html {
    scroll-behavior: smooth;
}

body {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    margin: 0px;
    padding: 0px;
    font-family: 'Avenir Roman';
    font-size: 18px;
    line-height: 1;
    color: #1e1e1e;
    font-weight: 400;padding-right: 0 !important;
}


/*common css start here*/

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
nav {
    margin: 0px;
    padding: 0px;
}

h1 {
    color: #000;
    font-family: 'Avenir Heavy';
    text-transform: uppercase;
    font-size: 42px;
    margin: 0 0 30px 0;
}

h2 {
    font-family: 'Avenir Heavy';
    /*    text-transform: capitalize;*/
    color: #1e1e1e;
    font-size: 25px;
}

h3 {
    font-family: 'Avenir Heavy';
    /*    text-transform: capitalize;*/
    font-size: 19px;
    font-weight: bold;
    margin: 0 0 10px 0;
}

.label {
    padding: 0px;
    /* margin: 0 0 25px 0; */
    line-height: 29px;
}

p {
    padding: 0px;
    margin: 0 0 25px 0;
    line-height: 29px;
}

p strong,
strong {
    font-weight: bold;
}

ul,
ol {
    margin: 0 0 0 0px;
    padding: 0px;
}

.alignleft {
    float: left;
    margin: 0px 15px 15px 0px;
}

.alignright {
    float: right;
    margin: 0px 0px 15px 15px;
}

.aligncenter {
    float: none;
    margin: 0px auto 15px auto;
}

a {
    text-decoration: none;
    color: #8b0101;
    outline: none;
}

a:hover {
    text-decoration: none;
    color: #5a080a;
    outline: none;
}

a:focus {
    text-decoration: none;
    outline: none;
}

.clear {
    clear: both;
}

img {
    max-width: 100%;
    vertical-align: middle;
}

ul li {
    list-style: none;
}

.btn {
    color: #fff;
    padding: 14px 35px;
    font-size: 20px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    background: #8b0101;
    border-radius: 17px;
    border: 2px solid #8b0101;
    outline: none;
}

.btn.hero-book-btn {
    color: #fff;
}

.btn.red-border-btn {
    background: transparent;
    border-color: #8b0101;
    color: #8b0101;
}

.large-heading {
    font-size: 30px;
    color: #00b1ec;
    text-align: center;
    margin: 0 0 30px 0;
    line-height: 1.2;
}

.large-tittle {
    font-family: 'Avenir Heavy';
    font-size: 50px;
    line-height: 1.2;
    color: #1e1e1e;
}

.middium-tittle {
    color: #1e1e1e;
    font-family: 'Avenir Medium';
    font-weight: 500;
    font-size: 30px;
    line-height: 1.2;
    margin: 0 0 20px 0;
}


/* Header */

.menus li.menu-has-childrens {
    padding-right: 40px;
}

.dropdown-toggle-btn {
    width: 45px;
    height: 43px;
    position: absolute;
    cursor: pointer;
    right: 0px;
    top: 6px;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.dropdown-toggle-btn::before {
    position: absolute;
    color: #fff;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 18px;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}


/* End Header */


/* Form Design */

.grey-bg {
    background: #eaedf4;
}

.common-form {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 25px 0;
    background: #eaedf4;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.common-form .form-group, .edit-page .common-box .form-group {
    margin-bottom: 40px;
}

div#wrapper {
    background: #eaedf4;
}

.common-box {
    background: #fff;
    padding: 35px 20px 35px;
    max-width: 650px;
    margin: 0 auto;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.common-wd {
    width: 100%;
    max-width: 560px;
    margin: 0 auto;
}


/*.form-group .form-field { padding: 14px 10px; font-size: 16px; }*/


/*.form-group .form-field { padding: 14px 18px; font-size: 18px; width: 100%; border-radius: 5px; border: 1px solid #ccc; font-family: 'Avenir Roman'; }*/

.common-box h2 {
    font-size: 32px;
    font-family: 'Avenir Heavy';
    text-align: center;
    margin: 0 0 10px;
    text-transform: inherit;
    margin-bottom: 2rem!important;
}


.common-btn {
    font-weight: normal;
    text-transform: capitalize;
    font-size: 20px;
    border-radius: 0px !important;
    width: 100%;
    background: #8b0101;
    padding: 13px 18px 13px;
    line-height: normal;
    font-family: 'Avenir Roman';
    margin: 15px 0 0;
    border: 2px solid #8b0101;
    min-width: 170px;
}


/* .form-group {
    margin-bottom: 40px;
} */

.form-control:focus {
    box-shadow: none !important;
}

.form-group .form-field {
    padding: 10px 0 5px;
    font-size: 16px !important;
    width: 100%;
    border-radius: 0;
    border-bottom: 2px solid #ccc;
    font-family: 'Avenir Roman';
    border-top: none;
    border-left: none;
    border-right: none;
}

.form-group label {
    position: absolute;
    pointer-events: none;
    left: 0;
    top: 8px;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
    z-index: 1;
    margin: 0;
    color: #999;
    font-size: 16px;
}

.form-group {
    position: relative;
}

.form-group .form-field:focus {
    outline: none;
    box-shadow: none;
}

.form-group input:focus~label {
    font-size: 16px;
}

.submit-group {
    margin-bottom: 20px;
}

.error {
    color: red !important;
    font-size: 13px !important;
    font-weight: 600;
    bottom: -20px !important;
    top: auto !important;
}

.form-group input:focus~label,
.form-group input:not(:placeholder-shown)~label {
    top: -12px;
}

.form-group textarea:focus~label,
.form-group textarea:not(:placeholder-shown)~label {
    top: -12px;
}

.form-group .form-field::-webkit-input-placeholder {
    color: #999;
    background: #fff;
}

.form-group .form-field:-moz-placeholder {
    color: #999;
    opacity: 1;
    background: #fff;
}

.form-group .form-field::-moz-placeholder {
    color: #999;
    opacity: 1;
    background: #fff;
}

.form-group .form-field:-ms-input-placeholder {
    color: #999;
    background: #fff;
}

.form-group .form-field::-ms-input-placeholder {
    color: #999;
    background: #fff;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    -webkit-box-shadow: none;
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s
}

input,
textarea {
    filter: none;
}

.alert-success {
    margin-bottom: 30px;
    display: inline-block;
    width: 100%;
    font-size: 16px;
    padding: 10px;
    line-height: normal;
}

.forgot-bx {
    text-align: center;
}

.forgot-bx a {
    color: #373737;
    font-size: 15px;
}

.common-btn:hover {
    color: #8b0101;
    background: transparent;
}


/*.green-btn{background: #0cb04a;border-color: #0cb04a}
.green-btn:hover { background: transparent; color: #0cb04a; }*/

.green-btn {
    background: transparent;
    border-color: #8b0101;
    color: #8b0101;
}

.green-btn:hover {
    background: #8b0101;
    color: #fff;
}

.edit-profile {
    text-align: center;
    margin-top: -140px;
    margin-bottom: 55px;
}

.frm-sub-title {
    font-family: 'Avenir Heavy';
    font-size: 30px;
    margin: 25px 0 0;
}

.change-pass h4 {
    font-size: 22px;
    font-family: 'Avenir Heavy';
    margin: 0 0 25px;
}

.change-pass {
    margin-top: 10px;
    display: inline-block;
    width: 100%;
}

.form-group textarea {
    resize: none;
    height: 60px !important;
}

.edit-profile img {
    width: 100%;
    max-width: 110px;
}

.check_boxes {
    display: inline-block;
    pointer-events: inherit !important;
    position: relative !important;
    padding-left: 30px;
    padding-right: 0;
    margin-bottom: 0;
    top: 0 !important;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: normal;
}

.check_boxes input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkmark_box {
    position: absolute;
    top: 0px;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
}

.check_boxes .checkmark_box:after {
    content: "";
    position: absolute;
    display: none;
    right: 6px;
    top: 2px;
    width: 6px;
    height: 12px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.check_boxes input:checked~.checkmark_box:after {
    display: block !important;
}

.label_name {
    font-size: 16px;
    color: #000;
}

.check_boxes input:checked~.checkmark_box {
    background-color: #8b0101;
    border-color: #8b0101;
}

.form-head a {
    color: #373737;
    display: inline-block;
    margin: 0 0 20px;
    font-size: 18px;
    text-decoration: underline;
}

.cancl-link {
    font-size: 20px !important;
    border-radius: 0;
    width: 100%;
    background: #fff;
    padding: 11px 18px 11px;
    line-height: normal;
    font-family: 'Avenir Roman';
    margin: 15px 0 0;
    border: 2px solid #8b0101;
    display: block;
    color: #8b0101 !important;
    text-decoration: none !important;
    margin-top: 0;
}

.user-login-page .common-btn,
.login-page .common-btn {
    margin-top: 0;
}


/* Forgot Password */

.btn:focus {
    outline: none;
    box-shadow: none;
}

.btn.cancl-link {
    display: block;
    color: #8b0101 !important;
    background: transparent;
    border: 1px solid #8b0101;
    border-radius: 5px;
    padding: 14px 10px;
    text-transform: capitalize;
    font-size: 20px;
    letter-spacing: 0.5px;
    font-weight: normal;
    font-family: 'Avenir Roman';
    line-height: normal;
}

.alert-danger {
    font-size: 16px;
}


/* End Forgot Password */


/* End Form Design */


/* checkout page css */

.invoice-multirow-booking .invoice-view-multirow {
    height: 45px !important;
}

.card .form-control {
    border: 1px solid #ccc !important;
    border-radius: 2px;
    height: 30px;
}

.card .form-control {
    padding: 5px 10px;
    color: #000;
    font-size: 13px;
}

.card .form-group label {
    font-size: 14px;
    position: static;
    font-weight: 600 !important;
    margin-bottom: 2px;
    font-family: 'Avenir Heavy' !important;
}
.form-group label {
    font-size: 14px;
    font-weight: 600 !important;
    margin-bottom: 2px;
    font-family: 'Avenir Heavy' !important;
}
/* .card .form-group {
    line-height: 1.5;
} */

.card-header:first-child {
    border-radius: calc(0px - 0px) calc(0px - 0px) 0 0;
}

.prd-head {
    background: #8b0101;
    color: #fff;
}

.card-invoice-booking p,
.card-invoice-booking p span {
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    color: #000;
}

.bill-invoice-item p {
    font-size: 13px;
    font-weight: 400;
    line-height: 15px;
}

label {
    color: #000 !important;
    margin-bottom: 2px;
}

.finder-time .input-group-append.right {
    position: absolute;
    top: 35px;
    right: 28px;
}

.invoice-view-sub-total {
    line-height: 1.5;
}

.invoice-view-sub-total .sub-text {
    font-weight: 600;
    color: #000;
    font-size: 16px;
}

.invoice-view-sub-total .sub-total {
    font-weight: 400;
    color: #000;
    font-size: 14px;
}

.invoice-view-sub-total .sub-text-total {
    font-weight: 600;
    color: #000;
    font-size: 14px;
}

.main-invoice-booking {
    border: 1px solid #CCCCCC;
}
.main-invoice-booking .card-invoice-booking p{font-weight: 600;}
.main-invoice-booking .card-invoice-booking p span{font-weight: 400;}
.main-invoice-booking .card-invoice-booking .bill-invoice-item p{font-weight: 400;}

.payment-form-wrap h4.form-title {
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
}

.payment-form-wrap .panel-body {
    border-top: 0;
    border-bottom: 1px solid #cccccc;
    margin-bottom: 35px
}

.form-actions-buttons button {
    height: 45px;
    min-width: 115px;
    border-radius: 2px;
    color: #fff;
    background-color: #8b0101;
    border-color: #8b0101;
    padding: 4px 28px;
    font-size: 14px;
}

.req-input-talent .form-control:disabled,
.form-control[readonly] {
    background-color: #fff;
}

.card-header.prd-head h4 {
    font-size: 20px;
    margin-bottom: 0;
    font-weight: 600;
}

.payment-form-wrap .has-error input {
    border: 1px solid red !important;
}


/* end checkout page css */


/* User form */

small#passwordHelpBlock {
    text-align: center;
    font-size: 15px;
}


/* Upload file design */

.upload_photo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
}

.take_photo {
    width: 80px;
    height: 80px;
    background: #EEF5F7;
    border-radius: 0px;
    position: relative;
    overflow: hidden;
    border: 1px solid #ccc;
}

.take_photo img {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
    max-width: 80px;
    cursor: pointer;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
}

.photo_detail {
    padding-right: 20px;
    width: calc(100% - 80px);
    cursor: pointer;
}

.take_photo label {
    position: unset !important;
}

.photo_detail label {
    margin: 0;
    position: unset;
}

.photo_detail h3 {
    font-weight: normal;
    font-size: 18px;
    font-family: 'Avenir Heavy';
    margin: 0;
    line-height: normal;
}

.take_photo>input {
    display: none;
}

.custom-file-input {
    cursor: pointer;
}


/* End Upload file design */


/* End User form */


/*Loader css start here*/

#loader {
    position: fixed;
    left: 0;
    right: 0;
    text-align: center;
    bottom: 0;
    top: 0;
    background: rgba(223, 223, 223, 0.5);
    z-index: 9999;
}

