@media (min-width:992px) {
    body[data-layout=topnav] .container-fluid {
        max-width: 98% !important
    }
}

/* Color menu */
.menu-gradient-tema {
    background: #003366;

}


.loading-page {
    width: 100vw;
    height: 100vh;
    background-color: #f7f9fd;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    z-index: 3000;
    position: absolute;
    overflow-x: hidden;
    overflow-y: hidden;
}

.bg-tema-blue {
    background-color: #27acd2 !important;
}

.bg-tema-green {
    background-color: #24335F !important;
}

.bg-tema-grey {
    background-color: #8E8E8E !important;
}

.text-tema-blue {
    color: #27acd2 !important;
}

.text-tema-green {
    color: #23404a !important;
}

.text-tema-grey {
    color: #8E8E8E !important;
}


.text-tema-error-blue {
    color: #27acd2;
    text-shadow: rgba(39, 172, 210, 0.3) 5px 1px, rgba(39, 172, 210, 0.2) 10px 3px;
    font-size: 5.25rem;
    line-height: 5.625rem
}

.text-tema-error-red {
    color: #F43260;
    text-shadow: rgba(244, 50, 96, 0.3) 5px 1px, rgba(244, 50, 96, 0.2) 10px 3px;
    font-size: 5.25rem;
    line-height: 5.625rem
}

.text-tema-error-grey {
    color: #8E8E8E;
    text-shadow: rgba(142, 142, 142, 0.3) 5px 1px, rgba(142, 142, 142, 0.2) 10px 3px;
    font-size: 5.25rem;
    line-height: 5.625rem
}

.invalid-input {
    border-color: #F43260 !important;
}

.page-item.active .page-link {
    background-color: #0A4FDD !important;
    border-color: #0A4FDD !important;
    /*#27acd2*/
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    background-color: #F6F6F6 !important;
    /*#27acd2*/
    /* border-radius: 5px !important; */
    color: #9D9AAD;
}

.nav-pills .nav-link2.active,
.nav-pills .show>.nav-link2 {
    background-color: #928DF2 !important;
    /*#27acd2*/
    border-radius: 5px !important;
    color: white;
}

.cursor-pointer {
    cursor: pointer !important;
}

.select2-container .select2-selection--multiple .select2-selection__choice {
    background-color: #27acd2 !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #27acd2 !important;
    color: white !important;
}


/* BUTTONS */

.btn-tema-blue {
    color: #fff;
    background-color: #23404a;
    border-color: #23404a
}

.btn-tema-blue:hover {
    color: #fff;
    background-color: rgb(35, 64, 74);
    border-color: rgb(35, 64, 74)
}

.btn-tema-blue.focus,
.btn-tema-blue:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgb(35, 64, 74);
    box-shadow: 0 0 0 .2rem rgb(35, 64, 74)
}

.btn-tema-blue.disabled,
.btn-tema-blue:disabled {
    color: #fff;
    background-color: #23404a;
    border-color: #23404a
}

.btn-tema-blue:not(:disabled):not(.disabled).active,
.btn-tema-blue:not(:disabled):not(.disabled):active,
.show>.btn-tema-blue.dropdown-toggle {
    color: #fff;
    background-color: #27acd2;
    border-color: #27acd2
}

.btn-tema-blue:not(:disabled):not(.disabled).active:focus,
.btn-tema-blue:not(:disabled):not(.disabled):active:focus,
.show>.btn-tema-blue.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(39, 172, 210, 0.5);
    box-shadow: 0 0 0 .2rem rgba(39, 172, 210, 0.5)
}

.btn-tema-green {
    color: #27acd2;
    background-color: #4efe93;
    border-color: #4efe93
}

.btn-tema-green:hover {
    color: #27acd2;
    background-color: #4efe93;
    border-color: #4efe93
}

.btn-tema-green.focus,
.btn-tema-green:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(78, 254, 147, 0.5);
    box-shadow: 0 0 0 .2rem rgba(78, 254, 147, 0.5)
}

.btn-tema-green.disabled,
.btn-tema-green:disabled {
    color: #27acd2;
    background-color: #4efe93;
    border-color: #4efe93
}

.btn-tema-green:not(:disabled):not(.disabled).active,
.btn-tema-green:not(:disabled):not(.disabled):active,
.show>.btn-tema-green.dropdown-toggle {
    color: #27acd2;
    background-color: #4efe93;
    border-color: #4efe93
}

.btn-tema-green:not(:disabled):not(.disabled).active:focus,
.btn-tema-green:not(:disabled):not(.disabled):active:focus,
.show>.btn-tema-green.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(78, 254, 147, 0.5);
    box-shadow: 0 0 0 .2rem rgba(78, 254, 147, 0.5)
}

.btn-tema-grey {
    color: #fff;
    background-color: #8E8E8E;
    border-color: #8E8E8E
}

.btn-tema-grey:hover {
    color: #fff;
    background-color: #969696;
    border-color: #969696
}

