body {
    font-family: 'Heebo', sans-serif;
    direction: rtl;
    margin: 0px !important;
}

main {
    padding-top: 252px
}

input:focus, input:active {
    border: 0px solid;
}

/*עיצוב הטופס*/
.eventDetails {
    z-index: 10;
    width: 825px;
    height: 72px;
    border-radius: 40px;
    border: 1px solid #037474;
    background-color: #037474;
    color: white;
    font-size: 40px;
    text-align: center;
    font-weight: 800;
    margin-left: auto;
    margin-right: auto;
    line-height: 73px;
}

.survey-container {
    direction: rtl !important;
    width: 1273px;
    /* height: 855px;
    min-height: 666px;*/
    border-radius: 70px; /*81px*/
    display: block;
    margin-left: auto;
    margin-right: auto;
    border: solid 2px black;
    margin-top: -40px;
    padding: 24px;
}
.sv_main .sv_container .sv_body .sv_p_root .sv_q_title {
    margin: 0.8em 0!important;
}
.sv_q_title {
    font-family: 'Heebo';
    font-weight: 400 !important;
    font-size: 20px !important;
    text-align: right;
}
.InfoAndHeader{
    display:flex;
}
.InfoIcon {
    width: 25px;
    height: 25px;
    margin-top: 33px;
    margin-bottom: 7px;
}
/* .sv_q_title .sv-string-viewer {
        position: relative;
    }*/
/*.tooltip{
    position:relative;
}
.textInfo {
    display: block;
    position: absolute;
    border: 1px solid black;
    z-index: 10;
    background: black;
    color: white;
}
.InfoIcon:hover + .textInfo {
    display: block;
    position: absolute;
    border: 1px solid black;
    z-index: 10;
    background: black;
    color: white;
}*/
::-webkit-input-placeholder {
    font-family: 'Heebo';
    font-size: 20px;
    color: rgb(112, 112, 112);
    /*הצבע לא עובד*/
}

.sv_q_text_root {
    font-family: 'Heebo';
    font-size: 26px;
}

.sv_p_root {
    padding-right: 169px;
    padding-left: 169px;
    padding-top: 24px;
}

.sv_row {
    background-color: white;
    border-bottom-width: 0px !important;
}

.sv_main.sv_default_css .sv_p_root > .sv_row:nth-child(2n) {
    background-color: transparent !important;
}

.sv_main .sv_container .sv_body .sv_p_root .sv_q .sv_q_erbox:not([style*="display: none"]):not([style*="display:none"]) {
    padding: 0.3em !important;
    position: relative !important;
    font-weight: 700 !important;
    margin:unset!important;
}
    .sv_main .sv_container .sv_body .sv_p_root .sv_q .sv_q_erbox:not([style*="display: none"]):not([style*="display:none"]) div {
        position: absolute;
        top: -16px !important;
    }
.sv_main .sv_q_erbox:not([style*="display: none"]):not([style*="display:none"]) {
    border: unset !important;
    background-color: unset !important;
    color: red !important;
}

.sv_main .sv_container .sv_body .sv_p_root .sv_q .sv_select_wrapper:before {
    background-image: url(/uploads/assets/icons8-down-arrow-32.png) !important;
    width: 9px;
    height: 3px;
    right: unset;
    left: 5px;
    cursor: pointer !important;
}

.sv_main.sv_default_css .sv_select_wrapper::before {
    background-color: white !important;
    top: 12px !important;
    right: unset;
    left: 5px;
}

.AddSelect2Button {
    min-width: unset !important;
    font-weight:400!important;
    padding: unset !important;
    color: black !important;
    background-color: #e4e4e4 !important;
    border: 1px solid #aaa !important;
    cursor: default !important;
    float: right !important;
    margin-top: 11px !important;
    height: 38px !important;
    width: 38px !important;
    font-size: 20px !important;
    text-align: center!important;
    margin-right:3px!important;
}
.imageWave {
    background-image: url(/uploads/assets/n_-1_r.png);
    width: 1920px;
    height: 271px;
    width: 100vw;
    height: 15vw;
    /*position: absolute;*/
    background-repeat: no-repeat;
    background-size: 100vw;
}

.sv_body {
    border: 0px solid transparent !important;
    /*background-color: transparent!important;*/
    border-top-color: transparent !important;
}

.detailsAndSurvey {
    display: flex;
    flex-direction: column;
}

.sv_main .sv_container .sv_body .sv_nav .sv_prev_btn {
    float: right !important;
}

.sv_main .sv_container .sv_body .sv_nav .sv_next_btn,
.sv_main .sv_container .sv_body .sv_nav .sv_complete_btn {
    float: left !important;
}

.sv_main .sv_container .sv_body .sv_p_root table {
    border-collapse: inherit !important;
}

.sv_main .sv_container .sv_body .sv_nav .sv_next_btn,
.sv_main .sv_container .sv_body .sv_nav .sv_prev_btn,
.sv_main .sv_container .sv_body .sv_nav .sv_complete_btn {
    width: 126px;
    height: 59px !important;
    border-radius: 40px !important;
    border: 2px solid black !important;
    font-size: 26px !important;
    text-align: center !important;
    color: black !important;
    font-weight: 500 !important;
    background-color: white !important;
    cursor: pointer !important;
    padding: 0px !important;
}

    .sv_main .sv_container .sv_body .sv_nav .sv_next_btn:hover,
    .sv_main .sv_container .sv_body .sv_nav .sv_prev_btn:hover,
    .sv_main .sv_container .sv_body .sv_nav .sv_complete_btn:hover {
        width: 126px;
        height: 59px !important;
        border-radius: 40px !important;
        border: 2px solid white !important;
        font-size: 26px !important;
        text-align: center !important;
        color: white !important;
        font-weight: 500 !important;
        background-color: black !important;
        cursor: pointer !important;
        padding: 0px !important;
    }

.sv_matrix_dynamic_button {
    height: 30px !important;
    width: 30px !important;
    border-radius: 15px !important;
    border: 1px solid black !important;
    color: black !important;
    background-color: white !important;
    min-width: 30px !important;
    padding: 0 !important;
}

.sv-paneldynamic__add-btn,
.sv_p_remove_btn {
    height: 30px !important;
    width: 30px !important;
    border-radius: 15px !important;
    border: 1px solid black !important;
    color: black !important;
    background-color: white !important;
    min-width: 30px !important;
    padding: 0 !important;
}

.sv_p_remove_btn {
    font-size: 17px !important;
}

