/*
 Theme Name:   Divi Child theme
 Template:     Divi
 */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: bold;
}

.field-5sx2rx {
    display: none !important;
}

.group_name {
    text-align: left;
    margin: 0px;
}

.dataTables_info {
    display: none;
}

.help_video_set .et_pb_column .et_pb_module {
    display: flex;
    justify-content: center;
}

table.dataTable tbody>tr.selected,
table.dataTable tbody>tr>.selected {
    background-color: #b0bed9;
}

table.dataTable.stripe tbody>tr.odd.selected,
table.dataTable.stripe tbody>tr.odd>.selected,
table.dataTable.display tbody>tr.odd.selected,
table.dataTable.display tbody>tr.odd>.selected {
    background-color: #acbad4;
}

.et_fixed_nav.et_show_nav #page-container,
.et_non_fixed_nav.et_transparent_nav.et_show_nav #page-container {
    padding-top: 94px;
}

table.dataTable.hover tbody>tr.selected:hover,
table.dataTable.hover tbody>tr>.selected:hover,
table.dataTable.display tbody>tr.selected:hover,
table.dataTable.display tbody>tr>.selected:hover {
    background-color: #aab7d1;
}

table.dataTable.order-column tbody>tr.selected>.sorting_1,
table.dataTable.order-column tbody>tr.selected>.sorting_2,
table.dataTable.order-column tbody>tr.selected>.sorting_3,
table.dataTable.order-column tbody>tr>.selected,
table.dataTable.display tbody>tr.selected>.sorting_1,
table.dataTable.display tbody>tr.selected>.sorting_2,
table.dataTable.display tbody>tr.selected>.sorting_3,
table.dataTable.display tbody>tr>.selected {
    background-color: #acbad5;
}

table.dataTable.display tbody>tr.odd.selected>.sorting_1,
table.dataTable.order-column.stripe tbody>tr.odd.selected>.sorting_1 {
    background-color: #a6b4cd;
}

table.dataTable.display tbody>tr.odd.selected>.sorting_2,
table.dataTable.order-column.stripe tbody>tr.odd.selected>.sorting_2 {
    background-color: #a8b5cf;
}

table.dataTable.display tbody>tr.odd.selected>.sorting_3,
table.dataTable.order-column.stripe tbody>tr.odd.selected>.sorting_3 {
    background-color: #a9b7d1;
}

table.dataTable.display tbody>tr.even.selected>.sorting_1,
table.dataTable.order-column.stripe tbody>tr.even.selected>.sorting_1 {
    background-color: #acbad5;
}

table.dataTable.display tbody>tr.even.selected>.sorting_2,
table.dataTable.order-column.stripe tbody>tr.even.selected>.sorting_2 {
    background-color: #aebcd6;
}

table.dataTable.display tbody>tr.even.selected>.sorting_3,
table.dataTable.order-column.stripe tbody>tr.even.selected>.sorting_3 {
    background-color: #afbdd8;
}

table.dataTable.display tbody>tr.odd>.selected,
table.dataTable.order-column.stripe tbody>tr.odd>.selected {
    background-color: #a6b4cd;
}

table.dataTable.display tbody>tr.even>.selected,
table.dataTable.order-column.stripe tbody>tr.even>.selected {
    background-color: #acbad5;
}

table.dataTable.display tbody>tr.selected:hover>.sorting_1,
table.dataTable.order-column.hover tbody>tr.selected:hover>.sorting_1 {
    background-color: #a2aec7;
}

table.dataTable.display tbody>tr.selected:hover>.sorting_2,
table.dataTable.order-column.hover tbody>tr.selected:hover>.sorting_2 {
    background-color: #a3b0c9;
}

table.dataTable.display tbody>tr.selected:hover>.sorting_3,
table.dataTable.order-column.hover tbody>tr.selected:hover>.sorting_3 {
    background-color: #a5b2cb;
}

table.dataTable.display tbody>tr:hover>.selected,
table.dataTable.display tbody>tr>.selected:hover,
table.dataTable.order-column.hover tbody>tr:hover>.selected,
table.dataTable.order-column.hover tbody>tr>.selected:hover {
    background-color: #a2aec7;
}

table.dataTable td.select-checkbox,
table.dataTable th.select-checkbox {
    position: relative;
}

div.dataTables_wrapper span.select-info,
div.dataTables_wrapper span.select-item {
    margin-left: 0.5em;
}

@media screen and (max-width: 640px) {

    div.dataTables_wrapper span.select-info,
    div.dataTables_wrapper span.select-item {
        margin-left: 0;
        display: block;
    }
}

#groupUser_filter {
    margin: 10px 0px;
    font-size: 14px;
}

#groupUser_filter input {
    margin-left: 10px;
    height: 30px;
    border: 1px solid #ccc;
    width: 200px;
    padding: 1px 10px;
}

.button {
    float: right;
    height: 28px;
    background: transparent;
    cursor: pointer;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}

button.gradbutton.duplicate_form {
    margin: 0 10px 0 0 !important;
}

.add_to_group {
    margin-top: 50px;
}

.add_to_group .row {
    margin: 10px 0px;
}

.add_to_group .row label {
    margin-right: 10px;
    width: 50%;
    font-size: 14px;
}

.add_to_group .row input {
    width: 25%;
    font-size: 14px;
    height: 30px;
    padding-left: 10px;
}

.listgroups {
    height: 30px;
    font-weight: bold;
    font-size: 14px;
    background: gainsboro;
}

.group_name_text {
    height: 30px;
    margin-bottom: -10px;
    padding-left: 10px;
    border: none;
    font-size: 20px;
}

.phoneConfirmed0 {
    background-color: red;
    color: #fff;
}

.notpaid0,
.notpaid1 {
    background-color: #ebbc29;
}

/* Styles for verification */

#pswd_info {
    position: absolute;
    top: 60px;
    right: 0px;
    width: 250px;
    padding: 15px;
    background: #fefefe;
    font-size: 0.875em;
    border-radius: 5px;
    box-shadow: 0 1px 3px #ccc;
    border: 1px solid #ddd;
    display: none;
}

#pswd_info::before {
    content: "\25B2";
    position: absolute;
    top: -12px;
    left: 45%;
    font-size: 14px;
    line-height: 14px;
    color: #ddd;
    text-shadow: none;
    display: block;
}

