@import url('https://fonts.googleapis.com/css2?family=Epilogue:wght@200;300;400;500;600&family=Roboto:wght@400;700&display=swap');

body {
        font-family: 'Epilogue', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
span {
        font-family: 'Epilogue', sans-serif;
}

.site-header__initial,
.social-bar,
#block-olivero-site-branding {
        display: none !important;
}

.path-applicant .page-wrapper {
        max-width: 100%;
        background: #ebedf6;
}

.homepage-logo {
        padding: 30px 0px;
}

.main-content {
        margin: auto;
}

.user-profile .profile-photo {
        margin-bottom: 10px;
}

.information-whole #edit-add,
.information-whole #edit-reset-password,
.information-whole #edit-save-last-update,
.information-whole #edit-add-group,
.information-whole #edit-save-notes,
.information-whole #edit-save,
#edit-applicant-details,
#edit-edit-flags,
#edit-medical-form,
#edit-medical-form--2,
#edit-trip-information,
#edit-file-cabinet,
#edit-applicant-essay,
#edit-sent-mail-history,
#edit-sms-history,
.ui-dialog-buttonpane .js-form-submit.form-submit,
#edit-upload-file,
.information-whole .send-sms a,
.information-whole .send-email a,
#applicant-docs .button {
        background: #00BDD6FF;
        border: unset;
        color: #fff;
        font-weight: 600;
        outline: unset;
        border-radius: 8px;
        box-shadow: 0px 17px 35px #bec2c3c9, 0px 0px 2px #00BDD6FF;
        line-height: 22px;
        font-size: 14px !important;

}

.information-whole .send-sms a,
.information-whole .send-email a {

        text-decoration: none;
        padding: 12px;
        margin-left: 10px;
}


.applicant-profile .menu,
.medical-form .menu,
.trip-info-form .menu,
.applicant-essay-form .menu,
.applicant-docs-form .menu,
.sent-mail-history-form .menu,
.sent-sms-history-form .menu {
        margin-left: 30px;
        margin-bottom: 13px;
}

form#applicant-page-form .information,
form#applicant-page-form .informations.friend-requests {
        top: 0;
}

#edit-applicant-details:focus,
#edit-edit-flags:focus,
#edit-medical-form:focus,
#edit-medical-form--2:focus,
#edit-trip-information:focus,
#edit-file-cabinet:focus,
#edit-applicant-essay:focus,
#edit-sent-mail-history:focus,
#edit-sms-history:focus,
#edit-acuity-email:focus,
#edit-acuity-phone:focus,
#edit-acuity-name:focus {
        outline: unset;
}

.applicant-profile input.active,
.medical-form input.active,
.trip-info-form input.active,
.applicant-docs-form input.active,
.applicant-essay-form input.active,
.sent-mail-history-form input.active,
.sent-sms-history-form input.active {
        background-color: green !important;
        color: #ffff !important;
        border: green !important;
}

.ui-dialog-buttonset .use-ajax.btn-primary {
        width: 19%;

}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
        width: 100% !IMPORTANT;
        justify-content: end;
}

.applicant-profile .button:focus {
        outline: unset !important;
}

.path-applicant #block-olivero-content {
        background: #fff;
        padding: 40px;
}

.information {
        margin-top: 32px;
        box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
        background: #f8f9fa;
}
.information-message,
 .information-date,
 .information-date {
        margin-bottom: -15px !important;
    }

.information-whole {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 12px;
        font-size: small;
        margin-top: 20px;
}

.informations h4 {
        margin-top: 0.05rem;
        margin-left: 0.5rem;
        padding: 8px;
        color: #000080;
        font-size: 16px;
}

.information h3 {
        color: #000080;
        font-size: 16px;
        text-align: center;
}

button.use-ajax.btn-secondary,
button.use-ajax.btn-primary,
#applicant-docs .button {
        max-height: 2.5rem !important;
}

#applicant-docs .form-managed-file .button {
        margin-bottom: 10px;
}


.informations.friend-requests h4,
.informations.mail-history h4 {
        margin-left: 0;
}

