/* FONTS */

/*@font-face {
    font-family: productSansBold;
    src: url('/fonts/Product Sans Bold.ttf');
}*/

/*@font-face {
    font-family: productSansRegular;
    src: url('/fonts/Product Sans Regular.ttf');
}*/

/*@font-face {
    font-family: montserratBold;
    src: url('/fonts/Montserrat-Bold.ttf');
}*/

/*@font-face {
    font-family: josefinSansBold;
    src: url('/fonts/JosefinSans-Bold.ttf');
}*/


@font-face {
    font-family: latoBold;
    src: url('/fonts/Lato/Lato-Bold.ttf');
}

@font-face {
    font-family: latoMedium;
    src: url('/fonts/Lato/Lato-Medium.ttf');
}

@font-face {
    font-family: latoRegular;
    src: url('/fonts/Lato/Lato-Regular.ttf');
}

.fontBold {
    font-family: latoBold !important;
}

.fontMedium {
    font-family: latoMedium !important;
}

.fontRegular {
    font-family: latoRegular !important;
    font-weight: 400 !important;
}


.lb-data .lb-caption {
    font-family: latoBold;
}

.lb-data .lb-number {
    font-family: latoRegular;
}

/*.montserratBold {
    font-family: montserratBold;
}*/

/*.josefinSansBold {
    font-family: josefinSansBold;
}*/

/* COLORS */

.customBackgroundDarkGrey {
    background-color: #d9d9d9 !important;
}

.customColorDarkPurple {
    color: #331a70 !important;
}

.customColorPurple,
.secondary-btn {
    color: #010f4b !important;
}

.customBackgroundDarkBlue {
    background-color: #17133F !important;
}

.customColorBlue {
    color: #302983 !important;
}

.customBackgroundBlue {
    background-color: #302983 !important;
}

.customBackgroundBlueHover:hover,
.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-item.active,
.dropdown-item:active {
    background-color: #302983 !important;
}

.customBorderBlue {
    border-color: #302983 !important;
}

.customColorMiddleBlue2,
.breadcrumb-item,
.breadcrumb-item > * {
    color: #312883;
}


.customBorderMiddleBlue {
    border: 1px solid #a9b9db !important;
}


.customBackgroundLightBlue {
    background-color: #4f7392 !important;
}

.customBorderLightBlue {
    border-color: #4f7392 !important;
}

.customBackgroundLighterBlue {
    background-color: #dbe0eb !important;
}