#pswd_info h4 {
    margin: 0 0 10px 0;
    padding: 0;
    font-weight: normal;
}

.invalidd {
    background: url(images/invalidd.png) no-repeat 0 50%;
    padding-left: 22px;
    line-height: 24px;
    color: #ec3f41;
}

.validd {
    background: url(images/validd.png) no-repeat 0 50%;
    padding-left: 22px;
    line-height: 24px;
    color: #3a7d34;
}

.phoneConfirmed1 {
    background-color: greenyellow;
}

.add-new-group .row,
.editmodal-content .row {
    margin: 10px 0px;
}

.add-new-group .row input,
.editmodal-content .row input {
    font-size: 14px;
    padding: 5px 10px;
    border: 1px solid #ccc;
}

.add-new-group .row button,
.editmodal-content .row button {
    float: none;
    margin-left: 0px;
    margin-top: 15px;
}

#main-content {
    min-height: 600px;
    position: relative;
}

.addAdditionalOption,
.addAdditionalOptionFeedback,
.addAdditionalOptionpayment {
    cursor: pointer;
}

.addAdditionalOption span,
.addAdditionalOptionFeedback span,
span.addAdditionalOptionpayment span {
    padding: 0px 5px;
    border: 1px solid #ccc;
    margin-right: 10px;
}

.additionalOptionsForm .row .label,
.additionalOptionRow label {
    width: 40%;
    display: inline-block;
    text-align: right;
    padding-right: 15px;
    vertical-align: top;
}

.additionalOptionsForm .row {
    margin: 20px 0px;
}

.additionalOptionsForm .row input,
.additionalOptionsForm .row #wp-permission_slip_text-wrap {
    width: 59%;
}

.additionalOptionsForm .row input {
    padding: 5px 10px;
}

.additionalOptionsForm .row .wp-editor-wrap {
    position: relative;
    display: inline-block;
}

.additionalOptionsForm .row .wp-editor-tools {
    display: none;
}

.additionalOptionsForm .row textarea {
    height: 200px;
}

.additionalOptionRow span {
    color: #fff;
    border-radius: 25px;
    cursor: pointer;
    line-height: normal;
    font-size: 22px;
    font-weight: bold;
    background: #f15a29;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    width: 26px;
    height: 26px;
    text-align: center;
    margin-left: 6px;
    padding-bottom: 5px;
}

.additionalOptionRow .req-field,
#previewSlipPopup .req-field,
.main-slip-sec .req-field {
    color: #f15a29;
    border-radius: 0;
    cursor: pointer;
    line-height: normal;
    font-size: 16px;
    font-weight: bold;
    background: transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    width: auto;
    height: auto;
    text-align: center;
    margin: -5px 0 0 3px;
    padding-bottom: 0;
}

.signSlipForm input.is-required.has-error {
    border-color: red !important;
}

.additionalOptionsForm input.req-checkbox {
    margin: 5px !important;
    vertical-align: middle;
    left: 70px;
}

.additionalOptionsForm .additionalOptionRow {
    display: flex;
    align-items: center;
}

.additionalOptionsForm .additionalOptionRow>* {
    flex: 0 0 auto;
}

.required-label-text {
    right: -70px;
    position: relative;
}

.signSlipForm input[type="checkbox"],
.additionalOptionsForm input.req-checkbox {
    width: 13px;
    height: 13px;
    border: 1px solid #bbb;
    vertical-align: middle;
    margin: -4px 5px 0 0;
    display: inline-block;
    border-radius: 2px;
    -moz-appearance: none;
    -webkit-appearance: none;
    position: relative;
    transition: 0.3s;
    padding: 0;
}

.signSlipForm input[type="checkbox"]:before,
.additionalOptionsForm input.req-checkbox:before {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    left: 3px;
    width: 5px;
    height: 9px;
    border-style: solid;
    border-color: #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: 0.3s;
    opacity: 0;
}

.signSlipForm input[type="checkbox"]:checked,
.additionalOptionsForm input.req-checkbox:checked {
    background: #f1592a;
    border-color: #f1592a;
}

.signSlipForm input[type="checkbox"]:checked:before,
.additionalOptionsForm input.req-checkbox:checked:before {
    opacity: 1;
}

.required-label-wrapper {
    text-align: right;
    color: red;
    font-size: 16px;
    font-weight: bold;
    margin-right: -25px;
}

.additionalOptionRow input[type="text"] {
    width: 50%;
    padding: 5px 10px;
}

img.payment-icon {
    margin-left: -1px;
}

.additionalOptionRow .payment-text {
    width: 50%;
    display: inline-block;
    font-weight: bold;
    color: red;
    font-size: 16px;
    margin-left: 5px;
}

.additionalOptionRow input[type="text"] {
    font-style: italic;
}

.additionalOptionRow input[type="text"]:focus::placeholder {
    opacity: 0;
}

.additionalOptionRow {
    margin: 10px 0px;
}

.signHere {
    width: 60%;
    margin: 60px auto 0;
    text-align: center;
    font-size: 3em;
    padding: 30px;
    color: #ccc;
    border: 1px solid #999;
    border-radius: 20px;
}

.signature {
    width: 60%;
    margin: 10px auto 0;
    text-align: right;
}

div#previewSlipPopup {
    margin: 0 40px;
}

.addFields .addFeedback {
    height: 40px;
    border-radius: 3px;
    padding: 0 5px 15px 5px;
    display: inline-block;
    margin-bottom: 5px;
    width: 100%;
    max-width: 420px;
    color: #002e98;
}

.additionalOptionRow .additional_feedback {
    color: #002e98;
}

.addFields .addCheckbox {
    width: 20px;
    height: 20px;
    border: 1px solid #ccc;
    display: inline-block;
    margin-right: 10px;
    float: left;
}

.addFields .addInputText {
    height: 20px;
    display: inline-block;
}

.editmodal-content {
    max-height: 80%;
    overflow-y: auto;
}

/*  Pop up css */

/* The Modal (background) */

.editmodal {
    display: none;
    position: fixed;
    z-index: 1;
    padding-top: 100px;
    left: 0;
    top: 50px;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.3);
}

/* Modal Content */

.editmodal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
}

/* The Close Button */