#group_notes p {
        margin-left: 0.5rem;
}

.information h4 {
        margin-top: 0.05rem;
        padding-top: 15px;
        color: #000080;
        font-size: 16px;
        text-align: center;
        margin-bottom: 20px
}

.informations table.friend-details.responsive-enabled {
        width: 100%;
}

/* Applicant Profile */

form#applicant-profile,
form#medical-form,
form#trip-info-form,
form#applicant-essay-form,
form#applicant-docs-form {
        position: relative;
}

div#applicant-medical-info {
        position: relative;
        top: 15px;
}

p.name-age {
        white-space: nowrap;
        font-family: 'Epilogue', sans-serif;
}

.top-header,
.tabs .flags,
.top-header {
        display: flex;
}

li.button {
        height: 2rem;
        padding-left: 2px;
        padding-right: 2px;
        font-size: 10px;
        margin-right: 0.5rem !important;
}

.user-details-page .user-profile {
        width: 150px;
}

.user-details-page {
        display: inline-flex;
        align-items: center;
}

select#applistatus,
select#addgroup {
        height: 1.5rem;
        width: auto;
        padding-left: 0.5rem;
        padding-right: 2.5rem;
        font-size: 15px;
}

/* Applicant Details */

.information-whole .js-form-item-applicant-interview {
        width: 45%;
        margin-left: 14px;
}

.information-whole #edit-applicant-interview,
.information-whole #edit-add-applicant-to-group {
        font-size: small;
        height: 2.5rem;
}

.information-whole .button,
.user-details-page .button {
        height: 2.5rem !important;
}

.information-whole .js-form-item-add-applicant-to-group {
        width: 32%;
        margin-left: 14px;
}

.information-whole .information input#edit-add {
        position: relative;
        float: right;
}

.information-whole .information input#edit-save-date,
a#edit-add-group {
        position: relative;
        float: right;
        bottom: 11.8%;
        right: 44%;
}

input#edit-save-last-update {
        margin-left: 5px;
        padding-bottom: 2px !important;
}

.information-whole .information input#edit-reset-password {
        margin-left: 14px;
}

.information-whole .information .information-data.phone span a {
        margin-left: 86px;
}

.information-whole .information.notes .js-form-item.form-item.js-form-type-textfield.form-item-subject.js-form-item-subject,
.js-form-item.form-item.js-form-type-textarea.form-item-note.js-form-item-note,
input#edit-save-notes,
.js-form-item.form-item.js-form-type-textarea.form-item-groups.js-form-item-groups,
input#edit-save {
        margin-left: 14px;
}

/* Table design */
table#edit-flags {
        font-family: arial, sans-serif;
        border-collapse: collapse;
        width: 100%;
}

table#edit-flags td,
table#edit-flags th {
        border: 1px solid #dddddd;
        text-align: center;
        padding: 8px;
}

div#block-allsentmail {
        margin-top: -165px;
}

.messages-list__item.messages.messages--status {
        margin-top: -120px !important;
        margin-bottom: 75px;
}

/* file cabinet */
.fieldset__wrapper.fieldset__wrapper--group {
        padding: 0;
}

table#edit-flag-applicant a.view {
        padding-right: 10px;
}

input#edit-choosefile-upload {
        border-style: none;
}

#edit-note-type input {
        width: 1.2rem !important;
        height: 1.2rem !important;
}

form#app-email-form #edit-heading h2 {
        margin-top: 0rem;
        margin-bottom: 0rem;
        font-size: revert;
        text-align: unset;
}

.all-flag-wrapper {
        position: absolute;
        top: 98%;
        display: flex;
}
.all-flag-wrapper .flags img {
        padding: 0 2px;
    }
.informations.mail-history {
        margin-top: 30px;
        background: #f8f9fa;
}

.form-item-upload-multiple-file .button.js-form-submit.form-submit {
        height: 2.5rem;
        background: #00BDD6FF;
        border: unset;
        color: #fff;
        font-weight: 600;
        outline: unset;
        border-radius: 8px;
        box-shadow: 0px 17px 35px #bec2c3c9, 0px 0px 2px #00BDD6FF;
        line-height: 22px;
        float: left;
        position: relative;
        z-index: 1;
}