.sv_main .sv_container .sv_body .sv_p_root .sv_q .sv_q_other input,
.sv_main .sv_container .sv_body .sv_p_root .sv_q .sv_q_text_root,
.sv_main .sv_container .sv_body .sv_p_root .sv_q .sv_q_dropdown_control,
.sv_main .sv_container .sv_body .sv_p_root .sv_q input:not([type="button"]):not([type="reset"]):not([type="submit"]):not([type="image"]):not([type="checkbox"]):not([type="radio"]):not([type="search"]),
.sv_main .sv_container .sv_body .sv_p_root .sv_q textarea,
.sv_main.sv_main .sv_qstn textarea {
    border: 1px solid #707070 !important;
    /*width: 383px;*/
    width: 100%;
    height: 50px;
    font-size: 26px !important;
    font-family: 'Heebo';
    /*margin-right: 12px;*/
}

.sv_main.sv_default_css .sv_container .sv_body .sv_p_root .sv_q .sv_select_wrapper .sv_q_dropdown_control {
    padding-right: 6px;
    line-height: inherit;
}

.sv_main .sv_container .sv_body .sv_p_root .sv_p_title {
    font-weight: 400 !important;
    font-size: 23px;
    font-family: 'Heebo';
}

.sv_main .sv_container .sv_body .sv_p_root table th {
    font-weight: 400 !important;
    font-family: 'Heebo';
    font-size: 23px;
    text-align: right;
}

.sv_qstn .sv-q-col-1, .sv-question .sv-q-col-1 {
    width: 292px !important;
    display: inline-block !important;
    padding-right: 1em !important;
    box-sizing: border-box !important;
    word-break: break-word !important;
    font-size: 22px !important;
    height: 83px !important;
    font-weight: 400;
}

.select2-container--classic .select2-selection--multiple {
    height: 65px !important;
}

    .select2-container--classic .select2-selection--multiple .select2-selection__rendered {
        float: right;
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__choice {
        background-color: #e4e4e4 !important;
        border: 1px solid #aaa !important;
        border-radius: 4px !important;
        cursor: default !important;
        float: right !important;
        /*margin-right: 8px !important;*/
        /* margin-left: 0px; */
        margin-top: 11px !important;
        padding: 5px 5px !important;
        height: 50% !important;
        font-size: 20px !important;
    }

.select2-container--classic .select2-selection--multiple {
    margin-right: 12px !important;
}

.select2-search input {
    border-color: transparent !important;
}

.sv_qbln .sv-boolean__switch {
    display: none !important;
}

.sv_qbln input[type="checkbox"] {
    position: relative !important;
    width: 26px !important;
    height: 26px !important;
}

.sv_qbln .sv-boolean__label, .sv_qbln .sv-boolean__label--disabled {
    display: none;
}

.sv_main .sv-boolean--checked .sv-boolean__slider {
    margin-right: calc(100% - 20px);
}

.LicenseNumber {
    width: 200px !important;
}

.focusPage {
    display: flex;
    flex-direction: row;
    width: 1157px;
    height: 108px;
    justify-content: space-around;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 100px;
}

    .focusPage div div {
        width: 79px;
        height: 79px;
        border: 1px solid black;
        border-radius: 39px;
        position: relative;
        margin: auto;
        box-shadow: #00000029 0px 3px 6px;
    }

    .focusPage div {
        width: 123px;
        height: 79px;
        text-align: center;
    }

.IsOnfocus {
    background-color: #D99B8C !important;
    width: 121px !important;
    height: 121px !important;
    border-radius: 60px !important;
    border: 0px !important;
    top: -16px;
}

    .IsOnfocus img {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        width: 92px;
        height: 92px;
    }

.focusPage img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%)
}

.focusPage span {
    font-weight: 800;
    font-size: 20px;
}

.focusButton {
    width: 38px !important;
    height: 38px !important;
    border: 1px solid black !important;
    border-radius: 19px !important;
    background-color: white !important;
    padding: 0 0em !important;
    min-width: 0px !important;
    position: absolute !important;
    margin-top: 16px;
    right: 130px !important;
    box-shadow: #00000029 0px 3px 6px;
}

.vr1 {
    border-right: 1px solid black;
    /*height: 583px;*/
    position: absolute;
    /*right: 150px;*/
}

.filled-circle {
    background-color: #5D5D5D !important;
}

.complate-circle {
    background-color: lightpink !important;
}

.invalid-circle {
    background-color: red !important;
}

.hidClass {
    display: none;
}


.header {
    width: 100vw;
    height: 190px;
    background-color: #037474;
    justify-content: space-between;
    position: fixed;
    z-index: 50;
    color: white;
    /*    display:inline;
*/
}

.littleHeightHeader {
    height: 120px !important;
}

.loginAndContact2 {
    padding-left: 90px !important;
    display: block !important;
}

.contactDiv2 {
    padding-top: 47px !important;
    float: left !important;
    display: flex !important;
    margin-left: 46px !important;
}

.navAndLogo2 {
    padding-right: 90px !important;
    flex-direction: row !important;
}

.navPages2 {
    margin-top: 60px !important;
}

.spansContactDetails2 {
    margin-top: 27px !important;
}

.LogoDiv2 {
    flex-grow: 0 !important;
}

.mainClass {
    padding-top: 110px !important;
}

.loginAndContact {
    padding-left: 196px;
    display: flex;
    flex-direction: column;
    float: left;
    direction: ltr;
    font-family: 'Segoe UI';
    font-weight: 400;
}

.login {
    padding-top: 16px;
    float: left;
    display: flex;
}
.login2 {
    padding-top: 40px!important;
}

.userIcon {
    margin-left: 18px;
    margin-top: -11px;
    display: flex;
    flex-direction: column;
}

    .userIcon img {
        width: 40px;
        margin-left: auto;
        margin-right: auto;
    }

        .userIcon img:hover {
            width: 45px;
        }

    .userIcon label {
        font-size: 14px;
        font-weight: 400;
        cursor: pointer;
        text-align: center;
    }

.userIcon {
    margin-left: 16px;
    margin-top: -3px;
    position: relative;
    cursor: pointer;
}

.bellIcon {
    margin-left: 25px;
    margin-top: 7px;
    position: relative;
    cursor: pointer;
}

    .bellIcon.count_0 {
        cursor: default;
    }

    .bellIcon img {
        width: 40px;
    }

        .bellIcon img:hover {
            width: 45px;
        }