.editclose {
    padding: 1px 8px;
    background: #f1592a;
    color: #fff;
    font-size: 20px;
    border-radius: 20px;
    cursor: pointer;
    float: right;
    font-weight: bold;
    width: 26px;
    height: 26px;
    text-align: center;
    line-height: 1;
}

.editclose:hover,
.editclose:focus {
    text-decoration: none;
    cursor: pointer;
}

canvas {
    outline: 5px solid #aaa;
}

.signSlipForm label {
    text-decoration: underline;
    font-weight: 900;
    font-size: 16px;
    text-align: left;
    margin-bottom: 20px;
    display: block;
}

.savePermissionSlip {
    margin-bottom: 20px;
}

.drop_downs {
    margin: 10px 0px;
}

.drop_downs span {
    width: 70px;
    display: flex;
    float: left;
    font-weight: 900;
    font-size: 16px;
    line-height: 28px;
}

#groupUserResponsePage_filter,
#groupUser_filter {
    margin: 10px 0;
}

#groupUserResponsePage_filter label,
#groupUser_filter label {
    font-weight: 900;
    font-size: 16px;
}

#groupUserResponsePage_filter input,
#groupUser_filter input {
    margin-left: 20px;
    border: 1px solid #999;
    height: 30px;
    width: 200px;
    font-size: 14px;
}

#previewSlipPopup ul {
    list-style: inherit;
    padding-left: 30px;
    padding-bottom: 10px;
}

#hello_username {
    margin-right: -13%;
}

.add-new-group .row button,
.gradbutton {
    margin: 5px;
    font-family: "universltstdttf", Helvetica, Arial, Lucida, sans-serif;
    font-size: 16px;
    font-weight: 500;
    padding: 14px 30px;
    text-align: center;
    color: #fff;
    border-radius: 50px;
    width: auto;
    cursor: pointer;
    display: initial;
    float: right;
    background-color: #f1592a;
    background-size: 200% auto;
    transition: all 300ms ease 0ms;
    outline: none !important;
    border: none;
}

button:not(.mce-btn button):not(.icon_submit):not(.media-frame button):not(.xdsoft_datetimepicker button):not(.custom-btn):not(.wp-asp-listing-search-field button),
.woocommerce.woocommerce-page button.single_add_to_cart_button.button,
#comment-wrap .form-submit .et_pb_button,
.woocommerce.woocommerce-page #respond .comment-form .form-submit input#submit,
#comment-wrap .comment-reply-link {
    width: auto;
    font-size: 16px;
    font-weight: 500;
    padding: 14px 35px;
    text-align: center;
    border-radius: 50px;
    font-family: "universltstdttf", Helvetica, Arial, Lucida, sans-serif;
    color: #ffffff;
    background-color: #f1592a;
    background-size: 200% auto;
    border: none;
    outline: none;
    cursor: pointer;
    transition: all 300ms ease 0ms;
}

button:not(.mce-btn button):not(.icon_submit):not(.media-frame button):not(.xdsoft_datetimepicker button):not(.custom-btn):not(.wp-asp-listing-search-field button):hover,
.add-new-group .row button:hover,
.gradbutton:hover,
.woocommerce.woocommerce-page button.single_add_to_cart_button.button:hover,
#comment-wrap .form-submit .et_pb_button:hover,
.woocommerce.woocommerce-page #respond .comment-form .form-submit input#submit:hover,
#comment-wrap .comment-reply-link:hover {
    background-color: #662d91;
}

#wp-asp-search-form .wp-asp-listing-search-field button {
    display: initial;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    border-radius: 50px;
    font-family: "universltstdttf", Helvetica, Arial, Lucida, sans-serif;
    color: #ffffff;
    background-color: #f1592a;
    border: none;
    outline: none;
    cursor: pointer;
    transition: all 300ms ease 0ms;
}

#wp-asp-search-form .wp-asp-listing-search-field button:hover {
    background: #662d91;
}

#wp-asp-search-form .wp-asp-listing-search-field input {
    border-radius: 50px;
}

.woocommerce.woocommerce-page button.single_add_to_cart_button.button:after {
    content: none !important;
}

.gradient-button:hover {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    margin: 8px 10px 12px;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #e86032 !important;
    box-shadow: #e86032 0 1px 3px 0 inset !important;
}

.asp_price_shipping_section {
    display: none;
}

#main-content .container {
    background: #fff;
    padding: 94px 20px 20px 20px;
}

.single.single-post #main-content .container {
    padding: 0 !important;
}

#main-header .container {
    background: #fef6f3;
}

#top-menu li.current-menu-item>a,
#top-menu li.current-menu-parent>a {
    color: #f15a29 !important;
}

@media (min-width: 981px) {

    .page-template-default.page.page-id-240 #main-content .container,
    .page-template-default.page.page-id-73 .et_pb_row {
        width: 33% !important;
    }

    #main-content .container:before {
        width: 0 !important;
    }

    .et_right_sidebar #main-content .container:before {
        right: 0 !important;
    }

    #left-area {
        width: 100% !important;
        padding-bottom: 23px;
    }
}

@media (max-width: 767px) {

    .additionalOptionsForm .row .label,
    .additionalOptionRow label,
    .additionalOptionsForm .row input,
    .additionalOptionsForm .row #wp-permission_slip_text-wrap {
        width: 100%;
        text-align: left;
    }

    .additionalOptionsForm .additionalOptionRow {
        display: block;
    }

    .required-label-wrapper {
        display: none !important;
    }

    .additionalOptionsForm input.req-checkbox {
        left: 5px;
    }
}

.popup_text {
    text-align: center;
    margin-bottom: 40px;
    font-size: 22px;
    color: #777777;
    font-weight: 600;
    line-height: 30px;
    margin-top: 10px;
    padding-top: 200px;
}

.popup-main-success {
    padding: 0 30px;
}

.contact_form_box .wpcf7-form {
    text-align: center;
}

.contact_form_box .wpcf7-form .email_field {
    display: inline-block;
}

.contact_form_box .wpcf7-form .button_field {
    display: inline-block;
    vertical-align: top;
    margin-top: 5px;
}

.contact_form_box .wpcf7-form .button_field .wpcf7-submit {
    background: transparent;
    border: none;
    font-size: 20px;
    color: #777777;
    font-weight: 600;
    cursor: pointer;
}

