.input-group-addon {
    padding: 6px 12px;
    font-size: 27px;
    font-weight: normal;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #dee2e6
}

.without_ampm::-webkit-datetime-edit-ampm-field {
    display: none;
}

.input-group-addon2 {
    padding: 6px 12px;
    font-size: 27px;
    font-weight: normal;
    line-height: 1;
    color: #555;
    text-align: center;
}

input[type=time]::-webkit-clear-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    appearance: none;
    margin: -10px;
}

.video_available .video-card {
    cursor: pointer;
}

dl.row.vid_details {
    padding-top: 1em;
}

.vid_details dt.col-sm-4 {
    font-weight: 600;
    font-size: 13px;
    margin-top: 4px;
    /* margin-top: 12px; */
    /* margin-bottom: 10px; */
    text-align: left;
    /* padding-top: 0px; */
    color: #353c44;
    /* padding-bottom: 5px; */
}

.vid_details dd.col-sm-8 {
    padding-left: 0px;
    text-align: left;
    font-size: 13px;
    /* margin-top: 10px; */
    margin-bottom: 5px;
    /* padding-bottom: 5px; */
    line-height: 25px;
    font-size: .875rem;
    font-weight: 600;
    color: #525f7f;
}

.vid_details .amt-no-brd {
    border-bottom: 0px !important;
}

.vid_details dd::before {
    content: ":";
    color: #353c44;
    padding-right: 5px;
}

.video_available .video-card:hover {
    background-color: #eeeeee;
}

.video_available {
    height: 400px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.set_time_thumbnai_btn {
    margin: 10px 0;
    position: relative;
}

.set_time_thumbnai_btn .set_start_time {
    margin-right: 0px;
}

#pageloader {
    background: rgba(255, 255, 255, 0.8);
    display: none;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 9999;
}

#pageloader img {
    left: 50%;
    margin-left: -32px;
    margin-top: -32px;
    position: absolute;
    top: 50%;
    max-width: 100%;
    width: 5em;
}

/* Amit Custom CSS starts here */
#collapseButton {
    vertical-align: text-top;
    cursor: pointer;
    font-size: 14px;
    font-weight: 900;
}

/* #hidden {
  display: block;
} */
.card-body.fix-top-bottom {
    padding-top: 10px !important;
    padding-bottom: 10px !important;

}

.form-group.no-margin {
    margin-bottom: 10px !important;
}

td#collapseButton:hover {
    background-color: #f6f9fc;
    cursor: pointer;
    font-size: 14px;
    font-weight: 900;
    content: "Who's Active with this account code.";
}

/*
 CSS for the main interaction
*/
.tabset>input[type="radio"] {
    position: absolute;
    left: -200vw;
}

.tabset .tab-panel {
    display: none;
}

.tabset>input:first-child:checked~.tab-panels>.tab-panel:first-child,
.tabset>input:nth-child(3):checked~.tab-panels>.tab-panel:nth-child(2),
.tabset>input:nth-child(5):checked~.tab-panels>.tab-panel:nth-child(3),
.tabset>input:nth-child(7):checked~.tab-panels>.tab-panel:nth-child(4),
.tabset>input:nth-child(9):checked~.tab-panels>.tab-panel:nth-child(5),
.tabset>input:nth-child(11):checked~.tab-panels>.tab-panel:nth-child(6) {
    display: block;
}

.tabset>label {
    position: relative;
    display: inline-block;
    padding: 15px 15px 25px;
    border: 1px solid transparent;
    border-bottom: 0;
    cursor: pointer;
    font-weight: 600;
}

.tabset>label::after {
    content: "";
    position: absolute;
    left: 15px;
    bottom: 10px;
    width: 70%;
    height: 4px;
    background: #8d8d8d;
}

.tabset>label:hover,
.tabset>input:focus+label {
    color: #06c;
}

.tabset>label:hover::after,
.tabset>input:focus+label::after,
.tabset>input:checked+label::after {
    background: #06c;
}

