/* CORES */
    body {
        font-size: 12px !important;
    }
    .azul {
        background: #212121 !important;
    }
    .azul-text {
        color: #035DA8 !important; 
    }
    .azulclaro {
        background: #5498D0 !important;
    }
    .azulclaro-text {
        color: #5498D0 !important; 
    }
    .vermelho {
        background: #B8292F !important;
    }
    .cinza {
        background: #808080 !important;    
    }

/* CAMERA */
    #html5-qrcode-select-camera {
        display: block;
    }

/* LAYOUT*/
    .borderRadiusTop {
        border-top-left-radius: 15px !important;
        border-top-right-radius: 15px !important;
    }
    .borderRadiusBottom {
        border-bottom-left-radius: 15px !important;
        border-bottom-right-radius: 15px !important;
    }
    .btn {
        border-radius: 15px !important;
    }
    .card-action .valor {
        font-size: 3rem !important;
    }
    .card-action .valor span {
        font-size: 1rem !important;
    }
    .caixaAlta {
        text-transform: uppercase;
    }
    .produtoTitulo {
        text-transform: uppercase;
        font-weight: bold; 
    }
    .tituloDpi {
        background: #B8292F !important;
        color: #FFFFFF;
    }
    .btn-flat {
        border: 1px solid grey;
    }
    .btn100porc {
        width: 100% !important;
    }
    .btnTextLeft {
        text-align: left !important;
    }
    .browser-default {
        position: relative !important;
    }
    .listaCheckbox .inputSpan {
        background-color: white;
        border: 1px solid #efefef !important;
        width: 100% !important;
        display: inline-block;
        padding: 3px;
        border: none;
        border-bottom: 1px solid #9e9e9e;        
    }
    .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;
    }
    
    /* Limpar */
    .limpar {
        clear: both; 
    }
    input[type=text], 
    input[type=password],
    input[type=email],
    input[type=number],
    input[type=url],
    input[type=file],
    input[type=tel],
    input[type=time],
    textarea,
    select,
    input[type=date] {
        background-color: white !important;
        border: 1px solid #BBB !important;
        margin-top: 2px !important;
        /* text-transform: uppercase !important; */
        border-radius: 15px !important; 
    } 
    .input-field {
        margin-bottom: 0px !important; 
    }
    .input-field label { 
        /* margin-left: 7px; */
    }
    input[type=file] {
        height: 3.1rem;
        font-size: 16px;
        padding-top: 10px;
        padding-left: 5px;
    }
    /* Rodap� alinhado no final da p�gina */
    body {
        display: flex;
        min-height: 100vh;
        flex-direction: column;
        font-size: 13px;
    }
    main {
        flex: 1 0 auto;
    }  
    
    .card {
        border-radius: 15px !important;
    } 
    
    /* Fonte */
    .collapsible-header {
        font-weight: bold;
        font-size: 1.2em;
    }
    .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;
    }
    
    /* Cabe�alho */
    .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;
    }
    
    /* Rodap� */
    .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;
    }
    
    /* Largura do container */
    .container {  
        width: 95%;   
    } 
    
    /* P�gina */
    .negrito {
        font-weight: bold;
    } 
    .maiusculo {
        text-transform: uppercase;
    }
    .titulo {
        position: relative;
        padding-top: 15px;
        padding-bottom: 15px;
        font-family: 'Chakra Petch';
        font-size: 1.6em;
    }
    .titulo .novo {
        display: inline-block;
        position: absolute;
        right: 25px;
        top: 30px;
    }
    .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 td .input-field {
        margin-top: 0px !important;
    }
    table tr td .input-field select, table tr td .input-field input {
        margin-bottom: 0px !important;
    }
    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 {
        
    }
    #nav-mobile {
        background-color: #fafafa;
    }
    .card b {
        font-size: 1.5em !important;
        font-weight: normal !important;
    }
    /* Formul�rio */
    .formataInput {
    }
    .formataInput .inputSpan {
        display: inline-block;
        padding-top: 10px;
        height: 3rem;
        font-size: 16px;
        border: 1px solid #BBB !important;
        margin-top: 3px;
        width: 100%;
        padding-left: 3px;
    }
    .btn:hover {
        background: #DDD;
    }
    .semBtn {
        border: none !important;
        background: none !important;
        padding: 0px !important;
        margin: 0px !important;
    }
    /* label color */
    .input-field label {
        color: #000;
    }
    .input-field select {
        margin: 2px 0 10px 0 !important;
        height: 3rem;
        width: 100%;
        font-size: 16px;
        background-color: white;
    }
    /* label focus color */
    .input-field input[type=text]:focus + label {
        color: #000 !important;
    }
    /* label underline focus color */
    .input-field input[type=text]:focus {
        border-bottom: 1px solid #000;
        box-shadow: 0 1px 0 0 #000;
    }
    /* valid color */
    .input-field input[type=text].valid {
        border-bottom: 1px solid #000;
        box-shadow: 0 1px 0 0 #000;
    }
    /* invalid color */
    .input-field input[type=text].invalid {
        border-bottom: 1px solid #000;
        box-shadow: 0 1px 0 0 #000;
    }
    /* icon prefix focus color */
    .input-field .prefix.active {
        color: #000;
    }    
     
    /* Login */
    .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 */
    .espelho table {
        width: 100% !important;
    }
    .espelho .cabecalho {
        background-color: #035DA8;
    }
    .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: #035DA8;
        color: #FFF;
    }
    .btn {
        margin-bottom: 1px !important;
    }
    
    
/* 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;
    }
    .btn100smart {
        width: 100% !important;
        margin-bottom: 5px !important;
    }
}