.contact_form_box .wpcf7-form .email_field input {
    border: 3px solid #777777;
    border-radius: 10px;
    height: 38px;
    padding: 5px 10px;
    width: 340px;
}

.sgpb-theme-1-content {
    box-shadow: #7777 0px 0px 0 6px !important;
    width: 900px !important;
}

.popup_image {
    position: absolute;
    top: -30%;
    text-align: center;
    width: 100%;
}

.popup_image img.alignnone.size-medium.wp-image-767 {
    width: 56%;
}

.sgpb-popup-dialog-main-div-theme-wrapper-1 {
    left: 50% !important;
    transform: translate(-50%, -50%);
    top: 50% !important;
}

.popup-main-success p {
    font-size: 25px;
    color: #828282;
    padding-bottom: 5px;
    line-height: 34px;
}

.popup-main-success .popup-image img.alignnone.size-medium.wp-image-772 {
    width: 80%;
}

.popup-main-success .popup-image {
    text-align: center;
}

span.number {
    color: #326571;
    font-weight: 800;
    font-size: 75px;
    display: block;
    text-align: center;
    line-height: 75px;
}

@media (max-width: 1432px) {
    .lady .lady-row .et_pb_module.et_pb_text {
        height: 20vw;
        margin-bottom: 0;
    }
}

@media (max-width: 1300px) {
    .lady .lady-row .et_pb_module.et_pb_text {
        height: 22vw;
    }
}

@media (max-width: 1160px) {
    .lady .lady-row .et_pb_module.et_pb_text {
        height: 28vw;
    }
}

@media (max-width: 1100px) {
    .lady .lady-row .et_pb_module.et_pb_text {
        height: 30vw;
    }
}

@media (max-width: 1000px) {
    .lady .lady-row .et_pb_module.et_pb_text {
        height: 35vw;
    }
}

@media (max-width: 767px) {
    .popup_image {
        top: -24%;
        width: 80%;
        left: 50%;
        transform: translate(-50%, 0);
    }

    .popup_image img.alignnone.size-medium.wp-image-767 {
        width: 100%;
    }

    .popup_text {
        padding-top: 230px;
    }

    .contact_form_box div.wpcf7 .ajax-loader {
        display: block;
        margin: 0 auto;
    }
}

@media (max-width: 575px) {
    .popup_image {
        top: -38%;
    }

    .popup_text {
        font-size: 19px;
        padding-top: 160px;
    }

    .contact_form_box .wpcf7-form .email_field input {
        width: 100%;
    }

    .popup-main-success p {
        font-size: 16px;
        line-height: 26px;
    }
}

@media (max-width: 480px) {
    .popup_text {
        font-size: 15px;
        padding-top: 80px;
    }

    .main_popup .popup_text {
        text-align: left;
        width: 100%;
        font-size: 14px;
    }

    .main_popup .popup_text br {
        display: none;
    }
}

#wpcf7-f764-o1 .wpcf7-form .wpcf7-mail-sent-ok {
    display: none !important;
}

@media (max-width: 400px) {
    .popup_image {
        top: -25%;
    }
}

@media (max-width: 360px) {
    .popup_image {
        top: -12%;
    }
}

.button_main {
    height: 50px;
}

.button_main button {
    margin-top: 20px;
    margin-bottom: 10px;
}

div#img01 {
    height: auto;
    overflow: overlay;
    max-height: 515px;
    display: block;
    padding: 50px 20px 1px 20px !important;
}

.page-template-template-manage-forms .additionalOptionRow span.payment_click {
    margin-left: 3px !important;
}

.total-data {
    display: none;
}

#groupUserTotalResponsePage_filter {
    display: none;
}

/*==================*/

.page-template-template-response .container {
    position: unset;
    max-width: 1200px;
}

.container {
    max-width: 1200px;
}

@media (max-width: 991px) {
    .search-form {
        position: unset;
        right: auto;
        left: auto;
        margin: 5px 0;
    }
}

.dataTables_paginate {
    text-align: center;
    margin: 15px 0;
}

.dataTables_paginate .paginate_button {
    color: #222;
    background: #e7e7e7;
    font-size: 16px;
    line-height: 34px;
    width: auto;
    padding: 0 10px;
    border-radius: 5px;
    margin: 0 10px;
    cursor: pointer;
    display: inline-block;
    transition: 0.3s;
}

.dataTables_paginate .paginate_button:hover {
    background: #f1592a;
    color: #fff;
}

.dataTables_paginate .paginate_button.disabled,
.dataTables_paginate .paginate_button.current {
    pointer-events: none;
    cursor: none;
}

/*---------------------*/

.permission-slip-library-sec {
    padding: 50px 0 30px 0;
    position: relative;
}

.permission-slip-library-sec .container {
    max-width: 1640px;
    width: 87%;
    margin-left: 50px;
}

.permission-slip-library-sec .row {
    display: flex;
    margin: 0 -15px;
    position: relative;
}

.permission-slip-library-sec .row .col-12 {
    width: 100%;
    padding: 0 15px;
}

.permission-slip-library-sec .row .col-12 .title {
    margin-bottom: 30px;
}

.permission-slip-library-sec .forms-container {
    width: 30%;
    padding: 0 15px;
    position: relative;
}

.permission-slip-library-sec .form-container-inner {
    padding: 50px 20px 0 20px;
    position: relative;
    box-shadow: 0 0 5px rgb(0 0 0 / 0.3);
    background-color: #fff;
    height: 100%;
}

.permission-slip-library-sec .slip-preview {
    width: 70%;
    padding: 0 15px;
    position: relative;
}

.permission-slip-library-sec .h2-title {
    font-size: 40px;
    line-height: 50px;
    color: #f1592a;
    font-weight: 600;
    font-family: "Montserrat";
    text-align: center;
}

.permission-slip-library-sec .search-form-wp form {
    text-align: center;
    margin-bottom: 20px;
    color: #000;
}

.permission-slip-library-sec .search-form-wp form label {
    font-size: 16px;
    color: #000;
    font-family: "Montserrat";
    font-weight: 600;
    display: block;
    margin-bottom: 10px;
}

.permission-slip-library-sec .search-form-wp form input {
    padding: 7px 10px;
    width: 100%;
    border: 1px solid transparent;
    box-shadow: 0 0 4px rgb(0 0 0 / 0.3);
    font-family: "Montserrat";
    text-align: left;
}

