@font-face{
	font-family: nunito;
	src: url("../../api/fontes/Nunito-Light.ttf");
}
@font-face{
	font-family: nunitoregular;
	src: url("../../api/fontes/Nunito-Regular.ttf");
}
@font-face{
	font-family: nunitomedium;
	src: url("../../api/fontes/Nunito-Medium.ttf");
}
@font-face{
	font-family: nunitosemibold;
	src: url("../../api/fontes/Nunito-SemiBold.ttf");
}
@font-face{
	font-family: nunitobold;
	src: url("../../api/fontes/Nunito-Bold.ttf");
}
@font-face{
	font-family: nunitoblack;
	src: url("../../api/fontes/Nunito-Black.ttf");
}

/* UNIVERSAL AO ATUALIZAR TODOS OS PAINEIS */
*{
    box-sizing: border-box;
}
body{
    margin:0;
    width:100%;
    
    -webkit-text-size-adjust:none;
    background-color:var(--cor_1);
    display:flex;
    flex-flow:column;
    overflow-y:auto;
    }

.display-none{
    display:none !important;
}

    .lowercase{
        text-transform: lowercase;
    }
    .uppercase{
        text-transform: uppercase;
    }
    .capitalize{
        text-transform: capitalize;
    }
/* UNIVERSAL AO ATUALIZAR TODOS OS PAINEIS */

div{
    word-break: break-all;
}




select, input{
    min-height:40px;height:40px;max-height:40px;
}

/* FIXOS */
#loading{
    top:0;left:0;position:fixed;width:100%;height:100vh;box-sizing: border-box;display:none;align-items:center;background-color:var(--cor_11);z-index:200;
}
#loading > div{
    margin:auto; border-top: 10px solid var(--cor_3);border-radius: 50%; width: 60px; height: 60px; animation: spin 0.71s linear infinite;
}  
@keyframes spin {  0% { transform: rotate(0deg); }  100% { transform: rotate(360deg); } }


#icone_alterar_tema_do_painel{
    transform: rotate(171deg);
}
.light{
    color:#f1f2f3 !important;
}
.dark{
    color:#000000 !important;
}

#aparência{
    display:flex;flex-flow:column;
}
#aparência > div{
    display:flex;align-items:center;margin:0 0 10px;
}
#aparência > div > input{
    width:25px;height:25px;margin:0 10px 0 0;cursor:pointer;outline:0;-webkit-tap-highlight-color: transparent;
}


h1, h2, h3, h4{
    font-family:helvetica;color:var(--cor_2);
}
span, label,a, p, td{
    font-family:helvetica;color:var(--cor_2);font-size:14px;
}
i{
    color:var(--cor_2);cursor:pointer;outline:0;-webkit-tap-highlight-color: transparent;
}
a{
    text-decoration:none;text-transform: capitalize;
}
input{
    padding:0 10px;box-sizing:border-box;height:50px;background-color:var(--cor_9);border:none;border-radius:2px;font-family:helvetica;font-size:14px;color:var(--cor_2);
}
input:hover{
    outline: 1px solid var(--cor_12);
}
button{
    min-height:25px;height:25px;max-height:25px;border-radius:2px;
    box-sizing: border-box;border-radius:2px;border:none;outline:0;cursor:pointer;font-family:helvetica;font-weight:normal;font-size:14px;background-color:var(--cor_3);color:var(--cor_18);-webkit-tap-highlight-color: transparent;
}
select{
    padding:0 10px;box-sizing:border-box;height:50px;background-color:var(--cor_9);border:none;border-radius:2px;font-family:helvetica;font-size:14px;color:var(--cor_2);
}
select option{
    background-color: var(--cor_9);color:var(--cor_2);
}
textarea{
    padding:0 10px;box-sizing:border-box;background-color:var(--cor_9);border:none;border-radius:2px;font-family:helvetica;font-size:14px;color:var(--cor_2);
}
textarea:hover{
    outline: 1px solid var(--cor_12);
}


#desktop{
    display:none;
}
#mobile{
    display:flex;
}


.tremer{
	animation: treme 0.1s;
	animation-iteration-count: infinite;
  }
  
  @keyframes treme {
	0% {margin-left: 0;}
	25% {margin-left: 2px;}
	50% {margin-left: 0;}
	75% {margin-left: -2px;}
	100% {margin-left: 0;}
  }