.spinner {
    left: 0;
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    text-align: center;
}

.loader_outer {
    background: hsla(0, 0%, 100%, .8);
    bottom: 0;
    top: 0;
    z-index: 99999;
    left: 0;
    position: fixed;
    right: 0;
    background: #ffffff;
}

.loader_scroll {
    overflow: hidden;
}

.spinner .bounce1 {
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s;
}

.spinner div {
    width: 22px;
    height: 22px;
    background-color: #c7c7c7;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation-delay: 0s;
}

.spinner .bounce2 {
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s;
}


/* Event List CSS Begin Here*/

a.bg-light:hover,
a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
    background-color: transparent !important;
}

button.edit-text i.fa.fa-edit {
    color: #8b0101;
}

button.delete-trash i.fa.fa-trash {
    font-size: 20px;
    color: #233242;
}

.modal-header .close {
    padding: 0px 5px;
    margin: -1rem -1rem -1rem auto;
}

span.cal-santa-finder {
    position: absolute;
    right: 10px;
    top: 25px;
    cursor: pointer;
    max-width: 20px;
}


.form-control {
    height: 30px !important;
}

.dataTables_filter input.form-control {
    min-width: 450px;
}

.dataTables_length {
    display: none;
}

.event-booking-list-main .dataTables_filter {
    position: unset;
    margin-bottom: 40px;
}

.page-wrapper table th,
.page-wrapper table td {
    padding: 8px 10px;
    word-break: break-word;
    font-size: 14px;
}

.page-wrapper table.dataTable th {
    background-color: #233242;
}

.page-wrapper table.dataTable {
    border-collapse: collapse !important;
    border: 1px solid #ccc !important;
    white-space: nowrap !important;
}

.page-wrapper table th,
.page-wrapper table td {
    border: 1px solid #ccc;
}

.daterangepicker .calendar-table th,
.daterangepicker .calendar-table td {
    padding: 0 !important;
}

i.fas.fa-eye {
    color: #4382AB;
    font-size: 14px;
}

.dataTables_info {
    color: #000;
    font-size: 13px;
    font-weight: 400;
}

.modal-title {
    margin-bottom: 0;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #000;
}

.modal-content {
    padding: 28px 30px 38px;
    position: relative;
    display: flex;
    flex-direction: column;
    width: 600px;
    pointer-events: auto;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    outline: 0;
}

.modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 0;
    margin-bottom: 8px;
}

.modal-title {
    margin-bottom: 0;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #000;
}

.modal textarea {
    width: 100%;
    resize: none;
    padding: 9px;
    border-color: #cccccc;
    border-radius: 2px;
}

.modal textarea:focus-visible {
    outline: none;
}

.form-actions-buttons button.form-reset-button {
    color: #fff;
    border-color: #233242 !important;
    background: #233242 !important;
}

.close {
    float: none;
    opacity: 1;
}

.close:not(:disabled):not(.disabled):hover,
.close:not(:disabled):not(.disabled):focus {
    opacity: 1;
    color: #fff;
    border-color: #233242 !important;
    background: #233242 !important;
}

.fa,
.fab,
.fal,
.far,
.fas {
    font-family: 'Font Awesome 5 Free';
}


/* calendar CSS Begin Here */

.modal .close {
    float: none;
    line-height: normal;
    text-shadow: none;
    opacity: 1;
}

.modal .close:hover {
    opacity: 1 !important;
    color: #fff !important;
}

table th {
    /* background: #233242; */
    color: #fff;
    font-weight: normal;
}

.ui-datepicker-calendar th {
    padding-right: 5px !important;
    padding: 5px 5px;
    border: 0;
    background: #fff;
    color: #2e2e2e;
}

.page-wrapper .ui-datepicker-calendar td {
    padding: 2px;
    border: 0
}

.events-container {
    max-width: 1400px !important;
    margin: 0 auto;
}

.page-wrapper .ui-datepicker-calendar td a.ui-state-default {
    padding: 2px;
    border: 0;
    text-align: center;
    color: #2e2e2e;
    background-color: #fff;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    padding: 9px 0;
    margin: 0 auto;
}

.ui-widget.ui-widget-content.ui-datepicker {
    width: auto;
    border: 0;
}

.page-wrapper .ui-datepicker-calendar td a.ui-state-active,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    background-color: #1473e4;
    color: #fff;
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 !important;
    line-height: normal !important;
    text-align: left !important;
}

.ui-datepicker .ui-datepicker-header {
    padding: 5px 5px !important;
    border: 0;
    background-color: #fff;
}

.ui-datepicker .ui-datepicker-prev {
    left: calc(100% - 55px) !important;
}

.ui-widget-header .ui-icon {
    background-image: none !important;
    position: relative !important;
    text-indent: 0 !important;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    left: 0 !important;
    top: 0 !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
    font-size: 0;
    height: 18px;
}

.ui-widget-header .ui-icon.ui-icon-circle-triangle-w:before {
    content: "\f104";
    position: absolute;
    font-size: 18px;
}

.ui-widget-header .ui-icon.ui-icon-circle-triangle-e:before {
    content: "\f105";
    position: absolute;
    font-size: 18px;
}

.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-next-hover {
    right: 0;
}

a.ui-datepicker-prev.ui-corner-all.ui-state-hover,
a.ui-datepicker-next.ui-corner-all.ui-state-hover {
    background: #fff;
    border-radius: 4px;
    border: 0;
}

.ui-datepicker .ui-datepicker-prev.ui-state-hover,
.ui-datepicker .ui-datepicker-next.ui-state-hover {
    font-weight: inherit;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    top: 6px !important;
    width: auto !important;
    height: auto !important;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    font-family: 'Font Awesome 5 Free';
}

.ui-datepicker-calendar td a.ui-state-default {
    padding: 2px;
    border: 0;
    text-align: center;
    color: #2e2e2e;
    background-color: #fff;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    padding: 9px 0;
    margin: 0 auto;
}

.ui-datepicker-calendar td a.ui-state-active,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    background-color: #1473e4;
    color: #fff;
}

div#event_entry_modal.modal.fade.show {
    display: flex !important;
    align-items: center;
}

div#update_event.modal.fade.show {
    display: flex !important;
    align-items: center;
}

.modal-body .form-group label {
    position: unset;
}

.modal-header {
    border-bottom: 0;
}

.modal-footer {
    border-top: 0;
}