.permission-slip-library-sec .search-form-wp form input:focus {
    border-color: #ff6600;
}

.permission-slip-library-sec .form-titles-wrap {
    margin: 0 -10px;
}

.permission-slip-library-sec .form-titles-wp {
    padding: 5px 10px;
    height: 500px;
    overflow: auto;
}

.permission-slip-library-sec .form-titles-wp::-webkit-scrollbar {
    width: 5px;
}

.permission-slip-library-sec .form-titles-wp::-webkit-scrollbar-track {
    background: #e6e6e6;
}

.permission-slip-library-sec .form-titles-wp::-webkit-scrollbar-thumb {
    background: #ff6600;
}

.permission-slip-library-sec .form-titles-wp::-webkit-scrollbar-thumb:hover {
    background: #652d92;
}

.permission-slip-library-sec .form-titles-wp .no-result {
    color: #f1592a;
    text-align: center;
}

.permission-slip-library-sec .form-title {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.permission-slip-library-sec .form-title .library-form-img {
    margin-right: 20px;
    width: 100px;
    height: 100px;
}

.permission-slip-library-sec .form-title .library-form-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    box-shadow: 0px 0px 3px rgb(0 0 0 / 0.2);
}

.permission-slip-library-sec .library-form-content {
    width: 100%;
    flex: 1;
}

.permission-slip-library-sec a.select-group-preview {
    display: flex;
    padding: 10px 15px;
    margin-bottom: 30px;
    box-shadow: 0 0 5px rgb(0 0 0 / 0.3);
    background-color: #fff;
}

.permission-slip-library-sec .library-form-content h3 {
    font-size: 24px;
    line-height: 28px;
    font-weight: 600;
    color: #ff6600;
    padding-bottom: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-family: "Montserrat";
}

.permission-slip-library-sec .library-form-content p {
    font-style: italic;
    font-size: 14px;
    line-height: 20px;
    color: #666;
    font-weight: 400;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-family: "Montserrat";
}

.permission-slip-library-sec .slip-title {
    font-size: 35px;
    line-height: 45px;
    color: #000;
    text-align: center;
    margin-bottom: 50px;
    font-weight: 600;
}

.permission-slip-library-sec .slip-preview-container {
    display: block;
    height: 635px;
}

.permission-slip-library-sec .slip-preview-container::-webkit-scrollbar {
    width: 5px;
}

.permission-slip-library-sec .slip-preview-container::-webkit-scrollbar-track {
    background: #e6e6e6;
}

.permission-slip-library-sec .slip-preview-container::-webkit-scrollbar-thumb {
    background: #ff6600;
}

.permission-slip-library-sec .slip-preview-container::-webkit-scrollbar-thumb:hover {
    background: #652d92;
}

.permission-slip-library-sec .slip-text p {
    color: #000;
    font-size: 16px;
    line-height: 26px;
}

.permission-slip-library-sec .slip-text h4 {
    font-size: 18px;
    font-weight: 600;
    color: #000;
    line-height: 28px;
}

.permission-slip-library-sec .slip-preview-container .addFields {
    margin-bottom: 15px;
}

.permission-slip-library-sec .options-head {
    margin: 20px auto 20px;
    width: 75%;
    padding-bottom: 20px !important;
    border-bottom: 1px solid #aaa;
    text-align: center;
    font-weight: bold;
    color: #000;
}

.permission-slip-library-sec .container-fluid {
    width: 100%;
    padding: 0;
    margin-top: -150px;
}

.permission-slip-library-sec .copy-button-wp {
    text-align: right;
    padding-right: 20px;
    padding-top: 20px;
}

.permission-slip-library-sec .copy-button-wp .copy-btn-container {
    margin-bottom: 20px;
}

.permission-slip-library-sec .copy-button-wp .copy-btn {
    color: #fff;
    border: none;
    border-radius: 100px;
    letter-spacing: 1px;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.7em;
    padding: 16px 30px;
    display: inline-block;
    cursor: pointer;
    box-shadow: 0px 10px 20px 0px rgba(6, 18, 61, 0.3);
    font-family: "universltstdttf", Helvetica, Arial, Lucida, sans-serif;
    color: #ffffff;
    background-color: #f15a29;
    background-size: 200% auto;
    border: none;
    outline: none;
    cursor: pointer;
    transition: all 300ms ease 0ms;
}

.permission-slip-library-sec .copy-button-wp .copy-btn:hover {
    background-color: #662d91;
}

body .wp-asp-view-product-btn button {
    border-radius: 100px;
    letter-spacing: 1px;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.7em;
    padding: 16px 30px;
    display: inline-block;
    box-shadow: 0px 10px 20px 0px rgba(6, 18, 61, 0.3);
    font-family: "universltstdttf", Helvetica, Arial, Lucida, sans-serif;
    color: #ffffff;
    background-color: #f15a29;
    background-size: 200% auto;
    border: none;
    outline: none;
    cursor: pointer;
    transition: all 300ms ease 0ms;
}

body .wp-asp-view-product-lnk {
    display: inline-block;
}

body .wp-asp-view-product-btn button:hover {
    background-color: #662d91;
}

.permission-slip-library-sec .slip-preview-container-wp {
    position: relative;
    min-height: 200px;
}

.permission-slip-library-sec .slip-loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    background: rgb(0 0 0 / 0.7);
    display: none;
}

.permission-slip-library-sec .slip-loader img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100px;
}

.permission-slip-library-sec .slip-preview-container iframe {
    height: 100% !important;
    width: 100% !important;
    box-shadow: 0 0 5px rgb(0 0 0 / 0.3);
    background-color: #fff;
}

@media (max-width: 1870px) {
    .permission-slip-library-sec .container {
        width: 86%;
    }
}

@media (max-width: 1780px) {
    .permission-slip-library-sec .container {
        width: 85%;
    }
}

@media (max-width: 1650px) {
    .permission-slip-library-sec .container {
        width: 84%;
    }
}

@media (max-width: 1550px) {
    .permission-slip-library-sec .container {
        width: 83%;
    }
}

@media (max-width: 1450px) {
    .permission-slip-library-sec .container {
        width: 82%;
    }
}