.bellCount {
    background-color: red;
    border-radius: 10px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 11px;
    position: absolute;
    margin-left: -18px;
    cursor: pointer;
}

.personalArea {
    background-color: #fef3ed;
    position: absolute;
    top: 63px;
    right: -99px;
    border-radius: 10px;
    width: 221px;
    height: 263px;
    text-align: center;
}

    .personalArea div {
        height: 33%;
        margin-bottom: auto;
        margin-top: auto;
        border-radius: 10px;
    }

        .personalArea div:hover {
            opacity: 120%;
            background-color: #feece3;
        }

    .personalArea a {
        color: black;
        text-decoration-line: none;
        font-size: 22px;
        /* margin-top: 46px; */
        /* margin-bottom: auto; */
        line-height: 4;
        padding: 50px;
    }

    .personalArea hr {
        margin: 0px;
    }

.listAlert {
    background-color: #fef3ed;
    position: absolute;
    top: 63px;
    right: -100px;
    border-radius: 14px;
    width: 232px;
    height: 400px;
    text-align: center;
    z-index: 1;
    overflow-y: auto;
    overflow-x: auto;
}

.headerAlerts {
    color: black;
    font-size: 21px;
    background-color: #ffe1d1;
    text-align: right;
    padding-right: 10px;
    height: 10%;
    line-height: 1.7;
    font-weight: 500;
    /* border-radius: 14px; */
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
    cursor: default;
}

.divSeeAllAlert {
    border-top: black;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    /*border: 1px solid #fef3ed;*/
    height: 10%;
    /*border-radius: 8px;*/
    font-size: 19px;
    background-color: #fcc8b4;
    font-weight: 500;
    cursor: pointer;
    /*    margin-top: 16px;
*/ text-decoration-line: none !important;
    line-height: 2.1;
}

    .divSeeAllAlert:hover {
        background-color: #f7d9ca;
        opacity: 120%;
    }

.seeAlertDetails:hover {
    color: black;
}
/*
    .divSeeAllAlert:hover {
        opacity: 60%;
    }*/
.seeAlertDetails {
    text-decoration-line: none;
    color: #000000ba;
    text-decoration-line: underline;
}

.listAlertDiv {
    height: 80%;
    overflow: auto;
    cursor: default;
}
/*.listAlertDiv div {
        display: flex;
    }*/

.oneAlert {
    margin: 11px;
    color: black;
    display: block;
}

.hrAlert {
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 15px;
    margin-bottom: unset;
}

.EventNameInAlert {
    color: black;
    margin-bottom: auto;
    margin-top: auto;
    margin-right: 10px;
}

.oneAlertMessage {
    margin-top: 2px !important;
    font-size: 13px !important;
}

.EventNameInMessage {
    margin-right: 0px !important;
}

.completeAlert {
    width: 20px !important;
    height: 30px;
    /*margin: 20px;*/
}

.DefaultList {
    display: none;
}

.hiddenList {
    display: none;
}

.showList {
    display: initial;
}


.loginA {
    color: white;
    text-decoration-line: none;
    border: 1px solid white;
    border-radius: 6px;
    padding-left: 6px;
    padding-right: 6px;
    padding-bottom: 3px;
}

    .loginA:hover {
        background-color: white;
        color: black;
    }

.logout {
    border: 1px solid white;
    border-radius: 6px;
    color: black !important;
    background-color: white;
    padding-left: 23px !important;
    padding-right: 23px !important;
    padding-bottom: 0px !important;
    font-size: 20px;
    cursor: pointer;
}

    .logout:hover {
        opacity: 60%;
    }

.loginWithGoogle {
    cursor: pointer;
}

.navAndLogo {
    display: flex;
    flex-direction: column;
    height: 100%;
    /*    float: right;*/
    padding-right: 196px;
    padding-top: 9px;
}
/*.navPages{
    padding-top:199px;
    padding-left:898px;
    padding-right:258px;
    padding-bottom:18px;
}*/
.logo {
    width: 95px;
    height: 95px;
    cursor: pointer;
    /*  padding-top: 62px;
    padding-left: 1422px;
    padding-right: 210px;
    padding-bottom: 94px;*/
}

.LogoDiv {
    flex-grow: 1;
}

.navPages a {
    text-decoration-line: none;
}

.activeMenu {
    color: #feece3 !important;
    border-bottom: 3px black solid;
}

.navPages {
    font-weight: 400;
    /*font-size:26px;*/
}

    .navPages li, a {
        display: inline !important;
    }

    .navPages li {
        padding: 10px;
    }

    .navPages > li > a {
        font-size: 23px;
        line-height: 34px;
        color: white;
        padding: 11px;
        padding-bottom: 0px;
    }

        .navPages > li > a:hover {
            color: #feece3;
            font-size: 24px;
        }
/*.hrAndLabel {
    display: flex;
    flex-direction: row;
    margin-left: auto;
    margin-right: auto;
}*/
hr {
    margin: 20px 0;
}

.contactDiv {
    /*display: flex;*/
    float: left;
    padding-top: 55px;
}

.HomePageContent {
    background-image: url("/uploads/assets/n__be.png");
    width: 100vw;
    height: 719px;
    text-align: -webkit-center;
    padding-top: 81px;
    background-repeat: no-repeat;
    background-size: 100vw;
}

.aboutEnigma {
    width: 1098px;
    height: 557px;
    border: 4px solid black;
    border-radius: 165px;
    text-align: center;
}

.betweenAboutEnigma {
    margin-left: auto;
    margin-right: auto;
    background: rgba(255,255,255,0.52);
    box-shadow: #00000029 0px 3px 6px;
    width: 823px;
    height: 452px;
}

    .betweenAboutEnigma p {
        font-size: 20px;
        font-weight: 500;
    }

    .betweenAboutEnigma button {
        color: white;
        background-color: #6A6B6B;
        border: 1px solid #6A6B6B;
        border-radius: 36px;
        width: 246px;
        height: 63px;
        opacity: 100%;
        font-size: 30px;
        font-family: 'Heebo';
        cursor: pointer;
    }

.AboutTitle {
    font-size: 50px;
    font-weight: 800;
    font-size: 50px;
    margin: 0px;
}

.areaPage {
    display: flex;
    flex-direction: column;
}

.chooseAndFind div select {
    width: 179px;
    height: 43px;
    background-color: #efad9d !important;
    border: 0;
    width: 229px;
    height: 48px;
    font-size: 26px;
    font-weight: 500;
    background-color: #efad9d !important;
    border-radius: 23px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    color: black;
}