@-webkit-keyframes sk-bouncedelay {
    0%,
    80%,
    100% {
        -webkit-transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes sk-bouncedelay {
    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    40% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }
}

.spinner .bounce1 {
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s;
}

.spinner div {
    width: 22px;
    height: 22px;
    background-color: #8b0101;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation-delay: 0s;
}

.spinner .bounce2 {
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s;
}

@-webkit-keyframes sk-bouncedelay {
    0%,
    80%,
    100% {
        -webkit-transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes sk-bouncedelay {
    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    40% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }
}


/*Loader css end here*/


/*-------------------------------------- Footer css --------------------*/

.footer-top {
    color: #6c6c6c;
    padding: 100px 0;
    background: #fff;
}

.footer-top p {
    margin: 0;
    font-size: 20px;
}

.footer-bottom {
    background: #8b0101;
    text-align: center;
    padding: 18px 10px;
    color: #fff
}

.footer-bottom p {
    margin: 0;
    font-size: 14px;
    line-height: normal
}

.footer-bottom a,
.footer-bottom span {
    color: #fff;
    font-family: 'Avenir Heavy'
}

.ftr-text h4 {
    color: #000;
    font-family: 'Avenir Heavy';
    font-size: 32px !important;
    font-weight: normal;
    margin: 0 0 15px;
}


/*-------------------------------------- End Footer css --------------------*/


/* 17-7-2020 */

.static-label {
    position: unset !important;
    margin: 0 0 5px !important;
}

.edit-page .common-box {
    max-width: 100%;
    padding-left: 35px;
    padding-right: 35px;
}

.change-pass2 {
    padding-left: 0px;
}

.brd-hide {
    border: none;
}

.verify-text img {
    display: block;
    margin: 0 auto;
    max-width: 300px;
    width: 100%;
}

.verify-text .alert {
    padding: 0 !important;
}

.verify-text {
    padding: 35px 20px;
}

.verify-text button.close {
    top: -27px !important;
    font-size: 24px !important;
}

.verify-text p {
    margin: 25px 0 0;
    text-align: center;
    font-size: 20px;
    padding: 0;
    line-height: 24px;
    font-family: 'Avenir Heavy';
}

.verify-text button.close {
    position: absolute;
    right: 3px;
    top: 6px;
}

.verify-text p a {
    color: #8b0101;
    text-decoration: underline;
    display: inline-block;
    margin-top: 10px;
    font-family: 'Avenir Heavy';
    font-size: 16px;
}

ul.menus {
    margin: 0;
}

.verify-text {
    margin: 0 !important;
}

.santa-profile span {
    padding-left: 0;
}

.santa-profile img {
    max-width: 100%;
}

.cmn-profile {
    width: 38px;
    height: 38px;
    display: inline-block;
    border-radius: 50px;
    margin-right: 10px;
    padding-left: 0px;
}

.header .container {
    position: relative;
}

.verify-page {
    padding: 40px 0;
}

.forget-page .alert.alert-success {
    text-align: center;
    margin: 15px 0 0;
}


/* End 17-7-2020 */


/* 20-7-2020 */


/*select.form-field { -webkit-appearance: none; -moz-appearance: none; background-image: url(../../web/images/select-arrow.png); background-size: 18px; background-repeat: no-repeat; background-position: right 4px; cursor: pointer; padding-right: 20px !important; background-color:transparent !important; }*/

.regis-box p {
    font-size: 16px;
    margin-bottom: 0;
}

.margin-btm {
    margin-bottom: 0 !important;
}

.regis-box a {
    text-decoration: underline;
}

.same-form h2 {
    margin-bottom: 5px !important;
}

.regis-box {
    margin: 0 0 0px !important;
}

.user-login-page .alert.alert-danger {
    margin-bottom: 12px;
}


/* End 20-7-2020 */


/* 21-7-2020 */

button.close {
    line-height: 14px;
}

.santa-profile {
    vertical-align: middle;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 40px;
}

.santa-profile span {
    padding-left: 0;
}

.santa-profile img {
    max-width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
    max-width: 38px;
    cursor: pointer;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
}

.cmn-profile {
    width: 38px;
    height: 38px;
    display: inline-block;
    border-radius: 0px;
    margin-right: 10px;
    padding-left: 0px;
    overflow: hidden;
    position: absolute;
    left: 10px;
}

.alert button.close {
    position: absolute;
    right: -4px;
    top: 48%;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.alert.alert-danger {
    padding: 10px;
    background-color: rgb(139 1 1 / 19%);
    border-left: solid 4px #8b0101;
}

.alert {
    color: #000;
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-radius: 0;
    padding-right: 22px !important;
    font-size: 14px;
    text-align: left !important;
    margin-bottom: 12px;
    padding-top: 10px;
    padding-bottom: 9px;
    line-height: 19px;
}

.alert.alert-success {
    background-color: rgb(40 167 69 / 14%);
    border-left: solid 4px #28a745;
}

.edit-page button.close {
    line-height: 16px;
}

.photo_detail {
    position: relative;
}

.photo_detail label.custom-file-label {
    position: absolute;
    top: 0 !important;
    width: 100%;
    right: 0;
    left: 0px;
    max-width: 220px;
    line-height: 25px;
}

.custom-file-input:focus~.custom-file-label {
    border-color: none !important;
    box-shadow: none !important;
}


/* End 21-7-2020 */


/* 22-7-2020 */

.bootstrap-select button.btn {
    background: transparent;
    padding: 0;
    border: none;
    border-radius: 0px;
    font-weight: normal;
    line-height: 20px;
}

.bootstrap-select button.btn span {
    color: #000;
    font-size: 16px;
    font-family: 'Avenir Roman';
    line-height: normal;
    height: auto !important;
}

.bootstrap-select button.btn.dropdown-toggle {
    padding-right: 28px;
}

.bootstrap-select .dropdown-menu.show>.dropdown-menu {
    display: block;
}

.bootstrap-select.btn-group .dropdown-menu li a {
    color: #000;
    font-size: 16px;
    padding: 4px 15px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    white-space: nowrap;
    display: block;
}

.bootstrap-select span.caret {
    border-top: 7px dashed;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
}

.form-group .form-field {
    line-height: 22px;
}

.bootstrap-select button.btn:focus {
    outline: none;
    box-shadow: none;
    border: none;
}

.form-group input:-webkit-autofill~label {
    top: -16px;
}

.calander-select .dropdown-toggle::after {
    display: none;
}


/* End 22-7-2020 */

.content-wrapper {
    background: #fff !important;
}

.change-pass .btn.common-btn {
    margin-top: 0;
}


/* Personalized page */

.basic-detail {
    margin-top: 20px;
}

.child-btn {
    text-align: center;
    position: relative;
}

.child-btn h3 {
    font-size: 24px;
    margin-bottom: 0;
}

.add-btn {
    position: unset;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    /* right: 0; */
    margin: 0;
    /* top: -6px; */
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.add-child-head {
    padding: 0px 0 0px;
}

.add-child-head p {
    margin: 5px 0 0;
    color: #000;
    font-family: 'Avenir Heavy';
    font-size: 12px;
    display: inline-block;
    width: 100%;
    text-align: right;
    line-height: normal;
}

.add-child-cmn {
    border: 2px solid #ccc;
    padding: 10px 15px;
    margin: 0 0 25px;
}

.add-body {
    padding: 20px 0 20px;
}

.add-body .btn.common-btn {
    width: auto;
}

.personalize-btn {
    width: 100%;
    padding: 0 15px;
}

.custom-date input {
    border: none;
    height: auto !important;
    width: 40px;
}

.custom-date input:focus {
    outline: none;
    box-shadow: none;
}

.custom-date input.year {
    width: 80px;
}

.personalize-btn .btn.common-btn {
    margin-right: 0px;
    width: auto;
    margin-top: 0;
    font-size: 18px;
    min-width: 130px;
    padding: 11px 30px;
}

.personalize-btn .sv-group .btn.common-btn:last-child {
    margin-right: 0;
}

.bootstrap-select .dropdown-toggle::after {
    opacity: 0;
}

.form-field.custom-date {
    padding-top: 8px;
}

.add-body .form-group {
    margin-left: 10px;
    margin-right: 10px;
}

.position-static {
    position: absolute !important;
    top: -15px !important;
}

.custom-calender .personalize-btn {
    margin-top: 25px;
}

.add-btn .common-btn {
    font-size: 16px;
    margin-top: 0;
    width: auto;
    padding: 5px 15px;
    min-width: 150px;
}

.skip {
    text-decoration: underline;
    margin: 0 20px;
}


/* Step head design */

.cmn-progress {
    padding: 0 15px;
}

.progressbar {
    width: 100%;
    padding: 0 0 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.form-progress-box ul li {
    text-transform: capitalize !important;
    font-size: 18px !important;
    padding: 0 !important;
    font-family: 'Avenir Heavy';
    color: #a9a9a9 !important;
    list-style-type: none;
    width: 25%;
    float: left;
    position: relative;
    text-align: center;
}

.form-progress-box #progressbar {
    width: 100%;
    padding: 25px 0 40px 0;
    margin: 0;
}

.form-progress-box ul li::before {
    content: "";
    font-size: 0 !important;
    width: auto !important;
    height: 2px;
    position: absolute;
    z-index: 12;
    left: 0;
    right: 0;
    top: 49%;
    background: #e7e7e7 !important;
}

.form-progress-box ul li span {
    position: relative;
    z-index: 12;
    background: #fff;
    padding: 0 15px !important;
    display: inline-block;
    line-height: normal;
}

.form-progress-box ul li.active {
    color: #8b0101 !important;
}

.extented-clm li {
    width: 20% !important;
}

.bootstrap-select.form-field.month {
    width: 80px !important;
}

.bootstrap-select.form-field.date {
    width: 65px !important;
}

.bootstrap-select.form-field.year {
    width: 70px !important;
}

.custom-date .bootstrap-select.form-field {
    border: none;
    padding: 0;
}

.child-form {
    padding: 0 10px 20px;
    text-transform: inherit;
}

.delete {
    margin-left: 10px;
    margin-bottom: 15px;
    display: inline-block;
    font-size: 22px;
    float: right;
    margin-right: 5px;
}

.add-btn i {
    margin: 0 0 0 4px;
    font-size: 14px;
}


/* End Step head design */


/* Audution video */

.start-recording {
    text-align: center;
    padding: 10px 0;
}

.audition-time {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 9;
    background: rgb(17 17 17 / 70%);
    border-radius: 50px;
    width: 70px;
    height: 70px;
    text-align: center;
    padding: 15px 15px;
    border: 1px solid #fff;
}

.audition-time h3 {
    font-size: 24px;
    color: #fff;
    margin: 0;
    line-height: 18px;
}

.audition-time h3 span {
    font-size: 16px !important;
}

.audition-time span#seconds {
    font-size: 20px !important;
}

.audition-video {
    position: relative;
    z-index: 0;
    width: 100%;
    height: 400px;
    max-width: 700px;
    margin: 0 auto;
}

.st-record {
    position: absolute;
    left: 25px;
    top: 25px;
    z-index: 9;
}

.red-circule {
    width: 25px;
    height: 25px;
    background: #e22600;
    border-radius: 50px;
}

.st-record p {
    margin: 0 0 0 10px;
    color: #fff;
    font-size: 16px;
}

.audition-full {
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: 9;
}

.audition-full a {
    display: inline-block;
}

.audition-full img {
    width: 25px;
}

.rc-icon {
    max-width: 30px;
    margin: 0 5px;
}


/*.audition-video #screeningVideo { width: 1140px; height: 608px; }*/

.audition-icon .vedio-controls-icon {
    margin: 0 20px !important;
}

.audition-icon .vedio-controls-icon img {
    width: 48px;
}

.audition-icon {
    padding: 15px 0 15px !important;
}

.audition-icon h5 {
    font-family: 'Avenir Heavy';
    margin-top: 10px;
    font-size: 18px !important;
    color: #1e1e1e;
}

.audition-btn {
    max-width: 750px;
    margin: 0 auto;
    display: block;
    overflow: hidden;
}

.personalised-record .vedio-controls-icon {
    margin: 0 12px !important;
}


/* End Audution video */


/* End Personalized page */


/* Calender Design */

.calander-head {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border: 1px solid #ccc;
    padding: 18px 25px;
    border-radius: 5px;
    margin-bottom: 10px;
}

.custom-calender {
    padding: 15px 0;
}

.cld-wd {
    width: 37.333%;
    padding: 0 10px;
}

.tm-wd {
    width: 62.66%;
    padding: 0 10px;
}

.custom-calender h2 {
    text-align: center;
    font-family: 'Avenir Heavy';
    font-size: 24px;
    margin: 0 0 15px;
}

.cald-arrow {
    font-size: 24px;
    cursor: pointer;
}

.calander-head h4 {
    color: #373737;
    font-size: 18px;
    font-family: 'Avenir Heavy';
    padding: 0 10px;
}

.cald-body {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 15px 0;
}

.cald-body table {
    width: 100%;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.cald-body table th {
    color: #373737;
    font-size: 15px;
    padding-bottom: 10px !important;
}

.cald-body table td {
    font-family: 'Avenir Heavy';
}

.cald-body table td span {
    width: 50px;
    display: inline-block;
    text-align: center;
    padding: 10px 5px 8px;
    border-radius: 50px;
    height: 50px;
    line-height: 16px;
    font-size: 18px;
    color: #000;
    cursor: pointer;
}

.cald-body table td span .price {
    width: auto;
    background: transparent !important;
    font-size: 11px;
    padding: 0;
    height: auto;
    font-family: 'Avenir Heavy';
    display: block;
}

.cald-body table td.select span .price {
    color: #fff;
}

.cald-body table td.select span {
    background: #c8191a;
    color: #fff;
}

.time-body {
    position: relative;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 15px 15px;
    overflow-y: scroll;
    height: 245px;
    -webkit-overflow-scrolling: touch;
}

.time-bx li {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 13px 10px 13px;
    width: 100%;
    max-width: 100px;
    font-size: 15px;
    text-align: center;
    margin: 0 13px 13px 0px;
    cursor: pointer;
    font-family: 'Avenir Heavy';
}

.time-bx {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.continue-btn .common-btn {
    width: auto;
}

.time-bx li.select {
    background: #c8191a;
    color: #fff;
    border-color: #c8191a;
}

.time-bx li.guaranteed-select {
    background: orange;
    color: #fff;
    border-color: orange;
}

.info-icon {
    border: 1px solid #000;
    font-size: 16px;
    width: 35px;
    height: 35px;
    text-align: center;
    padding: 8px 0 6px;
    border-radius: 50px;
    background: #000;
    color: #fff;
}

.calander-head h4 a {
    text-decoration: underline;
}

.time-head {
    padding-top: 12px;
    padding-bottom: 12px;
}

.slct-box select {
    border: none !important;
    padding: 0 15px 0 0px !important;
    color: #000;
    text-decoration: underline;
    font-size: 18px !important;
    max-width: 360px;
}

.slct-box .form-group {
    width: auto;
    margin: 0;
}

.slct-box select:focus {
    outline: none;
    box-shadow: none;
}

.time-head {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.slct-box {
    width: calc(100% - 40px);
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.custom-calender p {
    font-size: 16px;
}

.user-calander .time-body {
    height: 370px;
}

.user-calander .time-bx li {
    max-width: 90px;
    font-size: 14px;
}

.hide {
    opacity: 0.2;
}

.user-calander h2 {
    margin-bottom: 15px !important;
}


/* End Calender Design */


/* Rating page animation */

.rating-image {
    position: relative;
    overflow: hidden;
}

.error-rating {
    color: red;
    font-size: 15px;
    position: absolute;
    top: 102px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}

#santaRating {
    position: relative;
}

canvas#canvas {
    position: absolute;
    /*height: 100%;*/
    left: 0;
    right: 0;
    width: 100%;
}


/* End Rating page animation */


/* Star rating */

.rate:not(:checked)>input {
    position: absolute;
    /*top: -9999px; */
    opacity: 0;
}

.santa-rating {
    max-width: 480px;
    margin: 0 auto;
}

.rating-image img {
    max-width: 290px;
    margin: 0 auto 30px;
    display: block;
}

.star-design {
    height: 100px;
    margin-bottom: 45px;
}

.rate {
    position: relative;
    z-index: 0;
    max-width: 450px;
    margin: 0 auto;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.rate>input:checked~label {
    background-image: url(../images/rating-tree-green.png);
    background-repeat: no-repeat;
}

.rate>label {
    content: "";
    background-image: url(../images/rating-tree.png);
    background-repeat: no-repeat;
    background-size: 46px;
    margin: 0 5px;
    background-position: top center;
}

.rate:not(:checked)>label {
    float: right;
    width: 80px;
    overflow: visible;
    white-space: nowrap;
    cursor: pointer;
    font-size: 0;
    color: #ccc;
    height: 100px;
    position: relative;
    text-align: center;
}

span.message {
    font-size: 16px;
    color: #000;
    display: block;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    font-family: 'Avenir Heavy';
    top: 82px;
}

.rate:not(:checked)>label:hover,
.rate:not(:checked)>label:hover~label {
    background-image: url(../images/rating-tree-green.png);
    background-repeat: no-repeat;
}

.rate>input:checked+label:hover,
.rate>input:checked+label:hover~label,
.rate>input:checked~label:hover,
.rate>input:checked~label:hover~label,
.rate>label:hover~input:checked~label {
    background-image: url(../images/rating-tree-green.png);
    background-repeat: no-repeat;
}

.rate:not(:checked)>label:hover .message,
.rate:not(:checked)>label:hover~.message {
    color: #03b53b;
}


/*.rate > input:checked + label span  { color: #03b53b; }*/


/* End Star rating */


/* Video Call */

.call-box {
    padding: 0;
}

.call-box .mobile-order-2 {
    width: 100%;
}

.call-box .vedio-middle {
    height: 620px;
}

.call-box .vedio-middle-outer {
    top: -10%;
}

.call-box .vedio-after-effect {
    top: -84px;
    right: -110px;
    width: 80px;
}

.call-box .vedio-before-effect {
    bottom: -75px;
    width: 30px;
}


/* End Video Call */


/*---------------------------  30-7-2020 css -------------------------*/

.thankyou-page h2 {
    margin: 0;
}

.thankyou-page .rating-image img {
    max-width: 420px;
    width: 100%;
}

.white-bg {
    background: #fff;
}

.white-bg .common-form {
    background: #fff;
}


/* Santa video call screen */

.santa-vd .vedio-middle-outer {
    -webkit-transform: scale(3.8);
    -ms-transform: scale(3.8);
    transform: scale(3.8);
    top: 26%;
    -webkit-transform-origin: inherit !important;
    -ms-transform-origin: inherit !important;
    transform-origin: inherit !important;
}

.child-vd .vedio-middle-outer {
    top: 10%;
    -webkit-transform-origin: inherit;
    -ms-transform-origin: inherit;
    transform-origin: inherit;
    -webkit-transform: scale(2.7);
    -ms-transform: scale(2.7);
    transform: scale(2.7);
}

.panel,
.panel-body {
    box-shadow: none;
}

.accordion .card-header {
    padding: 0;
}

.accordion .card-header a {
    display: block;
    padding: 12px 15px;
    text-decoration: none;
    position: relative;
    font-size: 16px;
    font-family: 'Avenir Heavy';
    background: #8b0101;
    color: #fff;
    text-transform: capitalize;
}

.accordion .card-header a.collapsed {
    background: #fff;
    color: #000;
}

.accordion .card-body {
    height: 200px;
    overflow-y: auto;
}

.accordion .card-header a:after {
    content: '-';
    float: right;
}

.card-body {
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.accordion .card-header a.collapsed:after {
    content: '+';
}

.card-body p {
    font-size: 16px;
    margin: 0 0 10px;
    color: #000;
    line-height: normal;
    font-family: 'Avenir Roman';
}

.card-body h4 {
    font-size: 18px;
    margin: 0 0 10px;
    font-family: 'Avenir Heavy';
}

.card-body p strong {
    font-weight: normal !important;
    font-family: 'Avenir Heavy';
    color: #8b0101;
}

.accordion {
    width: 100%;
}

.card {
    border-radius: 0;
    border-bottom: none;
    margin-bottom: 0;
}

.accordion>.card>.card-header {
    margin-bottom: -1px;
}

.accordion .card:last-child .card-header {
    margin-bottom: 0;
}

.strip-timer {
    background: #151515;
    padding: 12px 10px;
    text-align: center;
    position: relative;
}

#timer {
    background: #fff;
    padding: 8px 15px;
    border-radius: 50px;
    min-width: 90px;
    text-align: center;
    font-size: 16px;
    font-family: 'Avenir Heavy';
}

.chid-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    z-index: 999;
    position: relative;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    height: 100%;
    width: 100%;
}

.call-screen .chid-detail {
    display: inline-block;
    z-index: 99;
    position: absolute;
    height: auto;
    width: 100%;
    bottom: 0px;
}

.chid-detail .panel-group {
    background: #fff;
    width: 100%;
    border: 1px solid #ccc;
}

.chid-detail .panel {
    border-bottom: 1px solid #eee;
}

.panel-body {
    padding: 10px 15px;
    border-top: 1px solid #eee;
    font-size: 16px;
    line-height: normal;
}

.mb-santa {
    display: none !important;
}

.child-info-icon {
    position: absolute;
    width: 28px;
    right: 10px;
    top: 17px;
    cursor: pointer;
    z-index: 5;
    display: none;
}


/* End Santa video call screen */


/* video call recording screen */

.vd-record-ps video {
    height: 100% !important;
}

.vd-record-ps .myVideo-dimensions {
    width: 100% !important;
}

#message_block {
    background-color: rgb(139 1 1 / 19%);
    border-left: solid 4px #8b0101;
    color: #000;
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-radius: 0;
    padding-right: 22px !important;
    font-size: 14px;
    text-align: left !important;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 9px;
    line-height: 19px;
    padding: 10px;
}


/*.vd-record-ps { transform: scale(1.1); position: absolute; top: 0; }*/

.vd-rc-txt {
    height: 100%;
    background: #fbfafa;
}

.vd-rc-txt .chid-detail {
    -webkit-box-align: unset;
    -ms-flex-align: unset;
    align-items: unset;
    padding: 15px;
    -webkit-box-pack: unset !important;
    -ms-flex-pack: unset !important;
    justify-content: unset !important;
    height: auto;
}


/* End video call recording screen */


/* 404 error */

.error-page {
    overflow: hidden;
    position: relative;
    width: 100%;
    display: inline-block;
}

.content {
    height: 100%;
    position: relative;
    z-index: 1;
    background-color: #d2e1ec;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#bbcfe1), color-stop(80%, #e8f2f6));
    background-image: linear-gradient(to bottom, #bbcfe1 0%, #e8f2f6 80%);
    overflow: hidden;
}

.main-text h1 {
    color: #8b0101;
}

.snow {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 20;
}

.main-text {
    padding: 50px 20px 0 20px;
    text-align: center;
    line-height: 2em;
    font-size: 5vh;
}

.home-link {
    font-size: 0.6em;
    font-weight: 400;
    color: inherit;
    text-decoration: none;
    opacity: 0.6;
    border-bottom: 1px dashed rgba(93, 115, 153, 0.5);
}

.home-link:hover {
    opacity: 1;
}

.ground {
    height: 300px;
    width: 100%;
    position: unset;
    bottom: 0;
    left: 0;
    background: #f6f9fa;
    box-shadow: 0 0 10px 10px #f6f9fa;
}

.elf-er img {
    width: 100%;
    max-width: 300px;
}

.elf-er img {
    width: 100%;
    max-width: 220px;
    margin: 0 auto 0;
    display: block;
}

.mound {
    margin-top: -90px;
    font-weight: 800;
    font-size: 180px;
    text-align: center;
    color: #dd4040;
    pointer-events: none;
    font-family: 'Avenir Heavy';
}

.mound:before {
    content: '';
    display: block;
    width: 600px;
    height: 200px;
    position: absolute;
    left: 50%;
    margin-left: -300px;
    bottom: -80px;
    z-index: 1;
    border-radius: 100%;
    background-color: #e8f2f6;
    background-image: linear-gradient(to bottom, #dee8f1, #f6f9fa 60px);
}

.mound:after {
    content: '';
    display: block;
    width: 28px;
    height: 6px;
    position: absolute;
    left: 50%;
    margin-left: -150px;
    bottom: 68px;
    z-index: 2;
    background: #dd4040;
    border-radius: 100%;
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
    box-shadow: -56px 12px 0 1px #dd4040, -126px 6px 0 2px #dd4040, -196px 24px 0 3px #dd4040;
}

.mound_text {
    -webkit-transform: rotate(6deg);
    transform: rotate(6deg);
    color: #8b0101;
    position: relative;
    top: 50px;
}

.mound_spade {
    display: block;
    width: 35px;
    height: 30px;
    position: absolute;
    right: 50%;
    bottom: 70px;
    margin-right: -250px;
    z-index: 0;
    -webkit-transform: rotate(35deg);
    transform: rotate(35deg);
    background: #8b0101;
}

.mound_spade:before,
.mound_spade:after {
    content: '';
    display: block;
    position: absolute;
}

.mound_spade:before {
    width: 40%;
    height: 30px;
    bottom: 98%;
    left: 50%;
    margin-left: -20%;
    background: #8b0101;
}

.mound_spade:after {
    width: 100%;
    height: 30px;
    top: -55px;
    left: 0%;
    box-sizing: border-box;
    border: 10px solid #8b0101;
    border-radius: 4px 4px 20px 20px;
}


/* End 404 error */

.grp-btn-pos {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    right: 0;
    margin: 0;
    top: -12px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.grp-btn-pos .add-btn {
    position: unset;
}


/*system check detail css start here*/

.system_check_detail {
    width: 100%;
    display: inline-block;
    padding: 0;
}

.refresh_btn a {
    color: #7702ff;
}

.check_screen p {
    margin-bottom: 5px;
    font-size: 15px;
}

.system_check {
    width: 35%;
    display: inline-block;
    padding-right: 30px;
}

.system_check_list {
    display: inline-block;
    vertical-align: top;
    padding-top: 22px;
    width: 65%;
    margin-left: -5px;
}

.check_type {
    font-size: 20px;
    color: #47525e;
    width: 100%;
    display: inline-block;
    text-align: center;
}

.check_img {
    width: 100%;
    display: inline-block;
    text-align: center;
    padding: 10px 0;
}

.check_status {
    text-align: center;
    width: 100%;
    display: inline-block;
    color: #5c5c5c;
    font-size: 14px;
}

.check_status.passed_status {
    color: #11cd6c;
    font-size: 14px;
}

.check_status.failed_status {
    color: #fe0000;
    font-size: 14px;
}

.diagnostics li {
    list-style: none;
    width: 25%;
    float: left;
}

.diagnostics li span {
    font-size: 16px;
    letter-spacing: 0.5px;
}

.diagnostics {
    width: 100%;
    float: left;
    border-bottom: 1px solid #CFCFCF;
    padding-bottom: 15px;
    margin-bottom: 15px;
    padding-left: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.diagnostics:last-child {
    margin-bottom: 0;
}

.diagnostics_inner {
    width: 130px;
    float: left;
}

.check_screen video {
    width: 100%;
    min-height: 200px;
}

.diagnostics_test {
    width: 50%;
    display: inline-block;
    padding-right: 15px;
    vertical-align: top;
}

.diagnostics_result {
    width: 50%;
    display: inline-block;
    margin-left: -5px;
    padding: 0 15px;
    vertical-align: top;
}

.diagnostics_test h3 {
    margin: 0 0 8px;
    font-size: 20px;
    color: #000;
    font-family: 'Avenir Heavy';
    font-weight: normal;
}

.diagnostics_result h3 {
    margin: 0 0 8px;
    font-size: 20px;
    color: #47525e;
}

.diagnostics_result h3 .high_width {
    float: right;
}

.click_to_play .diagnostics_test {
    vertical-align: middle;
}

.click_to_play .diagnostics_result {
    vertical-align: middle;
}

.sound_icon {
    display: inline-block;
    vertical-align: middle;
    padding-right: 10px;
}

.play_sound {
    display: inline-block;
    vertical-align: middle;
}

.green_dot {
    width: 10px;
    height: 10px;
    display: inline-block;
    background: #11cd6c;
    border-radius: 100%;
    margin-right: 8px;
}

.diagnostics_test {
    display: inline-block;
    width: 50%;
    padding-right: 15px;
}

.diagnostics_video {
    width: 100%;
    float: left;
    position: relative;
}

.diagnostics_video_close a {
    position: absolute;
    right: -20px;
    background: #8b0101;
    padding: 10px 10px;
    text-align: center;
    border: 3px solid #fff;
    bottom: -18px;
    border-radius: 3px;
    z-index: 9;
}

.diagnostics_result .play_sound {
    font-size: 16px;
    color: #5c5c5c;
}

.diagnostics_video_close img {
    max-width: 22px;
}

.frozen_screen {
    font-size: 15px;
    display: inline-block;
    width: 100%;
    max-width: 100%;
    margin: 15px 0;
}

.refresh_btn a {
    color: #8b0101;
}

.diagnostics p {
    font-size: 14px
}

.check_screen p img {
    max-width: 17px;
    display: inline-block;
    margin-top: -4px;
}

.check_img img {
    max-height: 70px;
}

.check_type {
    font-size: 18px;
}

.diagnostics_inner {
    width: auto;
    text-align: center;
    margin: 0 auto;
    float: none;
}

.check_screen .diagnostics_video {
    width: 100%;
    max-width: 300px;
    min-height: 192px;
    background-color: #5c5c5c;
}

#chkMikeLevel {
    width: 100%;
    height: 15px;
}

.system-skip {
    float: right;
    border: none;
    background: none;
    color: #8b0101;
    padding: 0;
    text-decoration: underline;
    margin-bottom: 10px;
    cursor: pointer;
}

.user-system .common-btn {
    width: auto;
}

button:focus {
    outline: none !important;
    box-shadow: none !important;
}

.fld-icon {
    position: relative;
}

.pst-icon {
    max-width: 14px;
    position: absolute;
    top: -5px;
    width: 100%;
    right: -17px;
}


/*End system check detail css start here*/


/* Tabbing Design */

.nav-tabs {
    border-bottom: 1px solid #dee2e6;
}

.nav-tabs .nav-link {
    border: none;
    border-radius: 0;
    border-top-right-radius: 0;
    font-family: 'Avenir Medium';
    color: #000;
    background: #e9ecef;
    border-color: #e9ecef;
    position: relative;
    margin-right: 0;
    font-size: 16px;
    padding: .5rem 1rem;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    overflow: visible;
    transition: all 0.8s;
}

.nav-tabs .nav-item.active a {
    background: #8b0101;
    color: #fff;
}

.nav-tabs .nav-item a:focus {
    outline: none !important;
    box-shadow: none !important;
    background: #8b0101 !important;
    border-color: #e9ecef !important;
}

.nav-tabs .nav-item a:active {
    outline: none !important;
    box-shadow: none !important;
    background: #8b0101 !important;
    border-color: #e9ecef !important;
}


/* End Tabbing Design */


/* Upcoming page */

.full-wd {
    max-width: inherit;
}

.dataTables_info {
    font-size: 16px;
    margin-bottom: 10px;
}

div.dataTables_wrapper div.dataTables_filter input {
    height: 35px;
}

div.dataTables_wrapper div.dataTables_length select {
    height: 35px;
}

.common-data .card-body {
    padding: 20px 0;
    overflow: hidden;
}

.dataTables_info {
    font-size: 16px;
}

body .common-data table,
body .common-data table tr td,
body .common-data table tr th {
    border-collapse: collapse !important;
}

.common-data .table thead th {
    background: #8b0101 !important;
    vertical-align: middle !important;
    color: #fff;
    font-weight: normal;
    font-family: 'Avenir Heavy' !important;
    box-sizing: border-box;
}

.common-data table tr th,
.common-data table tr td {
    padding: 10px 6px !important;
    font-size: 14px;
    vertical-align: middle;
}

.common-data .dataTables_filter {
    position: unset;
}

.common-data table tr a.btn {
    border-radius: 0;
    background: transparent !important;
    padding: 2px !important;
    margin: 0 1px 1px !important;
}

.common-data table tr a.btn.btn-danger {
    color: #8b0101 !important;
}

.common-data .card-body {
    overflow: hidden;
    height: auto;
    padding: 25px 0 0;
    border-bottom: none;
}

.common-data table tr th {
    padding-right: 25px !important;
}

.common-data table tr a.btn i {
    font-size: 21px;
}

.common-data table,
.common-data table tr td,
.common-data table tr th {
    border: 1px solid #dee2e6;
    border-collapse: collapse;
}

.common-data table tr:hover {
    background: transparent !important;
}

.common-data table {
    border-collapse: collapse !important;
}

.common-data table tr th {
    padding-right: 25px !important;
}

.common-data table tr th:nth-child(1) {
    width: 35px !important;
}

.table-scroll {
    overflow: auto;
    height: 450px;
}

.common-data table tr td span.btn {
    padding: 0 !important;
    background: transparent;
    margin: 0 5px !important;
    border: none;
}

.common-data table tr td .btn-info {
    color: #17a2b8 !important;
}

.common-data table tr td .btn i {
    font-size: 22px !important;
}

.common-data table tr td .btn-danger {
    color: #8b0101 !important;
}

.common-data table tr td .btn:hover {
    background-color: transparent;
}

.common-data table tr td .btn:hover {
    opacity: 0.7;
}

table.dataTable thead th:before,
table.dataTable thead th:after {
    opacity: 1 !important;
}

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


/* Event Form Css Begin Here*/
label span.dollar-sign{font-size: 12px;}
.fc-event, .fc-event:hover{color: #fff !important;}
.finder-time {
    position: relative;
}


label {
    color: #000 !important;
    margin-bottom: 2px;
}

.new-client-section-wrapper .new-client-form-section .form-control,
.new-client-section-wrapper .new-client-form-section .form-control::placeholder {
    font-size: 13px;
}
.datainputs {
    margin-top: 10px;
}
.img-width img {
  margin-top: 13px;
}
.google-buttons-group .google-btn img {
    width: 186px!important;
    object-fit: contain;
}

.google-buttons-group .google-btn{padding: 6px 20px;border-radius: 4px;border: 0px solid #ccc;color: #000;font-size: 14px;font-weight: 600;background-color: #fff;margin-bottom: 15px;}
.google-buttons-group .google-btn img{width: 20px;}
.google-buttons-group .button-sep:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background: #ccc;
    left: 0;
    top: 55%;z-index: -1;
}
.google-buttons-group .button-sep{position: relative;z-index: 1;}
.google-buttons-group .button-sep span{background-color: #fff;display: inline-block;padding: 0 5px;font-size: 18px;}

.rv-left-no-separator {
    left: 95px;
}

.rv-right-icon-separator{
    position: absolute;
    height: 20px;
    width: 1px;
    background: #CCCCCC;
    top: 26px;
    right: 40px;
}

.finder-time .input-group-append.left {
    position: absolute;
    top: 33px;
    left: 11px;
}

.finder-time .input-group-append select {
    border: none;
    background-color: transparent;
}

.mobile-select-menu input {
    padding-left: 90px !important;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
    height: 232px;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
    margin-bottom: 8px !important;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
    margin-top: 8px !important;
}


/* End Upcoming page */

.pagination li a {
    color: #8b0101 !important;
    border-color: #8b0101 !important;
    margin: 0 2px;
    font-size: 14px;
    border-radius: 0 !important;
}

.common-data label {
    font-size: 14px;
}

.common-data div.dataTables_wrapper div.dataTables_length select {
    border-radius: 0;
}

.common-data div.dataTables_wrapper div.dataTables_filter input {
    border-radius: 0;
}

.pagination li.active a {
    background-color: #8b0101 !important;
    color: #fff !important;
}

.full-wd {
    max-width: inherit;
}


/* Santa stream call  */

#santa_video .vedio-middle-outer {
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
}

#child_video .vedio-middle-outer {
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.scale_remove .vedio-middle-outer {
    transform: unset !important;
    left: 0;
    top: 0;
}


/* End Santa stream call  */


/* color effect */

.blink-effect {
    width: 100%;
    height: 100%;
    border-color: red;
    border-style: solid;
    border-width: 5px;
    animation: mymove 1.8s infinite;
}

@keyframes mymove {
    from {
        border-color: #8b0101;
    }
    to {
        border-color: #fff;
    }
}

.video-title h3 {
    background: #f9f7f7;
    text-align: center;
    font-size: 14px;
    padding: 2px 0;
    margin: 0;
}

.video-title {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.video-title-santa {
    top: 0;
    bottom: auto;
}


/* color effect */


/* User not connected */

.common-connect {
    height: auto;
    width: 100%;
    position: absolute;
    z-index: 0;
    top: 28%;
    background: rgb(255 255 255 / 67%);
    max-width: 600px;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-radius: 15px;
}

.user-not-connect {
    text-align: center;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 15px;
}

.user-not-connect h4 {
    font-size: 22px;
}


/* End  User not connected */


/* Confirm Password */

.pst-unset {
    position: unset;
}

.reset-pass {
    position: relative;
}

.password-common img {
    width: 100%;
    max-width: 300px;
    margin-bottom: 20px;
}

.password-common button.close {
    position: absolute;
    right: 3px;
    top: 6px;
}

.password-common p {
    margin: 0px 0 10px;
    line-height: normal;
    font-family: 'Avenir Heavy';
}


/* End Confirm Password */


/* Santa Dashborad design */

body:not(.sidebar-mini-md) .content-wrapper,
body:not(.sidebar-mini-md) .main-footer,
body:not(.sidebar-mini-md) .main-header {
    margin-left: 0 !important;
}

.main-dashborad {
    padding: 25px 0 !important;
    background: transparent;
    height: auto !important;
}

.marg-bt {
    margin-bottom: 15px;
}

.wrapper .content-wrapper {
    min-height: calc(100vh - 131px) !important;
}

.main-dashborad a.small-box-footer {
    background: rgb(255 255 255 / 42%);
    text-align: center;
    color: #fff;
}

.small-box .icon {
    position: absolute;
    right: 15px;
    z-index: 1;
    top: 15px;
}

.small-box {
    position: relative;
}

.small-box>.inner {
    position: relative;
    z-index: 2;
    padding-bottom: 30px;
}

.small-box .icon i {
    font-size: 33px;
}

.bg-success .icon i {
    color: green;
}

.bg-info .icon i {
    color: #087688;
}

.bg-warning .icon i {
    color: #dea805;
}

.bg-warning a.small-box-footer {
    background: #dea805;
}

.bg-success a.small-box-footer {
    background: green;
}

.bg-info a.small-box-footer {
    background: #087688;
}

.small-box h3 {
    color: #fff;
}

.small-box p {
    color: #fff;
}


/* End Dashborad design */


/* Santa screening design */

.step-btn .common-btn {
    width: auto;
    margin: 0;
}

.step-back {
    background: transparent;
    color: #000;
    border-color: #000;
}

.step-back:hover {
    background: #000;
    color: #fff;
    border-color: #000;
}


/* End Santa screening design */


/* Radio button design */

.radio-box {
    margin-top: 5px;
}

.radio-box label {
    top: 0 !important;
    pointer-events: inherit;
}

.radio-box [type="radio"]:checked,
.radio-box [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

.radio-box [type="radio"]:checked+label,
.radio-box [type="radio"]:not(:checked)+label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}

.radio-box [type="radio"]:checked+label:before,
.radio-box [type="radio"]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 19px;
    height: 19px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}

.radio-box [type="radio"]:checked+label:after,
.radio-box [type="radio"]:not(:checked)+label:after {
    content: '';
    width: 15px;
    height: 15px;
    background: #0cb04a;
    position: absolute;
    top: 2px;
    left: 2px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.radio-box [type="radio"]:not(:checked)+label:after {
    opacity: 0;
}

.radio-box [type="radio"]:checked+label:after {
    opacity: 1;
}


/* End Radio button design */


/* Download video design */

.download-video img {
    margin: 0 auto;
    display: block;
}

.download-video p {
    text-align: center;
    font-size: 18px;
    margin-top: 20px;
    font-family: 'Avenir heavy';
    margin: 20px 0 0;
}

.download-video img {
    margin: 0 auto;
    display: block;
    max-width: 330px;
}


/* End Download video design */


/* Misscall design */

.miss-box img {
    display: block;
    margin: 0 auto;
    text-align: center;
    max-width: 280px;
}

.miss-box p {
    text-align: center;
    font-family: 'Avenir Heavy';
    margin: 15px 0 0;
}


/* End Misscall design */

.payment-success img {
    max-width: 300px;
    display: block;
    margin: 0 auto 20px;
}

.payment-success {
    text-align: center;
}

.payment-success p {
    margin: 0px 0 0px;
    font-size: 17px;
    font-family: 'Avenir Medium';
}

.payment-success .common-btn {
    width: auto;
}

.payment-success .pmt-reschedule {
    font-family: 'Avenir Heavy';
    font-size: 18px;
}

.payment-success p.order_another_text {
    font-family: 'Avenir Heavy';
    font-size: 20px;
    margin-top: 15px;
}


/* 17-8-2020 Santa screen */

.santa_show .vedio-middle-outer {
    width: 100%;
}

.call-screen {
    background: #fff;
    padding: 0;
}


/*.santa_show .vedio-middle-outer #user_stream_session { height: 334px; }*/

.santa_show .vedio-middle-outer #user_stream_session {
    height: 252px !important;
    width: auto !important;
}

.santa-call .vedio-after-effect {
    display: none;
}

.santa_show #user_stream_session_1 {
    position: relative;
    top: -40px;
}

.vedio-middle-outer #user_stream_session_1 {
    position: relative;
    top: -76px;
}

.santa-call .vedio-middle {
    height: 468px;
    background: #f5f5f5;
}

.santa-call .chid-detail {
    background: #f3f3f3;
    border-left: 1px solid rgba(0, 0, 0, 0.125);
    border-right: 1px solid rgba(0, 0, 0, 0.125);
}

.santa-call .vedio-middle.children_show {
    height: 352px;
}

.santa-call .vedio-middle {
    height: 355px;
}

.santa-call .chid-detail {
    min-height: 108px;
}


/* End Santa screen */


/* user waiting screen */

.message-info {
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 10px 0;
    color: #fff;
}

#waiting_for_santa {
    position: unset;
    transform: unset;
}

#waiting_for_santa img {
    width: 100%;
}

.user_waiting .vedio-middle {
    height: auto;
}

.user_waiting .vedio-bottom-section {
    bottom: 70px;
    z-index: 9 !important;
}

.user-not-connect p {
    width: 100%;
    margin-bottom: 0;
}

.call-box .vedio-header-right-outer {
    transform: unset !important;
    width: 100%;
    left: 0;
    height: 100px;
}


/*.user_waiting .vedio-header-right-outer { transform: unset !important; width: 100%; left: 0; height: 100px; } */

.user_waiting .vedio-header-right-outer #user_stream_session {
    height: 100px;
}

.user_waiting .vedio-header-right-outer #user_stream_session .OT_video-element {
    object-fit: cover;
}

.user_waiting .vedio-header-right-outer .OT_fit-mode-contain {
    width: 150px !important;
    height: 100px !important;
}

.user_waiting .vedio-bottom-section video.OT_video-element {
    -o-object-fit: cover;
    object-fit: cover;
}

.vedio-header-right {
    -webkit-mask-image: -webkit-radial-gradient(white, black);
}


/* End user waiting screen */

.santa-call .vedio-middle-outer {
    transform: unset;
    left: 0;
    top: 0;
}

#waiting_for_user img {
    width: 100%;
}

.children_show .vedio-middle-outer {
    width: 100%;
    height: 100%;
}

.children_show .vedio-middle-outer #user_stream_session_1 .OT_subscriber {
    width: 100% !important;
    height: 620px !important;
}

