/* CORES */
    .fundo-cor-primaria {
        background: #b1345a !important;
    }
    .fundo-cor-secundaria {
        background: #2ba26d !important;
    }
    .texto-cor-primaria {
        color: #b1345a !important;
    }
    .texto-cor-secundaria {
        color: #2ba26d !important;
    }
    .texto-cor-preto {
        color: #000000 !important;
    }
    /*Não validadas */
    /*
    .azul {
        background: #212121 !important;
    }
    .azul-text {
        color: #b1345a !important; 
    }
    .azulclaro {
        background: #5498D0 !important;
    }
    .azulclaro-text {
        color: #5498D0 !important; 
    }
    */
    .vermelho {
        background: #B8292F !important;
    }
    .cinza {
        background: #808080 !important;    
    }

    #senha_atual, #senha_nova, #senha_conf, #usu_senha {
        text-transform: none !important;
    }

/* DATA TABLES */
    .dataTables_length, #myTable_filter { 
        width: 100%;
    }
    .dataTables_length label, #myTable_filter label {
        top: 3px !important;
    }
    .left-col {
        float: left;
        width: 25%;
    }
    .center-col {
        float: left;
        width: 50%;
        margin-left:auto;
    }
    .right-col {
        float: left;
        width: 25%;
        /*padding-right: 14px;*/
    }
    #myTable_length select{
        border: 1px solid #aaa !important;
        border-radius: 3px !important;
        padding: 5px !important;
        background-color: transparent !important;
        color: inherit !important;
        padding: 4px !important;
    }
    #myTable_filter input{
        color: rgb(0, 0, 0) !important;
        border: 1px solid #aaa;
        border-radius: 3px;
        height: 2rem !important;
        margin: 0 !important;
        padding: 1px 0px !important;
        background-color: transparent;
        margin-left: 3px;
        width: 100% !important;
        text-indent: 0px;
        border-width: 2px;
    }
    table select, #myTable_wrapper select {
        display: inline !important;
        background-color: transparent !important;
        width: 35%;
        padding: 1px 0px !important;
        border: 1px solid #aaa !important;
        border-radius: 3px !important;
        height: 2rem !important;
    }
    input[type=search]:not(.browser-default):focus:not([readonly]){
        border:2px solid #000000 !important;
        -webkit-box-shadow:none !important;
        box-shadow:none !important
    }
    select:focus {
        border:1px solid #000000 !important;
        outline: 1px solid #000000 !important;
        -webkit-box-shadow:none !important;
        box-shadow:none !important
    }
     label {
        font-size: 0.9rem !important;
        color: #212121 !important;
        position: relative !important; 
        text-align: left !important; 
        width: 100% !important;
        display: inline-block;
        top: 12px !important;
        left: 0px !important;
    }
     label.active { 
        text-align: left !important;
        width: 100% !important;
        display: inline-block;
        -webkit-transform: translateY(-14px) scale(1) !important;
        transform: translateY(-14px) scale(1) !important;
        font-size: 1em !important;
    }
    .input-field {
        margin-top: 0px !important;
    }

/* CONFIGURAÇÕES BÁSICAS */
    body {
        display: flex;
        min-height: 100vh;
        flex-direction: column;
        font-family: "Roboto", sans-serif;
        font-size: 15px;
        margin: 0px !important;
        padding: 0px !important;
    }
    main {
        flex: 1 0 auto; 
    }  
    .cablogo {
        margin-top: 25px !important;
        margin-bottom: 25px !important;
    }
    .sidenav {
        width: 325px !important;
    }
    .divDescricao {
        text-align: left;
        color: grey;
    }
/* DATA TABELS */
    .dt-length .select-wrapper {
        width: 40px;
        display: inline-block;
        margin-left: 3px;
        margin-right: 3px;
    }
    .dt-search {
        text-align: right;
    }
    .dt-search input {
        padding: 0px 0px !important;
    }
    .dt-material .row {
        margin-bottom: 0px !important;
    }


    