.btn-tema-grey.focus,
.btn-tema-grey:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(142, 142, 142, 0.5);
    box-shadow: 0 0 0 .2rem rgba(142, 142, 142, 0.5)
}

.btn-tema-grey.disabled,
.btn-tema-grey:disabled {
    color: #fff;
    background-color: #8E8E8E;
    border-color: #8E8E8E
}

.btn-tema-grey:not(:disabled):not(.disabled).active,
.btn-tema-grey:not(:disabled):not(.disabled):active,
.show>.btn-tema-grey.dropdown-toggle {
    color: #fff;
    background-color: #8e8e8e;
    border-color: #8e8e8e
}

.btn-tema-grey:not(:disabled):not(.disabled).active:focus,
.btn-tema-grey:not(:disabled):not(.disabled):active:focus,
.show>.btn-tema-grey.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(142, 142, 142, 0.5);
    box-shadow: 0 0 0 .2rem rgba(142, 142, 142, 0.5)
}

.btn-outline-tema-blue {
    color: #27acd2;
    border-color: #27acd2
}

.btn-outline-tema-blue:hover {
    color: #fff;
    background-color: #27acd2;
    border-color: #27acd2
}

.btn-outline-tema-blue.focus,
.btn-outline-tema-blue:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(39, 172, 210, 0.5);
    box-shadow: 0 0 0 .2rem rgba(39, 172, 210, 0.5)
}

.btn-outline-tema-blue.disabled,
.btn-outline-tema-blue:disabled {
    color: #27acd2;
    background-color: transparent
}

.btn-outline-tema-blue:not(:disabled):not(.disabled).active,
.btn-outline-tema-blue:not(:disabled):not(.disabled):active,
.show>.btn-outline-tema-blue.dropdown-toggle {
    color: #fff;
    background-color: #27acd2;
    border-color: #27acd2
}

.btn-outline-tema-blue:not(:disabled):not(.disabled).active:focus,
.btn-outline-tema-blue:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-tema-blue.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(39, 172, 210, 0.5);
    box-shadow: 0 0 0 .2rem rgba(44, 135, 210, 0.5)
}

.btn-outline-tema-green {
    color: #4efe93;
    border-color: #4efe93
}

.btn-outline-tema-green:hover {
    color: #fff;
    background-color: #4efe93;
    border-color: #4efe93
}

.btn-outline-tema-green.focus,
.btn-outline-tema-green:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(78, 254, 147, 0.5);
    box-shadow: 0 0 0 .2rem rgba(78, 254, 147, 0.5)
}

.btn-outline-tema-green.disabled,
.btn-outline-tema-green:disabled {
    color: #4efe93;
    background-color: transparent
}

.btn-outline-tema-green:not(:disabled):not(.disabled).active,
.btn-outline-tema-green:not(:disabled):not(.disabled):active,
.show>.btn-outline-tema-green.dropdown-toggle {
    color: #fff;
    background-color: #4efe93;
    border-color: #4efe93
}

.btn-outline-tema-green:not(:disabled):not(.disabled).active:focus,
.btn-outline-tema-green:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-tema-green.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(78, 254, 147, 0.5);
    box-shadow: 0 0 0 .2rem rgba(78, 254, 147, 0.5)
}

.btn-outline-tema-grey {
    color: #8E8E8E;
    border-color: #8E8E8E
}

.btn-outline-tema-grey:hover {
    color: #fff;
    background-color: #8E8E8E;
    border-color: #8E8E8E
}

.btn-outline-tema-grey.focus,
.btn-outline-tema-grey:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(142, 142, 142, 0.5);
    box-shadow: 0 0 0 .2rem rgba(142, 142, 142, 0.5)
}

.btn-outline-tema-grey.disabled,
.btn-outline-tema-grey:disabled {
    color: #8e8e8e;
    background-color: transparent
}

.btn-outline-tema-grey:not(:disabled):not(.disabled).active,
.btn-outline-tema-grey:not(:disabled):not(.disabled):active,
.show>.btn-outline-tema-grey.dropdown-toggle {
    color: #fff;
    background-color: #8E8E8E;
    border-color: #8E8E8E
}

.btn-outline-tema-grey:not(:disabled):not(.disabled).active:focus,
.btn-outline-tema-grey:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-tema-grey.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(142, 142, 142, 0.5);
    box-shadow: 0 0 0 .2rem rgba(142, 142, 142, 0.5)
}

.widget-icon-custom {
    color: #27acd2;
    font-size: 16px;
    background-color: rgba(142, 142, 142, 0.25);
    height: 30px;
    width: 30px;
    text-align: center;
    line-height: 40px;
    border-radius: 3px;
    display: inline-block;
    padding-top: 7px;
}

.card-contrato {
    height: 130px !important;
}

.buttom-nova-campanha {
    height: 23px;
    padding-top: -1px;
    width: 116px;
    font-size: 9px;
    font-family: sans-serif;
    color: #24335F;
    background: #04DADC;
    border-color: #04DADC;
    border-radius: 5px;
}