form#upload-group-itinerary-form .form-item-upload-multiple-file .button.js-form-submit.form-submit {
        float: unset;
}

/* Profile Css start heres  */

.information-title {
        font-weight: 600;
        font-family: 'Epilogue', sans-serif;
}

.information-whole label.form-item__label {
        font-family: 'Epilogue', sans-serif;
        font-weight: 600;
}

.information-whole .information-data span {
        font-family: 'Epilogue', sans-serif;
}

.information-data span.primary-email {
        padding-left: 30px;
}

.send-sms {
        margin-left: 40px;
}

.information-whole .information input#edit-add {
        bottom: 10%;
        right: 135px;
}

.information-whole #edit-add:focus,
.information-whole #edit-add-group:focus,
.information-whole #edit-reset-password,
.information-whole #edit-last-contacted,
.information-whole #edit-save-last-update,
.information-whole #edit-save-notes,
.information-whole #edit-save {
        outline: unset !important;
}

.information-whole #edit-add-applicant-to-group,
.information-whole #edit-applicant-interview {
        box-shadow: none;
}

.js-form-item-last-contacted {
        display: contents;
}

.js-form-item-last-contacted .form-item__label {
        padding: 0px 15px;
}

.information-whole #edit-last-contacted {
        margin-left: 15px;
        min-height: 2.5rem;
}

.information-whole .information input#edit-save-date,
a#edit-add-group {
        bottom: 9.8%;
        right: 51%;
}

#applicant-docs {
        top: 50px !important;
}

form#sent-mail-history-form,
form#sent-sms-history-form {
        position: relative;
}

.sent-mail-history-form .js-form-item-photo-approved {
        position: absolute;
        left: 12%;
        bottom: 0px !important;
}

div#block-olivero-content {
        position: relative;
        
}
.path-applicant-page div#block-olivero-content {
        position: relative;
        display: contents !important;
    }

.applicant-docs-form .form-type-boolean.js-form-item.form-item.js-form-type-checkbox.form-item-photo-approved.js-form-item-photo-approved {
        left: 12%;
        top: 130px;
}

#edit-subject:focus,
#edit-note:focus,
#edit-groups:focus {
        outline: unset;
}

.applicant-docs-form .form-type-boolean.js-form-item.form-item.js-form-type-checkbox.form-item-photo-approved.js-form-item-photo-approved {
        left: 15%;
        top: 100px;

}

form#sent-mail-history-form,
form#sent-sms-history-form {
        position: relative;
}

.sent-mail-history-form .js-form-item-photo-approved {
        position: absolute;
        left: 20%;
        bottom: 0px !important;
}

.sent-sms-history-form .js-form-item-photo-approved {
        position: absolute;
        margin-left: 17%;
        bottom: 0px;
}

.js-form-item-last-contacted input#edit-last-contacted {
        margin-left: 15px;
}

.information-whole #edit-save-last-update {
        margin-left: 3px;
}

.information-whole .information input#edit-save-date {
        bottom: 12.2%;
        right: 48%;
}

.information-whole .information .information-data.phone span a {
        margin-left: 102px;
}

.information-whole #edit-note,
.information-whole #edit-groups {
        width: 98% !important;
}

.app-email-form #edit-upload,
.app-sms-form #edit-upload {
        background: #00BDD6FF;
        border: unset;
        color: #fff;
        font-weight: 600;
        outline: unset;
        border-radius: 8px;
        box-shadow: 0px 17px 35px #bec2c3c9, 0px 0px 2px #00BDD6FF;
        line-height: 22px;
        font-size: 14px !important;
}

/* Edit flag css start here */
button.ui-dialog-titlebar-close {
        background: url(../close.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-color: #fff;

}


#edit-flag-applicant {
        width: 100% !important;
        padding: 2px;
}

#edit-flag-applicant td {
        padding-left: 10px;
        padding-right: 10px;
        font-family: 'Epilogue', sans-serif;
}

