/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *  INICIO DAS ALTERAÇÕES NA TELA DE LOGIN * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.fw-500 {
    font-weight: 500 !important;
}

.login-form-control {
    border-radius: 46px;
    height: 46px;
    padding-left: 2rem;
    padding-right: 2rem;
    margin-top: 1.3rem;
    border-color: rgba(255, 255, 255, 0.1);
    background-color: white !important; 
    color: black !important;
    
}

.login-form-control::-moz-placeholder {
    color: rgba(255, 255, 255, 0.6);
    opacity: 1;
}

.login-form-control:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.6);
}

.login-form-control::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.6);
}

.kt-widget-4 .kt-widget-4__item .kt-widget-4__item-content .kt-widget-4__item-section .kt-widget-4__item-pic > input {
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 100%;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *  FINAL DAS ALTERAÇÕES NA TELA DE LOGIN  * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */




.nc-div-btns {
    padding: 0px 25px 0px 25px;
    text-align: right;
    width: 100%;
    display: block !important;
    position: sticky;
    bottom: 0px;
    z-index: 10;
}

.nc-div-interna-btns {
    padding: 15px 15px;
    background-color: #f2f3f8;
}

.nc-div-interna-btns .btn {
    margin-top: 5px;
}

.btn-nc-nav {
    width: 3.5rem;
    padding-right: 8px;
}

.btn-sm-grid {
    height: 1.6rem !important;
}

.nc-row-100 {
    width:100% !important;
}

.nc-nav-dados-lista {
    margin: auto !important;
    margin-top: 10px !important;
    /*margin-right: 5px !important;*/
    justify-content: flex-end !important;
}

.nc-nav-dados-lista a {
    padding: 0.5rem 1rem !important;
    font-size: 0.875rem !important;
    line-height: 1.5 !important;
}

.nc-footer-p-fixe {
    position: absolute !important;
    bottom: 0px !important;
    right: 0px !important;
    width: calc(100% - 260px) !important;
}

.kt-aside--minimize .nc-footer-p-fixe {
    position: absolute !important;
    bottom: 0px !important;
    right: 0px !important;
    width: calc(100% - 78px) !important;
}

.nc-div-btns-p-fixe {
    position: fixed !important;
    right: 0px !important;
    bottom: 70px !important;
    width: calc(100% - 260px) !important;
}

.kt-aside--minimize .nc-div-btns-p-fixe {
    position: fixed !important;
    right: 0px !important;
    bottom: 70px !important;
    width: calc(100% - 78px) !important;
}

.nc-lista-nav {
    text-decoration: none;
}

.nc-lista-nav-active {
    cursor: not-allowed;
}




/* AJUSTE DO DAS GRIS DO SISTEMA FOI CRIADA A table-sm */
.table-sm thead th, .table-sm thead td {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
    vertical-align: bottom;
}


/* INICIO - CSS PARA CRIAÇÃO DA GRIDVIEW / TABLE COM SCROLL NO tbody E COM HEADER E FOOTER FIXOS */

.table .thead-dark th {
    font-size: 90% !important;
    vertical-align: bottom;
}

.table .thead-dark th {
    border:0px;
}

.table .thead-dark-sm th {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
    vertical-align: bottom;
}

.table-scroll {
    width: 100%;
    margin-bottom: 0px !important;
}

.table-scroll > theadx, .table-scroll > tbody tr, .table-scroll > thead tr  {
    display:table;
    width:100%;
    table-layout:fixed;
}

.table-scroll > thead tr th  {
    display:table-cell;
}

.table-scroll > thead {
    width: calc( 100% - 1px );
}

.table-scroll > tbody {
    display: block !important;
    padding-right: 5px;
    /*height: 250px;*/
}

.table-scroll-60 > tbody {
    height: 60px;
}

.table-scroll-100 > tbody {
    height: 100px;
}

.table-scroll-120 > tbody {
    height: 120px;
}

.table-scroll-150 > tbody {
    height: 150px;
}

.table-scroll-200 > tbody {
    height: 200px;
}

.table-scroll-250 > tbody {
    height: 250px;
}

.table-scroll-300 > tbody {
    height: 300px;
}

.table-scroll-350 > tbody {
    height: 350px;
}

.table-scroll-400 > tbody {
    height: 400px;
}

.table-scroll-450 > tbody {
    height: 450px;
}

.table-scroll-500 > tbody {
    height: 500px;
}

.table-scroll-550 > tbody {
    height: 550px;
}

.table-scroll > tfoot {
    display: block !important;
}


.table-no-scroll {
    width: 100%;
    margin-bottom: 0px !important;
}

.table-no-scroll > theadx, .table-no-scroll > tbody tr, .table-no-scroll > thead tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.table-no-scroll > thead tr th {
    display: table-cell;
}

.table-no-scroll > thead {
    width: calc( 100% - 1px );
}

.table-no-scroll > tbody {
    display: block !important;
    /*height: 250px;*/
}

.table-no-scroll > tfoot {
    display: block !important;
}

.table .thead-dark th a {
    color: #fff;
}

/* FINAL - CSS PARA CRIAÇÃO DA GRIDVIEW / TABLE COM SCROLL NO tbody E COM HEADER E FOOTER FIXOS */

/* INICIO - CSS PARA CONTROLE DA PAGINAÇÃO DOS GRIDVIEW nc-pagination */


.nc-pagination {
    display: inline-block;
    padding-left: 0;
    margin: 10px 0px 0px 0px;
    border-radius: 4px;
    width: 100%;
    text-align: left;
}

.nc-pagination > td {
    border: none !important;
}


.nc-pagination table > tbody > tr > td {
    display: inline;
    border: none !important;
    background-color: transparent;
}

.nc-pagination table > tbody > tr > td > a,
.nc-pagination table > tbody > tr > td > span {
    position: relative;
    float: left;
    padding: 5px 10px;
    line-height: 1.0;
    text-decoration: none;
    color: #337ab7;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    margin-left: -1px;
}

.nc-pagination table > tbody > tr > td > span {
    position: relative;
    float: left;
    padding: 5px 10px;
    line-height: 1.0;
    text-decoration: none;
    margin-left: -1px;
    z-index: 2;
    color: #aea79f;
    background-color: #f5f5f5;
    border-color: #dddddd;
    cursor: default;
}

.nc-pagination table > tbody > tr > td:first-child > a,
.nc-pagination table > tbody > tr > td:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}