.no-scroll::-webkit-scrollbar {
    width: 0px;
    height:0px;
    }
.no-scroll::-webkit-scrollbar-thumb {
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background: transparent; 
    -webkit-box-shadow: inset 0 0 5px transparent; 
    }
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px var(--cor_1) inset;
}

/* Cor do texto do autocomplete */
input:-webkit-autofill {
    -webkit-text-fill-color: var(--cor_2) !important;
}

body{overflow-y:hidden;overflow-x:hidden;}


@media only screen and (min-width: 913px){ /*DESKTOP*/

    #div_sucesso{
        position:fixed;right:10px;top:10px;z-index:110;flex-grow:1;height:max-content;min-width:max-content;max-width:100%;
        background-color:var(--cor_13);border:solid 1px var(--cor_13);border-radius:4px;
        display:none;text-align:left;padding:10px;
    }
        #div_sucesso > span{
            margin:0 10px 0 0;font-weight:normal;color: var(--cor_15) !important;
        }
        #div_sucesso > span:last-of-type{
            margin:0 0 0 auto;font-size:20px;line-height:18px;font-weight:normal;padding:0 0 0 5px;cursor:pointer; color: var(--cor_15) !important;
        }
    #div_erro{
        position:fixed;right:10px;top:10px;z-index:110;flex-grow:1;height:max-content;min-width:max-content;max-width:100%;
        background-color:var(--cor_14);border:solid 1px var(--cor_14);border-radius:4px;
        display:none;text-align:left;padding:10px;
    }
        #div_erro > span{
            margin:0 10px 0 0;font-weight:normal;color: var(--cor_16) !important;
        }
        #div_erro > span:last-of-type{
            margin:0 0 0 auto;font-size:20px;line-height:18px;font-weight:normal;padding:0 0 0 5px;cursor:pointer;color: var(--cor_16) !important;
        }

	.moeda{width:calc(50% - 9px);margin-right:10px;margin-bottom:10px;padding:10px 0;}
	.margemMobile{margin-right:0px;}



    #desktop{
        display:flex;
    }
    #mobile{
        display:none;
    }



    /* SCROLL DESKTOP */
    ::-webkit-scrollbar {
        width: 12px;
        cursor:pointer;
    }
    ::-webkit-scrollbar-thumb {
        -webkit-border-radius: 0px;
        border-radius:2px;
        /* background: var(--cor_3); */
        background: var(--cor_5);
        /* -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.5);  */
        cursor:pointer;
    }

}

@media only screen and (max-width: 912px){ /*MOBILE*/

    #div_sucesso{
        position:fixed;left:10px;right:10px;bottom:10px;z-index:110;
        flex-grow:1;height:max-content;
        background-color:var(--cor_13);border:solid 1px var(--cor_13);border-radius:2px;
        display:none;text-align:left;padding:10px;
    }
        #div_sucesso > span{
            margin:0;font-weight:normal;color: var(--cor_15) !important;
        }
        #div_sucesso > span:last-of-type{
            margin:0 0 0 auto;font-size:20px;line-height:18px;font-weight:normal;padding:0 0 0 5px;cursor:pointer; color: var(--cor_15) !important;
        }
    #div_erro{
        position:fixed;left:10px;right:10px;bottom:10px;z-index:110;
        flex-grow:1;height:max-content;
        background-color:var(--cor_14);border:solid 1px var(--cor_14);border-radius:2px;
        display:none;text-align:left;padding:10px;
    }
        #div_erro > span{
            margin:0;font-weight:normal;color: var(--cor_16) !important;
        }
        #div_erro > span:last-of-type{
            margin:0 0 0 auto;font-size:20px;line-height:18px;font-weight:normal;padding:0 0 0 5px;cursor:pointer;color: var(--cor_16) !important;
        }

	.moeda{width:calc(50% - 9px);margin-right:10px;margin-bottom:10px;padding:10px 0;}
	.margemMobile{margin-right:0px;}

    #desktop{
        display:none;
    }
    #mobile{
        display:flex;
    }

    /* SCROLL MOBILE */
    ::-webkit-scrollbar {
        width: 0px;
        cursor:pointer;
    }
    ::-webkit-scrollbar-thumb {
        -webkit-border-radius: 0px;
        border-radius:0px;
        /* background: var(--cor_3); */
        background: var(--cor_5);
        /* -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.5);  */
        cursor:pointer;
    }
}