/* 
 * 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,\
      <svg version='1.1' xmlns='http://www.w3.org/2000/svg' width='14px'\
           height='14px' viewBox='0 0 1200 1000' fill='rgb(51,51,51)'>\
        <path d='M1100 411l-198 -199l-353 353l-353 -353l-197 199l551 551z'/>\
      </svg>");
    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,\
      <svg version='1.1' xmlns='http://www.w3.org/2000/svg' width='14px'\
           height='14px' viewBox='0 0 1200 1000' fill='rgb(51,51,51)'>\
        <path d='M1100 411l-198 -199l-353 353l-353 -353l-197 199l551 551z'/>\
      </svg>");
    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;*/
}