.ChooseEventBackground {
    background-color: #D6998A;
    width: 100vw;
    height: 98px;
}

.chooseAndFind {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    height: 100%;
    width: 1046px;
    float: left;
    padding-left: 260px;
}

.chooseEvent {
    margin-top: auto;
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
}

.findInArea {
    width: 66%;
    height: 88%;
    font-size: 26px;
    font-weight: 500;
    background-color: #efad9d;
    border-radius: 23px;
    /* margin-left: -52px; */
    /* margin-right: auto; */
    margin-top: auto;
    margin-bottom: auto;
    border: #efad9d;
    padding-right: 20px;
}

    .findInArea:focus, .findInArea:visited, .findInArea:active {
        border: 0px;
        border-color: transparent;
    }

.findInAreaDiv {
    width: 100%;
    height: 48px;
    font-size: 26px;
    font-weight: 500;
    background-color: #efad9d;
    border-radius: 23px;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;
    border: #efad9d;
}

.findDiv {
    display: flex;
    flex-direction: row;
    width: 247px;
}

.findIcon {
    margin-bottom: auto;
    width: 40px;
    height: 40px;
    margin-top: auto;
    padding-top: 29px;
    left: 294px;
    position: absolute;
}

.informationMark {
    margin-top: auto;
    margin-bottom: auto;
    height: 30px;
    padding-right: 10px;
}

.navLinksAndPages {
    display: flex;
    flex-direction: row;
}

.navLinks {
    width: 465px;
    height: 843px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    box-shadow: #0000008F 0px 3px 6px;
    padding-top: 45px;
    margin-left: 150px;
}

    .navLinks a {
        font-size: 25px;
        font-weight: 700;
        text-align: center;
        cursor: pointer;
        color: black;
        text-decoration: none;
    }

        .navLinks a:hover {
            font-size: 27px;
            color: #D6998A;
        }

    .navLinks div {
        /*        border-bottom: 1px solid #999999;*/
        box-shadow: #0000008f 0px 7px 2px;
        width: 420px;
        height: 1px;
    }

.dataPages {
    width: 1176px;
    height: 832px;
}


.EventProducers {
    width: 825px;
    height: 90px;
    border-radius: 29px;
    border: 1px solid #037474;
    background-color: #037474;
    color: white;
    font-size: 40px;
    text-align: center;
    font-weight: 500;
    margin-left: auto;
    margin-right: auto;
    margin-top: -45px;
    margin-bottom: 35px;
    line-height: 90px;
}

    .EventProducers span {
        vertical-align: middle;
        display: inline-block;
        line-height: normal;
    }

.betweenAboutEnigma div {
    display: flex;
    justify-content: space-around;
}

.betweenAboutEnigma span {
    display: flex;
    float: left;
    padding-left: 100px;
    font-size: 18px;
    font-family: 'Heebo';
    font-weight: 300;
}

.VideoEnigma {
    display: flex;
    flex-direction: row;
    margin-bottom: 76px;
}

.labelHeader {
    /*width: 668px;
        height: 53px;*/
    background-color: #F5AE9E;
    border-radius: 39px;
    border: 1px solid #F5AE9E;
    border-bottom-right-radius: inherit;
    border-top-right-radius: inherit;
    font-size: 40px;
    font-weight: 800;
    box-shadow: #00000029 0px 3px 6px;
    display: inline-block;
    width: 864px;
    text-align: center;
}

.VideoEnigma p {
    padding-right: 220px;
    font-weight: 500;
    font-size: 18px;
}

.headerLabel {
    margin-top: 100px;
}

.video {
    margin-top: 100px;
    margin-right: 100px;
    border: 1px solid black;
    border-radius: 33px;
    width: 623px;
    height: 225px;
}

.explanationEnigma {
    background: linear-gradient(to bottom, rgb(88, 157, 221) 0%, rgb(120, 181, 206) 100%);
    width: 100vw;
    height: 66vw;
    position: relative;
    color: white;
}

.topImage {
    width: 100vw;
    height: 14vw;
    background-image: url("/uploads/assets/n_-1.png");
    position: absolute;
    top: 0px;
    background-repeat: no-repeat;
    background-size: 100vw;
}

.bottomImage {
    width: 100vw;
    height: 20vw;
    background-image: url("/uploads/assets/n_-22.png");
    position: absolute;
    bottom: 0px;
    background-repeat: no-repeat;
    background-size: 100vw;
}

.headerMainExplanation {
    font-size: 40px;
    font-weight: 500;
}

.mainExplanationEnigma {
    padding-top: 250px;
    text-align: center;
}

.twoColumnDetails {
    display: flex;
    flex-direction: row;
    text-align: center;
    justify-content: center;
    padding-top: 20px;
}

    .twoColumnDetails img {
        height: 69px;
        width: 69px;
        margin-left: auto;
        margin-right: auto;
    }

    .twoColumnDetails span {
        font-weight: 500;
        font-size: 26px;
    }

    .twoColumnDetails p {
        margin: auto;
    }

.detailsColumn1 {
    display: flex;
    flex-direction: column;
    padding-left: 100px;
}

    .detailsColumn1 div {
        padding-top: 40px
    }

    .detailsColumn1 p {
        width: 396px;
        font-size: 20px;
    }

.detailsColumn2 {
    display: flex;
    flex-direction: column;
    padding-right: 100px;
}

    .detailsColumn2 p {
        width: 409px;
        font-size: 20px;
    }

    .detailsColumn2 div {
        padding-top: 40px
    }

.tryEnigma {
    display: flex;
    flex-direction: column;
    text-align: center;
    margin-top: 100px;
}

    .tryEnigma label {
        font-size: 40px;
        font-weight: 800;
    }

    .tryEnigma span {
        font-size: 30px;
        font-weight: 500;
    }

    .tryEnigma div input:not([type=submit]) {
        width: 482px;
        height: 46px;
        font-weight: 100;
        font-size: 30px;
    }

    .tryEnigma input:not([type=submit]) {
        width: 991px;
        height: 46px;
        font-weight: 100;
        font-size: 30px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 36px;
    }

    .tryEnigma input::-webkit-input-placeholder {
        font-family: 'Heebo', sans-serif;
        font-size: 30px;
    }

    .tryEnigma button {
        font-family: 'Heebo';
        background-color: #037474;
        border-radius: 22px;
        width: 481px;
        height: 48px;
        margin-right: auto;
        margin-left: auto;
        border: 1px solid #037474;
        margin-top: 36px;
        font-size: 30px;
        font-weight: 500;
        cursor: pointer;
    }