@media (max-width: 1350px) {
    .permission-slip-library-sec .container {
        width: 81%;
    }
}

@media (max-width: 1250px) {
    .permission-slip-library-sec .container {
        width: 79%;
    }
}

@media (max-width: 1150px) {
    .permission-slip-library-sec .container {
        width: 78%;
    }
}

@media (max-width: 1050px) {
    .permission-slip-library-sec .container {
        width: 76%;
    }
}

@media (max-width: 1024px) {
    .permission-slip-library-sec .container {
        margin-left: auto;
        margin-right: auto;
        width: 80%;
    }

    .permission-slip-library-sec .row {
        display: block;
        margin: 0 -15px;
    }

    .permission-slip-library-sec .forms-container {
        width: 100%;
        padding: 0 15px;
        margin-bottom: 30px;
    }

    .permission-slip-library-sec .slip-preview {
        width: 100%;
        padding: 0 15px;
    }

    .permission-slip-library-sec .slip-title {
        margin-bottom: 30px;
    }

    .permission-slip-library-sec .form-titles-wp {
        height: auto;
    }

    .permission-slip-library-sec .container-fluid {
        margin-top: 0;
    }
}

@media (max-width: 767px) {
    .permission-slip-library-sec .h2-title {
        font-size: 28px;
        line-height: 38px;
    }

    .permission-slip-library-sec .form-title .library-form-img {
        width: 60px;
        height: 60px;
    }

    .permission-slip-library-sec .library-form-content h3 {
        font-size: 16px;
        line-height: 18px;
    }

    .permission-slip-library-sec .library-form-content p {
        font-size: 12px;
        line-height: 22px;
    }

    .permission-slip-library-sec .slip-title {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 20px;
    }

    .permission-slip-library-sec .form-container-inner {
        padding: 20px 20px 0 20px;
    }

    .permission-slip-library-sec a.select-group-preview {
        margin-bottom: 20px;
    }
}

/*-----*/

.tooltip {
    position: relative;
    display: inline-block;
}

.tooltip .tooltiptext {
    width: 140px;
    background-color: #f1592a;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 130%;
    left: 50%;
    transform: translate(-50%, 0);
    /*display: inline-flex;*/
    align-items: center;
    justify-content: center;
    height: 26px;
    transition: 0.3s;
    display: none;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%, 0);
    border-width: 5px;
    border-style: solid;
    border-color: #f1592a transparent transparent transparent;
}

/*-----*/

/*--------------------*/

.erf-my-account-profile-tab .erf-org-name-form-container label {
    font-weight: bold;
    cursor: pointer;
}

.erf-my-account-profile-tab .erf-org-name-form-container {
    margin-bottom: 20px;
}

.slipHiddenText {
    height: 0;
    opacity: 0;
    pointer-events: none;
}

/*-----*/

.slip-image-container {
    width: 59%;
    margin: 10px 0 5px auto;
    position: relative;
    border: none;
}

.slip-image-container .slip-image-inner {
    position: relative;
    width: auto;
    display: inline-block;
}

.slip-image-container .permissionImageView {
    width: 70px;
    height: 70px;
    object-fit: cover;
}

.slip-image-container a.remove-slip-image {
    position: absolute;
    top: 0;
    line-height: 1;
    right: 0;
    font-size: 20px;
    font-weight: bold;
    color: #f1592a;
}

#users .user-tab-wp .user-header {
    display: flex;
    justify-content: space-between;
    align-content: center;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    margin-bottom: 30px;
}

#users .user-tab-title {
    padding-bottom: 0 !important;
}

.cta-btn-wp {
    position: fixed;
    right: -73px;
    top: 50%;
    z-index: 999 !important;
    transform: translate(0, -50%) rotate(-90deg);
}

@media (max-width: 767px) {
    .slip-image-container {
        width: 100%;
    }
}

/*adjust Divi Menu module breakpoint*/

@media only screen and (max-width: 1440px) {
    #top-menu-nav {
        display: none !important;
    }

    #et_mobile_nav_menu {
        display: block !important;
    }
}

/*---------schedule slip css start-------------*/

.schedule-text-wrapper {
    margin-top: 90px;
    text-align: right;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
}

.xdsoft_datetimepicker {
    z-index: 999999999999999999 !important;
}

.modal .ok_time_btn,
.modal .ok_del_btn,
.modal .ok_time_btn_form {
    margin-right: 10px;
}

.modal #datetimepicker {
    max-width: 300px;
    width: 100%;
    height: 40px;
    padding: 15px;
}

.page-template-template-send-permission-slip .alert_popup div#img01 {
    overflow: hidden !important;
}

.schedule-text-wrapper h4 {
    padding: 0;
    font-size: 14px;
    font-family: "Open Sans" !important;
}

