/* CSS para inputs, selects e textareas */
select[readonly] {
    background: #f1f3fa !important;
    pointer-events: none !important;
    touch-action: none !important;
}

/* readonly para select2 */
select[readonly].select2-hidden-accessible + .select2-container {
    pointer-events: none;
    touch-action: none;
}

select[readonly].select2-hidden-accessible + .select2-container .select2-selection {
    background: #f1f3fa;
    box-shadow: none;
}

select[readonly].select2-hidden-accessible + .select2-container .select2-selection__arrow, select[readonly].select2-hidden-accessible + .select2-container .select2-selection__clear {
    display: none;
}

.custom-checkbox label{
    font-size: 13px !important;
    font-weight: 500;
    padding-top: 5px !important;
    line-height: 1em !important;
    cursor: pointer;
}

.form-control{
    font-size: 13px !important;
    font-weight: 600 !important;
}
input.form-control{
    height: 40px !important;
}
.form-control:focus{
    box-shadow: 0 0 1px 1px  #dbdbdb;
    border-color:  #dbdbdb;
}
.form-control::placeholder{
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
}

.form-group label{
    margin-bottom: 5px;
    font-size: 13px;
    letter-spacing: 0.5px;
    font-weight: 600;
    color: #626262;
}



/*====================================================

  Alterações diversas do template

====================================================*/
.menu ul.sub-submenu > li{
    padding-left: 10px !important;
    margin-left: 10px !important;
}

.container-custom {
    padding-right: 12px;
    padding-left: 12px;
    min-height:100%;
    margin: 0 auto !important;
    position:relative;
}

@media (min-width: 576px) {
    .container-custom {
        max-width: 540px;
    }
}
@media (min-width: 768px) {
    .container-custom {
        max-width: 720px;
    }
}
@media (min-width: 992px) {
    .container-custom {
        max-width: 960px;
    }
}
@media (min-width: 1200px) {
    .container-custom {
        max-width: 1500px;
    }
}


/*====================================================

  telas de autenticação

====================================================*/

.form-auth .input-group-text{
    background: transparent !important;
    border-right: none !important;
    width: 40px;
}
.form-auth .form-control{
    border-left: none !important;
    padding-left: 5px !important;
}

.form-auth .form-control:focus{
    box-shadow: 0 0 0.5px 0.5px  #dbdbdb;
    border-color:  #dbdbdb;
}

/*====================================================

   Hidden/Visible de acordo com o tamanho da tela

====================================================*/

/* pure-hidden-xs */
@media screen and (max-width:567px) {
    .visible-sm{display:none !important;}
    .visible-md{display:none !important;}
    .visible-lg{display:none !important;}
    .visible-xl{display:none !important;}
    .hidden-xs{display:none !important;}
}
/* pure-hidden-sm */
@media screen and (min-width:568px) and (max-width:767px) {
    .visible-xs{display:none !important;}
    .visible-md{display:none !important;}
    .visible-lg{display:none !important;}
    .visible-xl{display:none !important;}
    .hidden-sm{display:none !important;}
}
/* pure-hidden-md */
@media screen and (min-width:768px) and (max-width:1023px) {
    .visible-xs{display:none !important;}
    .visible-sm{display:none !important;}
    .visible-lg{display:none !important;}
    .visible-xl{display:none !important;}
    .hidden-md{display:none !important;}
}
/* pure-hidden-lg */
@media screen and (min-width:1024px) and (max-width:1279px) {
    .visible-xs{display:none !important;}
    .visible-sm{display:none !important;}
    .visible-md{display:none !important;}
    .visible-xl{display:none !important;}
    .hidden-lg{display:none !important;}
}
/* pure-hidden-xl */
@media screen and (min-width:1280px) {
    .visible-xs{display:none !important;}
    .visible-sm{display:none !important;}
    .visible-md{display:none !important;}
    .visible-lg{display:none !important;}
    .hidden-xl{display:none !important;}
}

/* cursor style */
.cursor-pointer{
    cursor: pointer !important;
}
.cursor-not-allowed{
    cursor: not-allowed !important;
}
.cursor-default{
    cursor: default !important;
}

/* width */
.w-100px{
    width: 100px !important;
}

.w-250px{
    width: 250px !important;
}

/* alert */
.alert-soft-danger{
    background-color: rgba(250, 32, 32, 0.27) !important;
    color: darkred !important;
}

/* text colors */
.text-gray-default{
    color: #5a5c61;
}

.numero-painel-movimentacoes{
    font-size: 35px;
}

/* buttons */
.btn-float{
    position:fixed;
    width:60px;
    height:60px;
    bottom:40px;
    right:30px;
    border-radius:50px;
    text-align:center;
    font-size: 26px !important;
    z-index: 999999;
}

.btn-float-2{
    bottom: 110px !important;
    right:30px !important;
}

.btn-float-icon{
    margin-top:8px;
    margin-right: 20px !important;
}

.crud-header-button{
    margin: -8px 0;
    color: #212529;
    background-color: #efefef !important;
    border-color: #efefef !important;
}

.crud-header-button:hover{
    color: #212529;
    background-color: #e2e6ea !important;
    border-color: #dae0e5 !important;
}

.crud-header-button:focus, .crud-header-button.focus{
    color: #212529;
    background-color: #d1d5d9;
    border-color: #d1d5d9;
    -webkit-box-shadow: 0 0 0 0.2rem #d1d5d9 !important;
    box-shadow: 0 0 0 0.2rem #d1d5d9 !important;
}

.btn-type-password {
    color: #212529;
    background-color: #f8f9fa;
    height: 38px !important;
    border: 1px solid #e8ebf3;
}

.btn-type-password:hover {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5;
}

.btn-type-password:focus, .btn-type-password.focus {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
}

.btn-type-password.disabled, .btn-type-password:disabled {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

.btn-progress{
    position:relative;background-image:url("../img/spinner-white.svg");
    background-position:center;
    background-repeat:no-repeat;
    background-size:30px;
    color:transparent !important;
    pointer-events:none
}

/* icon */
.list-icon-action{
    color: #474b4e !important;
    padding: 0 5px !important;
    top: -10px !important;
    cursor: pointer;
    font-size: 0em !important;
}

/*
 * Block UI spinner
 *
 */
.blockui-spinner {
    animation: blockui-rotate 2s linear infinite;
    z-index: 2;
    width: 30px;
    height: 30px;
}
.blockui-spinner .blockui-path {
    stroke: #f3eded;
    stroke-linecap: round;
    animation: blockui-dash 1.5s ease-in-out infinite;
}
@keyframes blockui-rotate {
    100% {
        transform: rotate(360deg);
    }
}
@keyframes blockui-dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35;
    }
    100% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124;
    }
}


/* form cards */
.form-card-subtitle{
    margin-top: 20px;
    margin-bottom: 20px;
    padding-bottom: 10px;
    padding-left: 5px;
    font-size: 16px;
    font-weight: 600;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom: 1px solid rgba(64,57,109,0.3);
    color: #40396d;
}