.submitTryEnigma {
    font-family: 'Heebo';
    background-color: #037474;
    border-radius: 22px;
    width: 481px;
    height: 48px;
    margin-right: auto;
    margin-left: auto;
    border: 1px solid #037474;
    margin-top: 36px;
    font-size: 30px;
    font-weight: 500;
    cursor: pointer;
}

.nameTryEnigma {
    margin-left: 15px !important;
}

.ifTry {
    font-weight: 400 !important;
}

.enigmaStory {
    margin-top: 70px;
}

.maintStory {
    display: flex;
    flex-direction: row;
}

.textStory {
    height: 218px;
    width: 540px;
    padding-right: 242px;
    font-weight: 500;
    font-family: 'Heebo', sans-serif;
}

    .textStory button {
        border: 1px solid #000000;
        border-radius: 11px;
        background-color: white;
        font-size: 18px;
    }

.imgStory {
    margin-right: 200px;
}

    .imgStory img {
        width: 529px;
        height: 313px;
        border-radius: 27px;
        box-shadow: #00000073 0px 3px 6px;
    }

.Recommendations {
    margin-top: 100px;
}

.customersTold {
    display: flex;
    flex-direction: row;
    border: 3px solid #613E35;
    border-radius: 92px;
    width: 1485px;
    height: 243px;
    margin-right: 121px;
    justify-content: space-around;
    margin-top: -15px;
}

    .customersTold span {
        position: relative;
    }

        .customersTold span img {
            position: absolute;
            top: 11px;
            right: 3px;
        }

    .customersTold div {
        width: 540px;
        height: 78px;
        margin-top: 64px;
        text-align: center;
    }

    .customersTold label {
        font-size: 20px;
        font-weight: 500;
        text-align: center;
    }

.img1 {
    margin-bottom: 21px;
}

.ourCustomers {
    display: flex;
    flex-direction: column;
    margin-top: 100px;
}

    .ourCustomers span {
        font-size: 40px;
        text-align: center;
        font-weight: 800;
    }