.santa-call .vedio-bottom-icons {
    border: 1px solid #ccc !important;
}

.edit-profile-page .common-btn {
    width: auto;
    min-width: 200px;
    font-size: 18px;
    padding: 11px 30px;
}

.table-scroll input:focus {
    outline: none !important;
    box-shadow: none !important;
    border-color: inherit !important;
}

.dis .form-field {
    color: #999;
}

.dis .form-group .form-field::-webkit-input-placeholder {
    color: #999;
    background: #fff;
}

.dis .form-group .form-field:-moz-placeholder {
    color: #999;
    opacity: 1;
    background: #fff;
}

.dis .form-group .form-field:-ms-input-placeholder {
    color: #999;
    background: #fff;
}

.status-label {
    font-size: 13px;
    color: #000;
    position: relative;
    top: -1px;
}

.fix-height .dataTables_wrapper {
    height: 450px;
}

.miss-box .common-btn {
    width: auto;
}

.miss-box {
    text-align: center;
}

.edit-profile-page .common-wd {
    max-width: 680px;
}

.photo_detail #vProfilePic-error {
    position: absolute;
    bottom: -18px !important;
    top: auto;
    left: 0px;
    right: 20px;
}

.below_message_text {
    font-size: 14px;
    display: inline-block;
    margin-top: 5px;
    line-height: 20px;
}