/*---------schedule slip css End-----------*/
.ai::before {
    content: url(https://s.w.org/images/core/emoji/14.0.0/svg/1f4e2.svg);
    position: relative;
    display: inline-block;
    top: 5px;
    margin-right: 10px;
    width: 30px;
}

.fi::before {
    content: url(https://s.w.org/images/core/emoji/14.0.0/svg/1f469-200d-1f52c.svg);
    position: relative;
    display: inline-block;
    top: 5px;
    margin-right: 10px;
    width: 30px;
}

.mi::before {
    content: url(https://s.w.org/images/core/emoji/14.0.0/svg/1f468-200d-1f3eb.svg);
    position: relative;
    display: inline-block;
    top: 5px;
    margin-right: 10px;
    width: 30px;
}

/* ========virtual-field-trip-to-the-zoo start======== */

@font-face {
    font-family: "Back to Black Bold Demo";
    src: url("fonts/BacktoBlackBoldDemo.eot");
    src: url("fonts/BacktoBlackBoldDemo.eot?#iefix") format("embedded-opentype"), url("fonts/BacktoBlackBoldDemo.woff2") format("woff2"), url("fonts/BacktoBlackBoldDemo.woff") format("woff"), url("fonts/BacktoBlackBoldDemo.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Calibri";
    src: url("fonts/Calibri.eot");
    src: url("fonts/Calibri.eot?#iefix") format("embedded-opentype"), url("fonts/Calibri.woff2") format("woff2"), url("fonts/Calibri.woff") format("woff"), url("fonts/Calibri.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.vertual-zoo-sec {
    padding: 80px 0;
    font-family: "Calibri";
}

.vertual-zoo-sec p {
    font-size: 20px;
    line-height: 30px;
    color: #000;
    font-family: "Calibri";
}

.vertual-zoo-sec p:not(.has-background):last-of-type {
    padding-bottom: 1em;
}

.vertual-zoo-sec .virtual-title {
    text-align: center;
    margin-bottom: 70px;
}

.vertual-zoo-sec .virtual-title h1 span {
    display: block;
}

.vertual-zoo-sec .virtual-title h1 span.blue {
    font-size: 16px;
    line-height: 26px;
}

.vertual-zoo-sec .virtual-title h1 span.orange {
    font-size: 72px;
    line-height: 82px;
    font-family: "Back to Black Bold Demo";
}

.vertual-zoo-sec .blue {
    color: #6f30a0;
}

.vertual-zoo-sec .orange {
    color: #f1592f;
    font-weight: bold;
}

.form-input {
    font-size: 16px;
    line-height: 1;
    border: none !important;
    border-bottom: 1px solid #000 !important;
    width: 100%;
    max-width: 400px;
    margin-bottom: 15px !important;
    padding: 2px 10px !important;
    display: inline-block;
}

.form-input.small {
    max-width: 100px;
}

.form-input.medium {
    max-width: 200px;
}

.center {
    text-align: center;
}

p .form-input {
    margin-bottom: 0 !important;
}

.image-container {
    text-align: center;
    padding: 30px 0;
}

.vertual-zoo-sec p a {
    text-decoration: underline;
    font-weight: bold;
}

.text-container.audio {
    display: flex;
    flex-wrap: wrap;
}

.audio-container {
    margin-left: 20px;
}

.container-form {
    padding: 20px 0;
}

.submit-container {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
}

.submit-container p {
    padding-bottom: 0 !important;
    color: #6d299e;
    font-weight: 600;
}

.submit-container p .right-side-arrow {
    vertical-align: middle;
    margin: 0 15px;
}

.submit-container .sec-btn {
    font-family: "Montserrat", Helvetica, Arial, Lucida, sans-serif;
    color: #ffffff;
    border-radius: 30px;
    letter-spacing: 2px;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    background-color: #f1592f;
    padding: 16px 30px;
    cursor: pointer;
    border: none;
}

.submit-container .sec-btn:hover {
    background-color: #6f30a0;
}

@media (max-width: 767px) {
    .audio-container {
        margin-bottom: 20px;
        display: block;
        width: 100%;
    }

    .audio-btn.on {
        display: block;
        margin: 0 auto;
    }
}

@media (max-width: 350px) {
    .vertual-zoo-sec .virtual-title h1 span.orange {
        font-size: 62px;
        line-height: 72px;
    }
}

/* ========virtual-field-trip-to-the-zoo end======== */

.h2-text {
    text-align: center;
    font-size: 50px;
    line-height: 60px;
    padding-bottom: 25px;
    font-weight: bold;
}

.h2-text .green {
    color: #7cdb24;
}

.custom-btn {
    position: relative;
    border: none;
    box-shadow: none;
    width: 150px;
    height: 50px;
    line-height: 50px;
    -webkit-perspective: 230px;
    perspective: 230px;
    color: #fff;
    padding: 0;
    border-radius: 5px;
    font-family: "Lato", sans-serif;
    font-weight: 700;
    background: transparent;
    cursor: pointer;
    transition: all 0.3s ease;
    display: inline-block;
    margin-top: 0;
    outline: none;
}

.custom-btn span {
    background: rgba(251, 75, 2, 1);
    background: linear-gradient(0deg, rgba(255, 151, 0, 1) 0%, rgba(251, 75, 2, 1) 100%);
    display: block;
    position: absolute;
    top: 0;
    width: 150px;
    height: 50px;
    box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, 0.5), 7px 7px 20px 0px rgba(0, 0, 0, 0.1), 4px 4px 5px 0px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    margin: 0;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    backface-visibility: hidden;
}

.custom-btn span:nth-child(1) {
    box-shadow: -7px -7px 20px 0px #fff9, -4px -4px 5px 0px #fff9, 7px 7px 20px 0px #0002, 4px 4px 5px 0px #0001;
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    transform: rotateX(90deg);
    -webkit-transform-origin: 50% 50% -24px;
    -moz-transform-origin: 50% 50% -24px;
    transform-origin: 50% 50% -24px;
}

.custom-btn span:nth-child(2) {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    transform: rotateX(0deg);
    -webkit-transform-origin: 50% 50% -24px;
    -moz-transform-origin: 50% 50% -24px;
    transform-origin: 50% 50% -24px;
}

.custom-btn:hover span:nth-child(1) {
    box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, 0.5), 7px 7px 20px 0px rgba(0, 0, 0, 0.1), 4px 4px 5px 0px rgba(0, 0, 0, 0.1);
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    transform: rotateX(0deg);
}

.custom-btn:hover span:nth-child(2) {
    box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, 0.5), 7px 7px 20px 0px rgba(0, 0, 0, 0.1), 4px 4px 5px 0px rgba(0, 0, 0, 0.1);
    color: transparent;
    -webkit-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
}

/*---------18-02 css Start-----------*/

.erf-profile-image.permission-image-upload {
    overflow: visible !important;
}

.permission-slip-photo-wp {
    position: relative;
}

.permission-slip-photo .camera-icon.upload-button {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 50px;
    height: 50px;
    z-index: 1;
    transform: translate(-50%, 50%);
    border-radius: 50%;
    overflow: hidden;
    background: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.permission-slip-photo .camera-icon.upload-button img {
    width: 45px !important;
    height: 45px !important;
    padding: 10px;
    object-fit: unset !important;
    object-position: unset !important;
}

.permission-slip-photo {
    position: relative;
    display: block;
    line-height: 0;
    font-size: 0;
}

.permission-slip-photo>img {
    border-radius: 50%;
}

.permission-slip-photo-wp .tooltipp-default {
    font-weight: bold;
    color: #000;
    text-transform: capitalize;
    font-size: 13px;
    line-height: 23px;
    flex: 1;
}

.d-none {
    display: none;
}

span.error-list {
    color: red;
    font-weight: 500;
    font-size: 12px;
    display: block;
}

.tooltip-wp {
    margin-top: 50px;
    display: flex;
    align-items: flex-end;
    position: relative;
    text-align: center;
}

.tooltipp {
    display: inline-block;
    flex: 0 0 16px;
    position: relative;
    margin-left: 4px;
}

.tooltipp i {
    font-size: 16px;
    color: #f1592a;
}

.tooltipp .tooltipp-text {
    width: 220px;
    background-color: #f1592a;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 120%;
    left: 50%;
    transform: translate(-50%, 0);
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s;
}

.tooltipp .tooltipp-text::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #f1592a transparent transparent transparent;
}

.tooltipp:hover .tooltipp-text {
    visibility: visible;
    opacity: 1;
}

@media (max-width: 480px) {
    .erf-profile-image.permission-image-upload {
        width: auto !important;
        height: auto !important;
    }

    .permission-slip-photo {
        width: 128px;
        height: 128px;
        margin: auto;
    }

    .tooltipp {
        position: unset;
    }
}

/*---------18-02 css End-----------*/

/*---------10-03-21 css Start-----------*/

.page-template-template-send-permission-slip .container,
.page-template-template-demand .container {
    max-width: 1200px;
}

/*---------10-03-21 css End-----------*/

/*---------22-03-21 css statrt-----------*/

.schedule-status0 {
    background-color: red;
    color: #fff;
}

.schedule-status1 {
    background-color: greenyellow;
}

div#img01 p.alert_text span {
    position: relative;
    top: -25px;
}

/*---------22-03-21 css End-----------*/

/*---------26-03-21 css statrt-----------*/

.field_error {
    border: 2px solid red !important;
}

/*---------26-03-21 css End-----------*/

/*---------04-06-21 css Start-----------*/

.custom-checkbox {
    position: relative;
    cursor: pointer;
}

.custom-checkbox label {
    padding-left: 60px;
    display: inline-block;
}

.custom-checkbox input[type="checkbox"] {
    width: 44px;
    border-radius: 30px;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 24px;
    outline: none;
    display: inline-block;
    vertical-align: top;
    position: absolute;
    margin: 0;
    cursor: pointer;
    background: #ccc;
    transition: 0.3s;
}

.custom-checkbox input[type="checkbox"]:after {
    content: "";
    display: block;
    position: absolute;
    left: 5px;
    top: 3px;
    border-radius: 50%;
    width: 17px;
    height: 17px;
    background: #fff;
    transition: 0.3s;
}

.custom-checkbox input[type="checkbox"]:checked {
    background: #2094f3;
}

.custom-checkbox input[type="checkbox"]:checked:after {
    left: 23px;
}

/*---------04-06-21 css End-----------*/

@font-face {
    font-family: "universltstdttf";
    src: url("fonts/UniversLTStd.eot");
    src: url("fonts/UniversLTStd.eot?#iefix") format("embedded-opentype"), url("fonts/UniversLTStd.woff2") format("woff2"), url("fonts/UniversLTStd.woff") format("woff"), url("fonts/UniversLTStd.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@media (max-width: 1500px) {
    #top-menu li {
        padding-right: 10px;
    }
}

.footer-bottom-img {
    display: block;
}

.page-id-240 .footer-bottom-img,
.page-id-240 .bottom-nav,
.page-id-9435 .footer-bottom-img,
.page-id-9435 .bottom-nav,
.page-id-9435 .help_icon,
.page-id-3720 .footer-bottom-img,
.page-id-3720 .bottom-nav,
.page-id-3720 .help_icon,
.page-id-558 .footer-bottom-img,
.page-id-558 .bottom-nav {
    display: none !important;
}

#page-container {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

div#et-main-area {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.admin-bar #page-container {
    min-height: calc(100vh - var(--wp-admin--admin-bar--height));
}