.customGradientBackgroundBlueWhite {
    background: linear-gradient(to right, #3660b6 0%, #fdfdff 100%);
}

.customGradientBackgroundGreyWhiteFaded {
    background: linear-gradient(to right, rgba(216, 216, 216, 0.5) 0%, rgba(253, 253, 255,0.9) 100%);
}

.customGradientBackground {
    background: linear-gradient(to right, #330d69 0%, #30c9cd 100%);
}

#highlightNewsCarousel .owl-dots .owl-dot.active span,
#highlightNewsCarousel .owl-dots .owl-dot:hover span {
    background: #30c9cd;
}

.hoverGradientBottomBorder:hover {
    border-image-slice: 1 !important;
    border-bottom: 3px solid;
    border-image: linear-gradient(to right, #330d69 0%, #30c9cd 100%);
    margin-bottom: -3px;
}

.customGradientLeftBorder {
    border-image-slice: 1 !important;
    border-left: 3px solid;
    border-image: linear-gradient(to top, #330d69 0%, #30c9cd 100%);
    left: -3px;
}





.customColorDarkGrey {
    color: #414141;
}

.customBorderDarkGrey,
.custom-radio .custom-control-label::before,
.custom-radio .custom-control-input:not(:disabled):active ~ .custom-control-label::before,
.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
    border-color: #414141 !important;
}

.customBorderTopDarkGrey {
    border-top: 1px solid #414141 !important;
}

.customColorMiddleGrey {
    color: #5e5e5e;
}

.customColorMiddleGrey2 {
    color: #595959;
}

.customBackgroundMiddleGrey,
/*.custom-radio .custom-control-label::before,*/
.custom-radio .custom-control-input.disabled:checked ~ .custom-control-label::before,
.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #5e5e5e;
}

.customBorderBottomMiddleGrey {
    border-bottom: 2px solid #5e5e5e;
}

.customThinBorderBottomMiddleGrey {
    border-bottom: 1px solid #5e5e5e;
}

.form-control:focus,
.bootstrap-select .dropdown-toggle:focus {
    border-color: #5e5e5e;
}


.customColorLightGrey {
    color: #dbdbdb;
}

/*.custom-radio .custom-control-input.disabled:checked ~ .custom-control-label::before {
    background-color: #D3D3D3;
    border-color: #adb5bd;
}*/

.customBackgroundLightGrey,
.custom-control-input-clientTemplate[readonly],
.customRadioBackground {
    background-color: #dbdbdb;
}

.customBorderLightGrey,
.bootstrap-select .dropdown-toggle {
    border: 1px solid #dbdbdb !important;
}

.customBorderTopLightGrey {
    border-top: 1px solid #dbdbdb !important;
}

.customBorderBottomLightGrey {
    border-bottom: 1px solid #dbdbdb;
}


.customBackgroundLightGrey2 {
    background-color: #d4d4d4 !important;
}

.customBackgroundLighterGrey {
    background-color: #f6f5f5 !important;
}


.customBorderLighterGrey {
    border-color: #f6f5f5 !important;
}

.customBackgroundLightWhite {
    background-color: #f8f8f8;
}

/* TILES */

h1, .h1 {
    font-size: 24px !important;
    margin-bottom: 0;
}

h2, .h2 {
    font-size: 20px !important;
    margin-bottom: 0;
}

h3, .h3 {
    font-size: 18px !important;
    margin-bottom: 0;
}

h4, .h4 {
    font-size: 16px !important;
    margin-bottom: 0;
}

h5, .h5 {
    font-size: 14px !important;
    margin-bottom: 0;
}

h6, .h6 {
    font-size: 12px !important;
    margin-bottom: 0;
}




/* BUTTONS */
.customButton {
    border-radius: 5px !important;
    padding: 0.3rem 2.8rem !important;
}

.customButtonAddress {
    border-radius: 15px !important;
    padding: 0.2rem 1.5rem !important;
}

.customButtonAddFile {
    border-radius: 5px !important;
    padding: 0.2rem 1.5rem !important;
}

.primary-btn {
    background: none;
    border-radius: 5px;
    outline: none;
    cursor: pointer;
    font-size: 16px !important;
    font-weight: 600;
    color: white !important;
    box-sizing: border-box;
    width: 100%;
    background-color: #302983 !important;
    font-family: latoBold;
}

.secondary-btn {
    background: none;
    border: none;
    border-radius: 5px;
    outline: none;
    cursor: pointer;
    font-size: 16px !important;
    font-weight: 600;
    box-sizing: border-box;
    width: 100%;
    font-family: latoBold;
}



/* ANCHORS */
a,
a:hover {
    text-decoration: none;
}



.title-one {
    color: #331a70;
    font-family: latoBold;
    font-size: 1.25rem !important;
}

.search-input-group {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    border-radius: 0rem !important;
    border: 2px solid #010f4b !important;
    border-radius: 5px !important;
    color: #414141 !important;
}

.search-input {
    border: 0 !important;
    padding: 21px 0px 21px 25px;
    color: #595959 !important;
    font-family: latoBold;
    font-size: 12px !important;
    background-color: white !important;
}

.search-input-icon {
    border: 0 !important;
    background-color: white !important;
    color: #0b0b0b !important;
    border-radius: 0px 0px 0px 0px !important;
    padding-right: 25px;
}

    .search-input-icon:hover {
        color: #595959 !important;
    }


.lable-one {
    color: #414141 !important;
    font-family: latoBold;
    font-size: 1rem !important;
    border-radius: 5px 5px 5px 5px !important;
}

.underline-none {
    text-decoration: none !important;
}

/*.card .card-header[data-toggle=collapse].collapsed::after {
    color: #2f2f2f !important;
    font-size: 1rem !important;
}*/

.card .card-header {
    position: relative;
}

.card .card-header[data-toggle=collapse]::after {
    color: #2f2f2f !important;
    font-size: 1rem !important;
}

.card .card-header[data-toggle=collapse]::after {
    position: absolute;
    right: 0;
    top: 50%;
    transform:translateY(-50%);
    padding-right: 1.725rem;
    line-height: 51px;
    font-weight: 900;
    content: '\f107';
    font-family: 'Font Awesome 5 Free';
    color: #d1d3e2;
}

.card .card-header[data-toggle=collapse].collapsed::after {
    content: '\f105';
}

.collapse-card {
    background: transparent;
    border: 0;
    box-shadow: none !important;
}


.collapse-card-child-title {
    background-color: white;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
    z-index: 2;
}

.collapse-card-parent-title {
    align-items: center !important;
}

.collapsed-card-title-one {
    background-color: #dbe0eb !important;
    border-radius: 15px 0px 0px 15px !important;
    border: 1px solid #a9b9db !important
}

.collapsed-card-title-two {
    background-color: white !important;
    border: 1px solid #a9b9db !important
}

.right-radius {
    border-radius: 0px 15px 15px 0px !important;
}

.collapsed-card-name {
    border: 0 !important;
}

.collapsed-card-name-white {
    border: 0 !important;
    background-color: white !important;
}

.collapsed-card-name-gray {
    background-color: #f6f5f5 !important;
    border: 0 !important;
}

.collapsed-card-back {
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}

.border-right-white {
    border-right: 5px solid white !important;
}

.border-left-white {
    border-left: 5px solid white !important;
}

.border-top-white {
    border-top: 5px solid white !important;
}

.border-bottom-white {
    border-bottom: 5px solid white !important;
}

.border-right-gray {
    border-right: 5px solid #f6f5f5 !important;
}

.border-left-gray {
    border-left: 5px solid #f6f5f5 !important;
}

.border-top-gray {
    border-top: 5px solid #f6f5f5 !important;
}

.border-bottom-gray {
    border-bottom: 5px solid #f6f5f5 !important;
}

.lable-two {
    color: #595959 !important;
    font-family: latoRegular;
    font-size: 1rem !important;
    border-radius: 5px 5px 5px 5px !important;
}

.lable-three {
    color: #d2d3d3 !important;
    font-family: latoRegular;
    font-size: 0.75rem !important;
}

.mission-icon {
    width: 150px;
    height: 150px;
    background-color: #dbe0eb !important;
    border-radius: 20px;
}

.subtitle-one {
    color: #414141;
    font-family: latoBold;
    font-size: 1.50rem !important;
    text-transform: uppercase;
}

@media (max-width: 355px) {
    .mission-icon {
        width: 100px;
        height: 100px;
    }

    .subtitle-one {
        font-size: 1rem !important;
    }
}

@media (max-width: 308px) {
    .mission-icon {
        width: 50px;
        height: 50px;
    }

    .subtitle-one {
        font-size: 0.75rem !important;
    }
}

.misson-icon-div {
    text-align: -webkit-center;
    text-align: -moz-center;
}

.bg-one {
    background: url('/images/Fund dos seviços 2.png');
}

.lable-four {
    color: #302983 !important;
    font-family: latoBold;
    font-size: 1rem !important;
}

.hr-big {
    border-top: 3px solid #b5b5b5;
}


.customCardShadow {
    box-shadow: 0 0.3rem 0.6rem 0.1rem rgb(0 0 0 / 20%);
    -webkit-box-shadow: 0 0.3rem 0.6rem 0.1rem rgb(0 0 0 / 20%);
    border-radius: 5px;
}

@media screen and (min-width: 768px) {
    .custom-card {
        margin-left: -10px;
    }
}

.custom-control-input-clientTemplate {
    color: #010F4B;
    border-color: lightgray;
    box-shadow: none !important;
    border-radius: 5px;
    box-sizing: border-box;
    width: 100%;
    padding: 10px 20px;
    font-family: latoBold;
    border-width: 1px;
}

    .custom-control-input-clientTemplate .btn.dropdown-toggle {
        padding: 10px 20px !important;
    }

    .passtrengthMeter > input {
        color: #010F4B !important;
        border-color: lightgray !important;
        box-shadow: none !important;
        border-radius: 5px !important;
        box-sizing: border-box !important;
        width: 100% !important;
        padding: 10px 20px !important;
        font-family: latoBold !important;
        border-width: 1px !important;
    }



.iconInputLogin {
    left: 25px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1000;
}

.radius-right {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
}

.radius-left {
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
}

.btn-group > .btn-group:not(:last-child) > .btn, .btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.btn-group > .btn-group:not(:first-child) > .btn, .btn-group > .btn:not(:first-child) {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}


/*.bootstrap-select .dropdown-toggle {
    box-shadow: 0 0 1rem 0.1rem rgb(0 0 0 / 20%) !important;
    -webkit-box-shadow: 0 0 1rem 0.1rem rgb(0 0 0 / 20%) !important;
    border-radius: 1.5rem !important;
    border-bottom-color: white !important;
    background-color: white !important;
    color: #dbdbdb !important;
    padding: 0.75rem 1.5rem !important;
}*/

/*.bootstrap-select .dropdown-toggle:focus {
        border-bottom-color: white !important;
    }*/

.bootstrap-select .dropdown-toggle::after {
    color: #331a70 !important;
}

.custom-radio {
    min-height: 2rem;
    padding-left: 2rem;
    display: flex;
    align-items: center;
    border-radius: 100%;
    /*border-radius: 0.5rem;*/
}



.custom-control-label {
    padding-left: 0.75rem;
    position: relative;
    height: 100%;
    background: white;
    display: flex;
    align-items: center;
}

    .custom-control-label::before {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: -1.55rem;
        display: block;
        width: 1.1rem;
        height: 1.1rem;
        pointer-events: none;
        content: "";
        background-color: #fff;
        border: #adb5bd solid 1px;
        border-radius: 100%;
    }

    .custom-control-label::after {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: -1.75rem;
        display: block;
        width: 1rem;
        height: 1rem;
        content: "";
        background: no-repeat 50%/50% 50%;
        border-radius: 100%;
    }

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    width: 1.5rem;
    height: 1.5rem;
}