table td.dis span {
    background: #EAEDF4;
}


/* Time page */

.user-thankyou-page {
    text-align: center;
    padding: 15px 0;
}

.thank-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #151515;
    padding: 10px 15px;
    border-radius: 50px;
    width: 100%;
}

.thank-flex span {
    color: #fff;
    font-family: 'Avenir Heavy';
    font-size: 20px;
}

.thanks-time {
    margin-top: 5px;
    display: inline-block;
    width: auto;
}

.tm-bx {
    margin: 0 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.tm-bx small {
    color: #fff;
    margin-left: 2px;
    font-family: 'Avenir Heavy';
    font-size: 16px;
}


/* End Time page */

.screening-completed button.close {
    top: 12px !important;
}

.payment-success a {
    text-decoration: underline;
    margin-top: 12px;
    display: inline-block;
}

.cpn-btn .btn.common-btn {
    padding: 10px 15px;
    margin-top: 0;
    font-size: 18px;
    line-height: 20px;
}

.full-subbox table {
    width: 100%;
    background: #fff;
}

.cpn-input .form-group {
    margin-top: 5px;
    margin-bottom: 10px;
}

.full-subbox {
    background: #eaedf4;
    padding: 15px 10px 10px;
    margin-top: 15px;
}


/* User Payment page */

.paymt-card {
    width: 35%;
    padding-left: 20px;
}

.paymnt-poromo {
    width: 65%;
    border-right: 1px solid #ccc;
    padding-right: 20px;
}

.payment-subtotal {
    padding-right: 0%;
}

.paymt-card .payment-box {
    padding-left: 0;
}

.full-subbox h4 {
    font-size: 18px;
    margin: 0 0 5px;
    font-family: 'Avenir Heavy';
}

.payment-subtotal h2 {
    font-size: 20px !important;
    margin-bottom: 25px;
    text-align: left;
}

.payment-box h2 {
    font-size: 20px !important;
    margin-bottom: 25px;
    text-align: left;
}

.full-subbox table td {
    padding: 10px;
    border: 1px solid #ccc;
    font-size: 14px;
}

.full-subbox table td b {
    font-family: 'Avenir Heavy';
}

.full-subbox table td:first-child {
    width: 65%;
}

.full-subbox table td:last-child {
    width: 35%;
}


/* End User Payment page */


/* 28-8-2020 */

.table-scroll a.paginate_button.current {
    background: #8B0101;
    color: #fff !important;
}

.table-scroll a.paginate_button {
    color: #8B0101 !important;
    border-color: #8B0101 !important;
    margin: 0 2px;
    font-size: 14px;
    border-radius: 0 !important;
    border: 1px solid;
    padding: 10px 12px;
    display: inline-block;
}

.common-data div.dataTables_wrapper div.dataTables_filter input,
.common-data div.dataTables_wrapper div.dataTables_length select {
    border: 1px solid #ccc;
    height: 30px;
}


/*div#upcoming-appointment_wrapper, #past-appointment_wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
div.dataTables_wrapper div.dataTables_info { padding-top: 0em; }
#past-appointment_wrapper table { width: 100% !important; }*/


/* End 28-8-2020 */


/* User Listing page */

.listing-page .common-box {
    background: transparent;
    padding: 0 !important;
}

.listing-page .tabbing-wrapper {
    padding: 20px 20px 0;
    background: #fff;
}

.user-table-box table {
    width: 100%;
}

.user-table-box table th,
.user-table-box table td {
    color: #606060;
    font-size: 16px;
    font-family: 'Avenir Roman';
    font-weight: normal;
    padding: 5px 10px;
}

.user-table-box table td {
    color: #000;
    font-size: 16px;
}

.user-table-box table a.btn.common-btn {
    margin: 0;
    font-size: 18px;
    padding: 5px 10px;
    min-width: inherit;
    line-height: 20px;
}

.confirm {
    background: #f3fcf9;
    padding: 7px 10px;
    display: inline-block;
    color: #2bba8e;
}

.table-call-status {
    margin-top: 15px;
}

.user-table-box {
    border: 1px solid #ccc;
    padding: 8px;
    -webkit-box-shadow: -3px 4px 7px 0px rgb(0 0 0 / 26%);
    box-shadow: -3px 4px 7px 0px rgb(0 0 0 / 26%);
    background: #fff;
}

.single-listing .row {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.location-table p {
    margin-bottom: 0;
    line-height: normal;
    font-family: 'Avenir Heavy';
}

.lt-title {
    color: #606060;
    font-size: 16px;
    font-family: 'Avenir Roman';
    font-weight: normal;
    display: inline-block;
    margin-bottom: 8px;
}

.location-table table tr:first-child {
    background: #ffebec;
}

.location-table table tr:nth-child(2) {
    background: #f3fcf9;
}

.location-table table tr:nth-child(3) {
    background: #ededed;
}


/* End User Listing page */

.custom-file-label::after {
    background-color: #8b0101;
    border-left: 1px solid #8b0101;
    color: #fff;
    height: 37px;
}

.custom-file-label {
    color: #8b0101 !important;
    background-color: #fff;
    border: 1px solid #8b0101;
}

.max-lenght {
    font-size: 14px;
}

.call-verification h2 {
    font-size: 24px !important;
    margin-bottom: 40px !important;
}


/* Access error */

.access-error {
    text-align: center;
}

.access-error img {
    max-width: 300px;
    display: block;
    margin: 0 auto 15px;
}

.access-error p {
    font-family: 'Avenir Heavy';
    margin-bottom: 15px;
}

.access-msg {
    width: 100%;
    max-width: 760px;
    display: block;
    margin: 0 auto;
}

.acces-inner {
    display: inline-block;
    width: 100%;
    padding: 20px;
}


/* End Access error */


/* 3-9-2020 */

.change-password-page h2 {
    margin-bottom: 30px;
}

.change-password-page .btn.common-btn {
    width: auto;
}

.table-strip {
    position: relative;
    padding: 10px 15px;
    color: #fff;
    font-family: 'Avenir Heavy';
    letter-spacing: 0.8px;
    left: -20px;
    top: -20px;
    width: 100%;
    max-width: 150px;
    text-align: center;
}

.cmn-user-rep h3 {
    text-align: left;
    font-size: 20px;
    margin-bottom: 25px;
}

.green-mark {
    background: #0cb04a;
}

.blue-mark {
    background: #4f94b7;
}

.red-mark {
    background: #8b0101;
}

.grey-upcoming-bg {
    background: #dddddd;
}

.upcomming-appt-box {
    display: inline-block;
    width: 100%;
    margin-top: 10px;
    padding: 30px 0;
}

.cmn-user-rep {
    margin-top: 0px;
}

.upcomming-appt-box:first-child {
    margin-top: 0;
}


/* End 3-9-2020 */


/* 4-9-2020 */

.space-left {
    margin-left: 6%;
}

.user-table-scrol .btn {
    padding: 5px 10px !important;
    border: 2px solid #8b0101;
}

.user-table-scrol .btn.step-back {
    border-color: #000 !important;
}

.swal2-popup .swal2-actions {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}


/* End 4-9-2020 */


/* 7-9-2020 */

.wait-santa-page .chid-detail {
    position: unset;
    background: #EAEDF4;
    padding: 10px;
    height: 100%;
}

.wait-santa-page .chid-detail h3 {
    text-align: center;
    padding: 10px 0px 5px;
    font-size: 20px;
    color: #8b240f;
    border-bottom: 1px solid;
}


/* End 7-9-2020 */

.payment-subtotal .alert {
    margin-bottom: 15px;
}

.OT_mini .OT_name.OT_mode-off,
.OT_mini .OT_name.OT_mode-on,
.OT_mini .OT_name.OT_mode-auto,
.OT_mini:hover .OT_name.OT_mode-auto {
    display: block !important;
}

.OT_mini .OT_name.OT_mode-on {
    bottom: 0 !important;
    top: auto;
    text-align: center;
    left: 0;
    right: 0;
    padding: 0;
    font-size: 12px;
    word-break: break-word;
}


/* Contact page */

.contact-address {
    background: #eaedf4;
    padding: 25px 20px;
}

.hlf-wd {
    width: 50%;
    padding: 0 10px 0px 0px;
}

.ct-detail p {
    margin: 0;
    line-height: 22px;
    font-size: 16px;
}

.ct-detail {
    margin-bottom: 20px;
}

.ct-detail li a {
    margin: 0 0 8px;
    display: inline-block;
    font-size: 16px;
}

.ct-detail li a i {
    margin-right: 8px;
}

.contact-us .regis-box p {
    font-size: 17px;
    margin: 0 auto;
    max-width: 400px;
    text-align: center;
    padding-top: 10px;
}


/* End Contact page */


/* popup-button page */

.swal2-popup .swal2-styled.swal2-cancel {
    background: transparent !important;
    color: #000 !important;
    border: 2px solid #000 !important;
}

.swal2-popup .swal2-styled.swal2-cancel:hover {
    background: #000 !important;
    color: #fff !important;
}

.swal2-popup .swal2-styled {
    padding: 10px 15px !important;
    border-radius: 0 !important;
}

.swal2-popup .swal2-styled.swal2-confirm {
    border: 2px solid #8b0101 !important;
    background: #8b0101 !important;
}

.swal2-popup .swal2-styled.swal2-confirm:hover {
    background: transparent !important;
    color: #8b0101 !important;
}


/* End popup-button page */

.miss-box a.btn {
    padding: 10px 20px 11px !important;
    border-radius: 0 !important;
    margin-bottom: 5px;
    font-size: 18px;
}

.miss-box h2 {
    font-size: 18px !important;
    margin-top: 20px !important;
    width: 100%;
    margin-bottom: 15px !important;
}

.rating-area textarea {
    height: 40px !important;
}


/* Queue Calender */

div#availability {
    width: 100%;
}

.time-title {
    text-align: center;
    font-size: 18px;
    color: #000;
    margin: 0 0 10px;
}

.screening-date-inner {
    max-width: 450px;
    margin: auto;
    display: block;
    border: 1px solid #47525e;
    border-radius: 7px;
    position: relative;
    z-index: 9;
}

.screening-date-inner .form-group {
    margin: 0;
}

.screening-date-inner .form-group input {
    width: 100%;
    text-align: center;
    background: transparent;
    border: none;
    padding: 10px 20px;
    color: #47525e;
    font-size: 20px;
    font-family: 'Avenir Medium';
    z-index: -1;
}

.screening-date-inner .ckicktoprev {
    position: absolute;
    width: 20px;
    left: 20px;
    cursor: pointer;
    z-index: 9;
}

.screening-date-inner .ckicktonext {
    position: absolute;
    width: 20px;
    right: 0 !important;
    cursor: pointer;
    z-index: 9;
    left: auto;
    text-align: right;
}

.ckicktoprev {
    position: absolute;
    top: 48%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-weight: normal;
    font-size: 32px;
}

.ckicktonext {
    position: absolute;
    top: 48%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-weight: normal;
    font-size: 32px;
}

.screening-table-outer table {
    white-space: nowrap;
}

.screening-date-section {
    position: relative;
}

.screening-radio-btns {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.t-head {
    border: none;
    text-align: center;
    text-transform: capitalize;
    font-size: 18px;
    font-family: 'Avenir Medium';
    color: #47525e;
}

.t-head span {
    display: block;
}

.table-screenprocess th.t-head {
    border: none;
    padding: 8px 15px;
}

.table-screenprocess td {
    border: 1px solid #a8a8a8;
    text-align: center;
    vertical-align: middle;
    padding: 5px;
}

td.td-head-border {
    border: none;
    width: 115px;
}

td.selected {
    background: #0cb04a;
    border-color: #fff;
}

.screening-table-outer table th {
    background: #233242;
    color: #fff;
    font-weight: normal;
    vertical-align: middle;
    font-size: 14px;
}

.screening-table-outer table td {
    font-size: 13px;
    border: 1px solid #ccc;
    padding: 7px 10px;
    color: #000;
    vertical-align: middle;
}

.screening-table-outer {
    max-height: 550px;
    margin-top: 30px;
}

.select-red {
    background: #8b0101;
    color: #fff !important;
    font-family: 'Avenir Heavy';
}

.select-green {
    background: #0cb04a;
}

.call-queue-calendar {
    padding-top: 15px;
    padding-bottom: 15px;
}

.queue-tile {
    text-align: center;
    margin: 17px 0 10px;
    font-size: 30px;
}

.call-queue-calendar .screening-table-outer {
    max-height: 462px;
}

.call-queue-calendar .screening-date-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.call-queue-calendar .screening-date-inner {
    display: inline-block;
    margin: 0;
    max-width: 310px;
    width: 100%;
}

.call-queue-calendar .time-title {
    width: 50%;
    text-align: left;
    margin-bottom: 0;
}

.call-queue-calendar .screening-table-outer {
    margin-top: 10px;
}


/* End Queue Calender */

.OT_archiving-light-box {
    display: none !important;
}


/* Video play 23-9-2020*/

.video-js .vjs-big-play-button {
    background-color: #8b0101 !important;
    border-radius: 15px;
    font-family: 'Avenir Heavy';
    border: 2px solid #8b0101 !important;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
    transform-origin: center;
    transform: translate(0%, -50%);
    height: 55px;
    line-height: 49px;
}

.video-js .vjs-big-play-button:hover {
    background-color: #fff !important;
    color: #8b0101 !important;
}

.video-js {
    position: relative;
    z-index: 0 !important;
}

.vdio-head-txt {
    position: relative;
}

.common-video-player h2 {
    margin-bottom: 10px !important;
    font-size: 24px;
}

.common-video-player {
    text-align: center;
}

.vido-decription p {
    font-size: 20px;
    margin-top: 12px;
}

.vido-btns a.btn {
    font-size: 18px !important;
    margin-right: 20px;
    padding: 10px 40px !important;
    line-height: 1.5 !important;
}

.vido-btns a.btn:last-child {
    margin-right: 0;
}

.vido-btns a.btn.hero-order-btn:hover {
    color: #fff;
}

.video-time {
    display: inline-block;
    margin: 0 0 10px;
    position: absolute;
    top: 10px;
    right: 0;
    font-size: 16px;
}


/* End Video play 23-9-2020*/

.with-skip .step-back {
    border-color: #8b0101;
    color: #8b0101;
    text-decoration: none;
}

.with-skip .step-back:hover {
    background: #8b0101;
    color: #fff;
}

.verify-text .btn {
    border-radius: 0 !important;
    padding: 10px 24px !important;
    margin-right: 20px;
}

.verify-text .red-border-btn.hero-order-btn {
    margin-right: 0;
}

.magical_exp {
    max-width: 500px;
    display: inline-block;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 18px;
}

.perview-txt p span {
    display: block;
    font-family: 'Avenir Heavy';
    margin-top: 8px;
}

.perview-txt p {
    font-family: 'Avenir Roman';
}

.disapproved-santa span {
    display: block;
    text-align: center;
    margin-top: 15px;
}

.disapproved-santa img {
    margin-bottom: 30px;
}

.disapproved-santa p {
    margin-top: 15px;
}

.disapproved-santa .verify-text {
    text-align: center;
}

.disapproved-santa a.btn {
    margin-right: 0;
    font-size: 16px;
    margin-top: 20px;
    min-width: auto !important;
}

.santa-cld {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
}

.tooltip-inner {
    max-width: 300px !important;
}

.with-skip.tp-skip {
    text-align: center;
    display: inherit;
    margin: 0 0 10px;
    line-height: 28px;
}

.skip-btn {
    font-family: 'Avenir Heavy';
    text-decoration: underline;
    padding: 0 6px;
    font-size: 24px;
    color: #8b0101;
}

.mr-tp {
    margin-top: -20px;
}

table#screening-process {
    position: relative;
}

#screening-process thead th {
    position: sticky;
    top: 0;
    box-shadow: 0px 2px 0px -1px #fff;
}