.tabset>input:checked+label {
    border-color: #ccc;
    border-bottom: 1px solid #fff;
    margin-bottom: -1px;
}

.tab-panel {
    padding: 30px 0;
    border-top: 1px solid #ccc;
}


#up_msg_area,
#up_msg_area_error {
    opacity: 1;

}

#up_msg_area.alert-success {
    color: #3c763d !important;
    background-color: #dff0d8 !important;
    border-color: #d6e9c6 !important;
    max-width: 100%;
}

.alert-success {
    color: #155724 !important;
    background-color: #d4edda;
    border-color: #c3e6cb;
    max-width: 100%;
}

.alert-danger {
    color: #721c24;
    border-color: #f5c6cb;
    background-color: #f8d7da;
    max-width: 100%;
}

#up_msg_area_error.alert-danger {
    color: #550e0e;
    border-color: #e496a5;
    background-color: #e496a5;
    max-width: 100%;
}

.form-control.error {
    border-color: red;
}

label.error {
    color: red;
}

.table_record_not_found {
    text-align: center;
}


#qrcode_modal_popup .modal-header {
    border-bottom: 1px solid #e9ecef;
}

#qrcode_modal_popup .modal-footer {
    border-top: 1px solid #e9ecef;
}

.err_style {
    font-size: 12px !important;
    margin-top: 6px !important;
    padding-left: 4px !important;
    color: red !important;
    font-family: 'Open Sans' !important;
}

.video-card:hover {
    cursor: pointer;
    background-color: lightgrey;
}

#qrcode_modal_popup .modal-footer {
    border-top: 1px solid #e9ecef;
}

.muse_collection .video-card:hover {
    background-color: #069bff;
    cursor: pointer;
}

.muse_collection .video-card.video-card-selected {
    background-color: #5e72e4;
}

.muse_collection .video-card.video-card-selected h3,
.muse_collection .video-card.video-card-selected h5 {
    color: #ffffff;
}

/* 
.sm_download_qrcode{
  color : #fff !important;
} */

#toggle_collection {
    cursor: pointer;
}

#customer_distribute_chart_loder {
    margin-left: 28vh;
    margin-top: 3vh;
}

#pageloader_chart {
    position: fixed;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
    opacity: 0.7;
    background-color: #fff;
    z-index: 99;
}

table#tbl_visitor_data_from_us.dataTable tbody td {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

/* 
.filter_date_range{
  font-size: 1em;
  font-weight: 800;
  color: #ffffff;
  border: 2px solid;
  padding: 10px;
  padding-top: 14px;
  border-radius: 10px;
  padding-bottom: 16px;
  padding-right: 20px;
  padding-left: 20px;
} */
.filter_date_range {
    position: relative;
}

.filter_date_range i {
    float: right;
    position: absolute;
    right: 5px;
    top: 15px;
}

/* .filter_date_range::before {
  position: absolute;
  content: " \2193";
  top: 0px;
  right: -8px;
  height: 20px;
  width: 20px;
} */

.visitor_from_us_data .card-header {
    padding-bottom: 0px;
}

.visitor_from_us_data .form-control-label {
    padding-top: 5px;
    padding-bottom: 5px;
}

.trainer_stats_link {
    font-size: 1em;
    font-weight: 800;
    color: #ffffff;
    border: 2px solid;
    padding: 10px;
    padding-top: 14px;
    border-radius: 10px;
    padding-bottom: 16px;
    display: inline-block;
    padding-right: 20px;
    padding-left: 20px;
}

.trainer_stats_link:hover {
    color: #ffffff;
}

.ck.ck-editor__editable_inline,
.cke_editable_inline {
    border: 1px solid #dee2e6 !important;
}

/* 
#cke_37,#cke_18,#cke_24,#cke_32,#cke_86,#cke_88,#cke_77,#cke_78,#cke_79,#cke_80,#cke_81,#cke_73
,#cke_52,#cke_53,#cke_54,#cke_55,#cke_62,#cke_69,#cke_59,#cke_60,#cke_61,#cke_74{display: none !important;} */

