:root {
    --light-green2: #C8D400;
    --light-green: #BED80E;
    --green: #00AF9D;
    --purple: #49479D;
    --gray: #637381;
    --light-gray: #E5E5E5;
    --light-gray2: #D8D8D8;
    --light-gray3: #F8F8F8;
    --light-gray4: #587278;
    --white: #FFFFFF;
    --black: #212121;
    --btn-grey: #003642;
}


@font-face {
    font-family: 'asapbold';
    src: url('../fonts/asap/asap-bold-webfont.woff2') format('woff2'),
        url('../fonts/asap/asap-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'asapregular';
    src: url('../fonts/asap/asap-regular-webfont.woff2') format('woff2'),
        url('../fonts/asap/asap-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: "Sicoob Sans";
    src: url("../fonts/sicoob/SicoobSans-Thin.woff2") format("woff2"), url("../fonts/SicoobSans-Thin.woff") format("woff");
    font-weight: normal;
    font-size: normal;
}
@font-face {
    font-family: "Sicoob Sans Regular";
    src: url("../fonts/sicoob/SicoobSans-Regular.woff2") format("woff2"), url("../fonts/SicoobSans-Regular.woff") format("woff");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: "Sicoob Sans Bold";
    src: url("../fonts/sicoob/SicoobSans-SemiBold.woff2") format("woff2"), url("../fonts/SicoobSans-SemiBold.woff") format("woff");
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: "Sicoob Medium";
    src: url('../fonts/sicoob/SicoobSans-Medium.ttf') format('truetype');
    font-weight: normal;
    font-size: normal;
}

* {
    /*font-family: 'asapregular', sans-serif;*/
    font-family: 'Sicoob Sans Regular', sans-serif;
}

.sicoob_sans {
    font-family: 'Sicoob Sans';
}

.sicoob_sans_regular {
    font-family: 'Sicoob Sans Regular'
}

.sicoob_sans_bold {
    font-family: 'Sicoob Sans Bold';
}

.font_purple {
    color: var(--purple) !important;
}

.font_black {
    color: var(--black);
}

.font_grey1 {
    color: var(--btn-grey);
}

.font_white,
.font_white:hover {
    color: var(--white);
}

.font_light_green {
    color: var(--light-green);
}

.font_light_green2 {
    color: var(--light-green2);
}

.font_green {
    color: var(--green);
}

.font_gray {
    color: var(--gray);
}

.font_light_gray2 {
    color: var(--light-gray2);
}

.font_light_gray4 {
    color: var(--light-gray4);
}

.bg_gray {
    background-color: var(--gray);
}

.bg_green {
    background-color: var(--green);
}

.bg_light_green {
    background-color: var(--light-green);
}

.bg_light_green2 {
    background-color: var(--light-green2);
}

.bg_light_gray {
    background-color: var(--light-gray);
}

.bg_light_gray2 {
    background-color: var(--light-gray2);
}

.bg_light_gray3 {
    background-color: var(--light-gray3);
}

.bg_purple {
    background-color: var(--purple);
}

.bg_white {
    background-color: var(--white);
}

.bg_disabled {
    background-color: #e9ecef !important;
}

.btn_conexao {
    border-radius: 18px;
    padding: 7px 40px;
}

.btn_light_green {
    background-color: var(--light-green);
}

.btn_light_green2 {
    background-color: var(--light-green2);
    color: var(--white);
}

.btn_green,
.btn_green:hover {
    background-color: var(--green);
    color: var(--white);
}

.btn_gray,
.btn_gray:hover {
    background-color: var(--gray);
    color: var(--white);
}

.btn_white {
    background-color: var(--white);
    color: var(--gray);
    border-color: var(--gray);
}

.btn_purple {
    background-color: var(--purple);
    color: var(--white);
}

.btn_entrar {
    background-color: white;
    color: var(--gray);
    border-color: var(--green);
}

.cursor_not_allowed {
    cursor: not-allowed !important;
}

.cursor_default {
    cursor: default !important;
}

.cursor_pointer {
    cursor: pointer !important;
}

.resize_none {
    resize: none !important;
}

.font_size_1_2 {
    font-size: 1.2rem !important;
}

.font_size_1_5 {
    font-size: 1.5rem !important;
}

.form_dados .select2-container--default .select2-selection--single .select2-selection__rendered,
.form_select2 .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 2.2;
    font-size: 1rem;
}

.form_dados .select2-container--default .select2-selection--single,
.form_select2 .select2-container--default .select2-selection--single {
    height: 40.25px !important;
}

.form_dados .select2-container--default .select2-selection--single .select2-selection__arrow,
.form_select2 .select2-container--default .select2-selection--single .select2-selection__arrow {
    visibility: hidden;
}

.dropdown_menu {
    position: unset !important;
    font-size: unset !important;
    border: unset !important;
    padding: revert !important;
    background-color: transparent !important;
}

.dropdown_menu.show {
    transform: unset !important;
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: unset !important;
    background-color: transparent !important;
}

.dropdown-item.active,
.dropdown-item:active {
    color: #2470dc !important;
    background-color: transparent !important;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #495057 !important;
}

.nav-tabs .nav-link {
    color: var(--purple) !important;
}

.icon_card_count {
    position: absolute;
    right: 15px;
    font-size: 1rem;
    top: 10px;
}

.fake_input {
    display: block;
    width: 100%;
    height: 40.25px;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

div.dataTables_processing {
    background-color: rgba(0, 0, 0, .15) !important;
    color: var(--purple) !important;
    padding: 18px 2px !important;
    font-size: 22px !important;
    font-weight: bold !important;
    text-shadow: 1px 1px 1px #fff !important;
    border-radius: 20px !important;
}