.customersDetails {
    width: 1604px;
    height: 170px;
    border: 3px solid black;
    border-radius: 92px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

    .customersDetails img {
        width: 91px;
        height: 91px;
        border: 1px solid black;
        border-radius: 90px;
        margin-top: auto;
        margin-bottom: auto;
    }

.backgroundImg {
    background-image: url("/uploads/assets/n__b.png");
    width: 100vw;
    height: 11vw;
    background-repeat: no-repeat;
    background-size: 100vw;
}

    .backgroundImg span {
        font-size: 30px;
        font-weight: 500;
        float: right;
        display: inline-block;
        padding-right: 269px;
        padding-top: 131px;
    }

.aboutPage {
}

.divHeaderLabel {
    margin-top: 100px;
}

.labelHeaderAbout {
    position: absolute;
    z-index: 10;
    background-color: #C4DCDC;
    border-radius: 39px;
    border: 1px solid #C4DCDC;
    border-bottom-right-radius: inherit;
    border-top-right-radius: inherit;
    font-size: 30px;
    font-weight: 800;
    box-shadow: #00000029 0px 3px 6px;
    display: inline-block;
    width: 1164px;
    height: 54px;
    text-align: center;
}

.mainAbout {
    width: 1255px;
    height: 925px;
    border: 3px solid black;
    border-radius: 127px;
    margin-right: 269px;
    /*    margin-top: -30px;
*/
}

    .mainAbout div p {
        font-size: 20px;
        font-weight: 500;
    }

    .mainAbout div {
        /*        width: 1036px;
*/ padding-right: 55px;
        padding-top: 48px;
    }

.lh1 {
    margin-top: -13px;
}

.lh2 {
    margin-top: 347px;
}

.lh3 {
    margin-top: 673px;
}

.lh4 {
    background-color: #037474;
    color: white;
    font-weight: 500;
    border-bottom-left-radius: inherit;
    border-top-left-radius: inherit;
    border-bottom-right-radius: 39px;
    border-top-right-radius: 39px;
    float: left;
    position: inherit;
    margin-top: -37px;
}

.divlh4 {
    width: 100vw;
    margin-bottom: 150px;
}


.allInformation {
    box-shadow: #0000008F 0px 3px 6px;
    margin-top: 53px;
    display: flex;
    flex-direction: row;
    font-family: 'Heebo';
    height: 100%;
    width: 100%;
}

.EmailsHeader {
    background-color: #6A9FA5;
    width: 710px;
    height: 60px;
    text-align: center;
    margin-top: 34px;
    margin-right: auto;
    margin-left: auto;
}

    .EmailsHeader span {
        font-weight: 700;
        font-size: 30px;
        line-height: 2;
    }

.eventAndCost {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.eventDiv {
    height: 100% !important;
}

.listCost {
    height: 56%;
    margin-right: 65px;
    margin-top: 20px;
    overflow-y: auto;
    overflow-x: auto;
}

    .listCost div {
        margin: 3px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

.ListPayment {
    width: 62% !important;
}

.costDiv {
    height: 100%;
}

.seeDiv {
    margin-left: 30px !important;
}

.InforListHeader {
    background-color: #6A9FA5;
    width: 636px;
    height: 60px;
    text-align: center;
    margin-top: 34px;
    margin-right: 34px;
}

.costHeader {
    margin-top: unset !important;
}

.InforListHeader span, .WarningsHeader span, .allHeader span {
    font-weight: 700;
    font-size: 30px;
    line-height: 2;
}

.listEvent {
    height: 46%;
    margin-top: 20px;
    margin-right: 25px;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    overflow-x: auto;
}

.ArchiveListEvent {
    height: 60% !important;
}

.listWarnings {
    margin-right: 30px;
    margin-top: 20px;
    height: 74%;
    overflow-y: auto;
    overflow-x: auto;
}

    .listWarnings img {
        /*margin-top: auto;*/
        /*margin-left: 20px;*/
    }

    .listWarnings img, .listCost div div img {
        height: 34px;
        width: 34px;
        margin-left: 12px;
    }

.labelCost {
    margin-left: 9px;
    margin-right: 12px;
    line-height: 2;
}

.listWarnings span {
    font-size: 22px;
    font-weight: 400;
    line-height: 1.7;
    margin-bottom: auto;
    margin-top: auto;
}

.divIconAndNameRule {
    justify-content: space-between;
    /*display: unset!important;*/
    margin-bottom: 20px;
    margin-left: 17px;
}

    .divIconAndNameRule:nth-child(n+8) {
        display: none;
    }

.bellOrCheckmark {
    margin-top: auto !important;
    margin-bottom: auto !important;
}

.listCost div div span {
    font-size: 25px;
    font-weight: 400;
    margin-right: 4px;
}

.listEvent div img {
    height: 24px;
    width: 24px;
    margin-top: 4px;
    margin-left: 29px;
}

.listEvent div span {
    font-size: 25px;
    font-weight: 400;
}

.listEvent div {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 3px;
    margin-bottom: 4px;
}

.displayNoneInSearch {
    display: none !important;
}

.displayFlexInSearch {
    display: flex !important;
}

.ItemInListEvent, ItemInListDocuments, ItemInListNotifications, checkboxDocumentDiv {
    display: flex;
}

    .ItemInListEvent:nth-child(n+5),
    .ItemInListDocuments:nth-child(n+10),
    .ItemInListNotifications:nth-child(n+5),
    .checkboxDocumentDiv:nth-child(n+5) {
        display: none;
    }

.WarningDocumentArchive {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.ArchiveDocuments {
    height: 74%;
    margin-right: 26px;
    overflow-y: auto;
    overflow-x: auto;
}

.WarningsDivArchive {
    margin-top: 34px;
    margin-right: 34px;
    height: 50%;
}

.WarningsDiv {
    margin-top: 34px;
    margin-right: 34px;
    height: 100%;
    /*position: relative;*/
}

.WarningsHeader {
    background-color: #6A9FA5;
    width: 440px;
    height: 60px;
    text-align: center;
}

.buttonsList {
    width: 145px;
    /*width: 18%!important;*/
    /*margin-left: 30px !important;*/
}

    .buttonsList button {
        width: 52px;
        height: 24px;
        border-radius: 12px;
        font-size: 15px;
        font-weight: 300;
        cursor: pointer;
    }

.WarningsButton {
    /*  bottom: 70px;
    position: absolute;
    right: 180px;*/
}

.see {
    border: 2px solid #9CCFD5;
    background-color: #9CCFD5;
    width: 52px;
    height: 24px;
    border-radius: 12px;
    font-size: 15px;
    font-weight: 300;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    color: black;
    font-weight: 400;
    margin-left: 10px;
}

    .see:hover {
        background-color: white;
    }

.seeBaseEvent {
    border: none;
    background-color: transparent;
    font-size: 22px;
    font-family: Heebo;
    text-decoration: underline;
    cursor: pointer;
    color: black;
}

.seeMessages {
    margin-top: auto;
    margin-bottom: auto;
    width: 125px;
    height: 33px;
    border-radius: 28px;
}
/*.divMessage {
    display:flex;
    flex-direction: column;
}*/
.messageLabel {
    color: black;
    direction: rtl;
}

.imgChatMainPage {
    height: 20px;
    width: 20px !important;
}

.imgAndMessage {
    direction: rtl;
    margin-left: auto;
    margin-right: auto;
    margin-top: 6px;
}

.rejection {
    border: 2px solid #D59C9C;
    background-color: #D59C9C;
    text-align: center;
    text-decoration: none;
    color: black;
    font-weight: 400;
}

    .rejection:hover {
        background-color: white;
    }

.confirm {
    background-color: #9CD5B7;
    border-color: #9CD5B7;
    border-bottom: #9CD5B7;
    border-top: #9CD5B7;
    border-right: #9CD5B7;
}

.seeAllCost {
    margin-top: 45px !important;
}

.seeAll {
    text-align: center;
    margin-top: 30px;
}

    .seeAll button {
        background-color: #D6998A;
        width: 194px;
        height: 40px;
        border-radius: 40px;
        font-size: 24px;
        font-weight: 500;
        border-color: #D6998A;
        cursor: pointer;
    }

        .seeAll button:hover {
            background-color: white;
        }

.NotificationsAndDocumentsAndStatus {
    box-shadow: #0000008F 0px 3px 6px;
    margin-top: 78px;
    width: 1135px;
    height: 800px;
    display: flex;
    flex-direction: column;
}

.NotificationsAndDocuments {
    margin-left: 90px;
    /*border-bottom: 2px solid #00000080;*/
    display: flex;
    flex-direction: row;
    height: 45%;
    margin-right: 90px;
}

    .NotificationsAndDocuments div {
        /*margin-top:10px;*/
        margin-left: auto;
        margin-right: auto;
    }

.Notifications {
    margin-top: 27px;
    margin-right: 37px;
}

.listNotifications {
    display: flex;
    flex-direction: column;
    height: 53%;
    margin-top: 20px;
    margin-right: 65px;
    overflow-y: auto;
    overflow-x: auto;
}

    .listNotifications div {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin: 3px;
    }

.documents {
    margin-top: 27px;
}

.documentWarningsHeader {
    width: 450px;
    height: 50px;
    background-color: #6A9FA5;
    text-align: center;
    margin-top: 34px;
    margin-right: 19px;
}

.ArchiveDocumentWarningsHeader {
    margin-top: unset !important;
}

.documentWarningsHeader span {
    font-weight: 600;
    font-size: 30px;
    line-height: 1.75;
}

.listWarningsDocuments {
    display: flex;
    flex-direction: column;
    height: 44%;
    margin-top: 20px;
    overflow-y: auto;
    overflow-x: auto;
    /*    margin-right: 65px;*/
}

.checkboxDocumentDiv {
    margin: 3px !important;
    border-bottom: 1px solid #0000004a;
    width: 70%;
    margin-left: auto !important;
    margin-right: auto !important;
    position: relative;
    text-align: center;
}

    .checkboxDocumentDiv span {
        font-size: 20px;
        font-weight: 300;
        text-align: center;
    }

.checkMark {
    position: absolute;
    margin-right: -70px;
    width: 17px;
    height: 17px;
    margin-top: 5px;
}

.chooseAllDiv {
    text-align: center;
    margin-bottom: 2px;
}

    .chooseAllDiv span {
        font-size: 13px;
        font-weight: 200;
    }

.chooseAll {
    border-radius: 8px !important;
    height: 11px !important;
    width: 12px !important;
}

.statusAndReadyDocuments {
    height: 50%;
    width: 90%;
    display: flex;
    flex-direction: row;
    margin-left: 90px;
    height: 50%;
    margin-right: 90px;
}

.readyDocuments {
    width: 73%;
}

.ArchiveReadyDocuments {
    width: 100%;
    height: 50%;
}

.outListDocuments {
    height: 74%;
    margin-right: 26px;
    overflow-y: auto;
    overflow-x: auto;
}

.EventRelatedAllPage {
    margin-top: 38px !important;
}

.listDocuments {
    /*height: 75%;*/
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    overflow-y: auto;
    overflow-x: auto;
}
    /*.ArchiveListDocuments {
    height: 100%!important;
}*/

    .listDocuments div {
        cursor: pointer;
        width: 153px;
    }

        .listDocuments div img {
            width: 65px;
            cursor: pointer;
        }

            .listDocuments div img:hover {
                opacity: 60%;
            }

        .listDocuments div span {
            font-weight: 200;
            font-size: 14px;
        }

            .listDocuments div span:hover {
                opacity: 60%;
            }

.allDocumentButton {
    font-size: 20px !important;
}

.status {
    width: 50%;
}

.documentDivButton {
    margin-top: unset;
    margin-left: 60px;
}

.EventRelated {
    display: flex;
    margin-top: 12px;
}

.ListEmail {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    width: 58%;
    height: 80%;
}

.emailSent {
    display: flex;
    justify-content: space-between;
    overflow: auto;
    margin-top: 45px;
}

.RuleNameDiv {
    width: 40%;
    text-align: right;
}

.buttonAgainSendEmail {
    width: 20%;
}

.buttonSeeContentEmail {
    width: 40%;
}

.allEmailsSent {
    box-shadow: #0000008f 0px 3px 6px;
    margin-top: 53px;
    font-family: 'Heebo';
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
}

.emailContent {
    display: none;
}

.listInBlock {
    text-align: center;
    margin-top: 34px;
    margin-right: 34px;
    height: 100%;
    overflow-y: auto;
    overflow-x: auto;
}

.allHeader {
    width: 776px !important;
    margin-left: auto;
    margin-right: auto;
    background-color: #6A9FA5;
    width: 440px;
    height: 60px;
    text-align: center;
}

.BlockSeeAll {
    box-shadow: #0000008f 0px 3px 6px;
    height: 100%;
    width: 100%;
    margin-top: 50px;
    padding-top: 10px;
}

.allCheckboxDocumentDiv {
    margin-top: 13px !important;
    margin-bottom: 13px !important;
}

.allList {
    height: 77%;
    width: 776px !important;
    margin-left: auto;
    margin-right: auto;
    overflow-y: auto;
}

    .allList div {
        margin-bottom: 7px !important;
    }

.ruleDiv {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: center;
    margin: 6px;
    margin-bottom: 20px;
}

.LinKFormDiv {
    text-align: center;
    font-size: 18px;
    margin-bottom: auto !important;
    margin-top: auto !important;
}

.SpanRuleNameWarning {
    font-size: 15px !important;
    /*position: absolute;*/
    margin-top: -8px !important;
}

.SpanRuleNameWarningInfo {
    margin-top: -14px !important;
    margin-right: 57px !important;
}

.ChatIconInfo {
    margin: unset !important;
    margin-right: 36px !important;
    height: 19px !important;
    width: 19px !important;
    position: absolute !important;
    z-index: 10 !important;
    margin-top: -1px !important;
}

.ChatIcon {
    margin: unset !important;
    height: 19px !important;
    width: 19px !important;
    position: absolute !important;
    z-index: 10 !important;
    margin-top: -1px !important;
    margin-right: -17px !important;
}

.IconWarning {
    margin-bottom: auto !important;
    margin-top: auto !important;
    margin-right: 5px !important;
}

.spanRuleDiv {
    width: 100%;
    text-align: right;
    display: flex;
}


.returnBack {
    text-align: center;
    margin-top: 12px;
}

    .returnBack button {
        background-color: #D6998A;
        width: 194px;
        height: 40px;
        border-radius: 40px;
        font-size: 24px;
        font-weight: 500;
        border-color: #D6998A;
        cursor: pointer;
    }

        .returnBack button:hover {
            background-color: white;
        }



.pageLogin {
    text-align: center;
    background-image: url(/uploads/assets/n__be.png);
    width: 100vw;
    height: 100vh;
    /*height: 753px;*/
    text-align: -webkit-center;
    padding-top: 41px;
    background-repeat: no-repeat;
    background-size: 100vw;
}

.pageLogin2 {
    background-color: #96969687;
    width: 536px;
    /*height: 159px;*/
    border-radius: 35px;
    padding-bottom: 20px;
    padding-top: 20px;
    margin-top: 138px;
}

    .pageLogin2 h2 {
        margin: unset;
    }

.divUrls {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 10px;
}

    .divUrls a {
        color: black;
    }

.divRememberMe {
    padding-top: 7px;
}

.RememberMe {
    font-size: 16px !important;
}

.formLogin div input:not([type=checkbox]), .formLogin div select {
    width: 318px;
    height: 32px;
    border: 1px solid black;
    font-size: 20px;
    font-family: 'Heebo';
}

.formLogin div label {
    font-size: 22px;
}

.formLogin div span {
    color: #e61e28;
    color: #e61e28;
}

.loginSubmit {
    width: 155px;
    height: 43px;
    color: #fff;
    /* border-radius: 24.5px; */
    box-shadow: 0 3px 9px 0 rgb(239 34 34 / 29%);
    background: linear-gradient( 90deg,#daa193,#efad9d 20%,#e4a799 80%,#d0a69c);
    border-color: transparent;
    font-size: 23px;
    margin: 21px;
    cursor: pointer;
    margin-top: 50px;
}

.registerElements {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    width: 100%
}

.pageRegister {
    background-size: cover;
}

.pageRegister2 {
    width: 792px;
    margin-top: auto !important;
}

.pageLogin [att^=h] {
    color: white;
}
/*.pageLogin h1, .pageLogin h4 {
    color: white;
}*/
.goToLoginPage a {
    color: black;
}

.forgotPasswordConfirm p {
    font-size: 19px;
}





.contactdiv {
    margin-top: 100px;
    line-height: 45px;
    display: flex;
    flex-direction: column;
}

.contactUs {
    z-index: 10;
    width: 238px;
    height: 50px;
    font-size: 26px;
    font-weight: 500;
    background-color: #5D5D5D;
    border-radius: 23px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    color: white;
}

.iconContact {
    width: 461px;
    height: 90px;
    border: 2px solid black;
    border-radius: 22px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    margin-top: -8px;
    opacity: 100%;
    background-color: white;
}

    .iconContact img {
        width: 57px;
        height: 57px;
    }

    .iconContact a {
        margin-bottom: auto;
        margin-top: auto;
    }

.whatapp {
    width: 53px !important;
    height: 53px !important;
}

.footer1 {
    width: 100vw;
    height: 380px;
    background-color: #6A6969;
    display: flex;
    justify-content: space-around;
    color: white;
    padding-top: 70px;
}

.rightFooter {
    float: right;
    text-align: center;
    /*display:flex;*/
    /*width:306px;*/
}

    .rightFooter span {
        font-size: 18px;
    }

    .rightFooter label {
        font-size: 26px;
        font-weight: 500;
    }
/*.footerIcons{
    display:flex;
    flex-direction:row;
    margin-left:auto;
    margin-right:auto;
}*/
.likedin {
    width: 44px;
    height: 43px;
}

instegram {
    width: 36px;
    height: 36px;
}

.facebook {
    height: 39px;
    width: 39px;
}

.centerFooter {
}

    .centerFooter span {
        font-size: 30px;
        font-weight: 500;
    }

    .centerFooter a {
        color: white;
        text-decoration-line: none;
    }

        .centerFooter a:hover {
            color: #feece3;
            font-size: 22px;
            text-decoration-line: none;
        }

    .centerFooter li {
        display: block;
        font-size: 20px;
    }

    .centerFooter ul {
        padding-right: 0px;
    }

.leftFooter {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: normal;
}

    .leftFooter span {
        font-size: 30px;
        font-weight: 500;
    }

    .leftFooter input:not([type=submit]) {
        width: 318px;
        height: 32px;
        background: #6A6969;
        border: 1px solid white;
        font-size: 20px;
        border-radius: 30px;
        padding-right: 10px;
    }

    .leftFooter input::-webkit-input-placeholder {
        font-family: 'Heebo', sans-serif;
        font-size: 20px;
        color: white;
    }

.submitContact {
    width: 184px;
    height: 33px;
    font-size: 20px;
    font-weight: 500;
    background-color: white;
    color: black;
    border: 1px solid white;
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
    border-radius: 30px;
}

    .submitContact:hover {
        background-color: #6A6969;
        color: white;
    }


::-webkit-scrollbar {
    width: 10px;
}

/* Track */
/*::-webkit-scrollbar-track {
    background: #f1f1f1;
}*/

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

::-webkit-scrollbar-track {
    background: gainsboro;
    border-radius: 5px;
}





/*.container {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
}

a{
    padding: 30px;
    background: teal;
    color: #fff;
    font-weight: bold;
    font-size: 24px;
    border-radius: 10px;
    cursor: pointer;
}*/

.modal {
    position: fixed;
    width: 100vw;
    height: 100vh;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #8a8a8ab8;
    z-index: 100;
}

    .modal.open {
        visibility: visible;
        opacity: 1;
        transition-delay: 0s;
    }

.modal-bg {
    position: absolute;
    width: 100%;
    height: 100%;
}

.modal-container {
    border-radius: 10px;
    background: #fff;
    position: relative;
    padding: 30px;
}

.modal-close {
    position: absolute;
    right: 15px;
    top: 15px;
    outline: none;
    appearance: none;
    color: red;
    background: none;
    border: 0px;
    font-weight: bold;
    cursor: pointer;
}

.mainMessage {
    height: 115px;
    width: 300px;
}

.mainPopup {
    width: 630px;
}

.mainEmailPopup {
    height: 500px;
    width: 400px;
    overflow: auto;
}

.contentEmailPopup {
    overflow: auto;
    text-align: center;
}

.SeeContent {
    background-color: #9CCFD5;
    border-color: #9CCFD5;
    border-bottom: #9CCFD5;
    border-top: #9CCFD5;
    border-right: #9CCFD5;
}

.SentEmail {
    background-color: #D59C9C;
    border-color: #D59C9C;
    border-bottom: #D59C9C;
    border-top: #D59C9C;
    border-right: #D59C9C;
}

.EmailButton {
    width: 127px;
    height: 31px;
    border-radius: 23px;
    font-size: 15px;
    font-weight: 300;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    color: black;
    font-weight: 400;
}

.loader {
    border: 5px solid #f3f3f3;
    border-radius: 50%;
    border-top: 5px solid #c98c7d;
    width: 60px;
    height: 60px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    margin-left: auto;
    margin-right: auto;
}

/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

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

    100% {
        transform: rotate(360deg);
    }
}

.nice-select {
    color: black;
}

    .nice-select:hover {
        background-color: #feece3;
    }

.warningIcon {
    width: 40px;
    height: 40px;
}

.closeImpersonating {
    cursor: pointer !important;
}

.divImpersonating {
    padding-left: 170px;
    display: flex;
    flex-direction: column;
    float: left;
    direction: ltr;
    font-family: 'Segoe UI';
    font-weight: 400;
    margin-top: 25px;
    position: relative;
}

.divImpersonating2 {
    margin-top: 12px !important;
    padding-left: 100px !important;
}

.borderImpersonating {
    border: 2px solid black;
    border-radius: 12px;
    padding: 35px;
}

.borderImpersonating2 {
    padding: 9px !important;
}

.enterImpersonating {
    cursor: no-drop;
    width: 100px;
    height: 25px;
    font-size: 15px;
    text-align: center;
    font-family: 'Heebo';
    margin-top: 1px;
    background-color: #fff;
    border: 0px;
    border-radius: 5px;
    margin-top: 13px;
}

.enterEvent {
    background-color: #f4d5c5;
    width: 120px;
    height: 30px;
}

.containerArchiveEvent {
    width: 300px;
    height: 250px;
    text-align: center;
}

.mainSelectEvent {
    text-align: center;
    margin-top: 75px;
    width: 100%;
    height: 100%;
}

.listOfEvent {
    right: 100px;
    text-align: center;
    /* margin-left: 106px; */
    position: absolute !important;
}

.HoverEnterImpersonating:hover, enterEvent:hover {
    background-color: #feece3;
}

.formImpersonating {
    text-align: center;
}

input:focus-visible, button:focus-visible, select:focus-visible {
    outline: -webkit-focus-ring-color auto 0px;
}

button, button:active {
    border-style: solid;
}