/* 
#cke_19,
#cke_25,
#cke_33,
#cke_38,
#cke_71,
#cke_75,
#cke_87,
#cke_89,
#cke_53,
#cke_54,
#cke_55,
#cke_56,
#cke_62,
#cke_63,
#cke_70,
#cke_60,
#cke_61 {
    display: none !important;
}*/

.image_div_block img {
    background-color: #b2b7ff;
}

/*
.cke_editable.cke_editable_inline>p,
.template_content_area>p {
    padding-left: 15px;
    padding-right: 5px;
    margin-bottom: 0.2rem;
} */

/* .cke_editable.cke_editable_inline{
  height: 8em;
} */



.icon-button:hover {
    cursor: pointer;
}

.icon-button:active {
    background: #cccccc;
}

.icon-button__badge {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 25px;
    height: 25px;
    background: red;
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}

#email_campaign_popup .modal-header {
    border-bottom: 1px solid #e9ecef;
}

.breadcrumb.admin-breadcrumb-class {
    /* margin-left: 15px; */
    margin: 16px 30px;
}

.breadcrumb-item {
    font-size: 1.3em;
    font-weight: 600;
}

.breadcrumb-item a {
    color: #2a2929;
    cursor: pointer;
    text-decoration: underline;
}

.breadcrumb-item.active {
    color: #5e72e4;
    font-size: 1.3em;
    font-weight: 600;
    background-color: transparent;
}

.company_keys_table .action_type {
    display: inline-block;
    padding: 5px;
    height: 32px;
}

.company_keys_table .div_action_main {
    padding-left: 0px;
}

/* hide and show video list admin panel */
.show_hide_button .knobs,
.show_hide_button .layer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.hide-column .button {
    position: relative;
    width: 74px;
    height: 36px;
    display: inline-block;
}

.hide-column .button.r,
.hide-column .button.r .layer {
    border-radius: 100px;
}

.show_hide_button .checkbox {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 3;
}

.show_hide_button .knobs {
    z-index: 2;
}

.show_hide_button .layer {
    width: 100%;
    background-color: #ebf7fc;
    transition: 0.3s ease all;
    z-index: 1;
}

/* Button 1 */
.show_hide_button .knobs:before {
    content: "YES";
    position: absolute;
    top: 4px;
    left: 4px;
    width: 30px;
    height: 31px;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    padding: 9px 4px;
    background-color: #03a9f4;
    border-radius: 50%;
    transition: 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15) all;
}

.show_hide_button .checkbox:checked+.knobs:before {
    content: "NO";
    left: 42px;
    background-color: #f44336;
}

.show_hide_button .checkbox:checked~.layer {
    background-color: #fcebeb;
}

.show_hide_button.knobs,
.show_hide_button.knobs:before,
.show_hide_button .layer {
    transition: 0.3s ease all;
}

.hide-column {
    border: 1px solid #000;
    padding: 0.5em;
}

.hide-column span {
    font-weight: bold;
}

.hide-column label {
    float: left;
    margin: 0px;
    margin-top: 5px;
    width: 100%;
}

/* end: hide and show video list admin panel */

.landing_page_image_desc {
    display: block;
    text-align: left;
    font-size: 16px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: 800;
}

/* GRID VIEW images management module on admin
–––––––––––––––––––––––––––––––––––––––––––––––––– */
:root {
    --minRangeValue: 100px;
}

.grid-view.image-list {
    display: grid;
    grid-gap: 1rem;
    margin-bottom: 30px;
    grid-template-columns: repeat(auto-fit, minmax(var(--minRangeValue), 1fr));
}

.grid-view.image-list img {
    display: block;
    max-width: 100%;
    height: auto;
    border-radius: 15px;
}

ol.image-list,
ul.image-list {
    list-style: none;
}