.customRadioBackground {
    height: 2rem;
    width: 2rem;
    border-radius: 0.5rem;
    position: absolute;
    left: 0;
}

.custom-control-input.disabled ~ .custom-control-label::before {
    filter: opacity(0.5);
}

.custom-control-input.disabled ~ .custom-control-label::after {
    filter: opacity(0.8);
}

.custom-control-input:focus ~ .custom-control-label::before {
    /*box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);*/
    box-shadow: 0 0 0 0.2rem rgb(0 0 0 / 20%);
    -webkit-box-shadow: 0 0 0 0.2rem rgb(0 0 0 / 20%);
}





.faq-margin {
    margin-left: 22rem !important;
    margin-right: 22rem !important;
}

.privacy-margin {
    margin-left: 16rem !important;
    margin-right: 16rem !important;
}


@media (max-width: 1199px) {
    .faq-margin {
        margin-left: 9rem !important;
        margin-right: 9rem !important;
    }

    .privacy-margin {
        margin-left: 11rem !important;
        margin-right: 11rem !important;
    }
}

@media (max-width: 991px) {
    .faq-margin {
        margin-left: 5rem !important;
        margin-right: 5rem !important;
    }

    .privacy-margin {
        margin-left: 5rem !important;
        margin-right: 5rem !important;
    }
}