/* LAYOUT BOTÕES */
    .btn {
        margin-bottom: 2px !important;
    }
    .btn-flat {
        border: 1px solid grey;
    }
    .btn100porc {
        width: 100% !important;
    }
    .borderRadius10 {
        border-radius: 10px;
        padding-left: 10px;
        padding-right: 10px;
    }



   
    .btnTextLeft {
        text-align: left !important;
    }
    .browser-default {
        position: relative !important;
    }
    .listaCheckbox .inputSpan {
        background-color: white;
        border: 1px solid #333333 !important;
        width: 100% !important;
        display: inline-block;
        padding: 3px;
        padding-top: 11px;
        padding-bottom: 11px;
        border: none;
        border-bottom: 1px solid #333333;     
        margin-top: 3px;   
        margin-bottom: 3px;
    }
    .inputSpan label {
        font-size: 16px;
    }
    .listaCheckbox strong {
        display: inline-block !important;
        margin-right: 25px !important;
        font-weight: normal;
        height: 2.6rem;
        font-size: 16px;
        padding-top: 8px;
    }
    .linhabotao {
        margin-top: 5px !important;
    }
    a i {
        vertical-align: middle;
    }
    [type="checkbox"]:not(:checked), [type="checkbox"]:checked, [type="radio"]:not(:checked), [type="radio"]:checked  {
        position: relative;
        opacity: 1 !important;
        pointer-events: auto !important;
    }    
    .mensagem {
        margin-top: 1px;
        margin-bottom: 2px;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
    .icon-block {
      padding: 0 15px;
    }
    .icon-block .material-icons {
    	font-size: inherit;
    }
    .material-icons {
        vertical-align: middle;
    }
    
    
    .limpar {
        clear: both; 
    }

    /* INPUT */
    input[type=text], 
    input[type=password],
    input[type=email],
    input[type=number],
    input[type=url],
    input[type=tel],
    input[type=color],
    input[type=file],
    textarea,
    .input-field select,
    input[type=date] {
        background-color: white !important;
        border: 1px solid #333333 !important;
        margin-top: 2px !important;
        /* text-transform: uppercase !important; */
    }
    .input-field {
        margin-bottom: 0px !important; 
    } 
    input[type=file], input[type=color] {
        height: 3.1rem;
        font-size: 16px;
        padding-top: 10px;
        padding-left: 5px;
        margin-bottom: 10px !important;
    }
    input[type=color] {
        width: 100%;
    }

    .responder input[type=text], 
    .responder input[type=password],
    .responder input[type=email],
    .responder input[type=number],
    .responder input[type=url],
    .responder input[type=tel],
    .responder input[type=color],
    .responder input[type=file],
    .responder textarea,
    .responder .input-field select,
    .responder input[type=date] {
        border-radius: 10px;
        border: 1px solid #AAA !important;
    }
    
    
    .card {
        border-radius: 0px !important;
    } 
    
    .font-chakra {
        font-family: 'Chakra Petch' !important;
    }
    .font-18 {
        font-size: 1.8em;
    }
    .vertical-center {
        vertical-align: middle;
    }
    .height50 {
        height: 50px;
    }
    .padding10 {
        padding-top: 10px;
    }
    
    .cab {
        height: 50px;
    }
    .cab .menu {
        display: inline-block;
        width: 50px;
        height: 50px;
        padding-top: 13px;
        text-align: center;
        vertical-align: middle;
    }
    .cab .brand-logo {
        font-family: 'Chakra Petch';
        font-size: 1.8em;
        padding-left: 15px;  
        vertical-align: middle;  
    }
    .cab .perfil {
        vertical-align: middle;
        font-size: 1.2em;
        height: 50px;
    }
    .cab .perfil img {
        width: 40px;
        margin-right: 5px;
        margin-top: 5px;
        margin-left: 5px;
        vertical-align: middle;
    }
    .cab .perfil span {
        vertical-align: middle;
        margin-left: 10px;
    }
    
    .page-footer {
        height: 40px;
        padding-top: 0px;
        font-size: 1.2em;
        font-family: 'Chakra Petch';
    }
    .page-footer img {
        height: 33px;
        text-align: right;
        padding-top: 5px;
    }
    .page-footer .row {
        margin-bottom: 0px;
        vertical-align: middle !important;
    }
    .page-footer .row .col {
        vertical-align: middle !important;
    }
    
    .container {  
        width: 95%;   
    } 
    
    .titulo { 
        padding-top: 15px;
        padding-bottom: 15px;
        font-family: 'Chakra Petch';
        font-size: 1.6em;
    }
    .titulo .container  {
        position: relative; 
    }
    .titulo .container .novo {
        display: inline-block;
        position: absolute;
        right: 25px;
        top: 24px;
    }
    .titulo .fechar {
        display: inline-block;
        position: absolute;
        right: 10px;
        top: 7px;
    }
    .subtitulo {
        font-weight: bold;
        text-transform: uppercase;
        font-size: 1.2em;
    }
    table {
        border: 1px solid #ccc;
        margin-bottom: 5px;
    }
    table tr th {
        padding-top: 8px;
        padding-bottom: 8px;
        /*text-transform: uppercase;*/
    }
    table tr td {
        padding-top: 8px;
        padding-bottom: 8px;
    }
    table tr .botao {
        padding-top: 2px;
        padding-bottom: 2px;
    }
    .modal {
        border: 0px solid white !important;
        border-radius: 0px !important;
    }
    .open {
        border: 0px solid white !important;
        border-radius: 0px !important;
    }
    /*
    .menu-item {
        margin-left: 20%;
        width: 80%;
        line-height: 20px;
        padding-top: 8px;
        padding-bottom: 8px;
    }
    .menu-item a {
        color: #000;
    }
    */
    .collapsible-header {
        
    }
    .collection {
        margin: 0px !important;
    }
    .collection .menu-item {
        padding: 0px !important;
    }
    #nav-mobile {
        background-color: #fafafa;
    }
    
    .btn:hover {
        background: #DDD;
    }
    
    .input-field label {
        color: #000;
    }
    .input-field select {
        margin: 2px 0 10px 0 !important;
        height: 3rem;
        width: 100%;
        font-size: 16px;
        background-color: white;
    }
    
    .input-field input[type=text]:focus + label {
        color: #000 !important;
    }
    
    .input-field input[type=text]:focus {
        border-bottom: 1px solid #000;
        box-shadow: 0 1px 0 0 #000;
    }
    
    .input-field input[type=text].valid {
        border-bottom: 1px solid #000;
        box-shadow: 0 1px 0 0 #000;
    }
    
    .input-field input[type=text].invalid {
        border-bottom: 1px solid #000;
        box-shadow: 0 1px 0 0 #000;
    }
    
    .input-field .prefix.active {
        color: #000;
    }    
     
    
    .login {
        min-width: 100% !important;
        min-height: 100% !important;
    }
    .login .espaco {
        height: 100px;
    }
    .login .row {
        margin-bottom: 0px;
    }
    .login .card-content {
        padding-left: 12px;
        padding-right: 12px;
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .login .card-action {
        padding-left: 12px;
        padding-right: 12px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .div-botao {
        margin-bottom: 10px;
    }
    
    
    
    .espelho table {
        width: 100% !important;
    }
    .espelho .cabecalho {
        background-color: #b1345a;
    }
    .espelho .cabecalho tr td {
        color: white;
        font-size: 1.5em;
        font-weight: bold;
    }
    .espelho .identificacao .rotulo {
        background-color: #eee;
        font-weight: bold;
        width: 15%;
        vertical-align: top;
    }
    .espelho .identificacao .informacao {
        vertical-align: top;
    }
    .espelho .tabeladetalhes .nome {
        background-color: #b1345a;
        color: #FFF;
    }
    
    
/* TELA MENOR QUE 993 */
@media only screen and (max-width: 992px) {
    .login .card-content {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .login .card-action {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
    }  
    .login .espaco {
        height: 50px;
    }    
    .brand-logo span {
        display: none !important;
    }
    .btn100porcMobile {
        width: 100% !important;
    }
}

/* TELA MENOR QUE 601 */
@media only screen and (max-width : 600px) {
    .login .espaco {
        height: 100px;
    }
    .dt-search {
        text-align: left !important;
    }
}