.san-style {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

.san-style li {
    float: left;
    padding: 0px;
    position: relative;
    overflow: hidden;

}


.delete_images_main_div {
    position: absolute;
    top: 0;
    cursor: pointer;
    width: 20px;
    z-index: 60000;
}

.delete_images_main_div img.checked-cross {
    max-width: 100%;
    vertical-align: middle;
}

.empty-block {
    width: 750px;
    margin: 40px auto;
    box-shadow: 1px 2px 10px #e1e3ec;
    border-radius: 4px;
    text-align: center;
    padding: 48px;
}


.empty-block__message {
    color: #38a169;
    font-size: 1.5rem;
    font-weight: 500;
    margin-top: 0.85rem;
}

.empty-block__help {
    color: #a2a5b9;
    font-size: 0.875rem;
}

/* save images form css */
#form-upload .dropzone-wrapper {
    border: 2px dashed #91b0b3;
    color: #92b0b3;
    position: relative;
    height: 100px;
}

#form-upload .dropzone-desc {
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    text-align: center;
    top: 35px;
}

#form-upload .dropzone,
#form-upload .dropzone:focus {
    position: absolute;
    outline: none !important;
    width: 100%;
    height: 150px;
    cursor: pointer;
    opacity: 0;
}

#form-upload .dropzone-wrapper:hover,
#form-upload .dropzone-wrapper.dragover {
    background: #ecf0f5;
}


#form-upload .img-thumbs-hidden {
    display: none;
}

#form-upload .wrapper-thumb {
    position: relative;
    display: inline-block;
    margin: 1rem 0;
    justify-content: space-around;
}

#form-upload .img-preview-thumb {
    background: #fff;
    border: 1px solid none;
    border-radius: 0.25rem;
    box-shadow: 0.125rem 0.125rem 0.0625rem rgba(0, 0, 0, 0.12);
    margin-right: 1rem;
    max-width: 140px;
    padding: 0.25rem;
}

#form-upload .remove-btn {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .7rem;
    top: -5px;
    right: 10px;
    width: 20px;
    height: 20px;
    background: #e7bcbc;
    color: #971515;
    border-radius: 10px;
    font-weight: bold;
    cursor: pointer;
}

#form-upload .remove-btn:hover {
    box-shadow: 0px 0px 3px grey;
    transition: all .3s ease-in-out;
}



.horizonal_line {
    display: inline-block;
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #8b8383;
    line-height: 0.1em;
    margin: 10px 0 20px;
}

.horizonal_line span {
    background: #fff;
    padding: 0 10px;
}

.modal-header {
    border-bottom: 1px solid #e9ecef;
}

.modal-footer {
    border-top: 1px solid #e9ecef;
}



/* image popup */