.drag-selection {
    position: absolute;
    z-index: 9;
    border: 1px solid #c9371c;
    background: #c9371c;
    background-color: #c9371c;
    border-color: #c9371c;
    opacity: 0.55;
}

div.testArea {
    display: inline-block;
    width: 104px;
    height: 98px;
    position: relative;
    box-sizing: border-box;
    top: -44px;
}

div.testArea div.testName {
    position: absolute;
    top: 0.1em;
    left: 0;
    width: 100%;
    font-size: 1.4em;
    z-index: 9;
}

div.testArea div.meterText {
    position: absolute;
    bottom: 16px;
    left: 0;
    width: 100%;
    font-size: 22px;
    z-index: 9;
}

div.meterText:empty:before {
    content: "0.00";
}

div.testArea div.unit {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    z-index: 9;
    font-size: 15px;
}

div.testArea canvas {
    position: absolute;
    top: 20px;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeOut {
    0% {
        display: block;
        opacity: 1;
    }
    100% {
        display: block;
        opacity: 0;
    }
}

.check_status.internet_speed_pass,
.check_status.internet_speed_fail,
.check_status.internet_speed_checking {
    margin-top: -29px !important;
    float: left;
}

.hero-text-mb {
    display: none;
}

.sucss-bx a.btn {
    border-radius: 17px !important;
}

.free-box img {
    max-width: 130px;
}

.free-box {
    text-align: center;
}

.free-box p {
    margin: 10px 0 0;
    color: #0cb04a;
}

.free-box p strong {
    font-family: 'Avenir Heavy';
}

.rg-activation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 15px auto 0;
    width: 100%;
    max-width: 900px;
}