.nc-pagination table > tbody > tr > td:last-child > a,
.nc-pagination table > tbody > tr > td:last-child > span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}

.nc-pagination table > tbody > tr > td > a:hover,
.nc-pagination table > tbody > tr > td > span:hover,
.nc-pagination table > tbody > tr > td > a:focus,
.nc-pagination table > tbody > tr > td > span:focus {
    color: #97310e;
    background-color: #eeeeee;
    border-color: #dddddd;
}


/* FINAL - CSS PARA CONTROLE DA PAGINAÇÃO DOS GRIDVIEW nc-pagination */



/* AJUSTE DO CSS NO PLUGIN SELECTPICKER */
.form-control-sm .filter-option-inner {
    padding-top: 3px !important;
}

.bootstrap-select.form-control-sm .form-control {
    height: calc(1.5em + 0.8rem + 2px);
}


.bootstrap-select.form-control-xs .filter-option {
    padding-top: 4px !important;
}

.bootstrap-select.form-control-xs > .dropdown-toggle:after {
    margin-top: -6px;
}

.bootstrap-select.form-control-xs .form-control {
    height: calc(1.5em + 0.5rem + 2px);
    padding: 0.3rem 0.5rem;
    font-size: 0.8rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}



/*  INICIO - AJUSTES PARA O CSS DO BOOTSTRAP VALIDATOR   */

.has-error .form-control {
    border-color: #fd397a !important;
}

.has-error .help-block, .has-error label {
    color: #fd397a !important;
}

.has-error > .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-light {
    border-color: #fd397a !important;
}

.has-error .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-light {
    border-color: #fd397a !important;
}

/*  FINAL - AJUSTES PARA O CSS DO BOOTSTRAP VALIDATOR   */


/* INICIO - AJUSTA PARA O MENU DROPDOWN DENTRO DE UM INPUT GROUP */

.input-group-append .dropdown-menu > li > a [class^="fa-"], .input-group-append .dropdown-menu > li > a [class*=" fa-"], .input-group-append .dropdown-menu > .dropdown-item [class^="fa-"], .input-group-append .dropdown-menu > .dropdown-item [class*=" fa-"] {
    font-size: 1.2rem !important;
    padding-top: 0.6rem !important;
}


/* FINAL - AJUSTA PARA O MENU DROPDOWN DENTRO DE UM INPUT GROUP */




.kt-avatar .kt-avatar__cancel i {
    color: #fd397a !important;
}


.modal-xxl {
    max-width: 96% !important;
}

.modal-full {
    max-width: 100% !important;
    height: 100vh !important;
    margin: 0px !important;
}

.modal-full .modal-content {
    height: 100vh !important;
    border-radius: 0 !important;
}

@media (max-width: 1024px) {
    .kt-menu__nav-nc {
        padding: 0px 30px !important;
    }

    .nc-div-btns-p-fixe {
        position: fixed !important;
        right: 0px !important;
        bottom: 70px !important;
        width: calc(100% - 0px) !important;
    }

    .kt-aside--minimize .nc-div-btns-p-fixe {
        position: fixed !important;
        right: 0px !important;
        bottom: 70px !important;
        width: calc(100% - 0px) !important;
    }

    .nc-footer-p-fixe {
        position: absolute !important;
        bottom: 0px !important;
        right: 0px !important;
        width: calc(100% - 0px) !important;
    }

    .kt-aside--minimize .nc-footer-p-fixe {
        position: absolute !important;
        bottom: 0px !important;
        right: 0px !important;
        width: calc(100% - 0px) !important;
    }
}

@media (min-width: 1024px) {

    .modal-xl {
        max-width: 950px !important;
    }
}

@media (min-width: 1399px) {
    .modal-xl {
        max-width: 1300px !important;
    }
}

@media (min-width: 1400px) {
    .modal-xl {
        max-width: 1300px !important;
    }
}

input:: -webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #b9b8b8 !important;
}

input::-moz-placeholder { /* Firefox 19+ */
    color: #b9b8b8 !important;
}

input:-ms-input-placeholder { /* IE 10+ */
    color: #b9b8b8 !important;
}

input:-moz-placeholder { /* Firefox 18- */
    color: #b9b8b8 !important;
}


input.loading {
    background: url('../../Imagens/loading.gif') no-repeat right center;
}

select.loading {
    background: url('../../Imagens/loading.gif') no-repeat right center;
}



input.form-control-bg-success {
    background-color: rgba(29, 201, 183, 0.1) !important;
}

input.form-control-bg-danger {
    background-color: rgba(253, 57, 122, 0.1) !important;
}

input.form-control-bg-warning {
    background-color: rgba(255, 184, 34, 0.1) !important;
}

input.form-control-bg-info {
    background-color: rgba(85, 120, 235, 0.1) !important;
}


.table-col-nowrap {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.table-col-nowrap-2 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

.swal2-popup {
    min-width: 32em;
    max-width: 90%;
    width: auto;
}