:root {
    --azulclaro: #daeafb;
    --cinza: #5C5C63;
    --azul: #5091FF;
    --amarelo-claro: #FEF4E1;
    --amarelo-escuro: #FAA005;
    --verde-claro:  #48C88D;
    --vermelho:  red;
}

* {
    outline-color: transparent;
    outline-style: none;
    outline: 0 !important;
    transition: all 0.35s ease-in-out;
    box-shadow:none;
}
:focus{
    outline:none !important;
    box-shadow:none !important;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
}
.inputicon {position: relative;}
.form-floating .form-control {height: 60px;text-indent: 30px; border: 2px solid #CECED0}
.form-floating .form-control:focus {box-shadow: none;}
.inputicon .iconLeft {position: absolute;top: 17px;left: 16px;z-index: 10; color:#000;}
.inputicon .iconRight {position: absolute;top: 17px;right: 16px;z-index: 10; color:#000;}
.inputicon .iconRight a{color: #000;}
.form-floating>label{left:30px;}
.form-floating .form-control{border-radius: 50px; margin-bottom: 25px; font-family: Titillium Web;font-style: normal;font-weight: normal;letter-spacing: -0.5px;color: #000; overflow: hidden; border: 1px solid #CECED0 !important; background-color: transparent;}
.form-floating .form-control:focus{border: 1px solid var(--azul) !important;}
.form-floating .form-select{border-radius: 50px; text-indent: 30px; margin-bottom: 25px; font-family: Titillium Web;font-style: normal;font-weight: normal;letter-spacing: -0.5px;color: #000; overflow: hidden; border: 1px solid #CECED0 !important; background-color: transparent;}
.form-floating .form-select:focus{border: 1px solid var(--azul) !important;}
.form-floating label{font-family: Titillium Web;font-style: normal;font-weight: normal;letter-spacing: -0.5px;color: #000;}
.form-check-label{font-family: Titillium Web;font-style: normal;font-weight: normal;letter-spacing: -0.5px;color: #000;font-size: 16px; font-weight: 600; border-radius: 0px;}
.form-floating textarea.form-control{height: 150px; resize: none; border-radius: 50px !important; padding:40px 30px 30px 30px !important; text-indent: 0% !important;}
.form-floating>label.normal{left: 20px; top: 10px;}

.btn-azul-escuro{width: 100%;height: 60px;background: var(--azul);border-radius: 50px; font-family: Titillium Web;font-style: normal;font-weight: bold;font-size: 20px;line-height: 2.2;text-align: center;color: #FFFFFF;}
.btn-azul-escuro:hover, .btn-azul-escuro:focus, .btn-azul-escuro:active{background-color: var(--azulclaro); color: #000;}
.btn-azul-claro{width: 100%;height: 60px;background: var(--azulclaro);border-radius: 50px; font-family: Titillium Web;font-style: normal;font-weight: bold;font-size: 20px;line-height: 2.2;text-align: center;color: #000;}
.btn-azul-claro:hover, .btn-azul-claro:focus, .btn-azul-claro:active{background-color: var(--azul); color: #fff;}
.btn-amarelo-claro{width: 100%;height: 60px;background: var(--amarelo-claro);border-radius: 50px; font-family: Titillium Web;font-style: normal;font-weight: bold;font-size: 20px;line-height: 2.2;text-align: center;color: var(--amarelo-escuro);}
.btn-amarelo-claro:hover, .btn-amarelo-claro:focus, .btn-amarelo-claro:active{background-color: var(--amarelo-escuro); color: #fff;}
.btn-verde{width: 100%;height: 60px;background: var(--verde-claro);border-radius: 50px; font-family: Titillium Web;font-style: normal;font-weight: bold;font-size: 20px;line-height: 2.2;text-align: center;color: #fff;}
.btn-verde:hover, .btn-verde:focus, .btn-verde:active{background-color: var(--verde-claro); color: #fff;}
.btn-vermelho{width: 100%;height: 60px;background: var(--vermelho);border-radius: 50px; font-family: Titillium Web;font-style: normal;font-weight: bold;font-size: 20px;line-height: 2.2;text-align: center;color: #fff;}
.btn-vermelho:hover, .btn-vermelho:focus, .btn-vermelho:active{background-color: var(--vermelho); color: #fff;}
.spinner-border{width: 1rem; height: 1rem;}
.hidden-arrow::after { border: none; }
.img-avatar {vertical-align: middle;width: 40px;height: 40px;border-radius: 50%;}
.avataBlcMenu{padding:0px 15px;}
.avataBlcMenu .nome{font-family: Titillium Web; margin-left: 10px; font-style: normal;font-weight: 600;font-size: 14px;line-height: 16px;}
.menuMeuPerfil{right: 20px !important; overflow: hidden; min-width: 463px; border-radius: 24px; background: #fff;box-shadow: 0px 12px 20px rgba(0, 0, 0, 0.1);}
.menuMeuPerfil li:first-child{padding: 15px 0px;}
.menuMeuPerfil li a{border-bottom: 1px solid #CECED0; display: block; padding:15px 15px;}
.menuMeuPerfil li:last-child a{border:0px !important;}
.menuMeuPerfil li a i{margin-right: 10px;}
.menuMeuPerfil li a span{background: #CECED0 !important;border-radius: 26.2759px; font-family: Titillium Web;font-style: normal;font-weight: 600;font-size: 16px; color: #fff;}
.loadingBottom{border-radius: 30px; text-align: center; background-color: #fff;}

#modalSmsAlter .card {width: 100%;border: none;z-index: 1;display: flex;justify-content: center;align-items: center}
#modalSmsAlter .card h6 {color: var(--azul);font-size: 20px}
#modalSmsAlter .inputs input {width: 40px;height: 40px}
#modalSmsAlter input[type=number]::-webkit-inner-spin-button,
#modalSmsAlter input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;-moz-appearance: none;appearance: none;margin: 0}
#modalSmsAlter .card-2 {background-color: #fff;padding: 10px;border-radius: 5px}
#modalSmsAlter .card-2 .content {margin-top: 0px; text-align: center;}
#modalSmsAlter .card-2 .content a {color: var(--azul)}
#modalSmsAlter .form-control:focus {box-shadow: none;border: 2px solid var(--azul)}
#modalSmsAlter .validate {border-radius: 20px;height: 40px;background-color: var(--azul);border: 1px solid var(--azul);width: 140px}
.navbar-light .navbar-nav .nav-link{font-family: Titillium Web;font-style: normal;font-weight: 600;font-size: 18px;line-height: 27px;color: #000;text-transform: uppercase;}
.navbar-light .navbar-nav .nav-link.active{color: #000;}
.easy-autocomplete{width: 100% !important;}
.easy-autocomplete-container{top: 65px; max-height: 150px;overflow: auto; z-index: 100;}
.nav-tabs .nav-link{font-family: Titillium Web;font-style: normal;font-weight: 600;font-size: 18px;line-height: 27px;color: #000;}
@media (max-width: 768px) {
    .menuMeuPerfil{min-width: 300px; right: 15px !important;}
}