/*
 * Usado geralmente como listagem de permissões
 **************************************************************
 */
.relacaoSelect{display: inline-block; width: 100%; height: 270px; resize: vertical; border: 1px #d2d6de solid; overflow-y: scroll;}
.relacaoSelect label{display: block; cursor: pointer;}
.relacaoSelect label:hover{background-color: #0092ff; color: White;}
.relacaoSelect input[type="radio"]{display: none;}
.relacaoSelect input[type="radio"] + span{display: block; padding-left: 0px; padding-right: 5px;}
.relacaoSelect input[type="radio"]:checked + span{background-color: #00acd6; color: White;}
.relacaoSelect div{margin-left: 15px; border-left: 1px #d2d6de solid;}
.relacaoSelect label > span:before{content: '- ';}

/* Customização */
.relacaoSelect.clientes {
  height: auto;
  overflow: initial;
  resize: none;
  border: 0;
}
.relacaoSelect.clientes div {
  padding-left: 1%;
}

/*
 * Customização para exibir um dropdown de botoes de ação no datatable
 **************************************************************
 */
.grid-button-actions {
 position: relative !important;
 margin: 0 !important;
 padding: 0 !important; 
}

.grid-button-actions .dropdown-menu {
  position:fixed;
}

.grid-button-actions .dropdown-menu:before {
  top: 0;
  left: -16px;
  border-top: 8px solid transparent;
  border-right: 8px solid #e0e0e0;
  border-bottom: 8px solid transparent;
}

.grid-button-actions .dropdown-menu:after {
  top: 0;
  left: -14px;
  border-top: 7px solid transparent;
  border-right: 7px solid #fff;
  border-bottom: 7px solid transparent;
}

 
 /* Deixando a modal do SweetAlert com preferencia na exibicao
 **************************************************************
 */
/* .modal {
  z-index: 9999;
}
.modal-backdrop {
  z-index: 9998;
} */
.sweet-alert2 {
  z-index: 9999;
}
.sweet-overlay {
  z-index: 9969;
}

/*Fontes Customizadas*/
@font-face {
  font-family: "campton-bold";
  src: url("fonts/campton-bold.otf") format("truetype");
}

.campton-bold{
  font-family: "campton-bold";  
} 

@font-face {
  font-family: "campton-light";
  src: url("fonts/campton-light.otf") format("truetype");
}

.campton-light{
  font-family: "campton-light";  
} 

.select2{
  width:100%!important;
}

.mostra-senha{
  cursor:pointer;
}

/*Parâmetros do template metronic*/
.m-grid__item.m-grid__item--fluid.m-wrapper{
  margin-top:-30px!important;
}
.m-portlet{
  margin-top:-45px!important;
}

form .m-portlet__body{
  margin-top:-45px!important;
  /* margin-left:-45px!important; */
  /* margin-right:-45px!important; */
}

body {
  background-color:#f2f3f8!important;
}

 /* Define os estilos próprios di datatable */
th{
  text-align:center;
}

td .dropdown.dropright{
  max-height:10px;
}

td .dropdown.dropright a[data-toggle="dropdown"]{
  max-height:25px;max-width:25px
}

.modal-backdrop, .modal-backdrop.in{
  display: none;
}

@media (min-width: 768px) {
      .modal-xl {
        width: 90%;
       max-width:1200px;
      }
}


/**Ajuste do tamanho da tela **/
.m-header--fixed.m-header--minimize-off .m-header .m-header__top {
    height: 60px;
}
.m-header .m-header__top {
    height: 60px;
}
.m-header .m-header__bottom {
    height: 40px;
}

.m-header--fixed.m-header--minimize-off .m-header {
    height: 100px;
}

.m-header--fixed .m-body {
    padding-top: 100px !important;
}

body {background-color: #f2f3f8;}

.btn-xs{
  max-height:25px!important;max-width:25px!important;
}


/* Dados de customização do sistema */

/*
 * Usado geralmente como listagem de permissões
 **************************************************************
 */
.relacaoSelect{display: inline-block; width: 100%; height: 270px; resize: vertical; border: 1px #d2d6de solid; overflow-y: scroll;}
.relacaoSelect label{display: block; cursor: pointer;}
.relacaoSelect label:hover{background-color: #0092ff; color: White;}
.relacaoSelect input[type="radio"]{display: none;}
.relacaoSelect input[type="radio"] + span{display: block; padding-left: 0px; padding-right: 5px;}
.relacaoSelect input[type="radio"]:checked + span{background-color: #00acd6; color: White;}
.relacaoSelect div{margin-left: 15px; border-left: 1px #d2d6de solid;}
.relacaoSelect label > span:before{content: '- ';}

/* Customização */
.relacaoSelect.clientes {
  height: auto;
  overflow: initial;
  resize: none;
  border: 0;
}
.relacaoSelect.clientes div {
  padding-left: 1%;
}

.modal-backdrop{
  z-index: 0;
}
/*Tamanho dos gráficos AmCharts*/
.ds-amchar {
  width: 100%;
  height: 350px;
} 
/*Fontes Customizadas*/
@font-face {
  font-family: "campton-bold";
  src: url("fonts/campton-bold.otf") format("truetype");
}

.campton-bold{
  font-family: "campton-bold";  
} 

@font-face {
  font-family: "campton-light";
  src: url("fonts/campton-light.otf") format("truetype");
}

.campton-light{
  font-family: "campton-light";  
} 

.mostra-senha{
  cursor:pointer;
}

th{
  text-align:center;
}

td .dropdown.dropright{
  max-height:10px;
}

td .dropdown.dropright a[data-toggle="dropdown"]{
  max-height:25px;max-width:25px
}

.btn-xs{ max-height:25px!important;max-width:25px!important;}

/* Ajustes do dashboard estilo metronic 4 */
.dashboard-stat.disabled {cursor: no-drop;}
.dashboard-stat .visual>i {color:#FFF; opacity:.3;}
.dashboard-stat .details {position:absolute; right:15px; padding-right:15px;}
.dashboard-stat.dashboard-stat-v2 .visual {padding-top:35px; margin-bottom:40px;}
.dashboard-stat .visual>i { margin-left:-35px; font-size:110px; line-height:110px;}
.dashboard-stat {text-shadow:none; display:block; margin-bottom:25px; overflow:hidden; border-radius:4px;}
.dashboard-stat .details .desc {color:#FFF; opacity:1; text-align:right; font-size:16px; letter-spacing:0; font-weight:300;}
.dashboard-stat .visual {width:80px; height:80px; display:block; float:left; padding-left:15px; font-size:35px; line-height:35px;}
.dashboard-stat .details .number {color:#FFF; padding-top:25px; text-align:right; font-size:34px; line-height:36px; letter-spacing:-1px; margin-bottom:0; font-weight:300;}


/* Tablist customizado */
.tabbable-custom .nav-tabs{border:none; margin:0;}
.tabbable-custom .tab-content{border: 1px solid #ddd; padding:10px; background-color:#fff}