div#main-content {
    flex: 1;
    display: flex;
    flex-direction: column;
}

div#main-content>.container {
    flex: 1;
}

.ajax-load-more-wrap.blue .alm-load-more-btn.done,
.ajax-load-more-wrap.blue .alm-load-more-btn.loading,
.ajax-load-more-wrap.blue .alm-load-more-btn:hover {
    display: initial;
    width: auto;
    font-size: 16px;
    font-weight: 500;
    padding: 14px 20px;
    text-align: center;
    border-radius: 50px;
    font-family: "universltstdttf", Helvetica, Arial, Lucida, sans-serif;
    color: #ffffff;
    background: #f1592a !important;
    border: none;
    outline: none;
    transition: all 300ms ease 0ms;
}

.alm-btn-wrap .alm-load-more-btn.loading {
    padding-left: 50px !important;
}

.alm-btn-wrap .alm-load-more-btn.loading:before {
    margin-left: 15px !important;
}

.sms_lang_main.drop_downs {
    margin-bottom: 150px;
}

.sms_lang_main.drop_downs label {
    /* width: 70px; */
    display: flex;
    float: left;
    font-weight: 900;
    font-size: 16px;
    line-height: 28px;
}

select#sms_lang_main {
    height: 30px;
    font-weight: bold;
    font-size: 14px;
    background: gainsboro;
    margin-left: 15px;
}

#grantAccessModal {
    background: rgba(0, 0, 0, 0.3);
}

/* Child user Start */
#child-user-model .modal-content {
    padding: 20px;
}

#child-user-model .modal-content .closeBtn {
    position: absolute;
    top: -20px;
    right: -20px;
    --size: 40px;
    width: var(--size);
    height: var(--size);
    padding: 0;
    min-width: unset;
    min-height: unset;
    font-weight: bold;
}

#child-user-model .modal-content ul {
    padding: 0;
}

input.form-control {
    width: 100%;
    padding: 10px;
    font-size: 14px;
    margin-bottom: 11px;
}

#child-user-form p#error-msg {
    color: red;
    font-size: 14px;
}

#child-user-form p#success-msg {
    color: green;
    font-size: 14px;
}

.camera-icon.upload-button img {
    width: 45px !important;
    height: 45px !important;
    padding: 10px;
    object-fit: unset !important;
    object-position: unset !important;
    border-radius: 10px !important;
}

/* Child user End */

.phone_res_msg_note{font-size: 15px; color: red;}
.phone_res_msg{
    color: red;
    display: block;

    text-transform: capitalize;

}