.nopad {
    display: inline-block;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/*image gallery*/
.image-checkbox {
    cursor: pointer;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 4px solid transparent;
    margin-bottom: 0;
    outline: 0;
}

.image-checkbox input[type="checkbox"] {
    display: none;
}

.image-checkbox-checked {
    border-color: #9fc39e;
    border-radius: 20px;
}

.image-checkbox .fa {
    position: absolute;
    color: #1a5a2e;
    background-color: #9fc39e;
    padding: 10px;
    top: 0;
    right: 0;
}

.image-checkbox-checked .fa {
    display: block !important;
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

.hidden {
    display: none !important;
}

span.preview_image_title {
    font-weight: bold;
    font-size: 18px;
}

span.preview_image_desc {
    font-weight: 400;
    font-size: 16px;
}

.image_lising_img {
    max-width: 100%;
}

.image_lising {
    min-height: 100%;
    height: 500px;
    overflow-x: hidden;
    overflow-y: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
}

.div_image_lising .image_lising {
    height: 1000px;
    justify-content: flex-start;
}

.img-responsive {
    border-radius: 15px;
}


.video-card.active {
    cursor: pointer;
    background-color: lightgrey;
}

.selected_intro_video {
    display: inline-block;
    border: 1px solid #0000007a;
    padding: 5px;
    border-radius: 9px;
}

.selected_intro_video label {
    margin-bottom: 0;
}

.table-responsive.tbl_class .rounded-circle,
.table-responsive.tbl_category .rounded-circle {
    width: 95px;
    /** Remove By Trainer **/
    /* height: 100%; */
    /** Remove By Trainer **/
    /** Add By Trainer **/
    height: 95px;
    /** Add By Trainer **/
    max-width: 100%;
}

.table-responsive .intensity_thumb {
    width: 200px;
    height: auto;
    /** Add By Trainer **/
    border-radius: 18px;
    /** Add By Trainer **/
}

.table-responsive.tbl_class .avatar img,
.table-responsive.tbl_category .avatar img,
.table-responsive .intensity_thumb img {
    max-width: 100%;
    height: 100%;
    width: 100%;
}

.image_lising .days_title {
    font-weight: bold;
    color: #000;
    margin-top: 15px;
    margin-bottom: 10px;
}


.image_lising {
    display: inline-block;
}


.image_listing_preview {
    display: inline-block;
    overflow: hidden;
    margin: 0px;
    top: 0;
    right: 0;
    position: absolute;
}

.tooltip-inner {
    max-width: 100% !important;
    background-color: #fff !important;
    opacity: 1 !important;
    color: #000 !important;
    border: 1px solid #000 !important;
}

.tooltip-inner p {
    font-weight: bold !important;
    text-align: left !important;
}

.video_thumbanil img {
    max-width: 100%;
    width: 100%;
    height: auto;
}

.chart {
    height: auto;
    ;
}



#viewReportPopup h2,
#main_print_div h2 {
    color: #8050f2;
    font-weight: 650;
}

#viewReportPopup h5 {
    width: 100%;
    font-weight: 700;
    font-size: 1.5rem;
}

/* #viewReportPopup img {
    width: 10vw;
    max-width: 100%;
} */

#togglePassword {
    cursor: pointer;
    float: right;
    margin-left: 14em;
    margin-top: -28px;
    position: absolute;
    z-index: 2;
}

#sendInviteToUsers .form-group {
    padding: 0 !important;
}

#ViewReport {
    margin-top: 7em;
}

.invite_user_text_mail {
    font-size: 17px;
    color: #000000ba;
    padding: 0px;
    margin: 0px;
    font-weight: 600;
}

.invite_user_text_mail {
    margin-top: 55px;
}


.trial_period_end_date {
    background-color: red;
}

.ui-state-menu-item {
    color: #4d54dd;
}

.ui-state-menu-item label {
    color: #4d54dd;
    font-weight: bold;
    width: 40px;
}

.ui-state-menu-item span {
    font-weight: bold;
    color: #525f7f;
    display: inline-block;
    border-bottom: 2px solid #00000012;
}

/* .regional_state_detail ul{
      border: 1px solid #000;
    padding-top: 10px;
    border-radius: 7px;
} */

.daterangepicker .applyBtn:disabled {
    cursor: no-drop;
    background: rgb(53 126 189);
}


/* .select2-container .select2-search--inline {
    display: block !important;
} */

.input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

@media (max-width: 978px) {
    .set_thumbnail_div .set_thumbnail_img {
        margin-top: 8px;
        ;
    }
}


.div_intensitySet_information_block .sort_order_badge {
    background: #cecbcb;
    line-height: 0.7;
}

.div_intensitySet_information_block .intensity_name {
    border: 1px solid #000;
    border-radius: 5px;
    color: #000;
    font-weight: bold;
}

.div_intensitySet_information_block table p {
    font-weight: bold;
    font-size: 1em;
}

#intensity_table tbody tr:hover {
    cursor: all-scroll;
}


#viewReportPopup .modal-content {
    overflow-x: auto;
}

#gmass_form .tabs {
    overflow: hidden !important;
    min-height: 500px;
}