/*
* Copyright (c) 2019 AT&T Intellectual Property. All rights reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
.img-arredondadaSide {
border-radius: 100%;
w overflow: hidden;
height: 100px;
width:100px;
background:#6495ED;
margin-top:10px;
margin-left: 5px;
}
.img-arredondadaChat {
border-radius: 100%;
overflow: hidden;
height: 50px;
width:50px;
background: black;
}
.tema{
color:red;
}
.chat-container {
width: 400px;
height: 100%;
margin: 0 auto;
}
.corStatusFinalizado{
color:green;
}
.corNormal{
color:#3366FF;
}
.corStatusNaoFinalizado{
color:red;
}
.alinharCentro{
text-align: center;
}
.user-panel {
padding: 10px;
}
.user-panel:before, .user-panel:after {
display: table;
content: " ";
}
.user-panel:after {
clear: both;
}
.user-panel > .image > img {
width: 45px;
height: 45px;
}
.user-panel > .info {
font-weight: 600;
padding: 5px 5px 5px 15px;
font-size: 14px;
line-height: 1;
}
.user-panel > .info > p {
margin-bottom: 9px;
}
.user-panel > .info > a {
text-decoration: none;
padding-right: 5px;
margin-top: 3px;
font-size: 11px;
font-weight: normal;
}
.user-panel > .info > a > .fa, .user-panel > .info > a > .ion, .user-panel > .info > a > .glyphicon {
margin-right: 3px;
}
#wrapper {
padding-left: 0;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
margin-top: -20px;
}
#wrapper.toggled {
padding-left: 250px;
}
#sidebar-wrapper {
z-index: 1000;
position: absolute;
left: 250px;
width: 0;
height:100vh;
margin-left: -250px;
overflow-y: auto;
background: #cccccc;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
#wrapper.toggled #sidebar-wrapper {
width: 250px;
}
#page-content-wrapper {
width: 100%;
}
#wrapper.toggled #page-content-wrapper {
position: absolute;
margin-right: -250px;
}
/* Sidebar Styles */
.sidebar-nav {
position: absolute;
top: 0;
width: 250px;
margin: 0;
padding: 0;
list-style: none;
}
.sidebar-nav li {
text-indent: 20px;
line-height: 40px;
margin-left: -25px;
color: #000000;
}
.logo{
color: rgb(105, 183, 105);
font-size: 36px;
font-weight: 700;
line-height: 39.6px;
margin-left:20px;
margin-top:10px
}
.fa {
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
font-size-adjust: none;
font-stretch: normal;
font-feature-settings: normal;
font-language-override: normal;
font-kerning: auto;
font-synthesis: weight style;
font-variant: normal;
font-size: inherit;
text-rendering: auto;
padding-right: 10px;
}
.containerLogin{
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-top: 100px;
margin-left: auto;
width: 30%;
}
.sidebar-nav li a {
display: block;
text-decoration: none;
color: #000000;
}
.sidebar-nav li a:hover {
text-decoration: none;
color: #fff;
background: rgba(255,255,255,0.2);
}
.sidebar-nav li a.example{
text-decoration: none;
color: #fff;
background: #999999;
}
sidebar-nav > .sidebar-brand {
height: 65px;
font-size: 18px;
line-height: 60px;
}
.sidebar-nav > .sidebar-brand a {
color: #999999;
}
.sidebar-nav > .sidebar-brand a:hover {
color: #fff;
background: none;
}
.sidebar-nav > .sidebar-brand a:active {
color: #fff;
background: none;
}
@media only screen and (max-height: 650px) and (min-width:768px){
#sidebar-wrapper {
width: 250px;
position: absolute;
height:200%;
}
}
@media only screen and (max-height: 450px) and (min-width:768px){
#sidebar-wrapper {
width: 250px;
position: absolute;
height:160%;
}
}
@media only screen and (max-height: 1200px) and (min-width:1366px){
#sidebar-wrapper {
width: 250px;
position: absolute;
height:100%;
}
}
@media(min-width:768px) {
#wrapper {
padding-left: 120px;
}
#wrapper.toggled {
padding-left: 0;
}
#sidebar-wrapper {
width: 250px;
}
#wrapper.toggled #sidebar-wrapper {
width: 0;
}
#page-content-wrapper {
position: relative;
}
#wrapper.toggled #page-content-wrapper {
position: relative;
margin-right: 0;
}
}
* {
box-sizing: border-box;
}
body {
margin: 0;
padding:0;
font-family: Arial;
height:calc(100% - 70px);
height:-moz-calc(100% - 70px);
height:-webkit-calc(100% - 70px);
}
html{margin:0;padding:0;}
.header {
overflow: hidden;
background-color: #000000;
padding: 8px 10px;
}
.header a {
float: left;
color: white;
text-align: center;
padding: 12px;
text-decoration: none;
font-size: 18px;
line-height: 25px;
border-radius: 4px;
}
.header a.logo {
font-size: 25px;
font-weight: bold;
}
.header-right {
float: right;
}
.akrbutton {
background-color: #4d4d4d;
border: none;
color: white;
padding: 8px 15px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 12px;
margin: 3% 2%;
cursor: pointer;
border-radius: 5px;
}
.refreshbutton {
background-color: #4d4d4d;
border: none;
color: white;
padding: 7px 14px;
text-align: center;
text-decoration: none;
display: inline-block;
cursor: pointer;
border-radius: 5px;
}
.akrtheader {
padding-top: 12px;
padding-bottom: 12px;
text-align: left;
background-color: #4CAF50
}
table, td {
border: 1px solid #ddd;
}
table {
border-collapse: collapse;
width: 100%;}
.siteStatusTable th {
padding: 5px;
text-align: left;
background-color: #cccccc;
border: 1px solid #ddd;
}
.siteStatusTable td {
padding-top: 5px;
padding-bottom:5px;
}
.nodeTable th {
padding: 10px;
text-align: left;
background-color: #cccccc;
border: 0px solid #ddd;
}
.nodeTable td {
padding-top: 5px;
padding-bottom:5px;
}
.siteaddOnsTable th {
padding: 10px;
text-align: left;
background-color: #cccccc;
border: 1px solid #ddd;
}
.siteaddOnsTable td {
padding-top: 5px;
padding-bottom:5px;
}
.sitetempestsTable th {
padding: 10px;
text-align: left;
background-color: #cccccc;
border: 1px solid #ddd;
}
.sitetempestsTable td {
padding-top: 5px;
padding-bottom:5px;
}
.shardwareTable th {
padding: 5px;
text-align: left;
background-color: #cccccc;
border: 1px solid #ddd;
}
.shardwareTable td {
padding-top: 3px;
padding-bottom:3px;
}
.rackTable th {
padding: 10px;
text-align: left;
background-color: #cccccc;
border: 1px solid #ddd;
}
.rackTable td {
padding-top: 5px;
padding-bottom:5px;
}
.sitebuildTable th {
padding: 10px;
text-align: left;
background-color: #cccccc;
border: 1px solid #ddd;
}
.sitebuildTable td {
padding-top: 5px;
padding-bottom:5px;
}
.softwareTable th {
padding: 10px;
text-align: left;
background-color: #cccccc;
border: 1px solid #ddd;
}
.softwareTable td {
padding-top: 5px;
padding-bottom:5px;
}
.popUpTable th {
padding: 10px;
text-align: left;
background-color: #cccccc;
border: 1px solid #ddd;
}
.popUpTable td {
padding-top: 5px;
padding-bottom:5px;
}
/*.pagination {
display: inline-block;
float:right;
}
.pagination li {
list-style-type:none;
color: white;
float: left;
padding: 8px 16px;
text-decoration: none;
transition: background-color .3s;
border: 1px solid #ddd;
}
.pagination li.active {
background-color: #DCDCDC;
color: white;
border: 1px solid #ddd;
}*/
button:disabled {
background: #dddddd;
}
.select-style {
border: 1px solid #ccc;
width: 240px;
height: 40px;
border-radius: 3px;
overflow: hidden;
background-position: right;
}
.select-style select {
width: 100%;
border: 0px;
box-shadow: none;
background:none;
background-image: none;
-webkit-appearance: none;
outline: 0px;
}
.selectStyle select option{
height:30px;
padding-top:5px;
}
@-moz-document url-prefix() {
select.example {
padding-right: 25px;
height:40px;
background-image: url("data:image/svg+xml,\
");
background-repeat: no-repeat;
background-position: calc(100% - 7px) 50%;
-moz-appearance: none;
appearance: none;
}
}
@-moz-document url-prefix() {
select.exampleTable {
height:25px;
background-image: url("data:image/svg+xml,\
");
background-repeat: no-repeat;
background-position: calc(100% - 7px) 50%;
-moz-appearance: none;
appearance: none;
}
}
.select-style select:focus {
outline: none;
}
.child_div_1{
float:left;
margin-right:50px;
}
.child_div_2{
float:right;
margin-right:50%;
}
.ngdialog {
margin-top:-100px;
padding-top:10px;
overflow-y: auto;
}
.addOnForm input[type=text], select, textarea {
width: 40%;
padding: 3px;
border: 0.5px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
margin-top: 3px;
margin-bottom: 3px;
resize: vertical;
}
.tempestclassForm input[type=text], select, textarea {
width: 40%;
padding: 3px;
border: 0.5px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
margin-top: 3px;
margin-bottom: 3px;
resize: vertical;
}
.hardwareForm input[type=text], select, textarea {
width: 40%;
padding: 3px;
border: 0.5px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
margin-top: 3px;
margin-bottom: 3px;
resize: vertical;
}
.podForm input[type=text], select, textarea {
width: 40%;
padding: 3px;
border: 0.5px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
margin-top: 3px;
margin-bottom: 3px;
resize: vertical;
}
.uploadForm input[type=text], select, textarea {
width: 40%;
padding: 3px;
border: 0.5px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
margin-top: 3px;
margin-bottom: 3px;
resize: vertical;
}
.vnfForm input[type=text], select, textarea {
width: 40%;
padding: 3px;
border: 0.5px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
margin-top: 3px;
margin-bottom: 3px;
resize: vertical;
}
.siteForm input[type=text], select, textarea {
width: 40%;
padding: 3px;
border: 0.5px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
margin-top: 3px;
margin-bottom: 3px;
resize: vertical;
}
.siteForm li input[type=text], select, textarea {
width: 40%;
padding: 3px;
border: 0.5px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
margin-top: 3px;
margin-bottom: 3px;
resize: vertical;
}
label {
font-weight: normal !important;
}
.ngdialog-custom{
background: #e6e6e6;
}
#footerlogo{
position:absolute;
display:inline-block;
bottom:0;
width: 250px;
}
.borderFrame{
margin-top:2px;
border:2px solid #cdcdcd;
/*border-radius: 0.1px;
/*-moz-border-radius: 0.1px;
-webkit-border-radius:0.1px;*/
}