:root {
    --main-bg-color: #143b78;
}

.navbar-light .navbar-nav .nav-link {
    color: #f8f9fa;
}

.active .navbar-light .navbar-nav .nav-link {
    color: transparent;
}

.modeloRequerimentoDescricao i:not(.fa-circle-question) {
    margin-right: 10px;
}

.modeloRequerimentoDescricao .fa-circle-question {
    float: right;
    position: relative;
    top: 3px;
}

.nav-no-border {
    border-radius: 0px !important;
    border-color: var(--main-bg-color) !important
}

.site-background-color {
    background-color: var(--main-bg-color)
}

.navbar-toggle {
    float: left !important;
}

.white {
    color: #fff !important;
}

.logo-outer {
    padding: 3px !important
}

.logo-inner {
    min-width: 50px;
    min-height: 40px;
    max-height: 50px;
    max-width: 70px;
}

.logo-inner-average {
    min-width: 75px;
    min-height: 50px;
    max-height: 75px;
    max-width: 90px;
}

.logo-inner-big {
    min-width: 80px;
    min-height: 70px;
    max-height: 110px;
    max-width: 140px;
}

.nav-no-border {
    border-radius: 0px !important;
    border-color: var(--main-bg-color) !important
}

.btn-primary {
    color: #fff;
    background-color: #007bff !important;
    border-color: #007bff;
}

.site-background-color {
    background-color: var(--main-bg-color)
}

.navbar-toggle {
    float: left !important;
}

.white {
    color: #fff !important;
}

.text-to-left > label > span > label {
    float: left;
}

.text-to-left > label {
    min-width: -webkit-fill-available;
}

.padding {
    padding: 5px;
    margin-top: 0.5%;
}

.btn-primary:hover {
    background-color: #008CBA;
    color: white;
}

.hide{
    display:none !important;
}

.space-padding-5 {
    padding: 5px !important;
}

.div-borders-left {
    border: 1px solid #ccc !important;
    border-radius: 16px;
    padding: 0.01em 16px;
    margin-left: 10px;
    margin-top: 5px;
}

.div-borders-right {
    border: 1px solid #ccc !important;
    border-radius: 16px;
    padding: 0.01em 16px;
    margin-top: 5px;
}

.vertical-center-5 {
    position: relative;
    top: 5vh;
    margin-bottom: 2vh;
    height: auto;
    /*overflow:auto;*/
}

.vertical-center-25 {
    position: relative;
    top: 25vh;
    margin-bottom: 2vh;
    height: auto;
    /*overflow:auto;*/
}

.vertical-center-10 {
    position: relative;
    top: 10vh;
    margin-bottom: 2vh;
    height: auto;
    /*overflow:auto;*/
}

.vertical-center-15 {
    position: relative;
    top: 15vh;
    margin-bottom: 2vh;
    height: auto;
    /*overflow:auto;*/
}

.vertical-center-20 {
    position: relative;
    top: 20vh;
    margin-bottom: 2vh;
    height: auto;
    /*overflow:auto;*/
}

.scroll-mh-40 {
    max-height: 40vh;
    overflow-y: auto;
    margin-bottom: 15px
}

.input-text-center{
    text-align:center;
}


/**/

/*GERAÇÂO DE SENHA*/
.password-card {
    overflow:auto;
    height:75vh;
}
/**/
/*=================================================NOVO REQUERIMENTO=====================================================*/
.modalWidth {
    width: 50vw !important;
}
.cursor-pointer {
    cursor: pointer;
}
.modalWidthMobile {
    width: 95vw !important;
}

div[class^="scrollbar"]::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #0069d9;
}

div[class^="scrollbar"]::-webkit-scrollbar {
    width: 10px;
    padding-left: 5px;
    background-color: #0069d9;
}

div[class^="scrollbar"]::-webkit-scrollbar-thumb {
    background-color: #0069d9;
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent)
}

.imgNovoRequerimento {
    max-height: 100px;
    max-width: 100px;
    float: left
}

.desktop {
    overflow: auto;
    max-height: 85vh;
}

.mobile {
    overflow: auto;
    max-height: 60vh;
}

.btnWidth {
    min-width: 350px !important;
}
/*FIM NOVO REQUERIMENTO*/

/*=============================Envia Requerimento===========================*/
#win_Complemento {
    top: 100px !important;
}

.bodyHeight {
    height: 68vh;
    overflow: auto
}

.bodyHeight768 {
    height: 68vh;
    overflow: auto
}

.bodyHeight1024 {
    height: 76vh;
    overflow: auto
}

.bodyHeight1080 {
    height: 78vh;
    overflow: auto
}

.bodyHeightMobile {
    height: 50vh;
    overflow: auto
}

.bodyHeightMobileSmall {
    height: 55vh;
    overflow: auto
}

.bodyHeightMobileMedium {
    height: 60vh;
    overflow: auto
}

.bodyHeightMobileHigh {
    height: 65vh;
    overflow: auto
}
/*=====================Fim Envia requerimento*/

/*LOADER*/

.loader {
    width: 100%;
    height: 100%;
    background: rgba(57,70,78,.25);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    align-items: center;
    justify-content: center;
    display: none;
}

.loader-spinner {
    border: 16px solid rgba(0, 0, 170, 0.00); 
    border-top: 16px solid #007bff !important;
    border-bottom: 16px solid #007bff !important;
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
/*Fim LOADER*/