.rg-activation p {
    margin: 0 0 10px;
    font-family: 'Avenir Roman';
    width: 50%;
    text-align: left;
    font-size: 16px;
    padding: 0 10px;
}

.rg-activation p strong {
    font-family: 'Avenir Heavy';
}

.vedio-bottom-section .OT_name.OT_edge-bar-item.OT_mode-auto {
    opacity: 1 !important;
    background: rgb(0 0 0 / 32%) !important;
    height: 28px !important;
    line-height: 26px !important;
    display: block;
    font-size: 12px;
    left: 0;
    right: 0;
    text-align: center;
    top: auto !important;
    bottom: 0;
}

.vedio-header-right-outer .OT_name.OT_edge-bar-item.OT_mode-on {
    display: block;
    font-size: 12px;
    left: 0;
    right: 0;
    text-align: center;
    bottom: 0;
    top: auto !important;
    padding: 0 5px;
    background: rgb(0 0 0 / 32%);
    height: 28px;
    line-height: 26px;
}

.vedio-header-right-outer .OT_mini .OT_name.OT_mode-auto {
    opacity: 1 !important;
    background: rgb(0 0 0 / 32%) !important;
    height: 28px !important;
    line-height: 26px !important;
    display: block;
    font-size: 12px;
    left: 0;
    right: 0;
    text-align: center;
    top: auto !important;
    bottom: 0;
}

.vedio-bottom-icons span {
    margin: 0 10px;
    cursor: pointer !important;
}

.hm-vdo-icon span {
    cursor: unset !important;
}

.common-lst {
    width: 100%;
}

.listing-page {
    display: inline-block !important;
}

.product-cart thead th {
    background: #8b0101;
    color: #fff;
    font-size: 16px;
    font-family: 'Avenir Heavy';
    border-right: 1px solid #fff;
}

.product-cart thead th:last-child {
    border-right: 1px solid #ccc;
}

.product-cart {
    margin-bottom: 33px;
}