.ui-dialog-buttonpane button.use-ajax.button--primary.button {
        max-height: 40px;
}

.ui-dialog .ui-dialog-titlebar {
        background-color: #f6a828 !important;
}

#edit-flag-applicant {
        border: none;
}

#edit-flag-applicant thead,
div#block-allsentmail table.responsive-enabled thead {
        background-color: #5d7b9d !important;
}

#edit-flag-applicant tbody tr:nth-child(even),
div#block-allsentmail table.responsive-enabled tbody tr:nth-child(even) {
        background: #cfcfcf;
}

/* applicant profile table */
.node--view-mode-full .node__content {
        display: flex;
}

#edit-pipeline-status,
#edit-quick-links,
#edit-relevant-links {
        font-family: Arial, Helvetica, sans-serif;
        border-collapse: collapse;
        width: 100%;
        margin-top: 15px;
        text-align: center;
}

#edit-pipeline-status td,
#edit-quick-links td,
#edit-pipeline-status th,
#edit-quick-links th,
#edit-relevant-links th,
#edit-relevant-links td {
        border: 1px solid #ddd;
        padding: 8px;
        font-size: 14px;
        line-height: 22px;
}

#edit-pipeline-status tr:nth-child(even),
#edit-quick-links tr:nth-child(even) {
        background-color: #000000;
}

#edit-pipeline-status tr:hover,
#edit-quick-links tr:hover {
        background-color: #ddd;
}

#edit-pipeline-status th,
#edit-quick-links th,
#edit-relevant-links th {
        padding-top: 12px;
        padding-bottom: 12px;
        color: #565E6CFF;
        font-family: 'Epilogue', sans-serif;
        font-size: 14px;
        line-height: 22px;
}

table#edit-friend-details,
table#edit-mail-history-table {
        text-align: center;
        border-collapse: collapse;
        width: 100%;
}
.informations.friend-requests #edit-friend-details {
        background: #f8f9fa;
    }


table#edit-friend-details th,
table#edit-mail-history-table th {
        white-space: nowrap;
}

table#edit-friend-details th,
table#edit-friend-details td,
table#edit-mail-history-table th,
table#edit-mail-history-table td {
        padding: 8px;
        text-align: left;
        border-bottom: 1px solid #ddd;
        font-size: 15px;
}

table#edit-friend-details tbody tr:hover,
table#edit-mail-history-table tbody tr:hover {
        background-color: #a9a9a9;
}

.information-data {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        padding: 0 15px;
}

.information-data.covid,
.information-data.birthright-appli-status {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        padding: 0 15px;
}

.information-data.parent {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        padding: 0 15px;
        margin-right: 200px;
}

.button {
        font-size: 0.9rem !important;
        margin-top: 0.325rem !important;
        margin-right: 0.125rem !important;
}

.notes h6 {
        padding: 8px;
        width: auto;
        text-align: left;
        margin-top: 10px;

}

.notes P {
        padding: 8px;
        width: auto;
        text-align: left;
        margin-top: 10px;

}

table#edit-medical-condition {
        text-align: center;
        border-collapse: collapse;
        width: 100%;
}

#edit-flag-applicant tr {
        background: #ebedf6;
}

#edit-flag-applicant th {
        background: #5F9EA0;
}

table#edit-field-medications-others {
        text-align: center;
        border-collapse: collapse;
        width: 100%;
}

table#edit-field-medication {
        text-align: center;
        border-collapse: collapse;
        width: 100%;
}

table#edit-field-allergie {
        text-align: center;
        border-collapse: collapse;
        width: 100%;
}

table#edit-field-medication tr:hover {
        background-color: #a9a9a9;
}

table#edit-field-medications-others tr:hover {
        background-color: #a9a9a9;
}

table#edit-medical-condition tr:hover {
        background-color: #a9a9a9;
}

table#edit-field-allergie tr:hover {
        background-color: #a9a9a9;
}

.layout--pass--content-medium>* .layout--pass--content-narrow>* {
        grid-column: 1/30 !important;
}

