/* * MENU E SUBMENU (SCROLLBAR) **/
/* https://css-tricks.com/custom-scrollbars-in-webkit/ */

/* CRIA BARRA DE ROLAGEM */
.navbar .navbar-collapse.in { 
  max-height: 100vh !important; 
  overflow-y: scroll !important; 
  overflow-x: hidden !important; 
}

/* BARRA DE ROLAGEM*/
.navbar .navbar-collapse.in::-webkit-scrollbar{ width: 0px;}

/* FUNDO DA BARRA DE ROLAGEM */
.navbar .navbar-collapse.in::-webkit-scrollbar-track{ background-color: #3c8dbc; }

/* TRAÇO DA BARRA DE ROLAGEM */
.navbar .navbar-collapse.in::-webkit-scrollbar-thumb{ background-color: #367fa9; }
/*---------------------------------------------------*/

/** MENU E SUBMENU  **/
.dropdown-submenu {position: relative;}

.dropdown-submenu>.dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px;
  border-radius: 0 6px 6px 6px;
}

@media (max-width: 768px){
  .dropdown-submenu>.dropdown-menu { padding-left: 10px;}
}

.dropdown-submenu:hover>.dropdown-menu {display: block;}

.dropdown-submenu>a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #ccc;
  margin-top: 5px;
  margin-right: -10px;
}

.dropdown-submenu:hover>a:after {border-left-color: #fff;}
.dropdown-submenu .pull-left {float: none;}
.dropdown-submenu .link-submenu{cursor: default;}


.menu-topo-site ul{text-align: left;}
#menu-topo-cadastro i,
#menu-topo-sistema i,
#menu-topo-host i{top: 3px;}
@media (min-width: 768px){
  #menu-topo-cadastro{width: 267px;}
  #menu-topo-sistema{width: 200px;}
  #menu-topo-host{width: 180px;}
}

@media (max-width: 767px){
  #menu-topo-cadastro i,#menu-topo-sistema i,#menu-topo-host i{width: 15px;}
}
/*------------------------------------ */

#listagem-menu-opcoes{
  color:white;
  list-style-type: none;
}

#div-logo-topo img {
  height: 30px;
  position: relative;
  top: -2px;
  left: -6px;
  width: auto;
}

/** REGISTRO OS  **/
.btn-registro-os, .btn-servico-orcamento,
.btn-servico-contrato, .btn-sistema-contrato {
  position: relative;
  top: 1px;
  margin-left: 10px;
}

.div-servicos-os{ margin-bottom: 10px;}
/*------------------------------------ */

/** MENU OS  **/
.btn-os{
  font-size: 20px;
  text-align: center;
  padding: 3px;
  width: 30px;
  height: 30px;
}

.btn-os i{
  position: relative;
  top: -4px;
}
/*------------------------------------ */

/** MODAL OS  **/
.modal-os-atributo{ font-weight: bold; padding: 0px; width: 20%; }
/*------------------------------------ */

/** OS HISTORICO **/
.separador-hist{ margin:0 20px; }
/*------------------------------------ */

/** ORCAMENTO **/
.servico-valor, .servico-valor-total{ margin-top: 7px;}
.btn-servico-orcamento{top: 13px}
/*------------------------------------ */

/** CONTRATO **/
.btn-servico-contrato, .btn-sistema-contrato{top: 13px}
/*------------------------------------ */

/** FILTRO LISTAGEM **/
.filtro-listagem-licenca{ float: right; }
.filtro-listagem-licenca .label-filtro{ top: 16px; }
.filtro-listagem-licenca .btn-filtro{ top: 10px; }

.btn-topo-filtro{ top: -4px; padding: 0px;}
/*------------------------------------ */


/** RELATORIO **/

.radio-relatorio input[type=radio]{
  position: relative;
  top: 3px;
}

.radio-relatorio div{
  width: 85px !important;
}

/*------------------------------------ */

.config-item{
  border-bottom: 1px solid #dadada;
  border-right: 1px solid #dadada;
  border-left: 1px solid #dadada;
  border-radius: 5px;
}

div[id^='wan-'] hr,
div[id^='lan-'] hr{ 
  clear: both;
  margin: 100px 50px 0 50px;
  border-color: #dadada;

}

.config-item .box-header{
  background-color: #7893c4;
  color: #fff;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

fieldset{
  border: none; 
  /* 1px solid #dadada; */
  border-radius: 5px;
  padding: 10px !important;
}
div[id^='wan-'] fieldset,
div[id^='lan-'] fieldset{
  margin-top: 2em;
}

div legend,
fieldset legend{
  width: auto;
  padding: 0 0.5em;
  margin-bottom: 0;
  font-size: 14px;
  line-height: inherit;
  color: #333;
  border: 0;
  border-bottom: none;
}
div legend{
  padding: 0;
  margin-top: 30px;

}

.btn-primary{
  border-color: #6587c5;
  background-color: #6587c5;
}

.btn-primary:hover{
  border-color: #577ec5;
  background-color: #577ec5;
}

.bg-azul-escuro:hover{ color: #fff; }
.bg-azul-escuro{
  color: #fff;
  border-color: #0073b7;
  background-color: #0073b7;
  
}

.unidade-qos {
  position: relative;
  top: 40px;
}

.ssid-section{
  padding: 0 !important;
  margin: 0 !important;
}

@media only screen and (max-width: 767px) {
  .ssid-section .btn-senha{
    margin: 27px 0 0 -5px !important;
  }

  .ssid-section{
    margin: 10px 0 0 0 !important;
    padding: 10px !important;
    border: 1px solid #d2d6de;
  }
}

.ssid-section .btn-senha{ margin: 0 0 0 -5px; }
#portas-span i{
  border: 1px solid;
  text-align: center;
  padding: 3px;
}

.bg-bordo{
  background-color: #9e0a0a;
  border-color: #9e0a0a;
  color: #fff;
}