@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,600;1,700&display=swap');

html {
    scroll-behavior: smooth;
}


body {
    font-family: 'Montserrat', Verdana, Geneva, Tahoma, sans-serif;
    font-size: 16px;
}

:root {
    --control-color-orange: #F68B1F;
    --control-color-orange-rgb: 246, 139, 31;
    --control-color-blue: #004b92;
    --control-color-blue-rgb: 0, 75, 146;
    --control-color-grey: #5b5b5b;
    --control-color-red: #F22D1F;
    --control-color-red-rgb: 242, 45, 31;
    --control-color-green: #03C200;
    --control-color-white: #fff;
    --control-color-disabled: #959495;
    --control-color-greenLight: #02BE0A;
    --control-color-yellowLight: #FEE691;
    --control-color-orangeLight: #F7941D;
    --control-color-orangeLight-rgb: 247, 148, 29;
    --control-color-blueLight: #1D74F7;
    --control-color-blueCloud: #81b4fe;
    --control-color-redLight: #FF4040;
    --control-color-greyLight: #efefef;
}

/*Default Color*/
.color-primary-orange {
    color: var(--control-color-orange) !important;
}

.color-primary-blue {
    color: var(--control-color-blue) !important;
}

.color-primary-grey {
    color: var(--control-color-grey) !important;
}

.color-primary-red {
    color: var(--control-color-red) !important;
}

.color-primary-green {
    color: var(--control-color-green) !important;
}

.color-primary-white {
    color: var(--control-color-white) !important;
}

.color-primary-greenLight {
    color: var(--control-color-greenLight) !important;
}

.color-primary-orangeLight {
    color: var(--control-color-orangeLight) !important;
}

.color-primary-blueLight {
    color: var(--control-color-blueLight) !important;
}

.color-primary-redLight {
    color: var(--control-color-redLight) !important;
}

/*Background colors*/

.bg-primary-blue-custom {
    background-color: var(--control-color-blue) !important;
}

.bg-primary-red-custom {
    background-color: var(--control-color-red) !important;
}

.bg-primary-orange-custom {
    background-color: var(--control-color-orange) !important;
}

.bg-primary-orangeLight-custom {
    background-color: var(--control-color-orangeLight) !important;
}

.bg-primary-blueCloud-custom {
    background-color: var(--control-color-blueCloud) !important;
}

.bg-primary-greyLight-custom {
    background-color: var(--control-color-greyLight) !important;
}

.bg-primary-yellowLight-custom {
    background-color: var(--control-color-yellowLight) !important;
}


/*default background for titles*/

.background-curve {
    background-image: url(/Portals/_default/Skins/SenacDna22/images/formas/Formabackground2.svg);
    background-size: cover;
    background-repeat: no-repeat;
}

.background-curveTop {
    background-image: url('/Portals/_default/Skins/SenacDna22/images/formas/background-contact-form01.svg');
    background-size: cover;
    background-repeat: no-repeat;
}


/*Default Button*/

/*btn orange*/
.btn-primary-custom {
    background-color: var(--control-color-orange) !important;
    border-color: var(--control-color-orange) !important;
    font-weight: 600;
    color: white;
}

    .btn-primary-custom:hover {
        background-color: var(--control-color-blue) !important;
        border-color: var(--control-color-blue) !important;
        color: white !important;
    }

    .btn-primary-custom:active {
        background-color: var(--control-color-blue) !important;
        border-color: var(--control-color-blue) !important;
        color: white !important;
    }

/*btn red*/
.btn-danger-custom {
    background-color: var(--control-color-red) !important;
    border-color: var(--control-color-red) !important;
    font-weight: 600;
    color: white;
}

    .btn-danger-custom:hover {
        background-color: var(--control-color-orange) !important;
        border-color: var(--control-color-orange) !important;
        color: white !important;
    }

    .btn-danger-custom:active {
        background-color: var(--control-color-orange) !important;
        border-color: var(--control-color-orange) !important;
        color: white !important;
    }

/*btn blue*/
.btn-secundary-custom {
    background-color: var(--control-color-blue) !important;
    border-color: var(--control-color-blue) !important;
    font-weight: 600;
    color: white;
}

    .btn-secundary-custom:hover {
        background-color: var(--control-color-orange) !important;
        border-color: var(--control-color-orange) !important;
        color: white !important;
    }

    .btn-secundary-custom:active {
        background-color: var(--control-color-orange) !important;
        border-color: var(--control-color-orange) !important;
        color: white !important;
    }


/*btn yellow*/
.btn-warning-custom {
    background-color: #FFFF00 !important;
    border-color: var(--control-color-blue) !important;
    font-weight: 600;
    color: var(--control-color-blue);
}

    .btn-warning-custom:hover {
        background-color: white !important;
        border-color: var(--control-color-blue) !important;
        color: var(--control-color-blue) !important;
    }

    .btn-warning-custom:active {
        background-color: #FFFF00 !important;
        border-color: var(--control-color-blue) !important;
        color: var(--control-color-blue) !important;
    }

/*btn close*/
.btn-close-custom {
    color: var(--control-color-blue) !important;
    border: none;
    font-size: 1.6rem;
}

    .btn-close-custom:hover {
        background-color: white !important;
        border: none !important;
        color: var(--control-color-blue) !important;
        opacity: 70%;
    }

    .btn-close-custom:active {
        background-color: white !important;
        border: none !important;
        color: var(--control-color-blue) !important;
        opacity: 70%;
    }