.grid-full {
        display: unset !important;
}

/* modal for edit flags in aplicant profile */
.modal-box {
        display: none;
        /* Hidden by default */
        position: fixed;
        /* Stay in place */
        z-index: 1;
        /* Sit on top */
        padding-top: 100px;
        /* Location of the box */
        left: 0;
        top: 0;
        width: 100%;
        /* Full width */
        height: 100%;
        /* Full height */
        overflow: auto;
        /* Enable scroll if needed */
        background-color: rgb(0, 0, 0);
        /* Fallback color */
        background-color: rgba(0, 0, 0, 0.4);
        /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
        background-color: #fefefe;
        margin: auto;
        padding: 20px;
        border: 1px solid #888;
        width: 80%;
}

/* The Close Button */
.closemodal {
        color: #aaaaaa;
        float: right;
        font-size: 28px;
        font-weight: bold;
}

.closemodal:hover,
.closemodal:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
}

form#views-exposed-form-applicants-page-2 input#edit-reset {
        position: absolute;
        width: 100% !important;
}

/* modal box edit-flags */
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-dialog-buttons {
        z-index: 999 !important;
}


/* information request css */
.informations.friend-requests {
        box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
        margin-top: 10px;
        background: #f8f9fa;
}
.new-applicant-list-form .informations.friend-requests {
        box-shadow: unset !important;
}

/* Medical Form CSS */
#edit-bus-group-info h4,
#edit-bus-companions h4 {
        text-align: center;
}

/* FIle Cabinet Css  */
#applicant-docs {
        position: relative;
        top: 24px !important;
        font-size: small;
        box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
        background: #f8f9fa;
}

#applicant-docs #edit-note-type-doc-note:focus,
#applicant-docs #edit-note-type-psych-note:focus,
#applicant-docs #edit-note-type-israel-docs:focus,
#applicant-docs #edit-note-type-isr-passport:focus,
#applicant-docs #edit-note-type-other:focus {
        box-shadow: unset !important;
}

#applicant-docs #edit-note-type {
        display: flex;
        padding-left: 10px;
}

.applicant-docs-form .all-flag-wrapper {
        position: absolute !important;
        top: 36% !important;
        display: flex !important;
    }
body.role-authenticated.role-admin.user-logged-in.path-applicant .applicant-docs-form .all-flag-wrappers {
        position: absolute !important;
        top: 32% !important;
        display: flex !important;
} 
.applicant-docs-form .all-flag-wrappers {
        display: flex !important;
    }

.applicant-docs-form #edit-medical-form,
.applicant-docs-form #edit-trip-information,
.applicant-docs-form #edit-file-cabinet,
.applicant-docs-form #edit-applicant-details,
.applicant-docs-form #edit-applicant-essay{
        max-height: 2.5rem;
    }

#applicant-docs #edit-heading h2 {
        margin-top: 0rem;
        margin-bottom: 0rem;
        font-size: revert;
        text-align: center;
        padding-top: 15px;
}

#applicant-docs #edit-select-file,
#applicant-docs #edit-select-file--description {
        padding-left: 10px;
}

#applicant-docs #edit-select-file-upload:focus,
#applicant-docs #edit-upload-file,
#applicant-docs .view:focus,
#applicant-docs .use-ajax:focus {
        outline: unset !important;
}

#applicant-docs #edit-note-type .js-form-type-radio {
        padding-right: 10px;
}

/* div#edit-select-file--description {
        position: absolute;
        margin-top: -30px;
        margin-left: 267px;
    } */

    /* #applicant-docs input#edit-upload-file {
        position: absolute;
        top: 37.3%;
        left: 27%;
    } */
#applicant-docs #edit-select-file-upload {
        min-height: 2.5rem !important;
        padding: 6px;
}

#applicant-docs table#edit-flag-applicant {
        font-size: 14px;
        margin-top: 50px;
        margin-bottom: 20px;
}

/*  Send Mail and send sms  Css  */

#app-email-form #edit-upload,
.app-sms-form #edit-upload {
        max-height: 2.5rem;
}