.product-cart table td {
    padding: 10px;
    border: 1px solid #ccc;
    font-size: 14px;
}

.product-cart {
    width: 100%;
    overflow-x: auto;
}

.product-cart table {
    width: 100%;
}

.product-cart th,
.product-cart td {
    padding: 10px;
}

.cpn-input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.cpn-btn {
    width: 120px;
    margin-left: 10px;
}

.cpn-input .form-group {
    width: calc(100% - 130px);
}

.full-subbox {
    margin-bottom: 15px;
    margin-top: 0px;
    border: none;
    padding: 0;
}

.product-cart thead th:nth-child(2) {
    width: 130px;
}

.product-cart thead th:nth-child(3) {
    width: 130px;
}

.product-cart thead th:nth-child(4) {
    width: 110px;
}

.cpn-input {
    max-width: 400px;
}

.payment-box {
    width: 100%;
}

.card-full {
    width: 100%;
    margin-top: 35px;
}

.cpn-input .form-group {
    margin-top: 1px;
    margin-bottom: 0;
}

.cpn-input label {
    font-size: 15px !important;
}

.cpn-btn .btn.common-btn {
    padding: 8px 15px;
    font-size: 16px;
    min-width: inherit !important;
    width: 100%;
    max-width: 120px !important;
}

.full-subbox thead th {
    background: #8b0101;
    color: #fff;
    padding: 10px;
    font-family: 'Avenir Heavy';
}

.bold-text {
    font-family: 'Avenir Heavy';
    color: #000 !important;
}

.call-queue-calendar table {
    border: 1px solid #ccc;
}


/* 11-3-2020 */

.chid-detail #scripts {
    padding: 1.25rem;
    font-size: 16px;
    margin: 0 0 10px;
    color: #000;
    line-height: normal;
    font-family: 'Avenir Roman';
    margin-bottom: 0;
}

.thankyou-page h2 {
    margin: 0;
    font-size: 24px;
    line-height: normal;
}


/* End 11-3-2020 */

.location-table td {
    word-break: break-word;
}

.location-table tr:first-child td {
    word-break: inherit;
}

#scripts p {
    margin: 0;
}


/*start static page css*/

.common-static-page .common-box p span,
.common-static-page .common-box p {
    font-size: 18px !important;
    line-height: 1.5 !important;
    font-family: "Avenir Roman";
}

.common-static-page .common-box p span strong {
    font-size: 18px !important;
    font-family: "Avenir Heavy";
    display: inline-block;
}

.common-static-page .common-box ul li span {
    font-size: 18px !important;
    line-height: 1.5;
    font-family: "Avenir Roman";
}

.common-static-page .common-box h3 span {
    font-size: 24px !important;
    font-family: "Avenir Heavy";
    margin-bottom: 0px !important;
    display: inline-block;
}

.common-static-page .common-box h2 {
    font-size: 35px !important;
    margin: 0 0 20px !important;
}

.common-static-page .common-box p span strong a {
    font-size: 18px !important;
}

.common-static-page .common-box p+ul {
    margin-top: -16px !important;
}

.common-static-page .common-box p span a {
    font-weight: 700 !important;
}

.audio-select {
    margin: 0 0 10px;
}

.user-system {
    position: relative;
}

.system-skip {
    position: absolute;
    top: 10px;
    right: 36px;
}

.option-select label {
    font-size: 16px;
    font-family: 'Avenir Heavy';
    padding-right: 5px;
    display: block;
    margin: 0;
}

.audio-select span.select2.select2-container.select2-container--default {
    width: 250px !important;
}

.option-select a {
    display: inline-block;
    background: #8B0101;
    color: #fff;
    padding: 9px 15px 8px;
    line-height: 22px;
    font-size: 16px;
    border-radius: 10px;
    font-family: 'Avenir Heavy';
}

.call-box .vedio-before-effect {
    display: none;
}

.diagnostic-switch-btn a {
    background: #8b0101;
    color: #fff;
    padding: 8px 12px 9px;
    border-radius: 10px;
    display: inline-block;
    position: absolute;
    left: 0;
    right: 0;
    top: -42px;
    margin: 0 5px;
    font-size: 15px;
    line-height: 20px;
}

.diagnostic-switch-btn a br {
    display: none;
}

.system_check_list .diagnostics_inner {
    position: relative;
}

.diagnostic-switch-btn .audio-select {
    margin: 0;
}


/*end static page css*/


/* 25-03-2021 */

.live-vid-btn a {
    text-decoration: underline;
}


/* end 25-03-2021 */

.note-box p {
    margin: 0;
    line-height: normal;
    font-family: 'Avenir Medium';
}

.gurantee-hour {
    margin-left: 15px;
}

.gurantee-hour li {
    position: relative;
    padding-left: 25px;
    margin-right: 15px;
}

.gurantee-hour li::before {
    content: "";
    width: 20px;
    height: 20px;
    border-radius: 5px;
    position: absolute;
    left: 0;
    top: -1px;
}

.non-gurantee-fix::before {
    background: #c8191a;
}

.gurantee-fix::before {
    background: #fea500;
}

.gurantee-fix {
    color: #fea500;
}

.non-gurantee-fix {
    color: #c8191a;
}

.note-box {
    padding: 15px 0 0;
}

.payment-success .pmt-inner p a.btn {
    margin-left: 8px;
    margin-right: 8px;
}


/* 2-11-2021 */

.modal-body video.pop_camera {
    margin: 0 auto;
    width: 100%;
    min-height: 252px;
}

#list-cameras {
    text-align: center;
}

#list-cameras #camera-drop-down {
    width: 100%;
    padding: 7px 10px;
    margin-bottom: 15px;
}

#cemera-select .modal-dialog.modal-dialog-centered {
    max-width: 479px;
    margin: 0 auto;
}

#exampleModalCenterTitle {
    color: #fff;
    font-weight: bold;
}

#cemera-select .modal-dialog.modal-dialog-centered .modal-content .modal-header {
    background: #8b0101;
}

#cemera-select .modal-footer .btn.btn-dark.play-video {
    padding: 8px 30px;
}

#cemera-select .modal-content .modal-footer {
    display: flex;
    justify-content: center;
    align-content: center;
}

.opt {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

/* .modal-open header.header {
    padding-right: 17px;
} */


/* 2-11-2021 */

@media only screen and (min-width:1400px) {
    .common-btn {
        font-size: 20px;
    }
}

@media only screen and (max-width:1500px) {
    .common-box h2 {
        font-size: 28px;
    }
    .title {
        font-size: 28px;
    }
    .menus li a {
        color: #fff;
        padding: 12px 15px;
    }
    /*.fixed-bar .menus>li>a {padding: 12px 10px;}*/
    .santa-profile {
        padding-left: 45px;
    }
    .elf-er img {
        max-width: 150px;
    }
    .main-text h1 {
        margin-bottom: 10px;
    }
    .dropdown-toggle-btn {
        width: 40px;
        height: 33px;
    }
    .modal-open header.header {
        padding-right: 19px !important;
    }
    /* Santa screen */
    /* End Santa screen */
}

@media only screen and (max-width:1440px) {
    #cemera-select .modal-dialog.modal-dialog-centered {
        top: 7%;
        left: 0;
        margin: 0 auto;
        right: 0;
    }
}

@media only screen and (max-width:1400px) {
    .dropdown-toggle-btn {
        width: 36px;
        height: 28px;
    }
    .common-video-player {
        max-width: 900px;
        margin: 0 auto;
    }
    .vido-btns a.btn {
        font-size: 16px !important;
    }
    .video-time {
        margin: 0 0 10px;
        font-size: 16px;
    }
    .vido-decription p {
        font-size: 18px;
        margin-top: 10px;
    }
    .vido-btns a.btn {
        padding: 8px 35px !important;
        line-height: 1.5 !important;
    }
    .sucss-bx a.btn {
        border-radius: 10px !important;
    }
    .payment-success img {
        max-width: 200px;
    }
    .verify-text img {
        max-width: 200px;
    }
    .call-box .vedio-before-effect {
        display: none;
    }
    .modal-open header.header {
        padding-right: 0 !important;
    }
}

@media only screen and (max-width:991px) {
    .modal-open header.header{padding: 0;}
    .video-time {
        position: unset;
    }
    .common-box.user-system {
        padding-top: 30px;
    }
    /*.audio-select { margin: 15px 0 10px; width: 100%; }
.camera-select { width: 100%; }*/
    .option-select span.select2.select2-container.select2-container--default {
        width: 100% !important;
    }
    .system-skip {
        right: 0px;
    }
    .option-select a {
        padding: 7px 10px;
        line-height: 22px;
        font-size: 14px;
    }
    .diagnostic-switch-btn a br {
        display: block;
    }
    .system_check_list .diagnostics_inner {
        padding: 0 5px;
    }
    .diagnostic-switch-btn a {
        position: unset;
        padding: 10px 26px 11px;
        font-size: 16px;
        margin-bottom: 10px;
        width: 100%;
        display: inline-block;
    }
    /*.swt-btn { display: none; }*/
    .audition-icon {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .audition-icon .vedio-controls-icon {
        margin: 0 20px 10px !important;
        width: 33.3%;
    }
}

@media only screen and (max-width:767px) {
    .rate:not(:checked)>label {
        width: 50px;
        height: 90px;
    }
    .rate>label {
        background-size: 40px;
    }
    .miss-box a.btn {
        padding: 8px 20px 9px !important;
        font-size: 16px;
        min-width: 280px;
    }
    .tooltip-inner {
        max-width: 230px !important;
    }
    .vido-btns a.btn {
        font-size: 16px !important;
        max-width: 320px;
        margin-bottom: 10px;
        white-space: normal;
        padding: 8px 10px !important;
        width: 100%;
        margin-right: 0;
    }
    .vido-btns a.btn:last-child {
        margin-bottom: 0;
    }
    .hero-text-mb {
        display: block;
    }
    .hero-text-ds {
        display: none;
    }
    .payment-success p {
        margin: 0px 0 10px;
    }
    div.testArea {
        width: 80px;
        height: 72px;
        top: -42px;
    }
    div.testArea div.meterText {
        bottom: -1px;
        left: 0;
        font-size: 18px;
    }
    div.testArea div.unit {
        position: absolute;
        bottom: -12px;
        left: 0;
        width: 100%;
        z-index: 9;
        font-size: 12px;
    }
    .check_status.internet_speed_pass,
    .check_status.internet_speed_fail,
    .check_status.internet_speed_checking {
        margin-top: -21px !important;
    }
    .rg-activation p {
        width: 100%;
        font-size: 16px;
        padding: 0;
    }
    span.message {
        font-size: 12px;
        top: 75px;
    }
    .rate>label {
        margin: 0 2px;
    }
    .star-design {
        margin-bottom: 25px;
    }
    .error-rating {
        top: 95px;
    }
    .checkout-section-wrapper .card-body {
        height: auto !important;
    }
}
.or_class{
    width: 33% !important;
}
@media screen and (max-width: 991px) {
    .or_class{
        width: 100% !important;
    }

  }

  div#booking_close_modal {
    padding-right: 0px!important;
}
#booking_close_modal .modal-dialog {
    transform: translate(10%,45%);
}
@media screen and (max-width: 1540px) {
    #booking_close_modal .modal-dialog {
        transform: translate(13%,14%);
    }

  }
  @media screen and (max-width: 991px) {
    #booking_close_modal .modal-dialog {
        transform: translate(0%,23%);
    }
    #booking_close_modal .modal-content {
        width: 100%;
    }
  }

  @media screen and (max-width: 575px) {
    #booking_close_modal .modal-dialog {
        transform: translate(0%,23%);
    }
    #booking_close_modal .modal-content {
        width: 100%;
    }
    .access-error img {
        max-width: 100%;
    }
    #booking_close_modal .modal-content {
        padding: 28px 14px 38px;
    }
    #booking_close_modal .common-box {
        padding: 50px 30px !important;
    }
    #booking_close_modal .modal-body {
        padding: 0rem!important;
    }
  }
  @media screen and (max-width: 420px) {
    #booking_close_modal .modal-dialog {
        transform: translate(0%,32%);
    }

  }