/* btn outline orange*/
.btn-outline-primary-custom {
    --bs-btn-color: var(--control-color-orange);
    --bs-btn-border-color: var(--control-color-orange);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--control-color-orange);
    --bs-btn-hover-border-color: var(--control-color-orange);
    font-weight: 600;
}

    .btn-outline-primary-custom:active {
        background-color: var(--control-color-blue) !important;
        border-color: var(--control-color-blue) !important;
        color: white !important;
    }


/* btn outline blue*/
.btn-outline-secundary-custom {
    --bs-btn-color: var(--control-color-blue);
    --bs-btn-border-color: var(--control-color-blue);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--control-color-blue);
    --bs-btn-hover-border-color: var(--control-color-blue);
    font-weight: 600;
}

    .btn-outline-secundary-custom:active {
        background-color: white !important;
        border-color: var(--control-color-blue) !important;
        color: var(--control-color-blue) !important;
    }

/* btn outline red*/
.btn-outline-danger-custom {
    --bs-btn-color: var(--control-color-red) !important;
    --bs-btn-border-color: var(--control-color-red) !important;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--control-color-red) !important;
    --bs-btn-hover-border-color: var(--control-color-red) !important;
    font-weight: 600;
}

    .btn-outline-danger-custom:active {
        background-color: white !important;
        border-color: var(--control-color-red) !important;
        color: var(--control-color-red) !important;
    }

/* btn outline green-HoverRED*/
.btn-outline-success-message-custom {
    --bs-btn-color: var(--control-color-green) !important;
    --bs-btn-border-color: var(--control-color-green) !important;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--control-color-red) !important;
    --bs-btn-hover-border-color: var(--control-color-red) !important;
    font-weight: 600;
}

    .btn-outline-success-message-custom:active {
        background-color: white !important;
        border-color: var(--control-color-red) !important;
        color: var(--control-color-red) !important;
    }





/*Default text truncation*/
.text-truncate-2-line {
    display: -webkit-box;
    max-width: 200px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/*CUSTOM ICON*/

/*BB svg ICON*/
.icon-bank-BB-svg {
    content: '';
}

    .icon-bank-BB-svg::after {
        content: '';
        display: inline-block;
        height: 1.2rem;
        width: 1.2rem;
        background-image: url(/Portals/_default/Skins/SenacDna22/images/icons/iconBB.svg);
        background-position: center;
        background-size: 100%;
        background-repeat: no-repeat;
        text-align: center;
        position: relative;
        left: 0;
        top: 3px;
    }


/*  CUSTOM Check Box Lis Asp Net*/

.form-check-box-custom *,
.form-check-box-custom *:before,
.form-check-box-custom *:after {
    box-sizing: border-box;
}

.form-check-box-custom form {
    display: inline-flex;
    place-content: center;
    min-height: 100vh;
}

.form-check-box-custom label {
    font-family: system-ui, sans-serif;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.1;
    gap: 0.5em;
}

    .form-check-box-custom label + label {
        margin-top: 1em;
    }

.form-check-box-custom .form-control--disabled {
    color: var(--control-color-disabled);
    cursor: not-allowed;
}

.form-check-box-custom input[type="checkbox"] {
    -webkit-appearance: none;
    appearance: none;
    background-color: var(--control-color-white) !important;
    margin: 10px;
    font: inherit;
    color: var(--control-color-orange);
    width: 1.3em;
    height: 1.3em;
    border: 0.15em solid var(--control-color-orange);
    border-radius: 0.15em;
    transform: translateY(-0.075em);
    display: inline-flex;
    place-content: center;
}

    .form-check-box-custom input[type="checkbox"]:checked {
        transform: scale(1);
        background-color: var(--control-color-orange) !important;
    }


    .form-check-box-custom input[type="checkbox"]::before {
        content: "";
        width: 0.7em;
        height: 0.9em;
        clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
        transform: scale(0);
        transform-origin: bottom left;
        transition: 120ms transform ease-in-out;
        box-shadow: inset 1em 1em var(--control-color-white) !important;
        background-color: var(--control-color-orange) !important;
    }

    .form-check-box-custom input[type="checkbox"]:checked::before {
        transform: scale(1);
        background-color: var(--control-color-orange) !important;
    }

    .form-check-box-custom input[type="checkbox"]:focus {
        outline: max(2px, 0.15em) solid var(--control-color-orange);
        outline-offset: max(2px, 0.15em);
    }

    .form-check-box-custom input[type="checkbox"]:disabled {
        --control-color-orange: var(--control-color-disabled);
        color: var(--control-color-disabled);
        cursor: not-allowed;
    }

/*Form MESSAGE*/

.form-message-minHeight {
    min-height: 10rem !important;
}

/*Responsive grid off bootstrap 5*/


/*SM*/
@media screen and (min-width: 576px) {
    .mobileUnitsNearHomepage .carousel-control-next, .mobileUnitsNearHomepage .carousel-control-prev {
        right: -3.2rem !important;
        opacity: 1;
        transition: opacity 0.15s ease;
    }

    .mobileUnitsNearHomepage .carousel-control-prev {
        left: -3.2rem !important;
    }

    .card-width-custom-bids {
        width: 25rem !important;
    }
}

/*MD*/
@media screen and (min-width: 768px) {
    .card-width-custom-bids {
        width: 38rem !important;
    }

    .input-width-custom-email {
        min-width: 25rem !important;
    }

    .form-message-minHeight {
        min-height: 37rem !important;
    }
}

/*LG*/
@media screen and (min-width: 992px) {
    .form-message-minHeight {
        min-height: 23rem !important;
    }
}

/*Xl*/
@media screen and (min-width: 1200px) {
}

/*XXL*/
@media screen and (min-width: 1400px) {
}