.app-email-form #edit-upload:focus,
.app-email-form #edit-template:focus,
.app-email-form #email_from_name:focus,
.app-email-form #from_email:focus,
.app-email-form #edit-attachment-upload:focus,
.app-email-form #email_subject:focus,
.app-email-form #edit-email-body-value:focus,
.app-email-form #edit-email-body-format--2:focus,
.app-sms-form #edit-upload:focus,
.app-sms-form #edit-sms-template,
.app-sms-form #sms_from_name,
.app-sms-form #from_phone,
.app-sms-form #sms_subject,
.app-sms-form #edit-sms-body {
        outline: unset !important;
        box-shadow: unset !important;
}

#app-email-form a.token-dialog.use-ajax,
.app-sms-form a.token-dialog.use-ajax {
        padding-left: 10px;
}

.app-sms-form #edit-sms-template,
.app-sms-form #edit-sms-body,
.app-email-form #edit-template,
.app-email-form #edit-email-body-value,
.app-email-form #edit-email-body-format--2,
.app-email-form #from_email {
        width: 37.5%;
}

/* applicant essay page */

div#applicant-essay,
div#religion-essay {
        position: relative;
        top: 36px;
        width: fit-content;
        padding-bottom: 2rem;
        margin-bottom: 5rem;
        box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
        padding: 0 10px;
        background: #f8f9fa;
}


div#edit-heading-first h4,
div#religion-essay h4 {
        border-bottom: 1px solid #3399cc;
        margin-top: 0rem;
        font-size: larger;
}

div#block-allsentmail {
        background: #fff;
        padding: 40px;
}

@media (min-width:1024px) and (max-width: 1199px) {
        .new-applicant-list-form #edit-new-applicant-details {
                zoom: 70%;
            }

        .informations.mail-history {
                zoom: 77%;
            }
        .information-whole .information input#edit-add {
                right: 22px;
        }

        .information-whole #edit-add-group {
                bottom: 10.8%;
                right: 43%;
        }

        /* #applicant-docs input#edit-upload-file {
                left: 32%;

        } */

        .applicant-docs-form .form-type-boolean.js-form-item.form-item.js-form-type-checkbox.form-item-photo-approved.js-form-item-photo-approved {
                left: 20%;
                top: 100px;

        }

        #applicant-docs {
                top: 50px !important;
        }

        .sent-mail-history-form .form-type-boolean {
                position: absolute;
                left: 22%;
                bottom: 0px !important;
        }

        .sent-sms-history-form .form-type-boolean {
                position: absolute;
                left: 22%;
                bottom: 0px !important;
        }

        form#sent-sms-history-form,
        form#sent-mail-history-form {
                position: relative;
        }

        /* #applicant-docs input#edit-upload-file {
                left: 37%;
        } */

        .last-contact {
                display: inline-block;
                margin-top: -12%;
        }

        .js-form-item-last-contacted label.form-item__label {
                margin-left: 15px;
        }

        .js-form-item-last-contacted input#edit-last-contacted {
                margin-left: 15px;
        }

        .information-whole .information input#edit-add {
                bottom: 10.8% !important;
                right: 34px;
        }

        .information-data.parent,
        .information-data.vaccine {
                margin-right: 145px !important;
        }

        .information-whole .information .information-data.phone span a {
                position: relative;
                margin-left: 62px;
                left: 12px;
        }

        .information-data {
                zoom: 75%;
        }

}

@media (min-width:1200px) and (max-width: 1399px) {
        .new-applicant-list-form #edit-new-applicant-details {
                zoom: 85%;
            }
        .informations.mail-history {
                zoom: 85%;
            }

        .information-whole .information input#edit-add {
                right: 22px;
        }

        .information-whole .information input#edit-add {
                right: 87px;
                bottom: 10.6%;
            }

        .information-whole #edit-add-group {
                bottom: 10.5%;
                right: 47%;
        }

        /* #applicant-docs input#edit-upload-file {
                left: 32%;
        } */

        .information-data {
                zoom: 85%;
        }


}