@media (max-width: 767px) {
    .faq-margin {
        margin-left: 2rem !important;
        margin-right: 2rem !important;
    }

    .privacy-margin {
        margin-left: 2rem !important;
        margin-right: 2rem !important;
    }
}

.pdfIcon {
    width: 50px;
    height: 40px;
    background: url('/images/pdfIcon.png');
}

@media (max-width: 386px) {
    .pdfIcon {
        width: 40px;
        height: 30px;
    }
}

.missionDescription {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px !important;
}

    .missionDescription > p {
        margin-bottom: 0;
    }

.modal-primary-btn {
    background: none !important;
    border-radius: 5px !important;
    outline: none !important;
    cursor: pointer !important;
    font-size: 19px !important;
    font-weight: 600 !important;
    color: white !important;
    box-sizing: border-box !important;
    background-color: #302983 !important;
    font-family: latoBold !important;
    padding-left: 1em !important;
    padding-right: 1em !important;
}

.swal-text {
    font-size: 15px !important;
    font-family: latoBold !important;
    color: #303030 !important;
}

/*.contacts-dropdown > .bootstrap-select .dropdown-toggle {
    background-color: #f6f5f5 !important;
    border-bottom-color: #f6f5f5 !important;
    color: #495057 !important
}

.contacts-dropdown > .bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:active {
    color: #dbdbdb !important
}
*/


.menuItem {
    text-transform: uppercase;
    white-space: nowrap;
}


.border-radius-5 {
    border-radius: 5px !important;
}

.border-left-radius-5 {
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
}

.border-right-radius-5 {
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}

.border-top-radius-5 {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.border-bottom-radius-5 {
    border-bottom-left-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}

.margin-top-neg-5 {
    margin-top: -5px;
}

.py-06rem {
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
}

.py-03rem {
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
}


.titleSection {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}


.breadcrumb {
    background: none;
    border: none;
    padding: 3em 0 0 0;
    margin-bottom: 1.5em;
}

.breadcrumb-item + .breadcrumb-item {
    padding-left: 0.15rem;
}

    .breadcrumb-item + .breadcrumb-item::before {
        padding-right: 0.15rem;
    }


.pageTitle {
    text-transform: uppercase;
}



@media (min-width: 768px) {
    .col-md-25 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

label {
    margin-bottom: 0.5rem !important;
}

.input-validation-error,
.input-validation-error:focus,
.selectpicker.input-validation-error + button {
    border: 1px solid #CF142B !important;
}














@media (min-width: 576px) {
    .container-home-slider {
        max-width: 500px;
    }

    .container-generic {
        max-width: 450px;
    }
}

@media (min-width: 768px) {
    .container-home-slider {
        max-width: 650px;
    }

    .container-generic {
        max-width: 580px;
    }
}

@media (min-width: 992px) {
    .container-home-slider {
        max-width: 850px;
    }

    .container-generic {
        max-width: 760px;
    }
}

@media (min-width: 1200px) {
    .container-home-slider {
        max-width: 1200px;
    }

    .container-generic {
        max-width: 1100px;
    }
}