/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Apr 18, 2017, 10:51:11 AM
    Author     : Jim Prinston J
*/
:root{
    --screen-width: 1440px;
    --screen-height: 900px;
    --modal-width: calc(var(--screen-width) / 100 * 22);
    --modal-font : calc(var(--screen-width) / 100 * .8);
    --modal-button: calc(var(--modal-width) / 100 * 20);
    --modal-padding : calc(var(--modal-width) / 100 * 8);
    --modal-maxheight : calc(var(--screen-height) / 100 * 57); 
    --modal-borderradius : calc(var(--screen-height) / 100);
}

body {
    background: white none repeat scroll 0 0;
}
/* *:not(i,.global-modal *,.fa,.wysiwyg-textarea *, .profile-merging *,.glyphicon,#staff_schedule_content *,#staff_report_content *,.class_shedule_settings,.class_appt_setings,.bm-title1,.bm-title2,.filter_option_modal *,.action-icons-top-home label,#saved_filters *,.membership-campaign-tooltip *,.specify_staff_settings *, #DataTables_Table_sentConversation .OpenSans-SemiBold, #DataTables_Table_scheduledConversation .OpenSans-SemiBold){ */

*:not(i,.global-modal *,.fa,.wysiwyg-textarea *, .profile-merging *,.glyphicon,#staff_schedule_content *,#staff_report_content *,.class_shedule_settings,.class_appt_setings,.bm-title1,.bm-title2,.filter_option_modal *,.action-icons-top-home label,#saved_filters *,.membership-campaign-tooltip *,.specify_staff_settings *, #DataTables_Table_sentConversation .OpenSans-SemiBold, #DataTables_Table_scheduledConversation .OpenSans-SemiBold, #DataTables_Table_scheduled_communication_filter .OpenSans-SemiBold, .openSans_SemiBold, .amp_label, .amplify_input, .create_new_agent_title *, .div_height *, .openSans_Bold){
    font-family: Open Sans ,sans-serif !important;
}
table.dataTable thead th,table.dataTable tfoot th{
    font-weight: 600;
}

.p-relative {
    position: relative;
}

.p-relative .dropdown {
    position: absolute;
    top: -54px;
    left: -30px;
    width: 15px;
    pointer-events: none;
}

.trial-select-box select {
height: 40px;
padding: 5px 30px 5px 5px;
width: 100%;
color: #4a4a4a;
font-size: 16px;
-webkit-appearance: none;
border-radius: 5px;
background-color: #fff;
border: 1px solid #bebebe;
}

@font-face{ 
    font-family: 'OpenSans-Light';
    src: url(2d0bdc8df10dee036ca3bedf6f3647c6.ttf);
}
@font-face{ 
    font-family: 'OpenSans-LightItalic';
    src: url(c147d1302b974387afd38590072e7294.ttf);
}
@font-face{ 
    font-family: 'OpenSans-Regular';
    src: url(3ed9575dcc488c3e3a5bd66620bdf5a4.ttf);
}
@font-face{ 
    font-family: 'OpenSans-Italic';
    src: url(f6238deb7f40a7a03134c11fb63ad387.ttf);
}
@font-face{ 
    font-family: 'OpenSans-SemiBold';
    src: url(ba5cde21eeea0d57ab7efefc99596cce.ttf);
}
@font-face{ 
    font-family: 'OpenSans-SemiBoldItalic';
    src: url(4f04fe541ca8be9b60b500e911b75fb5.ttf);
}
@font-face{ 
    font-family: 'OpenSans-Bold';
    src: url(1025a6e0fb0fa86f17f57cc82a6b9756.ttf);
}
@font-face{ 
    font-family: 'OpenSans-BoldItalic';
    src: url(3a8113737b373d5bccd6f71d91408d16.ttf);
}
@font-face{ 
    font-family: 'OpenSans-ExtraBold';
    src: url(fb7e3a294cb07a54605a8bb27f0cd528.ttf);
} 
@font-face{ 
    font-family: 'OpenSans-ExtraBoldItalic';
    src: url(37f52104364c2eb5482fd85777bda0ac.ttf);
} 

@font-face {
    font-family: 'Avenir-light';
    font-style: normal;
    font-weight: 400;
    src: url(12821c230e926fa96eaf24d6117eadcf.eot);
    src: local('avenir-light-webfont'),
        local('avenir-light-webfont'),
        url(0c1598ba381ced9de2ce8fc6f2cc79dd.woff2) format("woff2"),
        url(e7ad340e7acf8586b435139c8b1390c7.woff) format("woff"),
        url(179c80b0555b1f0bb86bfc83f7188871.ttf) format("truetype");
}

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url(7ad17c6085dee9a33787bac28fb23d46.eot);
    src: url(7ad17c6085dee9a33787bac28fb23d46.eot?#iefix) format('embedded-opentype'), url(68ed1dac06bf0409c18ae7bc62889170.woff) format('woff'), url(e49d52e74b7689a0727def99da31f3eb.ttf) format('truetype'), url(32941d6330044744c02493835b799e90.svg#glyphicons_halflingsregular) format('svg');
}
.glyphicon {
    position: relative;
    top: 4px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
    content: "\2a"
}
.glyphicon-plus:before {
    content: "\2b"
}
.glyphicon-eur:before, .glyphicon-euro:before {
    content: "\20ac"
}
.glyphicon-minus:before {
    content: "\2212"
}
.glyphicon-cloud:before {
    content: "\2601"
}
.glyphicon-envelope:before {
    content: "\2709"
}
.glyphicon-pencil:before {
    content: "\270f"
}
.glyphicon-glass:before {
    content: "\e001"
}
.glyphicon-music:before {
    content: "\e002"
}
.glyphicon-search:before {
    content: "\e003"
}
.glyphicon-heart:before {
    content: "\e005"
}
.glyphicon-star:before {
    content: "\e006"
}
.glyphicon-star-empty:before {
    content: "\e007"
}
.glyphicon-user:before {
    content: "\e008"
}
.glyphicon-film:before {
    content: "\e009"
}
.glyphicon-th-large:before {
    content: "\e010"
}
.glyphicon-th:before {
    content: "\e011"
}
.glyphicon-th-list:before {
    content: "\e012"
}
.glyphicon-ok:before {
    content: "\e013"
}
.glyphicon-remove:before {
    content: "\e014"
}
.glyphicon-zoom-in:before {
    content: "\e015"
}
.glyphicon-zoom-out:before {
    content: "\e016"
}
.glyphicon-off:before {
    content: "\e017"
}
.glyphicon-signal:before {
    content: "\e018"
}
.glyphicon-cog:before {
    content: "\e019"
}
.glyphicon-trash:before {
    content: "\e020"
}
.glyphicon-home:before {
    content: "\e021"
}
.glyphicon-file:before {
    content: "\e022"
}
.glyphicon-time:before {
    content: "\e023"
}
.glyphicon-road:before {
    content: "\e024"
}
.glyphicon-download-alt:before {
    content: "\e025"
}
.glyphicon-download:before {
    content: "\e026"
}
.glyphicon-upload:before {
    content: "\e027"
}
.glyphicon-inbox:before {
    content: "\e028"
}
.glyphicon-play-circle:before {
    content: "\e029"
}
.glyphicon-repeat:before {
    content: "\e030"
}
.glyphicon-refresh:before {
    content: "\e031"
}
.glyphicon-list-alt:before {
    content: "\e032"
}
.glyphicon-lock:before {
    content: "\e033"
}
.glyphicon-flag:before {
    content: "\e034"
}
.glyphicon-headphones:before {
    content: "\e035"
}
.glyphicon-volume-off:before {
    content: "\e036"
}
.glyphicon-volume-down:before {
    content: "\e037"
}
.glyphicon-volume-up:before {
    content: "\e038"
}
.glyphicon-qrcode:before {
    content: "\e039"
}
.glyphicon-barcode:before {
    content: "\e040"
}
.glyphicon-tag:before {
    content: "\e041"
}
.glyphicon-tags:before {
    content: "\e042"
}
.glyphicon-book:before {
    content: "\e043"
}
.glyphicon-bookmark:before {
    content: "\e044"
}
.glyphicon-print:before {
    content: "\e045"
}
.glyphicon-camera:before {
    content: "\e046"
}
.glyphicon-font:before {
    content: "\e047"
}
.glyphicon-bold:before {
    content: "\e048"
}
.glyphicon-italic:before {
    content: "\e049"
}
.glyphicon-text-height:before {
    content: "\e050"
}
.glyphicon-text-width:before {
    content: "\e051"
}
.glyphicon-align-left:before {
    content: "\e052"
}
.glyphicon-align-center:before {
    content: "\e053"
}
.glyphicon-align-right:before {
    content: "\e054"
}
.glyphicon-align-justify:before {
    content: "\e055"
}
.glyphicon-list:before {
    content: "\e056"
}
.glyphicon-indent-left:before {
    content: "\e057"
}
.glyphicon-indent-right:before {
    content: "\e058"
}
.glyphicon-facetime-video:before {
    content: "\e059"
}
.glyphicon-picture:before {
    content: "\e060"
}
.glyphicon-map-marker:before {
    content: "\e062"
}
.glyphicon-adjust:before {
    content: "\e063"
}
.glyphicon-tint:before {
    content: "\e064"
}
.glyphicon-edit:before {
    content: "\e065"
}
.glyphicon-share:before {
    content: "\e066"
}
.glyphicon-check:before {
    content: "\e067"
}
.glyphicon-move:before {
    content: "\e068"
}
.glyphicon-step-backward:before {
    content: "\e069"
}
.glyphicon-fast-backward:before {
    content: "\e070"
}
.glyphicon-backward:before {
    content: "\e071"
}
.glyphicon-play:before {
    content: "\e072"
}
.glyphicon-pause:before {
    content: "\e073"
}
.glyphicon-stop:before {
    content: "\e074"
}
.glyphicon-forward:before {
    content: "\e075"
}
.glyphicon-fast-forward:before {
    content: "\e076"
}
.glyphicon-step-forward:before {
    content: "\e077"
}
.glyphicon-eject:before {
    content: "\e078"
}
.glyphicon-chevron-left:before {
    content: "\e079"
}
.glyphicon-chevron-right:before {
    content: "\e080"
}
.glyphicon-plus-sign:before {
    content: "\e081"
}
.glyphicon-minus-sign:before {
    content: "\e082"
}
.glyphicon-remove-sign:before {
    content: "\e083"
}
.glyphicon-ok-sign:before {
    content: "\e084"
}
.glyphicon-question-sign:before {
    content: "\e085"
}
.glyphicon-info-sign:before {
    content: "\e086"
}
.glyphicon-screenshot:before {
    content: "\e087"
}
.glyphicon-remove-circle:before {
    content: "\e088"
}
.glyphicon-ok-circle:before {
    content: "\e089"
}
.glyphicon-ban-circle:before {
    content: "\e090"
}
.glyphicon-arrow-left:before {
    content: "\e091"
}
.glyphicon-arrow-right:before {
    content: "\e092"
}
.glyphicon-arrow-up:before {
    content: "\e093"
}
.glyphicon-arrow-down:before {
    content: "\e094"
}
.glyphicon-share-alt:before {
    content: "\e095"
}
.glyphicon-resize-full:before {
    content: "\e096"
}
.glyphicon-resize-small:before {
    content: "\e097"
}
.glyphicon-exclamation-sign:before {
    content: "\e101"
}
.glyphicon-gift:before {
    content: "\e102"
}
.glyphicon-leaf:before {
    content: "\e103"
}
.glyphicon-fire:before {
    content: "\e104"
}
.glyphicon-eye-open:before {
    content: "\e105"
}
.glyphicon-eye-close:before {
    content: "\e106"
}
.glyphicon-warning-sign:before {
    content: "\e107"
}
.glyphicon-plane:before {
    content: "\e108"
}
.glyphicon-calendar:before {
    content: "\e109"
}
.glyphicon-random:before {
    content: "\e110"
}
.glyphicon-comment:before {
    content: "\e111"
}
.glyphicon-magnet:before {
    content: "\e112"
}
.glyphicon-chevron-up:before {
    content: "\e113"
}
.glyphicon-chevron-down:before {
    content: "\e114"
}
.glyphicon-retweet:before {
    content: "\e115"
}
.glyphicon-shopping-cart:before {
    content: "\e116"
}
.glyphicon-folder-close:before {
    content: "\e117"
}
.glyphicon-folder-open:before {
    content: "\e118"
}
.glyphicon-resize-vertical:before {
    content: "\e119"
}
.glyphicon-resize-horizontal:before {
    content: "\e120"
}
.glyphicon-hdd:before {
    content: "\e121"
}
.glyphicon-bullhorn:before {
    content: "\e122"
}
.glyphicon-bell:before {
    content: "\e123"
}
.glyphicon-certificate:before {
    content: "\e124"
}
.glyphicon-thumbs-up:before {
    content: "\e125"
}
.glyphicon-thumbs-down:before {
    content: "\e126"
}
.glyphicon-hand-right:before {
    content: "\e127"
}
.glyphicon-hand-left:before {
    content: "\e128"
}
.glyphicon-hand-up:before {
    content: "\e129"
}
.glyphicon-hand-down:before {
    content: "\e130"
}
.glyphicon-circle-arrow-right:before {
    content: "\e131"
}
.glyphicon-circle-arrow-left:before {
    content: "\e132"
}
.glyphicon-circle-arrow-up:before {
    content: "\e133"
}
.glyphicon-circle-arrow-down:before {
    content: "\e134"
}
.glyphicon-globe:before {
    content: "\e135"
}
.glyphicon-wrench:before {
    content: "\e136"
}
.glyphicon-tasks:before {
    content: "\e137"
}
.glyphicon-filter:before {
    content: "\e138"
}
.glyphicon-briefcase:before {
    content: "\e139"
}
.glyphicon-fullscreen:before {
    content: "\e140"
}
.glyphicon-dashboard:before {
    content: "\e141"
}
.glyphicon-paperclip:before {
    content: "\e142"
}
.glyphicon-heart-empty:before {
    content: "\e143"
}
.glyphicon-link:before {
    content: "\e144"
}
.glyphicon-phone:before {
    content: "\e145"
}
.glyphicon-pushpin:before {
    content: "\e146"
}
.glyphicon-usd:before {
    content: "\e148"
}
.glyphicon-gbp:before {
    content: "\e149"
}
.glyphicon-sort:before {
    content: "\e150"
}
.glyphicon-sort-by-alphabet:before {
    content: "\e151"
}
.glyphicon-sort-by-alphabet-alt:before {
    content: "\e152"
}
.glyphicon-sort-by-order:before {
    content: "\e153"
}
.glyphicon-sort-by-order-alt:before {
    content: "\e154"
}
.glyphicon-sort-by-attributes:before {
    content: "\e155"
}
.glyphicon-sort-by-attributes-alt:before {
    content: "\e156"
}
.glyphicon-unchecked:before {
    content: "\e157"
}
.glyphicon-expand:before {
    content: "\e158"
}
.glyphicon-collapse-down:before {
    content: "\e159"
}
.glyphicon-collapse-up:before {
    content: "\e160"
}
.glyphicon-log-in:before {
    content: "\e161"
}
.glyphicon-flash:before {
    content: "\e162"
}
.glyphicon-log-out:before {
    content: "\e163"
}
.glyphicon-new-window:before {
    content: "\e164"
}
.glyphicon-record:before {
    content: "\e165"
}
.glyphicon-save:before {
    content: "\e166"
}
.glyphicon-open:before {
    content: "\e167"
}
.glyphicon-saved:before {
    content: "\e168"
}
.glyphicon-import:before {
    content: "\e169"
}
.glyphicon-export:before {
    content: "\e170"
}
.glyphicon-send:before {
    content: "\e171"
}
.glyphicon-floppy-disk:before {
    content: "\e172"
}
.glyphicon-floppy-saved:before {
    content: "\e173"
}
.glyphicon-floppy-remove:before {
    content: "\e174"
}
.glyphicon-floppy-save:before {
    content: "\e175"
}
.glyphicon-floppy-open:before {
    content: "\e176"
}
.glyphicon-credit-card:before {
    content: "\e177"
}
.glyphicon-transfer:before {
    content: "\e178"
}
.glyphicon-cutlery:before {
    content: "\e179"
}
.glyphicon-header:before {
    content: "\e180"
}
.glyphicon-compressed:before {
    content: "\e181"
}
.glyphicon-earphone:before {
    content: "\e182"
}
.glyphicon-phone-alt:before {
    content: "\e183"
}
.glyphicon-tower:before {
    content: "\e184"
}
.glyphicon-stats:before {
    content: "\e185"
}
.glyphicon-sd-video:before {
    content: "\e186"
}
.glyphicon-hd-video:before {
    content: "\e187"
}
.glyphicon-subtitles:before {
    content: "\e188"
}
.glyphicon-sound-stereo:before {
    content: "\e189"
}
.glyphicon-sound-dolby:before {
    content: "\e190"
}
.glyphicon-sound-5-1:before {
    content: "\e191"
}
.glyphicon-sound-6-1:before {
    content: "\e192"
}
.glyphicon-sound-7-1:before {
    content: "\e193"
}
.glyphicon-copyright-mark:before {
    content: "\e194"
}
.glyphicon-registration-mark:before {
    content: "\e195"
}
.glyphicon-cloud-download:before {
    content: "\e197"
}
.glyphicon-cloud-upload:before {
    content: "\e198"
}
.glyphicon-tree-conifer:before {
    content: "\e199"
}
.glyphicon-tree-deciduous:before {
    content: "\e200"
}
*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.docs-demo-device {
    background: #111 none repeat scroll 0 0;
    border-radius: 30px;
    box-shadow: 0 0 0 2px #aaa;
    padding: 50px 30px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 800;
    /*z-index: 1000;*/
}
.docs-demo-device::before {
    background: #333 none repeat scroll 0 0;
    border-radius: 10px;
    content: "";
    height: 10px;
    left: 50%;
    margin-left: -30px;
    position: absolute;
    top: 50px;
    width: 60px;
}
.docs-demo-device::after {
    border: 5px solid #333;
    border-radius: 100%;
    bottom: 20px;
    box-sizing: border-box;
    content: "";
    height: 40px;
    left: 55%;
    margin-left: -30px;
    position: absolute;
    width: 40px;
}
.custom-navbar-padding {
    cursor: pointer;
}
.menu_mini_variant li{
    list-style: none;
    padding: 8px 15px 7px;
}
.menu_mini_variant li:hover{
    background-color: #ececec;
}
.menu_mini_variant li:first-child{
    padding-top: 17px;
}
.main_menu_side:hover{
    height: calc(100vh - 110px);
    overflow: hidden;
}
.main_menu_side:hover {
    overflow-y: auto;
    height: calc(100vh - 115px);
}
.mystudio_spin_loading_dash{
    display: inline-block;
    -moz-animation: spinner-loader 1500ms infinite linear;
    -webkit-animation: spinner-loader 1500ms infinite linear;
    animation: spinner-loader 1500ms infinite linear;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    border-radius: 0.5em;
    -moz-box-shadow: rgb(0, 173, 104) 1.5em 0 0 0, rgb(0, 173, 104) 1.1em 1.1em 0 0, rgb(0, 173, 104) 0 1.5em 0 0, rgb(0, 173, 104) -1.1em 1.1em 0 0, rgb(0, 173, 104) -1.5em 0 0 0, rgb(0, 173, 104) -1.1em -1.1em 0 0, rgb(0, 173, 104) 0 -1.5em 0 0, rgb(0, 173, 104) 1.1em -1.1em 0 0;
    -webkit-box-shadow: rgb(0, 173, 104) 1.5em 0 0 0, rgb(0, 173, 104) 1.1em 1.1em 0 0, rgb(0, 173, 104) 0 1.5em 0 0, rgb(0, 173, 104) -1.1em 1.1em 0 0, rgb(0, 173, 104) -1.5em 0 0 0, rgb(0, 173, 104) -1.1em -1.1em 0 0, rgb(0, 173, 104) 0 -1.5em 0 0, rgb(0, 173, 104) 1.1em -1.1em 0 0;
    box-shadow: rgb(0, 173, 104) 1.5em 0 0 0, rgb(0, 173, 104) 1.1em 1.1em 0 0, rgb(0, 173, 104) 0 1.5em 0 0, rgb(0, 173, 104) -1.1em 1.1em 0 0, rgb(0, 173, 104) -1.5em 0 0 0, rgb(0, 173, 104) -1.1em -1.1em 0 0, rgb(0, 173, 104) 0 -1.5em 0 0, rgb(0, 173, 104) 1.1em -1.1em 0 0;
    display: inline-block;
    font-size: 7px;
    width: 1em;
    height: 1em;
    margin: 1.5em;
    overflow: visible;
    margin-bottom: 4px;
}
.docs-demo-device {
    border-radius: 25px;
    padding: 80px 10px;
}
.docs-demo-device iframe {
    border: medium none;
    display: block;
    margin: 0;
    padding: 0;
}
.previewframe{
    height: 500px;
}
.preview-msg{
    display: none;
}
.preview-down{
    opacity: 0.5;
    display: none;
    position:fixed; 
bottom:0;
right:0; 
z-index: 99; 
margin-bottom: 2%; 
margin-right: 1%;
    width: 100px;
}
 .mob-navbar{
            display: none;
            height: 55px;
            align-items: center;
            z-index: 1;
            color: #fff;
            background-color: #009a61;
        }
        .mob-navbar i{
            position: absolute;
            left: 15px;
            font-size: 32px;
            font-weight: bold;
        }
        .mob-navbar h1{
            width: 100%;
            font-size: 18px;
            margin: 0;
            text-align: center;
        }
        #composemessagemodal .modal_greenbg_button {
            border-radius: 0 0 10px 0 !important;
            height: 55px;
            width: 50%;
            font-size: 17.6px;
            letter-spacing:-0.22px;
            font-weight: 700;
            float:right;
        }
        #composemessagemodal .modal-header .checkbox.mobile-div {
            display: none;
;
        }
         #composemessagemodal .modal-header .checkbox.desktop-div {
                display: block;
;
            }
                  .cstm-programlength .custom_input{
        width: 45px;
        display: inline-block;
        border-bottom-right-radius: 0px;
        border-top-right-radius: 0px;
    }
    .cstm-programlength .cstm-form-select {
        width:50%;
        display:inline-block;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        border-left: solid 1px #d1d1d1;
    }
     .cstm-form-select{
        height: 40px;
        padding: 5px 30px 5px 5px;
        padding-left: 10px;
        width: 100%;
        color: #4a4a4a;
        font-size: 14px;
        -webkit-appearance: none;
        -moz-appearance: none;
        border-color: #fff;
        border-radius: 10px;
        box-shadow: 0 2px 7px 0 rgba(181,181,181,.5);
        background-color: #fff;
        border: 0;
    }
     .cstm-form-control-feedback{
        left: 5px !important;
        height: 40px;
        margin-top: 0px;
        padding-top: 8px;
        color: black;
    }
/*onboard css*/
.mt-20{
    margin-top:20px;
}
    #account_create-modal {
/*        text-align: center;*/
        padding: 0;
/*        position: relative; 
        height: 100vh;*/
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow:auto;
    }
    #account_create-modal .dropdown_filter_checkmark_2{
        top:0px;
    }
    #account_create-modal::before {
        content: "";
        position: fixed;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
        background: rgba(5, 5, 5, 0.6);  
    }
  #account_create-modal  .modal-dialog {
    width: 464px;
    }
    .M_image {
            position: absolute;
            right: 20px;
            top: 20px;
        }
        .M_image img{
            height: 12px;
            width:15px;
        }
   #account_create-modal .account_create{
       width: 464px;
       height: 700px;
       background: #F7F7F7;
      border-radius: 10px;
    }
    #account_create-modal .modal-body{
      padding: 30px; 
    }
   .onboard_text{
   font-family: Open Sans;
   font-size: 14px;
   line-height: 20px;
   font-weight: 400;
   text-align: left;
   color: #414141; 
    }
    .disable_user_access {
    pointer-events: none;
    opacity: 0.4;
    }
    .header_image_access{
        padding: 43px !important;
        border-radius: 10px !important;
        pointer-events: none;
    }
    .onboard_subtext{
   font-family: Open Sans;
   font-size: 16px;
   line-height: 22px;
   font-weight: 400;
   text-align: left;
   color: #414141; 
    }
    .onboard_bk_arrow{
    width: 10px;
    height: 15px;
    margin-right: 2px;
    margin-top:-2px;
    }
    .onboard_acc_h2{
    font-weight: 700;
    font-size: 22px;
    line-height: 30px;
    margin-top: 10px;
/*    margin-bottom:5px;*/
    color: #414141; 
    text-align: center;
    font-family: Open Sans;
    }
    .onboard_subtitle {
        font-family: 'OpenSans';
        font-size: 20px;
        font-weight: 400;
        line-height: 28px;
        text-align: center;
        color: #414141; 
    }
    .new_acc_txt{
    width: 285px;
    margin-left: auto;
    margin-right: auto;
    color: #414141; 
    }
     #account_create-modal  label.onboard_text{
       text-align: left;     
       color:#777777;
       font-weight: 500       
     }
 
.new_acc_registerprogress{
    width:167px;
    margin-left: auto;
    margin-right: auto;
    background: rgba(0, 154, 97, 0.2);
    border-radius: 2px;
    height: 8px;
    margin-top:37px
}
.new_acc_registerprogressbar{
 /*width: 41.75px;*/
 background-color: #009a61;
}

#account_create-modal .acc_create_gray_btn[disabled], .m_next_btn[disabled]{
background: #D5D9DC !important;
border:none !important;
font-family: OpenSans-Regular !important;
}

#account_create-modal .acc_create_gray_btn{
margin-top: 29px;
/*margin-bottom: 35px;*/
background: #009A61 !important;
width: 142px !important;
border: 1px solid #009A61 !important;
border-radius: 6px !important;
box-shadow: none;
font-family: OpenSans-Regular !important;
}
#account_create-modal .togglePasswordText{
 padding: 0;
 font-weight: 500;   
}
#account_create-modal  .form-control.custom_input:-webkit-autofill, #account_create-modal  .form-control:focus {
 box-shadow: 0 2px 7px 0 rgba(181 181 181 / 50%) !important;
}

#account_create-modal  input.form-control.custom_input{
     background: #fff !important;
}
#account_create-modal .form-control.custom_input{
    display: flex;
    align-items: center;
    background: #fff !important;
}

#account_create-modal .form-control.custom_input input{
 width:100%;
 border: none;   
}

.form-group-new.mt-0{
 margin-top: 0 !important;
}
 #account_create-modal label.droplabelcustom{
    color: #414141;
    font-weight: 400; 
    margin: 0px 0px 0px 7px!important;   
   }
 #account_create-modal .custom-dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    box-shadow: 0 2px 7px 0 rgb(110 110 110 / 50%);
    z-index: 10000;
    width: 100%;
    border-radius: 7px;
    background-color: #fff;
    margin-top: -40px;
    padding: 5px 15px;
}
.gray_dd{
    width: 15px;
    height:10px;
    position: absolute;
    right: 10px;
}  
.onboard_dd_list{
    padding: 0;
    margin-bottom: 5px;
    margin-right:10px;
    list-style:none;
}
#account_create-modal .custom-dropdown-heading{
font-weight: 500;
margin-top: 5px;
margin-bottom: 7px; 
list-style:none;
}
#account_create-modal .customize_checkbox .checkmark{
    height: 20px;
    width: 20px;
    border-radius: 1.5px;
    background: #FFFFFF;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
    border:none;
}
#account_create-modal .customize_checkbox{
  padding-left: 20px;  
}
.tick_img{
width: 20px;
height: 20px;
position: absolute;
}
.onboard_acc_create_checkbox{
    width: 25%;
    display: flex;
    flex-flow: column;
    align-items: center;
}
.erroralign{
    float:right;
    position: static !important; 
}
#account_create-modal button.form-control.custom_input.country-code-input, .modal_country-code-input{
    background: #fff url(14d62c8597400af01f552e878275cba7.png) 54px center no-repeat !important;
    width: 78px;
    display: inline;
    padding-left: 20px;
    text-align: left;
    background-size: 15px 10px !important;
    float: left;
}
.dbbgr {
    background: url(d85c133666f79b8cf5ea3d2515100ce2.jpg) no-repeat;
    background-size: 100% 100vh !important;
}
.trialbgr{
    background: url(3dd03f56153d59643f8814ab77fb38ff.jpg) no-repeat;
    background-size: 100% 100vh !important;
}
.memberappbgr{
    background: url(3794e5c88dbf04703eb11fdb7476f438.jpg) no-repeat;
    background-size: 100% 100vh !important;
}
.websitebgr{
    background: url(4e2be4eb3e815f961fb32987317e1581.jpg) no-repeat;
    background-size: 100% 100vh !important;
}
.eventbgr{
         background: url(7f1a3bf1f72b0c37707bd50d248642cd.png) no-repeat;
    background-size: 100% 100vh !important;
    }
    .retailbgr{
         background: url(c3cb4f7741fbc85cca0bb224a662cd10.png) no-repeat;
    background-size: 100% 100vh !important;
    }
     .programbgr {
    background: url(bfaee4340d644911ba90e24cdb8fb77b.png) no-repeat;
    background-size: 100% 100vh !important;
} 
.onboard_descr{
font-size: 10px;
line-height: 16px;
text-align: center;
letter-spacing: 0.02em;
color: #777777;
margin-bottom: -10px;
}
 .exitcss{
        height:13px;
        margin-top:13px;
        margin-left:5px;
    }
    .otheremailfield{
        border-radius:10px;
        width:90%;
        border:none;
        height:40px;
        box-shadow: none;
    }
    #account_create-modal .form-control.otheremailfield:focus {
        box-shadow: none !important;
    }
    .onb_icon{
      color: #989898;
      margin: 0 0 12px;
    }
    .flex_container {
        display: flex;
        flex-direction: column;
        height:100%;
    }
    .flex_container .flexScroll{
        flex:1;
    }
    .flex_button{
        margin:auto;
        text-align:center;
    }
    #account_create-modal .skip{
        margin-top:-5px;
    }
    #account_create-modal input[type="text"], #account_create-modal input[type="password"]{
        -webkit-appearance: none; 
        /*To enable box-shadow in tablets*/
    }
    .active_txt {
        color: #009A61 !important;
    }
    .position_absolute {
        position: absolute !important;
    }
    .position_relative {
        position:  relative !important; 
    }
    .OpenSans-SemiBold {
        font-family: 'OpenSans-SemiBold' !important;
    }
    .font-weight {
        font-weight: normal !important;
    }
    .text_align {
        text-align: center !important;
    }
    .communication_options{
        width: 138px;
        height: fit-content;
        padding: 5px;
        box-shadow: 0px 2px 7px #D5D5D5;
        border-radius: 8px;
        background-color: white;
        right: 2%;
    }
    .communication_options ul {
        padding: 0;
        margin: 0;
        /* line-height: 31px; */
    }
    .communication_options ul li{
        list-style: none;
        padding-left: 20px;
    }
    .communication_options ul li:hover {
        background-color: #F8FAFC;
    }
    .optionImg {
        padding: 8px;
    }
    #autoCommunication {
        padding: 30px;
    }
    .backToAutomation {
        width: fit-content;
    }
    .backToAutomation span {
        padding-left: 10px;
    }
    .backToAutomation, #DataTables_Table_recipients_wrapper {
        font-size: 14px;
    }
    #DataTables_Table_recipients_wrapper .all_customers_pagination_table.withsearch .dataTables_scroll {
        margin-top: 110px;
    }
    #DataTables_Table_recipients_wrapper .dataTables_scroll .dataTables_scrollBody, #DataTables_Table_recipients_wrapper .all_customer_pagination_info.withsearch {
        font-weight: 400 !important;
    }
    #DataTables_Table_recipients_wrapper .dataTables_scrollHead {
        border-top: 1px solid #ddd !important;
    }
    #DataTables_Table_recipients_wrapper .all_customers_pagination_table .dataTables_scrollBody {
        height: 650px;
        max-height: 650px;
    }
    #DataTables_Table_recipients_wrapper .all_customer_pagination_info.withsearch {
        top:27px;
    }
    #DataTables_Table_recipients tbody tr:first-child td #automation_recipients .email_span,#DataTables_Table_recipients tbody tr:first-child td #automation_recipients .mobile_span,#DataTables_Table_recipients tbody tr:first-child td #automation_recipients .task_span{
        top: 23px;
    }
    .auto_email_icon, .auto_mobile_icon, .auto_task_icon {
        width: 24px;
        height: 24px;
        object-fit: contain;
    }
    .email_span, .mobile_span, .task_span {
        height: 35px;
        top: -39px;
        color: rgb(0, 0, 0) !important;
        visibility: hidden;
        font-size: 14px;
        box-shadow: 0px 2px 7px #D5D5D5;
        border-radius: 5px;
        padding: 5px 15px;
    }
    .email_span {
        left: 0px;
        width: 70px;
    }
    .mobile_span {
        left: -30px;
        width: 140px;
    }
    .task_span {
        left: 0;
        width: 60px;
    }
    #automation_recipients .tooltiptexts {
        width: 118px;
        background-color: white;
    }
    .automation_send_count {
        padding: 0 10px;
    }
    .emailId, .recipientName, .participantName {
        text-overflow: ellipsis;
        overflow: hidden;
        max-width: 160px;
        white-space: nowrap;
        display: block;
    }
    .recipients_name {
        width: 120px !important;
        max-width: 120px !important;
        min-width: 120px !important;
    }
    .recipient_type {
        width: 160px !important;
        max-width: 160px !important;
        min-width: 160px !important;
    }
    .recipient_email {
        width: 180px !important;
        max-width: 180px !important;
        min-width: 180px !important;
    }
    .recipients_mobile {
        width: 110px !important;
        max-width: 110px !important;
        min-width: 110px !important;
    }
    .recipient_action_type {
        width: 257px !important;
        max-width: 257px !important;
        min-width: 257px !important;
    }
    .recipient_next_schedule {
        width: 201px !important;
        max-width: 201px !important;
        min-width: 201px !important;
    }
    #autoCommunication .dataTables_scrollHeadInner table thead tr .sort_icon {
    background-image:url(ecff9720316d5600f0300b8ab78ecd7c.png);
    background-position: right;
    background-size : 10px 10px;
    background-repeat: no-repeat;
    white-space: nowrap;
    color:#000000;
    }
    #DataTables_Table_sentConversation_filter, #DataTables_Table_scheduledConversation_filter, #DataTables_Table_scheduled_communication_filter {
        position: relative;
        top: -57px;
    }
    #DataTables_Table_sentConversation_filter label, #DataTables_Table_scheduledConversation_filter label, #DataTables_Table_recipients_filter label, #DataTables_Table_scheduled_communication_filter label {
        height: 31px;
        width: 207px;
        border-radius: 5.96px;
        background: #FFFFFF;
        box-shadow: 0px 2px 4px rgba(189, 189, 189, 0.5);
    }
    #DataTables_Table_sentConversation_filter label input, #DataTables_Table_scheduledConversation_filter label input, #DataTables_Table_recipients_filter label input, #DataTables_Table_scheduled_communication_filter label input{
        border: transparent;
        text-align: left;
        width: 165px;
        height: 31px;
        margin-left: 13px;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 22px;
        align-items: center;
        letter-spacing: 0.155097px;
        color: #000000;
        display: inline;
        vertical-align: middle;
        border-radius: 5.96px;
    }
    #DataTables_Table_recipients_filter {
        top: 70px;
    }
    #DataTables_Table_recipients_filter label input::placeholder {
        opacity: 0.5 !important;
    }
    #DataTables_Table_recipients tbody tr:last-child td:last-child .communication_options{
        bottom: 1%;
    } 
    #automationInfoModal p{
        font-family: OpenSans-Regular;
        font-weight: normal;
        font-size: 16px !important;
    }
    #automationInfoModal button {
        font-size: 16px !important;
    }
    .campign_name {
        position: absolute;
        top: 30px;
        line-height: 18px;
        text-overflow: ellipsis;
        overflow: hidden;
        max-width: 50%;
        white-space: nowrap;
        display: block;
    }
/*to set onboarding backgrounds*/
@media (min-width: 1024px) and (max-width: 1279px) {
    .dbbgr {
        background: url(bbed559ea9e3a96438c0f25a977a8fb5.jpg) no-repeat;
    }
    .trialbgr{
        background: url(67e097ebe8d838e2bbdfb265dd9ef4a1.jpg) no-repeat;
    }
    .memberappbgr{
        background: url(8630255909747087eced5a418ba4494a.jpg) no-repeat;
    }
    .websitebgr{
        background: url(df2ffbfac945f4111c8e65a785c46c8b.jpg) no-repeat;
    }
    .eventbgr{
        background: url(7e8b33faebb8922cd7b25565205b21c9.png) no-repeat;
    }
    .retailbgr{
        background: url(800c8dcc925b17da2a57e1729ec4f2ac.png) no-repeat;
    }
          .programbgr {
    background: url(9d95a53ea0453734b718ab78649e9fe6.png) no-repeat;
} 

/*    #account_create-modal .modal-body{
        padding:15px 25px;
    }*/
    .headingAlignOnboard{
        padding:0px 30px !important;
    }
    .new_info_icon{
        top:29px !important;
        left:8% !important;
    }
    .helpcenter-modal .info_box{
        left:120px !important;
    }
}
  @media (max-height: 700px) {
        #account_create-modal .account_create {
            height: 655px;
        }
    }
@media (min-width: 744px) and (max-width: 1023px) {
    .dbbgr {
        background: url(55b65283e73c192fea2229d35efb38b0.jpg) no-repeat;
    }  
    .trialbgr{
        background: url(0aea2672a90234e6582ba9e5ffb48463.jpg) no-repeat;
    }
    .memberappbgr{
        background: url(83b3d60c0534178edb7c8ae1cfbc0e41.jpg) no-repeat;
    }
    .websitebgr{
        background: url(8a74ee58b4760f3ca0d6183da7556a70.jpg) no-repeat;
    }
    .eventbgr{
        background: url(6dace71375f276b72fbf2af1dcd72e55.png) no-repeat;
    }
    .retailbgr{
        background: url(6c8b6a3781ba54192e5702add5ee996a.png) no-repeat;
    }
    .programbgr {
        background: url(179d87fb7a4c81eb310f512c0e66bc0f.png) no-repeat;
    } 

}
/*onboard css end*/
            
            
            
@media  only screen and (min-width:744px){
    .appointmentTypeBlockSelectAll .col-sm-12{
        width: 100%;
    }
    .classSchedule_names_div .col-sm-4 , .classSchedule_names_div .col-md-4{
        width: 33.33333333%;
    }
    #restriction_view .trial_title_width{
        width : 100%
    }
}           
@media (max-width: 1266px){
    .event-detail-green-btn{
        padding:10px 3px !important;
        width:121px !important;
        font-size:11px !important;
    }
    .event-detail-cancel{
        font-size:11px !important;
        padding:10px 3px !important;
    }
}
@media (max-width: 1200px) {
    .preview-down{
        opacity: 0.5;
        display: block;
        position:fixed; 
bottom:0;
right:0; 
z-index: 99; 
margin-bottom: 2%; 
margin-right: 1%;
        width: 100px;
    }
    .preview-down:hover{
        opacity: 1;
        background: rgba(255, 255, 255, .7);
    }
    .preview-msg{
        display: block;
    }
    .docs-demo-device {
        background: #111 none repeat scroll 0 0;
        border-radius: 30px;
        box-shadow: 0 0 0 2px #aaa;
        padding: 50px 30px;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 800;
        /*z-index: 1000;*/
    }
    .docs-demo-device::before {
        background: #333 none repeat scroll 0 0;
        border-radius: 10px;
        content: "";
        height: 10px;
        left: 50%;
        margin-left: -30px;
        position: absolute;
        top: 50px;
        width: 60px;
    }
    .docs-demo-device::after {
        border: 5px solid #333;
        border-radius: 100%;
        bottom: 20px;
        box-sizing: border-box;
        content: "";
        height: 40px;
        left: 55%;
        margin-left: -30px;
        position: absolute;
        width: 40px;
    }
    .docs-demo-device {
        border-radius: 25px;
        padding: 80px 10px;
    }
    .previewframe{
        margin-top: 25px;
        height: 700px;
    }
    .model-cus-width{
        width:100%;
    }
}
@media (max-width: 600px) {
    .preview-down{
        opacity: 0.5;
        display: block;
        position:fixed; 
bottom:0;
right:0; 
z-index: 99; 
margin-bottom: 2%; 
margin-right: 1%;
        width: 100px;
    }
    .preview-down:hover{
        opacity: 1;
        background: rgba(255, 255, 255, .7);
    }
    .preview-msg{
        display: block;
    }
    .docs-demo-device {
        background: #111 none repeat scroll 0 0;
        border-radius: 30px;
        box-shadow: 0 0 0 2px #aaa;
        padding: 50px 30px;
        position: absolute;
        right: 5%;
        top: 0;
        z-index: 800;
        /*z-index: 1000;*/
    }
    .docs-demo-device::before {
        background: #333 none repeat scroll 0 0;
        border-radius: 10px;
        content: "";
        height: 10px;
        left: 50%;
        margin-left: -30px;
        position: absolute;
        top: 50px;
        width: 60px;
    }
    .docs-demo-device::after {
        border: 5px solid #333;
        border-radius: 100%;
        bottom: 20px;
        box-sizing: border-box;
        content: "";
        height: 40px;
        left: 55%;
        margin-left: -30px;
        position: absolute;
        width: 40px;
    }
    .docs-demo-device {
        border-radius: 25px;
        padding: 80px 10px;
    }
    .previewframe{
        margin-top: 25px;
        height: 700px;
    }
    .model-cus-width{
        width:100%;
    }
    .expand-collapse-btn{
                display: none;
            }
            .float-right-md {
                float: unset;
            }
            .intercom-lightweight-app {
                display: none;
            }
            #mySidebar-email #emailsendbox .navbar{
                height: unset !important;
            }
            #mySidebar-email #emailsendbox .navbar .template-head {
                margin-top: 8px !important;
            }
            .sidebar-email .emailtemplate-padding{
                background-color: #ffffff;
            }
            #Bulk_Email_Quota{
                padding: 5px 2px !important;
                margin-top: 8px;
            }
            #emailtemplate {
                margin-top: -10px !important;
                box-shadow: rgba(181, 181, 181, 0.5) 0px 2px 7px 0px;
                border-radius: 10px;
                resize: none!important;
                height: calc(100vh - 510px) !important;
            }
            #mySidebar-email #modded_container .btn-group.wysiwyg-btn-group-margin {
                box-shadow: 0px 2px 7px #D5D5D5;
                margin-left: 5px !important;
                margin-bottom: 10px;
                border-right: none !important;
                border-radius: 5px;
                overflow: hidden;
            }
            #emailsendbox #modded_container .btn-group .btn{
                background-color: #fff;
            }
            .cstm-subject-line{
                margin: 0 !important;
                background-color: #f9f9f9;
                border-bottom: none !important;
            }
            .cstm-subject-line #email_subjects.cstm-input{
                width: 100% !important;
                padding: 10px 15px;
                margin-left: 0;
                background-color: #ffffff;
                border-bottom: solid 1px #9b9b9b6e !important;
            }
            .cstm-subject-line .dropdown{
                width: 49%;
                text-align: center;
            }
            .cstm-subject-line .dropdown .dropdown-toggle{
                width: 100%;
                padding: 10px;
                border: 1px solid #d3d3d3;
            }
            .cstm-subject-line .dropdown:not(.dropdown-Etemp){
                float: unset !important;
            }
            .cstm-recipient, .cstm-recipient #to_email_typed{
                background: #f9f9f9
            }
            .nav-close{ 
                display: none;
            }
            
            .sidebar-email #emailsendbox .nav-close {
                display: block;
                margin-top: 6px !important;
                margin-right: 3px!important;
            }
            .email-schedule-option .email-schedule-datas ::placeholder{
                color: #5b5b5b !important;
            }
            .mob-navbar{
                display: flex!important;
            }
            .colorpicker_email {
                top: 325px!important;
                left: unset !important;
                right: 0;
            }
            .colorpicker .dropdown-menu::after, .colorpicker .dropdown-menu::before{
                content: unset!important;
            }
            #mySidebar-email .dropdown-menu{
                font-size: 12px!important;
                left: 0!important;
                width: 237px !important;
            }
            #mySidebar-email .cstm-subject-line .dropdown-menu h4,
            #mySidebar-email .cstm-subject-line .dropdown-menu a {
                font-size: 13px!important;
                padding: 0;
                font-weight: 400;
            }
            #mySidebar-email .dropdown-menu > div{
                margin-bottom: 0!important;
            }
            #mySidebar-email .dropdown-menu .search-field{
                position: unset!important;
                width: 100% !important;
                margin: 0 !important;
            }
            #mySidebar-email .cstm-subject-line .dropdown.dropdown-Etemp .dropdown-menu{
                left: unset!important;
                right: 0;
            }
            #mySidebar-email .cstm-subject-line .dropdown .no-style-ul {
                padding: 0 10px;
            }
            #mySidebar-email .dropdown-menu li{
                border: none;
            }
            .px-10{
                padding: 5px 10px 0;
            }
            #scheduleOption {
                width: 90% !important;
                margin-left: 5% !important;
            }
            #scheduleOption .dropdown {
                width: 100%;
            }
            
            .email-schedule-option .email-schedule-datas .email-schedule-datas-icon {
                padding: 7px 14px;
            }
            
            #scheduleOption .panel{
                border: none;
                position: absolute;
                bottom: -50px;
                left: -11px;
                box-shadow: 0px 2px 7px #D7D7D7;
            }
            #scheduleOption .panel-footer{
                height: unset !important;
                padding: 0;
            }
            #scheduleOption .panel-footer .row{
                margin: 0;
            }
            #scheduleOption .panel-footer .btn {
                width: calc(50% - 2px);
                margin: 0;
                padding: 10px;
                border: none;
                border-radius: 0;
                display: inline;
            }
            #scheduleOption .panel-footer .btn-success {
                background: #fff;
                color: #009a61
            }
            
            #composemessagemodal .modal-dialog{
                width: 100% !important;
                height: 100% !important;
                margin: 0;
            }
            #composemessagemodal .modal-content {
                border-radius: 0 !important;
                border: 0;
                height: 100%;
            }
            
            .advanced-features .dropdown-menu {
                padding-top: 0;
            }
            
            #composemessagemodal .modal-header {
                padding: 15px!important;
            }
            #composemessagemodal .modal-header .checkbox.desktop-div {
                display: none;
;
            }
             #composemessagemodal .modal-header .checkbox.mobile-div {
                display: block;
;
            }
            #composemessagemodal .modal-header .conv-message-text{
                font-size: 14px!important;
            }
            #composemessagemodal #chat_rchars1.conv-message-text {
                position: absolute;
                bottom: 126px;
                right: 0;
            }
            
            #composemessagemodal .message-once-mobile-view {
                position: absolute;
                bottom: 123px;
                left: 0;    
            }
            
            #composemessagemodal .msg-textarea {
                font-size: 13px;
                padding: 15px;
            }
            #composemessagemodal .msg-textarea::placeholder {
                font-size: 16px!important;
            }
            #composemessagemodal #catchhovertwilio1{
                left: 0 !important;
                transform: translateX(-50%);
                width: 240px;
                height: auto !important;
            }
            #composemessagemodal .modal-footer{
                position: absolute;
                bottom: 0;
                width: 100%;
            }
            #composemessagemodal .modal-footer .custom-modal-button{
                width: 100% !important;
                margin-top: 0;
                border: 0;
                border-radius: 0 !important;
            }
            #composemessagemodal .msg-type-btn {
                width: 55px;
                height: 27px;
                font-size: 13px;
            }
            .cstm-subject-line .float-right-md.px-10{
                display: block !important;
            }
            #cancelcheckinandregistrationModal.control-global-modal .modal-action button.height_auto_mobile{
                height: calc(var(--modal-width) / 100 * 30)!important;
                line-height: normal!important;
            }
}

/* @media (min-width: 900px) and (max-width: 1440px) {
    #cancelcheckinandregistrationModal.control-global-modal .modal-action button.height_auto_mobile{
        height: calc(var(--modal-width) / 100 * 30)!important;
        line-height: normal!important;
    }
} */

@media only screen and (min-width: 680px){
    #cancelcheckinandregistrationModal .delete_log .height_auto_mobile{
       white-space: nowrap;
    }
    
}
::-webkit-input-placeholder {
    text-align: left;
}

:-moz-placeholder { /* Firefox 18- */
    text-align: left;  
}

::-moz-placeholder {  /* Firefox 19+ */
    text-align: left;  
}

:-ms-input-placeholder {  
    text-align: left; 
}
.nav.child_menu > li > a, .nav.side-menu > li > a {
    color: black;   
}
.nav.side-menu > li > a:hover, .nav > li > a:focus {
    color:green;
/*    color: black !important; 
    background: #e5e5e5 none repeat scroll 0 0;*/
}
/*for adminpanel*/ 
.nav.side-menu.adminpanel_side_menu > li > a:hover, .nav.side-menu.adminpanel_side_menu > li > a:focus{
   color: black !important;
   background: #e5e5e5 none repeat scroll 0 0 !important;
}
.nav.side-menu.adminpanel_side_menu > li > a{
     padding-top: 4.5px !important;
    padding-bottom:4px !important;
}
/*for adminpanel ends*/ 
.nav.side-menu > li.active > a {
    background: #ffffff none repeat scroll 0 0;
}
.nav li.current-page {
    background: #e5e5e5 none repeat scroll 0 0;
}
.left_col {
    background: #ffffff none repeat scroll 0 0;
}
.nav_title {
    background: white none repeat scroll 0 0;
}
.nav-sm ul.nav.child_menu {
    background: white none repeat scroll 0 0;
}

/*uploadbutton*/
label.myLabel input[type="file"] {
    position: fixed;
    top: -1000px;
}
/***** Example custom styling *****/
.myLabel {
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    padding: 6px 12px;
    text-align: center;
    touch-action: manipulation;
    vertical-align: middle;
    white-space: nowrap;
    background-color: #fff;
    border-color: #ccc;
    color: #333;
    min-width: 130px;
}
.myLabel:hover {
    background: #e6e6e6;
    border-color: #adadad;
}
.myLabel:active {
    background: #e6e6e6;
    border-color: #adadad;
}

.selected {
    /*background-color:black;*/
    /*color:black;*/
    /*font-weight:bold;*/
}
.card{
    background: #f3f3f3 none repeat scroll 0 0;
    border-radius: 3px;
    padding: 7px;
    margin: 5px;
}
.card img{
    display: block;
    margin: 0 auto;
}

.card-icon{
    float: right;
    cursor: pointer;
    padding: 5px;
}
.event-cost{
    font-size: 16px;
    padding: 10px;
    font-weight: 500;
    text-align: center;
}
.message{
    font-size: 16px;
    padding: 10px;
}
.msg-status{
    color: gray !important;
}
.highlight{
    background-color: #f3f3f3;
    padding: 10px;
}

/**
 * Spinner
 * --------------------------------------------------
 */
@-moz-keyframes spinner-loader {
    0% {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-webkit-keyframes spinner-loader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes spinner-loader {
    0% {
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
/* :not(:required) hides this rule from IE9 and below */
.spinner-loader:not(:required) {
    -moz-animation: spinner-loader 1500ms infinite linear;
    -webkit-animation: spinner-loader 1500ms infinite linear;
    animation: spinner-loader 1500ms infinite linear;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    border-radius: 0.5em;
    -moz-box-shadow: rgba(0, 0, 51, 0.3) 1.5em 0 0 0, rgba(0, 0, 51, 0.3) 1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) 0 1.5em 0 0, rgba(0, 0, 51, 0.3) -1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) -1.5em 0 0 0, rgba(0, 0, 51, 0.3) -1.1em -1.1em 0 0, rgba(0, 0, 51, 0.3) 0 -1.5em 0 0, rgba(0, 0, 51, 0.3) 1.1em -1.1em 0 0;
    -webkit-box-shadow: rgba(0, 0, 51, 0.3) 1.5em 0 0 0, rgba(0, 0, 51, 0.3) 1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) 0 1.5em 0 0, rgba(0, 0, 51, 0.3) -1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) -1.5em 0 0 0, rgba(0, 0, 51, 0.3) -1.1em -1.1em 0 0, rgba(0, 0, 51, 0.3) 0 -1.5em 0 0, rgba(0, 0, 51, 0.3) 1.1em -1.1em 0 0;
    box-shadow: rgba(0, 0, 51, 0.3) 1.5em 0 0 0, rgba(0, 0, 51, 0.3) 1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) 0 1.5em 0 0, rgba(0, 0, 51, 0.3) -1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) -1.5em 0 0 0, rgba(0, 0, 51, 0.3) -1.1em -1.1em 0 0, rgba(0, 0, 51, 0.3) 0 -1.5em 0 0, rgba(0, 0, 51, 0.3) 1.1em -1.1em 0 0;
    display: inline-block;
    font-size: 10px;
    width: 1em;
    height: 1em;
    margin: 1.5em;
    overflow: visible;
    text-indent: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 100;
}

#progress {
    background-color: white;
    display: block;
    height: auto;
    left: 0;
    opacity: 0.7;
    position: unset;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 99;
}
/*Full loader*/

@-moz-keyframes spinner-loader-full {
    0% {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-webkit-keyframes spinner-loader-full {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes spinner-loader-full {
    0% {
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
/* :not(:required) hides this rule from IE9 and below */
.spinner-loader-full:not(:required) {
    -moz-animation: spinner-loader 1500ms infinite linear;
    -webkit-animation: spinner-loader 1500ms infinite linear;
    animation: spinner-loader 1500ms infinite linear;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    border-radius: 0.5em;
    -moz-box-shadow: rgb(0, 173, 104) 1.5em 0 0 0, rgb(0, 173, 104) 1.1em 1.1em 0 0, rgb(0, 173, 104) 0 1.5em 0 0, rgb(0, 173, 104) -1.1em 1.1em 0 0, rgb(0, 173, 104) -1.5em 0 0 0, rgb(0, 173, 104) -1.1em -1.1em 0 0, rgb(0, 173, 104) 0 -1.5em 0 0, rgb(0, 173, 104) 1.1em -1.1em 0 0;
    -webkit-box-shadow: rgb(0, 173, 104) 1.5em 0 0 0, rgb(0, 173, 104) 1.1em 1.1em 0 0, rgb(0, 173, 104) 0 1.5em 0 0, rgb(0, 173, 104) -1.1em 1.1em 0 0, rgb(0, 173, 104) -1.5em 0 0 0, rgb(0, 173, 104) -1.1em -1.1em 0 0, rgb(0, 173, 104) 0 -1.5em 0 0, rgb(0, 173, 104) 1.1em -1.1em 0 0;
    box-shadow: rgb(0, 173, 104) 1.5em 0 0 0, rgb(0, 173, 104) 1.1em 1.1em 0 0, rgb(0, 173, 104) 0 1.5em 0 0, rgb(0, 173, 104) -1.1em 1.1em 0 0, rgb(0, 173, 104) -1.5em 0 0 0, rgb(0, 173, 104) -1.1em -1.1em 0 0, rgb(0, 173, 104) 0 -1.5em 0 0, rgb(0, 173, 104) 1.1em -1.1em 0 0;
    display: inline-block;
    font-size: 10px;
    width: 1em;
    height: 1em;
    margin: 1.5em;
    overflow: visible;
    text-indent: 100%;
    position: absolute;
    top: 19%;
    left: 40%;
    z-index: 100;
}
.spinner-container{
    position: absolute;
    width: 200px;
    height: 100px;
    padding: 10px;
    /* top: 40%;
    left: 45%;   */
    background: white;
    border-radius: 5px;
    border: 2px solid #009a61;
}
.spinner-text{
    position: relative;
    top: 55px;
    font-weight: bold;
    left: 6px;
}

#progress-full, #stripe-progress-full {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: fixed;
    display: flex;
    background-color: #fff0;
    z-index: 99999;
    text-align: center;
    justify-content: center !important;
    align-items: center !important;
}

.centeritem{
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.btn-lg{
    min-width: 120px;
}


/* Tooltip container */
[data-tip] {
    position:relative;

}
[data-tip]:before {
    content:'';
    /* hides the tooltip when not hovered */
    display:none;
    content:'';
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #1a1a1a;	
    position:absolute;
    top:30px;
    left:35px;
    z-index:8;
    font-size:0;
    line-height:0;
    width:0;
    height:0;
}
[data-tip]:after {
    display:none;
    content:attr(data-tip);
    position:absolute;
    top:35px;
    left:0px;
    padding:5px 8px;
    background:#1a1a1a;
    color:#fff;
    z-index:9;
    font-size: 14px;
    height:30px;
    line-height:18px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    white-space:nowrap;
    word-wrap:normal;
}
[data-tip]:hover:before,
[data-tip]:hover:after {
    display:block;
}

/* Sort Div */

.sortable ul[dnd-list] {
    min-height: 42px;
    padding-left: 0px;
}

/**
 * The dndDraggingSource class will be applied to
 * the source element of a drag operation. It makes
 * sense to hide it to give the user the feeling
 * that he's actually moving it.
 */
.sortable ul[dnd-list] .dndDraggingSource {
    display: none;
}

/**
 * An element with .dndPlaceholder class will be
 * added to the dnd-list while the user is dragging
 * over it.
 */
.sortable ul[dnd-list] .dndPlaceholder {
    background-color: #e0efff;
    display: block;
    min-height: 150px;
}

.sortable ul[dnd-list] li {
    background-color: #fff;
    display: block;
    padding: 5px 8px;
    margin-bottom: -1px;
    /*overflow: auto;*/
}

/**
 * Show selected elements in #dff0d8
 */
.sortable ul[dnd-list] li.selected {
    /*    background-color: #dff0d8;
        color: #3c763d;*/
}

/* Sort menu */

.msortable ul[dnd-list] {
    min-height: 10px;
    padding-left: 0px;
}

/**
 * The dndDraggingSource class will be applied to
 * the source element of a drag operation. It makes
 * sense to hide it to give the user the feeling
 * that he's actually moving it.
 */
.msortable ul[dnd-list] .dndDraggingSource {
    display: none;
}

/**
 * An element with .dndPlaceholder class will be
 * added to the dnd-list while the user is dragging
 * over it.
 */
.msortable ul[dnd-list] .dndPlaceholder {
    background-color: #e0efff;
    display: block;
    min-height: 60px;
}

.msortable ul[dnd-list] li {
    background-color: #fff;
    display: block;
    padding: 5px 8px;
    margin-bottom: -1px;
    overflow: auto;
}

/**
 * Show selected elements in #dff0d8
 */
.msortable ul[dnd-list] li.selected {
    /*    background-color: #dff0d8;
        color: #3c763d;*/
}
.logo-cover {
    object-fit: cover;
    /*width: 230px;*/
    height: 72px;
}
.event-cover {
    object-fit: cover;
    width: 200px;
    height: 167px;
}

.ip-width{
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: unset;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 70%;
}

.form-control{
    margin: 0 0 20px !important;
}
/*.login_content{
    background: url('../image/martial-arts.jpg');
    color: #5e5e5e;
    width: 100%;
    height: 100%;
    background-size:     cover;                       <------ 
    background-repeat:   no-repeat;
    background-position: center center; 
}*/
.login_content a{
    cursor: pointer;
    font-size: 15px !important;
}
.login_content button{
    cursor: pointer;
    margin-top: 15px !important; 
}
.registration_content{
    color: #5e5e5e;
    width: 100%;
    height: 100%;
    background-color: #2a2c2e;
    background-size:     cover;                      /* <------ */
    background-repeat:   no-repeat;
    background-position: center center; 
}
.registration_content a:hover {
    text-decoration: underline
}
.registration_content a{
    cursor: pointer;
    font-size: 15px !important;
}
.registration_content button{
    cursor: pointer;
    margin-top: 15px !important; 
}
.registration_content form{
    margin: 0 auto;
    position: relative;
    width: 60%;
    padding: 3%;
    /*background: rgba(255,255,255, 0.9);*/
    /*border-radius: 5px;*/
    min-width: 300px;
    max-width: 600px;
}
.registration_content h1::before {
    background: white none repeat scroll 0 0;
    left: 0;
}
.registration_content h1::after {
    background: white none repeat scroll 0 0;
    right: 0;
}
.registration_content form div a{
    margin: 18px 0 0;
}

.login-btn{
    margin-left: 30%;
}
.login_content form{
    margin: 0 auto;
    position: relative;
    width: 60%;
    padding: 3%;
    background: rgba(255,255,255, 0.9);
    border-radius: 5px;
    min-width: 300px;
    max-width: 600px;
}
.login_content h1::before {
    background: white none repeat scroll 0 0;
    left: 0;
}
.login_content h1::after {
    background: white none repeat scroll 0 0;
    right: 0;
}
.login_content form div a{
    margin: 18px 0 0;
}
.login_form{
    height: 100%;
}
.reset_pas{
    float: right;
    margin: 0 0 10px; 
}

.nav-md ul.nav.child_menu li:before {
    background: none;
    bottom: auto;
    content: "";
    height: 8px;
    left: 23px;
    margin-top: 15px;
    position: absolute;
    right: auto;
    width: 8px;
    z-index: 1;
    border-radius: 50%
}
.nav-md ul.nav.child_menu li:after {
    border-left: 0px solid #425668;
    bottom: 0;
    content: "";
    left: 27px;
    position: absolute;
    top: 0
}
.curr_menu_btn{
    width: 130px; 
margin:10px; 
float: right; 
font-weight: bold; 
border: none; 
background-color:white;
}
.video-meta-list{
    border-right: 1px solid lightgray;
}
.video-meta{
    /*border-right: 1px solid lightgray;*/
}
.video-meta label{
    font-size: 12px;
}
.modal-video {
    margin: 30px auto;
    width: 900px;
}
.modal-video label{
    font-size: 12px;
}
.modal-video input{
    font-size: 12px;
}
.modal-video span{
    font-size: 12px;
}
.video-thumbnail-cover{
    object-fit: contain;
    width: 200px;
    height: 80px;  
}
.nav-md .nav_title{
/*    background: url("../image/logo_incourage.png") no-repeat;
    background-size: cover;
    height: 68px;*/
    background-color: #EDEDED;
}

.nav-sm .nav_title{
/*    background: url('../image/logo_m.png') no-repeat;
    background-size: cover;
    height: 75px;*/
 background-color: #EDEDED;
}

.media-div{
    margin-bottom: 15px;
    padding: 0px;
    /*// border: 5px solid blue;*/
}

.media-cover {
    height: 100px;
    object-fit: cover;
    width: 110px;
}

.media-selected{
    border: 1px solid #1abb9c;
    box-shadow: 0 0 5px 1px #1abb9c;
}

ul.bar_tabs > li.active {
    border-right: 0 solid #d3d6da;
    border-top: 0 none;
    margin-top: -19px;
}
ul.bar_tabs > li{
    margin-top: -21px;
}

#CloseButton {
    position: absolute;
    left: auto;
    cursor: pointer;
    top: -15px;
    right: -10px;

}
#CloseButton {
    width: 18px;
    height: 18px;
    margin-right: 4px;
    margin-top: 4px;
}
#CloseButton::after {
    content: "Skip";
    display: block;
    position: absolute;
    font-size: 12px;
    color: rgb(26, 187, 156);
    margin-left: -10px;
}
#mcttCloseButton{
display: none
}

.nav-md .editnone{
    display: block
}
.mystudio-active .cstm-new-edit-icon{
    margin-right: 5px;
}
.nav-md #eventlink a,.nav-md #currlink a{
    /*width: 215px;*/
}
.editmenu {
    color: black; 
float: right;   
margin-top: -40px;
}
.file-cover {
    object-fit: cover;
    width: 400px;
    height: 300px;
}

@media (max-width: 991px) {
    .nav-md .container.body .right_col,
    .nav-md .container.body .top_nav {
        width: 100%;
        margin: 0;
        margin-left: 230px;
    }
    /* .nav-sm .container.body .top_nav {
        margin-left: 0px;
    } */
    .nav-md .container.body .col-md-3.left_col {
        display: block;
    }
    .nav-sm .container.body .col-md-3.left_col {
        /* display: none;
        width: 0px !important; */
    }
    /* .nav-sm .container.body .right_col{
        margin-left: 0
    } */
    .nav-md .container.body .right_col {
        width: 100%;
        padding-right: 0;
        margin-left: 240px;
    }
    .preview-down, .preview-msg, #previewapp {
        display: none;
        width: 0;
    }
    /*    .right_col {
            padding: 10px !important
        }*/
}

.savebutton-small{
    font-size: 11px;
    width: 35px;
    text-align: center;
    line-height: 10px;
    margin-top: 3px;
    margin-right: 5px;
    margin-left: 0px;
    padding: 5px 0px;
    float: right;

}
.close-edit{
    color: black;
    float:right;
    margin-top: 3px;
}
.tooltip-backdrop {
    background-color: #000;
    bottom: 0;
    left: 0;
    opacity: 0.5;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1040;
}
.btn-studio{
    background-color: #00ad68;
    color: white;
    border-color: #00ad68;
    max-width: 200px;
    margin-top: 25px;
}
.msg-expired{
    font-size: 16px;
    color: black;
}
.exp-block{
    text-align: center;
    padding: 10px;
}

/* Style the list */
.price {
    list-style-type: none;
    border: 1px solid #eee;
    margin: 0;
    padding: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

Add shadows on hover 
.price:hover {
    box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2)
}

/* Pricing header */
.price .header {   
    color: #0083b3;
    font-size: 30px;
    font-weight: 400;
}
.pricefree{
    bottom: 0;
}
.price .headerprice{ 
    margin-top: 1%;
    color: black;
    font-size: 16px;
    font-weight: 400;
}
.price .plancontent{
    color: #0083b3;
    font-size: 14px;
    font-weight: 400;
    margin-top: 5%;
    text-align: center;
    margin-left: 2px;
    margin-right: 2px;
    height: 160px;

}
.price .planfooter{   
    background-color: #f9f9f9;
    font-size: 13px;
    font-weight: 400;
}
.price .planselector{
    margin-top: 1%;
    color: black;
    font-size: 13px;
    font-weight: 400;
}
.price .header b {
    font-weight: 500;
}

/* List items */
.price li {
    border-bottom: 1px solid #eee;
    padding: 10px;
    text-align: center;
    font-size: 13px;
    font-weight: 400;
    color: black;
}

.price label {
    font-weight: 400;
}

.current-plan-border{
    border: 2px solid #00ad68;    
    margin-top: 0px !important;
}

.price .current-plan-title {
    color: white;
    background-color: #00ad68;
    padding: 2px;
}
.current-plan-topspace {
    margin-top: 24px;
}

.price .upgrade-plan-title {
    color: white;
    background-color: #515356 !important;
}
.billingdetails{
    color: black;
    font-size: 13px;
    font-weight: 400;
}
.billingdetails .labelname{
    float: left;
    width: 30px;
}

/* Create three columns of equal width */
.columns {
    float: left;
    padding: 2px;
    min-width: 200px;
    max-width: 275px;
    margin: 0px 10px;
}
.side-el{
    margin-top: 24px;
}
.leftmar{
    margin-left: 10%;
    margin-right: 2.0%;
}

.headercolor h1{
    color: #0083b3;
    font-size: 15px;
    font-weight: 400;
}

.centermar{
    margin-left: 2.0%;
    margin-right: 2.0%;
}

.rightmar{
    margin-left: 2.0%;
    margin-right: 10.0%;
}
.model-cus-width{
    width:80%;
    margin-left:10%;
    /*background-color: green;*/
}
.model-span-align{
    position: fixed;
    top: 115px;
    left: 22%;
}
/* Change the width of the three columns to 100% 
(to stack horizontally on small screens) */
@media only screen and (max-width: 1800px) {

    .leftmar{
        margin-left: 5%;
        margin-right: 0.5%;
    }
    .centermar{
        margin-left: 0.5%;
        margin-right: 0.5%;
    }
    .rightmar{
        margin-left: 0.5%;
        margin-right: 0.5%;
    }
}
@media only screen and (max-width: 1200px) {

    .leftmar{
        margin-left: 5%;
        margin-right: 0.5%;
    }
    .centermar{
        margin-left: 0.5%;
        margin-right: 0.5%;
    }
    .rightmar{
        margin-left: 0.5%;
        margin-right: 0.5%;
    }


}
@media only screen and (max-width: 980px) {

    .leftmar{
        margin-left: 0.5%;
        margin-right: 0.5%;
    }
    .centermar{
        margin-left: 0.5%;
        margin-right: 0.5%;
        margin-top: 24px;
    }
    .rightmar{
        margin-left: 0.5%;
        margin-right: 0.5%;
    }
    .model-cus-width{
        width:85%;
        margin-left:7.5%;
        /*background-color: red;*/
    }
    .model-span-align{
        position: fixed;
        top: 115px;
        left: 16%;
    }
}
@media only screen and (max-width:890px){
    .model-cus-width{
        width:100%;
        margin-left:0px;
        /*background-color: yellow;*/
    } 
    .model-span-align{
        position: fixed;
        top: 115px;
        left: 11%;
    }
}
@media only screen and (max-width: 720px) {
    .columns {
        width: 100%;

    }
    .leftmar{
        margin-left: 0;
        margin-right: 0;
    }
    .model-cus-width{
        width:90%;
        margin-left:2.5%;
        /*background-color: blue;*/
    }
    .model-span-align{
        position: fixed;
        top: 115px;
        left: 7%;
    }

}
@media only screen and (max-width: 600px) {
    .columns {
        width: 95%;

    }
    .leftmar{
        margin-left: 0;
        margin-right: 0;
    }
    .model-cus-width{
        width:100%;
        /*background-color: yellow;*/
    }
}
.div-rect {
    width: 100%;
    height: 50%;
    border: 1.5px solid green;
}
.div-rect p{
    padding:8px;
}


.pay-alert{
    background-color: green;
    height:30px;
    width:100%;
    padding-top:4px;
}
.pay-alert a{
    color:white;
    margin-top: 2px;
}

.img-prev{
    cursor:pointer;
}

.step_descr{
    color: black !important;
    cursor: pointer;
}
.step_no{
    color: white !important;
    cursor: pointer;
}

.dynamicdivbg{
    background-color: #f8f8f8;
    padding: 2px;
}
.eventtitle{
    color: #00ad68;
}
.buyername,.dispute_status,.dispute_status_cap{
    color: #00ad68;
    /*font-size: 13px;*/
    text-transform: capitalize;
}
/*.dispute_status {
    text-transform: lowercase;
}*/
.dispute_status_cap{
    
    text-transform: capitalize;
}
.skills_progress{
    color: #00ad68;
    cursor:pointer;
}
.skills_progress:hover{
    cursor: pointer;
}
.buyername1{
  color:#FF0000 ;
  /*font-size: 13px;*/
}
.buyername,.dispute_status_cap,.dispute_status:active{
    cursor: pointer;
}
.buyername:hover{
    color: #00ad68;
    /*font-size: 13px;*/
    text-decoration: underline;
    cursor: pointer;
}
.dispute_status_cap,.dispute_status:hover{
    color: #00ad68;
    /*font-size: 13px;*/
    cursor: pointer;
}
.eventsubtext{
    color: gray;
    font-size: 14px;
}
.eventactionlinks{
    font-size: 12px;  
    margin: 0px 5px;
    float: left;
}
.eventcopy{
    height: 26px;
    background-color: #00ad68;
    padding: 2px;
    border: 1px solid #00ad68;
    color: white;
    border-radius: 4px;
    width: 100px;
}
.wepay-link{
    color: #00ad68;
    font-size: 14px;
}
.wepay-link:hover{
    cursor: pointer;
    color: #00ad68;
    text-decoration: underline;
}

.disable-tab{
    color:grey;
}


.eventchildtitle{
    color: gray;
    font-size: 16px;
    font-weight: 500;
}
.full-width-label{
    width:100%;
}
@media (max-width: 600px) {
    .nav-tabs{
        min-width: 300px;
        height: 45px !important;
        overflow: hidden !important;
    } 
}
.eventchildtitle{
    color: gray;
    font-size: 16px;
    font-weight: 500;
}
.full-width-label{
    width:100%;
}

.form-controlcus{
    margin: 0 0 10px 10px !important;
    border-radius:0px;
    width:97%;
}

.form-controlcus1{
    margin: 0 0 20px 10px !important;
    border-radius:0px;
    width:97%;
}
.center-contents{
    width: 590px; /* Or zero, or something very small */
    margin: auto;
    overflow: visible;
}
.head-li{
    background-color: #EDEDED; 
height: 40px; 
color: black !important; 
font-weight: 600;
}
.head-li-content{
    position: absolute; 
margin-top: 9px; 
right: 0; 
left: 0;
}
.menu-disabled{
    padding: 10px; 
padding-left: 15px; 
color: lightgray; 
display: inline-block;
}
.cursor-default{
    cursor: default !important;
}
.cursor-pointer{
    cursor: pointer!important;
}
/* .nav-sm .nav.side-menu li span { */
    /* text-align: center !important;
    font-weight: 400;
    font-size: 10px;
    padding: 10px 5px; */
/* } */
.nav-sm .nav.side-menu li .head-li-content{
    /* margin-top: 2px; */
}


/* Tooltip text */
.tooltips .tooltiptexts {
    visibility: hidden;
    width: 260px;
    background-color: gray;
    color: #fff;
    text-align: center;
    padding: 5px 5px;
    border-radius: 6px;

    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
}
/* starts animation work for info ion and new text - MPD-416*/
/*@keyframes stretch {
    0% {
        transform: scale(.2);
        background-color: #00ad68;
    }
}*/
@keyframes stretch {
    0% {
        transform: scale(.2);
        opacity:1;
    }

    100% {
        transform: scale(1.5);
        background-color: #00ad68;
        opacity:-0.7;
    }
}
.blink_icon {
    margin: 0 auto;
    border-radius:50%;
    background-color: #00ad68;
    animation-name: stretch;
    animation-duration: 1s; 
    animation-timing-function: ease-out; 
    animation-delay: 0;
    animation-iteration-count: infinite;
    position: absolute;
    height: 20px;
    width: 20px;
    top: 1px;
    left: 0px;
}
@keyframes blinker {
    100% {
        opacity: 0;
    }
}
.blink_text{
    top: 49px;
    color: #00ad68;
    animation-timing-function: linear;
    position: absolute;
    animation: blinker 1.3s linear infinite;
    font-size: 10px;
    right: 44px;
}
@keyframes blinker {
    80% {
        opacity: 0;
        transform: scale(1.4);
    }
    81%{
        transform: scale(1);
    }
}
/*ends animation work for info ion and new text - MPD-416*/
.blink_icon.white_blinker{
    background-color: #ffffff;
    top: -1px;
    left: 2px;
} 
/* Show the tooltip text when you mouse over the tooltip container */
.tooltips:hover .tooltiptexts {
    visibility: visible !important;
}

.justify-end {
    justify-content: flex-end;
}

/* Tooltip text */
.animationTooltip .tooltiptexts {
    opacity: 0;
    transition: opacity 2s;
}

/* Show the tooltip text when you mouse over the tooltip container */
.animationTooltip:hover .tooltiptexts {
    opacity:4;
}
.head-title-li{
    border-right: none !important; 
background-color: #00ad68 !important;
}
.head-title{
    background-color: #00ad68 !important;
color: white !important; 
padding: 7px 7px 7px !important;
}

.head-title:hover{
    background-color: #00ad68 !important;
color: white !important; 
padding: 7px 7px 7px !important;
}
.head-title:active{
    background-color: #00ad68 !important;
color: white !important; 
padding: 7px 7px 7px !important;
}
.head-title:after{
    background-color: #00ad68 !important;
color: white !important; 
padding: 7px 7px 7px !important;
}

/* Customized padding for side menu Navigation Bar */
.custom-navbar-padding{
    padding-top: 6.5px !important;
    padding-bottom:6px !important;
}
.custom-navbar-head{
    height:35px !important;
}
.custom-navbar-topmar{
    margin-top:7px !important;
}

#snackbar, #snackbarpaste, #memberselection, #eventsnackbar, #programurl, #snackbarEventList, #eventsnackbarLink,
#membershipsnackbar, #memoptsnackbar, #trialaddsnackbar, #triallistsnackbar , #triallivesnackbar,#trailselection,#trialsnackbar,#leadssnackbar,
#linksnackbar, #snackbar_particularevent, #custom_api, #zap_api, #zap_url, #zap_retrievepoll,#retaillisturl, #ret_onboard, #retailcategoryurl, #childretailurl, #staffpos, #publicpos, #app_web_access_url, #classschedulelistsnackbar, #classscheduleindividuallistsnackbar, #referlinkurl, #emailsnackbar{
    visibility: hidden;
    min-width: 250px;
    /* margin-left: -125px; */
    background-color: #333;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    padding: 16px;
    position: fixed;
    z-index: 999;
    left: 50%;
    transform: translateX(-50%);
    bottom: 30px;
    font-size: 17px;
}

#snackbar.show, #snackbarpaste.showpaste, #memberselection.show, #eventsnackbar.showevent, #programurl.show, 
#membershipsnackbar.show, #memoptsnackbar.show, #trialaddsnackbar.show, #triallistsnackbar.show , #triallivesnackbar.show,
#trailselection.show,#trialsnackbar.show,#leadssnackbar.show,
#linksnackbar.show, #snackbar_particularevent.show, #custom_api.show, #zap_api.show, #zap_url.show, #zap_retrievepoll.show, 
#retaillisturl.show,#ret_onboard .show, #retailcategoryurl.show, #childretailurl.show, #staffpos.show, #publicpos.show, #app_web_access_url.show, #classschedulelistsnackbar.show, #classscheduleindividuallistsnackbar.show ,#referlinkurl.show, #emailsnackbar.show{
    visibility: visible;
    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
}
.fade.in{
    opacity:1;
    background:rgba(1,1,1,0.5);
}
@-webkit-keyframes fadein {
    from {
bottom: 0; 
opacity: 0;
} 
    to {
bottom: 30px; 
opacity: 1;
}
}

@keyframes fadein {
    from {
bottom: 0; 
opacity: 0;
}
    to {
bottom: 30px; 
opacity: 1;
}
}

@-webkit-keyframes fadeout {
    from {
bottom: 30px; 
opacity: 1;
} 
    to {
bottom: 0; 
opacity: 0;
}
}

@keyframes fadeout {
    from {
bottom: 30px; 
opacity: 1;
}
    to {
bottom: 0; 
opacity: 0;
}
}

.ms-button{
    height: 30px;
width: 200px;
}
/*Manage Membership Inline Navigation Bar*/ 

.mems-navbar{
    background-color: #5f5f5f;
    height: 35px;
    width:100%;
    margin-bottom: 10px;
}
.mems-navbar > ul {
    list-style-type: none;
    color:white;
    display:flex;
    margin-bottom: 0px !important;
    padding-top: 7px!important;
    padding-left: 0px;
    text-align: center;
}
.mems-navbar > ul > li{
    width:120px;
}
.memstab-text-1{
    position: absolute;
    top: 40px;
    left: 75px;
    z-index: 3;
    cursor: pointer;
    font-weight: 600;
    color: black;
}

.memstab-text-2{
    position: absolute;
    top: 40px;
    left: 240px;
    z-index: 3;
    cursor: pointer;
    font-weight: 600;
    color: black;
}

.memstab-text-3{
    position: absolute;
    top: 40px;
    left: 415px;
    z-index: 3;
    cursor: pointer;
    font-weight: 600;
    color: black;
}
.memstab-text-4{
    position: absolute;
    top: 40px;
    left: 575px;
    z-index: 3;
    cursor: pointer;
    font-weight: 600;
    color: black;
}

.disable-tab1{
    color:grey;
}

.mems-navbar > ul > li.active{
    border-bottom: 5px solid #00ad68!important;
    border-bottom-width: 5px;
    border-bottom-style: solid;
    border-bottom-color: rgb(26, 187, 156);
    margin-bottom: 10px !important;
    font-size: 14px;
}

.table{
    table-layout: auto !important;

}
.dt-wrap-div{
    max-height: 540px;
    overflow: hidden;
}

.dataTables_scroll > table >  th,td {
    overflow:hidden;
    white-space:nowrap;
    /*height:40px !important;*/
} 
/*.dataTables_scroll{
    border-right: 1px solid #ddd;
}*/
/*.dataTables_empty{
    height:20px !important;
}*/
/*card-icon for edit memebership*/
.card-icon-custom-padding{
    padding: 4px;
}
.green{
    color: #00ad68;
}
.action-icons-top{
    /*position: absolute;*/
    /*top: 40px;*/
    /*z-index: 3;*/
    padding: 5px;
}
.dataTables_scrollBody #DataTables_Table_update_Attendance{
    /*max-height: 350px;*/
    border-top: none;
} 

.membershipdetail-tabtext-1,.membershipdetail-tabtext-2,.membershipdetail-tabtext-3,.membershipdetail-tabtext-4,.membershipdetail-tabtext-5{
    top: 87px;
    left: 39px;
}
.membershipdetail-tabtext-2{
    left: 235px;
}
.membershipdetail-tabtext-3{
    left: 394px;
}
.membershipdetail-tabtext-4{
    left: 590px;
}
.membershipdetail-tabtext-5{
    left: 755px;
}
.trialdetail-tabtext-1,.trialdetail-tabtext-2,.trialdetail-tabtext-3,.trialdetail-tabtext-4,.trialdetail-tabtext-5{
    top: 87px;
    left: 65px;
}
.trialdetail-tabtext-2{
    left: 233px;
}
.trialdetail-tabtext-3{
    left: 425px;
}
.trialdetail-tabtext-4{
    left: 585px;
}
.trialdetail-tabtext-5{
    left: 755px;
}


#managetrialsubTab >li{
    width:160px;
}

#eventdetailtabs,#membershipdetailtabs,#trialdetailtabs{
    margin-bottom: 5px;
}
#membershipdetailtabs li{
    width:160px;
}
.managemembersub-tabtext-1,.managemembersub-tabtext-2,.managemembersub-tabtext-3{
    top: 27px;
    left: 55px;
}
.managemembersub-tabtext-2{
    left: 315px;
}
.managemembersub-tabtext-3{
    left: 485px;
}
.manageeventsub-tabtext-1,.manageeventsub-tabtext-2{
    top: 17px;
    left: 80px;
}
.manageeventsub-tabtext-2{
    left: 260px;
}

.ms-detail-bold-head{
    font-size: 17px;
    font-weight: 400;
}
.ms-detail-head{
    font-size: 16px;
    font-weight: 600;
}
.green-border-left{
    border-left: 3px solid #00ad68;
    height: 580px;
}
.msdetailtxt{
    padding-left: 20px;
    line-height: 1.871;
    font-size: 13px;
}
.msdetail-headtxt{
    padding-left: 20px;
    line-height: 1.871;
    font-size: 13px;
}
.no-padding{
    padding:0 !important;
}
.horzRevRowFlex {
    display: flex;
    flex-direction: row-reverse;
}
.oneClickSetupButton {
    padding-right:10px;
    color:#009A61;
    cursor:pointer;
}
.fa-pencil,.fa-close,.fa-save{
    cursor: pointer;
}
.note-section{
    padding:0;
    color:#00ad68;
    cursor: pointer;
}
.action-icons-top-format{
    font-size: 12px;
    margin: 0px 5px; 
    padding: 5px;
}
.no-padding-left{
    padding-left: 0;
}
.no-padding-right{
    padding-right: 0;
}
.ms-tab-top-left{
    padding-top:8px;
    font-size: 14px;
    position: absolute;
}
.msdetailtxt-desc{
    line-height: 1.871;
    font-size: 15px;
}
.msdetail-select{
    text-align: center;
    width: 60% !important;
    margin-left: 0px !important;
    padding:0;
}
.inline{
    display: inline;
}
.small-select{
    text-align: center; 
    width:50% !important;
    margin: 0 !important;
    height: 25px !important;
    margin-top: 4px !important;
    padding:0;
}
.small-input{
    text-align: center;
    width: 30% !important;
    margin: 0 !important;
    height: 25px !important;
    margin-top: 4px !important;
}
.medium-input{
    text-align: center;
    width: 80% !important;
    margin: 7px 0px !important;
    height: 25px !important;
    margin-top: 4px !important;
}
.msdetail-container{
    height: 580px;
    overflow-y: scroll;
}
.msdetail-container-top{
    height:450px;
}
.msdetail-container-bottom{
    height:130px;
}
.crop-content{
    width: 650px !important;
}
.action-icons-top-payment{
    /*    position: absolute;
        top: 90px;
        left: 0px;
        z-index: 3;*/
    padding: 5px;
}
.filter-div-1{
    width: 103px !important;
    padding-left: 0px;
}
.filter-div{
    width: 72px !important;
}
.filter-label{
    float: right; 
margin-top: 6px;
}

.btn-custom {
    min-width: 90px;
    font-size: 13px;
    padding: 7px 6px;
}

.member-selection-color {
    color:#00ad68;
}
.wl-member-selection-color, .wl-member-selection-color label{
    color:#00ad68 !important;
}
.action-icons-top-home{
    /*position: absolute;*/
    /*    top: 15px;
        left:-10px;
        z-index: 3;*/
    padding: 5px;
}


.order-list-table-event{
    overflow: hidden; 
    padding: 0px; 
    padding-left: 5px;
}
.eventdetail-tabtext-1,.eventdetail-tabtext-2,.eventdetail-tabtext-3,.eventdetail-tabtext-4{
    top: 72px;
    left: 65px;
}
.eventdetail-tabtext-2{
    left: 233px;
}
.eventdetail-tabtext-3{
    left: 418px;
}
.eventdetail-tabtext-4{
    left: 587px;
}
.event-tab-text1{
    position: absolute;
    top: 19px;
    left: 100px;
    z-index: 3;
    cursor: pointer;
}
.event-tab-text2{
    position: absolute;
    top: 19px;
    left: 270px;
    z-index: 3;
    cursor: pointer;
}
.addparticipant-button{
    z-index: 3;
    position: absolute;
    right: 10px;
    top: 26px;
}

.manage-icons-top{
    /*    position: absolute;
        top: 75px;
        z-index: 3;*/
    padding: 5px;
}

.manage-tabtext-align3 {
    top: 18px;
    left: 80px;
}
.manage-tabtext-align4{
    top:18px;
    left:310px;
}
.manage-tabtext-align5{
    top:18px;
    left:495px;
}
.manage-add-membership{
    height: 30px;
    margin-top:-21px;
    padding:3px 6px;
    font-size: 13px;
    z-index: 3;
    position: absolute;
    right: 10px;
    top: 30px;
}
.openrankbutton{
    height: 30px;
    margin-top:-21px;
    padding:3px 6px;
    font-size: 13px;
    z-index: 3;
    position: absolute;
    right: 120px;
    top: 30px;
    width: 129px;
    border-radius: 3px;
    border: solid 1px #00ae68;
    background-color: #ffffff;
    color:#00ae68 !important;
}
.manage-membership-icons-top{
    /*    position: absolute;
        top: 60px;
        z-index: 3;*/
    padding: 5px;
    margin-top: 10px;
}
.event-detail-table{
    cursor:pointer;
    padding:5px;
    /*position:absolute;*/
}
.event-detail-green-btn{
    width: 168px;
    white-space: inherit;
    background-color: #00ad68 !important; 
    border: 2px solid #00ad68 !important;
    height: 56px;
}
.event-detail-cancel{
    height: 56px;
    padding-top:17px !important;
}
event-detail-green-btn:hover{
    border-color:#00ad68 !important;

}

.event-table-border-right{
    border-right : 2px solid #00ad68;
}

.event-table-border-left{
    border-left: 2px solid #00ad68;
}

.x_panel{
    overflow: hidden;
}

.dataTables_filter{
    position: absolute;
    z-index: 100;
    right: 10px;
    top: -40px;
    width: 300px;
}
.x_content{
    overflow-x: hidden;
    overflow-y: hidden;
}
.inner-container1{
    padding-left: 5px;
}
.pause-membership-alignment{
    padding-left:13px !important;
}
.no-margin{
    margin:0 !important;
}
.no-margin-bottom{
    margin-bottom: 0 !important;
}


.col2{
    min-width: 160px; 
max-width: 160px; 
}
.col3{
    min-width: 110px; 
max-width: 110px; 
}
.col4{
    min-width: 190px; 
max-width: 190px;
}
.col5{
    min-width: 110px; 
max-width: 110px; 
}
.col6{
    min-width: 50px; 
max-width: 50px; 
}
.col7{
    min-width: 100px; 
max-width: 100px; 
}
.col8{
    min-width: 120px; 
max-width: 120px; 
}
.col9{
    min-width: 120px; 
max-width: 120px; 
}
.col10{
    overflow: hidden; 
min-width: 120px; 
max-width: 120px; 
}
.col11{
    overflow: hidden; 
min-width: 120px; 
max-width: 120px; 
}
.col12{
    min-width: 150px; 
max-width: 150px; 
}
.col13{
    min-width: 220px; 
max-width: 220px; 
}
.col14{
    overflow: hidden;
min-width: 140px;
}
.col15{
    padding-left: 18px !important;  
}
.col16{
    min-width: 110px; 
max-width: 110px; 
}
.col17{
    min-width: 140px; 
max-width: 140px;
white-space: nowrap; 
}
.col18{
    min-width: 160px; 
max-width: 160px; 
}
.col1{
    min-width: 160px; 
max-width: 160px;
overflow: hidden; 
}
.col1-large{
    min-width: 260px; 
max-width: 260px;
overflow: hidden; 
}

td.col11,td.col15{
    padding:0 0 0 15px !important;
}
td.col_hold1,td.col_hold2,td.col_hold6,td.col_hold7,td.col_hold8,td.col_hold9,td.col_hold10,td.col_hold11,td.col_hold12{
    padding:0 0 0 5px !important;
}
td.col_can1,td.col_can2,td.col_can5,td.col_can6,td.col_can7,td.col_can8,td.col_can9,td.col_can10,td.col_can11,td.col_can12{
    padding:0 0 0 5px !important;
}

/*td.col1,td.col2,td.col3,td.col4,td.col5,td.col6,td.col7,td.col8,td.col9,td.col10,td.col11,td.col12,td.col13,td.col14,td.col15,td.col16,td.col18{
    padding:0 0 0 15px !important;
}
td.col_hold1,td.col_hold2,td.col_hold3,td.col_hold4,td.col_hold5,td.col_hold6,td.col_hold7,td.col_hold8,td.col_hold9,td.col_hold10,td.col_hold11,td.col_hold12{
    padding:0 0 0 5px !important;
}
td.col_can1,td.col_can2,td.col_can3,td.col_can4,td.col_can5,td.col_can6,td.col_can7,td.col_can8,td.col_can9,td.col_can10,td.col_can11,td.col_can12{
    padding:0 0 0 5px !important;
}*/

.col_hold1{
    min-width: 160px; 
max-width: 160px;
overflow: hidden; 
padding: 0px; 
padding-left: 5px;
}
.col_hold2{
    min-width: 160px; 
max-width: 160px; 
padding: 0px; 
padding-left: 5px;
}
.col_hold3{
    min-width: 120px; 
max-width: 120px; 
overflow: hidden; 
padding: 0px; 
padding-left: 5px;
}
.col_hold4{
    min-width: 130px; 
max-width: 130px; 
padding: 0px; 
padding-left: 5px;
}
.col_hold5{
    min-width: 145px; 
max-width: 145px; 
padding: 0px; 
padding-left: 5px;
}
.col_hold6{
    min-width: 110px; 
max-width: 110px; 
padding: 0px; 
padding-left: 5px;
}
.col_hold7{
    min-width: 190px; 
max-width: 190px; 
padding: 0px; 
padding-left: 5px;
}
.col_hold8{
    min-width: 90px; 
max-width: 90px; 
padding: 0px; 
padding-left: 5px;
}
.col_hold9{
    min-width: 40px; 
max-width: 40px; 
padding: 0px; 
padding-left: 5px;
}
.col_hold10{
    min-width: 80px; 
max-width: 80px; 
padding: 0px; 
padding-left: 5px;
}
.col_hold11{
    min-width: 120px; 
max-width: 120px; 
padding: 0px; 
padding-left: 5px;
}
.col_hold12{
    min-width: 220px; 
max-width: 220px; 
padding: 0px; 
padding-left: 5px;
}
.col_hold13{
    min-width: 100px; 
max-width: 100px; 
padding: 0px; 
padding-left: 5px;
}

.col_can1{
    min-width: 160px; 
max-width: 160px;
overflow: hidden; 
padding: 0px; 
padding-left: 5px;
}
.col_can2{
    min-width: 160px; 
max-width: 160px; 
padding: 0px; 
padding-left: 5px;
}
.col_can3{
    overflow: hidden; 
padding: 0px; 
padding-left: 5px;
text-overflow: inherit !important;
}
.col_can4{
    min-width: 120px; 
max-width: 120px; 
padding: 0px; 
padding-left: 5px;
}
.col_can5{
    min-width: 110px; 
max-width: 110px; 
padding: 0px; 
padding-left: 5px;
}
.col_can6{
    min-width: 190px; 
max-width: 190px; 
padding: 0px; 
padding-left: 5px;
}
.col_can7{
    min-width: 110px; 
max-width: 110px; 
padding: 0px; 
padding-left: 5px;
}
.col_can8{
    min-width: 50px; 
max-width: 50px; 
padding: 0px; 
padding-left: 5px;
}
.col_can9{
    min-width: 80px; 
max-width: 80px; 
padding: 0px; 
padding-left: 5px;
}
.col_can10{
    min-width: 120px; 
max-width: 120px; 
padding: 0px; 
padding-left: 5px;
}
.col_can11{
    min-width: 220px; 
max-width: 220px; 
padding: 0px; 
padding-left: 5px;
}
.col_can12{
    min-width: 100px; 
max-width: 100px; 
padding: 0px; 
padding-left: 5px;
}

table#DataTables_Table_0  tr, table#DataTables_Table_1  tr, table#DataTables_Table_2  tr , table#DataTables_Table_4  tr ,  table#DataTables_Table_5  tr , table#DataTables_Table_6  tr ,table#DataTables_Table_7  tr ,
table#DataTables_Table_30 tr ,table#DataTables_Table_31 tr,table#DataTables_Table_32 tr,table#DataTables_Table_e1 tr,table#DataTables_Table_e2 tr,table#DataTables_Table_8  tr
{
    height: 50.25px;
}

.dataTables_length{
    display:none;
}
.home_col{
    min-width: 160px; 
max-width: 160px; 
padding: 0px; 
padding-left: 5px;
}
.home_col_startdate{
    min-width: 50px !important;
    max-width: 50px !important;
    padding: 0px; 
    padding-left: 5px;
    font-style: normal;
    font-weight: 700;
    font-size: 10px;
    line-height: 14px;
    color: #000000;
    padding-left:17px !important;
}
.home_col_enddate{
    min-width: 50px !important;
    max-width: 50px !important;
    padding: 0px; 
    padding-left: 5px;
    font-style: normal;
    font-weight: 700;
    font-size: 10px;
    line-height: 14px;
    color: #000000;
    padding-left:17px !important;
}
.home_col_appt_title{
    min-width: 80px !important;
    max-width: 80px !important;
    padding: 0px; 
    padding-left: 5px;
    font-style: normal;
    font-weight: 700;
    font-size: 10px;
    line-height: 14px;
    color: #000000;
    max-width: 162px;
}
.data_style{
font-style: normal;
font-weight: 600;
font-size: 13px;
line-height: 19px;
color: #000000;
}
.home_col1{
    min-width: 160px; 
max-width: 160px; 
padding: 0px; 
padding-left: 5px;
}
.home_col2{
    min-width: 160px; 
max-width: 160px; 
padding: 0px; 
padding-left: 5px;
}
.home_col3{
    min-width: 160px; 
max-width: 160px; 
padding: 0px; 
padding-left: 5px;
}
.home_col4{
    min-width: 100px; 
max-width: 100px; 
padding: 0px; 
padding-left: 5px;
}
.home_col5{
    min-width: 15px; 
max-width: 15px;  
padding-left:18px !important;  
padding-right:0px !important;
}
.home_col6{
    min-width: 5px; 
max-width: 5px; 
padding: 0px; 
padding-left: 5px;
}

#DataTables_Table_7_wrapper .table.row-border1 > tbody > tr > td
{
    color: #999999;
    font-size: 13px;
    font-weight: 600;
}
td.home_col{
    min-width: 160px; 
max-width: 160px; 
padding: 0px !important; 
padding-left: 5px !important;
}
td.home_col1{
    min-width: 150px; 
max-width: 150px; 
padding: 0px !important; 
padding-left: 5px !important;
}
td.home_col2{
    min-width: 160px; 
max-width: 160px; 
padding: 0px !important; 
padding-left: 5px !important;
}
td.home_col3{
    min-width: 160px; 
max-width: 160px; 
padding: 0px !important; 
padding-left: 5px !important;
}
td.home_col4{
    min-width: 100px; 
max-width: 100px; 
padding: 0px !important; 
padding-left: 5px !important;
}
td.home_col5{
    min-width: 15px; 
max-width: 15px; 
padding: 0px !important; 
padding-left: 5px !important;
}
td.home_col6{
    min-width: 5px; 
max-width: 5px; 
padding: 0px !important; 
padding-left: 5px !important;
}
td.home_col5{
    padding-left: 18px !important; 
}

.col_a1{
    min-width: 110px; 
max-width: 110px; 
padding: 0px; 
padding-left: 5px;
}
.col_a2{
    min-width: 80px; 
max-width: 80px; 
padding: 0px; 
padding-left: 5px;
}
.col_a3{
    min-width: 160px; 
max-width: 160px; 
padding: 0px; 
padding-left: 5px;
}
.col_a4{
    min-width: 160px; 
max-width: 160px; 
padding: 0px; 
padding-left: 5px;
}
.col_a5{
    min-width: 110px; 
max-width: 110px; 
padding: 0px; 
padding-left: 5px;
}
.col_a6{
    min-width: 190px; 
max-width: 190px; 
padding: 0px; 
padding-left: 5px;
}
.col_a7{
    min-width: 80px; 
max-width: 80px; 
padding: 0px; 
padding-left: 5px;
}
.col_a8{
    min-width: 220px; 
max-width: 220px; 
padding: 0px; 
padding-left: 5px;
}
.col_a9{
    min-width: 100px; 
max-width: 100px; 
padding: 0px; 
padding-left: 5px;
}
.col_a10{
    min-width: 100px; 
max-width: 100px; 
padding: 0px; 
padding-left: 5px;
}
.col_a11{
    min-width: 100px; 
max-width: 100px; 
padding: 0px; 
padding-left: 5px;
}
.col_a12{
    min-width: 110px; 
max-width: 110px; 
padding: 0px; 
padding-left: 5px;
}

.col_p1{
    min-width: 80px; 
max-width: 80px; 
padding: 0px; 
padding-left: 5px;
}
.col_p2{
    min-width: 160px; 
max-width: 160px; 
padding: 0px; 
padding-left: 5px;
}
.col_p3{
    min-width: 160px; 
max-width: 160px; 
padding: 0px; 
padding-left: 5px;
}
.col_p4{
    min-width: 110px; 
max-width: 110px; 
padding: 0px; 
padding-left: 5px;
}
.col_p5{
    min-width: 190px; 
max-width: 190px; 
padding: 0px; 
padding-left: 5px;
}
.col_p6{
    min-width: 80px; 
max-width: 80px; 
padding: 0px; 
padding-left: 5px;
}
.col_p7{
    min-width: 220px; 
max-width: 220px; 
padding: 0px; 
padding-left: 5px;
}
.col_p8{
    min-width: 100px; 
max-width: 100px; 
padding: 0px; 
padding-left: 5px;
}
.col_p9{
    min-width: 90px; 
max-width: 90px; 
padding: 0px; 
padding-left: 5px;
}
.col_p10{
    min-width: 110px; 
max-width: 110px; 
padding: 0px; 
padding-left: 5px;
}

.col_u1{
    min-width: 80px; 
max-width: 80px; 
padding: 0px; 
padding-left: 5px;
}
.col_u2{
    min-width: 160px; 
max-width: 160px; 
padding: 0px; 
padding-left: 5px; 
}
.col_u3{
    min-width: 160px; 
max-width: 160px; 
padding: 0px; 
padding-left: 5px;
}
.col_u4{
    min-width: 110px; 
max-width: 110px; 
padding: 0px; 
padding-left: 5px;
}
.col_u5{
    min-width: 190px; 
max-width: 190px; 
padding: 0px; 
padding-left: 5px;
}
.col_u6{
    min-width: 80px; 
max-width: 80px; 
padding: 0px; 
padding-left: 5px;
}
.col_u7{
    min-width: 220px; 
max-width: 220px; 
padding: 0px; 
padding-left: 5px;
}
.col_u8{
    min-width: 100px; 
max-width: 100px; 
padding: 0px; 
padding-left: 5px;
}
.col_u9{
    min-width: 100px; 
max-width: 100px; 
padding: 0px; 
padding-left: 5px;
}
.col_u10{
    min-width: 110px; 
max-width: 110px; 
padding: 0px; 
padding-left: 5px;
}

.col_e1{
    min-width: 178px; 
max-width: 178px;
}
.col_e2{
    min-width: 178px; 
max-width: 178px;
}
.col_e3{
    min-width: 197px; 
max-width: 197px
}
.col_e4{
    min-width: 148px; 
max-width: 148px;
}
.col_e5{
    min-width: 203px; 
max-width: 203px;
}
.col_e6{
    min-width: 203px; 
max-width: 203px;
}
.col_e7{
    min-width: 108px; 
max-width: 108px;
}
.col_e8{
    min-width: 129px; 
max-width: 129px
}
.col_e9{
    min-width: 155px; 
max-width: 155px;
}
.col_e10{
    min-width: 150px; 
max-width: 150px;
}
.col_e11{
    min-width: 170px; 
max-width: 170px;
}
.col_e12{
    min-width: 180px; 
max-width: 180px;
}
.col_e13 {
    min-width: 200px;
    max-width: 200px;
}
.col_e14 {
    min-width: 220px;
    max-width: 220px;
}
.col_e_c1{
    overflow: hidden;
}
.col_e_c2{
    overflow: hidden;
}
.col_e_c3{
    overflow: hidden;
}
.col_e_c4{
    overflow: hidden;
}
.col_e_c5{
    overflow: hidden;
}
.col_e_c6{
    min-width: 160px; 
width: 86px;
}
.col_e_c7{
    min-width: 160px; 
width: 86px;
}
.col_e_c7{
    min-width: 160px; 
width: 86px;
}



/*.avoidtrming a, .avoidtrming span, .avoidtrming tr, .avoidtrming td { white-space: pre !important; }*/

/*date highlight on attendance detail*/

.activeDates{ 
    background-size: 40px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background: url(64c517fdbf5b2fa6ce56268d40c1b8d7.png);
    color: white!important;
}

#selectedDateCalender .table-condensed > tbody > tr > td{
    padding:9px;
}
 #DataTables_Table_completed_deleted .table-bordered>thead>tr>th {
    border-left: 0px solid #ddd;
}

.attendance-add-button{
    background-color: #00ad68; 
    border: 2px solid #00ad68; 
    min-width: 118px; 
    border-radius: 5px; 
    margin-left: 80px; 
    margin-top: 15px;
}

.datepicker.dropdown-menu {
    z-index: 10000 !important;
}

.app_verify_content{
    margin-top: 60px;
    font-size: 17px;
    font-weight: 700;
}

.app_verify_copy{
    color: #00ad68;
    cursor: pointer;
}

.app_verify_bottom{
    margin-bottom: 200px;
}


/* NEW LOGIN & REGISTRATION SET */
.logo-navbar{
    height: 80px;
    padding: 15px 0;
    cursor: pointer;
}
.mystudiologo{
    width:160px;
}
.login-container{
    text-align: center;
    width: 380px;
     margin: 50px auto auto auto; 
}
.login-container h1{
    font-size: 23px;
    font-weight: 500;
    color:#000000;
}
.login-container h2{
    font-size: 17px;
    font-weight: 400;
    color:#8b8b8b;
    line-height: 1.3;
}
.form-group-new {
    position:relative;  

    /*          & + .form-group-new {
                margin-top: 30px;
              }*/
}
.form-group-new + .form-group-new{
    margin-top: 30px;
}
.form-label {
    font-size: 12px; 
    font-weight:500;
    margin:0;
    position: absolute;
    left: 0;
    top: 5px;
    color: black;
    background-color: #fff;
    /*z-index: 10;*/
    transition: transform 150ms ease-out, font-size 150ms ease-out;
}

.focused .form-label {
    transform: translateY(-125%);
    font-size: .80em;
}

.form-input {
    font-size: 15px; 
    height: 30px;
    background: transparent;
    font-weight: 500;
    color:#5c5c5c;
    padding: 10px 0px 5px 0;
    width: 100%;
    outline: 0;
    border: 0;
    position: relative;
    /*box-shadow: 0 1px 0 0 #e5e5e5;*/
    transition: box-shadow 150ms ease-out;
    border-bottom: 1px solid lightgrey;
    border-radius: 0;
    /*          &:focus {
                box-shadow: 0 2px 0 0 blue;
              }*/
}
.form-input :focus{
    box-shadow: 0 2px 0 0 blue;
    outline:none;
}
.form-input:required {
    box-shadow: none;
}
.form-input.filled {
    /*box-shadow: 0 2px 0 0 lightgreen;*/
}
#login_form{
    width: 300px;
    margin: auto;
}
#login_form > .form-group-new > .form-input{
    width:300px;
}
.newinput-error{
    color: red;
    font-size: .80em !important;
    margin: 0 !important;
    position: absolute;
    top: -15px;
    right: 0;
}
.green{
    color: #009a61 !important;
}
.text-xs{
    font-weight: 600;
    font-size: 11px;
    margin:0;
    color:#111111;
}
.text-sm{
    font-weight: 600;
    font-size: 13px;
    margin:0;
    color:#111111;
}
.right{
    float: right;
}
.link{
    cursor: pointer;
}
.togglePasswordText{
    top: 0px;
    position: absolute;
    right: 0;
    cursor: pointer;
    padding:7px 0 7px 7px;
}
.green-button{
    background: #009a61;
    color:#ffffff;
    box-shadow: 0 1px 2px rgba(0,0,0,.1) inset;
    border-radius: 0 !important;
    border: 1px solid #009a61;
    padding: 12px 0;
    height: 50px;
    width:100%;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.5px;
    margin: 20px 0;
}
.global-modal.control-global-modal .modal-action button.green-button{
   position: static;
   left: -1px;
   width: calc(100% + 1px) !important;   
}

/*for firefox browser*/
@-moz-document url-prefix(){
 .global-modal.control-global-modal .modal-action button.green-button{  
   display:flex;
   justify-content: center;
   align-items: center;  
   width: 100% !important;
}
}

.green-button:hover{
    color:#ffffff;
}
.white-button{
    background: #ffffff;
    color:#111111;
    box-shadow: 0 1px 2px rgba(0,0,0,.1) inset;
    border-radius: 0;
    border: 1px solid #bebebe;
    padding: 12px 0;
    height: 50px;
    width:100%;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.5px;
    margin: 20px 0;
}
.green-button + .white-button{
    margin-top: 10px;
}
.custom-modal > .modal-dialog{
    margin:30vh auto auto auto;
    width:300px;
}
#wepayconfirm-modal > .custom-modal > .modal-dialog{
    width:310px;
}

#cdeditorder > .custom-modal > .modal-dialog{
    width:230px !important;
}

.custom-modal > .modal-dialog > .modal-content > .modal-body{
    font-weight:500;
    font-size: 15px;
    text-align: center;
    color:#111111;
}
.custom-modal-button{
    border-radius: 5px;
    margin: 0;
    height: 40px;
    padding:0;
}
.regular-input{
    border-radius: 5px;
    height: 50px;
    color:#111111;
    margin:0 0 10px 0 !important;
    font-size:18px;
}
.regular-input::-webkit-input-placeholder {
    color:#111111;
    text-align: center;
}

.regular-input:-moz-placeholder { /* Firefox 18- */
    color:#111111;
    text-align: center;  
}

.regular-input::-moz-placeholder {  /* Firefox 19+ */
    color:#111111;
    text-align: center;  
}

.regular-input:-ms-input-placeholder {  
    color:#111111;
    text-align: center; 
}
.regular-error{
    color:red;
    float:right;
    margin-bottom: 5px;
}
.emailsent{
    color:#939eaa;
    word-wrap: break-word;
}
.emailsent-to{
    word-wrap: break-word;
}
.green-button + .green-button{
    margin-top: -10px;
}
.mobile-enable{
    display: none;
}
.web-enable{
    display:block;
}
.button-fixed-bottom{
    position: fixed;
    bottom: 0;
    right: 0;
    margin:0;    
}
.response-modal-text{
    text-align: center;
}
.button-50{
    width:50% !important;
}
.green-button[disabled]{
    border: 1px solid rgb(128, 203, 175);
    background-color: rgb(128, 203, 175);
}
.registerprogress{
    width:160px;
    margin-left: auto;
    margin-right: auto;
    background-color: #cfede1;
    height: 5px;
    border-radius: 5px;
}
.registerprogressbar{
    width:22.8571428571px;
    background-color: #009a61;
}


#registerform1, #registerform2, #registerform3, #registerform4, #registerform5, #registerform6, #registerform7{
    width:300px;
    margin:50px auto auto auto;
}
#registerform4, #registerform5{
    /*margin-left: 10px;*/
    float:right;
    height: 150px;
    width: 320px;
}
#registerform6{
    margin:auto;
}
.registerPhoneNumber{
    box-sizing: border-box;
    height: 32px;
    padding-left: 55px;
    border-radius: 0;
}
.registerPhoneNumberLabel{
    left: 55px;
}
.flag-drop-down {
    border-bottom: 1px solid lightgrey;
    width: 55px;
    position: absolute;
    bottom: 0;
    height: 25px;
    /*z-index: 9999;*/
}
.dropdown_icon {
    transform: rotate(90deg);
    position: absolute !important;
    font-size: 12px;
    left: 35px;
    top: 4px;
    /*z-index: 9999;*/
    color: #111111;
}
.selected-drop-down-image {
    position: absolute;
    left: 0;
    bottom: 8px;
    width: 20px;
}
.popover-content{
    padding: 0;
}
.dropdown-menu {
    color: #111111;
}
.dropdown-menu > ul{
    padding:0;
    list-style: none;
    margin-bottom: 0;
}
.dropdown-menu > ul > li {
    font-size: 11px;
    padding: 5px;
    text-align: left;
}
.dropdown-menu > ul > li:hover{
    background-color: #efefef;
    cursor: default;
}
.drop-down-image {
    width: 25px;
    padding: 0px 0px 0px 5px;
}
.inline-container {
    width: 380px;
    margin: auto;
}
.key-icon{
    width: 35px;
    margin: 55px 0 0 10px;
    float: left;
}
.flex{
    display: flex;
}
.studio-code-text{
    margin: 7px 0 0 0;
    color:black;
    font-weight: 400;
    font-size: 11px;
}
.phone-icon{
    width:40px;
    margin: 50px 0 0 15px;
    padding: 5px;
}
.sheild-icon{
    width:40px;
    margin-top: 60px;
}
.retry-text{
    top: 35px;
    position: absolute;
    left: 0;
}
.tap-text{
    font-weight: 400;
    font-size: 10px;
    margin-bottom: 7px;
}
.tap-text + .green-button, .modal-body > .green-button + .green-button{
    margin-top: 5px;
}
.step-container{
    padding: 10px;
    width: 250px;
    margin: auto;
    text-align: left;
}
.step-container.left{
    margin-top: 25px;
    float: none;
    height: 200px;
}
.step-container.right{
    margin-left:110px;
    float: none;
    margin-top: 15px;
    height: 270px;
}
.step-head{
    font-size: 14px !important;
    font-weight: 700 !important;
    text-align: left;
}
.step-content{
    color:#000000;
    font-size: 14px;
    text-align: left;
}
.custom-back-green{
    /*font-size: 22px;*/
    /*font-weight: 600;*/
    /*color: #009a61;*/
    top: 20px;
    /*padding: 5px;*/
    cursor:pointer;
    position:absolute;
    width:20px;
}
.next-button-top{
    font-size: 18px;
    font-weight: 500;
    color: #009a61;
    padding: 5px;
    position: relative;
    top: -41px;
    right: -115px;
    cursor:pointer;
    background: white;
    border: none;
    box-shadow: none;
}
.overlay {
    background-color: rgba(0, 0, 0, 0.5);
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 1;
    display: none;
}
.industry-dropdown{
    position: absolute;
    bottom: 0;
    height: 25px;
    z-index: 9999;
    top: 7px;
    right: 0;
}
.dropdown_icon2{
    transform: rotate(90deg);
    /*z-index: 9999;*/
    color: #111111;
}
.industry-list > li{
    padding-left: 10px !important;
}
.half-iphonex{
    width:90px;
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 100px #fff inset !important;
    -moz-box-shadow: 0 0 0 100px #fff inset !important;
    box-shadow: 0 0 0 100px #fff inset !important;
}
/*.livechat-text{*/
/*font-size: 16px;*/
/*line-height: 1.3;*/
/*}*/
.navbar-container{
    width:380px;
    margin: auto;
}
.custom-toggle-btn{
    width:150px;
    font-weight: 400;
    font-size: 13px;
}
.custom-toggle-btn.active{
    font-weight:600;
    color:#ffffff;
    background-color: #009a61;
    border:1px solid #009a61;
}
.btn-default.custom-toggle-btn.active:hover{
    border: 1px solid #009a61;
    background-color: #009a61;
    color:#ffffff;
}
.half-width{
    width: 50%;
}
.web-enable > .tap-text + .green-button {
    margin-top: -5px;
}
.m-t-5{
    margin-top: 5px;
}
.container-sm{
    width: 380px;
    margin: auto;
}
.reset-password-bg{
    background: #ffffff;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
}
.reset-password-content{
    font-size: 15px;
    font-weight: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
}
.reset-password-content h1{
    font-size: 24px;
    font-weight: 500;
    color:#000000;
    margin:20px 0;
}
.grey-square-input{
    height:50px;
    width:100%;
    color:#111111;
    border:1px solid #bebebe;
    padding: 12px;
    margin-bottom: 10px;
    font-weight: 500;
}
.reset-btn-bold{
    font-size:18px;
    font-weight: 600;
}
.register-container{
    margin-top: 10px;
}
.country-code{
    position: absolute;
    top: 6px;
    left: 55px;
    font-size: 15px;
    font-weight: 500;
    color: #5c5c5c;
    margin-bottom: 0;
}
.country-code-input{
    box-sizing: border-box;
    /*height: 32px;*/
    border-radius: 0;
    padding-left:55px;  /* Max - 130px*/
}


/*NEW GREEN TAB CHANGE CSS HERE*/
ul.bar_tabs > li{
    margin-left: 0;
}
.newtabgreen  ul.bar_tabs{
    background: none;
    padding-left: 10px;
    border-bottom: none;
    margin-top: 30px;
    margin-bottom: -1px;
}
.active-event-list{
    -webkit-transform: perspective(100px) rotateX(30deg);
    -moz-transform: perspective(100px) rotateX(30deg); 
    margin-top: 3px !important;
    border: 1px solid #E6E9ED !important;
    border-bottom: 1px solid white !important;
    width: 140px;
    z-index: 4;
    background-color: white !important;
    height:42px;
    width: 160px;
}
.event-list-title{
    border: 1px solid #E6E9ED !important;
    -webkit-transform: perspective(100px) rotateX(30deg);
    -moz-transform: perspective(100px) rotateX(30deg); 
    height:40px;
    width: 160px;
    margin-top: 5px !important;
    z-index: 1;
}
.active-event-list a{
    cursor: pointer;
    background: #009a61 !important;
    color:#ffffff !important;
    padding:12px;
    text-align: center;
    height: 100%;
}
.event-list-title a{
    cursor: pointer;
    background: #ffffff !important;
    color:#000000 !important;
    padding:12px;
    text-align: center;
    height: 100%;
}
.nav-tabs{
    min-width: 600px;
    height: 45px !important;
    overflow: hidden !important;
}
.navtab-cuswidth{
    width:210px;
}
.greentab-text{
    position: absolute;
    z-index: 3;
    cursor: pointer;
    color:#5c5c5c;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
}
.greentab-text-active{
    font-weight: 700;
    color:#ffffff;
}
.newtabgreen ul.bar_tabs li + li{
    margin-left: 18px;
}
.newtabgreen ul.bar_tabs li.navtab-cuswidth  + li.navtab-cuswidth{
    /*margin-left: 23px;*/
}

/* NEW BROWN TAB CHANGE CSS HERE*/
.bg-lightgrey{
    background: #f7f7f7 none repeat scroll 0 0;
}
.tab-brownbg{
    height: 40px !important;
}
.tab-brownbg  ul.bar_tabs{
    background: #5f5f5f;
    padding-left: 0px;
    border-bottom: none;
    margin-top: 0px;
    height: 40px !important;
}
.tab-brownbg .event-list-title,.tab-brownbg .active-event-list {
    -webkit-transform: none;
    -moz-transform: none;
    margin:0 !important;
    border-radius: 0 !important;
    border: none !important;
    border-right: 1px solid #ffffff !important;
    width:130px !important;
}
.tab-brownbg li, .tab-brownbg .active-event-list a,.tab-brownbg .event-list-title a{
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 0.31px;
}
.tab-brownbg  ul.bar_tabs a{
    background:#5f5f5f !important;
    border-radius: 0 !important;
    color:#ffffff !important;
    text-align: center;
    padding: 11px 15px 10px ;
}
.tab-brownbg ul.bar_tabs .active-event-list  a{
    background:#009a61 !important;
    font-weight: 700;
    border: 1px;
}
.tab-brownbg ul.bar_tabs.bar_tabs_sm li{
    width:90px !important;
}
.tab-brownbg ul.bar_tabs.bar_tabs_md li{
    width:100px !important;
}
.tab-brownbg  ul.bar_tabs.bar_tabs_md a{
    padding: 11px 5px;
}
.tab-brownbg.tab-brownbg-md ul.bar_tabs{
    height: 50px !important;
}
.tab-brownbg ul.bar_tabs.bar_tabs_lg li{
    height:50px !important;
    width:200px !important;
}
.tab-brownbg.tab-brownbg-md  ul.bar_tabs a{
    padding: 17px 0 15px 0;
    font-weight: 700;
}
.tab-brownbg.tab-brownbg-md  ul.bar_tabs a img{
    width:30px;
    margin-top: -3px;
}

.tab-brownbg-button{
    height: 30px;
    font-size: 13px;
    font-weight:500;
    letter-spacing: -0.21px;
    border-radius: 5px;
    background: #009a61;
    color:#ffffff;
    border:1px solid #009a61;
    padding: 4px;
    margin-top: 5px;
    margin-right: 0px;
}
#li-addtrial{
    border: none !important;
    float: right;
    width: 200px !important;
}
#li-addtrial > button{
    width: 150px;
    margin-left: 30px;
}
.newmodal-input{
    border-radius: 5px;
    height: 35px;
}
.newmodal-body p{
    font-size: 18px;
    font-weight: 600;
}
.newmodal-body .green-button.custom-modal-button{
    font-weight: 400;    
}
.newmodal-body .white-button.custom-modal-button{
    font-weight: 700;
    color: #000000;    
}
.inner-container,#dashboardTab,#paymentTab,#allcustomersTab{
    padding-left: 20px;
}


/*MEMBERS TAB CHANGE CSS HERE*/
.membertab-text-1{
    top: 46px;
    left: 88px;
}
ul.bar_tabs#membersTab li,ul.bar_tabs#managemember-Tab li{
    width: 200px;
}
#membersTab li + li,#managemember-Tab li + li{
    margin-left: 22px;
}
.nav.side-menu>li.active > a > label{
    color:#009a61;
}
.nav.side-menu>li.active>a{
    box-shadow:none;
}

/* HOME TAB CHANGE CSS HERE*/
.hometab-text-1,.hometab-text-2,.hometab-text-3{
    top:47px;
    left:75px;
}
.hometab-text-2{
    left:256px;
}
.hometab-text-3{
    left:420px;
}

/* HOME TAB CHANGE CSS HERE*/
.Apptab-text-1,.Apptab-text-2{
    top: 47px;
    left: 55px;
}
.Apptab-text-2{
    left: 215px;
}

/* EVENT TAB CHANGE CSS HERE*/
.eventtab-text-1,.eventtab-text-2,.eventtab-text-3{
    top:46px;
    left:70px;
}
.eventtab-text-2{
    left:242px;
}
.eventtab-text-3{
    left:430px;
}

/* TRIAL TAB CHANGE CSS HERE*/

.trialdashboard-content{
    margin-top: 25px;
    padding-left: 15px;
    padding-right: 15px;
}
.no-padding-right{
    padding-right:0 !important;   
}
.trials-content{
    padding-left: 20px;
    padding-right: 10px;
}


.newmodal-close-text{
    margin-left:auto;
    font-size: 12px;
    font-weight: 700;
    color:#111111;
    position: absolute;
    right: 10px;
    padding: 5px;
    top: 10px;
    cursor: pointer;
}
.newmodal-dropdown{
    height:40px !important;
    width:100%;
    margin: 20px 0;
}
.newmodal-dropdown + .newmodal-dropdown{
    margin-top: 0;
}
.live-listing > .x_content{
    padding-right: 10px;
    padding-left: 0px;
}
.draft-listing > .x_content {
    padding-left: 8px;
    padding-right: 18px;
}

#whitelabel-error-modal #white-label-error-btn.custom-modal-white-button:hover{
    background-color: #009a61 !important;
    color: #fff !important;
}

.email-templates-placeholder-section {
    margin-right: 15px;
}

.email-usage-details {
    cursor: pointer;
    width: 13px;
    color: #1ea77e;
    margin-left: 5px;
    margin-bottom: 2px;
}

.email-send-to-text-area {
    width: 100%;
    overflow-y: auto;
}

.email-options {
    display: flex;
    transform: translateY(5px);
}

.email-options.mobile {
    display: none;
}

.email-templates-placeholder-section .email-placeholder {
    float: right;
}

.br_mob{
    display: inline-block;
}
.br_desk{
    display:  block;
}


/*FOR MOBILE VIEW*/
@media only screen and (max-width: 640px){ 
    
    #goanalytics .modal-dialog{
      width: 94% !important;  
    }
    #twilio_info .modal-dialog{
        width: 94% !important;  
      }
    #goanalytics  #info_video_url{
        width: 95%;
        height: 245px;
    }
    #twilio_info  #twilio_info_video_url{
        width: 95%;
        height: 245px;
    }

    
    #emailsendbox .email-container .dropdown {
        margin-top: -28px;
    }
    
    .email-container .email-usage-details {
        margin-left: 106%;
        margin-bottom: -17px;
        position: relative;
    }
    
    .email-container .email-templates-placeholder-section {
        margin-right: 0;
    }
    
    .email-send-to-text-area {
        width: calc(100vw - 41px);
        overflow-y: auto;
        height: 70px !important;
    }
    
    .email-options {
        display: none;
    }
    
    .email-options.mobile {
        display: block;
        background: white;
    }
    
    .email-file-attached .email-options.mobile {
        height: 130px;
    }
    
    .rolldate-container {
        display: block;
    }
    
    .rolldate-container .rolldate-panel{
        z-index: 999999!important;
    }
    
    .rolldate-container .rolldate-mask {
        opacity: 0.7;
        background-color: black!important;
        z-index: 999999!important;
    }
    
    .email-options.mobile .send-email-once {
        position: absolute;
        bottom: 55px;
    }
    
    .email-options.mobile .email-attached-file {
        position: absolute;
        bottom: 105px;
        left: 7px;
        max-width: 90vw;
    }
    
    .email-options.mobile .file-attachment-error-message {
        position: absolute;
        bottom: 90px;
        left: 7px;
    }
    
    .email-options.mobile .email-attached-file .email-attached-file-name {
        max-width: 90vw;
    }
    
    .placehold_error_block {
        display: none !important; 
    }
    
    .placehold_error_block.placeholder_error_exist {
        display: none !important;
    }
    
    .email-footer .email-btn-group #drafttext.draft-text {
        display: none !important; 
    }
    
    #emailsendbox .email-footer.cstm-bckgrnd {
        border: none;
        border-top: 1px solid #D6D6D6;
        position: absolute;
    }
    
    .email-templates-placeholder-section .email-placeholder {
        margin-right: 105px;
    }
    
    #mySidebar-email .email-templates-placeholder-section .dropdown-menu.email-templates-dropdown {
        width: 303px !important;
        left: -204px !important;
        top: 23px;
    }
        
    .email-schedule-option .email-schedule-mobile {
        display: flex;
        width: 50%;
    }
    
    #mySidebar-email .email-schedule-option .email-schedule-time-zone-dropdown {
        margin-top: -165px;
        overflow-y: auto;
        top: 50%;
        left: 30px !important; 
        max-height: 330px !important;
        width: 86vw !important;
        position: fixed !important;
        padding-top: 0;
        box-shadow: none;
    }
    
    #mySidebar-email .email-templates-placeholder-section .dropdown-menu.email-placeholder-dropdown {
        width: 303px !important;
        left: -96px !important;
        top: 23px;
    }
    
   .show_release_popup #modal_content {
/*    width: 300px !important;
    height: auto !important;
    margin: 50% !important;*/
    transform:none;
    width: 100% !important;
    height: 100% !important;
    margin: 0;
    transform: none;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: fixed;
    border-radius: 0 !important;
}
.release-banner {
    height: 350px !important;
    width: 390px !important;
    background-size: contain !important;
    background-image: url(0328a272078d825d8b7d0f62792e045a.png) !important;    
}

.br_mob{
    display: block;
}
.br_desk{
    display: inline-block;
}
.mob_hide{
    display: none;
}
.release_p{
    margin: 16px 0px !important;
}
.mob_center{
    width: 50%;
    margin:auto;
}
.releasepopup_image_container {
/*    padding-left: 41px;
    padding-right: 40px;*/
    }
.mb_mt0{
    margin-top: 0 !important;
}
.asset1 {
    width: 100% !important;
}
.asset2 {
    width: 94% !important;
    margin-top: 10px !important;
}
.show_release_popup p.head2{
font-weight: 800 !important;
font-size: 12.3px !important;
letter-spacing: 0.3px !important;
}
.show_release_popup .head_title {
    font-weight: 500;
/*    font-size: 16px !important;*/
    line-height: 29px !important;
    letter-spacing: 3px;
}
.text_styling li, p.text_styling {
    font-size: 16px;
}
.show_release_popup ul{
    padding-left: 10px !important;
}
.show_release_popup #modal_dialog {
    width: 100%;
    -webkit-transform: none !important;
    transform: none;
    margin: 0 !important;
    top: 0 !important;
    left: 0 !important;
}
.show_release_popup .p25 {
    padding: 20px;
}
.show_release_popup p {
    margin-top: 16px;
    font-size: 17px;
    font-weight: 300;
    line-height: 21px;
    letter-spacing: 0.5px;
/*    width: 93%;*/
padding-left: 0px !important;    
}
.show_release_popup #modal_footer {
    border-radius: 10px !important;
    width: 100%;
    height: 46px !important;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
  .show_release_popup .release-banner-logo {
    margin: 0px !important;
    width: auto !important;
  }
  #show_release_popup{
     overflow-y: hidden; 
  }
    .mobile-enable{
        display: block;
    }
    .web-enable{
        display:none;
    }
    .logo-navbar{
        height: 50px;
        padding: 10px 0;
    }
    .mystudiologo{
        width:120px;
    }
    .login-container{
        width: 300px;
        margin: 30px auto auto auto;
        padding-bottom: 50px;
    }
    .login-container h1{
        font-size: 20px;
    }
    .login-container h2,  .regular-input{
        font-size: 15px;
    }
    .form-label{
        font-size: 11px;
        top:10px;
    }
    .form-input{
        font-size: 12px;
    }
    #login_form{
        width: 260px;
        margin: auto;
    }
    #login_form > .form-group-new > .form-input{
        width:260px;
    }
    .register-container{
        margin: 20px 0 0 0;
        width: 100%;
    }
    .focused .form-label{
        font-size: .65em; 
    }
    .newinput-error{
        font-size:.65em !important;
        top: -5px;
    }
    .text-xs {
        font-size: 10px;
    }
    .custom-modal > .modal-dialog{
        width:250px;
    }
    #registerform1, #registerform2, #registerform3, #registerform4, #registerform5, #registerform6, #registerform7{
        width:260px;
        /*margin:50px auto auto auto;*/
    }
    .custom-back-green{
        left: 15px;
        top:14px;
        width: 15px;
    }
    .registerprogress{
        /*margin-left: 70px;*/
    }
    .next-button-top{
        right: -110px;
    }
    .key-icon{
        padding: 0;
        width: 30px;
        margin-top: 55px;
        margin-left: 11%;
    }
    #registerform4, #registerform5{
        margin-left: 0;
    }
    .studio-code-text{
        font-size: 9px;
    }
    .step-container.right{
        margin-left: 30%;
    }
    .step-container.left{
        margin-left: 10%;
    }
    .navbar-container{
        width:auto;
        margin: auto;
    }
    .custom-toggle-btn{
        width:130px;
        font-size: 11px;
    }
    .custom-toggle-btn.active{
        font-weight: 700;
    }
    .inline-container{
        width: 350px;
    }
    .phone-icon {
        width: 35px;
        margin-left: 10%;
    }
    .country-code{
        font-size: 12px;
        top:9px;
    }
    .login-container form input{
        font-size: 16px;
    }
    #registerform2 .form-group-new.dropdown,#industry-list{
        width: 100%;
    }
    #registerform4 .row{
        float: right;
        width: 100%;
        margin-bottom: 0px;
    }
    #emailbounceandubsubcountModal .modal-dialog{
        width: 300px !important;
        height: 286px !important;
    }
    #emailbounceandubsubcountModal .modal-body{
        padding:0px !important;
    }
    #emailbounceandubsubcountcontent{
        margin: 0px !important;
padding: 10% !important;
text-align: left;
    }
    #emailbounceandubsubcountModal .cancel_button_mobile{
        font-weight: 500; 
        border-radius: 0 0 10px 10px !important;
        background: #FFFFFF !important;
        color: #777777 !important;
        border: none !important;
        width: 100% !important;
        margin: 0px !important;
        height: 60px !important;
    }
    #emailbounceandubsubcountModal .continue_button_mobile{
        font-weight: 500;
        background: #009A61 !important;
        color: #FFFFFF !important;
        border: none !important;
        border-radius: 0px !important;
        height: 60px !important;
    }
    #failuremessageModal_mobile .green-modal-btn{
    font-size: 16px;
    font-weight: 500;
    height: 60px;
    background: white !important;
    color: #009a61 !important;
    width: 297px;
    border: none;
 }
 #catchhovertwiliomsg{
     width: 264px !important;
     position: fixed !important;
 }
 #catchhovertwiliomsg {
     height: 340px !important;
 } 
  .view_demo_button2 {
    margin-left: 10px !important;
}
.view_demo_button1 {
    margin-right: 10px !important;
    
} 
.view_demo_button{
   margin-top:0 !important;
}

/*.view_demo_button {
    width: auto !important;
}*/
/*.show_release_popup ul, .show_release_popup p{
 margin: 12px auto !important;   
}*/
/*.view_demo_button {   
    margin: 40px auto 0 !important;
}*/
}

@media only screen and (max-width: 680px) {
    .intercom-lightweight-app-launcher,
    .intercom-namespace .intercom-1vfdjpq { 
    bottom: 55px !important;
    right: 10px !important;
}
.intercom-namespace .intercom-ehjsnw {
    bottom: 55px !important;
    right: 10px !important; 
}
/*HubSpot Align CSS Starts*/
.hs-shadow-container.active+#hubspot-conversations-iframe {
    transform: translateY(0px);
}
.hs-shadow-container+#hubspot-conversations-iframe {
    transform: translateY(-45px);
}
#hubspot-messages-iframe-container{
    pointer-events: none;
}
#hubspot-conversations-iframe, .hs-shadow-container{
    pointer-events: all;
}
/*HubSpot Align CSS Ends*/
}

@media (max-width:375px){
.show_release_popup .head_title {
    letter-spacing: 1.5px !important;
}
.release-banner{
height: 285px !important;
    text-align: center;
    width: 350px !important;
}
/*.show_release_popup p{
    line-height: 21px !important;
}*/
.show_release_popup .release-banner-logo{
    margin-bottom: -14px !important;
}
.release_p {
    margin: 10px 0px 16px !important;
}
.show_release_popup p.head2{
letter-spacing: 0.3px !important;
}
.txt_center320{
    text-align: center;
}

}



@media (max-width:360px){
    .store-badge{
        width:100px;
    }
    .step-container.left{
        margin-left: 8%;
    }
    .inline-container{
        width: 300px;
    }
    #registerform4, #registerform5{
        width: 230px;
    }
}
@media (max-width:320px){
    .mob_scroll{
        padding-bottom: 150px;
    }
    .release_p {
        font-size: 12px !important;
    }  
    .show_release_popup p {
    width: 97% !important;
}
.mob_width_popup {
    width: 100%!important;
}
.view_demo_button {
    font-size: 15px!important;
}
}
.col_ta1{
    min-width: 110px; 
max-width: 110px; 
padding: 0px; 
padding-left: 5px;
}
.col_ta2{
    min-width: 80px; 
max-width: 80px; 
padding: 0px; 
padding-left: 5px;
}
#trials_resp .col_ta2 , #trials_resp .col_ta1{
    min-width: 160px; 
max-width: 160px;
}
.col_ta3{
    min-width: 160px; 
max-width: 160px; 
padding: 0px; 
padding-left: 5px;
}
.col_ta4{
    min-width: 160px; 
max-width: 160px; 
padding: 0px; 
padding-left: 5px;
}
.col_ta5{
    min-width: 110px; 
max-width: 110px; 
padding: 0px; 
padding-left: 5px;
}
.col_ta6{
    min-width: 114px; 
max-width: 190px; 
padding: 0px; 
padding-left: 5px;
}
.col_ta7{
    min-width: 161px; 
max-width: 80px; 
padding: 0px; 
padding-left: 5px;
}
.col_ta8{
    min-width: 70px; 
max-width: 220px; 
padding: 0px; 
padding-left: 5px;
}
.col_ta9{
    min-width: 70px; 
max-width: 100px; 
padding: 0px; 
padding-left: 5px;
}
.col_ta10{
    min-width: 100px; 
max-width: 100px; 
padding: 0px; 
padding-left: 5px;
}
.col_ta11, .col_te11, .col_tc11, .col_td11{
   min-width: 120px; 
max-width: 120px; 
padding: 0px; 
padding-left: 5px;
}
.col_ta12, .col_te12, .col_tc12, .col_td12{
   min-width: 120px; 
max-width: 120px; 
padding: 0px; 
padding-left: 5px;
}
.col_ta13, .col_te13, .col_tc13, .col_td13{
   min-width: 160px; 
max-width: 160px; 
padding: 0px; 
padding-left: 5px;
}
.col_ta14, .col_te14, .col_tc14, .col_td14{
   min-width: 160px; 
max-width: 160px; 
padding: 0px; 
padding-left: 5px;
}
.col_te1{
    min-width: 110px; 
max-width: 110px; 
padding: 0px; 
padding-left: 5px;
}
.col_te2{
    min-width: 80px; 
max-width: 80px; 
padding: 0px; 
padding-left: 5px;
}
.col_te3{
    min-width: 94px; 
max-width: 160px; 
padding: 0px; 
padding-left: 5px;
}
.col_te4{
    min-width: 160px; 
max-width: 160px; 
padding: 0px; 
padding-left: 5px;
}
.col_te5{
    min-width: 110px; 
max-width: 110px; 
padding: 0px; 
padding-left: 5px;
}
.col_te6{
    min-width: 114px; 
max-width: 190px; 
padding: 0px; 
padding-left: 5px;
}
.col_te7{
    min-width: 161px; 
max-width: 80px; 
padding: 0px; 
padding-left: 5px;
}
.col_te8{
    min-width: 70px; 
max-width: 220px; 
padding: 0px; 
padding-left: 5px;
}
.col_te9{
    min-width: 70px; 
max-width: 100px; 
padding: 0px; 
padding-left: 5px;
}
.col_te10{
    min-width: 100px; 
max-width: 100px; 
padding: 0px; 
padding-left: 5px;
}
.col_tc1{
    min-width: 110px; 
max-width: 110px; 
padding: 0px; 
padding-left: 5px;
}
.col_tc2{
    min-width: 80px; 
max-width: 80px; 
padding: 0px; 
padding-left: 5px;
}
.col_tc3{
    min-width: 94px; 
max-width: 160px; 
padding: 0px; 
padding-left: 5px;
}
.col_tc4{
    min-width: 160px; 
max-width: 160px; 
padding: 0px; 
padding-left: 5px;
}
.col_tc5{
    min-width: 110px; 
max-width: 110px; 
padding: 0px; 
padding-left: 5px;
}
.col_tc6{
    min-width: 114px; 
max-width: 190px; 
padding: 0px; 
padding-left: 5px;
}
.col_tc7{
    min-width: 161px; 
max-width: 80px; 
padding: 0px; 
padding-left: 5px;
}
.col_tc8{
    min-width: 70px; 
max-width: 220px; 
padding: 0px; 
padding-left: 5px;
}
.col_tc9{
    min-width: 70px; 
max-width: 100px; 
padding: 0px; 
padding-left: 5px;
}
.col_tc10{
    min-width: 100px; 
max-width: 100px; 
padding: 0px; 
padding-left: 5px;
}
.col_tc15{
    min-width: 190px; 
max-width: 210px; 
padding: 0px; 
padding-left: 5px;
}
s
.col_td1{
    min-width: 110px; 
max-width: 110px; 
padding: 0px; 
padding-left: 5px;
}
.col_td2{
    min-width: 80px; 
max-width: 80px; 
padding: 0px; 
padding-left: 5px;
}
.col_td3{
    min-width: 94px; 
max-width: 160px; 
padding: 0px; 
padding-left: 5px;
}
.col_td4{
    min-width: 160px; 
max-width: 160px; 
padding: 0px; 
padding-left: 5px;
}
.col_td5{
    min-width: 110px; 
max-width: 110px; 
padding: 0px; 
padding-left: 5px;
}
.col_td6{
    min-width: 114px; 
max-width: 190px; 
padding: 0px; 
padding-left: 5px;
}
.col_td7{
    min-width: 161px; 
max-width: 80px; 
padding: 0px; 
padding-left: 5px;
}
.col_td8{
    min-width: 70px; 
max-width: 220px; 
padding: 0px; 
padding-left: 5px;
}
.col_td9{
    min-width: 70px; 
max-width: 100px; 
padding: 0px; 
padding-left: 5px;
}
.col_td10{
    min-width: 100px; 
max-width: 100px; 
padding: 0px; 
padding-left: 5px;
}

.visibilityImportant{
    overflow: visible !important;
}

/*trial*/

.manage-tabtext-align3trial {
    top: 18px;
    left: 80px;
}
.manage-tabtext-align4trial{
    top:18px;
    left:310px;
}
.manage-tabtext-align5trial{
    top:18px;
    left:530px;
}
.manage-tabtext-align6trial{
    top:18px;
    left:744px;
}
@media screen and (max-width: 1500px) {
    /*    .triallive{
            width: 140px !important;
        }
        .manage-tabtext-align3trial {
        left: 68px;
        }
        .manage-tabtext-align4trial {
        left: 218px;
        }
        .manage-tabtext-align5trial {
        left: 356px;
        }
        .manage-tabtext-align6trial {
        left: 498px;
        }*/

}

/*Template Screen*/

.templateTabs li{
    width: 120px;
}
/*    .templateTabs li:first-child{
        width: 150px;
    }*/
.newtabgreen ul.bar_tabs.templateTabs{
    padding-left: 7px;
}
.newtabgreen ul.bar_tabs.templateTabs li + li{
    margin-left: 14px;
}
.newtabgreen ul.bar_tabs.templateTabs li{
    -webkit-transform: perspective(100px) rotateX(35deg);
    -moz-transform: perspective(100px) rotateX(35deg);
}
.templatetext-1,.templatetext-2,.templatetext-3,.templatetext-4,.templatetext-5,.templatetext-6{
    top: 47px;
    left: 37px;
}
.templatetext-2{
    left: 189px;
}
.templatetext-3{
    left: 325px;
}
.templatetext-4{
    left: 462px;
}
.templatetext-5{
    left: 590px;
}
.templatetext-6{
    left: 460px;
}
.template-button{
    width: 145px;
    height: 35px;
}
.template-content{
    padding-top:1px;
    padding-right: 3px;
}
.template_x_panel{
    padding-left: 10px;
    padding-top: 8px;
    padding-bottom: 9px;
}
.template-btn-sm{
    width:100px;
    height:35px;
}
.template-btn-md{
    width: 140px;
    height: 40px;
    font-weight: 500;
    font-size: 13px;
    letter-spacing: 0.3px;
}

/* TEMPLATE SCREEN TAB SIZE ADJUSTMENT */
@media screen and (max-width: 1400px) {
    .newtabgreen ul.bar_tabs.templateTabs{
        padding-left: 5px;
    }
    .templateTabs li{
        width: 100px;
    }
    .newtabgreen ul.bar_tabs.templateTabs li + li {
        margin-left: 12px;
    }
    .templatetext-1{
        left: 24px;
    }
    .templatetext-2{
        left: 154px;
    }
    .templatetext-3{
        left: 270px;
    }
    .templatetext-4{
        left: 385px;
    }
    .templatetext-5{
        left: 490px;
    }
    .templatetext-6{
        left:378px;
    }
}
/*Template End*/
/*Membership Padding Alignment Adjustment*/
@media only screen and (min-width: 1260px) and (max-width:1280px) {
    .cstm-Addnewmem-align > a{
        /*padding:1px;*/
    }
    
  /* For  safari browers only */
@media not all and (min-resolution:.001dpcm) {
    @supports (-webkit-appearance:none) {
        
        .releasepopup_image_container {
            justify-content: center;
            padding-right: 0;
        }
        
        .show_release_popup #modal_content {
            height: 680px !important;
        }

    }
}  
    
    
}
@media only screen and (min-width: 1281px) and (max-width:1350px) {
    .cstm-Addnewmem-align > a{
        /*padding:2px;*/
    }
}

/*Trial Attendance Details view*/
.trial_att_history{
    margin-top: 4px; 
    border: 1px solid; 
    border-color: rgb(144, 159, 180);
}
.trial_att_history_div{
    overflow-y: scroll; 
    width: 90%; 
    height: 209px;
}
#trialselectedDateCalender .table-condensed > tbody > tr > td{
    padding:9px;
}

/* FOR DATE OF BIRTH*/
.date-dropdowns{
    margin-bottom: 19px;
}
.date-dropdowns > .dob_month,.dob_day,.dob_year{
    width: 115px;
    height: 35px;
    color: #555;
}

@media only screen and (max-width: 410px) {
    .date-dropdowns > .dob_month,.dob_day,.dob_year{
        width: 90px;
        height: 35px;
        color: #555;
    }
}

.height-full-vh{
    height:100vh;
}
/* .steps_to_folllow{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
}
.twiliobtn{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    height: 70px;
    border-top: 1px solid  rgba(221, 225, 229, 1)
   
} */
.sms_text{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
}
.sms_steps{
    font-size: 14px;
    display: flex;
    align-items:center;
    justify-content: flex-start;
    flex-direction: row;
    margin: 10px;
}
.connect_twilio{
    font-size: 14px;
    display: flex;
    align-items:center;
    justify-content: space-between;
    flex-direction: row;
}
.account{
    font-size: 14px;
    margin-top: 10px;
    display: flex;
    align-items:flex-start;
    justify-content: flex-start;
    flex-direction: column;
    width: 365px;
}
.green{
    color:#009a62;
}
.twilio_flex{
    display: flex;
    align-items:flex-start;
    justify-content: flex-start;
    flex-direction: column;
}
.line{
    width: 100%;
    height: 1px;
    margin-top: 10px;
    background-color: rgba(228, 228, 233, 1);
    border: 1px solid rgba(228, 228, 233, 1);
}
#twilio_number_fetch{
    margin-top: 10px;
}
.underline{
    text-decoration: underline;
}
.successPopup{
    width: 350px !important;
}
#trialhomesubTabContent{
    padding-left: 10px;
    padding-top:10px;
}
#managetrialsubTabsContent,#managemember-subTabContent,#members-subTabContent {
    padding-top:10px;
}
.greentab-text .tooltiptexts{
    top: -40px;
    left: 20px;
    width: 120px;
}
.create-custom-text{
    position: absolute;
    right: 5px;
    top: 15px;
    color: #009a61;
    font-weight: 500;
}
.create-custom-text:hover{
    color: #009a61;
}
.iframe-mobile{
    padding-top: 74px;
}
.newtabgreen.detail-page-tab ul.bar_tabs{
    border-bottom: 1px solid #E6E9ED !important;
}

/*NEW CLASS FOR MY ACCOUNT SCREENS*/

.myaccount_content{
    padding:10px;
    color:#000000 !important;
}
.myaccount_content h1{
    font-weight: 600;
    font-size: 24px;
}
.myaccount_content h2{
    font-weight: 500;
    font-size: 15px;
}
.myaccount_content label{
    font-weight: 500;
}
.myaccount_content p{
    margin: 0;
    font-weight: initial;
    font-size: 12px;
}
.myaccount_content hr{
    margin: 15px 0;
}
.hr_greybg{
    border: 1px solid #f0f0f0;
    margin-top: 10px;
}
.green_link{
    color:#009a61 !important;
    cursor:pointer !important;
}
.myaccount_card{
    background: #ffffff;
    padding: 15px;
    border-radius: 5px;
    border: 1px solid #efefef;
}
.myaccount_card h2{
    margin-bottom:5px;
}
.myaccount_card a{
    font-weight: 500;
}
.m-t-20{
    margin-top: 20px;
}
.green-button.btn-sm{
    width: 120px;
    height: 40px;
    border-radius: 5px;
    padding: 4px 0;
    font-size: 13px;
    margin: 10px 0 0 0;
}
textarea.form-control.custom_txt_area{
    resize:none;
    border-radius: 5px;
    border-color: #efefef;
}
.darkgrey-button{
    background: #b9bab9;
    color:#ffffff;
    box-shadow: 0 1px 2px rgba(0,0,0,.1) inset;
    border-radius: 0;
    border: 1px solid #b9bab9;
    padding: 12px 0;
    height: 50px;
    width:100%;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.5px;
    margin: 20px 0;
}
.darkgrey-button.btn-md{
    width: 200px;
    height: 40px;
    border-radius: 5px;
    padding: 4px 0;
    font-size: 13px;
    font-weight: 600;
    margin: 10px 0 0 0;
}
/*NEW CLASS FOR MY ACCOUNT SCREENS*/
.btn-150{
    width:150px !important;
}
.plan-content{
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -0.7px;
    padding:20px;
}
.plan-content h1{
    font-size: 30px;
    font-weight: 500;
    margin: 0;
}
.plan-content label,.plan-content p{
    font-size:14px;
}
.plan-content .plan-radio{
    padding:5px 0;
}
.plan-content a{
    color:#009a61 !important;
    cursor:pointer;
}
/*.plan-content.total-price > .row:last-child > div > label{
    font-weight: 700;
}*/
.plan-content.total-price .col-sm-4 {
    text-align:right;
}
.plan-content.total-price label{
    font-size:14px;
}
.start-plan-btn{
    margin: 10px 0 0 0;
    border-radius: 5px;
    font-weight: 600;
    height: 40px;
    padding: 5px 0;
    font-size: 15px;
}
.plan-option.active{
    margin: 0 -20px;
    background-color:#eef9f9
}
.plan-option.active .plan-radio{
    padding:5px 20px;
}
.green-button.submitcard,.white-button.submitcard{
    width:200px;
    border-radius:5px;
    height: 40px;
    padding: 5px 0;
    font-size: 15px;
}
.submitcard +.submitcard{
    margin-left:10px;
}
.replace-card-content p{
    color:#738390;
}
.replace-card-content p{
    font-size:13px;
}
.replace-card-btn{
    background-color:#fdfefe;
    border-radius: 5px;
    color: #555;
    font-weight: 400;
    /*width:200px;*/
    height: 40px;
    padding: 5px 0;
    font-size: 13px;
}
/*NEW CLASS FOR MY ACCOUNT SCREENS*/


/*overwiting green color css*/
.nav.side-menu>li.mystudio-active{
    border-right: 5px solid #00ad68;
}
.nav.side-menu > li.mystudio-active > a > label{
    color: #009a61;
}
.nav.side-menu > li.mystudio-active > a{
    text-shadow: rgba(0,0,0,0) 0 0px 0;
}

.inputpad{
    height: 23px;
}
.borderleft{
    border-left: solid;
}
.modalmargin{
    /*margin-left: 333px;*/
}
.editmoadalmargin{
    /*margin-left: 10px;*/
}

/*LEADS CSS TAB TEXT GOES HERE*/
.leadstab-text-1{
    top: 47px;
    left: 65px;
}
.leadstab-text-2{
    top: 47px;
    left: 255px;
}

.leadstab-text-3{
    top: 47px;
    left: 429px;
}
.leadsdashboard-content{
    margin-top: 25px;
    padding-left: 15px;
    padding-right: 15px;
}
#leadshomesubTabContent{
    padding-left: 10px;
    padding-top:10px;
}
.importmodalspace{
    margin-top: 8px;
}


/*NEW CSS FOR COMMUNICATION CENTER*/

.messagestab-text-1,.messagestab-text-2{
    top:47px;
    left:52px;
}
.messagestab-text-2{
    left:265px;
}
.messagetab-content, .emailtab-content{
    border: 1px solid #E6E9ED;
    padding:20px;
    margin-top: 10px;
}
.messagetab-content .heading{
    color:#000000;
    font-size: 19px;
    font-weight:600;
    position: relative;
    top: 5px;
    left:5px;
    display: inline;
}
.messagetab-content label{
    color:#000000;
    letter-spacing: 0.5px;
    font-size: 11px;
}
.messagetab-content textarea,.messagetab-content input{
    font-weight: 600;
    font-size: 11px;
}
.d-inline{
    display: inline;
}
.d-inline-block{
    display: inline-block;
}
.btn-md-150{
    width: 150px;
    height:inherit;
    border-radius: 5px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
    letter-spacing: 0.5px;
    margin: 0 10px;
}
.messagetab-content .white-button{
    border-color: #e5e9ed;
}
.messagetab-content .light-text{
    color:#9b9b9b;
    font-weight: 400;
    letter-spacing: 0;
    font-size: 11px;
}
.messagetab-content label.left{
    margin-left: 5px;
}
.x_content.messagetab-content{
    padding-left: 10px;
}
.messagelist h6{
    color:#000000;
    letter-spacing: 0.5px;
    font-size: 11px;
}
.icon_inline{
  display: inline !important;
  margin: 0 !important;
  width:17px;
  padding-top: 9px;
  cursor: pointer;
}
.message-status{
    float: right;
    color:#8C8C8C;
    font-size: 11px;
}
.message-status b{
    color:#5c5c5c;
    font-weight: 500;
}
.message_cancel_txt{
    margin-top: 10px;
    /*background: #ffffff;*/
}
.message_cancel_txt a{
    color:#00ad68;
    cursor: pointer;
    font-weight: 700;
}
.messagetab-content label.message_timeZone{
    font-size: 12px;
    color:#989797;
    margin-bottom: 15px;
}
.messagetab-content .green-button.schedulemessage_btn{
    font-size: 13px;
    font-weight: 600;
    width: 180px;
}
.emailtab-content,.customcampaign-content,.campaign_listing, .campaign_listing h1{
    color:#000000;
    letter-spacing: 0.2px;
}
.emailtab-content h1,.campaign_listing h1{
    font-size: 22px;
    font-weight: 600;
    display:inline;
}
.emailall_icon2{
    width: 35px;
    margin-top: -10px;
    margin-left: 8px;
}
#emailall_message,#emailedit_message{
    width: 100% !important;
    resize: none !important;
}
.emailtab-content label,.emailtab-content input{
    margin-left: 8px !important;
}
.emailsettingssubTabContent{
    padding: 10px 0 0 15px;
}
.newmyLabel{
    border: 0;
    color:#009a61;
    font-weight: 600;
    padding: 0;
}
.newmyLabel:hover{
    background: #ffffff;
}
.newmyLabel span{
    font-size:13px;
}
.attachment_icon{
    width: 20px;
    margin-top: -5px;
}
.emailtab-content label.newmyLabel{
    margin-left: 0 !important;
}
.customcampaign-content{
    color:#000000;
    letter-spacing: 0.2px;
}
.campaign_tutorial{
    float: right;
}
.green-dot{
  height: 13px;
  width: 13px;
  background-color: #009a61;
  border-radius: 50%;
  display: inline-block;
}
.campaign_tutorial label{
    position: relative;
    top: -2px;
    color: #009a61;
    font-weight: 700;
    cursor: pointer;
}
.campaign_listing{
    border: 1px solid #E6E9ED;
    padding:25px 15px 15px 15px;
    margin-top: 25px;
}
.campaign_listing span{
    color:#818181;
    margin-left: 5px;
    font-weight: 600;
    font-size: 11px;
    letter-spacing: 0.5px;
}
.create_campaign_btn{
    font-weight: 700;
    width: 210px;
    float: right;
    position: relative;
    top: -10px;
    height: 40px;
    padding-top: 10px;
}
.disabled-green-btn{
    background: #e4e4e4 !important;
    opacity: 0.7;
    border: 1px solid;
    cursor: default;
}
.pencil_icon_sm{
    width: 12px;
}
.trash_icon_sm{
    width:14px;
}
.listing_card {
    border: 1px solid #e4e4e4;
    background: #f3f3f3;
    padding: 15px;
    margin: 10px 5px;
    height:80px;
}
.listing_card h4{
    font-weight: 600;
    margin-top: 0;
}
.campaign_listing span.card_icon_text{
    color:#009a61;
    font-size: 10px;
}

/*TOGGLER SWITCH CSS STARTS*/
.switch {
  position: relative;
  display: inline-block;
  width: 45px;
  height: 19px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #f7d44c;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 15px;
  width: 16px;
  left: 2px;
  top:2px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #009a61;
}

input:focus + .slider {
  box-shadow: 0 0 1px #009a61;
}

input:checked + .slider:before {
   left: 0px;
  -webkit-transform: translateX(22px);
  -ms-transform: translateX(22px);
  transform: translateX(22px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
/*TOGGLER SWITCH CSS ENDS*/

.switch_button{
    position: absolute;
    right: 10px;
    top: 14px;
}
.campaign_listing span.switch_text{
    font-size: 9px;
    font-weight: 700;
    position: absolute;
    right: 10px;
    top: 35px;
}
.back{
    color:#009a61;
    font-weight: 600;
    font-size: 12px;
}
.compaign_header{
    margin-bottom: 10px;
}
.switch_txt_inline{
    top: 78px !important;
    left: 303px;
}
.card-head-section{
    background: #ffffff;
    padding: 5px;
}
.card-head-section span{
    margin-left: 10px;
    color:#5c5c5c;
}
.emaillist_content{
    padding: 15px;
    height:80px;
}
.listing_card.email_list{
    height: 110px;
    padding:0;
    margin:10px 5px;
}
.emaillist_content span{
    color:#000000;
}
.emaillist_content span b{
    font-size:16px;
}
.m-t-5{
    margin-top: 5px;
}
.email_delete_text {
    position: absolute;
    right: 20px;
    top: 73px;
    font-size: 8px !important;
}
.email_delete_icon{
    right: 25px;
    position: absolute;
}
.emailtab-content.editemail{
    border: 0;
    padding: 0 15px 0 0;
}
.no-border{
    border:0 !important;
}
#emailedit_message{
    border:0 !important;
    box-shadow: none !important;
    color: black !important;
    height: 160px !important;
}
.image_uploader{
    max-width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    cursor:pointer;
    width: 800px;
}
.saveemail-btn{
    width: 230px;
    border-radius: 5px;
    border: 1px solid #009a61;
    font-size: 13px;
    font-weight: 600;
}
.green-button.btn:focus{
    color:#ffffff;
}
.getstarted_btn{
    width: 230px;
    border-radius: 5px;
    background: #4a90e2;
    color: #ffffff;
    border: 1px solid #4a90e2;
    font-weight: 600;
}
.getstarted_btn:hover{
    color:white;
}
.custom-modal.c-m-2 .newmodal-body p{
    font-weight: 500;
    font-size: 20px;
    padding: 10px;
}
.custom-modal.c-m-2  .newmodal-body .custom-modal-button{
    height: 50px;
    font-weight: 600;
}
.custom-modal.c-m-2  .newmodal-body input{
    border-radius: 5px;
    height: 40px;
    margin-bottom: 10px !important;
}
.custom-modal-button + .custom-modal-button{
    margin-top:10px;
}
.message_input_picker{
    width:26%;
    display: inline;
    margin-bottom: 10px !important;
    border-radius: 5px;
    font-weight: 500;
    text-align: center !important;
}

/*Enable mail Anchor link in text area*/ 
#emailall_message_maillink ,#emailedit_message_maillink{
   display: block !important;
}
#emailall_message_desclink,#emailedit_message_desclink{
   display: none !important;
}
/*Enable mail Anchor link in text area*/ 

.studio-details-content{
    padding: 50px 25px 25px 25px;
    text-align: left !important; 
    font-size: 15px !important;
}
.studio-details-content span{
    overflow-wrap:break-word;
}

/*USER ACCESS LEVEL RESTRICTION CSS*/
/*d-a-s -> Dont allow staff
a-s   -> Allow staff
d-a-m -> Dont allow manager
a-m   -> Allow manager
d-a-a -> Dont allow admin
d-a-click -> Dont allow click*/
/* .staff .nav.side-menu > li, .staff .newtabgreen.retail-menu ul.bar_tabs li,
.staff .newtabgreen.retail-menu .greentab-text,.staff .d-a-s,
.staff .a-s .cstm-new-edit-icon,
.manager .d-a-m,
.manager .nav.side-menu > li.d-a-m,
.manager .nav.side-menu > li .cstm-new-edit-icon,
.admin .d-a-a, .admin .nav.side-menu > li.d-a-a{
    display:none;
}
.staff .nav.side-menu > li.a-s,
.staff .newtabgreen.retail-menu ul.bar_tabs li.a-s,
.staff .newtabgreen.retail-menu .greentab-text.a-s,
.manager .a-m,
.admin .a-a{
    display: block;
}
.manager .cculum.d-a-m + .reff{
    margin-top: 0;
}
.manager .sales .d-a-m + div{
    width:100%;
}
.staff .d-a-click .attendance-value{
    pointer-events:none;
} */
.restrict-click{
    pointer-events:none;
}
/*USER ACCESS LEVEL RESTRICTION CSS ENDS*/
.delete-btn{
    width:140px;
    background: #f7f7f7;
    color: #111;
    border: 1px solid #c3cdd5;
}
.delete-btn:hover{
    color:black;
}
ul.company_list{
    padding: 0;
}
ul.company_list li{
    float:none !important;
    color:#74879c;
    width:170px;
}
ul.company_list li span{
    float:right !important;
    padding: 5px 18px 0 0;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.1px;
    margin-top: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 165px;
    overflow: hidden;
    text-align: end;
}
ul.company_list li:before{
    position:absolute;
    content:'';
    border-bottom:1px solid #dde1e5;
    width:199px;
}
ul.company_list:first-child li:first-child:before{
    position:absolute;
    content:'';
    border:none;
    width:199px;
}
ul.company_list li:hover{
    color:#009a61;
}
.show{
    display:block !important;
}
.hide{
    display:none !important;
}
.n-radio {
  position: relative;
  cursor: pointer;
  line-height: 20px;
  font-size: 14px;
  margin: 5px;
}
.n-radio .label {
  position: relative;
  display: block;
  float: left;
  margin-right: 10px;
  width: 20px;
  height: 20px;
  border: 2px solid #c8ccd4;
  border-radius: 100%;
  -webkit-tap-highlight-color: transparent;
}
.n-radio .label:after {
  content: '';
  position: absolute;
  top: 3px;
  left: 3px;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background: #05ac68;
;
  transform: scale(0);
  transition: all 0.2s ease;
  opacity: 0.08;
  pointer-events: none;
}
.n-radio:hover .label:after {
  transform: scale(3.6);
}
input[type="radio"]:checked + .label {
  border-color: #05ac68;
;
}
input[type="radio"]:checked + .label:after {
  transform: scale(1);
  transition: all 0.2s cubic-bezier(0.35, 0.9, 0.4, 0.9);
  opacity: 1;
}
.cntr {
    position: absolute;
    top: calc(50% - 10px);
    left: 0;
    width: 100%;
    text-align: center;
}
.hiddenn{
  opacity:0;
  width: 100% !important;
  position: absolute !important;
  left: 0;
  z-index: 999;
  cursor: pointer;
}

@media only screen and (max-width: 1260px) {
    #editaccount-modal > .modal-dialog{
        width:85% !important;
    }
}
.dt-and-tme-icon{
    font-size: 18px;
    background-color: white;
    top: 0px;
    position: relative;
    left: -10px;
    z-index:3;
}
.message-datetime-label{
    height: 30px;
    width: 25%;
    margin: 0;
    position: relative;
    top: 0px;
    background: #ffffff;
    padding: 6px 0;
    left: -4px;
    border-radius: 5px;
    cursor: pointer;
}
.message-datetime-span{
    top: -2px;
    position: relative;
}
.create-campaign-tooltips{
    top: 90px;
    right: 10px;
    width: 230px !important;
    font-size: 13px !important;
}
.btn.message_cancel_txt:active{
    box-shadow: none;
}
.emailedit span{
    color:#111111;
    margin-left: 0;
    font-size: inherit;
    letter-spacing: inherit;
    font-weight: inherit;
}
/*for modal font*/
.modal_font{
    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" !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
}
@media only screen and (max-width: 1250px) {
    .zap-delete-div{
        margin-left: -15px ;
    } 
}
@media only screen and (min-width: 1400px) {
    .zap-delete-div{
        margin-left: -15px ;
    } 
}
/*MM*/
.top_nav nav .navbar-right{
    max-width: 160px;
}
.cstm-sidebat-txt-new{
    font-size: 13px;
    /*font-size: 12px;*/
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.1px;
    color: #000000;
    cursor:pointer;
    text-shadow:none;
}
.mystudio-active .cstm-sidebat-txt-new{
    font-weight: 700;
}
.new-menu-changes{
    width: 20px;
    margin-right: 10px; 
    margin-bottom: 5px;
}
.cstm-new-signout-label{
    cursor:pointer;
    color: #009a61;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.1px;
    margin-top: 13.5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 130px;
    overflow: hidden;
    padding-right:3px; 
}
.cstm-new-studio-code-txt{
    font-size: 8px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #000000;
}
.cstm-new-edit-icon{
    width: 15px;
    margin-top: -35px;
    float: right;
    opacity: .99;
    margin-right: 10px;
}
.menu_section ul li{
    margin-top: -5px;
}
.cstm-logout-div{
    position: absolute;
    background-color: #f9f9f9;
    min-width: 199px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 999;
    min-height: 35px;
    cursor: pointer;
}
.nav.side-menu > li > div >input{
    font-size: 11px;
    font-weight: 800;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.1px;
    color: #000000;
}
.menu_section .side-menu .custom-navbar-padding{
    padding-top: 4.5px !important;
    padding-bottom:4px !important;
}
.my-new-menu-section-2nd-ul{
    background: white;
}
.my-new-menu-section-2nd-ul > li:last-child.active{
    border-right: none;
}
.my-new-menu-section-2nd-ul > li:last-child.active > a > label {
    color: #000000;
}
.top_tiles{
    margin-top: 50px;
}

.navbar-alert-view{
    padding: 0px; 
    margin-bottom:0px;
    height: 45px;
    background-color: #1b2253;
    border-color: #1b2253;
    position: absolute;
    /* width: calc(100% - 600px)!important;    215 - signout navbar width + 10 - Email icon badge +22 - help icon badge */
    border-radius: 0;
    z-index:-1;
}
.right_top_nav{
    position: fixed;
    z-index: 999;
    width: calc(100% - 220px);
}
.dot.black{
    background-color: black;
    height: 5px;
    width: 5px;
    margin-left: 5px;
    margin-right: 5px;
    position: relative;
    top: -1px;
}
.retail-list .retailtitle, .retail-list .retailtitle+p{
    padding-left:10px;
}
.action-container-s{
    padding-top: 20px;
}
.action-container-c{
    padding-top: 0px;
}
.public_link_container{
    padding:30px 5px 5px 5px;
}
.public_link_right{
    cursor: pointer;
    text-align: right;
    display: inline-block;
    position: relative;
    top: -15px;
    right: 15px;
}
.url_icons{
    width:10px;
    height: 12px;
    cursor: pointer;
}
.public_url_txt{
    font-size: 10px;
    font-weight: 500;
    color: #009a61;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 160px;
    overflow: hidden;
    margin-bottom: -4px;
    cursor:pointer;
}
.public_url_container{
    float: right;
}
.cstm-retail-tooltipbox{
    background-color: #ffffff !important;
    min-width: 285px !important;
    border: solid 1px #e4e4e4;
    box-shadow: 0 2px 4px 0 rgba(192, 192, 192, 0.5);
    top: -10px;
    margin-left: -10px;
    white-space: normal;
    overflow: visible;
    word-wrap: break-word;
    text-align: left !important;
    border-radius:0px !important;
    top: -60px;
    right: 10px;
}
.Payment-Resume-Date {
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.1px;
  color: #000000;
  padding-left: 10px;

}
.pause_resume_form_control{
    
    resize: none;
    border-radius: 5px;
    background: white;
    border-color: #DCDCDC;
    border-width: 2px;
    margin: 5px;
    font-size: 16px;
    height : 40px;
}
/*New Events redesign*/
/*.new-event-design div.tab-brownbg ul.bar_tabs.bar_tabs_md li{
    width: 80px !important;
}*/
#addnewevent-modal > div > div > div > button{
    height: 53.3px;
    border-radius: 4.5px;
    border: solid 1px #bebebe;
}
#eventswitch input:checked + .slider::before {
    transform: translateX(27px);
}
#achpaymentswitch input:checked + .slider::before{
    left:4px;
}
.toggle-tooltip-new{
    visibility: hidden;
    width: 260px;
    background-color: gray;
    color: #fff;
    text-align: center;
    padding: 5px 5px;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    left: 10px;
    top: 25px;
    min-height: 55px;
}
.agree_text{
    display: contents;
    max-width:600px;
}
.custom-logout{
    height:45px;
    border:solid 1px #dde1e5;
    background-color:#f6f6f6;
    padding-right: 25px;
}
.custom-logout .fa.fa-caret-down{
    color:#009a61;
}
.break-url{
   overflow-wrap: break-word; 
}
.safari .custom-logout .fa.fa-caret-down{
    top:2px!important;
    position: -webkit-sticky !important;
}
.chrome td .dropbtn, .safari td .dropbtn{
    margin: 0;
    -webkit-appearance: none;
    border-radius: 5px;
    border: 1px solid #ddd;
    cursor: pointer;
}
.chrome td .dropdown-content, .safari td .dropdown-content{
    margin: 0;
    width: 70px;
}
.expired-studio-logout{
    height: 45px;
    z-index: 1050 ;
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    opacity: 1 !important;
}

/*for payment active class*/
/*.activeview{
    border-right: 5px solid #00ad68;
    text-shadow: none;
}*/
.activeview.active > a,#li-apple.active > a,#li-google.active > a ,.backsubmenu.active > a,#li-wldashboard.active > a{
    text-shadow: none !important;
}

.navbar-alert-view .close{
    margin:10px 0px; 
    margin-right: 30px;  
    opacity:1;
    z-index: 99;
}
.navbar-alert-view .close:hover{
    color: white;
}
.dataTables_wrapper.no-footer .dataTables_scrollBody{
    border-bottom:none;
}

/*//whitelabel menu*/
ul#whitelabelsubTabsapple,ul#whitelabelsubTabsgoogle{
    list-style: none;
    padding-left: 25px;
}
#whitelabelsubTabsapple > li > a,#whitelabelsubTabsgoogle > li > a {
    margin-bottom: 6px;
    padding-right: 15px;
    width: 100%;
    display: block;
}
#whitelabelsubTabsapple > li,#whitelabelsubTabsgoogle > li {
    position: relative;
    display: block;
    cursor: pointer;
}
#li-apple.active,#li-google.active,#li-wldashboard.active{
    border-right: none!important;
}
#li-apple.active > a > label,#li-google.active > a > label,#li-wldashboard.active > a > label{
    color: #000000 !important;
}
.backsubmenu > a,.backsubmenu.active > a {
    width: 250px;
    border: solid 1px #dde1e5;
    background-color: #f6f6f6;
    margin-top:-10px;
    padding-left: 15px;
    margin-bottom: 0px !important;
}
.backsubmenu > a > i{
    padding-top : 5px;
    padding-bottom: 5px;
    width: auto !important;
    font-size:22px !important;
}
.backsubmenu  > a > i:hover{
   color:black !important;
}
.backsubmenu  > a > label:hover{
    color:black !important;
 }
.backsubmenu > a:hover{
    background-color: #F7F7F8 !important;
 }
.backsubmenu > a > label{
    margin: 0;
    position: relative;
    top: -2px;
    font-size: 15px;
    left: 4px;
}
.backsubmenu.active > a {
    background-color: #f6f6f6 !important;
}
.backsubmenu.active > a > label {
    color: #000000 !important;
}
.submenuheading{
    /*border: solid 1px #dde1e5;*/
    background-color: #ededed;
    width: 100%;
    height: 55.26px;
    margin-bottom: 0px;
    padding: 7px 15px 12px 15px;
    color:black;
    font-size: 16px;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.1px;
}
#li-wldashboard.activeview.active{
    border-right: 5px solid #00ad68 !important;
    text-shadow: none;
}
.submenu .cstm-sidebat-txt-new{
    font-weight: 500 !important;
}
#li-wldashboard.activeview.active .cstm-sidebat-txt-new {
    color: #009a61 !important;
    font-weight: 700 !important;
}
.activeview .cstm-sidebat-txt-new{
    color: #009a61 !important;
    /*font-weight: 700 !important;*/
}
.activeview label{
    color: #009a61 !important;
}
.memberapp-icon{
    max-width: 21px;
    position: absolute;
    left: 15px;
}
.help-icon{
    max-width: 12px;
    position: relative;
    left: 5px;
    top: -2px;
}
.white-bg-tooltip .tooltiptexts{
    background: white;
    color: black;
    left: 3px;
    z-index: 9999999;
    border: 1px solid #dfe3e9;
    height: 70px;
    width: 180px;
    top: -75px;
    box-shadow: 2px 4px 14px 4px rgba(0,0,0,0.2);
    font-style: normal;
    font-weight: 600;
    font-size: 10px;
    padding: 12px;
    letter-spacing: 0.2px;
    border-radius: 0;
    margin: 0;
    text-align: left;
}
.white-bg-tooltip .sub_menu_tooltiptexts{
    background: white;
    color: black;
    left: 3px;
    z-index: 9999999;
    border: 1px solid #dfe3e9;
    height: 70px;
    width: 180px;
    top: -75px;
    /* box-shadow: rgba(0, 0, 0, 0.25) 2px 0px 7px; */
    font-style: normal;
    font-weight: 500;
    font-size: 10px;
    padding: 12px;
    letter-spacing: 0.2px;
    border-radius: 0px 6.00445px 6.00445px;
    margin: 0;
    text-align: left;
    position: absolute;
}
.cdadminpanel{
    font-size: 13px;
}
.nav.side-menu>li#classScheduleID.active > a > label{
    color:#000000 !important;
    text-shadow: none;
}
.nav.side-menu >li#classScheduleID.active{
    border-right: none !important; 
}
.amplify_dashboard {
    font-size: 20px;
    font-family:'OpenSans-Regular';
    font-weight: normal;
    color: #161616;
}
.create_agent {
    background: #009A61;
    border: none;
    box-shadow: 0px 2px 7px #a7a7a7 !important;
    border-radius: 4px;
    height: 40px;
    width:166px;
    color: white;
    padding: 8px 16px;
    font-size: 14px;
    font-family:'OpenSans-Regular';
    font-weight: normal;
    /* float: right; */
}
.div_height {
    /* height: calc(100vh - 200px) !important; */
    align-items: unset !important;
    position: relative;
}
.con_btn {
    background: #009A61;
    position: relative;
    top: 55px;
    border: none;
    padding: 8px 16px;
    height: 40px;
    width: fit-content;
    border-radius: 4px;
    box-shadow: 0px 2px 7px #a7a7a7 !important;
}
.con_btn span {
    font-family: 'OpenSans-SemiBold';
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: 0.1599999964237213px;
    text-align: center;
    color: white;
}
#ApiKeyDeleteConfirmation p {
    font-family: 'OpenSans-Regular';
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
    letter-spacing: 0px;
    text-align: center;
}
.continue_delete_footer_btn {
    font-size: 16px !important;
    line-height: 22px !important;
}
#aiConnectionMsg_modal .modal-body {
    padding: 8%;
}
#aiConnectionMsg_modal .modal-content {
    border-radius: 14px;
}
#aiconnecMessage_text {
    color: #475467;
}
.amp_modal-footer {
    background: #009A61;
    border-radius: 0 0 11px 11px;
    text-align: center;
    cursor: pointer;
    height: 84px;
}
.amp_modal-footer button {
    background: transparent;
    border: none;
    box-shadow: none;
    color: #DDE1E5;
    position: relative;
    font-family: 'OpenSans-Regular' !important;
    font-size: 16px !important;
    font-weight: normal;
    line-height: 20px;
    letter-spacing: 0em;
    transform: translate(10px, 10px);
} 
.font_weight_normal {
    font-weight: normal !important;
}
.font_size_14 {
    font-size: 14px !important;
}
.font_size_16 {
    font-size: 16px !important;
}
.openSans_Regular, .agent_div input {
    font-family: 'OpenSans-Regular' !important;
}
.openSans_SemiBold {
    font-family: 'OpenSans-SemiBold' !important;
}
.openSans_Bold {
    font-family: 'OpenSans-Bold' !important;
}
.position_relative {
    position: relative;
}
.position_absolute {
    position: absolute;
}
@media only screen 
    and (max-width: 1024px)
    { 
        .expand-collapse-btn {
            width: 51px !important;
        }
        .right_col,.top_nav{
            margin-left: auto !important;
            padding: 0px !important;
        }
        #leftsidebar{
            display:none;
        }
        #navlinkorig{
            display:none;
        }
        #navlinkmobile{
            display:block;
        }
        .togglesidemobilemeny{
            display:block !important;
            border-right: 2px solid #009a61;
        }
        #whitelabelsetup .whitelabelsetupnavbar{
            display:none;
        }
        #whitelabelsetup .nopad{
            padding: 0px !important;
            margin: 0px !important;
        }
        #whitelabelsetup .xpanel{
            padding: 0px;
        }
        #whitelabelsetup{
            margin-top: 35px;
        }
        #mystudiologo{
            /* display:none; */
        }
        #whitelabelsetup .wlnewlist{
            min-height: 70px;
            width: 100%;
            margin-left: 0px;
        }
        #whitelabelsetup .wldashcard{
            width: 200px;
            margin-top: -30px;
        }
        #whitelabelsetup .wldashcardimg{
            margin-top: 10px;
        }
        #whitelabelsetup .compltext{
            max-width: 250px;
        }
        #whitelabelsetup .wlheading{
font-size: 17px !important;
font-weight: 600;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: 0.92px;
        }
        .mobiletabtexts{
font-style: normal;  
font-stretch: normal;  
line-height: normal;  
letter-spacing: 0.11px; 
text-align: center;
        }
        #whitelabelsetup #artworktext{
            padding-top: 10px;
        }
        #whitelabelsetup #aftersubbox1,#whitelabelsetup #aftersubbox2{
            width:100%
        }
        #whitelabelsetup #wlfirebasebox{
            padding: 0px;
        }
         #whitelabelsetup #firebasesave,#whitelabelsetup #firebasebtn1{
            width:80px;
        }
         #whitelabelsetup #firebasestep1,#whitelabelsetup #firebasestep2{
            display:block !important;
        }
        #whitelabelsetup #firebasestep3{
            padding-left: 25px !important;
        }
        #whitelabelsetup #googleicon1{
            padding: 0px !important;
        }
        #whitelabelsetup #googsub1box1,#whitelabelsetup #googsub1box2{
            display:block !important;
        }
        #whitelabelsetup #googstep1box{
            height:100px !important; 
        }
        #whitelabelsetup #googsub1box1name,#whitelabelsetup #googsub1box2name{
            display:block !important;
            margin-top: 7px !important;
        }
        #whitelabelsetup #googstep1boxname{
            height:100px !important; 
        }
        #whitelabelsetup #googsub1box2{
            margin-top: 7px !important;
        }
        #whitelabelsetup #googleicon2{
            width:83% !important;
        }
        #whitelabelsetup #googletab2box1{
            padding-left: 0px!important;
        }
        #whitelabelsetup #googcheck2{
            margin-left:15px !important;
            width: 266px !important;
        }
        #whitelabelsetup #googcheck1{
            margin-left:4px !important;
        }
         #whitelabelsetup .googledescform{
            width: 100% !important;
        }
        #whitelabelsetup .googlescreenshots{
            width: 100% !important;
            margin-bottom: 10px !important;
        }
        #whitelabelsetup .androidtabletnopadleft{
            padding-left: 0px !important;
        }
        #whitelabelsetup .wlwith100per{
            width: 100% !important;
            margin-left: 0px !important;
        }
        #whitelabelsetup .wlwith100perwithmargin{
            width: 100% !important;
            margin-bottom: 10px !important;
        }
        #whitelabelsetup .wl85perwidth{
            width: 85% !important;
        }
        #whitelabelsetup .wlpaddingzero{
            padding: 0px !important;
        }
        #whitelabelsetup .wl10pxpad{
            padding:10px;
        }
        #whitelabelsetup .wlapplescreen1{
            padding-left: 20px !important;
            width: 85% !important;
        }
        #whitelabelsetup .wlapplescreen1hei{
            height: auto !important;
            padding-bottom: 10px;
        }
        #whitelabelsetup .wlapplescreen1hei input{
            width: 80% !important;
        }
        #whitelabelsetup .wlapplescreen1hei select{
            width: 85% !important;
        }
        #whitelabelsetup .wlapplescreen1 .fa-floppy-o{
            margin-left: 90% !important;
            margin-top: 3px !important;
        }
        #whitelabelsetup .wlapplescreen1 #eyeicon{
            margin-left: 78% !important;
        }
        #whitelabelsetup .wlapplescreen1 #passfloppy{
            position: absolute !important;
            margin-left: 6% !important;
        }
        #appleTabContent{
            margin-top: 10px !important;
        }
        #wlappleviewtabs_web{
            display: none !important;
        }
        #wlappleviewtabs_mob{
            display: block !important;
        }
        #wlgoogletabs_web{
            display: none !important;
        }
        #wlgoogletabs_mob{
            display: block !important;
        }
        /* .dropdown-menu li{
            border: 1px solid #009a61;
        } */
        #whitelabelsetup .dropdown-menu li a{
            height: 30px;
padding-top: 6px;
color: black
        }
        #whitelabelsetup #aftersubbox2{
            margin-left: 0px !important;
        }
        #whitelabelsetup .wlbuilderrorbox{
            width: 100%;
margin-left: 0px;
        }
        #whitelabelsetup .wlbuilderrorboxtext{
            padding-right: 20px;
        }
        #whitelabelsetup .applaunchicon{
            margin-left: 0px !important;
        }
        
        /*MSD-579 redesign - dropdown style affects > 900 px to < 990 px*/
        .class_appointment_times_edit .dropdown{
            display: block;
        }
        
        /*css dropdown*/
        .dropdown {
            position: relative;
            display: inline-block;
            margin-top: 8px;
        }

        .dropdown-content {
            display: none;
            position: absolute;
            background-color: #f9f9f9;
            min-width: 160px;
            box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
            z-index: 1;
        }

        .dropdown-content a {
            color: black;
            padding: 12px 16px;
            text-decoration: none;
            display: block;
        }

        .dropdown-content a:hover {
background-color: #f1f1f1
}

        .dropdown:hover .dropdown-content {
            display: block;
        }

        .dropdown:hover .dropbtn {
            background-color: #3e8e41;
        }        
        
        #whitelabelsetup .wldashcards{
            width: 254px;
padding-left: 48px;
        }
        
        #adminpanelhome #adminhometabs{
            display:none;
        }
        #adminpanelhome{
            margin-top:0px !important;
        }
        #adminpanelhome .adminhomecontent{
            margin-top:50px;
        }
        #adminpanelhome .wlwith100per,#adminpanelhome table{
            width: 100% !important;
        }
        #DataTables_Table_adminaccount_filter,#DataTables_Table_adminwhitelabel_filter{
            margin-top: -10px !important;
            margin-right: 60px !important;
        }
        #adminclonepanel .wlwith100per{
            width: 100% !important;
        }
        .wldtleft{
            margin-left:15px
        }
        #adminclonepanel .clonepanelwidth{
            width: 50% !important;
        }
        
        
        #dash_resp  .dash_margin{
            margin-top: -5px !important;
        }
        #dash_resp  .dash_resp_hide{
            display:none;
        }
        
        #payment_resp  .dash_margin{
            margin-top: -5px !important;
        }
        #payment_resp  .dash_resp_hide{
            display:none;
        }
        #home_resp .dash_margin{
            margin-top: -5px !important;
        }
        #home_resp  .dash_resp_hide{
            display:none !important;
        }
        #leads_dash_resp .dash_margin{
            margin:0px 10px !important;
            /*margin-top: -5px !important;*/
        }
        #leads_dash_resp .dash_resp_hide{
            display:none !important;
        }
        #trial_resp .dash_margin{
            margin-top: -5px !important;
        }
        #trial_resp .dash_resp_hide{
            display:none !important;
        }
        #trials_resp .dash_margin{
             margin: 5px 10px 0px 10px;
        }
        #trials_resp .dash_resp_hide{
            display:none !important;
        }
        #managemem_resp .dash_margin{
            margin-top: -5px !important;
        }
        #managemem_resp .dash_resp_hide{
            display:none !important;
        }
        #customer_resp .dash_margin{
           margin: 5px 10px 0px 10px;
        }
        #customer_resp .dash_resp_hide{
            display:none !important;
        }
        #event_resp .dash_margin{
            margin-top: -5px !important;
        }
        #event_resp .dash_resp_hide{
            display:none !important;
        } 
        #eventheading{
            top: 58px !important;
            left: 50px !important;
        }
        #retail_resp .dash_margin{
            margin-top: -5px !important;
        }
        #retail_resp .dash_resp_hide{
            display:none !important;
        }
        #retail_resp .top_resp{
            margin-top: 13px !important;
        }
        #retail_resp .top_resp_mar{
            margin-top: 45px !important;
        }
        #manageretail_resp .dash_margin{
            margin-top: -5px !important;
        }
        #manageretail_resp .dash_resp_hide{
            display:none !important;
        }
        #message_resp .dash_margin{
            margin-top: -5px !important;
        }
        #message_resp .dash_resp_hide{
            display:none !important;
        }
        #email_resp .dash_margin{
            margin-top: -5px !important;
        }
        #email_resp .dash_resp_hide{
            display:none !important;
        }
        #pos_resp .dash_margin{
            margin-top: -5px !important;
        }
        #pos_resp .dash_resp_hide{
            display:none !important;
        }
        #zapier_resp .dash_margin{
            margin-top: -5px !important;
        }
        #zapier_resp .dash_resp_hide{
            display:none !important;
        }
        #members_rep .dash_margin{
            margin-top: -5px !important;
        }
        #members_rep .dash_resp_hide{
            display:none !important;
        }
        #social_rep .dash_margin{
            margin-top: -5px !important;
        }
        #social_rep .dash_resp_hide{
            display:none !important;
        }
        #event_resp .respmargin{
            margin-top: 25px !important;
        }
        .my-new-menu-section-1st-ul{
            margin-bottom:110px;
        }
        
    }
    
    @media 
    only screen
    and (min-width : 700px) and (max-width : 1023px) {
        #whitelabelsetup .googlescreenshots{
            width: 50% !important;
        }
        #whitelabelsetup .wlandroidscreenshot{
            padding-left: 20%;
padding-right: 20%;
        }
        #whitelabelsetup .wlwith100perwithmargin{
            width: 50% !important;
        }
        #whitelabelsetup .wlwith100perwithmarginipad{
            width: 100% !important;
            padding-left: 20% !important;
            padding-right: 20% !important;
        }
        #whitelabelsetup .ipad100per{
            width: 100% !important;
        }
        #progress-full, #stripe-progress-full {
            /* left: -6% !important; */
        }
    }
    @media 
    only screen
     and (max-width : 719px)
    {
        #whitelabelsetup .wlprovfile{
            width: 200px !important;
        }
    }
    
    @media 
    only screen
    and (min-width : 550px) and (max-width : 669px)
    {
        #progress-full, #stripe-progress-full{
            /* left: -11% !important; */
        }
    }
    
    @media 
    only screen
     and (max-width : 549px)
    {
        #progress-full, #stripe-progress-full{
            /* left: -20% !important; */
        }
        #adminclonepanel .clonepanelwidth{
            width: 100% !important;
        }
    }
    
       
      @media 
    only screen
    and (max-width : 743px)
    {
        .mob_mb20{
         margin-bottom: 20px;   
        }
        #account_create-modal {
            position: fixed; 
            overflow:hidden;
        }
        #account_create-modal .modal-content.account_create.absolute-center{
            width: 100% !important;
            height: 100%;
            background: #F7F7F7;
            border-radius: 0;
            overflow-y:auto;
        }
        #account_create-modal .modal-dialog{
            width: 100%;
            margin:0;
            height: 100vh;
        }
        #account_create-modal .modal-body {
            padding: 20px 15px;
            padding-top: 50px;
            padding-bottom:40px;
        }
        #account_create-modal .action-btns{
            font-size: 12px;
            font-weight: 500;
        }
        .onboard_bk_arrow {
            width: 8px;
            height: 11px;
            margin-right: 0px; 
            margin-top: -3px;
        }
        #account_create-modal .acc_create_gray_btn {  
            width: 110px !important;
            height: 40px;
            line-height: 14px;
            /*margin-bottom: 15px;*/
        }
        #account_create-modal .togglePasswordText {
            font-size: 12px !important;
            top: -2px;
        }
        .old_acc{
            font-weight: 400 !important;
            font-size: 13px;
        }
        #account_create-modal .text-xs {
            font-size: 12px;
        }
        .new_acc_registerprogress {
            margin-top: 25px;
            /*margin-bottom: 39px;*/
        }
        #account_create-modal .modal-content {
            box-shadow:none;
            border-bottom : 0px;
        }
        .M_image {
            top: 72px;
        }
    }
     @media 
    only screen
    and (max-width : 768px)
    {
        #adminclonepanel .clonepanelwidthalign{
            width: 100% !important;
            align-content: center;
        }
        #adminclonepanel .alignnone{
            float:none !important;
        }
        #adminclonepanel .movedown{
            margin-top:50px !important;
        }
        .flex_container{
            padding:20px 0px;
        }
        .flex_container .flexScroll{
            overflow:auto;
            overflow-x:hidden;
        }
    }
    @media 
    only screen
    and (min-width : 600px) and (max-width : 1023px) {
        #whitelabelsetup #googsub1box1name{
            display:inline-block !important;
        }
        #whitelabelsetup #googstep1boxname,#whitelabelsetup #googsub1box2name{
            height: 52px !important;
            display:inline-block !important;
        }
        #whitelabelsetup .wldashcard{
            width: 500px !important;
        }
        #whitelabelsetup .wlskelbox{
            height: 96px !important;
        }
    }
    
    @media 
    only screen
    and (max-width : 600px)
    {
        #whitelabelsetup .wlselbutton{
            position: relative;
margin-top: 40px !important;
        }
        #whitelabelsetup .wlskelbox{
            height: 160px !important;
        }
    }
    
    @media 
    only screen
    and (min-width : 400px)
    {
        #whitelabelsetup #firebasestep2, #whitelabelsetup #firebasestep1{
            display: inline-block !important;
        }
        #whitelabelsetup .wldashcard{
            width:200px;
        }
    }
    
    @media 
    only screen
    and (min-width : 1025px)
    {
        #leftsidebar{
            display:block;
        }
        #navlinkorig{
            display:block;
        }
        #navlinkmobile{
            display:none !important;
        }
        #whitelabelsetup .wldashcard{
            width: 600px;
        }
    }
    
    /*Email template*/
    
    .sidebar-email {
      height: 100%;
      width: 0;
      position: fixed;
      z-index: 1;
      top: 0;
      right: 0;
      background-color: white;
      overflow-x: hidden;
      transition: 0.5s;
      padding-top: 60px;
      z-index: 99999;
      border: solid 1px #636262; 
    }

    .sidebar-email-opac{
        transition: none;
    }

    .dropdown-Etemp a {
      padding: 8px 8px 8px 32px;
      text-decoration: none;
      font-size: 25px;
      color: #818181;
      display: block;
      transition: 0.3s;
    }

    .sidebar-email a:hover {
      color: #f1f1f1;
    }

    .sidebar-email .closebtn-email {
      position: absolute;
      top: 0;
      right: 25px;
      font-size: 30px;
      margin-left: 50px;
    }
    .cstm-input{
        width: 100%;
        height: 40px;
        padding-left: 20px;
        font-size: 12px; 
        color: black;
        margin-left: -3px;
        border-top: solid 1px #9b9b9b69;
    }
    #emailsendbox ::placeholder{
        width: 105%;
        height: 40px;
        /*padding-left: 0px;*/
        font-size: 12px;
        font-weight: 500;
        color: #a4a0a0;
        margin-left: -3px;
        text-align: left;
        /*border-top: solid 1px #9b9b9b69;*/
    }
    #email_temp_name ::placeholder{
        color: #a4a0a0;
    }
    .footer {
        position: absolute;
        bottom: 0;
        background-color: #9a9a9a17;
        color: black;
        width: 100%;
    } 
    .image-rotate{
        transform: rotate(180deg);
        transition: 0.5s;
    }
    .placeholder_head{
        font-size: 13px;
        font-weight: 800;
        line-height: 1.29;
        letter-spacing: -0.1px;
    }
    .template-head{
        position: absolute;
        top: 10px;
        margin-left: 15px;
        color: #000;
        font-size: 13px;
    }
    .dropdown a{
        padding: 3px;
        font-size: 20px;
        padding-left: 15px;
        font-size: 13px;
        font-weight: 500;
        line-height: 1.29;
        letter-spacing: -0.1px;
        color: #000000;
    }
    .dropdown-menu > ul > li{
        padding: 0px;
    }
   .dropdown a:hover {
       background-color: #ddd;
       color:black
   }
   .dropdown h4{
       padding-left: 10px;
   }
    #emailtemplate ,#emailtemplate1{
        resize: none !important;
        height: calc(var(--inner-height) - 285px);
        /*max-height: 650px;*/
        overflow-y: auto;
        box-shadow: none;
        -webkit-box-shadow:none;
        margin-top: 0!important;
    }


    .temp-sidebar{
        padding-top: 0px;
        margin-right: 0px;
        overflow-y:hidden
    }
    #mySidebar-email .navbar a {
        color:#000;
        font-size:20px;
        right: 15px;
    }
    .cstm-caret-down{
        cursor: pointer;
        color: #000;
        font-size: 17px;
        vertical-align: middle;
    }
    .search-field{
        width:100%;
        padding:5px;
        height: 30px;
        overflow-y:scroll;
        font-size: 13px;
        font-weight: 400;
        line-height: 1.29;
        letter-spacing: -0.1px;
        color: #686868;
        padding-top: 8px;
    }
    .cstm-bckgrnd{
        border: solid 1px #9b9b9b69;
        background-color:#fff;
        border-radius: 0px !important;
        /*padding-right: 15px;*/
    }
    .cstm-bckgrnd .send_btn .btn:hover{
        text-decoration: none;
        color: white !important;
    }
    .save-btn{
        width:64px;
        height:33px;
        background-color:#05ac68;
        border:none;
color:#fff;
        font-weight:500;
        font-size: 12px;
        border-radius: 0;
        margin-bottom: 2px;
    }
    .carbon_copy{
        position: absolute;
        top: 10px;
        color: #aaaaaadb;
    }
    @media (min-width:1150px) and (max-width:1350px) {
        .emailtemplate-padding{
            padding: 10px 0px 0px 5px !important;
        }
        .icon-container{
            margin-left: 5px !important;
            width: 97% !important;  
        }
        #email_subjects{
            width: 62% !important; 
        }
        #email_temp_subj{
            width: 80% !important;
        }
    }
/*            @media (min-width:1300px) and (max-width:1400px){
        .btn-width {
            width: 22px !important;
        }
    }
    @media (min-width:1400px) and (max-width:1500px){
        .btn-width {
            width: 25px !important;
        }
    }
    @media (min-width:1500px){
        .colorpicker_email{
            left : 60%;
        }
    } */
    /* .icon-container{
        display:flex !important;
        position: absolute;
    } */
/*    .icon-container{
        display:flex !important;
        position: absolute;
    }*/
    #email_template{
margin-top: 25px !important;
border: none;
}
    .dropdown-menu h4{
        font-size: 14px !important;
        font-weight: 700 !important;
    }
/*            .templace_pholder li{
        padding-left: 15px !important;
    } */
    .cstm-temp-new{
/*        font-size: 14px;
        font-weight: 500;
        letter-spacing: -0.21px; */
        margin-top: 6px;
        margin-bottom: 6px;
    }
    .templace_pholder li:hover{
        background-color: #ddd;
    }
    .templace_pholder li a:hover{
        background-color: #efefef;
    }
    .sidebar-email a{
        transition: none; 
    }
    #replist h5,#cc-replist h5,#bcc-replist h5{
        background-color: #f5f5f5;
        padding-top: 6px;
        height: 29px;
        padding-left: 10px;
        font-size: 16px;
    } 
    .customtextselected{
        margin-left: 10px;
margin-top: 9px;
background:#dbdfe2;
color:black;
height: 20px;
border-radius:5px;
padding-left: 5px;
padding-right: 5px; 
padding-left: 10px;
        display:flex;
font-weight: 400;
    } 
    #selectbuyer_template a{
        font-size: 11.5px !important;
        font-weight: 400 !important;
        font-stretch: normal !important;
        font-style: normal !important;
        line-height: normal !important;
        letter-spacing: 0px !important;
        color: #000000 !important;
    }
    #selectbuyer_template h5{
        font-size: 13px;
        margin: 0px;
        height:28px;
        padding-top: 7px;
    }
    .crossicon_names{
        cursor: pointer;
        position: absolute;
        right: 7px;
        font-size: 15px;
        margin-top: -2px;
        font-weight: 600;
    }
    #selectbuyer_template div{
        text-overflow: ellipsis;
        overflow: hidden;
    }
    .no-mrgn-btm > li > a {
        margin-bottom: 0px !important;
    }
    .cstm-temp-head {
        font-size: 16px;
        font-weight: 700;
        margin-top: 14px;
    }
    .cstm-new-heading {
        border-bottom: 1px solid #dbdbdb;
        height: 55px;
    }
    .no-mrgn-btm h6:hover{
        background-color: #ddd;
        padding:15px;
        margin: 0px;
    }
    .no-mrgn-btm h6{
        padding:15px;
        margin: 0px;
    }
    .no-style-ul{
        height:250px;
        overflow-y:scroll;
    }
    .no-style-ul li{
        margin-left: -40px;
    }
    .no-style-ul ul{
        list-style-type: none;
    } 

    .no-style-ul-new{ 
        overflow-y:scroll;
    }
    .no-style-ul-new li{
        margin-left: -40px;
    }
    .no-style-ul-new ul{
        list-style-type: none;
    } 

    .no-style-ul a {
        /*padding-left: 30px !important;*/
    }
    .cstm-upload-height {
        /*position: fixed;*/
        padding-left: 15px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .cstm-upload-height1{
        height : 80px;
    }
    #mailsnackbar{
        visibility: hidden;
        min-width: 250px;
        margin-left: -125px;
        background-color: #333;
        color: #fff;
        text-align: center;
        border-radius: 2px;
        padding: 16px;
        position: fixed;
        z-index: 999999999;
        left: 50%;
        bottom: 30px;
        font-size: 17px;
    }
    #mailsnackbar.show{
        visibility: visible;
        -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
        animation: fadein 0.5s, fadeout 0.5s 2.5s;
    }
    .modal{
        /*z-index: 9999999;*/
    }
    /*email box view*/
    .above_email_modal{
        z-index: 9999999 !important;
    }
    .cstm-email-icon{
        position:absolute;
        right:225px;
        border:solid 1px #dde1e5;
        background-color:#f6f6f6;
        border-radius:30px;
        margin-top: 8px;
        padding-left: 9px;
        padding-top: 5px;
        width: 33px;
        height: 33px;
    }
    .cstm-email-icon:hover {
        border: solid 1px #00ad68;
        color: green;
    }
    #email_subjects, #sheduleEmail_subjects{
     font-weight: 400;
     font-size: 14px;
     padding-left: 30px;
     width: 67%;
     border: none !important;
     padding-top:5px;
    }
    .cstm-subject-line .float-right-md.px-10{
        display: inline;
    }
    .emailtemplate-padding{
        padding: 10px;
    }
    /* .icon-container{ 
        margin-left: 2px !important;
        width: 98% !important;  
    } */
    #email_temp_subj{
        border:none;
        padding-left: 28px;
        font-size: 13px;
        width: 80%;
    }
    .datepicker.dropdown-menu{
        z-index : 99999999 !important;
        max-width: 250px;
    }
    #TZtimezone li, #campaigntimezone li{
        margin-left: -50px;
    }
    #TZinput{
        position: fixed;
        width: 353px;
        margin-left: 5px;
        margin-bottom:40px;
        border: solid 1px #0000003b;
    }
    #TZtimezone a, #campaigntimezone a{
        height: 30px;
        font-weight: 400;
        font-size: 13px;
    }
    
    .colorpicker_email {
        top: 200px !important;
z-index: 99999 !important;
left:66% !important;
    }
    .smallwidth1{
        width: 20px;
        max-width: 20px;
    }
    #emailtemplate1 a:hover{
        color: black;
    }
    @media (min-width:1850px){
        .icon-container button{
            /*width: 49px !important;*/
        }
    }
    
    @media (min-width:1750px) and (max-width:1850px){
        .colorpicker_email{
            left : 67% !important;
        }
        .icon-container button{
            /*width: 49px !important;*/
        }
    }
    
    @media (min-width:1650px) and (max-width:1750px){
        .colorpicker_email{
            left : 68% !important;
        }
        .icon-container button{
            /*width: 46px !important;*/
        }
    }
    @media (min-width:1600px) and (max-width:1650px){
        .colorpicker_email{
            left : 69% !important;
        }
        .icon-container button{
            /*width: 44px !important;*/
        }
    }
    @media (min-width:1550px) and (max-width:1600px){
        .colorpicker_email{
            left : 70% !important;
        }
        .icon-container button{
            /*width: 43px !important;*/
        }
    }
     @media (min-width:1500px) and (max-width:1550px){
        .colorpicker_email{
            left : 70% !important;
        }
        .icon-container button{
            /*width: 41px !important;*/
        }
    }
    @media (min-width:1450px) and (max-width:1500px){
        .colorpicker_email{
            left : 71% !important;
        }
        .icon-container button{
            /*width: 39px !important;*/
        }
    }
    @media (min-width:1400px) and (max-width:1450px){
        .colorpicker_email{
            left : 71.7% !important;
        }
        .icon-container button{
            /*width: 37px !important;*/
        }
    }
    @media (min-width:1350px) and (max-width:1400px){
        .colorpicker_email{
            left : 72.3% !important;
        }
        .icon-container button{
            /*width: 35px !important;*/
        }
    }
    @media (min-width:1300px) and (max-width:1350px){
        .colorpicker_email{
            left : 73.5% !important;
        }
        .icon-container button{
            /*width: 34px !important;*/
        }
    }
    @media (min-width:1250px) and (max-width:1300px){
        .colorpicker_email{
            left : 73.5% !important;
        }
        .icon-container button{
            /*width: 32px !important;*/
        }
    }
     @media (max-width:1250px){
        .colorpicker_email{
            left : 74.5% !important;
        }
        .icon-container button{
            /*width: 30px !important;*/
        }
    }
        
    .placeholder_error_exist{
        display:block !important;
    }
    .placeholder_error_notexist{
        display:none !important;
    }
    .cstm-campaign-text{
        margin-left:10px;
        font-size: 13.5px;
        font-weight: 500;
        letter-spacing: -0.2px;
        color: #000000;
    }
    @media (min-width:1025px){
        #upgadeplan_for_basic_users{
            left: 230px; 
        }
     
    }
    @media (max-width:1024px){
        #upgadeplan_for_basic_users{
            left: 0px;
            top: 45px;
        }
      .right_top_nav{
      width: 100% !important;
      background: #EDEDED !important; 
}


    } 
    @media (max-width:1550px){
/*        #Bulk_Email_Quota{ 
            margin-left: 58% !important;
        }*/
    } 
    .corona-release p{
       font-size: 11px;
    }
    .corona-release.navbar-alert-view button.close{
       top:-5px;
    }
    @media only screen and (max-width: 1024px) {
        #confirmAccountButton{
            text-align: right;
        }
        
    }
    @media only screen and (max-width :768px){
        /* #logoutButton{
            margin-left: 62px;
        } */
        /* #main_nav_email_icon{
            right:137px;
        }
        .refer-name{
           display: none;
        }
        #giftboxIcon{
            right:179px !important;
        } */
        #wepay_status{
            right: 200px;
        }
        /* .cstm-new-signout-label {
            max-width: 102px
        } */
    }
   
    @media only screen and (min-width:1300px){
        .corona-release p{
            font-size: 14px;
        }
        .corona-release.navbar-alert-view button.close{
            top:-3px;
        }
    }
    @media only screen and (min-width:1430px){
        .corona-release p{
            font-size: 15px;
        }
        .corona-release.navbar-alert-view button.close{
            top:-1px;
        }
    }
    .curr_add_box{
        border-top: 1px solid #e8e8e8;
border-bottom: 1px solid #e8e8e8;
height: 40px; 
padding-top: 10px;
    }
    
    .curr_active label{
        color: #05ac68 !important;  
    } 
/*    .curr_active_border{
        border-right: 4px solid #05ac68;
    }*/
    
    /*// century direct*/
    .century .nav.side-menu > li.cd-nonactive{
        display:none;
    }
    /*css change made after left menu new design MS-5876 */
    .century .nav.side-menu .cd-nonactive{
        display:none;
    }
    .staff .nav.side-menu > li.backsubmenu{
        display: block;
    }
    /*// century direct*/

    /*curriclum css*/
    .showcurrsettings{
        display:block !important;  
    }
    
    .toggle_curr_mem,.toggle_app_time{
        display:block !important;  
    } 
    
    .toggle_rank_mem{
        display:block !important;  
    } 
    
    /*Century Direct Edit order*/
    .cd_edit_order_button{
        width:100%;
        border:1px;
        margin:0;
        color:  #fff;
        height:40px;
        border-radius: 0px;
    }
    
    .cdcancelbutton{
        background-color:#ffffff !important;
        color:  #777777 !important;
        border-radius: 6px;
    }
    
    .cdisshipping{
        height:100px !important;
    }
    
    .cdnotshipping{
        height:60px !important;
        padding-top: 20px !important;
    }
    /*Century Direct Edit order*/
/*    #DataTables_Table_cdadminaccount_filter.dataTables_filter{
        top: -60px;
    }*/
     

    .badge-rounded-list>ol{
        counter-reset: my-awesome-counter;
        list-style: none;
        padding-left: 40px;
    }
    .badge-rounded-list>ol>li{
        margin: 0 0 0.5rem 0;
        counter-increment: my-awesome-counter;
        position: relative;
    }
    .badge-rounded-list>ol>li::before {
        content: counter(my-awesome-counter);
        background: #888788;
        border-radius: 100px;
        color: #fff;
        position: absolute;
        text-align: center;
        font-size: 8px;
        padding: 2px 0px;
        text-align: center;
        width: 15px;
        margin-top:  2px;
    }
    .badge-rounded-list hr{
        border-top: 1px solid #636262;
    }

    [data-title] {
      font-size: 15px; /*optional styling*/
      position: relative;
    }

    [data-title]:hover::before {
      content: attr(data-title);
      position: absolute;
      bottom: -65px;
      width: 350px;
      display: inline-block;
      padding: 10px 5px 10px 10px;
      border-radius: 5px;
      background: white;
      border:solid 1px green;
      color: black;
      font-weight:400;
      font-size: 14px;
      font-family: avenier;
      margin-left:-300px;
      z-index:1;
      cursor:pointer;
    }
    
    /*campaign css*/
    @media (max-width:1550px){
       .campaign-grid-container-mdpi{
            width: 55%  !important;  
        }
        .main_submenu{
            height: 100vh !important;  
        }
    } 
    
    .disable-view{
        pointer-events: none; 
    }
    .disable-view:hover{
        cursor: no-drop;
    }
    .switchwidth{
        max-width: 30px;
    }
    
    #entry_exit_cond .dropdown-menu{
        max-height: 200px;
overflow: auto;
    }

    
    .magnifier_icon,.dark_magnifier_icon {
        background-image: url(6c198d0ab8ca6860587324104fe2fc4a.png);
        background-position: 10px center;
        background-repeat: no-repeat;
        padding: 5px 5px 5px 10px;
        text-indent: 20px;
        background-size: 14px 14px;
    }
    .dark_magnifier_icon{
        background-image: url(c6aa12b8401e3f03eb76cf87cf126b53.jpg);
    }
    .class_scheduler_magnifier_icon{
        background-image: url(6c198d0ab8ca6860587324104fe2fc4a.png);
        background-position: 10px center;
        background-repeat: no-repeat;
        padding: 5px 5px 5px 10px;
        text-indent: 23px;
        background-size: 16px 16px;
        font-size: 13px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #464646;
        padding-top: 7px;
    }
    #DataTables_Table_class_scheduler_filter ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
      color: #929292; 
    }
    #Bulk_Email_Quota{
        margin-top: 15px;
        font-size: 14px;
        color: #7c7b7c;
;
        border: 1px solid #00c287;
        border-radius: 10px;
        font-weight: 400;
        padding: 5px 15px;
        height: 32px;
    }
/*    #Bulk_Email_Quota .dropdown:hover .dropdown-menu {
            display: block;
         }*/
         
         
    /*curric feedback*/
    #curric_menus .help-icon{
     left: 0px;
top: -1px;
    }
    .new_email_icons{
     cursor:pointer;
position: absolute;
right: 228px;
top: 10px;
width: 25px;
    }
    .curr_new_banner{
        margin: 12px 0;
        cursor: pointer;
        height: 20px;
        font-size: 13.5px !important;  
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 0.07px;
        text-align: center;
        color: #f7f7f7;
    }
    .new_curr_close{ 
        right: -20px !important;  
        color: white !important;  
        background: #4a90e2 !important; 
        font-weight: 400 !important;  
        font-size: 23px !important;  
        top: -1px !important;  
    }
    .new_cur_ban_center{
        width: 95%;
margin-left: -20px;
    }
    #curric_menus .msortable ul[dnd-list] li {
        margin-top:-2px !important;  
    }
    #curric_menus .fa-trash{
        width: 20px;
    }
    .new_settings_curr{
        background: white;
border: 1px solid #cecece;
border-radius: 5px;
margin-left: 10px;
    }
    #newcurriculumui input:checked + .slider::before {
        left: 5px !important;  
    }
    .curr_name_text_box{
        height: 30px;
border: 1px solid #dbd5d5; 
border-radius: 5px;
width: 300px;
padding-left: 5px;
margin-top: 6px;
font-size: 20px;
    }
    #new_curr_names .fa-close{
        margin-top: 10px;
margin-left: 5px;
color: #595959;
    } 
    #new_curr_names .btn-primary{
        height: 29px;
padding-top: 5px;
margin-top: 7px;
margin-left: 10px;
background: #009a61;
border: none;
border-radius: 5px;
    }
    #curr_iframe{
        padding-top: 0px !important;  
    }
    .help-icon{
        cursor: pointer;
    }
    @media only screen and (min-width:1440px){
        .curr_new_banner{
            font-size: 14.5px !important;
        }
    }
    #curr_iframe .docs-demo-device{
        right: auto !important;
        width: 308px !important;
position: relative !important;
    }
    #curr_iframe .container{ 
        margin: 0 auto;
    }
    
    /*curriclum css*/
     #newcurriculumui .curriculumsubsectiontext{
      font-size: 20px !important;
      font-weight: 500 !important;
      font-stretch: normal !important;
      font-style: normal !important;
      line-height: normal !important;
      letter-spacing: 0.2px !important;
      color: #72879c !important;
    }     
    #newcurriculumui .card{
        background: white !important;  
    }
    #newcurriculumui .card label{
       font-size: 14px;
    }  
    #newcurriculumui .dropdown button{
        border-radius: 10px;
border: solid 1px #ccc;
background: white;
color: black;
margin-top: -6px;
width: 250px;  
}
    .currcaret{
        position: absolute;
font-size: 20px;
margin-left: 90px;
margin-top: -3px;   
} 
    .popover-content{
        padding: 8px;
        color: black;
    }
    .showcurrtick{
        visibility: visible !important;  
    }
    .currdropdownbox ul li a{
        height: 25px;
    }
    .open_new_browser{
        margin-right: 5px;
font-weight: 500;
float: right;
    }
    .firefoxchekbox{
        margin-top: 3px !important;  
    }
    
    /*class schedule css starts*/
    #class_schedule_calender .table-condensed,#class_schedule_calender_popup .table-condensed,.submenupopuphtml #taskoverallPopup .table-condensed{
        width: 100%;
        margin: 0px;
    }
    #class_schedule_calender .datepicker-inline{
/*         width: 235px;
         height: 228px;*/
    }
    #class_schedule_calender,#class_schedule_calender_popup,.submenupopuphtml #taskoverallPopup{
        background: #f6f6f6;
        font-size: 11px;
        margin-left: -3px;
    }
    #class_schedule_calender .datepicker td,.datepicker th{
        border-radius: 50px;
    }
    #class_schedule_calender_popup .datepicker td div{
        border-radius: 49%;
        margin-left: 2px;
        margin-top: 2px;
    }
    #class_schedule_calender,#class_schedule_calender_popup{
        color:#393939;
    }
    #class_schedule_calender_popup,.submenupopuphtml #taskoverallPopup{
        margin:0px;
        padding:0px;
        background: #F6F6F6;
    }
    #class_schedule_calender_popup .datepicker-inline,.submenupopuphtml #taskoverallPopup .datepicker-inline{
        width:100%;
    }
    #class_schedule_calender .new,#class_schedule_calender .old,#class_schedule_calender_popup .new,#class_schedule_calender_popup .old{
        color:#A0A4A7;
    }
    #class_schedule_calender .dow,#class_schedule_calender_popup .dow{
        font-weight: 400;
        color:#A0A4A7;
        padding: 5px 0;
    }
    #class_schedule_calender_popup .dow{
        padding:0px;
    }
    #class_schedule_calender .datepicker-switch,#class_schedule_calender_popup .datepicker-switch,.submenupopuphtml #taskoverallPopup .datepicker-switch{
         padding-left: 10px;
         width: 100px;
        font-weight: 400; 
        font-size: 11.5px;
        letter-spacing: 0.3px;
    } 
    #class_schedule_calender .datepicker table tr td.active:active, 
    #class_schedule_calender  .datepicker table tr td.active:hover:active, 
    #class_schedule_calender  .datepicker table tr td.active.disabled:active, 
    #class_schedule_calender  .datepicker table tr td.active.disabled:hover:active, 
    #class_schedule_calender  .datepicker table tr td.active.active, 
    #class_schedule_calender  .datepicker table tr td.active:hover.active, 
    #class_schedule_calender  .datepicker table tr td.active.disabled.active, 
    #class_schedule_calender  .datepicker table tr td.active.disabled:hover.active { 
        /*background-image: linear-gradient(to bottom, #009a61, #009a61);*/
        background-image: none;
        background-color: #f6f6f6;
    }
    #class_schedule_calender_popup .datepicker table tr td.active:active, 
    #class_schedule_calender_popup  .datepicker table tr td.active:hover:active, 
    #class_schedule_calender_popup  .datepicker table tr td.active.disabled:active, 
    #class_schedule_calender_popup  .datepicker table tr td.active.disabled:hover:active, 
    #class_schedule_calender_popup  .datepicker table tr td.active.active, 
    #class_schedule_calender_popup  .datepicker table tr td.active:hover.active, 
    #class_schedule_calender_popup  .datepicker table tr td.active.disabled.active, 
    #class_schedule_calender_popup  .datepicker table tr td.active.disabled:hover.active { 
        /*background-image: linear-gradient(to bottom, #009a61, #009a61);*/
        background-image: none;
        background-color: #f6f6f6;
    }
    #class_schedule_calender .datepicker-months .active,#class_schedule_calender .datepicker-years .active,#class_schedule_calender_popup .datepicker-months .active,#class_schedule_calender_popup .datepicker-years .active{
        background-image: none;
        background-color: #009a61; 
    }
    #class_schedule_calender .datepicker-months span,#class_schedule_calender .datepicker-years span,#class_schedule_calender_popup .datepicker-months span,#class_schedule_calender_popup .datepicker-years span,.submenupopuphtml #taskoverallPopup .datepicker-months span,.submenupopuphtml #taskoverallPopup .datepicker-years span{ 
        width: 23%;
        height: 50px;
        line-height: 50px;
        margin-top: 8px;
        border-radius: 50px;
    }
    #class_schedule_calender .datepicker-months .prev,#class_schedule_calender .datepicker-years prev,#class_schedule_calender_popup .datepicker-months .prev,#class_schedule_calender_popup .datepicker-years prev{  
        padding-left:5px;
    }
    #class_schedule_calender .datepicker-months td,#class_schedule_calender .datepicker-years td,#class_schedule_calender_popup .datepicker-months td,#class_schedule_calender_popup .datepicker-years td{
       border-radius: 0px;
    } 
    #class_schedule_calender .prev,#class_schedule_calender .next, #class_schedule_calender_popup .prev,#class_schedule_calender_popup .next,.submenupopuphtml #taskoverallPopup .prev,.submenupopuphtml #taskoverallPopup .next{
        padding: 0px;
        max-width:32px;
    }
    #class_schedule_calender th{
        /*max-width: 10px;*/
        /*padding: 8px;*/
        min-width: 23px;
    }
    #class_schedule_calender_popup th,.submenupopuphtml #taskoverallPopup th{
        min-width: 24px;
        width:24px;
    }
    #class_schedule_calender td,#class_schedule_calender_popup td,.submenupopuphtml #taskoverallPopup td{ 
        padding: 0; 
/*        background-size: 20px !important;
        min-height: 26px;*/
        /*padding-top: 7px;*/
    }
/*    #class_schedule_calender .datecluster_lowest div{
        background: #b3b3b3;border-radius: 25px;width: 25px;height: 25px;padding-top: 4px;color: white;position: absolute;margin-top: -12px;
    } 
    #class_schedule_calender .active div{
        background: #009a61;border-radius: 25px;width: 25px;height: 25px;padding-top: 4px;color: white;position: absolute;margin-top: -12px;
    }*/
    
    .class_menu_list{
      font-size: 13.5px;
      font-weight: 400;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: -0.2px; 
      color: black;
      /* font-size: 21px; */
    }
    
    .active_class_menus{
        color:#02a86a  !important;
        /*border-right: 4px solid #02a86a !important;*/ 
        /*text-shadow: none !important;*/
    }
    .active_class_menus label{
        color:#02a86a  !important;
    }
    #class_menus a{
        border: none !important;
        padding-right: 0px; 
        padding-left: 0px; 
    }
    #class_menus a:hover{
        background: none !important; 
        cursor: default !important; 
    }
/*    #class_menus label{
        width: 100%; 
        height: 30px;
        padding-top: 5px;
        cursor: pointer;
        padding-left: 15px;
        font-weight: 399;
        text-shadow: 0.5px 0px 0px #d0d0d0;
    } 
    #class_menus label:hover{ 
        background: #eee;
    }  */
    #class_menus .active{
        border: none !important;
    }
    
    #class_menus_settings a{
        border: none !important;
        padding-right: 0px; 
        padding-left: 0px; 
    }
    #class_menus_settings a:hover{
        background: none !important; 
        cursor: default !important; 
    }
/*    #class_menus_settings label{
        width: 100%; 
        height: 30px;
        padding-top: 5px;
        cursor: pointer;
        padding-left: 11px;
        text-shadow: 0.5px 0px 0px #d0d0d0;
        font-weight: 400;
        font-size: 13.5px;
        line-height: 18px;
    } */
    #class_menus_settings label:hover{ 
        background: #eee;
    }  
    #class_menus_settings .active{
        border: none !important;
    }
/*    #li-class-Blockout-Dates{
        font-style: normal;
        font-family: avanir;
      #li-class-Blockout-Dates  font-weight: 800;
        line-height: 20.49px;
        font-size: 15px;
        position: absolute;
        top: 430px;
        left: 1px;
        width: 250px;
        height: 15px;
        color: #4ba56f;
    }*/
    #blockedout_dates .add_block_icon{
        cursor:pointer; 
        width: 17px;
        height: 17px;
        margin: -3px 2px 0px 0px;
        
    }
    #blockedout_dates label{
        height: 23px;
        font-weight: 600;
        font-size: 16px;
        font-style: normal;
        line-height: 23px;
        color:#000000;
        margin: 17px 0px 0px 15px;
    }
    #blockedout_dates .apply_blockout_to{
        height: 19px;
        font-weight: 500;
        font-style: normal;
        font-size: 13px;
        line-height: 19px;
        color: #000000;
        margin: 8px 0px 0px 15px;
    }
    #blockedout_dates .blockout_note{
        height: 19px;
        font-size: 13px;
        font-weight: 500;
        font-style: italic;
        line-height: 19px;
        color: #646464;
        margin: 7px 0px 0px 15px;
    }
    #blockedout_dates .blockout_delete_box{
        width: 35px;
        height: 30px;
        border: 1px solid #d8d8d8;
        box-sizing: border-box;
        cursor: pointer;
        margin: -11px 0px 0px 640px;
        float: right;
    }
    #blockedout_dates .blockout_edit_box{
        border: 1px solid #D8D8D8;
        box-sizing: border-box;
        height: 30px;
        width: 35px;
        cursor: pointer;
        margin: -30px 34px 0px 649px;
        float: right;
    }
    #blockedout_dates .add_blockout_dates{
/*        width: 124px;*/
        height: 18px;
        font-weight: 600;
        font-style: normal;
        font-size: 13px;
        line-height: 19px;
        color: #4ba56f;
    }
    #blockedout_dates #class_parent_list,.blockout_list{
        width: 778px;
        height: 112px;
        border-radius: 5px;
        background-color: #f3f3f3;
        margin-bottom: 20px;
    }
/*    #li-class-Blockout-Dates label{
        font-style: normal;
        font-weight: 400;
        font-size: 13.5px;
        line-height: 20px;
    }*/
    .prevent_mouse_event{
        pointer-events: none;
    }
    #blockout_date_heading{
        height: 23px;
/*        width: 123px;*/
        font-size: 16px;
        font-weight: 600;
        color: #000000;
        line-height: 23px;
    }
    #blockedout_dates{
        margin-top: 27px;
        padding-left: 5px;
    }
    #blockedout_dates .edit-icon{
        cursor: pointer;
        float: left;
        width: 14px;
        height: 14px;
        margin: 8px 0px 0px 11px;
    }
   #blockedout_dates .delete-icon{
        cursor: pointer;
        float: left;
        width: 14px;
        height: 14px;
        margin: 8px 0px 0px 11px;
    }
    #appointments_view{
        margin-top: 27px;
        padding-left: 5px;
    }
    #appointments_view .x_panel{
        border: none;
    }
    .appointments_view_inner{
        padding-left: 15px;
        padding-right: 15px;
    }
    
    .class_schedule_content_text{
      font-size: 12px;
      font-weight: 500;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: 0.11px;
      color: #000000;
      text-shadow: 0.5px 0px 0px #d0d0d0;
    }
    #class_schedule_page .col-md-12,#class_schedule_page .col-md-6,#class_schedule_page .col-md-8{
        padding:0px;
    }
    .x_panel_class_schedule{
    background: white;
    width: 100%;
    display: inline-block;
    }
    #blockedout_dates .x_panel_class_schedule{
        width: 811px;
        min-height: calc(100vh - 168px);
        background: #FFFFFF;
        display: inline-block;
    }
   
    #class_schedule_page .slider{
        height: 21px;
        width: 43px;
    }
    #class_schedule_page .slider:before{
        height: 19px;
        width: 19px;
        margin-top: -1px;
        left:1px;
    }
    
    .class_slider_custum{ 
      font-size: 11.2px; 
      font-weight: 700; 
      font-stretch: normal; 
      font-style: normal; 
      line-height: normal; 
      letter-spacing: 0.99px; 
      color: #5c5c5c;
    }
    .class_help_new{
        width: 12px;
        height: 12px;
        margin-right: 10px;
        margin-top: 5px;
        margin-left: 5px;
    }
    .class_s_button_text{
        color:black;
font-size: 11px;
margin-top: 4px;
margin-left: 5px;
font-weight: 600;
text-shadow: none;
    }
    
    .class_parent_list_box{
        height: 120px;
        margin-bottom: 20px;
        background-color: #f3f3f3;
        padding-left: 20px;
        padding-top: 20px;
        text-shadow: none;
        border-radius: 3px;
    }
    .class_parent_list_box label{
        font-size: 17px; 
    }
    .class_parent_list_box p{
        color:#61768a;
        margin-top: 2px;
        font-size: 12.5px;
    }
    
    .newclassmodaltext{
        text-align: center;
        margin-bottom: 15px;
        border-radius: 9.4px;
        background-color: #f4f6f8;
        border: none;
        height: 38px;
        width: 90%;
        font-size: 13.7px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: -.18px;
        color: #4a4a4a; 
    }
    
    #addnewclassschedule ::-webkit-input-placeholder {
       text-align: center;
    }
    
    /*parent settings css*/
    .x_panel_parent_setting{
        background: white;
        width: 100%;
        display: inline-block; 
        margin-left: 2px;
    }
    .parent_setting_view_inner{
        height: 308px;
        padding: 15px;
        padding-left: 15px;
        padding-bottom: 30px;
        border: 1px solid #c7c7c7;
        transition:0.5s ease;
    }
    .parent_setting_view_inner.enable_register{
        height:auto;
        transition:0.5s ease;
        overflow:hidden;
    }
    #parent_setting_view{
        padding: 0px;
    }
    .class_setting_label{
        font-size: 21px;
        font-weight: 500;
        letter-spacing: 0.2px;
        color: #72879c;
        width: 23% !important;
        transition: width 1s;
        padding: 0px !important;
        padding-right: 20px !important;
    }
    .class_setting_label:focus {
        width: 30% !important;
        border-bottom: solid 1px #72879c !important;
    }
    
    .class_setting_forms label{
        font-size: 14px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 0.13px;
        color: #72879c;
        margin-top: 15px;
    }
    .class_setting_forms input , #ampStartTime input{
        width: 689px;  
        height: 34px;  
        border-radius: 10px;  
        border: solid 1px #cccccc; 
    }
    .class_setting_forms textarea{
          width: 689px;  
height: 120px;  
border-radius: 10px;  
border: solid 1px #cccccc; 
overflow: auto;
resize: none;
    }
    
    .class_setting_help{
        margin-top: 23px;
        width: 14px;
        height: 14px;
        margin-left: 7px; 
    }
    .class_setting_forms .slider{
        margin-top: 4px;
        margin-left: 5px;
    }
    
    .x_panel_child_setting{
        background: white;
        width: 100%;
        display: inline-block; 
        margin-left: 2px; 
        padding-bottom: 15px;
border: 1px solid #c7c7c7;
    }
    .child_setting_view_inner{
        padding:20px; 
    }
    .class_child_curved_box{
          width: 204px;  
height: 34px;  
border-radius: 10px;  
border: solid 1px #cccccc;
background: white;
    }
    .class_curved_box_blockout{
        height: 36px;
        width: 300px;
        border-radius: 7px;
        border: 1px solid #D8D8D8;
        background: white;
        font-size: 12px;
        font-style: normal;
        font-weight: 600;
        line-height: 18px;
        letter-spacing: 0em;
        text-align: left;
        color: #000000;
        margin-bottom: 0px;
        padding: 11px 10px 7px 10px;
    }
    .class_child_curved_box_blockout{
        height: 31px;
        width: 361px;
        border-radius: 10px;
        border: 1px solid #D8D8D8;
        background: white;
        margin: 0px;
        margin-bottom: 8px;
        padding: 8px 12px 5px 21px;
    }
    .dow_class span{
        font-size: 13.5px;
        font-weight: 400;
        margin-right: 8px;
    }
    .dow_class input{
        width: 12px;
        height: 13px;
        margin-top: 15px;
    }
    .lone_label_class{
        font-family: OpenSans-Regular;
        font-size: 21px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 0.2px;
        color: #72879c;
    } 
    /*child listing*/ 
    .child_list_box_class{
          width: calc(100% - 5px);  
          height: auto;  
border: solid 1px #cccccc;  
background-color:white;
margin-bottom: 10px; 
    }
    .child_list_box_class label{
        font-size: 18px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: -0.27px;
        color: #000000;
    }
    .child_list_box_class p{
          font-size: 13px;  
font-weight: 400;  
font-stretch: normal;  
font-style: normal;  
line-height: normal;  
letter-spacing: -0.19px;  
color: #788b9f;
    }
    .edit_child_class{
        color:#05ac68;
        float: right;
        margin-right: 50px;
        margin-top: 25px;
        cursor: pointer;
    }
    .delete_child_class{
        float: right;
        margin-right: 50px;
        margin-top: 25px;
        cursor: pointer;
        padding-top: 2.5px;
        color: #657588;
    }
    .delete_child_class img{
        width: 10.74px;
        height: 10.74px;
        margin-top: -2px;
    }
    .live_list_deleting {
        margin-top: 0px !important;
        margin-left: 40px;
        cursor: pointer;
        color: #657588 !important;
        font-style: normal;
        font-size: 12.5px !important;
        line-height: 19px;
    }
    .live_list_deleting img{
        width: 12px;
        height: 12px;
    }
    .draft_list_deleting{
        margin-top: 0px !important;
        margin-left: 40px;
        cursor: pointer;
        color: #657588 !important;
        font-style: normal;
        font-size: 12.5px !important;
        line-height: 19px;
    }
    .draft_list_deleting img{
        width:12px;
        height: 12px;
    }
    .class_appointment_cstm_button{
        width: 109px;
        height: 36px;
        border: none;
        border-radius: 12px;
        background-color: #009a61 !important;
    }

    #class_schedule_page input{
        padding-left: 10px;
    }
    #class_schedule_page input:focus, textarea:focus, select:focus{ 
        outline: none; 
    } 
    .xpanel_restriction{
        background: white;
        width: 100%;
        display: inline-block;   
        border: 1px solid #c7c7c7;
    }
    .restriction_view_inner{ 
        padding-left: 20px;
        padding-right: 15px; 
        padding-top: 5px; 
font-size: 13px;  
font-weight: 500;  
font-stretch: normal;  
font-style: normal;  
line-height: normal;  
letter-spacing: 0.13px;  
color: #72879c;
    }
    
    #child_setting_view col-md-12,#child_setting_view col-md-6,#child_setting_view col-md-8,#child_setting_view col-md-4{
        padding: 0px;
    }
    
    .disable_settings_class{
        cursor: not-allowed !important;
    }
    .class_caret{
        float: right;
margin-right: 10px;
font-size: 20px;
margin-top: 6px;
    } 
/*    .blockout_modal_content.disable_height{
          width:553px;
          height: 384px;
    }*/
    .addBlockoutModal .modal-dialog{
        margin:20vh auto auto auto;
        width: 500px
    }
    .addBlockoutModal .modal-dialog.enable_width{
        margin:10vh auto auto auto;
        width: 710px;
    }
    .blockout_modal_content{
        width:491px;
        min-height: 384px;
        padding: 20px 7px 0px 15px;
    }
    .enable_height .blockout_modal_content{
        max-height: 550px;
        overflow-y: auto;
    }
    .enable_width .blockout_modal_content{
        max-height: 766px;
        width: 705px;
        overflow-y: auto;
    }
    .enable_height .appointmentTypeBlock {
        max-height: 136px;
        overflow-y: auto;
    }
    .enable_width .appointmentTypeBlock {
        max-height: 351px;
        overflow-y: auto;
    }
    .note_text,.blockout_button{
        margin-top:25px;
        text-align: left;
    }
    .blockout_button{
        margin-bottom: 30px;
    }
    .dropdown .class_child_curved_box {
        display: flex;
padding-top: 8px;
    }
    .dropdown .class_child_curved_box div{
        width: 80%;
        text-align: left;
    }
    .dropdown .class_child_curved_box i { 
        margin-top: -2px;
        margin-right: 3px;
        margin-left: 20px;
    }
    
    .class_list{
        width: 200px !important;
border-radius: 10px !important;
box-shadow: 0 2px 9px 0 rgba(159,159,159,.5) !important;
border: solid 1px #ccc !important;
background-color: #fff !important;
        padding-bottom: 5px; 
padding-top: 5px;
max-height: 200px !important;
overflow: auto;
    }
    .class_blockout_list{
        width: 300px !important;
        border-radius: 7px !important;
        border: 1px solid #D8D8D8;
        background-color: #fff !important;
        padding-bottom: 10px; 
        padding-top: 10px;
    }
    .class_blockout_list a{
        height: 27px;
     }
    .class_list a{
        height: 25px;
text-align: center;
    }
    .posswitchdropdown-menu{
        top: 25px;
        box-shadow: 0 2px 11px 0 rgba(108,108,108,.5);
        border: 1px solid #00c287;
        padding: 15px;
        border-radius: 10px;
        color: #7c7b7c;
        font-size: 11px;
        font-weight: 500;
        width: 245px;
    }
    #child_setting_view .schedule-clock-class , #ampStartTime .schedule-clock-class, #ampStartTime_mobile .schedule-clock-class{ 
        background-color: #8080801a;
        border:solid 1px #00000017; 
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px; 
        height: 34px;
padding-top: 10px;
border-top-right-radius: 10px !important;
border-bottom-right-radius: 10px !important;
position: absolute;
float: right;
right: 0;
        margin-right: 57px;
pointer-events: none;
border: none; 
width: 34px;
border-left: 1px solid #cecece;
padding-left: 9px;
    }
    #child_setting_view .classsscheduletime, #start_engagement .classsscheduletime, #custom_option .classsscheduletime{
        padding-left: 10px !important;
        width: 203px !important;
        border: solid 1px #ccc !important;
        border-radius: 10px !important;
        border-top-left-radius: 5px !important;
        border-bottom-left-radius: 5px !important;
        color: #5b5b5b !important;
        cursor: pointer;
        font-size: 13px;
    } 
    .modal-cal{
        border:solid 1px #D8D8D8;
        height: 36px;
        padding: 12px 10px 11px 11px;
        border-top-right-radius: 7px !important;
        border-bottom-right-radius: 7px !important;
        border-left: transparent;
        background-color: #8080801a;
        width: 34px;
        border-left: transparent;
    }
    /*class calendar*/
    .x_panel_class_calendar{
        min-height: calc(100vh - 100px);
        background: white;
        width: 100%;
        display: inline-block;  
        padding-bottom: 20px;
border: 1px solid #e8e8e8;
        margin-left: 3px;
        padding: 20px;
        padding-left: 30px;
    }
    
    .x_panel_class_calendar label{
font-size: 13px;  
font-weight: 700;  
font-stretch: normal;  
font-style: normal;  
line-height: 1.88;  
letter-spacing: -0.24px;  
color: #000000;
    }
    
    .class_reg_count{
        width: 315px;  
height: 32px;  
border-radius: 10px;  
border: solid 1px #cccccc;
cursor: pointer;
    }
    .class_scheduled_list p{
font-size: 13px;  
font-weight: 500;  
font-stretch: normal;  
font-style: normal;  
line-height: normal;  
letter-spacing: 0.2px;  
color: #72879c;
/* margin-top: 8px; */
    }
    .class_scheduled_list{
        /*margin-bottom: 15px;*/
    }
    .scheduled-list{
        padding: 0 15px 15px 15px;
        max-height: 500px;
        overflow-y: auto;
    }
    
    .class_reg_count{
        text-shadow: 0.5px 0px 0px #c3c3c3;
padding-top: 5px;
padding-left: 15px;
font-size: 13px;  
font-weight: 400;  
font-stretch: normal;  
font-style: normal;  
line-height: normal;  
letter-spacing: 0.13px;  
color: #000000;
    }
    
    .sheduled_child_list ul{
       min-height: 32px; 
width: 315px;   
border-radius: 10px;  
box-shadow: 0 2px 8px 0 rgba(132, 132, 132, 0.5);  
border: solid 1px white;  
background-color: white; 
top: -2px;
    }
    .sheduled_child_list ul li{
        border-radius: 15px;
    }
    .sheduled_child_list li:hover{
/*        background: white !important;
        background-color:   white !important;*/
    }
    .class_child_list{
        cursor: pointer;
margin-top: 15px;
padding-left: 15px;
font-size: 13px;  
font-weight: 400;  
font-stretch: normal;  
font-style: normal;  
line-height: normal;  
letter-spacing: 0.13px;  
color: #000000;
    }
    .class_child_list p{
        color:#009a61;
text-shadow: 0.1px 0px 0px #c3c3c3;
    }
    .class_back_calendar{
        font-size: 12.8px;  
font-weight: 500;  
font-stretch: normal;  
font-style: normal;  
line-height: 1.88;  
letter-spacing: -0.19px;  
color: #72879c;
    }
    .ellipse_class_fr_scheduler{
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    #staff_switch_hover{
        left: -90px;
        padding: 10px 15px;
        width: 230px;
        text-align: left;
    }
    .specify_staff_settings .select_dropdown1{
        width: 100%;
        margin: 0;
        top: 0;
        background: #FFFFFF;
        border: 1px solid #CCCCCC;
        border-radius: 10px;
        padding-top: 8px;
        padding-bottom: 8px;
    }
    .specify_staff_settings .staff_list_dropdown, #Update_staff .staff_list_dropdown, #Apply_changes .staff_list_dropdown{
        overflow-y: auto;
        max-height: 150px;
        list-style-type: none;
        padding-left: 0px;
    }
    .specify_staff_settings .staff_list_dropdown .glyphicon-ok, #Update_staff .staff_list_dropdown .glyphicon-ok, #Apply_changes .staff_list_dropdown .glyphicon-ok{
        visibility: hidden;
        float: left;
    }
    .specify_staff_settings .staff_name, #Update_staff .staff_name, #Apply_changes .staff_name{
        font-weight: normal;
        font-size: 13px;
        line-height: 18px;
        font-family: 'OpenSans-SemiBold' !important;
        color: #000000;
        cursor: pointer;
        padding: 0;
    }
    .specify_staff_settings .staff_list_dropdown li a, #Update_staff .staff_list_dropdown li a, #Apply_changes .staff_list_dropdown li a{
        height: 26px;
        display: block;
        padding: 3px 0 0 11px;
    }
    .specify_staff_settings .staff_list_dropdown li a .showcurrtick, #Update_staff .staff_list_dropdown li a .showcurrtick, #Apply_changes .staff_list_dropdown li a .showcurrtick{
        color: #009a61;
        margin: 0;
    }
    #editTimesConfirmationPopup .button{
        font-family: 'OpenSans-Regular'  !important;
        font-weight: normal !important;
    }
    #staff_calender_select .datepicker.datepicker-inline{
        border-radius: 10px;
    }
    #staff_calender_select .fa-angle-right,#staff_calender_select .fa-angle-left,#staff_calender_select .table-condensed>thead>tr>th{
        color: #000000;
    }
    #staff_calender_select_modal.cstm-bs-calender thead, #calendar_staff_start_date.cstm-bs-calender thead, #calendar_staff_end_date.cstm-bs-calender thead {
        border-bottom: unset !important;
    }
    .staff_assigned_dates{
        background: #D9D9D9;
    }
    #reportExport label {
        font-family: 'OpenSans-SemiBold' !important;
        font-size:12px;
        padding-left:8.53px;
        cursor: pointer;
        font-weight: normal;
    }
    .report_staff_name {
        width:100%;
        max-width: 250px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    .font_smooth_safari{
        -webkit-font-smoothing: antialiased;
    }
    .safari_inc_weight_redu_shad{
        font-weight: 500 !important;
        text-shadow:none !important;
    }
    .safari_inc_weight{
        font-weight: 500 !important; 
    }
    
    .class_little_bold{
        text-shadow: 0.3px 0px 0px black;
    }
    
    .class_tool_tip_text{
font-size: 11px;  
font-weight: 500;  
font-stretch: normal;  
font-style: normal;  
line-height: normal;  
letter-spacing: normal;  
color: #7c7b7c;
    }
    #availability_switch_hover.safari_tip_class{
        width:268px !important;
    } 
    .safari_tip_class{
        width:260px !important;
    } 
    
    .safari_tip_class_font{
        text-shadow: 0.1px 0px 0px rgb(142, 142, 142);
    } 
    
    .disable_public_key .slider{
        background: #EDEDED !important;
cursor: not-allowed;
    }
    .disable_public_key{ 
        pointer-events: none;
        opacity: 0.5;
    }
    .disable_public_key p{
        color: #D0D0D0;
    }
    #failuremessageModal {
        z-index: 99999;
    }
    
    .firefox_center_input{
        text-align: left;
padding-left: 20px;
padding-right: 20px;
    }
    .blurimg_disabled{
        opacity: 0.2;
    }

    /*onboarding css*/

    .explore-mystudio{
        height: 45px;
        padding: 13px;
        background-color: #efefef;
        cursor:pointer;
        position:relative;
        border: 1.33871px solid #DFE3E9;
    }
    
    .BackToMyStudio-txt{
        font-size:13px;
        letter-spacing: 0.14px;
        color: #009a61;
        font-weight:600;
        padding-left:19px;
    }
    
    .BackToMyStudio-txt:hover{
        color: #009a61;
    }
    
    .setup_leftmenu_label{
        font-size: 14px;
        font-weight:600;
    }
    .setup-rightarrow-icon{
        font-size: 27px !important;
        position: absolute;
        margin-top: -3px;
        margin-left: 8px;
        color: #000000c2;
    }
    .progress-outline-setup{
        width: 203px;
        height: 6px;
        border-radius: 5px; 
        background-color: #eaeaea;
    }
    #onboard_progress_bar{
        width:13%;
        background-color: #009a61;
    }
    .Questions-setup-img{
        width:43px;
        height:43px
    } 
    .Questions-setup-label{
        line-height: 1.8;
        letter-spacing:-.2px;
        color:#525257;
        font-size:13px;
        padding-left:8px;
    }
    .Questions-setup-text{
        color:#009a61;
        letter-spacing:-0.2px;
        cursor:pointer;
        
    }
    .Questions-setup{
        display: flex;
        margin-top: 5px;
        margin-bottom:33px;
    } 
    .custom-checkbox-label{
        margin-top: 2px;
        padding-left: 25px !important;
        color: black;
        font-size: 15px !important;
        pointer-events: none;
    }
    .setup-leftarrow-icon{
        color: black;
        position: absolute;
        margin-top: -5px;
        font-size:27px !important;
    }
    .back-txt{
        font-size: 15px;
        color: #000000; 
        font-weight: 700;
        margin-left:19px;
    }
    .back-txt:hover{
        color: #000000;
    }
    .BackToBusinessProfile{
        cursor:pointer;
        padding:0px 0px 25px 0px;
    }
    
    
    /*onboard deepz*/  
    .new_retail_text label{
          font-size: 12.8px;
          font-weight: 600;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: 0.12px;
          color: #000000;
    }
    .retail_url_new{
        width: 180px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .new_retail_switch_status .slider::before {
        height: 18px;
        width: 17px;
        left: 2px;
        top: 1px;
    }
    .new_retail_switch_status .switch{
        height: 20px;
    }
    
    .retail_confirmation_text{
      font-size: 28px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      color: #000000;
    }
    
    .retail_confirmation_btn{
        width: 203px;
          height: 56px;
          border-radius: 10px;
          box-shadow: 0 2px 9px 0 rgba(177, 177, 177, 0.5);
          background-color: #ffffff;
    }
    
    .retail_confirmation_btn_txt{
        text-align: center;
        padding-top: 17px;
          font-size: 15px;
          font-weight: 600;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: normal;
          text-align: center;
          color: #009a61;
          cursor: pointer
    }
    
    .newonboardboxes .onboardcheckboxes{
        list-style: none;
        padding: 0;
    }
    .onboardcheckboxes li{
        height: 30px;
        padding-left: 15px;
        display: flex;
        padding-top: 5px;
        margin-bottom: 13px;
    }
    .onboardcheckboxes li label{
          font-size: 15.5px;
          font-weight: 600;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: normal;
          color: #bdbdbd;
          margin-top: -2px;
        margin-left: 10px;
    }
    .onboardcheckboxes li .onboard_checkboxes{
            width: 17px;
          height: 17px;
          opacity: 0.59;
          border-radius: 3px;
          border: solid 1px #979797;
    }
    .onboardcheckboxes li .fa-check{
        font-size: 15px; 
        position: absolute;
    }
    
    .newonboardboxes .onB_retailback{
        position: absolute;
        font-size: 14px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 0.16px;
        color: #000000;
        margin-top: -40px;
        margin-left: 15px;
    }
    
    .active_onB_retail{
        border-right: 5px solid green;
    }
    .active_onB_retail label{
        color: black !important;
    }
    /*onbloard retail tool tip custom*/
    a.tip {
    position: relative;
    }

    a.tip span{
        display: block;
        position: absolute;
        top: -20px;
        left: 90px;
        width: 110px;
        padding: 0px;
        z-index: 100;
        background: #407fc8;
        color: #fff;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        height: 27px; 
        padding-top: 4px;
      font-size: 13px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: 0.21px;
      text-align: center;
      color: #ffffff;
      box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.5);
    }
    a.tip span:before{
        content: '';
        display: block;
        width: 0;
        height: 0;
        position: absolute;
        border-top: 15px solid transparent;
        border-bottom: 11px solid transparent;
        border-left: 20px solid #407fc8;
        left: 108px;
        top: 0px;
    } 
    #addnewretail-modal a.tip span:before{
        left: 307px !important;
    }
    
    .onBret_toolbox{
        position: absolute;
        margin-right: 25px;
        right: 308px;
        top: -10px;
        width: 320px;
        background: #407fc8;
        color: white;
        border-radius: 10px;
        padding: 10px;
        font-size: 14px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #fff;
        box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.5);
    }
    
    #selectproductoption-modal a.tip span:before{
        left: 192px !important;
    }
    
    .onboard_tooltip_cat a.tip span::before{
        border-left: none !important;
        border-right: 20px solid #407fc8 !important;
        left: -17px !important;
    }
    .onBcat_success{
        width: 263px;  
height: 56px;  
border-radius: 10px;  
background-color: #009a61;
      font-size: 14px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      text-align: center;
      color: #ffffff;
      padding-top: 17px;
        margin-top: 30px;
        cursor: pointer;
    }
    
    .onBstore_prev_img1{
        position: absolute;
        margin-left: 325px;
        margin-top: 60px;
        width:45px;
height: 45px;
    }
    
    .onBimghead{
          font-size: 14px;
          font-weight: 600;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: normal;
          color: #000000;
          position: absolute;
          margin-left: 323px;
        margin-top: 5px;
    }
    
    .onBverticalimg{
        margin-left: 640px;
        display: flex;
        position: absolute;
    }
    .onBverticalimg span{
      font-size: 11px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      color: #4a4a4a; 
        margin-top: 2px;
    }
    
    .onB_add_retail_content{
        padding-left: 40px;
        margin-top: 20px;
    }
    
    .onB_content_width{
        width: 80% !important;
    }
    .new_help_icons{
     cursor:pointer;
position: absolute;
right: 257px;
top: 10px;
width: 25px;
    }
    
    
    /*campaign rework css*/
    .campaign_main_content{
        margin-top: 27px !important;
margin-left: -5px !important;
    }
    
    #DataTables_Table_custom_campaign_1_filter{
        top: -43px;
    }
    .campaign_switchs .slider{
        height: 18px !important;
    }
    .campaign_switchs .slider::before{
        height: 14px !important;
    }
    #DataTables_Table_custom_campaign_1 .template_email_text{
        font-size: 12px !important;
    }
    #DataTables_Table_custom_campaign_1 .template_name{
        max-width: 350px !important;
    }
    .item1,.item2,.item3{
        height: 115px !important; 
    }
    .item3{
        width: 150px !important;
    }
    .cstm-switch .slider{
        background-color: #4a4a4a;
    }
    .cstm-bkgrnd-switch .slider{
        background-color: #009a61;
    }
    .cstm-bkgrnd-switch input:checked + .slider {
        background-color: #eabc06;
    }
    .automation:hover .automation-dropdown{
        display : block !important; 
    }
    .cdhometab{
        top: 40px!important ;
        left: 45px!important;
        width: 40px!important;
    }
    .cdhomeimge{
        margin-top: -36px!important;
        height: 120px!important;
        width: 100%!important;
    }
    .cd_desc{
        font-size:18px;
        font-weight: 500!important;
        margin-top: 25px;
    }
    .cd_left_right_dir{
        font-size: 37px;
        color:#696969;
        padding: 0px;
        position: inherit;
        left: 24px;
        top: 31px;
    }
    .cd_down_arrow{
       width:304px;
       height:120px;
       margin-top: -50px; 
    }
     /*For tablet view*/
    @media 
    only screen
    and (min-width : 700px) and (max-width : 1024px) {
        .cd_desc{
            font-size:15px;
        }
        .cd_left_right_dir{
            left: 29px;
        }
        .cd_down_arrow{
            margin-top: -36px;
        }
        /* .form_body {
            grid-template-columns: 35% auto !important;
        } */
        /* .edit_btn {
            left: 35% !important;
        } */
        /* .amplify_ul { */
            /* width: 39% !important;
            left: 35% !important;
        } */
        
    }
    
    /*//deepz onbaord*/
    .ret_onb_link{
        height: 16px;
        margin-left: 15px;
        margin-top: 12px;
        position: absolute;
    }
    .toottip-top{
        top: -5px !important;
    }
    
    
    /*onboard feadback*/
    .newslipandcont{
    font-size: 14px !important;
    font-weight: 500 !important;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #585858 !important;
    margin-top: 10px !important;
    margin-left: 40px !important;
    }
    /*trial campaign */
    @media only screen and (max-width:1440px){
        .cstm-attendance-font{
            font-size: 11px !important
        }
    }
    .rhs-date-picker{
            display: inline-flex;
            margin-left: 10px;
    }
    .rhs-date-picker-css{
        width: 48%;
        padding: 5px 10px;
        border: solid 1px #9b9b9b6e;
        box-shadow: 0 1px 2px #ddd;
        border-radius: 5px;
    }
    
    
    
    
    /*new whitelabel css -deepz*/
    #new_google_box{
      margin-top: 50px;  
    }
    
    #new_ios_box,#new_google_box{
        box-shadow: 0 2px 3px 0 rgba(184,184,184,.5);
        border: solid .5px #efefef;
        margin-left: 50px;
        margin-right: 50px;
        padding-top: 15px;
        padding-bottom: 20px;
    }
    
    .newsubmitWL{
        margin-top: 20px;
    }
    
    
    /*deepz new whitelabel*/
    #wl_new_spin .spinner-loader-full:not(:required){
        box-shadow: #dbdbdb 1.5em 0 0 0,#cecece 1.1em 1.1em 0 0,#bbb 0 1.5em 0 0,#a4a4a4 -1.1em 1.1em 0 0,#848484 -1.5em 0 0 0,#6c6c6c -1.1em -1.1em 0 0,#4a4a4a 0 -1.5em 0 0,#595959 1.1em -1.1em 0 0 !important;
    }
    #wl_new_spin .spinner-loader-full{
        margin-left: 9%;
        position: inherit;
        font-size: 13px;
    }  
    
    .trialsidemenu .cstm-sidebat-txt-new {
        margin-bottom: 2px !important;
        font-weight: 500;
        text-shadow:none;
    }
    
    .leadsidemenu .cstm-sidebat-txt-new {
        margin-bottom: 2px !important;
        font-weight: 500;
        text-shadow:none;
    }
    
    .retail-side-menu .cstm-sidebat-txt-new {
    font-weight: 500;
    text-shadow:none;
    }
    
    /*new user access level - deepz*/
    
    .new_ual_blurtxt{
        color:#ABAFB6;
        margin-left: 5px;
        font-size: 12px;
    }
    
    .new_ual_settings input[type=checkbox]{
        /* Double-sized Checkboxes */
        -ms-transform: scale(1.2); /* IE */
        -moz-transform: scale(1.2); /* FF */
        -webkit-transform: scale(1.2); /* Safari and Chrome */
        -o-transform: scale(1.2); /* Opera */
        padding: 10px;
        margin-top: 9px;
    }
    
    .new_ual_child{
        margin-top: 7px;
        font-size: 14px;
        margin-left: 15px;
        font-weight: 500;
    }

    /*App and website Customization starts*/
    .square-switch .switch {
        position: relative;
        display: inline-block;
        width: 60px;
        min-width: 60px;
        height: 27px;
        cursor:pointer;
    }
    .square-switch .slide {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #f7d44c;
        -webkit-transition: .4s;
        transition: .4s;
    }

    .square-switch .slide:before {
        position: absolute;
        content: "";
        height: 23px;
        width: 25px;
        left: 3px;
        bottom: 4px;
        top: 2px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

    .square-switch input:checked + .slide {
        background-color: #009a61;
    }

    /* .square-switch input:focus + .slide {
        box-shadow: 0 0 1px #2196F3;
    } */

    .square-switch input:checked + .slide:before {
        -webkit-transform: translateX(26px);
        -ms-transform: translateX(26px);
        transform: translateX(30px);
    }

    /* Rounded sliders */
    .square-switch .slide.round {
        border-radius: 10px;
    }

    .square-switch .slide.round:before {
        border-radius: 7px;
    }


    .square-switc .switch 
    {
        position: relative; 
        display: inline-block; 
        width: 53px; 
        height: 24px; 
        cursor:pointer; 
    } 
    .square-switc .slider 
    { position: absolute;
      top: 0; 
      left: 0; 
      right: 0; 
      bottom: 0; 
      background-color: #f7d44c; 
      -webkit-transition: .4s; 
      transition: .4s; 
    } 
    .square-switc .slider:before 
    {
        position: absolute; 
        content: "";
        height: 20px; 
        width: 22px; 
        left: 2px; 
        bottom: 0%; 
        top: 2px; background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
        border:2px solid transparent;
        right:2px;
        box-shadow: 0px 2px 4px rgba(181, 181, 181, 0.5) !important;
    } 
    .square-switc input:checked + .slider { background-color: #009a61; } 
    .square-switc input:focus + .slider { box-shadow: 0 0 1px #2196F3; } 
    .square-switc input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(30px); } 
    /* Rounded slides */ 
    .square-switc .slider.round { border-radius: 10px; } 
    .square-switc .slider.round:before { border-radius: 10px; } 
    .disable input[type="checkbox"].slide:not(:checked){
        background-color: #b3b1b1 !important;
        box-shadow: 0 2px 4px 0 rgba(181, 181, 181, 0.5);
    }
    .off-txt, .on-txt{
        display: block;
        position: relative;
        z-index: 1;
        font-weight: 600;
        font-size: 12px;
        width: 25px;
        pointer-events: none;
    }
    .off-txt{
        top: -15px;
        right: -31px;
        color: white;
    }
    .on-txt{
        top: -15px;
        left:7px;
        color: white;
    }
.publish-button{
        /*font-weight: 600;*/
        background-color:#009a61;
        color:white;
        border-radius:7px;
        float:right;
        margin-left:10px;
        border:none;
        font-size: 15px;
    }
    .preview-button{
        /*font-weight: 600;*/
        border:1px solid;
        border-color:#3db186;
        color:#079d65;
        border-radius:7px;
        float:right;
        background-color: #f7f7f7;
        font-size: 15px;
    }
    .publish-preview{
        min-height: auto;
        line-height: normal;
        height: 30px;
        margin: 5px;
        font-weight: 500;
        /*letter-spacing: 0.5px;*/
        box-shadow: rgba(181, 181, 181, 0.5) 0px 2px 7px 0px;
    }
    .new_modal_title{
        text-align:center;
        color:black;
        font-weight: 600;
        padding-top:7px;
    }
    .colorpalattestyle{
        width:48px;
        height:48px;
        border-radius:5px;
        margin-right:25px;
        margin-left:10px;
        /*box-shadow: rgba(181, 181, 181, 0.5) 0px 2px 7px 0px;*/
    }
    .drop_down{
        border-top: 7px dashed;
        border-right: 7px solid transparent;
        border-left: 7px solid transparent;
        float: right;
        margin-top: 6px;
    }
    .drop_up{
        border-top: 7px dashed;
        border-right: 7px solid transparent;
        border-left: 7px solid transparent;
        float: right;
        margin-top: 6px;
        transform: rotate(180deg)
    }
    #colorScheme input[type=radio]{
        visibility: hidden;
        position: absolute;
    }
    #colorScheme input[type=radio] + label:before{
        height:40px;
        width:40px;
        content: " ";
        display:inline-block;
        vertical-align: baseline;
        cursor:pointer;
    }
    #colorScheme input[type=radio]:checked + label:before{
        background:#b3b1b1;
        border:2px solid #555555;
        background-color:transparent;
        height:58px;
        width:58px;
        border-radius:5px;
        margin-left:-15px;
        margin-top:-5px;
    }
    #colorScheme .row{
        /*padding:10px 0 0;*/
    }
    #members_portal h2 , #website_portal h2{
/*        color: #b3b1b1;
        margin: 10px 0px 7px 0px;
        font-size: 13px;
        letter-spacing: 0.43px;*/
        height: 18px;
        left: 0%;
        right: 30.51%;
        top: calc(50% - 18px/2 - 16px);
        font-style: normal;
        font-weight: 600;
        font-size: 12px;
        letter-spacing: 0.0880208px;
        line-height: 18px;
        color: #B3B1B1;
    }
    
    #members_portal h3 , #website_portal h3{
        height: 18px;
        left: 4.2%;
        right: 83.57%;
        top: calc(50% - 18px/2 - 136px);
        font-style: normal;
        font-weight: 600;
        font-size: 12px;
        line-height: 18px;
        display: flex;
        align-items: center;
        letter-spacing: 0.0880208px;
        color: #000000;
    }
    .MemberPortal .delete-icon{
        width: 15px;
        margin: 5px 3px 0px 4px;
        /*cursor:pointer;*/
    }
    .MemberPortal .edit-icon{
        width: 15px;
        margin: 6px 10px 5px 0px;
        cursor:pointer;
    }
    .MemberPortal .file_upload {
        opacity: 0.0;

        /* IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

        /* IE 5-7 */
        filter: alpha(opacity=0);

        /* Netscape or and older firefox browsers */
        -moz-opacity: 0.0;

        /* older Safari browsers */
        -khtml-opacity: 0.0;

        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        height:100%;
        cursor:pointer;
    }
    .full-ip-shadow{
        border: none;
        box-shadow: rgba(181, 181, 181, 0.5) 0px 2px 7px 0px;
        border-radius: 10px;
        height: 35px;
        padding: 10px;
        background-color: white;
        color:black;
    }
    div[textarea-id="about-text"] .wysiwyg-btn-group-margin{
        display:none;
    }
    #about-text.wysiwyg-textarea{
        resize:none !important;
        height: 165px !important;
        border:none;
        width:100% !important;
        background-color: white;
        box-shadow: rgba(181, 181, 181, 0.5) 0px 2px 7px 0px;
        border-radius: 10px;
        padding: 10px;
        color: #5c5c5c;
        font-size: 15px;
        font-weight:500;
    }
    #about-text.wysiwyg-textarea:focus{
        box-shadow: rgba(181, 181, 181, 0.5) 0px 2px 7px 0px !important;
    }
    .cover-image{
        padding: 15px;
        background-position: 50% 50%; 
        background-size: cover;
        background-repeat: no-repeat;
        width: 100%;
        position: relative;
    }
    .controlBar{
        /*width:210%;*/
        border-top:1px solid #d1d1d1;
        border-left:1px solid #d1d1d1;
        border-right:1px solid #d1d1d1;
        border-top-left-radius:10px;
        border-top-right-radius: 10px;
        padding:10px 15px;
        background-color:white;
        color:black;
        font-weight:bold;
        border-bottom: 1px solid #d1d1d1;
    }
    .controlSubBar{
        margin-top:0px;
        padding:20px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        /*width:210%;*/
        border-bottom:1px solid #d1d1d1;
        border-left:1px solid #d1d1d1;
        border-right:1px solid #d1d1d1;
    }
    .icon-text{
        font-size: 11px;
    }
    .modal-title1{
        text-align:center;
        color:black;
    }
    .que_icon{
        width:13px;
        margin-bottom:4px;
        margin-left:8px;
        height:13px;
        cursor:pointer;
    }
    .exceed-length{
        color: #c2261f !important;
        font-weight:600;
    }
    .search_disable{
        pointer-events: none;
        opacity:0.5;
    }
    .dark_red{
        background-color:#d05a18;
    }
    .black{
        background-color:#5b5b5b;
    }
    .mustard{
        background-color:#e4bb0c;
    }
    .background_green{
        background-color:#009a61;
    }
    .blue{
        background-color:#20639b;
    }
    .violet{
        background-color:#6859a8;
    }
    .maroon{
        background-color:#c2261f;
    }
    .white{
        background-color: white;
    }
    #imageGallery .card{
        padding:0px;
    }
    .action-btns{
        cursor:pointer;
    }
    #imageGallery .action-btns .coll{
        border-right:1px solid rgba(181, 181, 181, 0.5);
        padding-left:22px;
        padding-bottom:8px;
        cursor: pointer;
    }
    #imageGallery .card.img-upload-preview{
        height: 100px;
        box-shadow: rgba(181,181,181,.5) 0 2px 7px 0;
        border-radius: 10px;
        margin: 10px 4px;
        background-color: #fff;
        width: 100px;
    }
    button:disabled {
        opacity:0.5;
        pointer-events: none;
    }
    /*App and website Customization Ends*/
    
    .buyer-confirm-modal .custom-modal-white-button{ 
        width: 100%;
        border: none;
        margin: 0;
        background-color: #fff;
        color: #009a61;
        border-bottom: 1px solid #c5c5c5;
        box-shadow: none;
    }
    .buyer-confirm-modal p{
        margin-top: 15px;
        margin-bottom: 20px;
        font-size: 16px;
        font-weight: 550;
    }
    .buyer-confirm-modal .modal-content{
        width: 300px;
        font-size: 16px;
        font-weight: 500;
    }
    
    
    table.dataTable.row-border1 tbody th,table.dataTable.row-border1 tbody td,table.dataTable.display tbody th,table.dataTable.display tbody td
    {
        border-top:1px solid #ddd
    }
    table.dataTable.row-border1 tbody tr:first-child th,table.dataTable.row-border1 tbody tr:first-child td,table.dataTable.display tbody tr:first-child th,table.dataTable.display tbody tr:first-child td
    {
border-top:none
}
    #DataTables_Table_7_wrapper.dataTables_wrapper.no-footer div.dataTables_scrollHead
    {
        border-bottom :1px solid #ddd!important;
    }
    .dataTables_scrollHead table.row-border1.dataTable thead .sorting,#allcustomersTabContent .dataTables_scrollHead table.row-border1.dataTable thead .sorting_desc,#allcustomersTabContent .dataTables_scrollHead table.row-border1.dataTable thead .sorting_asc{
        background-image:url(ecff9720316d5600f0300b8ab78ecd7c.png);
        color:black;
        background-position: 95% 50%;
        background-size : 10px 10px;
        font-size: 14px;
        font-weight: 600;
    }
    .safari .dataTables_scrollHead table.row-border1.dataTable thead .sorting,.safari #allcustomersTabContent .dataTables_scrollHead table.row-border1.dataTable thead .sorting_desc,.safari #allcustomersTabContent .dataTables_scrollHead table.row-border1.dataTable thead .sorting_asc{
        background-position: 95% 50%;
    }
    table#DataTables_Table_7.dataTable.display tbody tr.odd,table#DataTables_Table_7.dataTable.display tbody tr > .sorting_1{
        background-color: #ffffff;
    }
    .table#DataTables_Table_7 > thead > tr > th
    {
        padding:0px;
    }
    #DataTables_Table_7_filter.dataTables_filter label,#DataTables_Table_71_filter.dataTables_filter label
    ,#DataTables_Table_711_filter.dataTables_filter label,#DataTables_Table_711_filter.dataTables_filter label,
    #DataTables_Table_7111_filter.dataTables_filter label,#DataTables_Table_71111_filter.dataTables_filter label{
        border-radius: 5px;
        box-shadow: 0 2px 4px 0 rgba(108, 107, 107, 0.5);
        background-color: #ffffff;
        width: 375px;
        height: 36px;
        font-size: 13px;
        font-weight: 800;
        letter-spacing: 0.13px;
        color: #999999;
    }
    #DataTables_Table_7_filter.dataTables_filter label input,#DataTables_Table_71_filter.dataTables_filter label input
    ,#DataTables_Table_711_filter.dataTables_filter label input,#DataTables_Table_7111_filter.dataTables_filter label input
    ,#DataTables_Table_71111_filter.dataTables_filter label input{
        border: transparent;
        text-align: left;
        display: block;
        width: 240px;
        height: 36px;
        margin-left: 2.5em;
    }
    #DataTables_Table_7_filter.dataTables_filter label i,#DataTables_Table_71_filter.dataTables_filter label i
    ,#DataTables_Table_711_filter.dataTables_filter label i,#DataTables_Table_7111_filter.dataTables_filter label i
    ,#DataTables_Table_71111_filter.dataTables_filter label i{
        display: block;
        top: 10px;
        position: absolute;
        left: 15px;
    }
    #DataTables_Table_7_filter,#DataTables_Table_71_filter,#DataTables_Table_711_filter,#DataTables_Table_7111_filter,#DataTables_Table_71111_filter{
        left: 10px;
    }
   
    .new_home_col1{
        min-width: 150px; 
        max-width: 150px; 
        padding: 10px!important; 
    }
    .new_home_col2{
        min-width: 100px; 
        max-width: 100px; 
        text-align: center;
        padding: 10px!important;
    }
    .new_home_col3{
        min-width: 160px; 
        max-width: 160px; 
        padding: 10px!important; 
    }
    .new_home_col3_text_center{
        min-width: 160px; 
        max-width: 160px; 
        text-align: center;
        padding: 10px!important; 
    }
    .new_home_col6{
        min-width: 120px; 
        max-width: 120px; 
        text-align: center;
        padding: 10px!important;
    }
    .new_home_col4{
        min-width: 114px; 
        max-width: 114px; 
        text-align: center;
        padding: 10px!important;
    }

    .new_home_col5{
        min-width: 90px;
                max-width: 200px;
                text-align: center;
        padding: 10px !important;
    }

    td.new_home_col1{
        min-width: 150px; 
        max-width: 150px; 
        padding: 10px!important;
    }
    td.new_home_col2{
        min-width: 100px; 
        max-width: 100px; 
        padding: 10px!important;
    }
    td.new_home_col3{
        min-width: 160px; 
        max-width: 160px; 
        text-align: center;
        padding: 10px!important; 
    }
    td.new_home_col6{
        min-width: 120px; 
        max-width: 120px; 
        padding: 10px!important;
    }
    td.new_home_col4{
        min-width: 110px; 
        max-width: 110px; 
        padding: 10px!important;
    }

    td.new_home_col5{
        min-width: 90px;
                max-width: 200px;
                padding: 10px !important;
    }
    td.new_home_col6{
        min-width: 90px; 
        max-width: 90px; 
        padding: 10px !important;
    }
/*    table.row-border1.dataTable thead .sorting.member_name{
       background-position: 65%;
    }*/
    table.row-border1.dataTable thead .sorting_disabled{
        color:black;
        font-size: 14px;
        font-weight: 600;
    }
    .new_home_modal .modal-body{
        padding:0px;
    }
    .new_home_modal p{
        padding:10px;
        font-size: 16.7px;
        font-weight: 500;
        line-height: 1.47;
        letter-spacing: -0.25px;
        text-align: center;
    }
    .new_home_modal .modal-content{
        border-radius: 11.3px;
    }
    #disablecancel, #enablecancel {
        border-radius: 0 0 11.3px 11.3px !important;
    }
    .new_home_modal .green-button{
        border-radius: 0px;
        background: white;
        color: #009a61;
        font-weight: 600;
        border: solid 1px #dcdcdc;
        height:63px;
    }
    .new_home_modal .modal-body > .green-button + .green-button,.new_home_modal .custom-modal-button + .custom-modal-button{
        margin-top:0px;
        border-radius: 0 0 11.3px 11.3px;
        border-top: transparent;
    }
   
    /*NEW CLASS FOR MY CUSTOMER SCREENS*/

    .customer_info_content{
        padding:10px;
        color:#000000 !important;
    }
    .customer_info_content h1{
        font-weight: 800;
        font-size: 24px;
    }
    .customer_info_content h2{
        font-weight: 600;
        font-size: 16px;
    }
    .customer_info_content label{
        font-weight: 400;
        font-size : 12px;
        padding: 0px 15px;
        margin-bottom: 0px;
        color: #999999;
    }
    .customer_info_content p{
        margin: 0;
        font-size: 13px;
        font-weight: 600;
        padding: 0px 15px;
    }
    .customer_info_content hr{
        margin: 5px 0;
        border-bottom: solid 1px #dee2e6;
        border-top: transparent;
    }
    .hr_greybg{
        border: 1px solid #f0f0f0;
        margin-top: 10px;
    }
    .green_link{
        color:#009a61 !important;
        cursor:pointer !important;
    }
    .customer_info__card{
        background: #ffffff;
        padding:0px;
        border-radius: 5px;
        border: 1px solid #efefef;
        box-shadow: 0 2px 6px 0 rgba(97, 97, 97, 0.5);
    }
    .customer_info_card h2{
        margin-bottom:5px;
    }
    .mcustomer_info_card a{
        font-weight: 500;
    }
/*    .memberPortalaccessimg{
        background-image:url("../image/portal_account_enabled.png");
        color:black;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position: 50px 150px;
        
    }*/
     .buyer_header_img{
        width: 28px;
        height: 28px;
        object-fit: contain;
        margin-left: 10px;
    }
    .allcustomer_header{
        font-size: 18px;
        color: black;
        margin: 10px 0px;
        font-weight: 600;
    }
    .txt-ellipsis{
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    .allcustomer_pastdue{
        margin: 10px 0px;
        color: black;
        font-size: 12px;
    }
    .allcustomer_text{
        color: #999999;
        font-size: 10px;
        letter-spacing: 0.11px;
    }
    .allcustomer_btext{
        color: black;
    }
    .dob-modal .date-dropdowns{
        display: flex;
    }
    .dob-modal .custom-modal-button,.cstm-buyer-model .custom-modal-button{
        font-weight: 600;
        border-radius: 0px;
         height: 63px;
    }
    .dob-modal p{
        margin-top: 15px;
        margin-bottom: 20px;
        font-size: 16px;
        font-weight: 550;
    }
    .dob-modal .modal-content{
        width: 300px;
        font-size: 16px;
        font-weight: 500;
    }
    .dob-modal .date-dropdowns select,#editparticipantmodal .date-dropdowns select {
        width: 30%;
        height: 48px !important;
        border-radius: 4.2px;
        box-shadow: 0 2px 7px 0 rgba(157, 157, 157, 0.5);
        background-color: #f4f6f8;
        -moz-appearance: none;
        -webkit-appearance: none;
        margin-right: 10px;
        padding: 7px;
        background-image: url(f02e9f7b8984130c2b557895fed52e2a.png);
        background-position: 90% 21px;
        background-position-x: 90%;
        background-position-y: 21px;
        background-repeat: no-repeat;
        background-size: 15px 10px;
        border: none;
    }
    .dob-modal .date-dropdowns select .dob_month{
        margin-left: 8px;
    }
    .membeportalmodal,.membeportalmodal .modal-content{
        width: 320px;
    }
    .portal-access{
        height: 52px;
        border-radius: 10px;
        box-shadow: 0 2px 7px 0 rgba(135, 135, 135, 0.5);
        background-color: #ffffff;
        font-size: 16px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: 500;
    }
    #allcustomer_dob_date .date-dropdowns{
        margin-left: 10px;
    }
    .action-icons-top-home img{
        width: 30px;
        margin: 0px 10px;
    }
    .img-contanier{
        height: 75px;
        justify-content: center;
        display: flex;
        align-items: center;
    }
    .text-contanier{
        font-weight: 800 !important;
        font-size: 12.35px !important;
        letter-spacing: 0.411667px !important;
        line-height: 17px !important;
    }
    .text-contanier b{
        font-weight: 600 !important;
    }
    .img-content-css{
        width: 40px;
        height: 32px;
        object-fit: contain;
        margin-top: 15px;
    }
    .buyer_header_image{
        width: 45px;
        height: 35px;
        object-fit: contain;
    }
    #memberPortalModal p{
        font-weight: 500;
    }
    .border_bottom_radius{
        border-bottom-left-radius: 10px !important;
        border-bottom-right-radius: 10px !important;   
    }
    .b10{
        border-radius: 10px !important;
    }

    /*NEW CLASS FOR MY CUSTOMER SCREENS*/
    
    .class_scheduler_search_magnifier_icon{
        background-image: url(4a0c03582c21ab076924b769f5b5ce72.png);
        background-position: 10px center;
        background-repeat: no-repeat;
        padding: 5px 5px 5px 10px;
        text-indent: 23px;
        background-size: 16px 16px;
        font-family: OpenSans-Regular !important;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #464646;
        padding-top: 7px;
        width: 371px;
        height: 34px;
        box-shadow: 0 2px 5px 0 rgba(132, 132, 132, 0.5);
        border: none;
        border-radius: 6px;
        margin-left: 0px;
    }
    #search_participant_input .class_scheduler_search_magnifier_icon::placeholder{
        text-transform: none !important;
    }
    .class_scheduler_search{
       left: 0px;
    }
     #search_participants_listing input[disabled]{
         background-color: grey;
    } 
    .class_search_filter{
        height: 34px;
        width: 160px;
        background: white; 
        box-shadow: 0 2px 5px 0 rgba(132, 132, 132, 0.5);
        border: none;
        border-radius: 6px;
        text-align: center;
    }
    .class_search_text {
        font-size: 14.5px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 0.13px;
        color: #484848;
    }

    .class_search_btn{
        margin-left: 15px;
        width: 80px;
        height: 34px;
        background: white;
        box-shadow: 0 2px 5px 0 rgba(132, 132, 132, 0.5) !important;
        border: none;
        border-radius: 6px;
    }
    .class_search_box{
       border-radius: 6px; 
width: 150px;
height: 34px;
background: white;
padding-top: 10px;
box-shadow: 0 2px 5px 0 rgba(132, 132, 132, 0.5);
border: none;
    }
    .class_drop_down_list{
        border-radius: 6px; 
width: 150px;
height: 34px; 
cursor: pointer;
margin-top: 15px;
padding-left: 15px;
font-size: 13px;  
font-weight: 400;  
font-stretch: normal;  
font-style: normal;  
line-height: normal;  
letter-spacing: 0.13px;
    }
    .class_drop_down_main{
        cursor: pointer;
padding-left: 15px;
font-size: 13px;  
font-weight: 400;  
font-stretch: normal;  
font-style: normal;  
line-height: normal;  
letter-spacing: 0.13px;
    }
    .staff_report_dropdown_input {
        font-family: 'OpenSans-Regular' !important;
        font-size: 14px !important;
        font-weight: normal;
        line-height: 19.7px;
    }
    #DataTables_Table_class_search_participant_filter{
       display: none; 
    }
    .location_class_dot{
        max-width: 100px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .class_datatable_btn{
        margin-left: 15px;
        width: 120px;
        height: 31px;
        background: white;
        box-shadow: 0 2px 5px 0 rgba(132, 132, 132, 0.5) !important;
        border: none;
        border-radius: 6px;
        color: #000000;
    }

    /*franchise - deepz*/
    #franchise_body{
background: white;
height: calc(100vh - 100px);
padding: 20px;
margin-top: -2px;
margin-right: 2px;
}
    .new_franc_box{
        width: 200px;
height: 40px;
background: white;
padding-top: 10px;
box-shadow: 0 2px 5px 0 rgba(132, 132, 132, 0.5);
border: none;
    }
    .franch_header{
display: flex
}
    
    .franc_body_card .franc_body_card_tile{
        height: 200px;
        background: white; 
        box-shadow: 0 2px 5px 0 rgba(132, 132, 132, 0.5);
        border: none;
        width: 100%;
        border-radius: 10px;
    }
    .franc_text{
        font-size: 14.5px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 0.13px;
        color: #484848; 
    }
    .franc_body_card_tile .franc_body_card_tile_tile{
        height: 25%;
border-bottom: 2px solid #eae8e8;
padding-top: 15px;
    }
    .franc_body_card_tile_tile_head{
        color: #009a61;
    }
    .franc_body_card_tile_tile .col-md-9{
        padding-left: 15px;
    }
    .franc_body_card_tile_tile .col-md-3{
        padding-right: 15px;
    }
    
    .franc_dashboard_accounts{
        min-height: 40px;
        background: white; 
        box-shadow: 0 2px 5px 0 rgba(132, 132, 132, 0.5);
        border: none;
        width: 100%;
        border-radius: 10px;
        padding-bottom: 0px;
    }
    
    .franch_accounts_table_cell{
        width: 90%;
        padding-right: 5px;
    }
    .franch_accounts_table_cell .col-md-2{
        padding-top: 10px;
        text-align: center;
    }
    
    .franc_accounts_submenu{
        width: 250px;
        display: flex;
        padding-top: 10px;
        padding-left: 12px;
    }
    
    .franc_child_indent_plus::before , .franc_indent_plus::before{
        content: "\2b";
        font-size: 18px;
        color: #fff;
        border: 2px solid #fff;
        border-radius: 20px;
        box-shadow: 0 0 3px #444;
        box-sizing: content-box;
        text-align: center;
        font-family: 'Courier New',Courier,monospace;
        background-color: #059f62;
        line-height: .6;
        padding: 3px;
        display: inline-block;
        cursor: pointer
    }
    
    .franc_child_indent_minus::before , .franc_indent_minus::before{
        content: "\2212";
        font-size: 18px;
        color: #fff;
        border: 2px solid #fff;
        border-radius: 20px;
        box-shadow: 0 0 3px #444;
        box-sizing: content-box;
        text-align: center;
        font-family: 'Courier New',Courier,monospace;
        background-color: #8b0000;
        line-height: .6;
        padding: 3px;
        display: inline-block;
    }
    
    .franc_accounts_parent .franc_accounts_child{
        position: absolute; 
top: -9999px; 
left: -9999px;
    }
    .override_franch_acc_child .franc_accounts_child{
        position: inherit;
    }
    
    .franc_dash_filter{
        width: 120px;
        height: 40px;
        background: white; 
        box-shadow: 0 2px 5px 0 rgba(132, 132, 132, 0.5);
        border: none;
        border-radius: 10px;
        text-align: center;
    }
    
    .franc_dash_filter::-webkit-input-placeholder {
       text-align: center;
    }

    .franc_dash_filter:-moz-placeholder { /* Firefox 18- */
       text-align: center;  
    }

    .franc_dash_filter::-moz-placeholder {  /* Firefox 19+ */
       text-align: center;  
    }

    .franc_dash_filter:-ms-input-placeholder {  
       text-align: center; 
    }
    
    .franchise_loading { 
        display: inline-block;
        width: 15px;
        height: 15px;
        border: 3px solid #6f6868;
            border-top-color: rgb(111, 104, 104);
        border-radius: 50%;
        border-top-color: #fff;
        animation: spin 1s ease-in-out infinite;
        -webkit-animation: spin 1s ease-in-out infinite;
        margin-top: 3px;
    }

    @keyframes spin {
      to { 
-webkit-transform: rotate(360deg); 
}
    }
    @-webkit-keyframes spin {
      to { 
-webkit-transform: rotate(360deg); 
}
    }
      
    .franchise_disabled label{
        color: #b9b6b6 !important; 
    }
    .franchise_disabled{
        pointer-events: none !important; 
        border:none !important;
    }
    .franc_active label{
        color: #009a61 !important;
        font-weight: 600 !important;
    }
    .franc_active{
        border-right: 5px solid #009a61 !important; 
    }
    
    #DataTables_Table_franchiseaccounts_wrapper td.home_col{
        padding-left: 17px !important;
    }
    #payment_DataTables_Table_1_filter{
        display: none;
    }
    #payout_DataTables_Table_1_filter{
        display: none;
    }
    .franc_btn{
        margin-left: 15px;
        width: 120px;
        height: 40px;
        background: white;
        box-shadow: 0 2px 5px 0 rgba(132, 132, 132, 0.5) !important;
        border: none;
        border-radius: 10px;
    }
    .f14{
        font-size: 14px;
    }
    .franchise_body .x_panel{
        background: inherit;
        border: none;
        padding-left: 5px;
        padding-top: 0px;
    }
    .sheduled_child_list{
        margin:5px 0px 15px 3px;
        display:flex;
    }
    .franchise_body .table > thead > tr > th{
        text-align: center;
    }
    .franc-navbar-alert-view{
        padding: 0px; 
        margin-bottom:0px;
        height: 45px;
        background-color: #1b2253;
        border-color: #1b2253;
        position: absolute;
        width: calc(100% - 215px)!important;    /* 215 - signout navbar width + 10 - Email icon badge +22 - help icon badge */
        border-radius: 0;
        z-index:-1;
    }
    .twilio-enable{
        color: #009a61 !important;
        cursor: pointer;
        font-size: 9px;
        font-weight: 800;
    }
    .twilio-text{
        font-size: 10.1px;
        font-weight: 400;
        cursor: not-allowed;
    }
    .cstm-communication{
        background-color: #ffffff;
        box-shadow: 0 2px 6px 0 rgba(97, 97, 97, 0.5);
        padding: 15px;
        color: black;
        padding: 0px;
        height: auto;
        max-height: 90vh;
        overflow-x: auto;
    }
    .communication-header{
        letter-spacing: 0.15px;
        font-size: 16px;
    }
    .communication-sub-header{
        letter-spacing: 0.13px;
        font-size: 14px;
    }
    .communication-txt{
        letter-spacing: 0.12px;
        font-size: 12px;
        font-weight: 500;
    }
    .grey-text{
        color: #999999;
    }
    .cardview{
        display: inline-grid;
        box-shadow: 0px 1px 2px 3px lightgray;
    }
    .cstm-payment .card-container{
        width: 100%;
        height: 40px;
        background-color: #fff;
        font-size: 14px;
        color: #000;
        display: inline-flex;
        align-items: center;
        padding: 15px;
        /*margin: 10px 0px;*/
        cursor: pointer;
        font-weight: 400;
        box-shadow: 0 2px 6px -1px rgba(97, 97, 97, 0.5);
        margin-top: 10px;
    }
    
    .cstm-payment .card-container thead th , tbody tr {
        cursor: default;
    }
    .allcstmr_htxt{
        letter-spacing: 0.15px;
        font-size: 16px;
    }
    .allcstmr_stxt{
        color: #999999;
        font-size: 11px;
        letter-spacing: 0.11px;
    }
    .allcstmr_txt{
        font-size: 14px !important;
        letter-spacing: 0.13px;
    }
    .allcstmr_caret_down{
        right: 20px;
        position: absolute;
        font-size: 25px;
    }
    .cstm-table thead th {
        letter-spacing: .11px;
        color: #999;
        font-size: 12px;
        height: 25px !important;
        white-space: nowrap;
        max-height: 25px !important;
        padding: 5px 18px !important;
    }
    .cstm-table tbody td{
        max-width: 150px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
    .sub-content{
        padding: 0 !important;
        width: 100%;
        margin: 0px 0px 10px 0px !important;
        box-shadow: 0 4px 6px 0 rgba(97,97,97,.5);
        border-top: solid 1px #dde1e5;
        font-size: 14px;
        letter-spacing: 0.13px;
    }
    .collapsed-content{
        margin-bottom: 0px !important;
        border-radius: 8px 8px 0 0!important;
    }
    .sub-content tbody tr th{
        color: #009a61 !important;
        font-weight: 400 !important;
    }
    .cstm-table tbody tr{
        height: 52px !important;
    }
    .cstm-table tbody tr{
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
    }
    .table-contanier{
        width: 100%; 
    }
    .col-empty{
        width: 124px;
    }
    .cstm-payment .table-responsive{
        width: 100%;
    }
    .show_btn{
        margin: 0px;
        padding: 0;
        border: none;
        background: none;
        color: #999;
    }
    .pay_caret_down{        
        position: relative;
        font-size: 25px;
        color: #999;
        top: 3px;
    }
    .cap_text{
         text-transform: capitalize;
    }
    #campaign_selection_modal .dropdown-toggle{
        color: #000;
        font-weight: 550;
        width: 100%;
        text-align: left;
        margin: 0px;
        height: 48px;
        border-radius: 4.2px;
        box-shadow: 0 2px 7px 0 rgba(157, 157, 157, 0.5);
        font-size: 14px;
    }
    #campaign_selection_modal .templace_pholder{
        width: 530px;
        box-shadow: 1px 1px 5px #aaa;
        margin-top: -5px;
    }
    #campaign_selection_modal .search-field{
        width: 100%;
        padding: 0px 15px;
        height: 35px;
        font-weight: 500;
        color: #686868;
        font-size: 13px;
        border: none;
        border-right: solid 1px #dadada;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }
    .campaign_input_group{
        position: relative;
        width: 400px;
        align-items: center;
        display: flex;
    }
    .campaign_group_text{
        width: 98px;
        height: 35px;
        padding-top: 10px;
        text-align: center;
    }
    .campaign_search_group{
        display: flex;
        box-shadow: 0 2px 7px 0 #bdbdbd;
        border-radius: 5px;
        margin: 15px;
    }
    .campaign_close_icon{
        position: absolute;
        right: 15px;
        font-size: 18px;
    }
    .campaign_heading_ellipsis{
        text-overflow: ellipsis;
        overflow: hidden;
        width: 90%;
        display: inline-block;
    }
    #allcustomersTabContent th{
        color: black;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    .new_home_col7{
        min-width: 200px !important;
        max-width: 200px !important;
        text-align: center;
        text-overflow: ellipsis;
    }
    #allcustomersTabContent tbody td{
        text-overflow: ellipsis;
    }
    .member_name_span{
        width: 95%;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    .cstm-summary .card-container{
        width: 100%;
        height: 40px;
        background-color: #fff;
        font-size: 14px;
        color: #000;
        display: inline-flex;
        align-items: center;
        padding: 15px;
        margin: 10px 0px;
        cursor: pointer;
        font-weight: 500;
        box-shadow: 0 2px 6px 0 rgba(97, 97, 97, 0.5);
    }
    .allcstmr_htxt{
        letter-spacing: 0.15px;
        font-size: 16px;
    }
    .allcstmr_stxt{
        color: #999999;
        font-size: 11px;
        letter-spacing: 0.11px;
        font-weight: 500;
    }
    .allcstmr_txt{
        font-size: 14px !important;
        letter-spacing: 0.13px;
    }
    .allcstmr_caret_down{
        right: 20px;
        position: absolute;
        font-size: 25px;
    }
    .cstm-table thead th {
        letter-spacing: .11px;
        color: #999;
        font-size: 12px;
        height: 25px !important;
        white-space: nowrap;
        max-height: 25px !important;
        padding: 5px 18px !important;
        font-weight: 500;
    }
    .cstm-table tbody td{
        max-width: 150px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
    .sub-content{
        height: auto !important;
        padding: 0 !important;
        width: 100%;
        margin: 0px 0px 10px 0px !important;
        box-shadow: 0 4px 6px 0 rgba(97,97,97,.5);
        border-top: solid 1px #dde1e5;
        font-size: 14px;
        letter-spacing: 0.13px;
        max-height: 400px;
        overflow: auto;
        display: block !important;
        font-weight: 500;
    }
    .sub-content .table-responsive{
        overflow: initial !important;
    }
    .collapsed-content{
        margin-bottom: 0px !important;
    }
    .sub-content tbody tr th{
        color: #009a61 !important;
        font-weight: 600 !important;
    }
    .cstm-table tbody tr{
        height: 52px !important;
    }
    .cstm-table tr{
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
    }
    .table-contanier{
        width: 100%; 
    }
    .col-empty{
        width: 124px;
    }
    .borderless-btn{
        border: none;
        background: inherit;
        font-size: 14px;
        letter-spacing: 0.15px;
        color: #999999;
        padding: 0px;
        margin-right: 0px;
        font-weight: 550;
    }
    .allcstmr_fa_down{
        font-size: 25px;
        color: #999999;
        position: relative;
        top: 4px;
    }
    .bpPlusdropdown{
        padding:15px 0px 16px 0px;
        /*cursor: pointer;*/
        font-style: normal!important;
        font-weight: 700!important;
        font-size: 13px!important;
        letter-spacing: 0.13px!important;
        width:100%;
    }
    .bpPlusdropdown a{
        display:block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-style: normal!important;
        font-weight: 700!important;
        font-size: 13px!important;
        letter-spacing: 0.13px!important;
        height: 18px;
        line-height: 19px;
        width: 100%;
        text-align: left;
        padding: 0px;
    }
    .bpPlusdropdown input{
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-style: normal!important;
        font-weight: 700!important;
        font-size: 13px!important;
        letter-spacing: 0.13px!important;
        padding: 0px;
    }
    
    .bpPlusdropdown a:hover{
        background-color: transparent;
    }
    .bpPlusdropdown input[disabled]{
        background-color: transparent;
        cursor: not-allowed !important;
    }
    .info-delete-icon{
        width: 14px;
        display: inherit !important;
        margin-top: -5px !important;
    }
    .safari .allcstmr_caret_down{
        top: 3px;
    }
    
    #allcustomersTabContent .home_tooltip {
        top: -35px;
        font-size: 15px;
        height: auto;
        width: auto;
        padding: 5px 10px;
        border-radius: 5px;
        box-shadow: 0 2px 6px 0 #bdbdbd;
        background-color: #ffffff;
        border: none;
    }
    
    #allcustomersTabContent .x_content{
        overflow-x: visible;
        overflow-y: visible;
    }
    #allcustomersTabContent .dataTables_wrapper {
        position: unset;
    }
    #allcustomersTabContent .dataTables_wrapper .dataTables_filter {
        top: 15px;
    }
    
    .bpPlusdropdown-menu{
        max-height: 252px;
        border-radius: 10px!important;
        box-shadow: 0px 2px 7px #BDBDBD !important;
        width: 104%;
        overflow: hidden; 
        top: 8% !important;
       left: -6px !important;
    }
    .bpPlusmultipledropdown{
        display: block;
        max-height: 260px;
        position: relative;
        width: 326px;
        overflow-y: auto;
        border-radius: 0 !important;
        top: 0px !important;
        box-shadow: none !important;
        border: solid 1px #DBDBDB;
        margin: 0px;
        border-top: transparent;
        border-bottom: transparent;
        left: -0px !important;
    }
    .bpPlusdropdown-menu > ul > li{ 
        padding: 12px 15px 11px 14px;
        border-top: 1px solid #DFE3E7;
        font-style: normal;
        font-weight: 500;
        font-size: 13px;
        line-height: 19px;
        letter-spacing: 0.711667px;
        cursor: pointer!important;
    }
    .bpwhitecheck{
        width: 13px;
        height: 13px;
        position: absolute;
        margin-top: 2px;
    }
   
    .bpPlusdropdown-menu > ul > li:hover,.bpPlusNewParticipantSpan:hover,.bpPlusdropdown-menu > ul > li.active:hover{
        font-weight: 700;
        font-size: 14px;
        line-height: 19px;
        letter-spacing: 0.711667px;
        color: #FFFFFF;
        background-color: #009A61;
        position: relative;
        background-image: url(c10b723f6005f8eba026a42c7040017f.png);
        background-size: 13px;
        background-position: 14px center;
        background-repeat: no-repeat;
    }
    .bpPlusdropdown-menu > ul > li.active{
        background-image: url(ddff106cb261ae5ae63631772b60d2e0.png);
        background-size: 13px;
        background-position: 14px center;
        background-repeat: no-repeat;
    }
    
    .bpPlusdropdown-menu > ul > li[disabled]{
        opacity: 0.4;
    }
    .BPZeroLength{
        background: white!important;
        color: black!important;
        font-weight: 500 !important;
    }
    .membeportalmodal .button:disabled{
        opacity: 0.4;
    }
    .leadMemberPortalModal .label-float label{
        position: absolute;
        font-weight: 550;
        font-size: 14px;
    }
    .leadMemberPortalModal .label-float label.focus{
        text-transform: uppercase;
    }
    .leadMemberPortalModal .focusable-input input{
        position: relative;
        padding: 11px 0px 5px 2px;
    }
    .leadMemberPortalModal .focusable-input input{
       font-size: 15px;
       font-weight: 550;
    }
    .leadMemberPortalModal .focusable-input{
        background-color: #f4f6f8;
        padding-left: 15px !important;
    }
    .leadMemberPortalModal .date-dropdowns select{
        width: 85px;
        border-radius: 10px;
        font-weight: 500;
        font-size: 14.688px;
        line-height: 20px;
        height: 39px !important;
        background-position-y: 15px;
    }
    .reg-modal-header p{ 
        font-weight: 550;
        font-size: 12px;
        line-height: 18px;
        text-align: center;
        letter-spacing: 0.119px;
    }
    .reg-modal-header{
        border-bottom: 1px solid #d1d1d1;
        padding: 25px 15px;
    }
    .reg-modal-header span{
        position: absolute;
        margin-top: 2px;
    }
    .reg-modal-header img{
        width: 10px;
        height: 18px;
        object-fit: contain;
        transform: rotate(180deg);
    }
    .leadMemberPortalModal .showcurrtick {
        visibility: visible !important;
    }
    .leadMemberPortalModal .bpPlusdropdown{
        padding: 15px;
    }
    .leadMemberPortalModal div.form-group {
        background: none;
        border: none;
        font-size: 14px;
        border-radius: 10px;
        position: relative;
        background-color: #f4f6f8;
    }

    .leadMemberPortalModal .form-group input {
        font-size: 14px;
        height: 50px;
        background: transparent;
        position: relative;
        padding: 20px 0px 5px 15px;
        width: 95.5%;
        outline: 0;
        /* box-shadow: 0 1px 0 0 #e5e5e5; */
        transition: box-shadow 150ms ease-out;
        /*border-bottom: 1px solid lightgrey;*/
        border-radius: 0;
        border: none;
        color: rgb(74,74,74);
        font-weight: 400;
    }
    .leadMemberPortalModal .form-input {
        padding-left: 5px !important;
        /*border-bottom: 1px solid lightgrey !important;*/
        width: 100%;
    }
    .leadMemberPortalModal .focused .form-label {
        transform: translateY(-100%);
        font-size: .80em;
    }
    .leadMemberPortalModal .form-label {
        left: 5px!important;
        background: transparent;
        top:20px;
    }
     .leadMemberPortalModal .date-dropdowns select{
        width: 85px;
        border-radius: 10px;
    }
    .leadMemberPortalModal .bpPlusdropdown-menu{
        width: 94.5%;
        left: 10px !important;
    }
    .leadMemberPortalModal .add_new_lead_button{
        width: 100%;
        border: none;
        box-shadow: none;
        height: 51px;
        background-color: #009a61;
        color: #fff;
        cursor: pointer;
        padding-top: 17px;
        margin: 0;
        font-weight: 800;
        border-radius: 10px;
        font-size: 12.816px;
        line-height: 18px;
        text-align: center;
        letter-spacing: 0.119006px;
    }
    .leadMemberPortalModal button[disabled]{
        opacity: 0.4;
        cursor: not-allowed;
    }
    .bpPlusWhiteButton{
        width: 347px;
        border:none;
        border-radius: 10px;
        box-shadow:none;
        height: 51px;
        background-color: white;
        color: #009a61;
        cursor: pointer;
        margin: 0;
        font-style: normal;
        font-weight: 800;
        font-size: 12.816px;
        line-height: 18px;
        text-align: center;
        letter-spacing: 0.119006px;
    }
    
    .bpPlusGreenButton{
        width:100%;
        border:none;
        border-radius: 10px;
        box-shadow:none;
        height: 51px;
        background-color: #009a61;
        color: white;
        cursor: pointer;
        margin: 0;
        font-style: normal;
        font-weight: 800;
        font-size: 12.816px;
        line-height: 18px;
        text-align: center;
        letter-spacing: 0.119006px;
    }
    
    .bpPlusdropdown-menu input[type="checkbox"]{
        width: 18px;
        height: 18px;
        border-radius: 3px;
        margin: 0px;
    }
    .bpPlusdropdown-menu input[type="checkbox"]:checked{
        border: solid 1px;
    }
    .BPPlusmodal p{
        margin-top: 0;
        font-style: normal;
        font-weight: 700;
        font-size: 12.816px;
        line-height: 18px;
        text-align: center;
        letter-spacing: 0.119006px;
        color: #000000;
    }
    .bpbacki{
        float: left;
        font-size: 30px!important;
        width: 10px !important;
        position: relative !important;
        top: -8px !important;
        cursor: pointer;
    }
    .bpdropdowni{
        float: right;
        width: 15px;
        font-size: 25px !important;
        position: relative;
        top: -2px;
    }
    #memberPortalCategoryModal.fade.in,.BPPlusmodal.fade.in{
        background: transparent;
    }
    .add_backdrop{
        background: rgba(0,0,0,0.5) !important;
    }
    .BPPlusheader{
        border-bottom:  1px solid #D1D1D1;
        padding: 27px 15px 25px 15px;
        height: 70px;
        width:100%;
    }
    .bpPlusDiv{
        border-bottom:  1px solid #D1D1D1;
        cursor: pointer;
        padding-right: 16px;
        padding-left: 15px;
        width:100%;
    }
    .bpPlusdropdown-menu-header{
        padding-left:14px !important;
        background: white!important;
        color: black!important;
        padding: 12px 14px 11px 14px;
        font-style: normal;
        font-weight: 700;
        font-size: 13px;
        line-height: 19px;
        letter-spacing: 0.711667px;
        border-bottom: 1px solid #DFE3E7;
    }
    .bpPlusmultipleheader{
        border-radius: 10px 10px 0px 0px;
        box-shadow: none;
        width: 326px;
        position: relative;
        border: solid 1px #DBDBDB;
        border-bottom: none;
    }
    .bpPlusmultiplefooter{
        margin-top: 0px;
        background: white;
        box-shadow: none;
        padding: 0px;
        width: 326px;
        top: 0px;
        border-radius: 0px 0px 10px 10px;
        border: solid 1px #DBDBDB;
    }
    .displayNone{
        display: None;
    }
    .displayBlock{
        display: block;
    }
    .bpPlusdropdown-menu > ul{
        max-height: 209px;
        overflow-y: auto;
        width: 100%;
    }
    .bpPlusNewParticipantImg{
        width: 14.5px;
        position: relative;
        top: -2px
    }
    .bpPlusNewParticipantSpan{
        font-style: normal;
        font-weight: 700;
        font-size: 13px;
        line-height: 19px;
        color: #009A61;
        padding: 12px 14px 11px 14px;
        border-top: 1px solid #DFE3E7;
    }
    
    .bpPlusNewParticipantSpan span{
        padding-left: 10px;
    }
    .bpPlusNewParticipantSpan:hover .bpPlusNewParticipantImg{
        padding-left: 13px;
    }
    .BPCancelButton{
        background: white;
        margin-top:9px;
        border-radius: 10px;
    }
    .BPPlusButton{
        margin-top: 60px;
        margin-bottom: 68px;
        padding: 0px 20px;
        width:100%;
    }
    .BPPlusLessButton{
        margin-top: 60px;
        margin-bottom: 120px;
        padding: 0px 20px;
        width:100%;
    }
    .BPCancelButton{
        background: white;
        margin-top:10px;
        border-radius: 10px;
        box-shadow: 0px 2px 7px #BDBDBD;
    }
 /*RELEASE BANNER POPUP CSS*/
    .head_title{
        font-style: normal;
        font-weight: 600;
        font-size: 29px;
        line-height: 41px;
        text-align: center;
        letter-spacing: 2.136px;
        color: #FFFFFF;
    }
    .head_content{
        font-style: normal;
        font-weight: 500;
        font-size: 15px;
        line-height: 22px;
        text-align: center;
        letter-spacing: 1.1392px;
        color:#f9f9f9eb;
    }
    .headimg{
        background-image: url(c10a7eabdc1379566cf42b7bea1b4d4a.png);
        background-size: contain;
        margin:10px 0px 0px 15px;
        /*padding:45px;*/
        /*width:63%;*/
        background-repeat: no-repeat;
        height: 70px;
    }
    #modal_content{
        background-color: #3E545C;
        width: 679px;
        height: 656px;
        border-radius: 10px 10px 0px 0px;
    }
    #modal_footer{
        background-color: #fff;
        margin-top: -15px;
        width: 679px;
        padding: 16px;
        margin-left: -0.829px;
    }
    #popup {
        text-align: center;
        padding: 0!important;
    }
    #popup:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -4px;
    }
     #modal_dialog {
        display: inline-block;
        text-align: left;
        vertical-align: middle;
      }
    @media only screen and (max-width:992px){
        #modal_content{
           margin-left: -45px;
        }
    }
    @media only screen and (max-width:767px){
        #modal_content{
            width:645px;
            height:602px;
            margin-left: -15px;
         }
         #modal_footer{
            width:645px;
         }
         .image_1{
             width:160px;
             height:230px;
         }
         .image_2{
             width:208px;
         }
    }
    /*overwritting popover background*/
    .popover{
        background:white !important;
    }
    .memberportalCustomerAccessPopover .popover.top>.arrow{
        display:none;
    }
    .memberportalCustomerAccessPopover .popover{
        box-shadow: 0 2px 8px 0 #888888;
        padding: 4px 4px 6px 3px;
        left: 7.6875px !important;
        display: block;
        width: 221px;
        border:none;
    }
    .memberportalCustomerAccessPopover .popover-content{
        font-size: 10px;
        color: #000000;
        font-weight: 500;
    }


    /* dashboard laoding */
    .mystudio_spin_loading { 
        display: inline-block;
        width: 100px;
        height: 100px;
        border: 10px solid #6f6868;
            border-top-color: rgb(111, 104, 104);
        border-radius: 50%;
        border-top-color: #fff;
        animation: spin 1s ease-in-out infinite;
        -webkit-animation: spin 1s ease-in-out infinite;
        margin-top: 3px;
    }
    .mystudio_spin_loading_small{
        display: inline-block;
        width: 25px;
        height: 25px;
        border: 4px solid #6f6868;
            border-top-color: rgb(111, 104, 104);
        border-radius: 50%;
        border-top-color: #fff;
        animation: spin 1s ease-in-out infinite;
        -webkit-animation: spin 1s ease-in-out infinite;
        margin-top: 3px;
    }

    .dashboard-spinner-border{
        background-color: #ececec;
height: 55px;
width: 100%;
padding-top: 10px;
text-align: center;
margin-top: 46px;
box-shadow: 0 0px 2px 0 rgba(0, 0, 0, 0.2), 0 0px 10px 0 rgba(0, 0, 0, 0.19);
    }
    .backsubmenu > a {
        width: 100% !important; 
    }
    #class_schedule_calender .datepicker-inline{
        width: 201px;
    }
    #class_schedule_calender{
        margin-left: 0px;
    }
    .trialsidemenu li {
        padding-left: 0px; 
    }
    .trialsidemenu li a{
        padding-left: 10px; 
    }
    .retail_url_new{
        width: 170px;
    }
    .Medium_tablet_modal .custom-logout .fa-caret-down,.Big_tablet_modal .custom-logout .fa-caret-down,.Tablet_modal .custom-logout .fa-caret-down{
        top: 4px !important; 
    }
    /* .show_release_popup .head_title{
        font-family: 'Open Sans', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 25px;
        line-height: 34px;
        text-align: center;
        letter-spacing: 2.4px;
        color: #FFFFFF;
    } */
    .show_release_popup .head_title {
        font-family: 'Open Sans', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 24px;
        line-height: 32px;
        text-align: center;
        letter-spacing: 2.14px;
        color: #FFFFFF;
        margin: 0 auto;
        width: 75%;
    }
    .show_release_popup .head_content{
        font-family: 'Open Sans', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 13px;
        line-height: 22px;
        text-align: center;
        letter-spacing: 0.56px;
        color: #FFFFFF;
        margin-top: 13px;
        display: block;
    }
    .footer-content{
        font-style: normal;
        font-weight: 500;
        font-size: 17px;
        line-height: 30px;
        text-align: center;
        letter-spacing: 0.869565px;
        color: #009A61;
    }
    
    .show_release_popup .release-banner-logo{
        background-image: url(d2e1ea1183000b748bfaa21cac10582a.png);
        background-size: contain;
        margin: 0px 0px 0px 10px;
        background-repeat: no-repeat;
        height: 70px;
        image-rendering: -moz-crisp-edges;         /* Firefox */
        image-rendering:   -o-crisp-edges;         /* Opera */
        image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
        image-rendering: crisp-edges;
        -ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */
    }
/*     .show_release_popup .release-banner-logo{
        background-image: url('../image/operation_summit_logo.png');
        background-size: contain;
        margin: 0px 0px 0px 15px;
        background-repeat: no-repeat;
        height: 63px;
        background-position: center;
    }*/

.asset1 {
    width: 583px;
    margin: 0px 9px 0 auto;
}
.releasepopup_image_container{
/*    padding-left: 126px;
    padding-right: 40px;*/
}
.asset2 {
    width: 208px;
    margin-top: 20px;
}
.show_release_popup p.head2{
font-weight: 600;
font-size: 16px;
letter-spacing: 0.7px;
}
.release_p{
margin-bottom: 5px;
font-size: 15px;
text-align: center;
letter-spacing: 0.8px;
color: #FFFFFF;
width: 94% !important;
margin: 16px auto !important;
}
.view_demo_button{
    width: 100%;
    height: 46px;
    background: #FFFFFF;
    border-radius: 10px; 
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    font-size: 20px;
    line-height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 0.5px;
    color: #009A61;
    margin: 50px 0 0;
    cursor: pointer
}
/*.view_demo_button1{
  margin-left: 10px;  
}
.view_demo_button2{
  margin-right: 10px;        
}*/
.vector_img{
   width: 128px;
   margin-top: 20px;
   height: 134px;
}
.img_render{
    image-rendering: -moz-crisp-edges;         /* Firefox */
    image-rendering: -o-crisp-edges;         /* Opera */
    image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */
}

    .release-banner{
        background-image: url(0328a272078d825d8b7d0f62792e045a.png);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        padding: 100px 50px 0 0;
        height: 325px;
        text-align: center;
        width: 545px;
        margin-top: 22px !important;
        image-rendering: -moz-crisp-edges;         /* Firefox */
        image-rendering:   -o-crisp-edges;         /* Opera */
        image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
        image-rendering: crisp-edges;
        -ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */
    }
    .show_release_popup ul , .show_release_popup p{
/*        padding-left: 0px;*/
        color: white;
/*        font-size: 14px;*/
        font-weight: 300;
        font-family: 'Open Sans', sans-serif;
        line-height: 22px;
        letter-spacing: 0.5px;
/*        width: 590px;*/
        margin: 16px auto 10px;
/*        text-align: center;*/
    }
    .show_release_popup ul li{
        margin-bottom: 4px;
        line-height: 22px;
    }
    .show_release_popup .whitebg{
        background-color:rgba(255,255,255,0.2);
        width:371px;
        margin: 0 auto;
        font-weight: 300;
        font-size: 23px;
        line-height: 31px;
        text-align: center;
        letter-spacing: 0.5px; 
        padding: 7px 12px;
        height: 78px;
    }
    .p25{
        padding: 25px 22px;
    }
    .p30{
       padding: 30px;  
    }
    .show_release_popup h3{
        font-weight: 500;
        font-size: 16px;
        line-height: 22px;
        color: #fff;
    }
    .show_release_popup .small{
        font-weight: 300;
        font-size: 12px;
        line-height: 16.34px;
        margin-top: 10px;
    }
    .learn_button{
    background: #FFFFFF;
    border-radius: 10px;
    font-size: 18px;
    line-height: 22px;
    color: #009A61;
    padding:6px 15px 6px 30px;
    border: none;    
    width: 140px;
    height: 34px;
    font-weight: 700;
    background:#FFFFFF url(fd11eb324e5777064a49b2bcd393f9e7.png);
    background-repeat:no-repeat;
    background-size:8px;
    background-position: 12px center;
    margin-left: 8px;
    }
    .helpurlmodal .custom-modal-button {
    width: 47%;
    height: 50px;
    border-top: none;
    background: #fff;
    box-shadow: 0 2.59649px 9.08772px #d5d5d5 !important;
    border-radius: 12.9825px !important;
    margin-bottom: 20px !important;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 10px 15px;
    font-size: 16px !important;
}
   /* .image_1{
         background-image: url('../image/asset_3.png');
        margin-top: 32px;
        padding: 135px;
        background-size: contain;
        background-repeat-x: no-repeat;
    }*/
   /* .image_2{
        background-image: url('../image/asset_4.png');
        margin-top: 32px;
        padding: 135px;
        margin-left: 74px;
        margin-left: 74px;
        background-size: contain;
        background-repeat-x: no-repeat;
    }*/
    .show_release_popup #modal_content{
        background-color: #3E545C;
        width: 681px;
        height: 750px;
        border-radius: 10px;
        border: none;
        margin: auto;
    }
    .show_release_popup #modal_footer{
        background-color: #fff;
        margin-top: 0px;
        margin-left: 0px;
        border-radius: 10px;
        bottom: 22px;
        position: absolute;
        width: 297px;
        height: 46px;
        border: 0;
    }
    .show_release_popup #modal_footer button{
        width: 100%;
        height: 80px;
        background-color: white;
        border: none;
        margin: 0px;
    }
    .show_release_popup .footer-content{
        font-size: 18px;
        line-height: 16px;
        letter-spacing: 0.869565px;
        font-weight: 800;
    }
    #show_release_popup {
        text-align: center;
        padding: 0!important;
        background: rgba(0,0,0,0.7);
    }
    #show_release_popup:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -4px;
    }
    .show_release_popup  #modal_dialog {
        display: inline-block;
        text-align: left;
        vertical-align: middle;
/*        width: 906px;*/
        width: auto;
        margin:auto;
      }
    @media only screen and (max-width:992px){
        #modal_content{
           margin-left: -45px;
        }
   
    }
    @media only screen and (max-width:767px){
        #modal_content{
            width:645px;
            height:602px;
            margin-left: -15px;
         }
         #modal_footer{
            width:645px;
         }
         .image_1{
             width:160px;
             height:230px;
         }
         .image_2{
             width:208px;
         }
    }
    /*overwritting popover background*/
    .popover{
        background:white !important;
    }
    .memberportalCustomerAccessPopover .popover.top>.arrow{
        display:none;
    }
    .memberportalCustomerAccessPopover .popover{
        box-shadow: 0 2px 8px 0 #888888;
        padding: 4px 4px 6px 3px;
        left: 7.6875px !important;
        display: block;
        width: 221px;
        border:none;
    }
    .memberportalCustomerAccessPopover .popover-content{
        font-size: 10px;
        color: #000000;
        font-weight: 500;
    }
    .leadMemberPortalModal .bp_header_txt {
	margin-top: 0;
	font-weight: 600;
	font-size: 12.816px;
	line-height: 18px;
	letter-spacing: 0.119006px;
    }

    .leadMemberPortalModal .bp_back_icon {
        width: 10px;
        height: 18px;
        object-fit: contain;
        margin-top: -10px;
        cursor: pointer;
    }

    .leadMemberPortalModal .focused .form-label {
        font-weight: 500;
        font-size: 8px;
        line-height: 11px;
    }

    .leadMemberPortalModal .form-group input {
        font-weight: 600;
    }

    .leadMemberPortalModal .fa-caret-down {
        line-height: 19px;
    }

    .bpaddParticipant .form-label {
        top: 15px;
    }

    .leadMemberPortalModal .bpaddParticipant .form-group input {
        padding: 20px 0px 15px 15px;
    }

    .bpaddParticipant .focused .custom-form-input {
        padding: 15px 0px 10px 5px;
    }

    #regparticipant .date-dropdowns {
        margin-bottom: 0px;
    }

    .leadMemberPortalModal .bpPlusdropdown-menu>ul>li {
        font-size: 14px;
        line-height: 19px;
        letter-spacing: 0.711667px;
    }

    #bp_lead_success .bp_btn {
        border-top: 1px solid #DADADA;
        padding: 20px;
        font-weight: 600;
        font-size: 16.875px;
        line-height: 23px;
        letter-spacing: -0.213233px;
        color: #009A61;
    }
    #memberPortalCategoryModal .sidemenu-td .col-md-4,#memberPortalCategoryModal .sidemenu-td .col-md-6{
        cursor: pointer;
    }
     /* The container */
    .customize_checkbox {
      display: block;
      position: relative;
      padding-left: 35px;
      margin-bottom: 12px;
      cursor: pointer;
      font-size: 22px;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
    }

    /* Hide the browser's default checkbox */
    .customize_checkbox input {
      position: absolute;
      opacity: 0;
      cursor: pointer;
      height: 0;
      width: 0;
    }

    /* Create a custom checkbox */
    .customize_checkbox .checkmark {
      position: absolute;
      top: 0;
      left: 0;
      height: 18px;
      width: 18px;
      border: 1px solid #979797;
      box-sizing: border-box;
      border-radius: 3px;
    }
    /* Create the checkmark/indicator (hidden when not checked) */
    .customize_checkbox .checkmark:after {
      content: "";
      position: absolute;
      display: none;
    }

    /* Show the checkmark when checked */
    .customize_checkbox input:checked ~ .checkmark:after {
      display: block;
    }

    /* Style the checkmark/indicator */
    .customize_checkbox .checkmark:after {
      left: 5px;
      top: -1px;
      width: 7px;
      height: 15px;
      border: solid #009A61;
      border-width: 0 3px 3px 0;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
    }
    
    #eventSubtitleDropdown .bpPlusdropdown-menu > ul > li:hover{
        background-position: 17px 15px;
    }

    .blockout_view_inner{
        padding-left: 17px;
        padding-right: 17px;
    }
    .staff_management_view_inner{
        padding-left: 20px;
    }
    .staff_heading{
        font-size: 14px;
        font-weight: normal;
        font-family: 'OpenSans-Regular' !important;
        line-height: 19.07px;
        letter-spacing: 0.15px;
        cursor: pointer;
    }
    .staff_heading_date{
        font-size: 14px;
        font-weight: normal;
        font-family: 'OpenSans-Regular' !important;
        line-height: 19.07px;
        letter-spacing: 0.15px;
    }
    #Staff_management .x_panel_class_schedule{
        width: 100%;
        min-height: calc(100vh - 168px);
        background: #FFFFFF;
        display: inline-block;
    }
    #Staff_management{
        margin-top: 27px;
        padding-left: 5px;
    }
    #calendar_staff_enddate_calendar_datepicker .datepicker.datepicker-inline,#calendar_staff_date_calendar_datepicker .datepicker.datepicker-inline{
        border-radius: 10px;
    }
    #calendar_staff_enddate_calendar_datepicker thead th,#calendar_staff_date_calendar_datepicker thead th{
        color: #000000;
    }
    .staff_schedule_button{
        width: 100% !important;
        border: none !important;;
        box-shadow: 0px 1px 7px #d5d5d5 !important;
        padding-left: 15px;
    }
    #staffmanagement_scedule .dropdown-label{
        margin-bottom: 5px !important;
        font-family: 'OpenSans-SemiBold' !important;
        font-weight: normal;
        float: left;
        text-transform: none;
    }
    #Update_staff p{
    font-size: 14px;
    font-family: 'OpenSans-Regular' !important;
    font-weight: normal;
    line-height: 23.4px;
}
.staff_label{
    font-size: 12px;
    font-family: 'OpenSans-SemiBold' !important;
    font-weight: normal;
    color: #777777;
    line-height: 23.4px;
  }
#Update_staff .dropdown , #Apply_changes .dropdown{
    width: 100%;
    display: flex;
}
#Update_staff i , #Apply_changes i{
    margin: 0;
    position: absolute;
    right: 12.31px;
    font-size: 23px;
}
.update_staff_dropdown{
    width: 100%;
    border: none;
    border-radius: 10px;
    top:-2;
    box-shadow: 0 2px 7px 0 rgb(181 181 181 / 50%);
}
.staff_ul_style{
    overflow-y: auto; 
    max-height: 163px;
    list-style-type: none;
    padding-left: 0px;
}
.staff_ul_style li{
    cursor: pointer;
}
.staffscedule_dropdown{
        overflow:auto;
        border:none;
        background: #FFFFFF;
        overflow-x: hidden;
        cursor:pointer;
    }
    .staffscedule_dropdown li{
        cursor:pointer;
    }
    #staffStartandEndDate{
        display: grid;
        grid-template-columns: 50% 50%;
        text-align: initial;
    }
    #staffStartandEndDate ::placeholder{
        font-size: 14px;
        font-weight: normal;
        font-family: "OpenSans-Regular" !important;
        text-align: center;
    }
    .staff_appt_type{
        line-height: 19.07px;
        font-family: 'OpenSans-SemiBold' !important;
        font-weight: normal;
        font-size: 14px;
        letter-spacing: 0.35px;
        width: 90% !important; 
    }
    .staff_manage_cal{
        border-radius: 10px;box-shadow: 0 2px 8px rgb(189 189 189 / 50%);
        border: none;
        background: #fff;
        height: 34px;
        width: 100% !important; 
        cursor: pointer;
        padding: 0;
        text-align: center;
    }
   
   #Update_staff .dropdown-menu li a:hover , #Apply_changes .dropdown-menu li a:hover{
        z-index: 999999;
        background: transparent;
        pointer-events: none;
        color:black;
   }
   #Update_staff .select_dropdown1 , #Apply_changes .select_dropdown1 {
        width: 100%;
        margin: 0;
        top: 0;
        background: #FFFFFF;
        border-radius: 10px;
        padding-top: 8px;
        padding-bottom: 8px;
        box-shadow: 0px 1px 7px #d5d5d5;
        border: none;
   }
   
    #Update_staff .staffscedule_dropdown  li a .showcurrtick{
        color: #009a61;
        margin: 0;
    }
    #Update_staff .staffscedule_dropdown li a .showcurrtick , #Apply_changes .staffsceduletype_dropdown li a .showcurrtick {
        -webkit-text-stroke: 2px #fff;
        top: 0;
        padding: 0;
    }
    #Update_staff .staffscedule_dropdown li a, #Apply_changes .staffsceduletype_dropdown li a{
        width: 100%;
        display: block;
        height: 30px;
    }
    #Update_staff .select_type_dropdown, #Apply_changes .select_type_dropdown{
        padding: 0;
        width: calc(100% - 37px);
    }
    #Update_staff .staffscedule_dropdown .glyphicon-ok , #Apply_changes .staffsceduletype_dropdown .glyphicon-ok {
    width: 25px;
    font-size: 17px !important;
    }
    #Update_staff .staffscedule_dropdown  li a{
        font-size: 14px;
        line-height: 19.07px;
        font-family: 'OpenSans-SemiBold' !important;
        font-weight: normal;
    }
    #Update_staff .staffscedule_dropdown .glyphicon-ok{
        visibility: hidden;
        float: left;
    }
    #staffmanagement_scedule .btn-border{
        border-top: 1px solid #DADADA !important;
        box-shadow: none;
    }
    #staff_start_date ,  #staff_end_date{
           -webkit-appearance: none;
       }
    .Tablet_modal #Staff_management .x_panel_class_schedule{
           min-height: calc(100vh - 168px);
   }
   .stfaff_name_bold{
       font-family: OpenSans-Bold !important;
       font-weight: normal;
   }
   #show_report_filter .new_drop_down_list1, .staff_report .new_drop_down_list1{
        width: 100%  !important;
    }
    .staff_report .dropdown-menu, #report_filter_catchparentbox_inside .dropdown-menu{
        padding: 12px 0 7px;
    }
    .staff_report .dropdown .new_drop_down_list1, #report_filter_catchparentbox_inside .new_drop_down_list1{
        margin-bottom: 4px;
        margin-top: 0px;
    }
    .staff_report .dropdown p, #report_filter_catchparentbox_inside .dropdown p,#report_filter_catchparentbox_inside .new_drop_down_list1:last-child{
        margin-bottom: 0px;
    }
    #report_filter_catchparentbox_inside .new_drop_down_list1{
        height: 22px;
    }
   .class_appt_time_occurs_days_bgcolor {
      background-color: #009a61 !important;
      color: #fff !important;
      font-weight: 800;
      border: none;
   }
   #Apply_changes .select_type_dropdown{
       font-size: 14px;
       line-height: 19.07px;
       font-family: 'OpenSans-SemiBold' !important;
       cursor: pointer;
       font-weight: normal;
   }
   #class_appt_time_occurs_days .container_check_box .checkmark_days {
        position: relative !important;
        left: auto;
        background: #FFFFFF;
        box-shadow: 0px 2px 7px #D5D5D5;
        border-radius: 5px !important;
        width: 25px;
        height: 25px;
        border: none;
        min-width: 25px;
        padding: 8px 10px;
        font-weight: normal;
        font-size: 14px;
        line-height: 19px;
        color: #A9A9A9;
        margin-right: 10px !important;
        padding: 3.5px 6.46px!important;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #class_appt_time_occurs_days .container_check_box input:checked ~ .checkmark_days{
        background-color: #009a61;
        border: solid 1px #009a61;
    }
    #class_appt_time_occurs_days .container_check_box input:checked ~ .checkmark_days:after{
        display: block;
    }
    #class_appt_time_occurs_days .container_check_box input:checked ~ .checkmark_days {
        color: #fff;
        border: none;
    }
    #class_appt_time_occurs_days .container_check_box input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        left: 0;
        z-index: 9999999;
    }
    @media only screen and (max-height:800px){
        .addBlockoutModal .modal-dialog.enable_width{
            margin:2vh auto auto auto;
        }
    }

/*    .leadMemberPortalModal .bpPlusdropdown-menu.leadplusdropdown > ul > li,#eventSubtitleDropdown .bpPlusdropdown-menu > ul > li{
        background: white!important;
        color: black!important;
    }*/
      /*CSS class*/
    .bp-scrollbar::-webkit-scrollbar {
        height: 20px;
        width: 14px;
    }
    .bp-scrollbar::-webkit-scrollbar-button {
        background-size: 100%;
        height: 10px;
        width: 10px;
    }
    .bp-scrollbar::-webkit-scrollbar-button:end {
        display: block;
    }

    .bp-scrollbar::-webkit-scrollbar-button:start {
        display: none;
    }
    .bp-scrollbar::-webkit-scrollbar-button:vertical:increment { 
        background-repeat: no-repeat;
    }
    .bp-scrollbar::-webkit-scrollbar-track {
        background: white;
    }
    .bp-scrollbar::-webkit-scrollbar-thumb {
        background: #EDEDED;
        border-radius: 5px;
        height: 61px;
        width: 20px;
    }
    
    .blockoutDateInput{
        width: 167px;
        border: 1px solid #d8d8d8;
        height: 36px;
        font-size: 12px;
        padding: 11px 10px 7px 10px;
        border-top-left-radius: 7px !important;
        border-top-right-radius: 0px !important;
        border-bottom-left-radius: 7px !important;
        border-bottom-right-radius: 0px !important;
        font-weight: 600;
    }
    .BlockoutHeader{
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 23px;
        color: #000000;
        float: left;
    }
    .blockoutText{
        font-style: normal;
        font-weight: 600;
        font-size: 13px;
        line-height: 18px;
        color: #76879A;
        float: left;
    }
    .blockout_list_scroll{
        overflow-y: auto;
        max-height: calc(100vh - 294px);
        width: 793px;
    }
    #blockout_list_scroll::-webkit-scrollbar{
        width: 15px;
        background: #fff;
        border: none;
        height:195px;
    }
    #blockout_list_scroll::-webkit-scrollbar-thumb{
        background: #d8d8d8;
        border-radius: 5px
    }
    .blockout_list:last-child{
        margin-bottom: 1px;
    }
    .eventSubtitleDropdown{
        position: absolute;
        top: -45px;
        margin-left: -5px;
        box-shadow: 0px 2px 7px #BDBDBD;
        border-radius: 10px;
    }
    .draft_list{
        overflow-y: auto;
        max-height: calc(100vh - 294px);
        width: 793px;
    }
 
    /*arockiya starts*/
    
    .complete_delete{
        /*position: absolute;*/
        width: 100%;
        height: 628px;
        /*top: 5px;*/
        background: #FFFFFF;
        border-radius: 5px;
        padding-left: 15px;
        padding-right: 15px;
    }

    #completed_deleted_heading{
        font-style: normal;
        font-weight: 700;
        font-size: 15px;
        line-height: 22px;
        margin-top: 25px;
    }

    .searchbox_width {
        width: 238px !important;
        height: 31px;
        font-style: normal;
        font-weight: 500;
        font-size: 13px;
        line-height: 19px;
        padding-top: 5px !important;
    }

    .complete_delete_new { 
width: 238px !important;
height:68px;
}



    .new_drop_down_list1 {
        width: 240px !important;
        font-weight: 500;
        font-size: 13px;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 0.13px;
        color:#000000;
    }

    .tablebox{
        background: #FFFFFF;
        box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
        border-radius: 10px;
        margin-top:30px;
    }


    .tablebox th{
        border-top: none !important;
        font-style: normal;
        font-weight: 700;
        font-size: 9px;
        line-height: 14px;
        height: 14px;
        color: #000000;
        padding: 6px 15px !important;
    }


    .tablebox td  {
        font-style: normal;
        font-weight: 700;
        font-size: 13px;
        line-height: 19px;
        height:19px;
        border-top:1px solid #E9E8E8;


    }   

    .tablebox_leftborder
    {
        border-left:1px solid #E9E8E8;
        width: 17px; 
        text-align: center;
    }     

    .editicon{
        width: 17px;
        height: 17px;
        cursor: pointer;
}

    .dupicon{
        width: 14px;
        height: 17px;
        cursor: pointer;
    }

    .all_cust_icons{ 
        height: 16px;
        cursor: pointer;
        width: 19px;
    }
    .icon_class{
        width: 50px !important;
        border-left: 1px solid #E9E8E8;
        padding-left: 10px !important;
        padding-right: 10px !important;
        text-align: center;
        }
    .completed_deleted_status{
        width: 90px !important;
        height: 20px;
        cursor: pointer;
    }


    .tablebox  .tooltiptexts{
        height: 40px;
        width: 70px;
        right: 10px;
        top: -10px;
        text-align: center;
        border-radius: 10px;
        box-shadow: 0 2px 7px 0 rgba(181, 181, 181, 0.5);
        z-index: 99999999 !important;
        padding: 6px !important;
    }

    .tablebox{
position: relative
}  
    .edit_tool_tip{
right:100px  !important;
left: auto !important;
}
    .roster_tool_tip{
right:45px  !important;
left: auto !important;
}
    .dup_tool_tip{
right:-10px  !important;
left: auto !important;
}
    .withoutpadding {   
padding: 15px 0 !important;
}

    .withoutpadding .custom-modal-button{
        border-radius: 0 !important;
        margin: 0;
        height: 55px !important;
        padding: 0;
        font-style: normal;
        font-weight: 700 !important;
        font-size: 13px !important;
        line-height: 19px !important;
    } 


    .dup_cancel_button{
        font-style: normal;
        font-weight: 700;
        font-size: 13px;
        line-height: 19px;
        color: #798A9D;
        border: 0;
        background: #fff;
    }

    #duplicate_class_appointmenttitle{
font-weight: 600;
font-size: 16px;
line-height: 21px;
text-align: center;
color: #000000;
margin: 18px 26px;
}

    .modal_new{
border: none;
border-radius: 15px !important;
width: 258px !important;
height:206px !important;
} 
    
    .modal_new_mobile{
border: none;
border-radius: 15px !important;
} 

    .nav_flex{
display: flex;
align-items: center;  
margin-top: 15px; 
flex-flow: wrap; 
width: 100%;
}
    .subdiv_flex{   
font-style: normal; 
font-weight: 600; 
font-size: 11px; 
line-height: 16px;
border-radius: 6px;
background: white; 
padding: 8px 25px !important;
box-shadow: 0 2px 5px 0 rgba(132, 132, 132, 0.5);
border: 0; 
height: 31px;
margin-left: 10px;
margin-bottom: 10px 
}
/*    #li-class-Completed-Deleted label {
        position: absolute;
        height: 30px;
        font-style: normal;
        font-weight: 400;
        font-sli-class-Completed-Deletedize: 13.5px;
        line-height: 20px;
    }*/

    .nav_flex ::placeholder {
color: #000
}
    #deleteStartDate{
width: 125px;
text-align: center;
}
    #deleteEndDate{
width: 125px;
text-align: center;
}
    #deleteStartDate::-webkit-input-placeholder,#deleteEndDate::-webkit-input-placeholder {
        text-align: center;
    }

    #deleteStartDate:-moz-placeholder,#deleteEndDate:-moz-placeholder { /* Firefox 18- */
        text-align: center;  
    }

    #deleteStartDate::-moz-placeholder,#deleteEndDate::-moz-placeholder {  /* Firefox 19+ */
        text-align: center;  
    }

    #deleteStartDate:-ms-input-placeholder ,#deleteEndDate:-ms-input-placeholder{  
        text-align: center; 
    }
    

    .nav_flex .dropdown {
        margin-top:0;
        margin-bottom: 10px !important;
    }

    .width17{
width:17px
}
    
    
 .update_attend_button{
    background: #FFFFFF;
    border: 1px solid #4BA46F;
    box-sizing: border-box;
    border-radius: 8px;
    padding: 6px 23px 6px 24px !important;
    font-style: normal;
    font-weight: 700;
    font-size: 11px;
    line-height: 16px;
    color: #4BA46F;
    width: 158px;
    height: 30px;
    position: absolute;
    top: -4px;
    right: 288px;
    cursor: pointer
   } 
    
   .update_attendance_tab .ul-tab {
    float: left;
    width: 100%;
    padding-bottom: 5px;
    border-top: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    margin: 0px 0 9px;
}

.update_attendance_tab ul {
   list-style: none;
    display: inline-block;
    padding-left: 15px;
}

.update_attendance_tab .tab {
    float: left;
    text-align: left;
    padding: 19px 17px 0 0px;
    text-decoration: none;
   border-bottom: none;
    cursor: pointer;
    display: block;
}

.update_attendance_tab  .tab .activegreen {
font-style: normal;
font-weight: 700;
font-size: 13px;
line-height: 19px;
color: #009A61 !important;
border-bottom: 3px solid #009A61;
padding: 0 15px 17px;
transition: color 0.1s,transform 0.2s ease-out;
}

.update_attendance_tab .tab a {
    color: #9B9B9B !important;
    font-style: normal;
   font-weight: 700;
font-size: 13px;
line-height: 19px;
    text-decoration: none;
    padding: 0 15px 17px;
} 

.log_attend_button {
    background: #FFFFFF;
    border: 1px solid #4BA46F;
    box-sizing: border-box;
    border-radius: 10px;
    padding: 8px 15px 8px 15px !important;
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    line-height: 19px;
    color: #4BA46F;
    width: 137px;
    height: 36px;
    position: absolute;
    top: 11px;
    right: 289px;
}

#DataTables_Table_update_Attendance_filter input[type=search] {
    height: 36px;
    width: 234px;
    /* background: #FFFFFF; */
    border: 1px solid #DDDDDD;
    box-sizing: border-box;
    border-radius: 10px;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    position: absolute;
    top: -17px;
    right: -10px;
    padding: 8px 15px;
}

    .x_panel_class_calendarnew {
        border: 0 !important;
        margin-left: 3px;
        padding: 20px;
        padding-left: 0 !important;
    }
    
/*Log attendance*/
    .log{
        width: 434px;        
        border-radius: 10px;
    }
    .head{       
        width: 153px;
        height: 63px;        
        font-style: normal;
        font-weight: 500;
        font-size: 23px;
        line-height: 21px;
        text-align: center;
        color: #000000;
        margin-left: 51px;
    }
    .ip{
        width: 266px;
        height: 60px;
        border-radius: 10px;
        background: #F5F6F8;
        color:#000000;

    }
    .match{
        color: #FFFFFF;
        background: #E7E7E7;
        width: 432px;
        height: 79px;
        border-radius: unset;
        margin: 0px;
    }
    .distance{
        text-align: center;

        font-weight: 500;
        font-size: 14px;
        line-height: 20.8px;
        color: #77879A;
        margin-top: 20px;
        margin-bottom: 19px;
    }
    .but{
        align-items: center;
        color: #77879A;
        background: #ffffff;
        font-size: avenir;
        font-weight: 700;
        font-size: 13px;
        line-height: 20.8px;

    }
    .match:hover {
        background-color:#4BA46F;
        color:#FFFFFF;
    }
    .head_log{               

        font-style: normal;
        font-weight: 500;
        font-size: 17px;
        line-height: 21px;

        color: #000000;

    }
    .log_atten{
        background-color:#4BA46F;
        color:#FFFFFF;
        margin-bottom: 0px;
        width: 291px;
        height: 60px;
    } 
    .ce{
        margin-top: 270px;
        margin-bottom: 272px;
    }
    .dropdown-menu li a:hover
    {
background-color: #3e8e41;
color:white;
}

    .pp{
        width:242px;
        height:46px;
        background: #F5F6F8;
        border-radius: 10px;
        color:black;
        border: 1px solid #ccc;
        text-align: left;
        font-weight: 500;

    } 
    .rr{
        width: 228px;
        height: 79px;
    }
    .dropdown-menu>li>a {
        color: #000000;
        font-weight: 600;
        font-size: 14px;
    }
    .he{
        width: 189px;   

    }
    .te{
        width: 400px;
        min-height: 236.73px;
        bottom: 55.87%;
        background: #F4F6F8;
        box-shadow: 0px 2.53061px 8.85714px rgba(181, 181, 181, 0.5);
        border-radius: 12.6531px;
        font-weight: 500;
        font-size: 16px;
        line-height: 27px;
        color: #000000;    
    }
    .add{

        width: 630px;
        height: 60px;
        left: 391px;
        top: 147px;
        background: #FFFFFF;
        box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.25);
        border-radius: 12px;
        margin:15px;
        color: #000000;
        display: flex;

    }
    .bor{
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }
    .participant{
        padding-top: 5px;
        padding-left: 15px;
        font-size: 13px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 0.13px;
        color: #000000;
        border: 1px solid #D1D1D1;
    }
    .bort{
        border-radius: 10px;
    }
    .part{
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }
    .ss{
        dispaly:none;
    }


    /*end*/

    .icon_tooltip{
        background-color: #FFFFFF;
        text-align: center;
        padding: 13px 0;
        width :68px;
        height :41px;
        position: absolute;
        z-index: 1;
        box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.25);
        border-radius: 10px;
        margin: 10px 0px 0px -12px;
    }
    
    .paddingleft30{
padding-left: 30px
}
    #DataTables_Table_update_Attendance_wrapper{
        margin: 0 30px 0 30px !important;
        padding-top: 20px;
    }
    .unmatched_member{
        font-style: normal;
        font-weight: 700;
        font-size: 13px;
        line-height: 19px;
        letter-spacing: -0.03em;
        color: #BF2828;
        cursor: pointer;
    }
    .mem_match_label{
        line-height: 21px;
        font-size: 14px;
        padding: 19px 50px;
        font-weight: 600;
    }

    .matched_member{
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 19px;
        color: #009A61;
        cursor: pointer;
    }

    #class_update_attendance table.dataTable thead th{
        border-bottom:0 !important;
        font-style: normal;
        font-weight: 700 !important;
        font-size: 11px !important;
        line-height: 16px !important;
        color: #77879A;
    }

    #class_update_attendance table.dataTable td{
        font-weight: 600 !important;
        font-size: 14px !important;
        line-height: 19px !important;
    }

    .log_modal{
border: none;
border-radius: 15px !important;
width: 293px !important;
height:276px !important;
}
    .zero_log_modal{
border: none;
border-radius: 15px !important;
width: 293px !important;
height:215px !important;
}
    #zero_log_attendance{
        margin: 0 0 18px;
        font-size: 14px;
        font-weight: 600;
        padding: 10px 12px;
    }
    #log_attendance_popuptitle{
        font-style: normal;
        font-weight: 700;
        font-size: 13px;
        line-height: 21px;
        text-align: center;
        padding: 13px 38px;
    }

    .update_attendance_tab   .dataTables_filter{  
width: 234px !important;
}

    .modal-header_padding{
padding:23px 52px 15px
}
    #note_textarea_modal .but{
        padding: 15px 0 24px;
        margin: 0;
        font-style: normal;
        font-weight: 700;
        font-size: 13px;
        line-height: 21px;
    }

    #note_textarea_modal .modal-footer { 
padding: 0;
}

    /*arockiya ends*/

    /*Log attendance*/
    .log{
        width: 293px;        
        border-radius: 10px;
    }
    .head{       
        width: 151px;
        height: 63px;        
        font-style: normal;
        font-weight: 700;
        font-size: 13px;
        line-height: 21px;
        text-align: center;
        color: #000000;
        margin-left: 60px;
    }
    .ip{
        width: 266px;
        height: 60px;
        border-radius: 10px;
        background: #F5F6F8;
        color:#000000;

    }
    .match{
        color: #FFFFFF;
        background: #E7E7E7;
        width: 291px;
        height: 60px;                   
    }
    .distance{
        text-align: center;
        font-size: 800;
        font-weight: 800;
        font-size: 14px;
        line-height: 20.8px;
        color: #77879A;
        margin-top: 18px;
        margin-bottom: 19px;
    }
    .but{
        align-items: center;
        color: #77879A;
        background: #ffffff;
        font-size: avenir;
        font-weight: 700;
        font-size: 13px;
        line-height: 20.8px;

    }
    .match:hover {
        background-color:#4BA46F;
        color:#FFFFFF;
    }
    .head_log{               
        font-style: normal;
        font-weight: 600;
        font-size: 13px;
        line-height: 21px;
        text-align: center;
        color: #000000;

    }
    .log_atten{
        background-color:#4BA46F;
        color:#FFFFFF;
        margin-bottom: 0px;
        width: 291px;
        height: 60px;
    } 
    .ce{
        margin-top: 270px;
        margin-bottom: 272px;
    }
    .dropdown-menu li a:hover
    {
background-color: #3e8e41;
color:white;
}
    .amplifydashboard .dropdown-menu li :hover{
        background-color:unset;
        color:#484646;
    }

    .amplifydashboard .dropdown-menu{
        border-radius: 6px;
        border: 1px solid #00003B0D;
        background: #fff;
        color: #6F6F6F;
        box-shadow: 0px 12px 32px -16px;
        min-width:100px;
        left:-75px; 
        top:100%;
        padding: 0px 8px;
    }

    .amplifydashboard .btn{
        border-radius: 50%; 
        width:24px; 
        height:24px; 
        padding:0px; 
        margin:0px; 
        background-color:initial;
        border-color: inherit;
    }

    .amplifydashboard .ul .li{
        color:#6F6F6F;
        cursor: pointer;
    }

    .amplifydashboard .disabled{
        opacity: 0.5; /* Set opacity to 50% */
        pointer-events: none; /* Disable pointer events */
        cursor: not-allowed; /* Change cursor to not-allowed */
    }

    .pp{
        width:242px;
        height:46px;
        background: #F5F6F8;
        border-radius: 10px;
        color:black;
        border: 1px solid #ccc;
        text-align: left;
        font-weight: 500;

    } 
    .rr{
        width: 228px;
        height: 79px;
    }
    .dropdown-menu>li>a {
        color: #000000;
        font-weight: 600;
        font-size: 14px;
    }
    .he{
        width: 225px;
        margin: 0px;
    }
    /*end*/
    #match_btn_ok[disabled]{
        border: white!important;
        background: #E7E7E7 !important;
    }
    #match_btn_ok{
        border: green!important;
        background: #4BA46F;

    }
    .pform-group ul{
        margin: 0;
    }
    .pform-group ul li{
        padding: 0!important;
        border: 0!important;

        /*color:blue!important;*/
        /*background: #4BA46F !important;*/
    }
    .pform-group li:first-child{
        background-color: #4BA46F !important;
    }
    .pform-group li:hover{
        background-color: #4BA46F !important;
    }
    .activegreen{
        font-style: normal;
        font-weight: 700;
        font-size: 13px;
        line-height: 19px;
        color: #009A61 !important;
        border-bottom: 3px solid #009A61;
        padding: 0 15px 17px;
        transition: color 0.1s,transform 0.2s ease-out;
    }
    #editname{
        cursor: pointer;
    }
    #mrank{
        white-space: nowrap;
        width: 235px;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-right: 40px;
    }

    .disabledashboard{
        pointer-events: none;
    }
    .gross-sales{
        color: #009a61;
        cursor: pointer;
    }
    

    .icon_tooltip{
        background-color: #FFFFFF;
        text-align: center;
        padding: 13px 0;
        width :68px;
        height :41px;
        position: absolute;
        z-index: 1;
        box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.25);
        border-radius: 10px;
        margin: 10px 0px 0px -12px;
        font-style: normal;
        font-weight: 600;
        font-size: 11px;
        line-height: 16px;
        color: #000000;
    }
    .main_submenu{
        width: 200px;
        /*float: right;*/
        position: fixed;
        right: -1px;
        background-color: white;
        z-index: 1;
        top: 44px;
        height: 100%;
        border: solid 1px #dde1e5;
        left: 51px;
    }
    .onboard_menu{
        width: 250px;
    }
    .twilio{
        height: 45px !important;
    }
    #filter_appt_date:disabled{
        cursor: not-allowed;
    }
    .customer-access-page{
        margin-left: 50px;
    }
    .customer-access-page .flex_wrapdiv{
        width: 1000px;
    }
    .customer-access-page .memberapp_section {
        padding-left: 35px;
        border-left: 1.333px solid #DDDDDD;
    }
    
    /* deepz side menu clicable */
    /* @media
    only screen
    and (min-width : 1025px) and (max-width : 1440px){  
        .spinner-container{
            left: 30%;
        }
        #progress-full,#stripe-progress-full{
            width: calc(100vw - 250px); 
            right: 0;
            left: auto;
        }
    } */
    @media only screen and (min-width : 1300px) and (max-width : 1340px){  
        .customer-access-page{
            margin-left: 30px !important; 
            overflow: hidden;
         }
    }
    @media only screen and (max-width : 1300px){  
        .customer-access-page{
            margin-left: 15px !important; 
            overflow: hidden;
         }
        #sellThis input{
            position: absolute;
        }
    }
    @media  only screen and (min-width : 1441px){
        .spinner-container{
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
        #progress-full,#stripe-progress-full{
            width: calc(100vw - 250px); 
            right: 0;
            left: auto;
        }
    }
    #match_btn_cancel{
        cursor: pointer;
        width: 100%;
        height: 57px;
        margin-bottom: unset;
        background-color: unset;
        border-top: 1px solid #CCC !important;
        margin-bottom: 0px;
        box-shadow: none;
    }
    #donot_log_btn{
        cursor: pointer;
        width: 100%;
        height: 57px;
        margin-bottom: unset;
        background: white;
        margin-bottom: 0px;
        box-shadow: none;
    }
    #not_log_attend{
        cursor: pointer;
        width: 100%;
        margin-bottom: unset;
        box-shadow: none;
    }

    .count_style{
        font:13px Avenir;
        float:right;
        color:#b3b1b1;
        margin-top:5px;
    }

    .disable_class_attendance{
        color: #bbb;
        cursor: not-allowed;
    }
    
    
    /* Arockiya css */

    .maxwidth_div{
        /*padding: 35px 38px;*/
        padding-left: 310px;
        padding-top: 100px;
        box-sizing:border-box;
        font-family: Open Sans;
    }

    .refer_earn{
        position: absolute;
        /*left: 1265px;*/
        right: 303px;
        font-size: 15px;
        color: black;
        top: 11px;
        cursor: pointer;
    }
    .Medium_tablet_modal .refer_earn,.Tablet_modal .refer_earn,.Big_tablet_modal .refer_earn{
        right: 280px;
    }
    .refer-side-menu{
        padding-top: 6.5px !important;
        padding-bottom:6px !important;
        background: none !important; 
        cursor: pointer;
        text-shadow: none !important;
    }

    .h1_level_head{
        font-family: Open Sans;
        font-style: normal;
        font-weight: 600;
        font-size: 35px;
        line-height: 45px;
        color: #000000;
        letter-spacing: 0.388462px;
        margin-bottom: 25px;
        margin-top: 12px;
    }
    .h3_level_head{
        font-weight: 600;
        font-size: 22px;
        line-height: 27px;
        letter-spacing: 0.288462px;
        color: #000000;
        font-family: Open Sans;
    }
    .flex_wrapdiv{
        width: 100%;
        display: flex;
        /* flex-flow:wrap;   */
    }
    .input_txt{
        background: #FFFFFF;
        box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.25);
        border-radius: 10px;
        border: none;
        padding: 9px 14px 12px;
        font-size: 14px;
        color: #000;
        font-weight: 400;
        font-family: Open Sans;
    }
    .input_txt::placeholder{
        letter-spacing: 0.288462px;
        color: rgba(0, 0, 0, 0.5);
    }
    .copy_greenbg_button{
        background: #009A61;
        box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.25);
        border-radius: 10px;
        padding: 8px 16px;
        border: none;
        color: #fff;
        font-weight: 700;
        font-family: Open Sans;
    }
    .p_tag{
        font-weight: normal;
        font-size: 16px;
        line-height: 23px;
        letter-spacing: 0.288462px;
        color: #000;
        font-family: Open Sans;
    }
    .modal_input{
        background: #FFFFFF;
        box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.25);
        border-radius: 10px;
        Height:40px;
    }
    .modal_header{
        font-family: Open Sans, sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 23px;        
        display: flex;
        align-items: center;
        text-align: center;
        letter-spacing: 0.29px;
        color: #000000;
    }
    .modal_box{
        background-color: white;        
        border: 1.25px solid #D2D2D2;
        padding: 23px 30px;        
        border-radius: 12.5px;
        Width:600px;       
    }
    .refer_lgmodal_content{
        font-family: Open Sans, sans-serif;
        font-style: normal;        
        font-size: 16px;
        line-height: 25px;        
        color: #000000;
    }
    .refer_lgmodal_button{
        background: #009A61;
        box-shadow: 0px 3px 9px rgba(156, 156, 156, 0.5);
        border-radius: 6.25px;
        Width:174px;
        Height:48px;
        color:#FFFFFF;
        font-style: normal;
        font-weight: bold;
        font-size: 16.25px;
        line-height: 22px;
        letter-spacing: 0.171237px;
    }
    .refer_lgmodal_content li{
        font-size: 16px !important;
        font-family: Open Sans, sans-serif !important;
    }
    .footer_button{
        font-weight: 600;
        font-size: 16px;
        line-height: 22px;
        display: flex;
        align-items: center;
        text-align: center;
        letter-spacing: -0.203079px;
        color: #009A61;
    }
    .refer-name{
        font-family: Open Sans;
        font-style: normal;
        font-weight: 600;
        font-size: 13px;
        line-height: 18px;
        letter-spacing: 0.288462px;
    }


    .move_refer_right{
        right: 270px !important;
    }


    /*//note view*/
#noteview .title{
    font-size:18px;
    font-weight:500;
}

#noteview .match{
    background-color:#009A61;
}
#noteview .distance{
    font-size: 18px;
    font-weight: 400;
    cursor: pointer;
}
#noteview .single-btn {
    background: #fff;
    color: #009a61;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    height: 60px;
    border: transparent;
    border-top-color: transparent;
    border-top-style: none;
    border-top-width: medium;
    border-top: solid .6px #979797;
    border-radius: 0 0 11px 11px;
}
.show-participant .cust-name{
    font-size: 11px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.22px;
    color: #009A61;
    text-transform: uppercase!important;
    margin-top: -5px;
    display: flex;
    align-items: center;
}
.show-participant .part-name{
    font-size: 18px;
    font-weight: 600;
    line-height: 33px;
    letter-spacing: 0.22px;
}
.global-modal.fade.in {
    background: rgba(0,0,0,0.6);
}
.global-modal .modal-dialog{
    width: var(--modal-width);
    padding-left: 0!important;
    margin: 0;
}
.global-modal .modal-content{
    width: var(--modal-width);
    max-height: calc(var(--screen-height) / 100 * 57);
    overflow-y: auto;
    border-radius: calc(var(--screen-height) / 100);
}
.global-modal .modal-body{
    font-family: 'OpenSans-Regular' !important;
    font-size: calc(var(--screen-width) / 100 * 0.9)!important;
    color: #000;
}
.global-modal .modal-body p{
    margin-bottom: 0;
    font-size: calc(var(--screen-width) / 100 * 0.9);
    line-height: 24.57px;
    letter-spacing: -0.25px;
}
.global-modal .modal-content::-webkit-scrollbar{
    display: none;
}
.global-modal .modal-footer{
    padding: 0;
}
.global-modal .modal-footer button{
    padding: calc(var(--modal-width) / 100 * 8) 0; /* calculating 8% of the modal width */
    line-height: 0;
    height: calc(var(--modal-width) / 100 * 20); /* calculating 20% of the modal width */
}
.global-modal .modal-body{
    padding: calc(var(--modal-width) / 100 * 10);
    text-align: center;
}
.global-modal .custom-modal-button{
    margin: 0;
    border-radius: 0;
    box-shadow: none;
    font-size: calc(var(--screen-width) / 100 * 0.9);
    font-family: 'OpenSans-SemiBold' !important;
    height: calc(var(--modal-width) / 100 * 20);
}
.global-modal .custom-modal-button:last-child{
    border-radius: 0 0 calc(var(--screen-height) / 100) calc(var(--screen-height) / 100);
}
.global-modal .white-button {
    color: #777;
    border: 0;
    border-top: 1px solid #bebebe;
}
.global-modal .green-button {
    font-weight: 800;
}
.text-ellipsis{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.absolute-center{
    position: absolute;
    top: 50%    ;
    left: 50%!important;
    transform: translate(-50%, -50%)!important;
    margin: 0!important;
}
.green-text{
    color: #009a61!important;
}
.green-text.disabled-text{
    color: #C5C5C5!important;
}
@media only screen and (max-width : 500px){
    .global-modal .modal-dialog{
        width: unset;
    }
    .global-modal .modal-footer button{
        padding: calc(80vw / 100 * 8);  
        line-height: 0;
        height: calc(80vw / 100 * 20)!important;   
        font-size: calc(var(--screen-width) / 100 * 5);
    }
    .global-modal .modal-body{
        padding: calc(80vw / 100 * 10);
        font-size: calc(var(--screen-width) / 100 * 5);
        text-align: center;
    }
    .global-modal .modal-body p{
        font-size: calc(var(--screen-width) / 100 * 5);
    }
    .global-modal .modal-content{
        border-radius: 10px;
        width: 80vw;
        max-height: 80vh;
    }
    .global-modal .custom-modal-button:last-child{
        border-radius: 0 0 10px 10px;
    }
}
.leftoverridememmisc55{
    left: 55px;
}
.leftoverridememmisc250{
    left: 250px;
}
.leftoverrideeveisc240{
    left: 240px;
}
.leftoverrideeveisc405{
    left: 405px;
}
.leftoverridetrialmisc82{
    left: 82px;
}
.leftoverridetrialmisc247{
    left: 247px;
}
.search_all_customer .dataTables_scroll{
    visibility: hidden;
}
.search_all_customer{
    height: 350px;
}
ul.cstm-field-tab li {
    display:inline-block;
    width: 200px;
    border-right: 1px solid #ccc;
    margin: 0;
    padding: 10px;
    border: 1px solid #ccc;
    border-bottom: none;
    cursor: pointer;
}

ul.cstm-field-tab {
    width: 100%;
    border-bottom: 1px solid #ccc;
}
ul.cstm-field-tab li.active{
    background: #009a61;
}
ul.cstm-field-tab li.active a{
    color: #fff;
}

.cstm-field-desc{
    color: #000;
    padding: 20px;
}
.cstm-field-header{
    font-size: 13px;
    line-height: 22px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 2px;
}
/* Based on figma Values */
/* .cstm-field-input{
    height: 60px;
    width: 630px;
    border-radius: 15px;
    background: #fff;
    font-size: 21px;
    line-height: 29px;
    display: flex;
    align-items: center;
    font-weight: 500;
    padding: 15px;
    margin-bottom: 30px;
    box-shadow: 0px 2px 8px 0px rgba(181,181,181,0.5);
} */
/* Adjusted design */
.cstm-field-input{
    height: 45px;
    width: 40%;
    border-radius: 10px;
    background: #fff;
    font-size: 15px;
    line-height: 29px;
    display: flex;
    align-items: center;
    font-weight: 500;
    color: #000;
    padding: 15px;
    margin-bottom: 20px;
    box-shadow: 0px 2px 5px 0px rgba(181,181,181,0.5);
}
#updatecustomfield-modal textarea, #note_textarea_modal textarea,#memHistoryNoteModal textarea{
    resize: none;
    box-shadow: 0px 2px 8px 0px rgba(181,181,181,0.5);
    background: #F4F6F8;
    border: 0;
    font-size: 14px;
    width: 100%;
}
#updatecustomfield-modal .title-text{
    text-align: left;
    display: inline-block;
    width:calc(100% - 60px);
}
#updatecustomfield-modal .count-text{
    width: 60px;
    float: right;
    display: inline-block;
}
#updatecustomfield-modal .count-text, #note_textarea_modal .count-text,#memHistoryNoteModal .count-text{
    text-align:right;
    font-size: 12px;
    color: #777;
    margin-top: 3px;
}
#updatecustomfield-modal .modal-footer, #note_textarea_modal .modal-footer{
    padding: 0
}
#updatecustomfield-modal .modal-footer .button, #note_textarea_modal .modal-footer .button , #curriculum_restriction_modal .modal-footer .button,#memHistoryNoteModal .modal-footer .button{
    border-radius: 0;
    height: 55px;
}
#updatecustomfield-modal .modal-footer .button:last-child, #note_textarea_modal .modal-footer .button:last-child, #curriculum_restriction_modal .modal-footer .button:last-child,#memHistoryNoteModal .modal-footer .button:last-child{
    border-radius: 0 0 10px 10px!important;
    margin-top: 0;
    color: #777;
}
.Mobile_modal #note_textarea_modal .modal-dialog{
    width: 90%;
}
#note_textarea_modal .modal-footer .button:last-child{
    border-top: 1px solid #DCDCDC;
}
#updatecustomfield-modal textarea::-webkit-scrollbar, #note_textarea_modal textarea::-webkit-scrollbar {
    width: 15px;
    background: transparent;
}
#updatecustomfield-modal textarea::-webkit-scrollbar-thumb, #note_textarea_modal textarea::-webkit-scrollbar-thumb {
    width: 15px;
    background: #D8D8D8;
    border-radius: 5px;
}
#customer_msg_email .modal-dialog{
    position: fixed;
    top: 255px;
    left: 55px;
    margin: 0;
    box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.25);
    border-radius: 10px; 
    width: 265px;
}
.Mobile_modal #customer_msg_email .modal-dialog {
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
#customer_msg_email .modal-content{
    border-radius: 10px;
    box-shadow: none;
    width: 265px;
}
#customer_msg_email .modal-body {
    max-height: 175px;
    overflow: auto;
}
#customer_msg_email .cust-key {
    font-size: 12px;
    font-weight: 800;
    text-align: left;
    color: #8f8f8f;
}
#customer_msg_email p.cust-value {
    margin-bottom: 5px;
    font-weight: 800;
    margin-right: 25px;
}
#customer_msg_email .cust-value{
    font-size: 16px;   
    letter-spacing: -0.36px;
    font-weight: 500;
}
#customer_msg_email input{
    margin-right: 10px;
}
#customer_msg_email .cust-list {
    line-height: 18px;
    display: inline-block;
    text-align: left;
    margin: 5px 0;
    padding-left: 20px;
    /* max-width: 170px; */
}
.safari #customer_msg_email .custom-modal-button{
    font-weight: 500 !important;
}
#customer_msg_email .custom-modal-button{
    font-style: normal;
    font-weight: 700;
    letter-spacing: -0.306743px;
    font-size: 15px;
    height: 55px;
}
/* All customer add photo section */
/* .profile-section{
    display: flex;
    align-items: center;
    margin-bottom: 10px;
} */
/* .profile-section .profile-name{
    display: inline-block;
    width: calc(100% - 70px);
    margin-left: 5px;
} */
.ng-img-uploader{
    position: relative;
    border-radius: 50%;
    background: #ccc;
    width: 70px;
    height: 70px;
    overflow: hidden;
}
.profile-img input{
    width: 70px;
    height: 70px;
    z-index: 99;
    border-radius: 50%;
    display: none;
    position: absolute;
    cursor: pointer;
}
.ng-img-uploader img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 999;
    width: 100%;
}
#imgCropperCanvas{
    object-fit: contain;
    /* min-width: 100%; */
    max-height: 300px;
}
#img-cropper-modal .modal-backdrop{
    z-index: 0;
}
#img-cropper-modal .modal-content{
    margin: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 550px;
    height: unset;
}
#img-cropper-modal .modal-header{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 0;
    height: 42px;
}
#img-cropper-modal .modal-body {
    margin: 0;
    padding: 22px 21px 0;
}
#img-cropper-modal .modal-action{
    height: 43px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 18px;
}
#img-cropper-modal .modal-action button{
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 2px;
    color: #000;
    padding: 5px 10px;
}
#img-cropper-modal .modal-header button{
    margin-top: 0;
    font-size: 18px;
    font-weight: 800;
    line-height: 16.1px;
    letter-spacing: 0.19px;
    border: 0;
    color: #ccc;
    background: transparent;
}
.profile-remove-btn{
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 50%;
    color: #fff;
    z-index: 9999;
    display: none;
    border: 0;
    margin: 0;
    font-size: 12px;
    background: rgba(0, 0, 0, 0.5);
}
.ng-img-uploader:hover .profile-remove-btn {
    display: block;
}
#customer_msg_email .tooltiptexts {
    visibility: unset;
    display: none;
}
#customer_msg_email .tooltips:hover .tooltiptexts {
    visibility: unset;
    display: block;
}
#customer_msg_email .container_check{
    /* display: inline-block;
    position: relative;
    padding-right: 20px;
    padding-bottom: 23px;
    font-size: 22px; */
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /* font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.13px;
    color: #72879c; */
}
#customer_msg_email .container_check input, #customer_msg_email .container_check .checkmark{
    right: 0;
    margin-right: 0;
    left: unset;
}
.container_check input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    left: 0;
    z-index: 9999999;
}
.container_check .checkmark{
    position: absolute;
    top: 3px;
    left: 0;
    height: 13px;
    width: 12px;
    background-color: white;
    border: solid 1px #cccccc;
    border-radius: 3px;
    margin-right: 0px !important;
}
@media only screen and (max-width: 640px){
    #customer_msg_email .container_check .checkmark {
        box-shadow: unset;
        border-radius: 3px;
        position: absolute;
        min-width: unset;
        padding: 0;
        margin-right: 0 !important;
    }
    #customer_msg_email .container_check .checkmark::after{
        top: 1px !important;
        left: 5px !important;
    }

    .overlay_box {
        width: 140px !important;
        transform: translate3d(0,0,0) !important;
        position: relative;
        right: 0 !important;
        height: 45px !important;
        bottom: 0 !important;   
        border-top-right-radius: 0px !important;
    }

    .overlay_box img {
        width: 90px !important;
        margin-top: 8px !important;
    }
}
#customer_msg_email .container_check .checkmark{
    height: 15px;
    width: 15px;   
}
#customer_msg_email .container_check .checkmark::after{
    top: 0;
    left: 4px;
}
.container_check input:checked ~ .checkmark{
    background-color: #009a61;
    border: solid 1px #009a61;
}
.container_check .checkmark:after{
    content: "";
    position: absolute;
    /* display: none; */
}
/* .container_check input:checked ~ .checkmark:after{
    display: block;
} */
.container_check .checkmark:after{
    left: 3px;
    top: -1px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.cstm-field-checkbox .container_check .checkmark{
    top: unset;
    left: 20px;
    margin-top: 3px;
}
.cstm-field-checkbox .container_check input {
    left: 20px;
}
.cstm-field-checkbox .container_check label{
    margin-left: 20px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.5);
    font-size: 10px;
}
.aligntext{
    text-align: left;
}
    .franc_account_filter{
        position: absolute;
        right: 41.74%;
        bottom: 23.74%;
        background: #FFFFFF;
        border: 1px solid #EAE8E8;
;
        box-sizing: border-box;
        z-index: 1;
        height: 524px;
        width: 332px;
        left: 495px;
        top: 82px;
        border-radius: 10px;
    }
    .franc_filter_button{
        border: 0px;
        position: absolute;
        width: 330px;
        height: 60px;
        background: #4BA46F;
        border-radius: 0px;
    }
    .franc_search_box{
        width: 100%;
height: 52px;
background: #FFFFFF;
border: 0.5px solid #DFE3E7;
padding: 18px 20px 15px 38px;
color: black;
    }
    .franc_filter_Cancel_button{
        margin-top: 55px;
        border: 0px;
        position: absolute;
        width: 330px;
        height: 60px;
        background: #FFFFFF;
        border-radius: 0px 0px 10px 10px;
    }
    .franc-filter-heading{
        font-size: 16.675px;
        font-style: normal;
        font-weight: 500;
        line-height: 25px;
        letter-spacing: -0.21257437765598297px;
        text-align: center;
        color: black;
        margin: 23px 33px 20px 36px;
    }
    .franc_account_list{
        cursor: pointer;
margin-top: 0px;
font-size: 13px; 
        font-weight: 400;  
font-stretch: normal;  
font-style: normal;  
line-height: normal; 
        letter-spacing: 0.13px;  
color: #000000;
        height: 52px;
        border-bottom: 1px solid #eae8e8;
    }
    
     .franc_acc_list{
        position: absolute;
        height: 19px;
        font-style: normal;
        font-weight: 500;
        font-size: 13px;
        line-height: 19px;
        letter-spacing: -0.3675px;
        color: #000000;
        align-items: center;
        display: flex;
        margin: 17px;
    }
    .franc_filter:hover .tooltiptexts {
        visibility: visible;
    }
     /* Hide the default checkbox */ 
    .franc_acc_list input[type=checkbox] { 
        visibility: hidden; 
    } 
    .franc_gross_sale{
        position: absolute;
        background: #FFFFFF;
        height: 340px;
        width: 332px;
        left: 790px;
        top: 211px;
        border-radius: 10px;
        
        right: 41.74%;
        bottom: 23.74%;
        border: 1px solid #EAE8E8;
        box-sizing: border-box;
        z-index: 1;
    }
    .gross-sale-button{
        border: none;
        background-color: white;
        color: #009A61;
        font-size: 16.875px;
        font-style: normal;
        font-weight: 700;
        line-height: 23px;
        letter-spacing: -0.16312287747859955px;
        text-align: center;
        padding-top: 8px;
        cursor: pointer;
    }
    @media (max-width: 1400px){
    .franc_gross_sale{
        left: 570px !important;
    }
    }

    /* Creating a custom checkbox 
    based on demand */ 
    .geekmark { 
        position: absolute; 
        top: 3px; 
        left: 0; 
        height: 13px; 
        width: 13px; 
        border: 1px solid #979797;
        border-radius: 3px; 
    } 

    /* Specify the background color to be 
    shown when checkbox is checked */ 
    .franc_acc_list input:checked ~ .geekmark { 
        background-color: #4BA46F !important; 
        border-color: #4BA46F !important;
    } 

    /* Checkmark to be shown in checkbox */ 
    /* It is not be shown when not checked */ 
    .geekmark:after { 
        content: ""; 
        position: absolute; 
        display: none; 
    } 

    /* Display checkmark when checked */ 
    .franc_acc_list input:checked ~ .geekmark:after { 
        display: block; 
    } 

    /* Styling the checkmark using webkit */ 
    /* Rotated the rectangle by 45 degree and 
    showing only two border to make it look 
    like a tickmark */ 
    .franc_acc_list .geekmark:after { 
        left: 4px; 
        bottom: 1px; 
        width: 4px; 
        height: 10px; 
        border: solid white; 
        border-radius: 1px;
        border-width: 0 2px 2px 0; 
        -webkit-transform: rotate(50deg); 
        -ms-transform: rotate(50deg); 
        transform: rotate(50deg); 
    } 
    
    /* new  styles for -> all customers -> trial,programs,events members filter - starts */
    
    .program_filter_dropdown li a:hover{
        background-color:transparent;
        cursor:pointer;
    }
    
    .program_filter_dropdown{
        /*height: 299px;*/
        width: 440px;
        border-radius: 0px;
        overflow:auto;
        border:none;
        background: #FFFFFF;
        box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.25);
        border-radius: 8px;
        overflow-x: hidden;
        cursor:pointer;
    }
    .program_filter_dropdown li{
        margin-left: 10px;
        /*margin-bottom: 3px;*/
        cursor:pointer;
    }
    
    .dropdown_filter_check {
        display: inline-block;
        position: relative;
        padding: 0 8px 0 17px;
        /*margin-bottom: 3px;*/
        cursor: pointer;
        font-size: 22px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        font-size: 14px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 0.13px;
        color: #72879c;
    }

    /* Hide the browser's default checkbox */
    .dropdown_filter_check input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;

    }

    /* Create a custom checkbox */
    .dropdown_filter_checkmark {
    position: absolute;
    top: 3px;
    left: 0px;
    height: 17px;
    width: 17px;
    background-color: white;
    border-radius: 0px;
    margin-right: 0px !important;
    border: 1px solid #000000;
    box-sizing: border-box;
    border-radius: 2px;
    }
    
    .dropdown_filter_checkmark.message-once-check-box {
        margin-top: 2px;
        top:0; 
        left: 11px;
    }
    
    .sidebar-email .dropdown_filter_checkmark.message-once-check-box {
        margin-top: 7px;
    }
    
    /* When the checkbox is checked, add a green background */
    .dropdown_filter_check input:checked ~ .dropdown_filter_checkmark {
        background-color: white;
        border: 0.5px solid transparent;
        box-sizing: border-box;
        border-radius: 2px;
    }

    /* Create the checkmark/indicator (hidden when not checked) */
    .dropdown_filter_checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }

    /* Show the checkmark when checked */
    .dropdown_filter_check input:checked ~ .dropdown_filter_checkmark:after {
        display: block;
    }

    /* Style the checkmark/indicator */
    .dropdown_filter_check .dropdown_filter_checkmark:after {
        left: 5px;
        top: 0px;
        width: 5px;
        height: 12px;
        border: solid white;
        border-width: 0 2px 2px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    
     /* Create a custom checkbox */
    .dropdown_filter_checkmark_2 {
    position: absolute;
    top: 3px;
    left: 0px;
    height: 17px;
    width: 17px;
    border-radius: 0px;
    margin-right: 0px !important;
    }
    
    /* When the checkbox is checked, add a green background */
    .dropdown_filter_check input:checked ~ .dropdown_filter_checkmark {
        background-color: #009A61;
        border-color: transparent !important;
    }

    /* Create the checkmark/indicator (hidden when not checked) */
    .dropdown_filter_checkmark_2:after {
        content: "";
        position: absolute;
    }

    /* Style the checkmark/indicator */
    .dropdown_filter_check .dropdown_filter_checkmark_2:after {
        left: 5px;
        /*top: 2px;*/
        width: 7px;
        height: 13px;
        border: solid #009A61;
        border-width: 0 2px 2px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .membutton{
        border:none;
        font-size: 14px;
        color:black;
        border-radius: 6.7px;
        height:40px !important;
        min-width:165.5px;
        text-align:left;
        background:white;
        font-weight:400;
        padding: 10px 15px;
        vertical-align: middle;
        -webkit-appearance: none;
        box-shadow: 0px 2.4px 8.4px 0px #B5B5B580;
    }
    .membutton input{
        background: transparent !important;
        padding: 0;
        box-shadow: none;
    }
    .meminput{
        border: none;
        font-size: 14px;
        color: #000;
        border-radius: 6.7px;
        height: 40px;
        width: 55.5px;
        text-align: left;
        background: #fff;
        font-weight: 400;
        padding: 10px;
    }
    .filterbutton{
        /*margin:5px 13px 0px 0px;*/
        background:  #009A61;
        border:none;
        font-size: 14px;
        color:white;
        box-shadow:0px 2px 7px #a7a7a7 !important;
        border-radius: 6.7px;
        width:100px;
        height:40px;
        font-weight:600;
        margin-top:5px;
    }
    .clearbutton{
        background: #FFFFFF;
        font-weight:400;
        border:none;
        font-size: 14px;
        color:#555555;
        box-shadow:0px 2px 7px #a7a7a7 !important;
        border-radius: 6.7px;
        width:100px;
        height:40px;
        margin-top:5px;
    }
    .filterdrop {
        border-top: 9px solid;
        border-right: 7px solid transparent;
        border-left: 7px solid transparent;
        float: right;
        margin-top: 7px;
        color: #000;
    }
    .dropdown-label{
        color: #777777;
        font-size: 12px;
        text-align: left;
        margin-bottom: 10px;
    }
     .datatablecard{
        background: #FFFFFF;
        box-shadow: 0px 2.3861px 8.35135px rgba(171, 171, 171, 0.5);
        border-radius: 10px;
        padding-top: 40px;
    }
    .filter_lastAttended_input{
    height: 45px;
    width: 55.5px;
    left: 181px;
    top: 0px;
    left: 19.89%;
    right: 74.01%;
    top: 0%;
    bottom: 2.17%;
    background: #FFFFFF;
    box-shadow: 0px 2px 4px rgb(189 189 189 / 50%);
    border-radius: 6.7px;
    border: none;
    }
    
    .filter_and_clear_btn{
        height: 46px;
        width: 100px;
        left: 450px;
        top: 0px;
        left: 49.45%;
        right: 39.56%;
        top: 0%;
        bottom: 0%;
        background: #FFFFFF;
        box-shadow: 0px 2px 7px #a7a7a7 !important;
        border-radius: 6.7px;
        border: none;
    }
    .guide{
       
            height: 35px;
            width: 140px;
            left: 450px;
            top: 0px;
            left: 49.45%;
            right: 39.56%;
            top: 0%;
            padding: 3px 6px;
            background: #FFFFFF;
            box-shadow: 0px 2px 7px 0px rgba(213, 213, 213, 1) !important;
            border-radius: 6.7px;
            border: none;
      
    }
    .program_participants_action_text{
    cursor: pointer;
    letter-spacing: 0.155097px;
    color: #000000;
    font-weight:500;
    font-size:12px;
    }

    .dropdownTxtTooltip {
        display: block;
        white-space: nowrap;
        max-width: 375px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .showTooltip{
        display:block;
    }
    .hideTooltip{
        display:none;
    }
    .dataTableTooltipTxt{
        visibility: hidden !important;
        width:200px !important;
        position:relative !important;
        box-shadow: rgb(0 0 0 / 25%) 0px 2px 7px !important;
        border-radius: 10px !important;
        top:-9px !important;
        height: auto !important;
        text-align:center !important;
        bottom: auto !important;
        word-wrap: break-word !important;
    }
    .dataTableTooltip{
        position:absolute;
        pointer-events:none;
    }
    .dropdownTxtTooltip::after{
        content:'';
        display: block;
    }
    .eventParticipantNameEllipsis{
        max-width: 161px !important;
    }
    .participantNameEllipsis {
        display: block;
        white-space: nowrap;
        max-width: 150px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .participantNameEllipsis::after{
        content:'';
        display: block;
    }
    
    .eventTitleNameEllipsis {
        display: block;
        /*border: 1px solid black;*/
        white-space: nowrap;
        max-width: 186px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .eventTitleNameEllipsis::after{
        content:'';
        display: block;
    }
     .prgmTitleNameEllipsis::after{
        content:'';
        display: block;
    }
    
     .emailEllipsis {
        display: block;
        /*border: 1px solid black;*/
        white-space: nowrap;
        max-width: 180px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .emailEllipsis::after{
        content:'';
        display: block;
    }
    /* new  styles for -> all customers -> trial,programs,events members filter - ends */



    /* dashboard new css deepz */
    .align-dash-loadder{
        margin-right: 14px;
    }
    .align-dash-gchild-loadder{
        margin-right: 4px;
    }

    #curriculum_restriction_modal .curriculum-container{
       max-height: 270px;
       overflow: hidden auto;
       padding-left: 12px;
       margin-right: 10px;
    }
    
    #curriculum_restriction_modal .restriction-content{
        text-align: left;
        padding: 10px 0px;
        border-bottom: 0.5px solid #DFE3E7;
        padding-left: 12px;
    }
    
    #curriculum_restriction_modal .restriction-heading{
        padding: 20px 0px;
        border-bottom: 0.5px solid #DFE3E7;
    }
    
    .restriction-type{
        width: 376px !important;
        margin-left: 14px !important;
        margin-top: 6px !important;
    }
    
    .rank-restriction-type{
        width: 376px !important;
        margin-left: 4px !important;
        margin-top: 8px !important;
    }
     .currpermissiondropdown {
        font-size: 20px;
        float: right;
        max-height: 20px;
        margin-top: -3px;
    }
    .currdropdownbox ul li a{
        padding-left:0;
        font-weight:400;
    }
    .currdropdownbox .dropdown .dropdown-menu{
        width: 376px !important;
        height: 65px !important;
        border-radius: 10px !important;
        box-shadow: 0 2px 9px 0 rgba(159,159,159,.5) !important;
        border: solid 1px #ccc !important;
        background-color: #fff !important;
        padding: 7px 0;
    }
    .restriction-content{
        letter-spacing: -0.314219px;
        font-weight: 400;
    }
    #curriculum_restriction_modal .modal-content{
        overflow: hidden;
    }
    #curriculum_restriction_modal .modal-body{
        font-size: 15px;
    }

    #emailsendbox .dropdown {
        margin-top: 0px;
    }

    .green_txt{
        color: #009A61;
    }
    .silver_txt{
        color: #B7B7B7;
    }
/* All customer tab section style starts here */
    .mb-10{
        margin-bottom: 10px;
    }
    .fw-500{
        font-weight: 500;
    }
    .vertical-align-center{
        display: flex;
        align-items: center;
    }

    .cust-tab-section{
        border: 1px solid #E2E2E2;
        border-radius: 14px;
        padding: 30px 25px;
        width: 840px;
        color: #000000;
    }
    .cstm-datepicker-append-icon{
        font-size: 14px;
        position: relative;
        box-shadow: 0px 2.4px 8.4px 0px #B5B5B580;
        border-radius: 6.7px;
    }

    .typeahead.dropdown-menu {
        min-width:318px;
        max-width: 320px;
        word-wrap: break-word;
        position: relative;
        box-shadow: 0px 2.4px 8.4px 0px #B5B5B580;
        border-radius: 6.7px;
    }
    .cstm-datepicker-append-icon div{
        height: 40px;
        text-align: left;
        display: flex;
        align-items: center;
        padding: 10px;
    }
    .cstm-datepicker-append-icon button{
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        width: 40px;
        margin: 0;
        background: #f2f2f2;
        border: none;
        border-left: 1px solid #DFE3E9;
    }
    .cstm-bs-calender .modal-content{
        width: auto ! important;
        border-radius: 0 ! important;
    }
    .cstm-bs-calender .modal-dialog {
        width: auto;
    }
    .cstm-bs-calender table {
        color: #000;
    }
    .cstm-bs-calender tbody:before {
        content:"@";
        display:block;
        line-height:5px;
        text-indent:-99999px;
    }
    .cstm-bs-calender table td.day{
        padding: 8px 10px !important;
        border-radius: 50%;
    }
    #attendance_calender.cstm-bs-calender .datepicker-inline{
        padding: 0;
    }
    .msg-type-btn{
        border: 0;
        width: 51px;
        font-weight: 700;
        color: #7e7e7e;
        background-color: #e9e9e9;
        border-radius: 7px;
        height: 23px;
        min-height: 23px;
        font-size: 12px;
        line-height: 1;
        padding: 0;
        margin-right: 6px;
        box-shadow: 0 2px 4px 0 #bdbdbd;
    }
    .msg-type-btn.active,.msg-type-btn.msg-active {
        color: #fff;
        background-color: #009a61;
    }
    .compose_remove{
        cursor: pointer;
        background: lightgray;
        border-radius: 50%;
    }
    .cstm-bs-calender table td.active{
        background-color: #009a61!important;
        background-image: none!important;
    }
    .cstm-bs-calender .datepicker-inline {
        background: #f6f6f6;
        width: auto;
    }
    .cstm-bs-calender thead{
        border-bottom: 1px solid #fff;
    }
    .cstm-bs-calender .table-condensed {
        margin: auto;
    }
    /* Reg Detail screen styles */
    .cust-tab-section .form-key{
        font-size: 11px;
        font-weight: 700;
        line-height: 19px;
        text-align: right;
        text-transform: uppercase;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .cust-tab-section .form-value{
        font-size: 15px;
        font-weight: 400;
        line-height: 26px;
        margin-top: 8px;
        margin-bottom: 8px;
        display: flex;
        align-items: center;
    }
    /* Custom and Registration field styles */
    .cust-tab-section .card-header {
        font-size: 13px;
        font-weight: 600;
        letter-spacing: 0.6px;
        margin-bottom: 20px;
    }
    .detail-field-header{
        font-size: 11px;
        line-height: 17px;
        letter-spacing: 0.6px;
        font-weight: 700;
        text-transform: uppercase;
        color: #000000;
        margin-bottom: 10px;
    }
    #catchhovertwiliomsg{
        top: auto !important;
        height: unset;
        margin-left: -10px;
    }
    .conv-input-box{
        border:none;
        letter-spacing: 0.79px;
        color: #b4b4b4;
        font-size: 14.5px;
        padding: 2px;
        margin: 0 !important;
        font-weight: 500;
        height: 30px;
    }
    /*Global modal*/        

    .global-modal.control-global-modal .modal-content{
        max-height:  var(--modal-maxheight);
        border-radius: var(--modal-borderradius);
        font-size: var(--modal-font);
        background: transparent;
    }
    .detail-field-input{
        height: 45px;
        width: 100%;
        border-radius: 10px;
        background: #fff;
        font-size: 15px;
        line-height: 29px;
        letter-spacing: 0.21px;
        display: flex;
        align-items: center;
        font-weight: 500;
        color: #000;
        padding: 15px;
        margin-bottom: 20px;
        box-shadow: 0px 2px 5px 0px rgba(181,181,181,0.5);
/*        padding: 10%;
        text-align: center;
        background: white;*/
    }
    .global-modal.control-global-modal .modal-body p{
        margin-bottom: 0;
        font-size: var(--modal-font);
        line-height: normal;
        letter-spacing: -0.25px;
    }

    .global-modal.control-global-modal .modal-action{
        padding: 0;
    }
    /* Payment history styles */
    .collapsable-content{ 
        color: #000;
        background: #fff;
        border: 1px solid #e2e2e2;
        border-radius: 13px;
        box-shadow: 0px 2px 9px 0px #BDBDBD40;
    }
    .collapsable-content__header{ 
        padding: 15px;
        padding-bottom: 10px;
        cursor: pointer;
    }
    .collapsable-content__body{ 
        border-top: 1px solid #e2e2e2;
    }
    .collapsable-content__body table{ 
        width: 100%;
    }
    .collapsable-content__body thead{
        border-bottom: 1px solid #DDE1E5; 
    }
    .collapsable-content__body th{
        font-size: 11px;
        font-weight: 500;
        line-height: 18px;
        padding: 5px 18px;
    }
    .collapsable-content__body td{
        font-size: 15px;
        font-weight: 500;
        line-height: 25px;
        letter-spacing: -0.47px;
        padding: 10px 18px;
        cursor: pointer;
    }
    /* Attendance related styles */
    .cust-tab-section .block-btn{
        width: 100%;
        height: 40px;
        color: #fff;
        background: #009a61;
        border: 0;
        border-radius: 7px;
        box-shadow: 0px 2px 4px 0px #BDBDBD80;
        font-family: Open Sans;
        font-size: 15px;
        font-weight: 500;
        margin-top: 15px;
    }
    /* Registration and Participant Notes section styles */
    .cust-tab-notes__date{
        font-size: 14px;
        font-weight: 600;
        line-height: 22px;
        min-width: 100px;
        padding: 0;
        margin-top: 10px;
        margin-bottom: 10px;
        color: #000
    }
    .cust-tab-notes__body{
        margin-top: 10px;
        margin-bottom: 10px;
        font-size: 15px;
        font-weight: 400;
        line-height: 25px;
        letter-spacing: -0.44px;
        padding: 0;
        color: #000;
    }
    
    .outer_panel{
        width: 840px;
        border: 1px solid #CDD0D5;
        box-sizing: border-box;
        border-radius: 10px;
        margin: 29px 10px 0;
        padding: 30px 20px;
    }

    .flex_wrap_div{
        display: flex;
        flex-flow:wrap;    
    }
    .member_div_section{
        width: 50%  
    }
    .member_label{
        font-weight: 800;
        font-size: 11px;
        line-height: 25px;
        text-align: right;
        color: #000000;
        padding: 0;
        margin-bottom: 15px;
    }
    .member_detail{
        font-weight: 400;
        font-size: 15px;
        line-height: 25px;
        letter-spacing: -0.442778px;
        color: #000000;
        text-align: left

    }
    .link_update{
        font-weight: 400;
        font-size: 11px;
        line-height: 16px;
        letter-spacing: -0.34125px;
        color: #009A61;
        cursor: pointer;
    }

    .vertical_top td{
        vertical-align: top;
    }
    .line-through{
        text-decoration-line: line-through;
        color: rgba(0, 0, 0, 0.5);
        padding-right: 5px
    }
    .green_text{
        color: #009A61;
    }
    .export_icon{
        width: 14px;
        margin-left: 5px;
        vertical-align: middle;
        cursor: pointer;
    }

    .edit_img{
        width:13px;
        margin-left: 10px;
        vertical-align: baseline;
        cursor: pointer;

    }
    .greentxt_button{ 
        font-weight: 400;
        border-top:1px solid #DDE1E5 !important;
        color: #009a61;
        background: #fff !important;
        border: none;
        padding: 15px 0 0 !important;
        border-radius: 0;
        font-size: 12px;
        box-shadow: none;
    }
    .greentxt_button:hover{
        color: #009a61 !important;
    }
    #applied .member_label,#delete .member_label,#Refund .member_label{
        font-weight: 700;
        font-size: 12px;
        line-height: 25px;
        text-align: right;
        color: #000;
        padding-right: 28px;
        margin-bottom: 18px;
    }

    #applied table,#delete table,#Refund table{
        width: 90%;
        margin: 0 auto;
    }
    .dropdown_status{
        width: calc(100% - 14px)!important;
        background-color: #fff!important;
        box-shadow: 0 2.4px 8.4px rgb(181 181 181 / 50%);
        border-radius: 12px!important;
        margin-left: 7px;
        margin-right: 7px!important;
        border: none;
        padding: 8px 12px 10px 18px;
        font-size: 14px;
        font-weight: normal;
    }

    .popup_label{
        font-weight: 500!important;
        font-size: 11px!important;
        line-height: 20px;
        margin: 0 8px 8px !important;
        text-align: left;
        color: #777777;  
    }
    .sum_trial_disc{
        font-style: normal;
        font-weight: 800;
        font-size: 9px;
        line-height: 14px;
        padding-left: 10px;
        cursor: pointer;
    }
    .DateInput {
        width: 90%;
        border: 0;
        height: 46px;
        font-size: 12px;
        padding: 11px 10px 7px 10px;
        border-top-left-radius: 12px !important;
        border-bottom-left-radius: 12px !important;
    }
    .modal-date {
        border: none;
        height: 46px;
        padding: 14px 10px 11px 11px;
        border-top-right-radius: 12px !important;
        border-bottom-right-radius: 12px !important;
        background-color: #F2F2F2;
        width: 45px;
        border-left: 1px solid #DFE3E9;
    }
    .calendar_div{
        margin-left: 8px;
        margin-right: 8px;
        display:flex;
        cursor:pointer;
        float:left;
        box-shadow: 0px 2.4px 8.4px rgba(181, 181, 181, 0.5);
        border-radius: 12px;
        width: calc(100% - 16px);
    }
    .calendar_img {
        background-image: url(93a7a2986a89581f4399c696b5adf96d.png);
        width: 17px;
        height: 17px;
        padding: 6px;
        background-size: cover;
        margin: 0;
    }
    #manual_credit_modal label{
        font-weight: 600;
        font-size: 12px;
        color: #777777;
    }
    .prepend-icon-inner .rightborder{
        position: absolute;
        top: 0;
        left: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 50px;
        height: 40px;
    }
    .prepend-icon-inner input{
        margin-left: 50px;
        width : calc(100% - 50px)!important;
    }
    .prepend-icon-inner.membutton{
        position: relative;
    }
    .rightborder{
        border-right: 1.21px solid #CCCCCC;
        font-weight: 600;
        padding: 10px;
        text-align: center
    }
    .Payment_detail{
        font-weight: normal;
        font-size: 14px;
        line-height: 25px;
        letter-spacing: -0.442778px;
        color: #000000;
        text-align: left

    }
    
      .time_img {
          background-image: url(fb4862fbb5135c360771b17d6520b766.png);
          width: 21px;
          height: 21px;
          padding: 6px;
          background-size: 17px;
          margin: 0;
          background-repeat: no-repeat;
      }

    /* Mobile view css */

        .mobile-view .profile_fixed{
            position: fixed;
            width: 100%;
            top: 0;
            left: 0;
            right: 0;
        }
        .mobile-view .banner-section p{
            margin: 0;
            padding: 5px 15px;
            text-align: center;
            color: #000;
            font-weight: 600;
        }
        .mobile-view .banner-section p .back-btn{
            font-size: 22px;
            float: left;
            margin-top: -1px;
        }
        .mobile-view .header-section {
            padding: 15px;
            color: #ffffff;
            background: #676767;
            /* height: 150px; */
        }
        .mobile-view .header-section .back-btn{
            cursor: pointer;
            font-size: 12px;
            font-weight: 400;
        }
        .mobile-view .ng-img-uploader {
            width: 54px;
            height: 52px;
        }
        .mobile-view .profile-section{
            display: flex;
            align-items: center;
            margin: 20px 0 25px;
        }
        .mobile-view .profile-img{
            width: 55px;
        }
        .mobile-view .profile-name{
            width: calc(100% - 130px);
            padding: 0 10px;
            display: flex;
            align-items: center;
            font-size: 20px;
        }
        .mobile-view .profile-actions{
            width: 75px;
            text-align: right;
        }
        .mobile-view .tab-section{
            background: #fff;
            overflow: overlay;
            box-shadow: 0px 2px 4px rgba(184, 184, 184, 0.5);
        }
        .mobile-view .tab-section .tab-item{
            display: flex;
            justify-content: space-between;
            height: 40px;
            padding: 0 15px;
        }
        .mobile-view .tab-section .tab-item.list-right{
            width: 90%;
        }
        .mobile-view .tab-section .tab-item button{ 
            background: transparent;
            border: 0;
            margin: 0;
            padding: 0;
            font-size: 12px;
            font-weight: 500;
            line-height: 16px;
            color: #8f8f8f;
            position: relative;
        }
        .mobile-view .tab-section .tab-item button.active{ 
            color: #009a61;
        }
        .mobile-view .tab-section .tab-item button.active:after{ 
            position: absolute;
            content: '';
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            height: 3px;
            width: calc(100% + 10px);
            background: #009a61;
        }
        .mobile-view .body-section {
            background: #F7F7F8;
            overflow: auto;
        }
        .mobile-view .body-section .form-key {
            font-size: 10px;
            font-weight: 600;
            line-height: 14px;
            text-align: right;
            padding-left: 0;
            color: #000;
        }
        .mobile-view .body-section .form-value {
            font-size: 15px;
            font-weight: 400;
            line-height: 20px;
            color: #000;
        }
        .mobile-view .detail-tab > .row{
            margin: 16px 0;
        }
        .mobile-view .card-header{
            font-size: 13px;
            letter-spacing: 0.43px;
            font-weight: 400;
            color: #8F8F8F;
        }
        .mobile-view .detail-field-header{
            margin-bottom: 5px;
        }
        .mobile-view .detail-field-input{
            font-size: 13px;
            height: 36px;
        }
        .mobile-view .width-box{
            width: 100%;
        }
        .mobile-view #the-count{
            width: 60%;
        }
        #editTrialpaymentMethodModal div.form-group {
            position: relative;
        }
        #editTrialpaymentMethodModal .form-group input {
            height: 50px;
            padding: 20px 0px 5px 15px;
            width: 95.5%;
            outline: 0;
            border: none;
        }
        #editTrialpaymentMethodModal .form-label {
            left: 10px!important;
            background: transparent;
            top:20px;
        }
        #editTrialpaymentMethodModal .custom_dropdown {
            height: 52px;
            border-radius: 10px;
            border: 1px solid #f4f6f8;
            cursor: pointer;
        }
        #editTrialpaymentMethodModal .custom-dropdown-content {
            display: none;
            position: absolute;
            box-shadow: 0 2px 7px 0 rgba(110, 110, 110, 0.5);
            z-index: 10000;
            width: 100%;
            border-radius: 7px;
            background-color: #ffffff; 
        }
        #editTrialpaymentMethodModal .custom-dropdown-content li{
            font-size: 15px;
            font-weight: 400;
            line-height: 1.53;
            list-style: none;
            text-align:left;
        }
        #editTrialpaymentMethodModal .custom-dropdown-content li:hover{ 
            background: #dfdcdc;
        }
        #editTrialpaymentMethodModal .custom-dropdown-heading:hover{
            background: white !important;
        }
        #editTrialpaymentMethodModal .form-group,#editTrialpaymentMethodModal .form-group select{
            border-radius: 10px;
            background: rgb(244,246,248);
            border: 0px solid rgb(244,246,248);
        }
        #editTrialpaymentMethodModal .form-group select{
        color:rgb(74,74,74);
        -webkit-appearance: none;
        -moz-appearance: none;
        }
        #editTrialpaymentMethodModal .selecttag{
            margin-top: 5px;
            width: 100%;
            height: 45px;
            padding-left: 9px;
        }
        #editTrialpaymentMethodModal .dropdown1{
            position: absolute;
            pointer-events: none;
        }
        #editTrialpaymentMethodModal .form-group .dropdown1{
            position: absolute;
            top: 24px;
            left: auto;
            width: 15px;
            right: 10px;
            pointer-events: none;
        }
        #editTrialpaymentMethodModal label.expiryLabel {
            position: initial;
            padding-left: 16px;
        } 
        #editTrialpaymentMethodModal button[disabled]{
        opacity: 0.5;
        }
        #editcarddetailscontent .form-group input:focus + label , #editcarddetailscontent .form-group input:valid + label {
            transform: translateY(-70%);
            font-size: 10px;
        }
        #editcarddetailscontent .form-group .focus{
            transform: translateY(-70%);
            font-size: 10px;
        }
        .mobile-view .dropdown-menu li{
            border: none;
        }
        
        .mobile-view .p_text{
            font-weight: 400;
            font-size: 11px;
            line-height: 15px;            
        }  
        
        .mobile-view  .right_position{
            position: absolute;
            right: 15px;
            top: 15px;
        }
        .mobile-view #attendance_calender1 table{
          width: 75vw;  
        }
        .att_list{
            font-size: 15px;
            
        }
        .att_list ul{
            list-style: none;
            padding:0px;
            margin: 0px;
        }
        .att_list li{
            padding-left: 40px;
            text-align: left;
            border-top: 1px solid #DFE3E7;
            height: auto;
            display: flex;
            align-items: center;
            min-height: 52px;
        }
        .att_list label{
            color: #000;
            padding: unset;
            width: 100%;
            margin-bottom: 0px;
        }
        .att_p_list p{
            padding: 30px;
        }
        #trial-attendance-titlelist .modal-body{
            padding: 0px;
            margin: 0px;
        }
        #deleteAlert_modal .textstatus{
            font-size: 13px;
            font-weight: 700;
            line-height: 22px;
            padding: 4px;
            text-align: left;
        }
         .mobile-view #deleteAlert_modal .textstatus{
             font-size: 10px;
             font-weight: 700;
             line-height: 14px;
             padding: 4px;
             text-align: left;
        }
        #refundAlert_modal .textstatus{
            font-size: 10px;
            line-height: 22px;
            text-align: right;
        }
        #refundAlert_modal .textvalue{
            font-size: 15px;
            line-height: 22px;
            text-align: left;
        }
         
        .flexprop{
            display: flex;
            align-items: baseline;
            justify-content: center;
        }
        .textstatus{
            font-size: 10px;
            font-weight: 700;
            line-height: 22px;
            padding: 4px 0px;
            text-align: left;
        }
        .textvalue{
            font-size: 16px;
            font-weight: 400;
            line-height: 22px;
            letter-spacing: -0.34125px;
        }
        #logattendancepopup label{
            font-weight: 600;
            font-size: 14px;
            line-height: 20.05px;
            color: #777777;
        }
        #class_appointment_list label{
            display: block !important;
        }
        #logattendancepopup p{
            font-weight: 400;
            line-height: 29px;
            padding: 10px;
            margin-bottom:10px;
        }
        #logattendancepopup .calender-img{
            background: #f2f2f2;
            border-left: 1px solid #DFE3E9;
            height: 100%;
            display: flex;
            align-items: center;
            border-radius: 0 6.7px 6.7px 0px;
            justify-content: center;
        }
        #logattendancepopup .clock-img{
            position: relative;
            font-size:14px;
padding-top:1px
        }
        #logattendancepopup .margin-alignment{
            margin-bottom: 15px;
        }
        .expand-collapse-btn{
            width: 51px;
            height: 100%;
            display: inline-block;
            text-align: center;
            padding-top: 10px;
            border-right: 1px solid rgb(221, 225, 229);
        }
        .float-right-md {
            float: right;
        }
        #scheduleOption .email-schedule-datas ::placeholder,#scheduleOption .email-schedule-time-zone-dropdown ::placeholder,#mySidebar-email .cstm-subject-line ::placeholder{
            padding-top: 23px;
        }
        #mySidebar-email .email-placeholder-dropdown ::placeholder,#mySidebar-email .email-templates-dropdown ::placeholder{
            padding-top: 23px;
        }
        @media only screen and (max-width: 600px){
            .dispute-mob{
                margin-top:0px !important;
            }
             .sidebar-email {
                overflow-y: auto;
            }
            .expand-collapse-btn{
                display: none;
            }
            .float-right-md {
                float: unset;
            }
            .intercom-lightweight-app {
                display: none;
            }
            #mySidebar-email #emailsendbox .navbar{
                height: unset !important;
                background-color: #ffffff;
            }
            #mySidebar-email #emailsendbox .navbar .template-head {
                margin-top: 8px !important;
            }
            .sidebar-email .emailtemplate-padding{
                background-color: #ffffff;
            }
            #Bulk_Email_Quota{
                padding: 5px 2px !important;
                margin-top: 8px;
            }
            #emailtemplate {
                resize: none!important;
                height: calc(var(--inner-height) - 410px) !important;
            }
            
            .email-file-attached #emailtemplate {
                resize: none!important;
                height: calc(var(--inner-height) - 470px) !important;
            }
            
            
            
            #mySidebar-email #modded_container .btn-group.wysiwyg-btn-group-margin {
                box-shadow: 0 2px 7px 0 rgba(181, 181, 181, 0.5);
                margin-left: 5px !important;
                margin-bottom: 10px;
                border-right: none !important;
                border-radius: 5px;
                overflow: hidden;
            }
            #emailsendbox #modded_container .btn-group .btn{
                background-color: #fff;
            }

            .cstm-subject-line{
                margin: 0 !important;
                background-color: #f9f9f9;
                border-bottom: none !important;
            }
            .cstm-subject-line #email_subjects.cstm-input{
                width: 100% !important;
                padding: 10px 15px;
                margin-left: 0;
                background-color: #ffffff;
                border-bottom: solid 1px #9b9b9b6e !important;
            }
            .cstm-subject-line .dropdown{
                width: 49%;
                text-align: center;
            }
            .cstm-subject-line .dropdown .dropdown-toggle{
                width: 100%;
                padding: 10px;
                border: 1px solid #d3d3d3;
            }
            .cstm-subject-line .dropdown:not(.dropdown-Etemp){
                float: unset !important;
            }
            .cstm-recipient, .cstm-recipient #to_email_typed{
                background: #ffffff;
            }
            .nav-close{ 
                display: none;
            }
            
            .sidebar-email #emailsendbox .nav-close {
                display: block;
                margin-top: 6px !important;
                margin-right: 5px!important;
            }
            
            .sidebar-email .search_placeholder{
                height:39px;
                padding: 0 5px 5px;
            }
            .mob-navbar{
                display: flex!important;
            }
            .colorpicker_email {
                top: 325px!important;
                left: unset !important;
                right: 0;
            }
            .colorpicker .dropdown-menu::after, .colorpicker .dropdown-menu::before{
                content: unset!important;
            }
            #mySidebar-email .dropdown-menu{
                left: 0!important;
                width: 100% !important;
            }
            #mySidebar-email .cstm-subject-line .dropdown-menu h4,
            #mySidebar-email .cstm-subject-line .dropdown-menu a {
                font-size: 13px!important;
                padding: 0;
                font-weight: 400;
            }
            #mySidebar-email .dropdown-menu > div{
                margin-bottom: 0!important;
            }
            #mySidebar-email .dropdown-menu .search-field{
                position: unset!important;
                width: 100% !important;
                margin: 0 !important;
            }
            #mySidebar-email .cstm-subject-line .dropdown.dropdown-Etemp .dropdown-menu{
                left: unset!important;
                right: 0;
            }
            #mySidebar-email .cstm-subject-line .dropdown .no-style-ul {
                padding: 0 10px;
            }
            #mySidebar-email .dropdown-menu li{
                border: none;
            }
            .px-10{
                padding: 5px 10px 0;
            }
            #scheduleOption {
                width: 90% !important;
                margin-left: 5% !important;
            }
            #scheduleOption .dropdown {
                width: 100%;
            }
            
            #emailsendbox .email-schedule-option .email-schedule-datas .email-schedule-datas-icon {
                padding: 7px 8px;
            }
            
            .email-schedule-option .custom-data-dropdown-backdrop {
                position: fixed;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                z-index: 980;
                display: none;
                opacity: 0.7;
                background-color: black !important;
            }
            
            .email-schedule-option .email-schedule-time-zone-dropdown-button.open .custom-data-dropdown-backdrop {
                display: block;
            }
            
            #scheduleOption .email-schedule-time-zone-dropdown ::placeholder,#mySidebar-email .email-placeholder-dropdown ::placeholder,#mySidebar-email .email-templates-dropdown ::placeholder {
                color: #333;
                opacity: 1;
            }
            
            #scheduleOption .panel{
                border: none;
                position: absolute;
                bottom: -50px;
                left: -11px;
            }
            #scheduleOption .panel-footer{
                height: unset !important;
                padding: 0;
            }
            #scheduleOption .panel-footer .row{
                margin: 0;
            }
            #scheduleOption .panel-footer .btn {
                width: calc(50% - 2px);
                margin: 0;
                padding: 10px;
                border: none;
                border-radius: 0;
                display: inline;
            }
            #scheduleOption .panel-footer .btn-success {
                background: #fff;
                color: #009a61
            }
            
            #composemessagemodal .modal-dialog{
                width: 100% !important;
                height: 100% !important;
                margin: 0;
            }
            #composemessagemodal .modal-content{
                border-radius: 0 !important;
                border: 0;
                height: 100%;
            }
            #composemessagemodal .modal-header {
                padding: 15px!important;
            }
            #composemessagemodal .modal-header .checkbox {
                display: none;
;
            }
            #composemessagemodal .modal-header .conv-message-text{
                font-size: 14px!important;
            }
            #composemessagemodal #chat_rchars1.conv-message-text {
                position: absolute;
                bottom: 126px;
                right: 0;
            }
            #composemessagemodal #chat_rchars1.text-bottom {
                position: absolute;
                bottom: 150px !important;
                right: 0;
            }
            
            #composemessagemodal .message-once-mobile-view {
                position: absolute;
                bottom: 123px;
                left: 0;    
            }
            #composemessagemodal .msg-textarea {
                font-size: 13px;
                padding: 15px;
            }
            #composemessagemodal .msg-textarea::placeholder {
                font-size: 16px!important;
            }
            #composemessagemodal #catchhovertwilio1{
                left: 0 !important;
                transform: translateX(-50%);
                width: 240px;
                height: auto !important;
            }
            #composemessagemodal .modal-footer{
                position: absolute;
                bottom: 0;
                width: 100%;
            }
            #composemessagemodal .modal-footer .custom-modal-button{
                width: 100% !important;
                margin-top: 0;
                border: 0;
                border-radius: 0 !important;
            }
            #composemessagemodal .msg-type-btn {
                width: 55px;
                height: 27px;
                font-size: 13px;
            }
        }
        .mob-navbar{
            display: none;
            height: 55px;
            align-items: center;
            z-index: 1;
            color: #fff;
            background-color: #009a61;
        }
        .mob-navbar i{
            position: absolute;
            left: 15px;
            font-size: 32px;
            font-weight: bold;
        }
        .mob-navbar h1{
            width: 100%;
            font-size: 18px;
            margin: 0;
            text-align: center;
        }
        #composemessagemodal .modal_greenbg_button {
            border-radius: 0 0 10px 0 !important;
            height: 55px;
            width: 50%;
            font-size: 17.6px;
            letter-spacing:-0.22px;
            font-weight: 700;
            float:right;
        }
        #payment_refund_modal button{
            display: flex;
            align-items: center;
            justify-content: center;
        }
    #cusmessageGlobalModal .absolute-center{
        left: 53.5% !important;
    }
    @media (max-width: 1266px){
        #cusmessageGlobalModal .absolute-center{
            top: 54% !important;
            left: 54.9% !important;
        }
    }
    
    .typeahead.dropdown-menu {
        min-width:318px;
        max-width: 320px;
        word-wrap: break-word;
        position: relative;
        left: auto !important;
        right:37px;
    }
    .typeahead li{
        border:none;
    }
    .typeahead li a{
        color: black;
        word-wrap: break-word;
        white-space: normal;
    }
    .typeahead li > a:hover ,.typeahead .active > a:hover {
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
        background-color: rgba(5, 172, 104, 0.1);
        color: black;
    }
    .typeahead .active > a { 
        color: white;
        background-color: #009a61;
        /*backgsound-image: none;*/
    }
    .compose-sender-text{
        font-size: 14.5px;
        font-weight: 700;
        letter-spacing: 0.79px;
        color: #000;
    }
    .stud-list .typeahead.dropdown-menu{
        min-width:100% !important;
        max-width: 100%!important;
        position: absolute !important;
    }
    .conv-message-text{
        letter-spacing: 0.3px;
        color: #000000;
    }
    .msg-type-btn{
        border: 0;
        width: 51px;
        font-weight: 700;
        color: #7e7e7e;
        background-color: #e9e9e9;
        border-radius: 7px;
        height: 23px;
        min-height: 23px;
        font-size: 12px;
        line-height: 1;
        padding: 0;
        margin-right: 6px;
        box-shadow: 0 2px 4px 0 #bdbdbd;
    }
    .msg-type-btn.active {
        color: #fff;
        background-color: #009a61;
    }
    .compose_remove{
        cursor: pointer;
        background: lightgray;
        border-radius: 50%;
        min-width: 22px;
        padding: 0px 4px;
        font-size: 12px;
    }
    .compose-cancel{
        color: #9b9b9b;
        background: white;
        border: 1px solid #9b9b9b;
        margin-right: 3px;
    }
    #catchhovertwilio, #catchhovertwilio1, #catchhovertwilio2, #catchhovertwiliomsg{
        display: block;
        border: 1px solid #dfe3e9;
        width: 324px;
        height: 143px;
        position: absolute;
        top: -140px;
        font-style: normal;
        font-weight: 500;
        font-size: 12.8px;
        padding: 6px 8px 9px 10px;
        letter-spacing: 0.12px;
        color: black;
        background: white;
        border-radius: 5px;
        box-shadow: 2px 4px 14px 4px rgba(0,0,0,0.2);
    }
    #catchhovertwilio{
        left: 10px;
        top: 0;
        transform: translateY(-105%);
    }
    #catchhovertwilio1{
        left: 10px;
        top: 20px;
        z-index: 9;
    }
    #catchhovertwilio2{
        left: 10px;
        top: 20px;
    }
    #catchhovertwiliomsg{
        top: auto !important;
        height: unset !important;
        margin-left: -10px;
    }
     .conv-input-box{
        border:none;
        letter-spacing: 0.79px;
        color: #b4b4b4;
        font-size: 14.5px;
        padding: 2px;
        margin: 0 !important;
        font-weight: 500;
        height: 30px;
    }
    /*Global modal*/        
    
    .global-modal.control-global-modal .modal-content{
        max-height:  var(--modal-maxheight);
        border-radius: var(--modal-borderradius);
        font-size: var(--modal-font);
        background: transparent;
    }
    .global-modal.control-global-modal .modal-body{
        font-family: 'OpenSans-Regular' !important;
        font-size: var(--modal-font)!important;
        color: #000;
        padding: 10%;
        text-align: center;
        background: white;
    }
    .global-modal.control-global-modal .modal-body p{
        margin-bottom: 0;
        font-size: var(--modal-font);
        line-height: normal;
        letter-spacing: -0.25px;
    }
    
    .global-modal.control-global-modal .modal-action{
        padding: 0;
        background: #ffffff;
    }
    .global-modal.control-global-modal .modal-action button{
        padding: var( --modal-padding); /* calculating 8% of the modal width */
        line-height: 0;
        height: var(--modal-button); /* calculating 20% of the modal width */
        font-family: 'OpenSans-SemiBold' !important;
        margin:0px;
        font-size: var(--modal-font);
        font-weight: unset;
        cursor: pointer;
        width:100%;
    }
    .global-modal.control-global-modal .custom-modal-button{
        margin: 0;
        border-radius: 0;
        box-shadow: none;
        font-size: var(--modal-font);
        font-family: 'OpenSans-SemiBold' !important;
        outline: 0;
        cursor: pointer;
    }
    .global-modal.control-global-modal .custom-modal-button:last-child{
        border-radius: 0 0 var(--modal-borderradius) var(--modal-borderradius);
    }
    .global-modal.control-global-modal .modal-body.single-btn{
        max-height: calc((var(--modal-maxheight)) - (var(--modal-button)) - (2*var(--modal-padding)));
    }
    .global-modal.control-global-modal .modal-body.two-btn{
        max-height: calc((var(--modal-maxheight)) - (2 * var(--modal-button)) - (2*var(--modal-padding)));
    }
    .global-modal.control-global-modal .modal-body.three-btn{
        max-height: calc((var(--modal-maxheight)) - (3 *var(--modal-button)) - (2*var(--modal-padding)));
    }
    .global-modal.control-global-modal label {
        font-weight: unset;
    }
    .Medium_desktop_modal{
        --modal-font : calc(var(--screen-width) / 100 * 0.9); 
    }
    .Small_desktop_modal{
        --modal-font : calc(var(--screen-width) / 100 * 1); 
    }
    .Big_tablet_modal{
        --modal-width: 30vw;
        --modal-font : calc(30vw / 100 * 4.5); 
        --modal-button: calc(30vw / 100 * 20);
        --modal-padding : calc(30vw / 100 * 8);
        --modal-maxheight : 80vh; 
    }
    .Medium_tablet_modal{
        --modal-width: 35vw;
        --modal-font : calc(35vw / 100 * 4.5); 
        --modal-button: calc(35vw / 100 * 20);
        --modal-padding : calc(35vw / 100 * 8);
        --modal-maxheight : 80vh; 
    }

    .Tablet_modal{
        --modal-width: 50vw;
        --modal-font : calc(50vw / 100 * 4.5); 
        --modal-button: calc(50vw / 100 * 20);
        --modal-padding : calc(50vw / 100 * 8);
        --modal-maxheight : 80vh; 
    }
    .Mobile_modal{
        --modal-width: 80vw;
        --modal-font : calc(80vw / 100 * 5); 
        --modal-button: calc(80vw / 100 * 20);
        --modal-padding : calc(80vw / 100 * 8);
        --modal-maxheight : 80vh; 
        --modal-borderradius : calc(80vw / 100 * 3);
    }
    .control-global-modal .modal-action button.height_auto{
        height: calc(var(--modal-width) / 100 * 30)!important;
        line-height: normal!important;
    }

.mobile-view #logattendancepopup p {
    font-size: 17px;
    line-height: 23px;
    padding: 10px;
    margin-bottom:10px;
}
.mobile-view #logattendancepopup label{
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
}
#logattendancepopup .border_shadow{
    box-shadow: 0px 2px 7px rgba(181, 181, 181, 0.5)!important;
    border-radius: 10px;
}
.mobile-view #logattendancepopup .ui-timepicker-wrapper{
    top: 366px !important;
    width: 10em !important;
    left: 58px !important;
    border-radius: 5px;
}
#attendance_calender{
    width: 300px;
    height: 320px;
}
#attendance_calender,#attendance_calender1{
    margin: auto;
    margin-top: 25px;
}
#attendance_calender .datepicker-inline,#attendance_calender .datepicker-days,#attendance_calender table{
    width: inherit;
    height: inherit;
}
#attendance_calender1 .datepicker-inline,#attendance_calender1 .datepicker-days,#attendance_calender1 table{
    width: inherit;
    height: inherit;
}
#attendance_calender table,#attendance_calender1 table{
    width: inherit;
    height: inherit;
    line-height: 2;
    color: rgba(0, 1, 0, 0.9);
    font-size: 13px;
    font-family: 'OpenSans-Regular' !important;
}
#attendance_calender table thead,#attendance_calender1 table thead{
    color: rgba(0, 1, 0, 0.40);
}
#attendance_calender table thead{
    border-bottom: none;
}
#attendance_calender table thead th.datepicker-switch,#attendance_calender1 table thead th.datepicker-switch{
    color: rgba(0, 0, 0);
    font-size: 16px;
    font-family: 'OpenSans-SemiBold' !important;
}
#attendance_calender table thead tr th i.fa,#attendance_calender1 table thead tr th i.fa{
    color: rgba(0, 1, 0, 0.9);
}
#attendance_calender tbody .day, #attendance_calender1 tbody .day{
    pointer-events: none;
}
.bs-calender-cstm table thead{
    color: rgba(0, 1, 0, 0.40);
}
.bs-calender-cstm table{
    color: rgba(0, 1, 0, 0.9);
    font-size: 13px;
    font-family: 'OpenSans-Regular' !important;
}
.bs-calender-cstm table thead th.datepicker-switch{
    color: rgba(0, 0, 0);
    font-size: 16px;
    font-family: 'OpenSans-Regular' !important;
}
#attendance_calender1 table{
    border-collapse: unset;
    font-size: 12px;
}
#attendance_calender1 table thead th.datepicker-switch{
    font-size: 14px;
}
.mobile-view .bs-calender-cstm table{
    font-size: 11px;
}
.mobile-view .bs-calender-cstm table thead th.datepicker-switch{
    font-size: 14px;
}

.custom_date{
    display:inline-block;
    padding:4px;
    width: 64px;
    height: 43px;
    margin-left: 10px !important;
    text-align: center;
}
#mdepositamnt::-webkit-input-placeholder,#depositamnt::-webkit-input-placeholder {
    text-align: center;
}

#mdepositamnt:-moz-placeholder,#depositamnt:-moz-placeholder{ /* Firefox 18- */
    text-align: center;  
}

#mdepositamnt::-moz-placeholder,#depositamnt::-moz-placeholder{  /* Firefox 19+ */
    text-align: center;  
}

#mdepositamnt:-ms-input-placeholder,#depositamnt:-ms-input-placeholder{  
    text-align: center; 
}
.black_dot {
    height: 6px;
    width: 6px;
    background-color: #000000;
    border-radius: 50%;
    display: inline-block;
}
.Mobile_modal #updatecustomfield-modal .modal-dialog, .Mobile_modal #note_textarea_modal .modal-dialog {
    width: 90vw;
}
.Mobile_modal #updatecustomfield-modal .modal-content, .Mobile_modal #note_textarea_modal .modal-content{
    width: 100%;
    border-radius: 10px;
}
    #mdepositamnt:-ms-input-placeholder,#depositamnt:-ms-input-placeholder{  
        text-align: center; 
    }
    
    /*HELP URL CSS*/
    .helpurlmodal .custom-modal-button{
        width: 47%;
        height: 50px;
        border-top: none;
        background: #fff;
        box-shadow: 0 2.59649px 9.08772px #d5d5d5 !important;
        border-radius: 12.9825px !important;
        margin-bottom: 20px !important;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        padding: 10px 15px;
        font-size:16px !important;
    }
/*    .helpurlmodal .row button:nth-child(odd) {
        margin-right: 3% !important;
    }

    .helpurlmodal .row button:nth-child(even) {
        margin-left: 3% !important;
    }*/
.help_modal_title{
margin: 0;
display: flex;
flex-flow: wrap;
justify-content: space-between;
}


    .helpurlmodal .row button:nth-last-child(1) {
        margin-bottom: 0px !important;
    }
    .helpurlmodal .row button:nth-last-child(2) {
        margin-bottom: 0px !important;
    }
    .helpurlmodal a,.goanalytics a{
        font-size: 25px;
        cursor: pointer;
        color: #000;
        padding-left: 10px;
        padding-right: 10px;
        position: absolute;
        top: 10px;
        right: 10px;
    }
    .goanalytics a{
        top: -11px;
        right: 0px;
    }
    .newFeatureDotIcon {
        height: 6px;
        width: 6px;
        background-color: #009a61;
        border-radius: 50%;
        display: inline-block;
    }
    .note-view-cstm-scrollbar::-webkit-scrollbar{
        background: #f7f7f7;
        width: 30px;
    } 
    .note-view-cstm-scrollbar::-webkit-scrollbar-thumb{
        background-color: #e7e7e7;
        border-radius: 15px;
        border: 5px solid #f7f7f7;
    }
    .cstm-scrollbar, .note-view-cstm-scrollbar{
        scrollbar-color: #e7e7e7 transparent;
    }
    .cstm-scrollbar::-webkit-scrollbar{
        width: 30px;
        background-color: #ffffff; 
    }
    .cstm-scrollbar::-webkit-scrollbar-thumb{
        background-color: #e7e7e7;
        border-radius: 15px;
        border: 5px solid #fff;
    }
    .trial-detail .dropdown ul{
        padding-top: 5px;
    }
    .cstm-dd-li-disabled {
        pointer-events: none;
    }
    .cstm-dd-li-disabled label{
        color: #00000050!important;
    }
    /*updated leftmenu css*/
    .franchisepaymentsactive .active {
        border-right: 5px solid #00ad68 !important;
    }
    .leftmenuHover {
        font-size:11px;
        align-items: center;
        text-shadow: none !important;
    }
    .leftmenuHover div:hover {
        font-size: 14px;
        color: #009a61;
        text-shadow: none !important;
    }
    .leftmenuHover div:hover .msgCount {
        color:white !important;
    }
    .menu_style{
        font-style: normal;
        font-weight: 500;
        font-size: 13px;
        line-height: 22px;
        letter-spacing: 0.5px;
        color: #000000;
        padding:7px 10px;
        white-space: nowrap;
        overflow: hidden !important;
        text-overflow: ellipsis;
        text-shadow: none !important;
        display: block;
    }
    .menu_style.tab_submenupagehighlight , .menu_left_style.tab_submenupagehighlight{
        color: #009a61;
    }
    .menu_edit{
        width:12px;
        height:12px;
        margin : 0px 0px 4px 10px;
    }
    .active{
        border-right: 0px solid transparent !important;
    }
    .arrowalign{
        float:right;
        margin-right:-15px;
    }
    .custom-navbar-padding :focus ,#curr_box.expandcurrsubbox label :hover ,#curr_box.expandcurrsubbox label :focus{
        color:#009a61 !important;
    }
    @media (hover :hover){
        .custom-navbar-padding :hover {
            color:#009a61 !important;
        }
    }
    .nav > li > a {
        padding: 5px 15px 12px;
    }
    .back :hover, .back:focus{
        color:black !important;
    }
    .back.nav.side-menu > li > a:hover , .back.nav.side-menu > li > a:focus{
        color:black !important;
    }
    .hideactive :hover, .hideactive :focus{
        color:black !important;
    }
    .submenuheading label{
        cursor: default;
    }
    .menulist{
        cursor:pointer;
    }
    .video-icon{
        max-width: 15px;
        position: relative;
        left: 5px;
        cursor:pointer;
        top:-1px;
    }
     @media only screen and (max-width: 767px) {
         .video-icon{
            visibility:hidden;
         }
     }
      @media only screen and (min-width: 744px) {
         .video-icon{
              visibility:visible;
         }
         }
    .menu-ellipsis{
        white-space: nowrap;
        overflow: hidden !important;
        text-overflow: ellipsis;
        text-shadow: none !important;
        max-width: 108px;
    }
    #helpurlmodal.global-modal.fade.in {
        opacity: 1;
        background: rgba(1,1,1,0.5);
    }
    @media only screen and (width: 1280px) {
        .vimo{
            left:45% !important;
        }
        .show_release_popup #modal_content{
            width: 681px;
            height: 580px
        }
        .mob_scroll {
            max-height: calc(610px - 242px);
            overflow-y: auto;
            overflow-x: hidden;
            padding-bottom: 20px;

        }
        .shedule_tooltip {
            right: 178px !important;
        }
        .atomgreen_image_div img{
            height: 90px;
        }
        .supercharge_txt span {
            font-size: 25px;
        }
        .supercharge_txt p {
            font-size: 14px !important;
        } 
        #amp_iframe {
            margin-top: 20px;
        }
        #amp_iframe iframe {
            height: 190px;
            width: 352px;
        }
        #amp_iframe p {
            padding: 20px;
        }
    }
    #goanalytics.modal.fade .modal-dialog{
        transform: translate(0,0);
    }
    #twilio_info.modal.fade .modal-dialog{
        transform: translate(0,0);
    }
 /*end of updated leftmenu css*/
    body:not(.modal-open){
        padding-right: 0px !important;
    }
    .discount-label {
        font-size: 10px;
        text-align: right;
        margin-top: 7px;
        margin-bottom: 5px;
        line-height: 14.66px;
        font-family: 'OpenSans-Bold' !important;
    }
    .discount-value {
        font-size: 14px;
        text-align: left;
        margin-top: 5px;
        margin-bottom: 5px;
        line-height: 21.86px;
        font-family: 'OpenSans-Regular' !important;
    }
    #updateMembershipAttendance_modal input, #updatesessionRemaining_modal input, #membershipActiveStatus_modal input, #resumePayment_modal input {
        border: none;
        height: 40px;
        padding: 10px;
        border-radius: 6.7px;
        margin-bottom: 5px;
        -webkit-appearance: none;
        box-shadow: 0px 2.4px 8.4px 0px #B5B5B580;
    }

    #updateMembershipAttendance_modal input, #updatesessionRemaining_modal input{
        width: 45px;
        margin-top: 20px;
        margin-right: 20px;
        text-align: center;
        box-shadow: 0px 2px 7px #a7a7a7;
    }
    .Mobile_modal #editPaymentMethodModal .modal-content{
        width: 350px;
        margin: auto;
        max-width: 95%;
    }
    #editPaymentMethodModal input{
        cursor:pointer
    }
    #editPaymentMethodModal .membutton{
        margin: 15px 5px;
        height:48px!important;
        border-radius: 10px;
        display: flex;
        align-items: center;
        box-shadow: 0px 2px 7px rgba(181, 181, 181, 0.5) !important;
    }
    #editPaymentMethodModal .StripeElement {   
        border-radius: 6.7px;
        box-shadow: 0px 2px 7px rgba(181, 181, 181, 0.5) !important;
        height:48px!important;
        border-radius: 10px;
    }
    #editPaymentMethodModal select{
        appearance: none;
    }
    .btn-custom-height {
        height: 50%!important;
    }
    .mobile-view #editPaymentMethodModal select{
        font-size: 10px;
    }

    /* .mobile-view #editPaymentMethodModal .memScrollView{
        max-height: 330px;
        overflow: scroll;
    } */
    .textarea-container{
        box-shadow: 0px 2px 7px 0px #D5D5D5;
        background: #ffffff;
        text-align: right;
        border-radius: 10px;
    }
    .textarea-container textarea{
        text-align: left;
        background: #fff !important;
        box-shadow: none !important;
        border-radius: 10px;
    }
    .textarea-container span{
        padding-right: 10px;
    }
    .dropdown-text-truncate {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: calc(100% - 20px);
        display: inline-block;
    }
    .action-text {
        color: #009a61;
        font-size: 12px;
        font-weight: 500;
        letter-spacing: .56px;
        margin-right: 19px;
        margin-bottom: 0;
        line-height: 20px;
    }

    .fw-600{
        font-weight: 600;
    }
    .fw-700{
        font-weight: 700;
    }
    .membership-detail .collapsable-content tbody tr, .trial-detail .collapsable-content tbody tr{
        border-bottom: 1px solid #DDE1E5;
    }
    .membership-detail .collapsable-content tbody tr:last-child, .trial-detail .collapsable-content tbody tr:last-child{
        border-bottom: none;
    }
    .addEllipse {
        width: 93%;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .width-box {
        width:100%;
    }
    #editPaymentMethodModal select{
        -moz-appearance: none; 
        -webkit-appearance: none; 
        appearance: none;
    }    
    /* .cstm-tooltip{
        position: relative;
    }
    .cstm-tooltip .cstm-tooltiptext{
        position: absolute;
        visibility: hidden;
        background: white;
        color: black;
        z-index: 9999999;
        border: 1px solid #dfe3e9;
        width: 180px;
        box-shadow: 2px 4px 14px 4px rgba(0,0,0,0.2);
        font-size: 11px;
        padding: 12px;
        letter-spacing: 0.2px;
    }
    #cstm-tooltip-backdrop{
        position: fixed;
        top: 0;
        bottom: o;
        left: 0;
        right: 0;
        width: 100vw;
        height: 100vh;
        background: transparent;
    } */
    
/*delete membership registration*/

    .confirm-deletemodal{
        font-weight: 400 !important;
        line-height: 24px !important;
        display: flex !important;
        align-items: center !important;
        text-align: center !important;
        color: #000000 !important;
        /*margin: 30px 58px 20px 58px !important;*/
        margin: 30px 30px 20px 35px !important;
        font-size: 18px !important;
    }
    .confirm-deletemodal1{
        padding: 38px 45px 25px 42px !important;
        font-size: 19px !important;
        font-style: normal !important;
        font-weight: 400 !important;
        line-height: 24px !important;
        display: flex !important;
        align-items: center !important;
        text-align: center !important;
        color: #000000 !important;
    }
    #deleteEveRegistrationContentSuccess{
        padding: 45px 39.09px 43.54px 39px !important;
        height: 144px !important;
        margin: 0px 20px 0px 20px !important;
    }
/*    #deleteLeadRegistrationContentFail{
        padding: 45px 39.09px 43.54px 39px !important;
        height: 144px !important;
    }*/
    .succss-mod{
        width: 390.17px !important;
        height: 225px !important;
        border: 1.08762px solid #DCDCDC !important;
        box-sizing: border-box !important;
        border-radius: 13.0058px !important;
    }
    .succss-mod-btn{
        /*font-weight:700;background-color:#fff;color: #009a61;border: none;width: 100%;box-shadow: none;border-top: solid 0.9px #dcdcdc;margin-bottom:0px;padding-top: 26px;*/
        font-weight:500  !important;
        background-color:#fff !important;
        color: #009a61 !important;
        border: none !important;
        width: 100% !important;
        box-shadow: none !important;
        border-top: solid 0.9px #dcdcdc !important;
        margin-bottom:0px !important;
        padding-top: 26px !important;
    }
    .succss-mod-body{
        /*font-size:16px;height: 100%;padding:0px;font-weight: normal;font-size: 20.8092px;line-height: 30px;*/
        font-size:16px !important;
        height: 100% !important;
        padding:0px !important;
        font-weight: normal !important;
        font-size: 20.8092px !important;
        line-height: 30px !important;
    }
 /*end of updated leftmenu css*/
#mobileMenu{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
 .mobileMenu{
    background: white;
    font-size: 15px;
 }
 .mymenu-header{
    padding:10px !important;
    background: #F7F7F8;
    border: 1.33871px solid #DFE3E9;
    box-sizing: border-box;
    display: list-item;
 }
 .mymenu-header span.btn_close{
    font-size: 28px !important;
    cursor: pointer;
    position: absolute;
    top: 0px;
    right: 10px;
    color: black;
    font-weight: 600;
 }
 .cstm_company_name{
     color:#009a61;
     text-overflow: ellipsis;
     overflow: hidden;
     white-space: nowrap;
 }
 ul.mobileMenu.list{
     margin: 0;
     padding:13px 15px;
     border-top: 1px solid #DFE3E9;
 }
 ul.mobileMenu.list li{
    list-style: none;
/*    padding: 10px 0;*/
    padding: 12px 0;
    color: black;
    font-weight: 500;
 }
 /* ul.mobileMenu.list li + li{
    padding-top: 0; 
 } */
 ul.mobileMenu.list li img{
    width: 20px;
    height: 20px;
    object-fit: contain;
 }
 #menu_list_contanier > ul  li  span{
    padding-left: 10px;
 }
 #menu_list_contanier ul.mobileMenu.list{
    overflow: auto;
    height: calc(var(--inner-height) - 210px);
    /* max-height: 90vh;
    padding-bottom: 150px; */
 }
 
 .list-hide{
    height: calc(var(--inner-height) - 165px) !important;
 }
 
 ul.mobileMenu li ul{
    padding: 0 0 0 25px;
 }
 ul.mobileMenu li ul li ul{
    padding: 0 0 0 20px;
 }
 /* ul.mobileMenu > li:first-child{
     padding-top: 0;
 } */
 /* ul.mobileMenu li:last-child{
     padding-bottom: 0;
 } */
 .overlay.mobileMenu.show{
    -webkit-animation: linear;
    -webkit-animation-name: slidein;
    -webkit-animation-duration: .5s;
 }
 @-webkit-keyframes slidein {
  0% {
    left: -50%;
  }
  25% {
    left: 0;
  }
}
.company_list_popover {
    position: absolute;
    height: auto;
    width: 100%;
    background: white;
    padding: 10px;
    margin: 0;
    top: 0;
    left:0;
    z-index: 1;
}
.company_list_popover img{
    width:20px;
}
ul.company_list_popover li{
    padding: 5px 0;
    list-style: none;
    color: black;
    font-weight: 500;
}
.overlay-bg{
    background-color: rgba(0, 0, 0, 0.5);
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 1;
    display: block;
    top: 0;
    left: 0;
}
.red_text{
    color: red;
}
.text-disabled{
    color: #00000060;
    pointer-events: none;
}
#transferParticipantModal .date-dropdowns select {
    width: 30%;
    height: 40px !important;
    border-radius: 10px;
    box-shadow: 0 2px 7px 0 rgba(157, 157, 157, 0.5);
    -moz-appearance: none;
    -webkit-appearance: none;
    margin-right: 10px;
    padding: 7px;
    background-image: url(f02e9f7b8984130c2b557895fed52e2a.png);
    background-position: 90% 21px;
    background-position-x: 90%;
    background-position-y: 15px;
    background-repeat: no-repeat;
    background-size: 15px 10px;
    border: none;
}
.membership-detail .header-section .attendance-pos{
    margin-top: 14px;
}
/* .membership-detail .header-section .rank-pos{
    position: absolute;
} */
.membership-detail .header-section .skill-pos{
    margin-top: 14px;
}
.collapsable-content__header.additional-table{
    border-top: 1px solid #DDE1E5;
    border-bottom: 1px solid #DDE1E5;
    padding-bottom: 13px;
}
#stripe_cc_category_modal .modal-dialog.absolute-center .set-content-height{
    max-height: calc(var(--modal-maxheight) - 350px);
    overflow: auto;
}
.border-class-active{
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}
.cstm-form-select{
    height: 40px;
    padding: 5px 30px 5px 5px;
    padding-left: 10px;
    width: 100%;
    color: #4a4a4a;
    font-size: 14px;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-color: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 7px 0 rgba(181,181,181,.5);
    background-color: #fff;
    border: 0;
}
.add-membership.mobile-view .collapsable-content{
    border-radius: 0px ;
}
.add-membership.mobile-view .collapsable-content__header{
    padding: 16px;
}
.add-membership.mobile-view .button-container{
    position: fixed;
    bottom: 0px;
    background-color: white;
    padding: 12px 6px;
    border: 1px solid #e2e2e2;
    display: flex;
    justify-content: space-around;
}
.add-membership.mobile-view .cstm-button{
    width: 30%;
    margin: 0px;
}
.add-membership.mobile-view .navbar{
    padding-top: 15px;
    display: flex;
}
.add-membership.mobile-view .tab-section .tab-item{
    display: flex;
    justify-content: space-between;
    height: 40px;
    padding: 0 15px;
}
.add-membership.mobile-view .tab-section .tab-item button.activeview{
    color: #009a61;
}
.add-membership.mobile-view .tab-section .tab-item button{
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    color: #8f8f8f;
    position: relative;
}
.add-membership.mobile-view .row.grey-bg{
    padding:20px 0px 0px ;
}
.add-membership ::placeholder{
    color: #c5c5c5;
}
#mob_membershipcropmodal .modal-backdrop{
    opacity: 0;
    z-index: 0;
}
#mob_membershipcropmodal .modal-content{
    margin: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    max-width: 400px;
    height: unset;
    /* border-radius: 5px; */
}
#mob_membershipcropmodal .modal-header{
    display: flex;
    justify-content: flex-end;
    padding: 0;
    height: 42px;
}
#mob_membershipcropmodal .modal-body {
    margin: 0;
    padding: 22px 21px 0;
}
#mob_membershipcropmodal .modal-action{
    height: 43px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    padding-right: 10px;
}
#mob_membershipcropmodal .modal-header button{
    margin-top: 0;
    font-size: 25px;
    color: #c4c4c4;
    font-weight: 400;
    line-height: 16.1px;
    letter-spacing: 0.19px;
}
.two_line_ellipsis{
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 0px;
}
.add-membership .collapsable-content,.staff-schedule .collapsable-content{
    background-color: transparent;
}
.add-membership .collapsable-content__header,.staff-schedule .collapsable-content__header{
    background-color: #FFF;
}
.drop_down_option_width {
    min-width: 135px;
}
.ip-text-center, .ip-text-center::placeholder{
    text-align: center;
}
.settings_content_align{
    margin-bottom: 25px
}
.general_settings_text_bold{
    font-weight: 500;
}
.schedule_role_type_color{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    /* width: calc(100% - 20px); */
    display: inline-block;
    padding-left: 30px;
}
.role_type_color_checkbox{
    position: absolute;
    top: 10px;
    left: 16px;
    height: 20px;
    width: 20px;
    border: 1px solid #c9c9c9;
}
.role_color_dropdown_container{
    min-width: 130px;
    max-width: 130px;
    min-height: 130px;
    max-height: 130px;
    background-color:#FFFFFF;
    padding: 16px 10px 10px 3px !important;
    border-radius: 10px;
    box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.25);
}
.shift_color_dropdown{
    border: none;
    box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.25);
    border-radius: 8px;
    overflow-x: hidden;
    cursor: pointer;
    min-width: 140px;
    max-width: 140px;
    min-height: 150px;
    max-height: 150px;
    background-color: #fff;
}
.shift_color_dropdown li{
    padding: 5px;
    width: 100%;
}
.role_color_dropdown_checkbox{
    height: 22px;
    width: 22px;
    border: 1px solid #c9c9c9;
    border-radius: 2px;
}
.role_color_dropdown_row{
    display: flex;
    margin-bottom: 5px;
}
.role_name_ellipsis{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
@media only screen and (max-width:768px){
    .manage-membership.mobile-view.right_col,.add-membership.mobile-view.right_col{
        overflow-x: unset;
    }
    /* .sellthis_ul, #start_engagement ul {
        width: 27% !important;
    } */
}
html{
    -moz-text-size-adjust: none !important;
    -webkit-text-size-adjust: none !important;
    -ms-text-size-adjust: none !important;
}
.cstm-text-editor .wysiwyg-btn-group-margin .wysiwyg-select{
    border: none !important;
    border-radius: 5px;
    box-shadow: 0 2px 7px 0 rgba(181, 181, 181, 0.5);
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 37px;
    font-weight: 550;
}
.cstm-text-editor .wysiwyg-btn-group-margin{
    border: none !important;
    border-radius: 5px;
    padding-left: 0px !important;
    margin-left: 0 !important;
    box-shadow: 0 2px 7px 0 rgba(181, 181, 181, 0.5);
}
.cstm-text-editor .btn-default{
    border: none !important;
}
.cstm-text-editor .btn-group > .btn:last-child:not(:first-child){
    border-left: 1px solid rgba(181, 181, 181, 0.5) !important;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}
.cstm-text-editor .cstmselectfont{
    border: none;
    box-shadow: none !important;
    width: 80px;
}
.cstm-text-editor .cstmselectfont{
    margin-right: 10px !important;
}
.cstm-text-editor .cstmselectfont ~ .wysiwyg-btn-group-margin{
   margin-left: 8px !important;
}
.cstm-text-editor .btn{
    height: 35px !important;
    width: 33px !important;
    border-radius: 5px !important;
}
.cstm-text-editor .cstmselectfont .fa-caret-down{
    display: block !important;
}
.membutton.wysiwyg-textarea{
    margin: 0!important;
}
.manage-membership .sortable_icon{
    padding: 10px;
}
@media (max-width: 750px){
    #goanalytics iframe{
        height: 50vw;
        max-width: 100%;
    }
    #twilio_info iframe{
        /* height: 50vw;
        max-width: 100%; */
    }
}

#composemessagemodal .advanced-features {
    /* border-top: 1px solid #d3d3d3; */
}

#composemessagemodal .msg-textarea {
    border-top: 0;
}

#composemessagemodal .dropdown-menu .search-field,
.sidebar-email .dropdown-menu .search-field,
#templatebox .dropdown-menu .search-field,
.message-layout .advanced-features .dropdown-menu .search-field {
    position: unset;
    width: 100%;
    margin: 0;
    background-color: #FFFFFF;
}
#composemessagemodal .coversation-search-icon{
    color:#808080;
}

#composemessagemodal .coversation-search-icon,
.sidebar-email .coversation-search-icon,
.message-layout .advanced-features .coversation-search-icon {
    width: 11px;
    height: 11px;
    position: absolute;
    left: 12px;
    top: 13px;
}

#composemessagemodal .search,
.sidebar-email .search ,
#templatebox .search,
.message-layout .advanced-features .search {
    -webkit-appearance: media-slider !important;
    border-radius: 5px;
    height: 39px;
    padding-left: 0;
    padding-top: 8px;
    border: none;
    color: #000000;
}

#composemessagemodal .search::placeholder,
.sidebar-email .search::placeholder ,
#templatebox .search::placeholder,
.message-layout .advanced-features .search::placeholder {
    color: #000000;
}

#composemessagemodal .dropdown a,
.message-layout .advanced-features .dropdown a {
    padding-left: 0;
}

#composemessagemodal .dropdown h4,
.message-layout .advanced-features .dropdown h4 {
    padding-left: 0;
}

#composemessagemodal .placeholder_magnifier_icon,
.sidebar-email .placeholder_magnifier_icon,
#templatebox .placeholder_magnifier_icon,
.message-layout .advanced-features .placeholder_magnifier_icon {
    background-size: 11px;
    width: calc(100% - 45px);
    margin-left: 16x;
    position: absolute;
    left: 0px;
    top: 0;
    margin: 0;   
    background-image: url(c6aa12b8401e3f03eb76cf87cf126b53.jpg);
/*        background-image: url("../image/attendance_search.png");*/
    background-position: 10px center;
    background-repeat: no-repeat;
    padding: 5px 5px 5px 10px;
    text-indent: 20px;
}

#composemessagemodal .search_placeholder,
.sidebar-email .search_placeholder,
#templatebox .search_placeholder,
.message-layout .advanced-features .search_placeholder {
    border-radius: 5.97px;
    box-shadow: 1px 1px 5px #aaa;
    height: 39px;
}

.email-container ul.dropdown-menu {
    height: 277px;
    background: #FFFFFF;
    box-shadow: 0px 2px 7px #D5D5D5;
    border-radius: 8px;
    width: 330px;
}

#emailtemplate, #emailtemplate1 {
    height: calc(var(--inner-height) - 375px);
}

#emailtemplate1 {
    height: calc(var(--inner-height) - 400px);
}

.icon-container .wysiwyg-btn-group-margin {
    box-shadow: 0px 2px 7px #d5d5d5;
    border-radius: 5px;
    margin-right: 9px;
}

.icon-container .btn {
    background: #FFFFFF;
}

.email-footer .email-btn-group .send-btn {
    display: flex;
    padding-left: 10px;
}

.email-footer .email-btn-group .send-btn .save-btn {
    font-size: 16px;
    line-height: 22px;
    color: #FFFFFF;
    background: #009A61;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
    border-radius: 8px 0 0 8px;
    Width: 132px;
    Height: 36px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    font-family: OpenSans-SemiBold !important;
}

.email-footer .email-btn-group .send-btn .btn-schedule {
    width: 38px;
    background: #009A61;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
    border-radius: 0 8px 8px 0;
    border-left: 1px solid #FFFFFF;
    padding: 0 0 3px 0;
}


.email-footer .email-btn-group .email-delete-btn, #templatebox .btn-group .email-template-delete-btn {
    width: 122px;
    height: 36px;
    background: #FFFFFF;
    box-shadow: 0px 2px 7px #d5d5d5;
    border: none;
    border-radius: 5px !important;
    margin-left: 10px;
    color: #808080
}

.email-footer .email-btn-group .email-attachments-btn , #templatebox .btn-group .email-attachments-btn {
    Width: 32px;
    Height: 36px;
    background: #FFFFFF;
    box-shadow: 0px 2px 7px #D5D5D5;
    border-radius: 5px !important;
    padding: 7px;
}

.email-attached-file {
    display: flex;
    max-width: 40vw;
    font-size: 14px;
    line-height: 30px;
    color: #000000;
    background: rgb(0 0 0 / 10%);
    border-radius: 5px;
    padding: 2px 6px;
    width: fit-content;
    margin-left: 5px;
}

.email-attached-file .email-attached-file-name {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    max-width: 130px;
    white-space: nowrap;
}

.email-attached-file .email-attached-file-remove {
    cursor: pointer;
    margin-left: 5px;
    margin-top: -2px;    
} 

.email-attached-file .email-attached-file-remove img {
    width:10px;
    height: 10px;  
}

.email-schedule-option .email-schedule-panel-heading {
    border: none;
    border-bottom: 1px solid #D6D6D6;
    padding: 10px 14px;
}

.email-schedule-option #TZtimezone.no-style-ul li a {
    padding-bottom: 12px;
    height: unset;
}

#templatebox .email-template-navbar {
    height: 63px;
    background: #FFFFFF;   
}

.email-schedule-option {
    width: 345px;
    margin-left: 185px;
    z-index: 9999;
    bottom: 55px;
    position: absolute;
    background: #FFFFFF;
    box-shadow: 0px 2px 7px #d7d7d7;
    border-radius: 8px;
}
    
.email-schedule-option .email-schedule-title {
    font-weight: 600;
    font-size: 13px;
    line-height: 18px;
    color: #000000;
}

.email-schedule-option .email-schedule-datas {
    background: #FFFFFF;
    box-shadow: 0px 2px 7px #D5D5D5;
    border-radius: 8px;
    display: flex;
    cursor: pointer; 
    margin-bottom: 10px;
}

.email-schedule-option .email-schedule-datas .email-schedule-datas-input {
    padding-left: 10px;
    width: 88%;
    color: #5b5b5b !important;
    border: none;
    border-radius: 8px 0 0 8px;
}

.email-schedule-option .email-schedule-datas .email-schedule-datas-icon {
    padding: 7px 12px;
    background-color: #F2F2F2;
}

.email-schedule-option .email-schedule-datas .email-schedule-time-icon {
    height: 13px;
    width: 13px;
}

.remove-schedule-button {
    cursor: pointer;
    width: 175px;
    margin: 15px 0 15px 0;
}    

.email-schedule-option .email-schedule-time-zone {
    background: #FFFFFF;
    box-shadow: 0px 2px 7px #d5d5d5;
    border-radius: 8px;
    background-color: white;
    color: #5b5b5b;
    font-weight: 400;
    font-size: 13px;
    width: 100%;
    text-align: left;
    height: 36px;
    display: block;

}

.email-schedule-option .email-schedule-time-zone .email-schedule-time-zone-text {
    display: inline-block;
    max-width: 92%;
    white-space: no-wrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.email-schedule-option .panel{
    border-radius: 8px;
    height: 224px
}

.email-schedule-option .panel.scheduled {
    height: 254px;
}

.center-align-button {
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
}

.email-schedule-option .email-schedule-footer {
    height: 60px;
    background-color: #f5f5f512;
    display: grid;
    align-content: center;
    justify-content: center;
    text-align: center; 
}

.email-schedule-option .email-schedule-footer .email-schedule-schedule-btn, .email-schedule-option .email-schedule-footer .email-schedule-cancel {
    Width: 123.13px;
    Height: 36px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
    border-radius: 8px;
    font-size: 14px;
    line-height: 19px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    font-family: OpenSans-SemiBold !important;
}

.email-schedule-option .email-schedule-footer .email-schedule-cancel {
    color: #808080;
    background: #FFFFFF; 
}

.email-schedule-option .email-schedule-footer .email-schedule-schedule-btn {
    color: #FFFFFF;
    background: #009A61;
}

.email-schedule-option .email-schedule-footer .email-schedule-action {
    display: flex;
    margin-left: 0;
}

#templatebox .btn-group .send_btn .save-btn, .email-footer .send_btn .send-later-btn {
    Width: 170.13px;
    Height: 36px;
    background: #009A61;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
    border-radius: 8px;
    font-family: OpenSans-SemiBold !important;
}

#templatebox .btn-group .send_btn, .email-footer .send_btn{
    padding-left: 10px;
}

#templatebox .btn-group .email-attachments-btn img {
    Width: 15px;
    Height: 18px;
}

#templatebox .bottom-border {
    border-top: 1px solid #D6D6D6;
    display: flex;
    justify-content: flex-end;
}

#templatebox .btn.active {
    -webkit-box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%); 
    box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);    
}

.email-schedule-option .email-schedule-footer .email-schedule-cancel {
    min-Width: 123.13px;
}

.email-schedule-option .email-schedule-footer .email-schedule-schedule-btn { 
    min-width: 123.12px;
    margin-left: 5px;
}

.icon-container .btn-group {
    overflow: hidden;
    margin-bottom: 10px;
}

.send-email-once {
    line-height: 19px;
    display: flex;
    padding-left: 15px;
    font-weight: normal;
    padding-top: 5px;
}

.send-email-once .email-once-text{
    font-size: 14px;
    line-height: 19px;
    letter-spacing: -0.169203px;
    color: #000000;
    font-weight: normal;
    margin-left: 20px;
    margin-top: 2px;
}

.file-attachment-error-message {
    color: #a94442;
    padding-left: 16px;
    padding-top: 5px;
}

.email-attachments {
    display: flex;
}

.email-attachment-file {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    white-space: nowrap;
}

.email-attachments .email-attachment-remove-file {
    cursor: pointer;
    margin-left: 15px;
    margin-top: -1px;    
}

.email-attachments .email-attachment-remove-file img{
    width: 10px;
    height: 10px;
}

.sidebar-email .dropdown-menu .search-field#TZinput {
   position: unset;
   margin-bottom: 0;
   width: 296px;
   box-shadow: 0px 2px 7px #d5d5d5;
   border-radius: 6.7px;
   height: 30px;
   background-color: #FFFFFF;
}

.email-schedule-option .search_placeholder {
    margin: 10px;
    height: 33px;
}


.email-schedule-option .dropdown-menu {
    height: 310px;
    width: 316px;
    background: #FFFFFF;
    box-shadow: 0px 2px 7px #D5D5D5;
    border-radius: 5px;
    top: -320px;
}

.email-schedule-option .dropdown .no-style-ul li {
    padding: 0 10px;
    margin-left: -45px;
    background-color: #FFFFFF;
}
    
.email-schedule-option .dropdown .no-style-ul li a {
    font-size: 14px;
    letter-spacing: 0.155097px;
    padding: 0;
}

.email-schedule-option #TZtimezone li {
    margin-left: -40px;
}

.email-schedule-option #TZtimezone.no-style-ul {
    height: 251px;
    overflow-y: auto;
    padding-top: 4px;
    margin-top: 10px;
}

#mySidebar-email .email-templates-dropdown {
    left: -207px;
    width: 303px;
    padding: 15px;
    box-shadow: 0px 2px 7px #D5D5D5;
}
    
#mySidebar-email .email-placeholder-dropdown ,#amplify-email .email-placeholder-dropdown{
    left: -198px;
    width: 303px;
    padding: 15px;
    box-shadow: 0px 2px 7px #D5D5D5;
}

#composemessagemodal .advanced-features .mobile-message-template-placeholder-button,
#upload-image-sms-composer, #upload-image-sms-message {
    background-color: white;
    color: #000000;
    font-weight: 400;
    font-size: 13px;
    margin-bottom: 0px;
    margin-top: 4px;
    font-family: 'OpenSans-SemiBold' !important;
}
    
.email-footer .email-btn-group {
    margin-left: 4px;
    margin-top: 3px;
    display: flex;
}

.email-footer .email-btn-group .draft-text{
    padding-top: 8px;
    padding-left: 15px;
    font-weight: 500;
}

#emailtemplate.email-mesage-area {
    height: calc(var(--inner-height) - 380px);
}

.placeholder_error_exist ~ #emailtemplate.email-mesage-area {
    height: calc(var(--inner-height) - 451px);
}



/*#emailtemplate.email-mesage-area.additional-height {
    height: calc(100vh - 405px);
}

.placeholder_error_exist ~ #emailtemplate.email-mesage-area.additional-height {
    height: calc(100vh - 476px);
}*/

#emailtemplate.email-mesage-area.participant-added {
    height: calc(var(--inner-height) - 408px);
}

.placeholder_error_exist ~ #emailtemplate.email-mesage-area.participant-added {
    height: calc(var(--inner-height) - 484px);
}

.placeholder_error_exist ~ #emailtemplate1 {
    height: calc(var(--inner-height) - 475px);
}

/*#emailtemplate.email-mesage-area.participant-added.additional-height {
    height: calc(100vh - 427px);
}*/

/*.placeholder_error_exist ~ #emailtemplate.email-mesage-area.participant-added.additional-height {
    height: calc(100vh - 498px);
}*/

.email-mobile-message-templates  .wysiwygs-mobile-message-templates{
    max-height: 41px;
}

#emailtemplate a, #emailtemplate1 a {
    color: #154e96 !important;
    text-decoration: underline #154e96 !important;
}

.email-footer .email-btn-group .send-btn .btn-schedule .cstm-nav-desktop-view::after {
    background-color: white;
}

.rolldate-container {
    display: none;
}

.email-templates-dropdown .no-style-ul-new li, .email-placeholder-dropdown .no-style-ul-new li {
    margin-left: -45px;
}

.email-schedule-time-zone-dropdown-button {
    width: 100%;  
}

.email-schedule-mobile {
    width: 50%;
}

#mySidebar-email .email-send-to-text-area #to_email_typed::placeholder {
    padding-top: 24px;    
}

#emailScheduleSelectPastDateMobileModal.custom-modal > .modal-dialog {
    width: var(--modal-width);
    font-family: 'OpenSans-SemiBold' !important;
}

.placeholder-error-message {
    height: 30px;
    background: #ffe0e0;
    border: 1px solid #ff8383;
    padding-left: 11px;
    padding-top: 7px;
    color: black;
    font-size: 12px;
    border-radius: 6px;
}

#DataTables_attendance_1_filter input[type="search"].magnifier_icon {
    padding-left: 35px;
    text-indent: 0 !important; 
}

.all_customer_pagination_info,.all_customer_pagination_info .dataTables_paginate{
    position: relative;
}
.all_customer_pagination_info .dataTables_paginate .paginate_button{
    background: #fff!important;
    border: none!important;
    padding: 0!important;
    position: relative;
    top: 0px;
}
.all_customer_pagination_info .dataTables_paginate .paginate_button img{
    width: 5.9px!important;
    height: 10.82px!important;
    position: relative;
}
.all_customer_pagination_info .dataTables_paginate .disabled img {
    opacity: 0.5;
    cursor: unset;
}
.all_customer_pagination_info .dataTables_info,.all_customer_pagination_info .dataTables_length,.all_customer_pagination_dropdown{
    text-align: right;
    color: #000000;
    font-size: 14px;
    font-family: 'OpenSans-Regular' !important;
    padding: 0;
}
.all_customer_pagination_info .dataTables_info {
    width: auto;
    position: relative;
    right: unset;
    text-align: unset;
    float: unset;
    top:0px;
    display: inline-block;
}
.all_customer_pagination_info .previous,.all_customer_pagination_info .next{
    right: 0px;
    top: 0px;
}
.all_customers_pagination_table{
    padding-top: 30px;
}

.all_customer_pagination_info .dataTables_paginate {
    position: relative;
    right: unset;
    float: unset;
    text-align: left;
    width: auto;
    top: 0px;
    padding: 0px;
    display: inline-block;
    padding-right: 11px;
    padding-left: 7px;
    margin-top: 0px;
}

.all_customer_pagination_dropdown{
    width: auto;
    float: none;
    right: 0px;
    top: 0px;
    display: inline-block;
}

.all_customer_pagination_info .dataTables_length{
    position: relative;
    right: unset;
    float: left;
    text-align: left;
    padding-right: 20px;
    top:0px;
    width: auto;
}
.all_customer_pagination_info .dataTables_length label{
    color: #000000;
    font-size: 14px;
    font-family: 'OpenSans-Regular';
    line-height: 18px;
    letter-spacing: 0px;
    text-align: left;
    font-weight: normal;
}
.all_customer_pagination_info select{
    border: 1px solid #ddd;
    border-radius: 4px;
    background-color: #fff;
    cursor: pointer;
}
.pages-info,.dataTables_length select {
    margin-left: 5px;
}
.all_customer_pagination_dropdown .dropdown-toggle {
    width: 65px;
    height: 32px;
    padding: 10px 16px 10px 16px;
    border-radius: 8px;
    background-color: white;
    cursor: pointer;
    border: 1px solid #DDE1E5;
    font-family: 'OpenSans-Regular';
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    letter-spacing: 0px;
    text-align: left;
}

.all_customer_pagination_selected{
    position: absolute;
    left: 9px;
    color: #000000;
    font-size: 14px;
    font-family: 'OpenSans-Regular' !important;
    top: 115px;
}
.all_customers_pagination_table .dataTables_scrollBody{
    max-height: 350px;
    height: 350px;
}
.all_customers_pagination_table .dataTables_scrollBody table{
    position: absolute
}
#customer_resp .all_customers_pagination_table.withsearch .dataTables_scrollBody, #trials_resp .all_customers_pagination_table.withsearch .dataTables_scrollBody, #event_resp .all_customers_pagination_table.withsearch .dataTables_scrollBody, #conversationresp .all_customers_pagination_table.withsearch .dataTables_scrollBody{
    max-height: calc(100vh - 375px);
    height: calc(100vh - 375px);
}
.all_customers_pagination_table .dataTables_scroll{
    margin-top: 60px;
}
.all_customers_pagination_table.withsearch{
    padding-top: 1px;
}
.all_customer_pagination_info.withsearch .previous,.all_customer_pagination_info.withsearch .next{
    top : 0px;
}
.all_customers_pagination_table.withsearch .dataTables_scroll{
    margin-top: 50px;
}
.all_customer_pagination_info.withsearch{
    right: 10px;
    top: 14px;
}
.all_customer_pagination_selected.withsearch{
    left:unset;
}
.all_customer_pagination_selected.withsearch{
    top:15px;
}
.all_customer_pagination_info {
    width: auto;
    max-width: calc(100% - 150px);
    text-align: left;
    height: auto;
    float: right;
    top: 58px;
}
.all_customer_pagination_info div{
    position: relative;
}
.all_customer_pagination_info.two_line {
    top: 45px
}
.all_customer_pagination_info.withsearch.two_line {
    top: 5px
}
#allcustomersTabContent .all_customers_pagination_table .dataTables_scrollHead .table > thead > tr > th, #allcustomersTabContent .all_customers_pagination_table .table.row-border1 > tbody > tr > td{
    padding: 10px !important;
}
#allcustomersTabContent .all_customers_pagination_table .dataTables_scrollHead .table > thead > tr > th:first-child, #allcustomersTabContent .all_customers_pagination_table .table.row-border1 > tbody > tr > td:first-child{
    padding: 10px 10px 10px 5px !important;
}
.all_customers_pagination_table .dataTables_scrollHead .table > thead > tr > th:first-child{
    text-overflow : unset !important;
}
.all_customers_pagination_table  input[type=checkbox]{
    margin-left:0px;
}
#customer_resp .all_customer_pagination_selected, #trials_resp .all_customer_pagination_selected {
    left : 15px !important;
}
#customer_resp .all_customers_pagination_table.withsearch .dataTables_scroll, #trials_resp .all_customers_pagination_table.withsearch .dataTables_scroll  {
    padding-left: 15px !important;
}
#allcustomersTabContent .dataTables_wrapper .dataTables_filter label input{
    font-weight: normal !important;
}
#allcustomersTabContent .dataTables_filter input::placeholder, #customer_resp .dataTables_filter input::placeholder,  #trials_resp .dataTables_filter input::placeholder,  #event_resp .dataTables_filter input::placeholder, #leads_dash_resp .dataTables_filter input::placeholder, #DataTables_Table_matchrank_filter.dataTables_filter label input::placeholder {
    color:black !important;
    opacity: 0.5px !important;
}
#amplify_resp {
    margin-top: 40px;
}
.active_screen {
    padding-top: 20px;
}
.learnmore_btn {
    position: absolute;
    font-family: 'OpenSans-Regular';
    font-weight: normal;
    font-size: 14px;
    color: #009A61;
    letter-spacing: 0.16px;
}
.openai_font_style {
    font-weight: normal;
    font-size: 16px;
}
.settings_inner_content{ 
    font-size: 14px;
    font-family: 'OpenSans-Regular';
    font-weight: normal;
    line-height: 20px;
    letter-spacing: 0.16px;
    padding-left: 0 !important;
}
/* .inner_content_margin {
    margin: 20px 0;
} */
.add_api_div {
    position: relative;
    top: 20px;
}
.add_api_div span {
    font-size: 15px;
    font-weight: normal;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: left;
    display: block;
}
.add_org_top {
    top: 40px;
}
.faq_list_box {
    width: calc(100% - 12px);
    height: 152px;
    margin: 20px 0 20px 0px;
    background-color: #f3f3f3;
    padding-left: 20px;
    padding-top: 20px;
    text-shadow: none;
    border-radius: 8px;
}

.faq_question_num{
    font-family: 'OpenSans-SemiBold';
    font-size: 16px;
    font-weight: normal;
    line-height: 22px;
    letter-spacing: 0px;
    color: #6F6F6F;
}
.faq_question{
    font-family: 'OpenSans-Regular';
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
    letter-spacing: 0px;
    text-align: left;
    color: #161616;
}
.answer_div {
    top: 15%;
    position: relative;
}
.edit_div {
    top: 25%;
    position: relative;
    grid-template-columns: 80px auto !important;
}
.answer_span {
    font-family: 'OpenSans-Regular';
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    letter-spacing: 0.1599999964237213px;
    color: #6F6F6F;
}
.answer_content {
    max-width: calc(100% - 115px);
    font-family: 'OpenSans-Regular';
    font-size: 14px;
    font-weight: normal;
    line-height: 22px;
    letter-spacing: 0em;
    color: #525252;
}
.edit_span {
    padding-left: 8px;
}
.edit_span, .faq_delete span  {
    font-family: 'OpenSans-SemiBold';
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    letter-spacing: 0.1599999964237213px;
    color: #009A61;
}
.faq_delete img {
    height: 17px;
}
.faq_delete span {
    color: #8D8D8D !important;
}
#faq_body {
    max-height: calc(100vh - 150px);
    overflow-y: auto;
    overflow-x: hidden;
    padding-bottom: 100px;
    height: 100%;
}
#add-faq-modal .modal-dialog {
    width: 732px;
}
#add-faq-modal .modal-body{
    height: 604px;
    text-align: unset;
}
#add-faq-modal .modal-content {
    border-radius: 10px;
}
.add_faq {
    font-family: 'OpenSans-Bold';
    font-size: 16px;
    font-weight: normal;
    line-height: 22px;
    letter-spacing: 0px;
    position: absolute;
    left: 3%;
    color: #000000;
}
#amplifyFaqForm .modal-header {
    position: relative;
    float: left;
    /* top: 20px; */
    /* left: 3%; */
    width: 100%;
    /* border-bottom: 1px solid #DDE1E5;
    height: 45px;  */
}
#amplifyFaqForm .modal-header button {
    border: none;
    background-color: transparent;
    float: right;
    position: relative;
    /* right: 3%; */
}
.qs_btn {
    position: relative;
    top: 40px;
    border: none;
    height: 39px !important;
    width: 692px !important;
    margin: 0 !important;
}
.add_fag_main_popup {
    position: relative;
    left: 3%;
}
.amplify_learn_more {
font-family:'OpenSans-Regular' !important;
font-size: 22px !important;
font-weight: normal !important;
line-height: 26px;
letter-spacing: 0px;
text-align: center !important;
}
.amp_video_content {
    font-size: 20px;
    font-family:'OpenSans-Regular' !important;
    font-weight: normal;
    line-height: 24px;
    letter-spacing: 0px;
    text-align: center;
    color: #8D8D8D;
}

@media screen and (max-width: 600px), only screen and (max-width: 600px) {
    .email-footer .email-btn-group {
       margin-left: 20px; 
    }
    
    /* #composemessagemodal #txtComposeMessage {
        height: calc(var(--inner-height) - 455px) !important;
    } */
    
    .email-footer .email-btn-group .send-btn {
        width: 45%;
    }
    
    .email-footer .email-btn-group .send-btn .save-btn {
        font-size: 14px!important;
        width: 100%;
    }
    
    .email-attachments {
        position: absolute;
        bottom: 60px;
        display: block;
    }
    
    .email-attachments .file_err {
        margin-left: 5px;
        margin-bottom: 3px;
    }
    
    .rolldate-container {
        display: block;
    }
    
    .email-placeholder-dropdown .no-style-ul-new a {
        margin-left: 0;
    }
    
   .email-footer .email-btn-group .email-delete-btn, #templatebox .btn-group .email-template-delete-btn {
        width: 37%;
    }
            
    #templatebox .btn-group .send_btn .save-btn, .email-footer .send_btn .send-later-btn {
        width: 120px;
    }
    
    .icon-container .wysiwyg-btn-group-margin {
        margin-right: 0;
    }
}
@media (min-width: 600px) and (max-width: 1280px) {
    #emailtemplate.email-mesage-area {
        height: calc(var(--inner-height) - 453px);
    }
}
@media (min-width: 1345px) and (max-width: 1441px) {
    #emailtemplate.email-mesage-area {
        height: calc(var(--inner-height) - 415px);
    }
}
@media (min-width: 1442px) and (max-width: 1920px) {
    #emailtemplate.email-mesage-area {
        height: calc(var(--inner-height) - 370px);
    }
    .email-once{
        transform: translateY(5px) !important;
    }
}

@media (min-width: 1280px) and (max-width: 1425px) {
    .email-once{
        transform: translateY(0px) !important;
    }
}

@media (min-width: 1345px) and (max-width: 1425px) {
    #emailtemplate.email-mesage-area.participant-added {
        height: calc(var(--inner-height) - 443px);
    }
}

@media (min-width: 1280px) and (max-width: 1345px) {
    .file-attachment-error-message {
        font-size: 14px;
    }
    
    #emailtemplate1 {
        height: calc(var(--inner-height) - 435px);
    }

    #emailtemplate.email-mesage-area {
        height: calc(var(--inner-height) - 415px);
    }
    
    .placeholder_error_exist ~ #emailtemplate.email-mesage-area {
        height: calc(var(--inner-height) - 486px);
    }
    
/*    #emailtemplate.email-mesage-area.additional-height {
        height: calc(100vh - 445px);
    }
    
    .placeholder_error_exist ~ #emailtemplate.email-mesage-area.additional-height {
        height: calc(100vh - 516px);
    }*/
    
    #emailtemplate.email-mesage-area.participant-added {
        height: calc(var(--inner-height) - 443px);
    }
    
    .placeholder_error_exist ~ #emailtemplate.email-mesage-area.participant-added {
        height: calc(var(--inner-height) - 514px);
    }
    
/*    #emailtemplate.email-mesage-area.participant-added.additional-height  {
        height: calc(100vh - 467px);
    }*/
    
/*    .placeholder_error_exist ~ #emailtemplate.email-mesage-area.participant-added.additional-height  {
        height: calc(100vh - 538px);
    }*/
}

@media (min-width: 750px) and (max-width: 1280px) {
    #emailtemplate.email-mesage-area.participant-added {
        height: calc(var(--inner-height) - 453px);
    }
}

.confirm-unpublish-modal.global-modal.control-global-modal  .modal-body {
    padding: 0 ;
}

.confirm-unpublish-modal .unpublish-model-content {
    max-height: 200px;
    overflow-y: auto;
    padding: 12px;
}

 

.confirm-unpublish-trail-modal .unpublish_detail a, 
.confirm-unpublish-program-modal .unpublish_detail a,
.confirm-unpublish-modal a {
    color: #249a61;
    cursor: pointer;
}

.confirm-unpublish-modal-event .unpublish_detail a {
    display: block;
}

#unpublish_modal .unpublish_detail {
    text-transform: capitalize!important;
    font-family: OpenSans-Bold !important; 
}

.confirm-unpublish-trail-modal .unpublish-model-content,
.confirm-unpublish-program-modal .unpublish-model-content {
    max-height: 100px;
    overflow-y: auto;
}

.confirm-unpublish-trail-modal .unpublish-model-content .confirm-unpublish-text,
.confirm-unpublish-program-modal .unpublish-model-content .confirm-unpublish-text,
.confirm-unpublish-modal .unpublish-model-content .confirm-unpublish-text {
    padding-bottom: 5px
}

.message-all-users-send-options {
    margin-top: 10px;
    display: flex;
}

.mobile-message-send-once {
    margin: 0;    
}

.mobile-message-send-once-text {
    color:#000;
    text-align: left;
    font-weight: 400;
    font-size: 12px;
    padding: 0 0 0 15px;    
}

#templatebox .message-template-placeholder {
    left: -223px;
    width: 330px;
    padding: 15px;
    height: 303px;
    top: 5px;
    background: #FFFFFF;
    box-shadow: 0px 2px 7px #D5D5D5;
    border-radius: 8px;
}

.mobile-message-send-once .dropdown_filter_checkmark {
    height: 10.7px;
    width: 10.7px;    
}

.mobile-message-send-once .dropdown_filter_checkmark:after {
    left: 2px;
    top: -1px;
    width: 5px;
    height: 9px;
}

.message-all-users-send-options .dropdown_filter_checkmark.message-once-check-box {
    margin-top: 4px;
}

.message-all-users-send-options .mobile-message-send-once {
    top: -2px;
}

#BulkEmailQuota .dropdown-menu {
    font-size: 14px;
    font-family: 'Open Sans';   
}

.email-mobile-message-templates .no-style-ul-new h4 {
    padding-left: 0;
}

.email-mobile-message-templates .no-style-ul-new ul li a {
    padding-left: 0;
}

#campaignTZtimezone.attendance-campaign-timezone {
    height: 157px;
    overflow-y: scroll;
}
@media screen and (max-width: 393px), only screen and (max-width: 393px) { 
    #composemessagemodal #chat_rchars1.conv-message-text.message-remainig-characters {
        bottom: 126px;
        font-size: 10px !important;
    }
    
    .email-footer .email-btn-group {
        margin-left: 10px;
    }
    
    .email-templates-placeholder-section button.btn.email-templates-section-btn {
        margin-right: 5px;
    }
    
    #composemessagemodal .dropdown_filter_checkmark.message-once-check-box {
        margin-top: 4px;
    }
    
    #composemessagemodal .message-once-mobile-view {
        position: absolute;
        bottom: 123px;
        left: 0;
        margin-left: -5px !important;
    }
    
    #composemessagemodal .send-message-once-checkbox, #message_once {
        font-size: 11px !important;
    }
        
    #composemessagemodal .dropdown_filter_checkmark {
        height: 13px;
        width: 13px;
    }
        
    #composemessagemodal .dropdown_filter_check {
        padding: 0 8px 0 12px;
    }
        
        
    #composemessagemodal .dropdown_filter_check .dropdown_filter_checkmark:after {
        left: 3px;
        width: 4px;
        height: 10px;
    }
}
    
html{
    -moz-text-size-adjust: none !important;
    -webkit-text-size-adjust: none !important;
    -ms-text-size-adjust: none !important;
}
.cd-nonactive{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.outer-submenu.tooltiptexts{
    padding:0px;
    top:-10px;
    left:33px;
    box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    height:auto;
    z-index:999999;
}
@media only screen and (min-width: 680px) and (max-width:1200px) {
    .sub_menu_tooltiptexts .popup-header{
        padding:12px;
        color:#888888;
        font-size:11px;
        background: #EEEEEE;
        border-radius: 0px 6.00445px 0px 0px;
        border-bottom: 1px solid rgb(222, 225, 229);
    }
    #class_schedule_calender_popup .datepicker table > tbody > tr,#class_schedule_calender_popup .datepicker table > thead > tr{
        height: 20px !important;
    }
    .menulist-header{
        border-bottom: 1px solid rgb(222, 225, 229);
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .menu_style{
         font-size:11px;
    }
/*    .video-icon-tab{
        visibility:visible;
    }*/
    .video-icon-tab {
        max-width: 14px;
        position: relative;
        left : 5px;
        cursor: pointer;
        top: -2px;
        float: right;
    }
    .leftmenuHover .video-icon-tab{
        top : 4px;
    }
    .submemu-popup-sub-content div{
        padding-left : 25px !important;
    }
    .right_top_nav{
        background: none !important; 
    }
    .global-modal .modal-body p,
    .global-modal .custom-modal-button{
/*        font-size: 16px !important;*/
    }
    .cd-nonactive{
        display: block;
    }
    #editbuyerinfo .modal-dialog{
        width: calc(100% - 20px) !important;
    }
    .country_arr_filtered{
        margin-left: 100px !important;
    }
    .col-50{
        width: 100% !important;
    }
    .dataTables_wrapper input[type="search"] {
        background-color: #FFFFFF;
        }
}
.bg_white{
    background-color: #fff;
}
.skill-progress-bar,.attendance-progress-bar,.skill-progress-bar-mobile,.attendance-progress-mobile{
    width: 100%;
    height: 8px;
    background-color: #C4C4C4;
    overflow: hidden;
    position: relative;
}
.skill-progress-bar>div,.attendance-progress-bar>div,.skill-progress-bar-mobile>div,.attendance-progress-mobile>div{
    height: 100%;
    display: block;
    background-color: #009A61;
    position: absolute;
}
.class_shedule_settings{
    color: rgb(116, 133, 159);
    font-size: 12px;
    font-weight:normal !important;
    font-family: 'OpenSans-Bold' !important;
    margin: 15px 0 0 0px;
}
#class_shedule_settings_input{
    width: 100% !important;
    color: black !important;
    border: none;   
    font-size: 12px;
    font-weight: normal !important;
    font-family: 'OpenSans-SemiBold' !important;
    padding-left: 5px !important;
}
.class_schedule_input_div{
    width: 303px;
    border-radius: 10.7px;
    height: 40px !important;
    background: white;
    padding: 10px 15px;
    -webkit-appearance: none;
    box-shadow: 0px 2.4px 8.4px 0px #b5b5b580;
    float: left;
    margin: 5px 0 0 0;
}
#save_icon li{
    margin: 18px 0 0 0;
    font-size: 16px;
    color: black;
}
.class_appt_setings {
    font-family: 'OpenSans-Bold' !important;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    color: #74859F;
    line-height: 16.34px;
}
.class_schedule_label {
    line-height: 20px !important;
    width: auto;
}
@media only screen and (min-width:320px) and (max-width : 600px)
    {
        .releasepopup_image_container {
/*            padding-left: 60px;
            padding-right: 40px;*/
        }
        .show_release_popup .head_title {
            width: 100%;
        }
        .show_release_popup .head_title {
            width: 100%;
            padding-left: 0px;
            line-height: 32px !important;
        }
        .show_release_popup #modal_content {
            height: 100%;
        }
        .mobile_content_one_mt{
            margin-top: 32px !important;
        }
        .mobile_content_two_mt{
            margin-top: 15px !important;
        }
        .show_release_popup ul li {
/*            line-height: 20px;*/
        }
    }

@media (max-width: 991px) {
    #helpurlmodal > div > div > div > div > .media-btn
    {
        font-size: 14px !important;
    }
    .media-model
    {
        padding: 10px 15px 15px 15px !important;
    }
}
  @media only screen and (max-width: 549px){
    .mobile-progress { 
        left: auto !important;  
        display: flex;  
        justify-content: center !important;  
    }
    .mobile-progress .spinner-container{
        left: auto !important;  
    }
}  
.overlay_div {
    position: relative;
    bottom:49px;
    /* top: -50px; */
    width: 100%;
    display: grid;
    place-items: end;
}
.overlay_box {
    background: #ffffff;
    position: relative;
    bottom: -3px;
    right: 20px;
    height: 40px;
    width: 272px;
    text-align: center;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.overlay_box img {
    width: 80px;
    height: auto;
    margin-top: 7px;
}

/* Only works in firefox browsers */
@-moz-document url-prefix() { 
    .overlay_box {
        bottom: -2px;
    }

    .overlay_box img {
        image-rendering: auto !important;         /* Firefox */
    }
}

@media only screen and (min-width: 641px) and (max-width:852px) {
    .overlay_box {
        bottom: -3px !important; 
        right: 0 !important;
        border-bottom-right-radius: 10px;
        width: 110px !important;
    }
}

@media only screen and (min-width : 641px){
    .child_list_box_class .col-md-4{
        width: 33.33333333%;
    }
}

@media only screen and (min-width : 1200px) and (max-width : 1360px) , only screen and (min-width : 1052px) and (max-width : 1133px) , only screen and (max-width : 744px){  
    #Staff_management .x_panel_class_schedule {
      width : 110%;
  }
}

@media only screen and (min-width : 992px) and (max-width : 1051px) {
    #Staff_management .x_panel_class_schedule {
         width: 120%;
    }
}
@media screen and (width : 1024px), screen and (min-width : 744px) and (max-width : 768px){
    #DataTables_Table_recipients_wrapper .all_customer_pagination_info.withsearch {
        max-width: unset !important;
    }
}
@media screen and (min-width : 1024px) and (max-width : 1279px){
    .campign_name {
        max-width: 195px;
    }
}
/*@media screen and (min-width : 744px) and (max-width : 900px){
    .campign_name {
        max-width: 12%;
    }
}*/
@media only screen and (width: 931px){
    .campign_name {
        max-width: 35px;
    }
}


/*MSD-469 classes & appointment times edit redesign style starts*/
.class_appointment_times_edit{
    font-size:14px;
    padding: 0px;
    margin-top: 15px;
    height:unset;
    font-family: Open Sans;
    font-weight: 500;
    letter-spacing: 0.27px;
}
.class_appointment_times_edit .class_appointment_times_button{
    width: 109px;
    height: 40px;
    background: #FFFFFF;
    border-radius: 8px;
    border: none;
    color: #979797;
}
.class_appointment_times_edit .class_appointment_times_button2{
    background: #009A61;
    color: #FFFFFF;
}
.class_appointment_times_edit .class_appointment_times_box_shadow{
    box-shadow: 0px 1.2468076944351196px 4.363826751708984px 0px #B4B4B4 !important;
    border-radius:8px !important;
}

.class_appointment_times_edit .dropdown-header-caret-down{
    right: 19px;
    position: absolute;
    font-size: 22px;
}
.class_appointment_times_edit .border-class-active{
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.class_appointment_times_edit .dropdown_headers{
    padding-left: 20px;
    margin: 10px 0 0px;
}
.class_appointment_times_edit .content_back{
    font-size: 14px;
    float: left;
    margin: 7px 0px 0px 20px;
}
.class_appointment_times_edit .class_appointment_times_edit_back{
    cursor:pointer;
    font-size: 14px;
    width: 29px;
    height: 44px; 
}
.class_appointment_times_edit .class_appointment_times_edit_back_icon{
    font-size:17px;cursor:pointer;
}
.class_appointment_times_edit .dropdown_filter_check_label{
    margin-left:13px;
    color:black;
}
.class_appointment_times_edit .dropdown_filter_checkmark {
    height: 17px;
    width: 17px;
    border: 1.5px solid #BDC3C9;
    border-radius:2px;
}
.class_appointment_times_edit .class_appointment_times_back_icon{
    font-size:17px;
    cursor:pointer;
    position: relative;
    top: 1px;
    left: 1px;
}
.class_appointment_times_edit .dropdown_filter_check .dropdown_filter_checkmark:after{
    width:5px;
    height:10px;
    top:1.4px;
    left:5px;
}
.class_appointment_times_edit .dropdown_filter_check input:checked ~ .dropdown_filter_checkmark{
    border-radius:3px;
}
.class_appointment_times_edit .dropdown_header_label{
    margin-left: 7px;
    display:flex;
    align-self:center;
}
.class_appointment_times_edit .drpdwn_btn{
    max-width:243px !important;
}
.class_appointment_times_edit .drpdwn_ul{
    width: 243px;
    height: auto;
    top:unset;
    background-color:#FFFFFF;
    padding-top: 10px;
}
.class_appointment_times_edit .drpdwn_label{
    display: inline-block;
    position: relative;
    padding: 0 8px 0 17px;
    user-select: none;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.13px;
    color:black !important;
}
.class_appointment_times_edit .accordian_menu_inner_label{
    font-family: Open Sans;
    color: #525252;
    font-weight: 500;
    /*margin-bottom: 7px;*/
}
.class_appointment_times_edit .start_time{
    display: flex;
    border-radius: 5px;
    /*max-width: 163px;*/
    border: none; 
    height: 40px;
}
.class_appointment_times_edit .class_time_input{
    position:relative;
    max-width: 243px;
}
/*.class_appointment_times_edit .start_time input{
    cursor: pointer !important;
}*/
.class_appointment_times_edit .dropdwn_caret_down{
   float: right;
   font-size: 19px; 
}
.class_appointment_times_edit .dropdwn_caret_up{
    float:right;
    font-size:19px;
    /*margin-right: 15px;*/
}
.class_appointment_times_edit .custom_list_to_labl{
   align-self: end;
   margin: 0px 9px 12px 9px; 
}
.class_appointment_times_edit    .start_time_calendar, .conversation_startdate{
    padding: 8px 10px 0px;
    background-color: #F7F7F8;
    border: none;
    border-left: none;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    position: absolute;
    float: right;
    right: 0;
    pointer-events: none;
    padding-bottom: 8px;
    height: 40px;
}
.class_appointment_times_edit .slider{
    height:24px !important;
    width:48px !important;
    border-radius:24px !important;
}
.class_appointment_times_edit .slider::before{
    height:19px !important;
    width:19px !important;
    left:3.5px !important;
    margin-top:0px !important;
    border-radius:24px !important;
}
.class_appointment_times_edit .camp_time_pick{
    width:37px;
}
.class_appointment_times_edit .waitlist_error_msg{
    color: #DA1E28;
    padding-top:4px;
}
.class_appointment_times_edit .camp_time_pick_icon{
    top:1px;
    left:0px;
    max-width: 18px;
    height: 18px;
    position: relative;
}
.class_appointment_times_edit .start_time .emailscheduledate{
    border: none;
    border-radius: 8px;
    width: 100%;
}
.class_appointment_times_edit .waitlist_redesign_tooltiptexts{
    height: auto;
    left: 0px;
    top:23px;
    width: 249px;
    border-radius: 10px;
    padding-right: 8px !important;
    visibility: hidden;
    border-right: 1px solid rgb(223, 227, 233);
    box-shadow: 0px 2px 7px 0px #D5D5D5;
    font-weight: 500;
    font-family : Open Sans;
    color : #161616;
    font-size : 12px !important;
    border:none;
    line-height:normal;
}
.class_appointment_times_edit .class_app_edit_slitetoggle_inner_section{
    float: left;
    width: 100%;
}
.class_appointment_times_edit .number_circle{
    width:15px;
    height:15px;
}
.class_appointment_times_edit .calendar_icn, .startdate_calendar_icn{
    padding-right:0;
    width: 16px;
    height: 16px;
    object-fit: contain;
    position:relative;
    margin: 1px 0px 0px 0px;
}
.class_appointment_times_edit .txt_bold{
    font-family: Open Sans;
    font-weight: 700;
}
.class_appointment_times_edit .row_margin{
    margin: 20px 0px 0px 0px !important;
}
.class_appointment_times_edit .slideToggle_head{
    font-family: Open Sans;
    font-weight: 500;
    font-size: 14px !important;
    border: 1px solid #DDE1E5 !important;
    padding: 0px 16px !important;
}
.class_appointment_times_edit .help-icon{
    top : 0.2px;
}
.class_appointment_times_edit .drop_in_price_value{
    position:absolute;
    padding-left:15px;
    color:black;
}
.class_appointment_times_edit .slideToggle_innersection{
    padding : 0px 16px 27px 16px;
}
.class_appointment_times_edit .dropdown .fa-caret-up{
    display:none;
}
.class_appointment_times_edit .dropdown.open .fa-caret-up{
    display:block !important;
}
.class_appointment_times_edit .dropdown.open .fa-caret-down{
    display:none !important;
} 
.class_appointment_times_edit .program_filter_dropdown li{
   padding-bottom : 5px;
}
.class_appointment_times_edit .program_filter_dropdown label{
   cursor:pointer;
}
.class_appointment_times_edit .dropdown-menu::after, .colorpicker .dropdown-menu::before{
    content: unset!important;
}
.class_appointment_times_edit .input_checkbox{
    width : 0 !important;
    height : 0 !important;
}
.positn_rel{
    position:relative;
}
.dsply_inline{
    display: inline-block;
}
.dsply_inline_flex{
    display: inline-flex;
}
.wid_100{
    width:100% !important;
}
.mx_wid_none{
    max-width : none !important;
}
.mb-20{
    margin-bottom: 20px;
}
.pad_tp_0{
    padding-top : 0 !important;
}
.mt-15{
    margin-top: 15px !important;
}
.mt-10{
    margin-top: 10px !important;
}
.mb-15{
    margin-bottom: 15px !important;
}
.pad_0{
    padding:0px !important;
}
.pad_lft_10{
    padding-left:10px !important;
}
.mb-1{
    margin-bottom : 1px !important;
}
.mt-1{
    margin-top : 1px !important;
}
.mb-5{
    margin-bottom: 5px !important;
}
.mb-0{
    margin-bottom: 0px !important;
}
.pad_lft_5{
    padding-left:5px !important;
}
.pad_btm_0{
    padding-bottom:0px !important;
}
.pad_tp_10{
    padding-top:10px !important;
}
.mt-0{
    margin-top:0px !important;
}
.pad_tp_15{
    padding-top:15px !important;
}
.pad_rght_10{
    padding-right:10px;
}
.pad_rght_15{
    padding-right:15px;
}
.pad_lft_1{
    padding-left : 1px;
}
.pad_lft_15{
    padding-left : 15px !important;
}
.pad_lft_0{
    padding-left:0px !important;
}
.mr-28{
    margin-right:28px;
}
.mt-43{
    margin-top:43px !important;
}
.crsor_dflt{
    cursor:default !important;
}
.mr-5{
    margin-right:5px;
}
.black-text{
    color:black;
}
.drop_in_price_input_pad_3{
    padding-left : 24px !important;
}
.drop_in_price_input_pad_2{
    padding-left : 34px !important;
}
.drop_in_price_input_pad_1{
    padding-left : 53px !important;
}
.brdr_bttm_none{
    border-bottom:none !important;
}
.crsor_pointr{
    cursor:pointer !important;
}
.class_appointment_times_edit .staff_list_dropdown_new{
   overflow-y: auto;
   max-height: 150px;
}
.class_appointment_times_edit .staff_dropdown_wid{
    width:196px !important;
}
.class_appointment_times_edit .class_appointment_times_toggle{
    color:black;
    padding-left: 12px;
    font-size:13px;
}
.class_appointment_times_edit .preview_txt{
   color: #009A61;
   cursor: pointer;
   margin-top:1px; 
}
.class_appointment_times_edit .staff_dropdown_icon{
    right: 15px;
    position: absolute;
    top: 11px;
}
.class_appointment_times_edit .checkbox_labl{
  cursor: pointer;
  margin-left: 10px;
  margin-top: -1px;
}
.class_appointment_times_edit .preview_registr_btn{
    margin-top: 5px;
    width: 150px;
    border-radius: 4px !important;
    font-weight: 500;
    opacity: 0.5;
    background: #009A61;
    color: #FFFFFF;
    height: 40px;
    border: none;
    cursor:default;
}
/*MSD-469 particular classes for mobile css*/ 
.class_appointment_times_edit_mob .dropdown-header-caret-down-mob{
    right: 29px;
    position: absolute;
    font-size: 22px;
    top:10px;
}
.class_appointment_times_edit_mob .dropdwn_header_shadw{
    box-shadow: 0px 2px 7px 0px #D5D5D5;
    border: none !important;
}
.class_appointment_times_edit_mob .dropdwn_header_shadw2{
    border-top: none !important;
    box-shadow: 0px 2px 7px 0px #D5D5D5;
}
.class_appointment_times_edit_mob .slideToggle_head_mob{
    height:56px;
    padding:0px 25px !important;
}
.class_appointment_times_edit_mob .slideToggle_head{
    border: solid 2px #d1d1d1;
}
.class_appointment_times_edit_mob .slideToggle_innersection{
    padding: 0px 25px 0px 25px !important;
}
.class_appointment_times_edit_mob .staff_list_dropdown_new:last-child{
    padding-bottom: 13px;
}
/*MSD-469 classes & appointment times edit redesign style ends*/

#DataTables_Table_waitlist_class_scheduler_wrapper table thead tr th{
    color : #525252;
    font-weight: 500;
    font-size: 13px !important;
}
.wl-action-icons-top label{
    color: #6F6F6F;
} 
.wl-action-icons-top{
    padding: 5px;
}
.wl-action-icons-top a{
    color: black;
}
.ellipsis-cell {
    max-width: 130px; 
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.col-wl {
    min-width: 150px; width: 150px; max-width: 150px; text-align: left; 
}
.col-wl-2{
    min-width: 90px; width: 90px; max-width: 90px; text-align: left;
}
.col-wl-4{
    min-width: 180px; width: 180px; max-width: 180px;text-align: left; 
}
.col-wl-3{
    min-width: 170px; width: 170px; max-width: 170px; text-align: left; 
}
.col-wl-1{
    min-width: 15px; width: 15px; max-width: 15px; text-align: left;
}

.wl-action-icons-top .member-selection-color label{
    color:#00ad68 !important;
}
.f16l24{
    font-size : 16px;
    line-height : 24px;
}
.f14l18{
    font-size : 14px;
    line-height : 18px;
}
.f14l20{
    font-size : 14px;
    line-height : 20px;
}
.f16l22{
    font-size : 16px;
    line-height : 22px;
}

.body:has(.modal.stop-body-scrolling .in) {
    overflow: hidden;
}
.msv2_popup_container{
    width: 600px !important;
    margin: auto !important;
    font-family: Open Sans;
    max-width: 100%;
    transform: translateY(-50%) !important;
    top: 50%;
    min-height: 600px;
}
.msv2_header_content{
    text-align:center;
    color:#000;
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 20px;
    margin: 0px;
    padding-top: 10px;
}
.msv2_img_placeholder{
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 20px 20px 30px !important;
}
.msv2_content{
    color: #8D8D8D;
    color: #8d8d8d;
    padding: 0 20px 30px;
    text-align: center;
    font-size: 16px;
}
.msv2_footer_close_btn{
    color: #8D8D8D;
    font-family: OpenSans-Regular;
    min-width: 500px;
    min-height: 80px;
    border-radius: 0 0 12px 12px !important;
    margin: 0 !important;
}
.msv2_inner_content_container{
    height: auto !important;
    border-radius:12px;
}
.msv2_footer_container{
    width: 100%;
}
.msv2-redirect-btn{
    cursor: pointer;
    position: absolute;
    width: 155px;
    right: 434px;
    max-height: 32px
    ;margin: auto;
    top: 6px;
    border-radius: 5px !important
}
.width-codeninjas {
    width: calc(100% - 430px) !important;
}
.width-refer-and-earn {
    width: calc(100% - 445px) !important;;
}
.width-default {
    width: calc(100% - 600px) !important;;
}
@media only screen and (max-width:768px){
    .msv2_popup_container{
        width: 100% !important;
        height: 100% !important;
    }
    .msv2_inner_content_container{
        height: 100% !important;
        border-radius: 0;
    }
    .msv2_footer_container{
        position: absolute;
        bottom: 0;
    }
    #MystudioV2Popup{
        padding: 0;
    }
    .msv2_header_content{
        margin: 0 !important;
    }
    .msv2_footer_close_btn{
        border-radius: 0 !important;
    }
   
}

@media only screen and (max-width:840px){
    #main_nav_email_icon{
        right:137px;
    }
    .refer-name{
       display: none;
    }
    #giftboxIcon{
        right:179px !important;
    }
    .msv2-redirect-btn{
        right: 210px;
    }
    #logoutButton{
        margin-left: 62px;
    }
    .cstm-new-signout-label {
        max-width: 102px
    }
}

.participant-qr-btn,.generate-participant-pin{
    border: 1px solid #CBD5E1;
    border-radius: 5px;
    color: #000;
    font-size: 12px;
    margin: 10px 0 10px 0;
    width: fit-content;
    padding: 6px 18px;
}
#show-participant-profile-toggle{
    position: absolute;
    right: 470px;
    top: 0;
    display: flex;
    font-size: 14px;
}
@media only screen and (min-width: 1200px) and (max-width:1440px) {
    #show-participant-profile-toggle{
        right: 40px;
        top: -40px;
    }
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jan 25, 2021, 3:41:32 PM
    Author     : arockiyasahayarani
*/

.slideToggle_head{
    width: 100%;
    height: 46px;
    background-color: #fff;
    font-size: 15px;
    color: #000;
    display: inline-flex;
    align-items: center;
    padding: 0 20px;
    border: solid 1px #d1d1d1;
    border-radius: 10px;
    margin-top: 15px;
    cursor: pointer;
    font-weight: 550;
}
.slideToggle_innersection{
    border: solid 1px #d1d1d1;
    margin-top: 0;
    border-top: none;
    padding: 25px 0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.custom_label{
    font-size: 14px;
    font-weight: 600;
    color: #000;
    text-align: left!important;
    padding-top: 8px;
}
.custom_input {
/*    padding-left: 60px;*/
    height: 40px;
    margin-bottom: 10px!important;
    border-radius: 10px;
    box-shadow: 0 2px 7px 0 rgba(181,181,181,.5);
    background-color: #fff;
    border: 0;
}
.save_greenbg_button {
    border-radius: 10px;
    background-color: #009a61!important;
    margin-left: 10px;
    width: 150px;
    font-size: 15px;
    font-weight: 500;
    border: none;
}
.instruction{
    color:#737373;
    font-size:12px;
    padding-left:10px;   
}
.add_icon{
    margin-left:10px;
    width:15px;
    cursor: pointer;
    margin-top: -3px;
}
.txt_center{
    text-align: center
}

/* control panel sidemenu*/
.submenuheading{
    background-color:#F7F7F8;
    width: 100%;
    height: 50px;
    padding: 15px 15px 12px 15px !important;
    color:black;
    font-size: 16px;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.1px;
    margin: 0 0 15px !important;
    /*border: none;*/
    padding-left: 10px;
    border-bottom: 1.33871px solid #DFE3E9;
}

.url_text{
    color: #009a61 !important;
    font-size: 10px !important;
    display: flex;
    margin-bottom: 15px;
}
.copy_icon{
    width:10px;
    float: right;
    margin-left: 5px;
    height: 11px;
    cursor: pointer;
}
.menu_back{
    width: 100% !important;
    border: solid 1px #dde1e5;
    background-color: #f6f6f6 !important;
    margin-top: 4px;
    padding-left: 15px;
    margin-bottom: 0px !important;
    text-shadow: none !important;
}
.sub_menus{
    padding-top: 3px;
    min-height: 32px;
    border-bottom: none;
    font-size: 12px;
    font-weight: 500;
    min-width: 205px;
}

.dropdown_arrow{
    cursor:pointer;
    color: black; 
    float:right;
    font-size: 16px;
    width:auto;
    padding-right: 18px;
}

.right_greenbutton{
    margin-top: 2%;
    float: right;
    border-radius: 8.8px;
    background-color: #009a61;
}
.level3_head{
    font-size: 21px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.sub_section{    
    border: solid 1px #ccc;
    border-radius: 5px!important;
    margin-bottom: 10px;
}
.white_bg_button{
border-radius: 10px;  
border: solid 1px #cccccc;
}


.medium_width_section {
    background: white;
    border: 1px solid #cecece;
    border-radius: 5px;
    margin-left: 10px;
}

.edit_icon{
    color: black;
    font-size: 16px;
    margin-top: 12px;
    margin-left: 15px;
}

.nav_greenbg_button {
    height: 30px;
    padding: 3px 6px;
    font-size: 13px;
    z-index: 3;
    position: absolute;
    right: 10px;
    top: 5px;
    background:#009a61;
    border: 1px solid #009a61;
    color: #fff;
}
.learn-more{
    float: right;
    cursor: pointer;
    color: #108a5d;
    margin-right: 18px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
}
.url_link{
    color: #00ad68;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
}

/*Font family styles*/

.font_family_regular{}




/*  TRAIL OPTION SECTION Prem  */
.trailhead{
    color:#000;
    font-weight: 550;
}
.card_list{
    background-color:#fff;
    color: black;
    border-radius: 10px;
    box-shadow: 0 2px 7px 0 rgba(181, 181, 181, 0.5);
}
.addfield{
    font-size: 13px;          
    font-weight: 500;
    color: #009a61;
    cursor: pointer;
}
.modal_greenletter_buttons{
    width:100%;         /* ADD NEW TRAIL OPTION MODAL   */
    border:none;
    margin:0;
    background-color: #fff;
    color:#009a61;
    border-bottom: 1px solid #c5c5c5;
    box-shadow: none;
}
.content_back{
    font-size:15px;
    color:#009a61;
    margin-left:20px;
    margin-bottom: 5px;
    margin-top: 5px;
}

.card_menu_icons{
    padding: 5px 10px;
    border-right: solid 1px #dfe3e9;
    color: #000;
    width: 35px;    
}
.text_hint{
    color: #777;
    font-size: 12px;
    margin-bottom: 10px;
}
#leadspiview .custom_input,#leadsourceview .custom_input,#leadstatusview .custom_input{
    color: black;
    font-weight: 600;
    height: 40px;
    background-color: white !important;

}
.boldinstruction{
    color:#737373;
    font-size:15px;
    padding-left:10px;   
}

.card{
    background: #f3f3f3 none repeat scroll 0 0;
    border-radius: 3px;
    padding: 7px;
    margin: 5px;
}
.copy_button{
    height: 26px;
    background-color: #00ad68;
    padding: 2px;
    border: 1px solid #00ad68;
    color: white;
    border-radius: 4px;
    width: 100px;
}
.copy_icon {
    width: 10px;
    float: right;
    margin-left: 5px;
    height: 11px;
    cursor: pointer;
}
.modal_greenbg_button{    
    background: #009a61;
    color: #ffffff;
    box-shadow: 0 1px 2px rgb(0 0 0 / 10%) inset;
    border-radius: 0;
    border: 1px solid #009a61;
    padding: 12px 0;
    height: 50px;
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.5px;
    margin: 20px 0;
}



.tap-text + .modal_greenbg_button, .modal-body > .modal_greenbg_button + .modal_greenbg_button{
    margin-top: 5px;
}
.newmodal-body .modal_greenbg_button.custom-modal-button{
    font-weight: 400;
}
.modal_whitebg_button {
    background: #ffffff;
    color: #111111;
    box-shadow: 0 1px 2px rgb(0 0 0 / 10%) inset;
    border-radius: 0;
    border: 1px solid #bebebe;
    padding: 12px 0;
    height: 50px;
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.5px;
    margin: 20px 0;
}
.newmodal-body .modal_whitebg_button.custom-modal-button{
    /* font-weight: 800; */
    color: #000000;
}
.custom-modal-button{
    border-radius: 5px;
    margin: 0;
    height: 40px;
    padding:0;
}
.card-icon{
    float: right;
    cursor: pointer;
    padding: 5px;
}
.actionlinks{
    font-size: 12px;  
    margin: 0px 5px;
    float: left;
}
.content_tittle{
    font-size: 16px;
    font-weight: 700;
}
.content_url_txt{
    font-size: 10px;
    font-weight: 500;
    color: #009a61;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 160px;
    overflow: hidden;
    margin-bottom: -4px;
    cursor:pointer;
}
.list_hint{
    color: #9b9b9b;
    font-size: 11px;
    font-weight: 400;
    margin-top: 1px;
}
/* EVENT TAB CHANGE CSS HERE*/
.eventtab-text-1,.eventtab-text-2,.eventtab-text-3{
    top:46px;
    left:70px;
}
.eventtab-text-2{
    left:242px;
}
.eventtab-text-3{
    left:430px;
}
.active-status-list{
    -webkit-transform: perspective(100px) rotateX(30deg);
    -moz-transform: perspective(100px) rotateX(30deg); 
    margin-top: 3px !important;
    border: 1px solid #E6E9ED !important;
    border-bottom: 1px solid white !important;
    width: 140px;
    z-index: 4;
    background-color: white !important;
    height:42px;
    width: 160px;
}
.active-status-list a{
    cursor: pointer;
    background: #009a61 !important;
    color:#ffffff !important;
    padding:12px;
    text-align: center;
    height: 100%;
}
.tab-brownbg .status-list-title,.tab-brownbg .active-status-list {
    -webkit-transform: none;
    -moz-transform: none;
    margin:0 !important;
    border-radius: 0 !important;
    border: none !important;
    border-right: 1px solid #ffffff !important;
    width:130px !important;
}
.tab-brownbg li, .tab-brownbg .active-status-list a,.tab-brownbg .status-list-title a{
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 0.31px;
}
.tab-brownbg ul.bar_tabs .active-status-list  a{
    background:#009a61 !important;
    font-weight: 700;
    border: 1px;
}
.status-list-title{
    border: 1px solid #E6E9ED !important;
    -webkit-transform: perspective(100px) rotateX(30deg);
    -moz-transform: perspective(100px) rotateX(30deg); 
    height:40px;
    width: 160px;
    margin-top: 5px !important;
    z-index: 1;
}
.status-list-title a{
    cursor: pointer;
    background: #ffffff !important;
    color:#000000 !important;
    padding:12px;
    text-align: center;
    height: 100%;
}
.tab-brownbg .status-list-title,.tab-brownbg .active-status-list {
    -webkit-transform: none;
    -moz-transform: none;
    margin:0 !important;
    border-radius: 0 !important;
    border: none !important;
    border-right: 1px solid #ffffff !important;
    width:130px !important;
}
.tab-brownbg li, .tab-brownbg .active-status-list a,.tab-brownbg .status-list-title a{
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 0.31px;
}
.disable_savebtn  {
    width: 150px;
    background: #d3d2d2;
    color: #fff;
    border-radius: 5px;
    height: 38px;
}
.content_box{
    min-height: 500px;
    margin-top: 30px;
    border: 1px solid #e5e9ed;
    padding-left: 30px;
    padding-top: 10px;
    padding-right: 30px
}
.content_pos_box{
    padding-right: 15px;
    border: 1px solid #e5e9ed;
    margin-top: 30px;
    min-height: 320px;
    color: #000;
    padding-left: 15px;
    padding-top: 15px;
}
.disable_savebtn :hover{
    color:#fff;
}
.gridheader{
    height: 36px;
    border: solid 1px #dfe3e9;
    background-color: #f4f6f8;
    padding-top: 6px;
}
.gridbody{
    height: 46px;
    border: solid 1px #dfe3e9;
    background-color: white;
    font-size: 13px;
    color: #627280;
    /*padding-top: 6px;*/
}
.gridfont{
    font-size: 15px;
    font-weight: 500;
}
.tick{
    color: #007aff;font-size: 20px;padding-top: 10px;
}
.schedule_button{
    font-weight: 700;
    font-size: 13px;
    letter-spacing: .46px;
    width: 133px;
    height: 43px;
}
.msg-type-btn {
    border: 0;
    width: 51px;
    font-weight: 700;
    color: #7e7e7e;
    background-color: #e9e9e9;
    border-radius: 7px;
    height: 23px;
    min-height: 23px;
    font-size: 12px;
    line-height: 1;
    padding: 0;
    margin-right: 6px;
    box-shadow: 0 2px 4px 0 #bdbdbd;
}
.msg-textarea{
    resize: none;
    border: 0;
    width: 100%;
    box-shadow: none;
    height: 220px;
    padding-left: 15px;
    font-size: 14.5px;
    border-top: 1px solid #d3d3d3;
    font-weight: 500;
}
.schedule_button {
    font-weight: 700;
    font-size: 13px;
    letter-spacing: .46px;
    width: 133px;
    height: 43px;
}
.website .submenuheading{
    margin: -10px 0px 0px 0px !important;
}
.bill_stripe .submenuheading{
    padding: 7px 15px 12px 15px !important;
    margin: unset !important;
}

.mt10{
    margin-top: 10px
}

.fixed-container{
    width: 840px;
}
.mobile-view .card-list-footer .action-data{
    width: 100%;   
}
.card-list-footer .action-data{
    width: 400px;
    font-size: 11px;
    color: #949596;
}
.mobile-view .card-list-footer .action-data{
    width: 100%;
}
.card-list-footer .action-data b{
    font-size: 12px;
    color: #7e8081;
}
.card-list-footer .action-icon-list{
    position: absolute;
    bottom: 0;
    right: 0;
    border: 1px solid #ebebeb;
    padding-left: 3px;
}
.card-list-footer .action-icon{
    display: inline-flex;
    width: 30px;
    height: 30px;
    justify-content: center;
    align-items: center;
    border-right: 1px solid #ebebeb;
    cursor: pointer;
}
.card-list-footer .action-icon:last-child{
    border: 0;
}
.manage-membership .tooltiptexts, .add-membership .tooltiptexts {
    border-radius: 8px;
    height: auto;
    width: auto;
    top: 0;
    transform: translateY(-100%);
}
.counter-reset{
    counter-reset: number;
}
.badge-transparent{
    position:relative;
    width: 18px;
    height: 18px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: transparent;
    border: 1px solid #656565;
    border-radius: 50%;
    font-size: 10px;
    padding-top: 2px;
}
.collapsable-content:not(.ng-hide) .badge-transparent{
    counter-increment: number;
}
.collapsable-content:not(.ng-hide) .badge-transparent.numb-align:before{
    content: counter(number);
}
.grabbable {
    cursor: move;
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}
.grabbable:active {
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}
.cstm-button{
    width: 110px;
    height: 50px;
    border-radius: 9px;
    background: #ffffff;
    color: #979797;
    border: 0;
    box-shadow: 0px 2px 6px 0px #B5B5B5;
    font-size: 16px;
    font-weight: 600;
}
.cstm-button.green-variant{
    background: #009a61;
    color: #ffffff;
}
.prepend-button-group{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    display: flex;
}
.prepend-button-group button{
    border: 0;
    height: 100%;
    margin: 0;
    border-radius: 0;
    border-left: 1px solid #ccc;
}
.prepend-button-group button:last-child{
    border-radius: 0 7px 7px 0;
}
.row.grey-bg{
    margin: 0;
    padding: 15px;
    background: #E9E9E9;
}
.disabled-text{
    pointer-events: none;
}
.disabled-text label{
    color: #C5C5C5;
}
.cstm-wysiwyg-btn .wysiwyg-btn-group-margin:not(.cstmselectfont){
    box-shadow: 0px 2.4px 8.4px 0px #B5B5B580;
    border: 0;
}
.cstm-wysiwyg-btn .wysiwyg-btn-group-margin .btn{
    border-radius: 3px;
    border:0;
    border-right: 2px solid #dadada;
}
.cstm-wysiwyg-btn .wysiwyg-btn-group-margin .btn:last-child{
    border-right: 0;
}
.cstm-wysiwyg-btn .wysiwyg-btn-group-margin select{
    box-shadow: 0px 2.4px 8.4px 0px #B5B5B580;
    border-radius: 3px;
    border: 0;
}
.discnt_type_class{
    color: #ffffff !important;
    background-color: #009a61;
}
.cstm-btn-group{
    height: 37px;
    box-shadow: 1px 2px 8px 0px rgba(181, 181, 181, 0.5);
    border-radius: 10px;
    border: none !important;
    margin-top: 2px;
}
.cstm-lft-btn-default{
    border: none;
    height: 37px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.cstm-rgt-btn-default{
    border: none;
    height: 37px;
    border-left: 2px solid rgba(181,181,181,.42);
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.hint--text{
    color: #777;
    font-size: 12px;
    margin-bottom: 10px;
}
.cstm-day-selection{
    display: inline-block;
    height: 30px;
    width: 30px;
    border-radius: 8px;
    margin-right: 10px;
    font-size: 14px;
    font-weight: 500;
    color: rgba(151, 151, 151, 1);
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
}
.cstm-day-selection label{
    height: 100%;
    width: 100%;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    justify-content: center;
}
.cstm-day-selection.selected-day{
    background: #009a61;
    color: #fff;
}
.add-membership .cstm-container{
    padding-right: 70px;
    margin-bottom: 20px;
}

.add-membership.mobile-view .cstm-container{
    padding-right: 10px;
}
.add-membership .dropdown label{
    font-weight:500;
}

.bm-modal {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    background: rgba(0,0,0,0.6);
}
.bm-modal-container {
    max-width: 90%;
    max-height:90% ;
    background-color: #fff;
    width: 337px;
    border-radius: 10px;
    color: #000;
    overflow: hidden;
}
.bm-modal-content {
    padding: 30px 20px 20px;
}
.bm-modal-action .bm-btn {
    display: block;
    outline: none;
    border: none;
    padding: 25px;
    width: 100%;
    background-color: #ffff;
    margin: 0;
}
.bm-modal-action .bm-green-btn {
    background-color:#009A61;
    color: #ffffff;
    margin: 0;
}
.bm-modal-action .bm-border-btn {
    border-top: 1px solid #DDE1E5;
}
.bm-gray-text {
    color:#979797;
}
.bm-green-text {
    color: #009A61;
}
.center-element {
    display: flex;
    justify-content: center;
    align-items: center;
}
.noborder {
    border: none;
}
.content-section-spacing {
    gap:25px;
    margin-bottom: 20px;
}
.bm-form-input {
    margin: 8px 0;
    border-radius: 10px;
    height: 50px;
    width: 100%;
    box-shadow: 0px 2.89333px 10.1267px rgba(181, 181, 181, 0.5);
    overflow: hidden;
}
.bm-form-section-spacing {
    margin:20px 0;
}

@media (max-width: 720px) {
    .add-membership .cstm-container{
        margin-bottom: 28px;
    }
}
@media (max-width: 388px) {
    .add-membership .tooltip_mobileView{
        transform: translate(0%,-100%) !important;
    }
}
@media (max-width: 320px) {
    .add-membership .tooltip_mobileView{
        transform: translate(-30%,-100%) !important;
    }
}
@media (max-width: 1460px) {
    .manage-membership .add-membership-popup {
        height: unset !important;
        line-height: unset !important;
    }
}
.manage-membership .add-membership-popup {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: unset !important;
    line-height: unset !important;
    white-space: normal;
    padding: 25px !important;
}
.add-membership .dropdown {
    margin-top:0;
}

@media only screen and (max-width:1200px){
    .add-membership .tabView-button{
        width:113px !important;
    }
}

/* Styles go here */
.border-input {
    border-bottom: none;
}
.labelleft {
    left: 10px;
    background: content-box;
}
.focused .form-label {
    transform: translateY(-125%);
    font-size: .75em;
    background-color: #f4f6f8;
}
.pform-group{
border-radius: 10px;
background: rgb(244,246,248);
border: 1px solid rgb(244,246,248);
position:relative;
margin-bottom: 10px;
}
.lbl{
    top: 20px;
    font-size: 10px;
}
.inh{
    height:40px;
}
.inl{
    top:10px;
}
.arrowimg_rank{
    position: absolute;
    right: 20px;
    width: 15px;
    bottom: 20px;
}
.select_tag_rank{
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 192px;
    border: 0;
    background-color:#f4f6f8;
    height: 38px;
    border-radius: 3.5px;
}
.colorpicker-visible,
.colorpicker-visible .dropdown-menu {
  display: block !important;
}
colorpicker-saturation {
  display: block;
  width: 100px;
  height: 100px;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAFJhJREFUeAGMU+/q4kAMzFYf4LgP96a+q4c+gSIqxf/r5maWDoTgz15gmM0kW5uMLa21v2b2G6jAG2iEzqUU6q5c/OlMuHtL/ULNd5TP6EJ1RP7NuXvKE397jmbg7MrzHI748T1UA3eopyGQV2qK1+vVHo/Hm1itVm0J7Q+afwGMmgeRphf7Noh6lCeuHJAvm/X8rAQNlw2VScoj6863OQjl2ZB3qkeu5Lh0RJ3qynuNjJA21FppQAHa8/l83263No5jOxwOttlsbL1e2xIXXpMZzzRsXoTw34bQgLiQbKh6M9SXDBSypn4XGOSkGUO1cJdn1Yh4/qYVgctmGSwXyARNcOSFRuBMHvA1GMzwy+Vix+PRdrvdYrvd2vl87oZYDCxBL9B/jEyopghzlNjL0DlB+gAoPNXyOfa3oA9puXonyVHzdH+g9MEISa5z0qUNkwkm6MJkxALg8mlMAxvNwBfhYLvf7w50vl6vBV9H2e/3BjYateQDY8gM5bmWovygdyEb87k/G5Zz9c/2zfEQFysO5nDJ6mMel91Z//pwFpygIWIaMXE3AoYssPBCI/B12DiONMT5VZxOJ0f+j/MyWo5chYGowfn/j03lNXBpl85Up8d46u6DChBMvKv2UePrrAsChtdLTi73oEBjFDYpmIp/KSgRhRw357sXuHLknRgI8d90F8QL761oI8iQeJqvUOGnAoEkgNblF13iiJASZCwhLkG+v7/Halvt5+enr7x+02lZOwKymJ7jMAXK32RxaXnNxfXzCOkCxTO2I3NiR0i9gAjQLLoVHkKG8pCi0UT4Q0h5xUFIlBJEYmg+1yg6TrUq+YfEWKK0lWsSS8+DkNvCWtvJXu0UbDyH/NYjoDHFybPd/cPeficiW5LvkVdBNY4UoIqOQMwPBXm9vUYIVCj3GkXCCo1tRS//uMhYoVG3q46HaBQtamESTs/+0o92hOTaBbqjBwpu8reCuzAP4rkXpQBzQwbhZxD7jNYEAS4CI2Rg4hLitPUor2hGh6j4hQ5FfWt8LQF+SwyJIpGUV05nu56VHqJhR8ybb+Q+/dnPYZYSigIICvY3xfYxCckz/qazprjDiFJ+5DWVwscaMpSDgkleI2uutaKk5kPFNTqO8pBDlBQZEqKvoJXp7+lxzx7Cuoqp2M7zlrm5JbH/9oZ/GLdzBGf9FNmmvPi+h2FXnm8L5WhdCMJNyr1D6yvKP1rFQYgSjWpteE0JMraEME8ykpzo/0/+wcg5yGHMooegQYIRyXU1i52tCSfn9oSQFH+Fe4jypxs3RHA+xNCcNUZ+BXRg7iu0lhgDAesisSfE6UA0iudz9sNHKChek5eBX9a+FwKkKQ+Nd6JljkLX6B4x2L8hhHOsVdhR4iHEEe1LeWJCSI2tCo9AU3OIKHGgbupv6NvyRciGgMzPPLP5LmhPdKTx8qgSWIXxVkZx8QJihmCvPP8nE6IRXniKT9GThhKF0QkZal3KQYcLgn+s8YwWJiNnLVL4mOz1b+4piM8/+YYb8xNlLoASXqC7c9DCOokhl4RAKgSkCNM9wklBOPL4BIJoblQggsb8Km9W/IlIJkKrPN4xEETPwtS3hczrp8//pxmzpoUIBfeSO8r8/OE59wgTIsnIb4yBj7Cft6pYI8Sbh5TBD749IANSlKPgJQQmrr0uUfjbCnlV/V9OCfLpDc9b0nw4x3bznAbWFAyfUeBLEIhA3uaCKifFyUBg8pg+Ro8nOCVOintKoy0xj5bFvhNCQMAfoUqgc8UwMRot8dWy/qPcDHQk5XkgOPD97//Gl/xC2kKlkhl2V4pMQmAON+22E+4XgIzMKYMSmp7S0ymTcpYEYM6eVjKlJV25HgYguZ6lD1hR4S4byoxRwMUQjm87MYVxrW19nCqbgTD4kSEde7FlxcF4tKDCPu41lBUKa7tjgGuHJuPCwpBPdcONuVTiMEMgbPpugJE0+GIRusL+yD9qGhrP05ClFHfOuppZeV4ZkgyJdJc3dkxh0+8YDBpbsyuxrXYzV4VfmJLFwxdAEq7azIj9Yw9AuUCjEL3I7pD1xgo0BPv5Y2U9MCBvegpGxq9/vK7BftOQssP3ueL+HfJwLkAqVLlgPH9CF7phgMoKj/X8EjiNCtGQHzFU9mM7gsR8W/5wkuZ9ZUKBcYuWdE3qU2YYqLIllfo5aog2m2haKnlsvP30YUHO+3f9Yu2GrNpW2rYV8id2bM/9KxBPc/QgZQT9AlotQRtgSls1pIDADvo+3hL0bXBU0yxqG4Fx2ZshdXSBaEjZYtIdh/uxQDOrpMV/Biatjj8nzRgq8p0Ud6w9fAwwe+9mSJPWUMWzPG+A21ZWG45nhoQp1RdaBZ1WYDteUQ4gffvH1jomTHlkxk9GTDi5AS0YAODxMoRjMiqsjq/MyqvFFJX9buv6+18Y8mwDyFRH7Dj+T1rBtYivRV1v9mHtiKhfD10QrRFdsxor9Z4bgChAtF22fLsv1sfsGL4B0grazi9DygpagZ0A2s2WBMBmLn0de15D11KG5WSAvh20rB92fEIVwk0jdV2qPdyWr4mYuw75NMua7FFtmZxbkN7qi4DSFgaqQjc75GwDwbgBMkMMAPfD6cR1wpl1o7GftDhMMSPaFmm05+Tv/HWW9aQXbMfiBAZ4cNLdnz6hyAyj7ki9oQYYqdYd4h405JRwXs4DhLKozKhzG65449eQ4i5nX2LKXYjCVDcWF58Y0uJvj2EpY2VN79NzjHlVF8E1M2JZxOzW62rIEhhlywoAMMhrS8dFBJhgMJx5aRxg/fv9rSW9WN7LeQxZPn4bo6ExYgppsWNkQIt2pOAU8DAK8Oh/yK7ECM8pCAboJDTRFNsJQ3ZkBdtFXgV+A5qAEasl4sk2WxjOzn9PY6sZ1ZxJD/p9FMwoc1pjLNhEbLd2eX2Kpv6Y+aSCn8OUxhqyGBOwS9fxUiwDPIXfZw2JeNs+hS2/2R6r2Lfv+S/ivt3PG7eHh3S/52EDDD0j5h9rStliJiQLc5/fW9wP0PNcfB77nmVpX6Js2WaOQwb9OrXLJ9UMz7UmuJaAQj7fjxi6V97wIGftsqVMwcGZN2ZTL30fr7IYkL4xpG/9Y9bV677pUYXfrHk5tzuvoS1aRPX9ScV+3+Mn1FU7YMR6GT8LEP38xs2OyzVZRjIz9mWrIV2lTYo6LLk3BKXGKCM47jycKCb4zb4GzBi0g3Ec0a9OsBVQQsp+YwTjo+Mr9C/MQluIJmIkYYvvzpL2RhuiKT1uttTrK+q74p8siUsR64/nlS3XedcfZgY6kfUsv/FOUZfOlwGTfjyPCxjrRDbCvMLr4vCc9kN26pBR7H8KuW0wHZrkYCzj2+z5WbPCoZM2rISeEwop48KRZdhiPtmYLXNSyZs91YAeH06dow/Vpg3o+W9a/hbgPI5jTnvdx5YxZUbrCY1V7De22qProHXrDL/9B8dlHIuM3QQqUxL7d/pLyyqrzKlV6/2O/F/GBXP6ochjYdiKvQ4saA1ddlTvY/bEkY9Wa1iLkEN2JVavOhxHRlvqMF/XAnEVOJgXy3fAhCgY0N8bC0Nnpl8Lw/bt2LnCnsENO6o5r7bMcn2hONzQswSK2WVbphBy2kcjGqqWNRJQfU6ALwFgHTlo41pWWaE+O4V2zuhYZ1jYinTnvVmcC0Oclck+MgTH1jZU9Ty/VWaUIS42JwFPpkiWyDiZafZDygiJTseTIrc/g5v1qYQ6kgVnT48A+bztNN774MD2U8kDphjxaP18nyGzZBGUh7Y9L1uGvIp6Mq3EePVl7Xxf2/pE9gWI2KTFX2J3xx8Z0jWvnv+VhaG6tr8vkccerdTfdvhaXzTlLUM8t6HNIa9a4DfuDYgCWEaUCQ5jBcz2YI43lgqsrRi21F+pRThPhW5NvqLDK0Nw5E7RV7DKjDreX69/ZVY14wGQ8+HN733OxHGci9MKTBlkMNCSMqJA/udFzgg5IWqXKW9pbwvDu9VxFIjREGtHAS1w7rs4bcXtpIEV1t7H9QdgfmPIGrTmKDAW+gmIFHxNaRl3iCKEvYcsjuPAgTEzQ5zO2SHY3q+FX98oqti8casANPRxL19nx34JWZ9XQJ4r+uOLpmwxZxGyZF8Bcb9lf+dUR0zZgjwCigMKmGltbXG/SzZmUzQlxzMzGCdcmVUDEH3OijXp7k5StNVSh7xnV6Nju98+MaTMaMjK+b7xCy2gD1vk+G54eVxM6PEzM2TLqjJk3IdR/4iG7RSF+y1klQk4jqGvb/h4n6TBQwHZ77GYE0alLzZOTOl1+ShiFvUyBYRJIvSC1PFPfYemMoW+EpWXtaznArCLitWSnX6BKnPOLkTWIT/3vB3SEFemqF+m0Bh7ZIoY13m7IfmhfyxNzsu90j/f65Bn5hSoMSHIvPE+nptWAKesbWRY6xJax/NG30AnvS4AAPkVEOuDmHBk3KJ+dsewIt41+3t8+kqRB85Sy82QAmZmpGrfGnfqejZrKlP8Rv+GIZ0nnWi/Ys74kWzs6Ly7INTfYvA4CshcGL6wpSJ8I1/GtLCs9ji0lQG+vgzBOkmInRh2a0Y1If0DYPmr5vTPwIv9hCWPXyBcjUGL+n+PhWEdL9Rhi390Wv2lxeHRjGZbYR0Os7DWgb0f15VVzPd5XVcgClAZ41se8uE/3efT7Eq7oQXk7xpSB3NcrfAYzGmFLUAL1MwYtabPjBeYXhcAAGolA3vSjJkZ88Zdx6+/pzrEaf35x9XeODgANYTlPox167cOfmJMAbnv4+1QGNA6pAwpg8qInhdAPa4GFTjrKQi5XSAsjrsf0qWSb3sjm+M4vQz5fNEaA1TGTMxo9vVu2wIATgWozlfavegXZJ7h/+3dYY7cOA7F8VQnu/e/5u4dtnqRwThD/KA/ywU0Jl9GQGCZkl0yHx9JSW4nGPRxKXuA8RzG/BygfJchBtujW5Ipzso9R5HGA998fC7MCMX2kYyrC+mrwd9z7+n5ZIMM9bODV8kYUjuEoeTPAyPemVxq0feB+cJ/xJYuKj3qFoL3r0khi4uHLEvLJwitTGlA4pz734whA7A+ElO05MEer2vLt9hPRgoQcVQmBUM6oNf7VxPlOXudyl7AYEI3Yk0z4TOYxXyEVDliCvOZp+NH8cmAEXNmevVk1p7fpr89MZyKP1l9xZIXzPmIdPmkkLlrqEL8bpbu8XUBJOTT+psdPAvPMV1LAnOlvgkIfyPoPsjxMxquUV2ncX/do65KmSvOriY70XSF2OecL0A7Yf08eYKMJeiHuFq7hE+A2V3WUGgE7sEKGHFjTuNKwAfp8HPGLRUA4N+GAv8QaOkqr91Yl9E+ActMDb059ktX92PIolQB+Hx9Ta9voeB8y/4A9mmCqjyzMvY5PhjHMchf7REHZNH15xSTIfafLss/R2hABEKmtPK5VwPszNms7xOwLB8VM5RrqZbprier+Ei/cncBZYzxQkCaIdv+uUvr9Mm3ViKmPIwBk0GAL7N0mRFjWh6z/+d0oRrAVGTMMSZwMwP9dOvW6077IcWUufB3cjnXUspxM2l+YvZwf2PHtFI+vEm/YMbhvGIJ/SI7Q4kyJGJVsk9mjIniD7Os27GEPjLiaLE323Nyimu85GXtMhM3kvs3F8BPsr+NISPNpR0WhKuaxvkSkIeu5PpW1rWqSrvnMqn+nvE4TxkymeA5zOnzcZnn34whtD281rb511sX+5mTPGVmrWWZP1vPd31Xix+gvMGcEwO9RycRvdFm7DH1TMB1VbqnQ1enDMYUWfNwtRelN1Nc32KVuIBA3qlxj6GMpZlhPYB4VIzyt4JhFyN+nXs/FH8vy5p7HlMZIjwyiGNGtCluDOrElNXKG+gEeAcw5j4HVygTbBf4qfTt/V7rP+YX5a7B+S1FFxFBvSeMs06/zfVk3f0Zf98gbJJge9WV6bKW9hP7vG8EeHcMUYxKOLkvY4D+WoDGMQO9TAt31oC2mysDAqhwaWBmf5iTACADEPZDZMJunYJG8NU9IburyOhztPgyjOt4igUE+3xW2SCYm7IFPQJ6z9SvclKKD6tchS0uyz4F/gocYDcjPLaRnTBIVzaex+Mp/pxiyXMAknvq5bZOR/vLBhX0oH8r/v6xx6d27x8FAgU3a2RixRCSooshjxUQPyV+zGooKD+PBUSwLmVfAWa09bOgZ9zQAwZMr/AcR1n10mWlHzaoNrv6WAogdazY9iXHUalOt+8FsJ8nt49rHYAMlxWAzBRYBWbATdkAVIujr22vLNd4Z+Z253pdh8quMQuMCp4NHUcA5PjWieDAjqByANJ1gRV0AcQ0yfioe6Rpldm2M6d/WuVHW7isUJ5lUV4yQ5mgC2y4SYGq/t5vjU8b4xmDynxo/TIi6iX7fgRk/ueQbrSMPY+rbrawAlfgFLA1nylSAHRbbjDj/n36ehk8ZBPome5eRZfV8w/lo+hK7Huso1TqgDkskvoat+L/X3QsGoDM2tHouKDcJmPWeT9kobMvXc+dwrkOhtJeK/Nm/XEXaCx01ssAWtc99rUOAJ6Uu/srhrQyWgn2g4K6GOvZL5TBwwSA742/x7ijZF3F7tfNUi7Lh5grvwbisoxwYReZamaf9VC8cWhVsAuV4Y5oYyaNcdAuoPa1TcPQZX3v/y16+N55kyFTGQIxNLcDpwIvFKe7cU7keHd2VMxrhR+Y+WXnx+xsrPbm4Mf+eTMn1mYGaFrjptDj/ZmkmjaXVWv19slxkTXJynCvnIdL8zdZOnn83A9ZFSTAB4VsSpGmyipunCjuGN9liwzZs8ddwQVEyzeyuGPYD7APuOS6o7aO9xWo/P3fbrnF8e5y2+7Lnamvyg8GKNeKog2m2NaW+SjwLCQhlr5/M6DamjnNlAbJLKtBaQZU226Ru2KbCe+Ph6Tk3THb/v5zaRQ7yz4M6usa1HywJU50n+7bgb4Z0sC2XIa8P56+JvvuWHTaa6kgbLn7ELvV9bU76A0+hpTKuh3PoryDwKvrflwx5F/1IMaK9wrK+h3ltf/+bb8d5d8/XdZ//txS/N9hxfdvGNg/ZQT1//4fih7V/hdi/qwAAAAASUVORK5CYII=');
  cursor: crosshair;
  float: left;
}
colorpicker-saturation i {
  display: block;
  height: 7px;
  width: 7px;
  border: 1px solid #000;
  border-radius: 5px;
  position: absolute;
  top: 0;
  left: 0;
  margin: -4px 0 0 -4px;
}
colorpicker-saturation i::after {
  content: '';
  display: block;
  height: 7px;
  width: 7px;
  border: 1px solid #fff;
  border-radius: 5px;
}
colorpicker-hue,
colorpicker-alpha {
  width: 15px;
  height: 100px;
  float: left;
  cursor: row-resize;
  margin-left: 4px;
  margin-bottom: 4px;
}
colorpicker-hue i,
colorpicker-alpha i {
  display: block;
  height: 2px;
  background: #000;
  border-top: 1px solid #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin-top: -1px;
}
colorpicker-hue {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkCAMAAABw8qpSAAABLFBMVEUA/z8AuP//JAAA/33/3AAA/1ABAv8A/7r/AH7/jgD2AP8A//j/AEHmAP/XAP/HAP+4AP//ALyoAP+aAP+JAP97AP9rAP9cAP9MAP8+AP8tAP8fAP8PAP8ATv//AG7/cAD/vgD/APoAmv//ADH/AKwB/wMA5//4Eg4AL///AOr/UQD/nwAA/27/7AAA/+kAe/8Ayf8A/5sA/zEA/6z/ABEAEP8A/17/MgAA/9n/ACL/gAD/AJ0AXP8Aqv//AMoA/yHqFBb/zAD/AGD/ANsA9//1/wDk/wDV/wDF/wC3/wD/AI2m/wD/FACY/wCI/wB5/wBp/wD/YgBb/wBK/wA8/wAs/wAd/wAN/wAAPv8A/xH/AFAAi///rQAA/8r/+gAA1///QwAAH/8Abf8A/43c/JNGAAAAiUlEQVR4AQXBg2EDAAAAsMy2bds2ttp2+/8PTby79mDLsKJPq/oFPdk24dWXAxsGjRg1ZtykKdNmzJozb8GiJct63WjYl7fiWdOZkk0vOpyr2fVtyKl7FX2uXGjpcuxWDy69KdiRk5WRlpIUFxMVERLw78+vH1Unun1YV3ZkwKM1CYfq7nQK22sD03ITV2Aqp0IAAAAASUVORK5CYII=');
}
colorpicker-alpha {
  display: none;
}
colorpicker-alpha,
.colorpicker-color {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAABkCAMAAACIElGlAAADAFBMVEUAAADT09PT09P////T09P////e3t7q6urT09Px8fHT09P////////T09PT09P////////T09PT09P////////////T09PT09P////////////T09P////T09PT09PT09P////T09PT09P////////////////T09P////T09PT09P////T09PT09PT09PT09PT09PT09P////T09P////T09PT09P////////////T09P////T09P////////////T09PT09P////T09P////////////////////T09P////////T09PT09P////////////////////////T09PT09P////////////////////////T09PT09P////T09PT09P////////T09P////////////T09P////////T09P////T09P////T09P////T09PT09PT09PT09P////T09PT09PT09PT09PT09PT09P////T09P////T09PT09P////////////T09PT09PT09P////T09PT09PT09PT09PT09PT09PT09P////////////////T09PT09P////////////T09P////////T09P////T09PT09PT09P////////T09P////////T09P////T09PT09P////////////////T09PT09PT09PT09P////T09PT09PT09PT09PT09PT09PT09P////T09P////T09PT09PT09PT09PT09P////////////////////////////////////T09P////T09P////T09P////T09PT09P////////////T09P////T09P////T09P////////////T09PT09P////////////////T09PT09P////T09P////T09PT09P////T09P////T09PT09P////T09PT09PT09PT09P////T09PT09P////////////T09PT09P////T09P////////T09MQsm1FAAABAHRSTlMAgJN8/vcDAfcCnJyGaZmZlomGk4yJOmM/eTxs8wY0YDFC7HNdLx18n5/7aUvzCcW9+qKiK8P0ZiltRwfdw/n8Px3WduJjItj78ss5PDHUNELbwP5wplA2FglEVwvkqNarCs4Z7b2sDLgQ0xNdyLrr0eLLUeW1Vs5TWQLwjPI3ZvQGdvxFyFrAeevaLCLvGd0kpRskGyf4qK605xKvFrGyDRHnBYMEkJaDkIBvB/gpH99O6CrbIC4nH3Lg2SXp4A7Qul/GDEgPSlMQ6LjqFU0SjyCCj5V/gnBN7xglL3O70WBU7gjFFEfft0sPTo1ndRipwXr2yRemWRVENq+ytbGuxGaWGQAAAnpJREFUeNpNxmdcDHAAxvEHOWXvmXX23ntv2XvvMg/Z44x0KaRBSnfcKSqlnYZKp1QqGpT20KZh783/eePj+3vzw3/q/AM9iURPTy6XS+RwcXNzcZMQTE1dTE3bE7y9S0u9xxD600rCGtpI2ErOsbGxzoiMrIqscnaOi4vDdnp4XYSrguwxQSb7KpMllycnl2MFaTSaTxrY5NrY5BoKb2BnZ2doZ29vb2OPSdSd4Bcc7OcXGhqamgqrYCsrq+mEiEtC3gUBDg55Dg53IkQYSYG+gb6+GEqB5wV0o5D8/JAQdKK5hA40n3BS+L6c0JJmE+ZQW8JEak1YQJ0Jq+jbaQEPnotGE+IrK+Pj+xKqU6pTUrIDAgKysZ+WEY5QQkJxcQIO0WrCUbL4YmFhgZ3UlVAUHR1d1JEwjVoRRpDJKxMTE/ShBoRR1I6whLyyvLyyUFAQFhbWhTCFFArFawXOCu/bEHpQLYKnZ0aGZw2CR1qah0dmpqurK+pTU0ILakJoTi+PC7j5RHTrqQg1qRkh3T3d3b0xoSE1ItSleoSe1IswmIYQPl8UlhLWkaOj41tHbKENBLX6j1qt/KFUKnFN+Onk9NvJCQdJpfqlUqGiIjExcRthN91/JsJmGkhYRO/OCBhHwwgxMWUxZQMIu8j8o7m5OfbRLMJh2kTYQ1FRhYVR2EHzCOtpMmEG3SUsJEvLoKAg2Prb2tqOJYSH+/uH33shwlTaS1hLBwhX6AYX2tuiRwStVntOa5yUZJwEqbREKjUi5Bjl5BhZW1uXWOMYGRBOnNDX1zfoxz1FwwkfSJfgo6vr41P7soBBNJ7Qm2YSzHTMzMwmEHRoMf0Fm5mYOUrzNBYAAAAASUVORK5CYII=');
}
.colorpicker {
  top: 0;
  left: 0;
  z-index: 9999;
  display: none;
}
.colorpicker colorpicker-hue,
.colorpicker colorpicker-alpha,
.colorpicker colorpicker-saturation {
  position: relative;
}
.colorpicker input {
  width: 100px;
  font-size: 11px;
  color: #000;
  background-color: #fff;
}
.colorpicker.alpha {
  min-width: 140px;
}
.colorpicker.alpha colorpicker-alpha {
  display: block;
}
.colorpicker.dropdown {
  position: absolute;
}
.colorpicker.colorpicker-fixed-position {
  position: fixed;
}
.colorpicker .dropdown-menu::after,
.colorpicker .dropdown-menu::before {
  content: '';
  display: inline-block;
  position: absolute;
}
.colorpicker .dropdown-menu::after {
  clear: both;
  border: 6px solid transparent;
  top: -5px;
  left: 7px;
}
.colorpicker .dropdown-menu::before {
  border: 7px solid transparent;
  top: -6px;
  left: 6px;
}
.colorpicker .dropdown-menu {
  position: static;
  top: 0;
  left: 0;
  min-width: 129px;
  padding: 4px;
  margin-top: 0;
}
.colorpicker-position-top .dropdown-menu::after {
  border-top: 6px solid #fff;
  border-bottom: 0;
  top: auto;
  bottom: -5px;
}
.colorpicker-position-top .dropdown-menu::before {
  border-top: 7px solid rgba(0, 0, 0, 0.2);
  border-bottom: 0;
  top: auto;
  bottom: -6px;
}
.colorpicker-position-right .dropdown-menu::after {
  border-right: 6px solid #fff;
  border-left: 0;
  top: 11px;
  left: -5px;
}
.colorpicker-position-right .dropdown-menu::before {
  border-right: 7px solid rgba(0, 0, 0, 0.2);
  border-left: 0;
  top: 10px;
  left: -6px;
}
.colorpicker-position-bottom .dropdown-menu::after {
  border-bottom: 6px solid #fff;
  border-top: 0;
}
.colorpicker-position-bottom .dropdown-menu::before {
  border-bottom: 7px solid rgba(0, 0, 0, 0.2);
  border-top: 0;
}
.colorpicker-position-left .dropdown-menu::after {
  border-left: 6px solid #fff;
  border-right: 0;
  top: 11px;
  left: auto;
  right: -5px;
}
.colorpicker-position-left .dropdown-menu::before {
  border-left: 7px solid rgba(0, 0, 0, 0.2);
  border-right: 0;
  top: 10px;
  left: auto;
  right: -6px;
}
colorpicker-preview {
  display: block;
  height: 10px;
  margin: 5px 0 3px 0;
  clear: both;
  background-position: 0 100%;
}

.StripeElement {
  background-color: white;
  height: 40px;
  padding: 10px 12px;
  border: 1px solid #ccc;
  border-radius: 0;
  box-shadow: 0 1px 3px 0 #e6ebf1;
  -webkit-transition: box-shadow 150ms ease;
  transition: box-shadow 150ms ease;
}

.StripeElement--focus {
  box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
  border-color: #fa755a;
}

.StripeElement--webkit-autofill {
  background-color: #fefde5 !important;
}

/* STRIPE CSS */
.stripe-form{
    margin-top: 0;
    width: 100%;
}
.form-control.paymentmethod{
    width: 100%;
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Apr 5, 2021, 11:41:11 AM
    Author     : arockiyasahayarani
*/
body{    
font-family: Open Sans ,sans-serif !important;
}
    
.desktop{
    display: block;            
}
.mobile{
    display: none;            
}
.section_name{
    font-style: normal;
    font-weight: 800;
    font-size: 13px;
    line-height: 18px;
    text-align: center;
    color: #000000; 
}
.text_right{
    text-align: right;
}
@media only screen and (max-width: 600px)   {
    .intercom-lightweight-app {
        display: block !important;
    }
}
 @media only screen and (max-width: 640px) {
 .bg-lightgrey {
    background: #F7F7F8 none repeat scroll 0 0;
}    

#class_schedule_page{
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}


 .navbar {
    position: fixed;
    padding: 15px 0 0px;
     background: #F7F7F8;
    width: 100%;
    height: 50px;
    top: 0;
    z-index: 9;
    left:0;
    right:0; 
 }
  .navbar img{
      width:20px;
      top:13px
  }
 
 .side_menu{
     position: absolute; 
     left: 17px;
     top: 16px !important;     
 }  
 .search_icon{
     position: absolute; 
     right: 50px;
     
 } 
 .nav_add_icon{
     position: absolute; 
     right: 16px;   
 }
 
  .back_icon{
     position: absolute; 
     left: 15px;
     width:9px !important;
     top: 16px !important;
 }
 
 .datepicker-inline {
    width: 100%;
    padding: 10px;
}

.datepicker table {
    margin: 0 auto;
    width: 100%;
}
 

.datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover {
    background: #e3e3e3 !important;
    border-radius: 50%;
}

.table-condensed>tbody>tr>td, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>td, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>thead>tr>th {
    padding: 10px;
}
.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover {
    background: #009A61 !important;
    border-radius: 50%;
    color: #fff !important;
}

.datepicker-switch{
    font-size: 15px;
}
 .dropdown-menu li {
    border: 0px solid #009a61;
}
.x_panel_class_calendar {
    min-height: calc(100vh - 100px);
    background: white;
    width: 100%;
    display: inline-block;
    border: 0;
    margin: 0px;
    padding: 25px 15px;   
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
}

.blockout_datesection,.genral_settings_scroll{      
    overflow: scroll;
    z-index: 1;
    padding-bottom: 50px;
}
.genral_settings_scroll{      
    overflow: scroll;
    z-index: 1;
    padding-bottom: 50px;
}
.search_participant_down_arrow{
    width: 14px;
    float: right;
    padding-top: 7px;
    margin-right: 10px;
}
.dateWidth {
    width: 120px;
    max-width: 120px;
}
.amountWidth{
    width: 100px;
    max-width: 100px;
}
.detailWidth{
    width: 100px;
    max-width: 100px;
}
.class_schedule_calendar{
background: #FFFFFF;
border: 0.960784px solid #DFE3E9;
box-shadow: 0px 1.92157px 4.80392px rgba(210, 210, 210, 0.5);
border-top: 0;
position:fixed;
padding: 17px 0 5px;
z-index: 9;
left: 0;
right: 0

 }
 .appointment_section{
    overflow: scroll;
    z-index: 1;
    position: absolute;
    width: 100%;
    padding-top: 55px;
 }
 .tab-content{
     margin-top: 90px;
 }
 .calendar_icon{
    position: absolute; 
    right: 15px;
    top: 17px;
    width:21px;    
 } 
 
 .boost_icon{
     position: absolute; 
     right: 17px;
     top: 17px;
     width:21px !important;    
 }
 .class_schedule_calendar p{
font-style: normal;
font-weight: 800;
font-size: 13px;
line-height: 25px;
letter-spacing: 0.0890923px;
color: #000000;
text-align: right;
margin-right: 45px;

 }
 .nav-tabs {
    min-width: 100%;
    background: #FFFFFF;
    border: 1px solid #DFE3E9;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    top: 50px;
    left: 0;
    right: 0;
    position: fixed;
    z-index: 9;
    height:45px !important;
 }
 .nav.nav-tabs>li>a {
    padding: 13px 5px 7px;
    font-weight: 500;
}
 .class_schedule-active {
     color: #009a61!important;   
     font-weight: 800 !important;    
     border-bottom: 3px solid #009a61 !important;
     background-color: transparent !important;
     padding-bottom: 10px!important;
     padding-top: 17px !important;
}
.Android .class_schedule-active {
     color: #009a61!important;   
     font-weight: 800 !important;    
     border-bottom: 3px solid #009a61 !important;
     background-color: transparent !important;
     padding-bottom: 11px!important;
     padding-top: 17px !important;
}
.class_appointment-active,.class_appointment_edit-active {
     color: #009a61!important;  
     font-weight: 800 !important;
     background-color: transparent !important;
}
 
.nav-tabs>li>a{
     border: 0;
     color: #C5C5C5;
}
.nav-tabs>li {
    margin-bottom: 4px;
}
.nav-tabs>li>a:hover {
    border-color:transparent;
}
 .desktop{
     display: none;            
 }
 .mobile{
     display: block;            
 }  
 
 .type_live_section {
     overflow-x: scroll;
     width:100%;
     position: absolute;
     top: 145px;
 }
 .blockout_list_scroll {
     overflow: scroll;
     width:100%;
     position: absolute;
 }
#blockout_time_scroll{
        overflow-y: auto;
        max-height: 261px;
    }
    #blockout_time_scroll::-webkit-scrollbar{
        width: 20px;
        background: #fff;
        border: none;
        height:90px;
        -webkit-appearance: none;
    }
    #blockout_time_scroll::-webkit-scrollbar-thumb{
        background: #d8d8d8;
        border-radius: 5px
    }
 .blockout_section {
    height: 100vh;
    overflow: scroll;
    width: 100%;
    position: absolute;
}
.date_time_text{
font-style: normal;
font-weight: 800;
font-size: 15px;
line-height: 20px;
letter-spacing: 0.0936765px;
margin: 16px 0 0px 28px;
color: #000000;
}

.type_live_section .info_card,.type_live_section .appt_card{
    padding: 11px 15px 11px 25px !important;
}
.info_card,.appt_card{
background: #FFFFFF;
border-top: 1px solid #DFE3E7 !important;
box-shadow: 0px 1.92157px 3.84314px rgba(184, 184, 184, 0.5) !important;
padding: 11px 15px 11px 28px;
display: flex;
width: 100%;
align-items: center;
 }

 .info_card.border,.appt_card.border{
     border-top: 1px solid #E7EAEF;
 }
 .font500{font-weight: 500 !important}
 .info_card p.time{
     width: 80px;
     font-style: normal;
     font-weight: 800;
     font-size: 16.25px;
     line-height: 22px;
     letter-spacing: -0.409835px;
     color: #000;
     margin-bottom: 0;
 }
 .participant_icon{
    width: 14px;
    vertical-align: middle;
    padding-bottom: 4px;
    margin-right: 2px;
 }
  .info_card .cls_detail{
   width: 200px; 
   padding-left: 10px;
 }
 .info_card p.class_name{
font-style: normal;
font-weight: 500;
font-size: 16.25px;
line-height: 22px;
letter-spacing: -0.409835px;
color: #000;
margin-bottom: 2px;
 }
 
.info_card p.class_type{
font-style: normal;
font-weight: 700;
font-size: 13.75px;
line-height: 19px;
letter-spacing: -0.346783px;
color: #A3A3A3;
margin-bottom: 2px;
 }
 
.info_card p.participant_count{
font-style: normal;
font-weight: 700;
font-size: 13.75px;
line-height: 19px;
letter-spacing: -0.346783px;
color: #A3A3A3; 
margin-bottom: 0;
 }
  .info_card .right_arrow_icon,.appt_card .right_arrow_icon{
   width: 8px;
 }
 .info_card .arrow,.appt_card .arrow{
   position: absolute;
    margin-bottom: 0;
    right: 25px;  
 }
 .sidebar-email {
    border: 0;
}
.class_drop_down_list {
    margin-top: 0;
}
.class_drop_down_main {
    width: 179.2px;
    height: 40px;
    font-size: 15px;
    font-weight: 500;
}
.class_completed_deleted_dropdown {
    width: 233px;
    height: 40px;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 19px;
    color: #000000;
    padding: 12px 0px 12px 15px;
    letter-spacing: 0.13px;
}
.class_search_text {
    width: 47%;
    color: #A3A3A3;
    height: 40px;
    margin-top: 19px;
}

.class_scheduler_search_magnifier_icon {
width: 100%;
height: 40px;
background-image: url(4a0c03582c21ab076924b769f5b5ce72.png);
}
#search_participants_listing .dropdown-menu {
     width: 345px;
     max-height: 150px;
    overflow: hidden;
    overflow-y: auto;
}
#search_participant_input .dropdown-menu {
    width: 100%;
    max-height: 224px;
    overflow: hidden;
    overflow-y: auto;
    padding-top: 0px !important;
}
#search_participant_input .class_drop_down_list:last-child{
    border-bottom : 0px !important;
}

.dropdown-menu{
  width: 345px; 
  top: 37px;
  padding-top: 10px;
}
.search-participant-show-result div.DTS tbody tr{
    background: #FFFFFF;
}
.search-participant-name{
font-weight: 700;
font-size: 10px;
line-height: 14px;
color: #A3A3A3;
padding-right: 20px;
}

.search-participant-value{
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 22px;
color: #009A61;
}

.search_service{
    font-weight: 800;
    font-size: 13px;
    line-height: 18px;
    display: flex;
    align-items: center;
    letter-spacing: 0.433333px;
    color: #8F8F8F;
    margin: 15px 0 12px;
}

.table_head{
font-weight: 800 !important;
font-size: 10px;
line-height: 14px;
color: #000000;
padding: 10px 18px 5px 10px !important;

}
.table_data{
    color: #000000;
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: -0.3675px;
    padding-left: 0 !important;
}
#search-participant-result-content  .table-bordered>tbody>tr>td,
#search-participant-result-content  .table-bordered>tbody>tr>th, 
#search-participant-result-content  table-bordered>thead>tr>td, 
#search-participant-result-content .table-bordered>thead>tr>th {
    border-left: 0px solid #ddd !important;
    border-bottom: 1px solid #DFE3E7;
    background: #FFFFFF;
}

#search-participant-result-content .table-striped>tbody>tr:nth-of-type(odd) {
    background-color: transparent;
}
 
    td.home_col_new {
    width: 25% !important;
    padding: 0px !important;
    padding-left: 0px !important; 
}
th.time_wid,td.time_wid{width: 23% !important;}
th.detail_wid,td.detail_wid{width: 32% !important;}
#search-participant-result-content .table-striped>tbody>tr:last-child {
box-shadow: 0px 2px 4px rgb(184 184 184 / 50%);
}
.class_datatable_btn {
    margin:0px;
    width: 46px;
    background: white;
    box-shadow: 0 1px 5px 0 rgb(132 132 132 / 50%) !important;
    border: none;
    border-radius: 10px;
    color: #000000;
    padding: 5px 0 12px;
    font-size: 17px;
    float: right;
}
.button.custom-modal-white-button {
    width: 100%;
    border: none;
    margin: 0;
    font-size: 16px;
    font-weight: 500;
}



.class_wl_search{
    background: #FFFFFF;
    border: 0.768337px solid #DFE3E7;
    width: 91%;
    box-sizing: border-box;
    border-radius: 6.14669px;
    height: 40px;
    margin: 20px auto 20px 20px;
    background-image: url(4a0c03582c21ab076924b769f5b5ce72.png);
    background-position: 15px center;
    background-repeat: no-repeat;
    text-indent: 40px;
    background-size: 15px;
    display: block;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.10);
    color: #D5D5D5;
    margin-bottom: 10px;
    margin-top: 5px;
}
.class_roster_search{
    background: #FFFFFF;
    border: 0.768337px solid #DFE3E7;
    width: 91%;
    box-sizing: border-box;
    border-radius: 6.14669px;
    height: 40px;
    margin: 20px auto 20px 20px;
    background-image: url(00ccbc91fc2fb2a279a5d6c8e8dae5d0.png);
    background-position: 15px center;
    background-repeat: no-repeat;
    text-indent: 40px;
    background-size: 21px;
    display: block;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
    color: #464646;
    font-weight: 800;
    font-size: 15px;
    margin-bottom: 0;
    margin-top: 5px;
    padding-top: 8px;
}
.Android .class_roster_search{
    text-indent: 45px;
}
.class_roster_search::placeholder{
    font-weight: 800;
    font-size: 15px;
    line-height: 20px;
    color: #B3B3B3;    
}
.class_roster_time {
    font-weight: 800;
    font-size: 15px;
    line-height: 20px;
    text-align: right;
    letter-spacing: 0.0936765px;
    color: #000;
    margin-bottom: 0;
    padding: 16px 17px 8px 20px;
}

table.info_card{
    padding: 0;
    margin-bottom: 10px;
}
.info_card_title{
font-weight: 800;
font-size: 13px;
line-height: 18px;
letter-spacing: 0.433333px;
padding: 4px 20px;
color: #000000;
}
.info_card_sections{
font-weight: 800;
font-size: 10px;
line-height: 14px;
color: #000000;
padding: 5px 20px;
border-top: 1px solid #DFE3E7;
border-bottom: 1px solid #DFE3E7;
padding-right: 0;
}

.info_card_value{
font-weight: 500;
font-size: 14px;
line-height: 19px;
letter-spacing: -0.3675px;
color: #000000; 
padding: 17px 0px 16px 20px;
}
.text_overflow{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.option_icon{
    width: 7px;   
}

 .info_card .roster_arrow{
   position: absolute;
   right: 20px;
   top: 15px;
 }

.navtab_classroster .nav.nav-tabs{
justify-content: flex-start; 
align-items: center;  
padding-left: 15px;
 }
 
 .navtab_classroster .participant_count{
  padding: 13px 5px 4px;
  position: absolute; 
  right: 15px;   
 }
 
 .specify_date{
     display: flex;
     cursor: pointer;
     float:left;
     box-shadow: 0px 2px 4px rgb(0 0 0 / 25%);
     border-radius: 8.87949px !important;
     width: auto!important;
     margin-bottom: 32.5px;
 }
 .blockoutDateInput {
    width: 126px;
    background: #FFFFFF;
    height: 35px;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #000000;
    padding: 11px 10px 7px 10px;
    border-top-left-radius: 8.87949px !important;
    border-bottom-left-radius: 8.87949px !important;
    border: 0;
    font-weight: 600;
}
 
.modal-cal {
    border-left: 1px solid #DCE0E6 !important;
    border: 0;
    height: 35px;
    padding: 12px 10px 11px 11px;
    border-top-right-radius: 8.87949px !important;
    border-bottom-right-radius: 8.87949px !important;
    background-color:  #F2F2F2;
    width: 35px !important;
} 
.BlockoutHeader{
    width:100%;  
} 

.flex{
    display: flex;
    width:100%; 
}
.flex div{
    width:47%;
}
.blockout_modal_content {
    width: 100%;
    padding: 0;
    margin:0px;
}
.blockoutText {
    font-style: normal;
    line-height: 19px;
    letter-spacing: -0.3675px;
    font-weight: 800 !important;
    font-size: 13px !important;
    line-height: 19px;
    color: #000000;
    width: 100%
}

.class_curved_box_blockout, .blockout_note {
    height: 35px;
    width: 350px;
    background: #FFFFFF;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
    border-radius: 5.91966px;
    padding: 9px 14px;
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
    color: #000000;
    border: none;
    margin-bottom: 20px;
    -webkit-appearance:none;
}
.class_child_curved_box_blockout {
    height: 35px;
    width: 350px;
    background: #FFFFFF;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
    border-radius: 5.91966px;
    padding: 9px 14px;
    font-weight: 800;
    font-size: 15px;
    line-height: 20px;
    color: #000000;
    border: none;
}
.blockout_button {
    background: #FFFFFF;
    border-top: 1px solid #DFE3E9;
    padding: 14px 0 !important;
    width: 100%;
    position: fixed;
    bottom: 0;
    float: left;
    left: 0;
    display: flex;
    justify-content: center;
    margin-bottom: 0px;
}
.blockout_calendar_img {
    background-image: url(93a7a2986a89581f4399c696b5adf96d.png);
    width: 13px;
    padding: 6.5px;
    background-size: cover; 
    margin: 0;
}
.class_blockout_list {
    width: 344px !important;
    border-top: transparent !important;
    background-color: #fff !important;
    padding-bottom: 10px;
    padding-top: 10px;
    box-shadow: 0px 2px 4px rgb(0 0 0 / 25%);
    border-radius: 5.91966px;
}

.blockout_classname{
font-weight: 500;
font-size: 12px;
line-height: 16px;
letter-spacing: -0.409835px;
color: #000000;
margin: 0px 0px 5px 0px !important;
}

.blockout_status{
font-weight: 800;
font-size: 10px;
line-height: 14px;
letter-spacing: -0.346783px;
color: #A3A3A3;
margin: 0px 0px 5px 0px !important;
}



.trash_icon{
    position: absolute;
    width: 21px;
    right: 22px;
    top: 33px;
}
.pencil_icon{
    position: absolute;
    width: 21px;
    right: 57px;
    top: 33px;
}
 .classoptionsview{
        width: 100%;
        height: 46px;
        background-color: #ffffff;
        font-size: 14px;
        color: #000000;
        display: inline-flex;
        align-items: center;
        padding: 0px 15px;
        border: solid 1px #d1d1d1;
        border-radius: 10px;
        margin-top: 15px;
        cursor: pointer;
        font-weight: 550;
    }
.border-class-active{
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }

.cstm-classview {
    border: solid 1px #d1d1d1;
    margin-top: 0;
    border-top: none;
    padding: 15px 0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background: #F7F7F8;
    
}
#client_scheduling_limit .slider, #general_set  .slider, #class_schedule_page   .slider{
    width: 60px;
    height: 27px;
    cursor: pointer;
    border-radius: 10px;
}
input:checked + .slider {
    background-color: #009a61;
}
#client_scheduling_limit input, #general_set input, #class_schedule_page   input{
    width: 50px;
    display: inline;
}
.class-settings-caret-down {
    right: 17px;
    position: absolute;
    font-size: 20px;
}
.cstm_setup_input {
    border-radius: 10px;
    box-shadow: 0 2px 7px 0 rgb(181 181 181 / 50%);
    background-color: #fff;
    border: 0;
    margin-bottom: 10px!important;
    height: 40px;
    text-align: center;
    width: 322px;
    color: #74859F;
    font-weight: 500;
    font-size: 11px;
}
#client_scheduling_limit input:checked+.slider:before, #general_set  input:checked+.slider:before, #class_schedule_page    input:checked+.slider:before{
    left: 11px;
    -webkit-transform: translateX(22px);
    margin-top: 0;
}
 
#client_scheduling_limit .slider:before, #general_set .slider:before, #class_schedule_page   .slider:before{
    height: 23px;
    width: 25px;
    border-radius: 7px;
    left: 3.2px;
    top: 2px;
    margin-top: 0;
}

input:checked + .slider:before {
    left: 0px;
    -webkit-transform: translateX(22px);
    -ms-transform: translateX(22px);
    transform: translateX(22px);
}
.slider.round:before {
    border-radius: 50%;
}
.slider:before {
    position: absolute;
    content: "";
    height: 15px;
    width: 16px;
    left: 2px;
    top: 2px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}
#client_scheduling_limit .on-txt, #general_set .on-txt{
    left: -3px;
    top: -18px;
}
#client_scheduling_limit .off-txt, #general_set .off-txt{
    right: -22px;
    top: -18px;
}
.on-txt {
    top: -14px;
    left: 7px;
    color: white;
}
.Android #client_scheduling_limit .on-txt, .Android #general_set .on-txt{
    top: -20px;
}
.Android #client_scheduling_limit .off-txt, .Android #general_set .off-txt{
    top: -20px;
}
.block_help{
    margin-top: 0px;
    float: left;
    width: 12px;
    margin-left: -1.1%;
}
.form-group {
    margin-bottom: 2px;
}
.greenbg_button{
    background: #009a61;
    border-radius: 8.18182px;
    border: none;
}
.form-control-feedback {
 margin-top: 0px; 
 line-height: 40px;
 font-size: 15px;
 width: 48px;
}
#classsettingstaxview .dropdown-menu {
    width: 345px;
    top: 37px;
    padding-top: 0px;
}
.setting_fee{
font-weight: 600;
font-size: 14px;
line-height: 20px;
color: #161616; 
}
.modal-content .button.custom-modal-white-button{
    background: #fff;
}

.white_bg_popup{
    background: #fff;
    box-shadow: 0 2px 7px rgb(0 0 0 / 25%);
    border-radius: 10px;
    padding: 11px 20px 16px;
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: 1px;
    color: #000;
    position: absolute;
    right: 15px;
    z-index: 1;
    margin-top: -19px;
    list-style-type: none;
    margin-bottom: 12px;
}
#participant_option{
    display: none;
}
.white_bg_popup li{  
    margin-bottom: 12px;
                }
.white_bg_popup li:last-child{  
    margin-bottom: 0px;
}
.update_attendance_tab .tab a{
    color: #C4C4C4 !important;
    font-size: 15px;
    line-height: 20px;
    font-weight: 500;
}
.update_attendance_tab .tab .activegreen {
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #009A61 !important;    
    padding: 0 15px 17px;
    transition: color 0.1s,transform 0.2s ease-out;
    border-bottom: none;
}
.update_attendance_tab .ul-tab {
    padding-bottom: 0 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    margin: 0 !important;
}

.logged{
    color: #C4C4C4;
}
.unmatched_member {
    color: #BF2828 !important;
}
.matched_member {
    color: #009A61 !important;
}
.mem_match_label {
    line-height: 23px;
    font-size: 16px;
}
.pform-group {
    box-shadow: 0px 2px 4px rgb(0 0 0 / 25%);
    border-radius: 9.1008px;
    background: #fff;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #777777;
    margin-bottom: 9px;
}
.match_label{
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.203211px;
    color: #777777;
}
#match_btn_ok[disabled] {
    border: white!important;
    background: #EFEFEF !important;
}
.mem-drop .typeahead.dropdown-menu {
    min-width: 268px !important;
    max-width: 316px !important;
    right:0px !important;
}
  .mem-drop ul.typeahead.dropdown-menu li:hover a{
        background-color: #4BA46F !important;
        background: #4BA46F !important;
    }
    .mem-drop ul.typeahead.dropdown-menu li a{
        font-size: 14px;
        font-weight: 800;
    }
    .mem-drop ul.typeahead.dropdown-menu{
        width: 92px !important;
        height: 79px;
        overflow: auto;
    }
    #discountcodeforclass::-webkit-input-placeholder {
        text-align: center;
    }

    #discountcodeforclass:-moz-placeholder { /* Firefox 18- */
        text-align: center;  
    }

    #discountcodeforclass::-moz-placeholder {  /* Firefox 19+ */
        text-align: center;  
    }

    #discountcodeforclass:-ms-input-placeholder{  
        text-align: center; 
    }
    .checkout_btn{
        font-size: 14px;
        cursor: pointer;
        line-height: 34px;
        box-sizing: border-box;
        text-align: center;
        background-color: #009A61 !important;
        color: #fff;
        border: 0px;
        width: 100%;
        height: 45px;
        border-radius: 0;
        margin: 0px 0px;
    }
    .mem-drop::-webkit-scrollbar{
        display: unset;
    }
    .mem-drop { 
        scrollbar-width: none; 
        overflow: -moz-scrollbars-none;
    }
    
   .tooltiptexts_attendace{
        position: absolute;
        width: 266px;
        height: 59px;
        left: -200px;
        top: -70px;
        background: #FFFFFF;
        box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.25);
        border-radius: 10px;
        font-style: normal;
        font-weight: 600;
        font-size: 9px;
        line-height: 14px;
        color: #76879A;
        padding: 9px 5px 0px 9px;
        visibility: hidden;
    }
    .tooltips_attend:hover .tooltiptexts_attendace {
        visibility: visible;
    }
    #delete-update-success-custom-modal .modal-content{
        border-radius: 10.5055px !important;
    }
    #delete-update-success-custom-modal .modal-body{
        padding:0px;
    }
    #delete-update-success-custom-modal p{
        height: 90px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 10px;
        color: #000000;
        font-weight: 500;
        padding:0px 17px;
    }
    #delete-update-success-custom-modal .ctm-ok-buttom{
        border-radius: 0px;
        height: 60px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        border-color: #bfbfbf;
        color:#009A61;
        font-weight: 700;
        padding-top: 4px;
    }
    #deleteclass-modal .modal-content{
        border-radius: 10.5055px;
    }
    #deleteclass-modal .modal-body{
        padding: 0px;
    }
    #deleteclass-modal p{
        margin-bottom: 10px;
        height: 120px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: 500;
        color: #000000;
        text-align: left;
    }
    #deleteclass-modal .ctm-yes-btn{
        font-size: 14px;
        font-weight: 400;
        border-radius: 0px;
        height: 60px;
        font-weight: 800;
        margin: 0px !important;
    }
    #deleteclass-modal .ctm-no-btn{
        font-size: 14px;
        background: white;
        border: 1px solid lightgray;
        border-radius: 0px;
        border-bottom-left-radius: 10.5055px !important;
        border-bottom-right-radius: 10.5055px !important;
        margin-top: 0px;
        height: 60px;
        font-weight: 500;
        color: #777777;
        margin: 0px !important;
    }
    #deleteaprentclass-modal .modal-content{
        border-radius: 10.5055px;
    }
    #deleteaprentclass-modal .modal-body{
        padding: 0px;
    }
    #deleteaprentclass-modal p{
        margin-bottom: 10px;
        height: 120px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: 500;
        color: #000000;
        text-align: left;
    }
    #deleteaprentclass-modal .ctm-yes-btn{
        font-size: 14px;
        font-weight: 400;
        border-radius: 0px;
        height: 60px;
        font-weight: 800;
        margin: 0px !important;
    }
    #deleteaprentclass-modal .ctm-no-btn{
        font-size: 14px;
        background: white;
        border: 1px solid lightgray;
        border-radius: 0px;
        border-bottom-left-radius: 10.5055px !important;
        border-bottom-right-radius: 10.5055px !important;
        margin-top: 0px;
        height: 60px;
        font-weight: 500;
        color: #777777;
        margin: 0px !important;
    }  
  #match_btn_cancel {
    border-top: 1px solid #E5E5E5 !important;
}  
.log_button{
    background: #009A61;
    font-weight: 700;
    font-size: 15px;
    line-height: 20px;
    display: block;
    text-align: center;
    letter-spacing: -0.23274px;
    color: #FFFFFF;
    width: 100%;
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    margin-bottom: 0;
    padding: 15px !important;
    border: 0;   
}  
.popup_heading{
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 23px;
    text-align: center;
    letter-spacing: -0.240156px;
    color: #000000;
}
#add_new_appointment_type_Modal .popup_heading{
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    line-height: 23px;
    text-align: center;
    letter-spacing: -0.240156px;
    color: #000000;
}
.appointment_title{
    width: 262px;
    height: 41px;
    background: #FFFFFF;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
    border-radius: 9.1008px;
    margin:16px 0px 20px 18px;
}
.appt_title{
    font-style: normal;
    font-weight: 500;
    font-size: 16.25px;
    line-height: 22px;
    letter-spacing: -0.426562px;
    color: #000000;
    margin:3px 0px 3px 0px !important;
}
.appt_time_title{
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    line-height: 19px;
    color: #000000;
    margin: 3px 0px 0px 14px !important;
    padding: 8px 0px !important;
}
.appt_subtitle{
    font-style: normal;
    font-weight: 500;
    font-size: 13.75px;
    line-height: 19px;
    letter-spacing: -0.360937px;
    color: #838A8C;
    margin: 0px !important;
}
.edit_appt_title{
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    color: #000000;
    margin: 7px 0px 10px 0px !important;
    position: absolute;
    left: 50%;
    top: 10px;
    transform: translateX(-50%);
    width: 80%;
}
#completed_del_start_date::placeholder,#completed_del_end_date::placeholder{
    font-weight: 500;
    font-size: 13px;
    color: #000000;
}
#completed_del_start_date::-webkit-input-placeholder,#completed_del_end_date::-webkit-input-placeholder {
    text-align: center;
}

#completed_del_start_date:-moz-placeholder,#completed_del_end_date:-moz-placeholder { /* Firefox 18- */
    text-align: center;
}

#completed_del_start_date::-moz-placeholder,#completed_del_end_date::-moz-placeholder {  /* Firefox 19+ */
    text-align: center;
}

#completed_del_start_date:-ms-input-placeholder ,#completed_del_end_date:-ms-input-placeholder{  
    text-align: center;
}
.dataTables_filter{
    display: none;
}
.calender-list{
    color: #C4C4C4;
}
.home_col_appt_title{
    padding-right: 0px !important;
    min-width: 30px !important;
    max-width: 30px !important;
    background: #FFFFFF;
    border: 0.5px solid #DFE3E7;
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
}
.home_col_startdate {
    min-width: 10px !important;
    max-width: 10px !important;
    background: #FFFFFF;
    border: 0.5px solid #DFE3E7;
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
}
.home_col_enddate {
    min-width: 20px !important;
    max-width: 20px !important;
    background: #FFFFFF;
    border: 0.5px solid #DFE3E7;
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
}
.dataTables_scrollHead{
    background: #FFFFFF;
    border-top: 0.5px solid #DFE3E7 !important;
    box-shadow: 0px 2px 4px rgba(184, 184, 184, 0.5);
    border-bottom: 1px solid #DFE3E7 !important;
    height: auto;
}
#search_participants_listing .dataTables_scrollHead .dataTables_scrollHeadInner,#search_participants_listing .dataTables_scrollHead table,#search_participants_listing .dataTables_scrollHead thead,#search_participants_listing .dataTables_scrollHead tr{
    height: auto;
}
.details_input_style{
    width: 344px !important;
    height: 35px !important;
    background: #FFFFFF;
    box-shadow: 0px 1.49782px 5.24236px rgba(0, 0, 0, 0.25);
    border-radius: 5.99127px !important;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #000000;
    border: 0 !important;
}
.intercom-lightweight-app-launcher{
    display: block;
}
#search_participants_listing .class_drop_down_list .ellipse_class_fr_scheduler{
    font-size: 15px;
    font-weight: 500;
    font-style: normal;
    line-height: 20px;
}
.public_url_txt{
    font-size: 12px;
    font-weight: 500;
    color: #009a61;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 170px;
    overflow: hidden;
    margin-bottom: -4px;
    cursor:pointer;
    display: inline-block;
    position: absolute;
    top: 111px !important;
    left:104px;
}
.appt_url_txt{
     font-size: 12px;
    font-weight: 500;
    color: #009a61;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 160px;
    overflow: hidden;
    margin-bottom: -4px;
    cursor:pointer;
    display: inline-block;
    position: absolute;
    top: 92px;
    left:127px;
}
.text_area_bg{
    resize: none !important;
    height: 120px !important;
    width: 344px !important;
    overflow: auto;
    box-shadow: -1.90218px 0.49782px 11.24236px rgb(0 0 0 / 30%);
    border-radius: 5px !important;
    border: none !important;
    background: #fff;
}
.class_appointment_cstm_button {
    width: 106px;
    height: 40px;
    border: none;
    border-radius: 8px;
    box-shadow: 0px 2px 4px rgb(0 0 0 / 25%);
    background-color: #009a61 !important;
    font-size: 14px;
    line-height: 19px;
    text-align: center;
    color: #FFFFFF !important;
    font-weight: 700;
}
.text_area_bg:focus {
    box-shadow:  -1.90218px 0.49782px 11.24236px rgb(0 0 0 / 30%) !important;
}
.padding15{
    padding: 15px;
    font-weight: 500;
}
.class_setting_forms label {
    font-size: 14px;
    font-weight: 800;
    color: #74859F;
    line-height: 25px
}
.Android #newcurriculumui .dropdown button, .Android #newcurriculumui .dropdown .dropdown-menu  {
    margin-top: 0 !important;
    width: 220px !important;
}

.class_setting_forms input{
    border: none;
    width: 128px;
    height: auto;
}

.class_setting_forms .specify_date input{
 width: 128px !important;
 height: 34px !important;
}

.class_child_curved_box {
    width: 197px;
    height: 35px;
    border-radius: 5.99127px;
    border: none;
    background: white;
    box-shadow: 0px 1.49782px 4.24236px rgb(0 0 0 / 25%);
}
.app_time_img {
    background-image: url(24cabe48d5eb41c7fd7c4cf203452015.png);
    width: 13px;
    padding: 6.5px;
    background-size: cover; 
    margin: 0;
}

.margin-bottom0{
     margin-bottom: 0px;
}
.class_list{
    box-shadow: 0px 1.49782px 5.24236px rgb(0 0 0 / 25%);
    border-radius: 5.99127px;
    border: none !important;
}

.option-blue_tick{
    color: #007AFF;
    width: 25px;
    margin-left: -10px;
    visibility: hidden;
    margin-left: -19px;
    margin-top: -2px;
    font-size: 17px;
    -webkit-text-stroke: 2px white;
}
.container_check .checkmark {
    left: auto;
    background: #FFFFFF;
    box-shadow: 0px 2px 4px rgb(0 0 0 / 25%);
    border-radius: 8px;
    width: 32px;
    height: 30px;
    position: relative;
    border: none;
    min-width: 32px;
    padding: 8px 10px;
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    color: #979797;
    margin-right: 6px !important;
}
.dow_class .container_check .checkmark:after {
    left: 3px;
    top: -1px;
    width: 0px;
    height: 00px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.container_check input:checked ~ .checkmark {
    color: #fff;
    font-weight: 800;
    border: none;
}

.bottom_fixed_button{
    position:fixed;
    width:100%;
    left:0;
    right:0;
    bottom:0;
    border-top:1px solid #dfe3e9;
    padding:14px 0 !important;
    background: #fff;
    height:68px;
    z-index: 9;
}
.inner_submenu{
    padding-left: 25px !important;
    background-color: #fff;
    position: absolute;
    overflow: scroll;
    left: 0;
    right: 0;
    top: 95px;
}
.blockout_menu{
    padding: 25px 15px !important;
    background-color: #fff;
    position: absolute;
    overflow: scroll;
    left: 0;
    right: 0;
    top: 50px;
}
.class_setting_forms .square-switch{
    margin-top: 1px;
}
  .class_setting_forms .off-txt {
    right: -29px;
    top: -20px;
}
.Android .class_setting_forms .off-txt {
    right: -28px;
    top: -23px;
}

 .class_setting_forms .on-txt {
    top: -20px;
    left: 0.8px;
    color: white;
}
.Android .class_setting_forms .on-txt {
    top: -23px;
}
.Android .class_setting_forms .drop_in_price_toggle .on-txt {
    left: 1px;
    top: -34px;
}
.datepicker-dropdown:before, .datepicker-dropdown:after {
    display: none;
}
.datepicker-orient-left.datepicker-orient-top{
    left: 50% !important;
    transform: translateX(-50%);
}
#DataTables_Table_class_search_participant thead{
    display: none;
}
#rosterModal button{
    border: 0px solid #E5E5E5;
    border-radius:0;
    text-align: center;
    background-color:#fff;
    color: #009A61;
}

.checkmark.blockout_checkmark{
    top: 3px;
    width: 13px;
    height: 13px;
    border: 1px solid #979797 !important;
    box-sizing: border-box;
    border-radius: 2px;
    box-shadow: none;
    padding: 0;
    left: 15px;
    position: absolute;
    min-width:max-content;
}
#restriction_div .container_check .checkmark:after {
    left: 3px;
    top: -1px;
    width: 6px;
    height: 11px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.appt_day{
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #000;
    margin-left: 8px;
}
.appt_time{
  font-weight: 800;
    font-size: 14px;
    line-height: 19px;
    display: block;  
     color: #000;
     margin-left: 5px;
     margin-bottom:0;
}

.class_datatable_phone{
    padding-left: 15px !important
}

#class_appointment_calender_mobile td.day.datecluster_lowest{
    background: #b3b3b3;
    border-radius: 50%;
}
#class_appointment_calender_mobile .today.active.day.datecluster_lowest{
    background: #009A61 !important;
}
#class_appointment_calender_mobile .datecluster_lowest div {
    color: #fff !important;
}
#class_appointment_calender_mobile .today.day.datecluster_lowest  {
    background: #b3b3b3 !important;
}
#class_appointment_calender_mobile .active.day  {
    background: #009A61 !important;
    border-radius: 50%;
}
#class_appointment_calender_mobile .today.active.day{
    background: #009A61 !important;
}
#class_appointment_calender_mobile .today.day{
    background: none !important;
}
#class_schedule_page .nav-tabs li:last-child a{
    padding-right: 0px;
}
.selectedwithhold{
    border: 2px solid #009A61 !important;
    box-shadow: 0px 2px 1px #bdbdbd !important;
}
#add_appointment_Modal button, #rosterModal button{
    padding: 20px 0;
}
.modal-dialog{
    position: absolute;
    top: 50% !important;
    left: 50%;
    -moz-transform: translateX(-50%) translateY(-50%) !important;
    -webkit-transform: translateX(-50%) translateY(-50%) !important;
    transform: translateX(-50%) translateY(-50%) !important;
    margin:0 !important;
}
#details_view .detail_title{
    text-align: right;
    width: 100px;
    font-weight: 700;
    font-size: 10px;
    line-height: 14px;
    color: #000000;
}
#details_view .row{
    margin-bottom: 15px;
}
#details_view .roaster_participant_detail{
    font-weight: 500;
    font-size: 15px;
    line-height: 14px;
    color: #000000;
    width: 70%;
    overflow-wrap: break-word;
}
#details_view .class_payment_details{
    text-align: center;
    font-style: normal;
    font-weight: 800;
    font-size: 11px;
    line-height: 16px;
    color: #009A61;
    margin-bottom: 15px;
}
.navtab_classroster .class_schedule-active{
    padding: 13px 5px 7px !important;
}
.navtab_classroster .navbar{
    padding: 13px 5px 7px !important;
}
#DataTables_Table_class_search_participant tbody tr td:last-child{
    padding-top: 5px !important;
}
#DataTables_Table_class_search_participant tbody tr{
    height: 50px;
}
#DataTables_Table_class_search_participant tbody tr:last-child{
    box-shadow: 0px 2px 4px rgba(184, 184, 184, 0.5) !important;
}
.class_search_filter{
    -webkit-appearance: none;
}
#remove_participant_Modal button, #removeparticipant button{
    padding: 15px 0;
    height: 58px;
}
#remove_participant_Modal p, #removeparticipant p{
    margin: 0;
 }
 #zero_log_attendance_popup p{
    padding: 30px;
    margin: 0;
    border: 0;
 }
 #zero_log_attendance_popup button{
    padding: 15px 40px;
    border-radius: 0 0 10px 10px;
    margin: 0;
    border: 1px solid #E5E5E5;
    box-shadow: none;
    color: #009A61;
 }
 input[type="text"],
 textarea{
     -webkit-appearance:none;
 }
 #add_participant_Modal p{
    font-weight: 400;
    font-size: 16px !important;
    margin: 5px 0;
 }
 .select_all_dropinfee_check input:checked  {
    background-color: #009a61;
 }
 #newcurriculumui .dropdown button,  #newcurriculumui .dropdown .dropdown-menu {
     border-radius: 5.91966px !important;
 }
 .program_list{
     border-radius: 5.91966px !important;
 }
 .navtab_classroster .touchhold.selectedwithhold{
     opacity: 1 !important;
 }
 #newcurriculumui .dropdown button,  #newcurriculumui .dropdown .dropdown-menu {
     border-radius: 5.91966px !important;
 }
 .class_help_new{
     height: 13px !important;
 }
 #DataTables_Table_completed_deleted >tbody>tr {
     height: 52px !important;
 }
 .Matched{
     color: #009A61;
 }
 .Unmatched{
     color: #B02424;
 }
 #editmembermatchmodal .focused .form-label{
     transform: translateY(-50%);
     background: transparent; 
     color: #000000 !important;
     font-size: 10px !important;
 }
 #editmembermatchmodal .form-label{
     left: 15px !important;
 }
 #editmembermatchmodal .form-input{
     padding: 15px 0 5px 15px !important;
     color: #777777 !important;
     font-size: 14px !important;
     
 }
 .update_attendance_tab .disable_class_attendance{
     color: #C4C4C4 !important;
 }
#completed_deleted_content tbody>tr:last-child{
    box-shadow: 0px 2px 4px rgb(184 184 184 / 50%) !important;
}
.update_attendance_tab .tab a,.update_attendance_tab .tab .activegreen{
    padding:0 !important;
    font-size: 15px !important;
}
.update_attendance_tab .tab{
    padding: 19px 15px 0 0px !important;
}
#editmembermatchmodal .mem_match_label{
    padding: 19px 27px !important;
}
#editmembermatchmodal .match_label{
    font-weight: 500 !important;
}
#emailsendbox .navbar{
    position: relative;
    min-height: 50px;
    border: 1px solid transparent;
    padding: 0px !important;
}
.capitalize{
    text-transform: capitalize;
}
.disable-select {
  -webkit-user-select: none;  
  -moz-user-select: none;    
  -ms-user-select: none;      
  user-select: none;
}
.payment_details_adjust{
    margin-left: 35px !important;
}
.popup_border{
    border-radius: 15px 15px 0px 0px !important;
}
.green-modal-btn{
    font-size: 16px;
    font-weight: 500;
    height: 60px;
    background: white !important;
    color: #009a61 !important;
    width: 297px;
    border: none;
 }
 .off-txt, .on-txt{
     font-weight: 600 !important; 
 }
 .settings_toggle{
        left: 19px !important;
  }
  #customer_msg_email_mobile_mobile .modal-dialog{
      left:0px !important;
  }
  #customer_msg_email_mobile .cust-key {
    font-size: 12px;
    font-weight: 800;
    text-align: left;
    color: #8f8f8f;
}
#customer_msg_email_mobile p.cust-value {
    margin-bottom: 5px;
    font-weight: 800;
    margin-right: 25px;
}
#customer_msg_email_mobile .cust-value{
    font-size: 16px;   
    letter-spacing: -0.36px;
    font-weight: 500;
}
#customer_msg_email_mobile input{
    margin-right: 10px;
}
#customer_msg_email_mobile .cust-list {
    line-height: 18px;
    display: inline-block;
    text-align: left;
    margin: 5px 0;
    padding-left: 30px;
}

#customer_msg_email_mobile .custom-modal-button{
    font-style: normal;
    font-weight: 700;
    letter-spacing: -0.306743px;
    font-size: 15px;
    height: 55px;
}
#customer_msg_email_mobile .modal-body{
    font-family: 'OpenSans-SemiBold'  !important;
}
.primary_additional_div{
    padding-left: 46px;
}
#restriction_div label{
    font-weight: 800 !important;
}
.ellipsis {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .custom-modal > .modal-dialog > .modal-content {
   border-radius: 10px;
}
#mobile_calander_content_div li a{
    font-style: normal;
    font-size: 11px;
    line-height: 16px;
    text-align: center;
} 
#add_appointment_Modal button{
    box-shadow: none;
}
.Android .class_child_curved_box_blockout{
   width: 350px !important;
}
.note_text{
    padding-left: 0px !important;
}
.Android .note_text{
    margin-left: 0px !important;
    padding: 0px 10px !important;
}
#newcurriculumui .dropdown button, #newcurriculumui .dropdown .dropdown-menu {
    margin-top: 0 !important;
    width: 220px !important;
}
.Android .details_input_style, .Android .text_area_bg{
    width: 90% !important;
}
#sub_page_types{
    background: #F7F7F8 !important;
    border: none !important;
    margin-top: 12% !important;
    padding-left: 16px !important;
    margin-left: 0px !important;
}
.Android #sub_page_types{
    padding-left: 0 !important;
}
#appointment_times_list{
    margin-top: 152px !important;
    overflow: auto !important;
}
.Android #appointment_times_list{
    margin-top: 152px !important;
    overflow: auto !important;
}
    .class_setting_forms.inner_submenu{
        padding: 0px 30px !important;
    }
    #class_appt_registration .class_setting_forms.inner_submenu{
        padding: 0 0 0 25px !important;
    }
    .location_and_staff{
        width: 100% !important;
    }
    .staff_box{
        color: #009A61;
        font-family: 'OpenSans-SemiBold' !important;
        font-weight: normal;
        font-size: 13px;
        line-height: 18px;
        height: 44px;
        background: #FFFFFF;
        box-shadow: 0px 2px 7px #C5C3C3;
        border-radius: 10px;
        border: none;
    }
/*    .specify_staff_settings{
        padding: 17px 30px 31px;
        background: #FFFFFF;
        position: absolute;
        left: 0;
        right: 0;
        overflow-y: auto;
    }*/
    #Update_staff .class_child_curved_box, #Apply_changes .class_child_curved_box{
        padding-left: 15px;
        width: 100%;
        background: #FFFFFF;
        border: 1px solid #CCCCCC;
        border-radius: 10px;
        height: 34px;
        box-shadow: none;
        align-items: center;
        padding-top: 0;
        margin: 0;
    }
    #Update_staff .class_child_curved_box, #Apply_changes .class_child_curved_box{
        border: none;
        box-shadow: 0px 1px 7px #d5d5d5;
    }
/*    .specify_staff_settings .staff_day_dropdown{
        margin-top: 16px;
    }*/
    #Update_staff .staff_list_dropdown .glyphicon-ok, #Apply_changes .staff_list_dropdown .glyphicon-ok{
        width: 22px;
        font-size: 13px;
    }
/*    .specify_staff_settings .staff_name{
        letter-spacing: 0.346153px;
        width: 90%;
    }*/
    #Update_staff .staff_name, #Apply_changes .staff_name{
        width: calc(100% - 34px);
    }
    #Update_staff .staff_list_dropdown li a, #Apply_changes .staff_list_dropdown li a{
        width: 95%;
    }
    #Update_staff .staff_list_dropdown li a .showcurrtick, #Apply_changes  .staff_list_dropdown li a .showcurrtick{
        -webkit-text-stroke: 1px #fff;
        top: 2px;
    }
    .staff_day_dropdown label{
       text-transform: uppercase;
    }
    .staff_day_dropdown .dropdown{
        display: flex;
        margin: 0;
        width: 100%;
    }
    .staff_day_dropdown .dropdown .class_child_curved_box i{
        margin: 0;
        position: absolute;
        right: 17.55px;
        color: #000000;
    }
    .staff_save_btn{
        font-family: 'OpenSans-SemiBold' !important;
        font-weight: normal;
        font-size: 13px;
        line-height: 18px;
        letter-spacing: 0.346153px;
        color: #FFFFFF;
        background: #009A61;
        box-shadow: 0px 2px 7px #BFBFBF !important;
        border-radius: 10px !important;
        height: 40px !important;
        width: 100% !important;
        border: none;
    }
/*    .specify_staff_settings .bottom_fixed_button{
        padding: 15px 20px !important;
    }
    .specify_staff_settings label{
        font-weight: normal;
        font-family: 'OpenSans-SemiBold' !important;
        font-size: 11px;
        margin-bottom: 10px;
        line-height: 15px;
        letter-spacing: 0.346153px;
        color: #77879A;
    }
    .specify_staff_settings .specify_staff{
        font-size: 13px;
        line-height: 18px;
        margin: 0;
        color: #76869A;
    }*/
    .staff_management{
        color: #000000;
        position: fixed;
        left: 0;
        right: 0;
        top: 90px;
        height: 100%;
    }
    .staff_management .nav{
        top : unset;
        height: 40px !important;
        justify-content: flex-start;
        padding: 0 17px;
    }
    .staff_management .nav li{
        margin: 0;
        height: 40px;
    }
    .staff_management .nav a{
        padding: 0 !important;
        height: 39px;
        font-family: 'OpenSans-SemiBold'  !important;
        font-weight: normal !important;
        padding-top: 11px !important;
    }
     .staff_management .nav li,.staff_management .nav a{
        margin: 0 !important;
        display: block;
     }
     .staff_management .nav li:nth-child(2){
        padding-left: 19px;
    }
    .staff_management .nav li:last-child{
        margin-left: auto !important;
    }
    .staff_management .nav li:last-child a, .staff_schedule_list .staff_no_data{
        font-family: 'OpenSans-Regular'  !important;
        color: #000000;
    }
    .staff_management .nav .calendar_icon{
        position: unset;
        margin-left: 10px;
        width: 15px;
    }
    .staff_schedule_list .staff_no_data{
        padding: 20px 17px;
    }
    .staff_schedule_list{
        position: fixed;
        left: 0;
        right: 0;
        font-family: 'OpenSans-SemiBold' !important;
        font-size: 14px;
        font-weight: normal;
        overflow-y: auto;
        background: #FFFFFF;
        overflow-x: hidden;
    }
    .staff_schedule_list .staff_schedule_date{
        height: 32px;
        padding: 0 17px;
        display: flex;
        align-items: center;
        background: #F4F5F7;
    }
    .staff_schedule_list .staff_schedule_card {
        height: 71px;
        background: #FFFFFF;
        display: flex;
        padding: 0 17px;
        align-items: center;
        border: 1.25px solid #DEE2EA;
        column-gap: 28px;
    }
    .staff_schedule_list .staff_schedule_card div{
        padding: 0;
        white-space: nowrap;
        width: 60px;
    }
    .staff_schedule_list .staff_schedule_card div:nth-child(2){
        width: 36%;
    }
    .staff_schedule_list .staff_schedule_card div:nth-child(3){
        width: 33%;
    }
    .staff_schedule_list .staff_report_card {
        background: #FFFFFF;
        display: flex;
        align-items: center;
        column-gap: 25px;
    }
    .staff_report_card .report_title{
        width:25%;
        font-family: 'OpenSans-SemiBold' !important;
        font-style: normal;
        font-size: 11px;
        line-height: 15px;
        text-align: center;
        word-wrap: break-word;
        color: #949596;
        display: inline-block;
        padding: 13px 10px 0px 10px;
    }
    .staff_report_card .report_value{
        width:25%;
        font-family: 'OpenSans-SemiBold' !important;
        font-style: normal;
        font-size: 14px;
        line-height: 19px;
        text-align: center;
        word-wrap: break-word;
        color: #000000;
        display: inline-block;
        padding: 7px 10px 13px 10px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    .report_filter{
        height: 15px;
        width: 15px;
        border-radius: 0px;

    }
    #class_start_time, #class_end_time{
        padding: 10px 15px !important;
        width: 240px !important;
        letter-spacing: 0.11px;
    }
}
 

@media only screen and (min-width:320px) and (max-width:375px){ 
  .widmobile{width: 100%;padding-right: 3px;}
#class_schedule_page .nav-tabs{
    padding-right: 13px;
padding-left: 13px;
}
.dropdown-menu {
    width: 300px;
}
.sidebar-email{
    transition: 0.3s;
}
#details_view .roaster_participant_detail{
    width: 60% !important;
}
 }
 
 /*iphone 5*/ 
@media only screen and (max-width:320px){ 
     #add_appointment_Modal .modal-dialog, #rosterModal .modal-dialog,#remove_participant_Modal .modal-dialog, #removeparticipant .modal-dialog,#add_participant_Modal .modal-dialog {
        width: 250px !important;
    }
}
 
 /*iphone 6, 6s, 7, 8*/ 
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (-webkit-device-pixel-ratio: 2) {
    #add_appointment_Modal .modal-dialog, #rosterModal .modal-dialog,#remove_participant_Modal .modal-dialog, #removeparticipant .modal-dialog, #add_participant_Modal .modal-dialog,#zero_log_unmatched .modal-dialog,#zero_log_unmatched .modal-dialog,
    #zero_log_attendance_popup .modal-dialog,#log_attendance_popup .modal-dialog,#log_attendance_popup .modal-content{
        width: 300px !important;
    }
    .genral_setting_form{
        margin-left: -5px !important;
    }
    .block_help{
        margin-left: -1.1% !important;
    }
    .note_text,#apply_blockout{
        margin-left: 1px !important;
    }
    .class_curved_box_blockout, .blockout_note,.class_blockout_list{
        width:336px !important;
    }
    .class_child_curved_box_blockout{
        width:336px !important;
         margin-left: -8px !important;
    }
    #blockout_date_div{
        margin: 0 0 0 1px !important;
    }
    #blockoutText_end_date,#calendar_block_end{
        margin-left: 15px !important;
    }
    #class_curved_blockout{
        margin-left: 1px  !important;
    }
    #types_edit_section{
        padding-left: 15px !important;
    }
    #appt_time_card{
        padding-left: 16px !important;
    }
    .primary_additional_div{
        padding-left: 35px !important;
    }
    #newcurriculumui .dropdown button,  #newcurriculumui .dropdown .dropdown-menu {
        margin-top: 0 !important;
        width: 220px !important;
        border-radius: 5.91966px;
    }
     .class_appt_cancel-del_btn{
        position: relative !important;
        left: 7px !important;
    }
    .class_appt_save_btn{
        position: relative !important;
        left: 4px !important;
    }
    .appt_type{
        margin-left: -1px !important;
    }
    .appt_cal{
        margin-left: -10px !important;
    }
}

/*iphone 6+, 6s+, 7+, 8+*/ 
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (-webkit-device-pixel-ratio: 3) {
/*      .widmobile{width: calc(100% - 14px) !important;padding-right: 28px  !important;}  */
    #add_appointment_Modal .modal-dialog, #rosterModal .modal-dialog,#remove_participant_Modal .modal-dialog, #removeparticipant .modal-dialog,#add_participant_Modal .modal-dialog,#zero_log_unmatched .modal-dialog,#zero_log_unmatched .modal-dialog,
    #zero_log_attendance_popup .modal-dialog,#log_attendance_popup .modal-dialog,#log_attendance_popup .modal-content{
        width: 350px !important;
    }
    .blockout_datesection{
        margin-left: 6px !important;
    }
    .class_child_curved_box_blockout.blockout_note,.class_blockout_list,.class_child_curved_box_blockout{
        width:350px !important;
    }
    .program_name{
        width: 30% !important;
    }
    #newcurriculumui .dropdown button,  #newcurriculumui .dropdown .dropdown-menu {
        margin-top: 0 !important;
        width: 240px !important;
        border-radius: 5.91966px;
    }
    .program_list{
        width: calc(100% - 6%) !important;
        border-radius: 5.91966px;
    }
    #sub_page_types{
        margin-left: -20px !important;
    }
    #types_edit_section{
        padding-left: 3px !important;
    }
    .class_setting_forms.inner_submenu{
        padding: 0px 30px !important;
    }
    .details_input_style{
        width: 374px !important;
    }
    .settings_toggle{
        left: 46px !important;
    }
    .text_area_bg{
        width: 374px !important;
    }
    .class_appt_cancel-del_btn{
        position: absolute !important;
        left: 20px !important;
    }
    .class_appt_save_btn{
        position: absolute !important;
        left: 155px !important;
    }
    .class_appt_publish-unpublish_btn{
        position: absolute !important;
        left: 285px !important;
    }
    .res_toggle_switch{
        margin-left: 11% !important;
    }
    .res_toggle_switch_hide_section{
        margin-left: 15% !important;
    }
    .currdropdownbox{
        right: 10px !important;
    }
    .times_del_cancel_btn{
        position: relative;
        left: -9px !important;
    }
    .times_save_btn{
        position: relative;
        left: 10px !important;
    }
    #end_date_div,#end_time_div{
        width:40% !important;
        margin-left: 25px !important;
    }
    #end_time_div .modal-cal{
        right: -13px !important;
    }
    .note_text {
        margin-left: 12px !important;
    }
}

 /*iphone X , XS, 11 Pro*/ 
@media only screen and (max-width:641px) and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
    #add_appointment_Modal .modal-dialog, #rosterModal .modal-dialog,#remove_participant_Modal .modal-dialog,#removeparticipant .modal-dialog,#add_participant_Modal .modal-dialog,#zero_log_unmatched .modal-dialog,#zero_log_unmatched .modal-dialog,
    #zero_log_attendance_popup .modal-dialog,#log_attendance_popup .modal-dialog,#log_attendance_popup .modal-content{
        width: 300px !important;
    }
    .block_help{
        margin-left: -1.1% !important;
    }
    .note_text,#apply_blockout{
        margin-left: 1px  !important;
    }
    .class_curved_box_blockout,.blockout_note,.class_blockout_list{
        width:338px !important;
    }
    #blockout_date_div{
        margin: 0 0 0 1px  !important;
    }
    #blockoutText_end_date,#calendar_block_end{
        margin-left: 15px !important;
    }
    #class_curved_blockout{
        margin-left: 1px !important;
    }
    .class_child_curved_box_blockout{
        width:338px !important;
        margin-left: -9px !important;
    }
    .public_url_txt{
        top: 111px !important;
    }
     #types_edit_section{
        padding-left: 15px !important;
    }
    #appt_time_card{
        padding-left: 16px !important;
    }
    #restriction_div label{
        font-weight: 800 !important;
    }
    .primary_additional_div{
        padding-left: 35px !important;
    }
    #newcurriculumui .dropdown button,  #newcurriculumui .dropdown .dropdown-menu {
        margin-top: 0 !important;
        width: 220px !important;
        border-radius: 5.91966px;
    }
     .class_appt_cancel-del_btn{
        position: relative !important;
        left: 7px !important;
    }
    .class_appt_save_btn{
        position: relative !important;
        left: 4px !important;
    }
    .appt_type{
        margin-left: -1px !important;
    }
    .appt_cal{
        margin-left: -10px !important;
    }
}

/*iphone XR, 11*/ 
@media only screen and (max-width:641px) and (device-width : 414px) and (device-height : 896px) and (-webkit-device-pixel-ratio : 2) {
    #add_appointment_Modal .modal-dialog, #rosterModal .modal-dialog,#remove_participant_Modal .modal-dialog, #removeparticipant .modal-dialog, #add_participant_Modal .modal-dialog,#zero_log_unmatched .modal-dialog,#zero_log_unmatched .modal-dialog,
    #zero_log_attendance_popup .modal-dialog,#log_attendance_popup .modal-dialog,#log_attendance_popup .modal-content{
        width: 300px !important;
    }
    .class_curved_box_blockout, .blockout_note,.class_blockout_list,.class_child_curved_box_blockout{
        width:352px !important;
    }
    #blockout_date_div{
        margin: 0 0 0 12px !important;
    }
    .note_text,#apply_blockout{
        margin-left: 12px !important;
    }
    #class_curved_blockout{
        margin-left: 12px !important;
    }
    #sub_page_types{
        margin-left: -20px !important;
    }
     #types_edit_section{
        padding-left: 3px !important;
    }
    .class_setting_forms.inner_submenu{
        padding: 0px 30px !important;
    }
    .details_input_style{
        width: 374px !important;
    }
    .settings_toggle{
        left: 46px !important;
    }
    .text_area_bg{
        width: 374px !important;
    }
    .class_appt_cancel-del_btn{
        position: absolute !important;
        left: 20px !important;
    }
    .class_appt_save_btn{
        position: absolute !important;
        left: 155px !important;
    }
    .class_appt_publish-unpublish_btn{
        position: absolute !important;
        left: 285px !important;
    }
    .res_toggle_switch{
        margin-left: 11% !important;
    }
    .res_toggle_switch_hide_section{
        margin-left: 15% !important;
    }
     #newcurriculumui .dropdown button,  #newcurriculumui .dropdown .dropdown-menu {
        margin-top: 0 !important;
        width: 240px !important;
        border-radius: 5.91966px;
    }
    .currdropdownbox{
        right: 10px !important;
    }
    .program_list{
        width: calc(100% - 6%) !important;
        border-radius: 5.91966px;
    }
    .times_del_cancel_btn{
        position: relative;
        left: -9px !important;
    }
    .times_save_btn{
        position: relative;
        left: 10px !important;
    }
    #end_date_div,#end_time_div{
        width:40% !important;
        margin-left: 25px !important;
    }
    #end_time_div .modal-cal{
        right: -13px !important;
    }
}

/*iphone XS Max, 11 Pro Max*/ 
@media only screen and (max-width:641px) and (device-width : 414px) and (device-height : 896px) and (-webkit-device-pixel-ratio : 3) {
    #add_appointment_Modal .modal-dialog, #rosterModal .modal-dialog,#remove_participant_Modal .modal-dialog, #removeparticipant .modal-dialog,#add_participant_Modal .modal-dialog,#zero_log_unmatched .modal-dialog,#zero_log_unmatched .modal-dialog,
    #zero_log_attendance_popup .modal-dialog,#log_attendance_popup .modal-dialog,#log_attendance_popup .modal-content{
        width: 300px !important;
    }
    .class_curved_box_blockout, .blockout_note,.class_blockout_list{
        width:350px !important;
    }
    .class_child_curved_box_blockout{
        width:350px !important;
        margin-left: 4px !important;
    }
    #blockout_date_div{
        margin: 0 0 0 12px !important;
    }
    .note_text,#apply_blockout{
        margin-left: 12px !important;
    }
    #class_curved_blockout{
        margin-left: 12px !important;
    }
    #sub_page_types{
        margin-left: -20px !important;
    }
     #types_edit_section{
        padding-left: 3px !important;
    }
    .class_setting_forms.inner_submenu{
        padding: 0px 30px !important;
    }
    .details_input_style{
        width: 374px !important;
    }
    .settings_toggle{
        left: 46px !important;
    }
    .text_area_bg{
        width: 374px !important;
    }
    .class_appt_cancel-del_btn{
        position: absolute !important;
        left: 20px !important;
    }
    .class_appt_save_btn{
        position: absolute !important;
        left: 155px !important;
    }
    .class_appt_publish-unpublish_btn{
        position: absolute !important;
        left: 285px !important;
    }
    .res_toggle_switch{
        margin-left: 11% !important;
    }
    .res_toggle_switch_hide_section{
        margin-left: 15% !important;
    }
     #newcurriculumui .dropdown button,  #newcurriculumui .dropdown .dropdown-menu {
        margin-top: 0 !important;
        width: 240px !important;
        border-radius: 5.91966px;
    }
    .currdropdownbox{
        right: 10px !important;
    }
    .program_list{
        width: calc(100% - 6%) !important;
        border-radius: 5.91966px;
    }
    .times_del_cancel_btn{
        position: relative;
        left: -9px !important;
    }
    .times_save_btn{
        position: relative;
        left: 10px !important;
    }
    #end_date_div,#end_time_div{
        width:40% !important;
        margin-left: 25px !important;
    }
    #end_time_div .modal-cal{
        right: -13px !important;
    }
}

/*iphone 12 Pro Max*/ 
@media only screen and (min-device-width : 428px) and (max-device-height : 926px) and (-webkit-device-pixel-ratio : 3) {
    #add_appointment_Modal .modal-dialog, #rosterModal .modal-dialog,#remove_participant_Modal .modal-dialog, #removeparticipant .modal-dialog, #add_participant_Modal .modal-dialog,#zero_log_unmatched .modal-dialog,#zero_log_unmatched .modal-dialog,
    #zero_log_attendance_popup .modal-dialog,#log_attendance_popup .modal-dialog,#log_attendance_popup .modal-content{
        width: 350px !important;
    }
    .class_curved_box_blockout, .blockout_note,.class_blockout_list{
        width:357px !important;
    }
    .note_text,#apply_blockout{
        margin-left: 15px !important;
    }
    #blockout_date_div{
        margin: 0 0 0 15px !important;
    }
    #class_curved_blockout{
        margin-left: 15px !important;
    }
    .class_child_curved_box_blockout{
        width:357px !important;
        margin-left: 5px !important;
    }
    #sub_page_types{
        margin-left: -20px !important;
    }
    #types_edit_section{
        padding-left: 3px !important;
    }
    .class_setting_forms.inner_submenu{
        padding: 0px 30px !important;
    }
    #class_appt_registration .class_setting_forms.inner_submenu{
        padding: 0px 30px !important;
    }
    .details_input_style{
        width: 384px !important;
    }
    .settings_toggle{
        left: 46px !important;
    }
    .text_area_bg{
        width: 384px !important;
    }
    .class_appt_cancel-del_btn{
        position: absolute !important;
        left: 20px !important;
    }
    .class_appt_save_btn{
        position: absolute !important;
        left: 155px !important;
    }
    .class_appt_publish-unpublish_btn{
        position: absolute !important;
        left: 285px !important;
    }
    .res_toggle_switch{
        margin-left: 11% !important;
    }
    .res_toggle_switch_hide_section{
        margin-left: 15% !important;
    }
     #newcurriculumui .dropdown button,  #newcurriculumui .dropdown .dropdown-menu {
        margin-top: 0 !important;
        width: 240px !important;
        border-radius: 5.91966px;
    }
    .currdropdownbox{
        right: 10px !important;
    }
    .program_list{
        width: calc(100% - 6%) !important;
        border-radius: 5.91966px;
    }
    .times_del_cancel_btn{
        position: relative;
        left: -9px !important;
    }
    .times_save_btn{
        position: relative;
        left: 10px !important;
    }
    #end_date_div,#end_time_div{
        width:40% !important;
        margin-left: 25px !important;
    }
    #end_time_div .modal-cal{
        right: -13px !important;
    }
}
#search-participant-result-content .date_wid{
    width: 90px !important;
    max-width: 90px !important;
}
#search-participant-result-content .time_wid{
    width: 60px !important;
    max-width: 60px !important;
}
#search-participant-result-content .detail_wid{
    width: 90px !important;
    max-width: 90px !important;
}
#search-participant-result-content .table_head{
    padding: 10px 0px 5px 15px !important;
}
#search-participant-result-content #DataTables_Table_class_search_participant >tbody>tr>td:last-child{
    padding: 10px 15px 5px 0px !important;
}
.fw-600{
    font-weight: 600 !important;
}
.droplabelcustom{
    margin : 3px 0px 3px 7px;
    color:black;
    cursor:pointer;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
   .section_name{
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 18px;
    text-align: center;
    color: #000000; 
}
.tempdisable{
    pointer-events: none;
    opacity: 0.4;
}
.text_right{
    text-align: right;
}
 .desktop{
    display: block;            
}
.mobile{
    display: none;            
}   

 /*ALLTASK Desktop Starts*/
 .container_check input:checked ~ .checkmark:after {
    display: block;
}
 .checkellipsis{
     border:none;
     width: 100%;
     text-overflow: ellipsis;
     white-space: nowrap;
     overflow: hidden;
     padding-right:10px;
 }
 #fileUpload{
     opacity: 0.0;
     position: absolute;
     bottom: 18px;
     right: -158px;
     width: 42%;
     cursor: pointer;
 }
 .tagList{
    position:absolute;
    background: rgb(255, 255, 255);
    box-shadow: rgb(213 213 213) 0px 2px 7px;
    border-radius: 8.87949px;
    height: auto;
    border: none;
    text-align: left;
    color: black;
    font-family: Open Sans;
    font-size: 16px;
    /* max-height: 195px; */
    z-index: 99999;
    margin-bottom: 9px;
    width: 350px;
    margin-left: 0px !important;
 }
 .staffTagList :hover{
     background-color: #e5e5e5;
     padding-left: 20px;
     margin-left: -20px;
 }
 .disableFutureAllButton{
     pointer-events : none;
     opacity:0.5;
 }
 .enableFutureAllButton{
    cursor:pointer;
}
 .staffTagList{
     padding-left: 20px;
     padding-top: 3px;
 }
 #wrapper {
	width: 600px;
	/*margin: 15px auto;*/
	position: relative;
}
.disableComment{
    pointer-events:none;
    opacity: 0.7;
}
.mention {
	display: inline;
	position: relative;
        font-size:14px;
}
.mention:not(.ignore) {
    padding: 1px 5px 1px 4px;
    border-radius: 40px;
    background-color: #d8d8d8;
    color: black;
}
.mention:not(.ignore).focused {
	color: #009A61;
}
.mention.ignore.focused {
	color: #009A61;
}

.hidden {
	display: none;
}

#mention-select-choices ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#mention-select-choices li {
	cursor: pointer;
	padding: 10px;
}
#mention-select-choices li.hover {
	background: #e5e5e5;
}
/* .accesshide{
     pointer-events: none;
     opacity:0.5;
 }
 .accessshow{
     pointer-events: auto;
 }*/
 .ui-timepicker-wrapper{
     width:13.5em;
     left: 729.4px;
 }
 li.ui-timepicker-selected, .ui-timepicker-list li:hover, .ui-timepicker-list .ui-timepicker-selected:hover {
     background: #f7f7f7;
     color:black;
 }
#taskoverall .datepicker th{
     font-family: Open Sans;
     font-style: normal;
     font-weight: bold;
     font-size: 16.1516px;
     line-height: 22px;
     text-align: center;
     letter-spacing: 0.121137px;
     color: #9F9F9F;
 }
 #taskoverall .datepicker-switch {
     color:black !important;
     font-size: 18.6364px;
     line-height: 25px;
     font-family: Open Sans;
 }
#taskoverall .datepicker td {
     font-family: Open Sans;
     font-style: normal;
     font-weight: normal;
     font-size: 14.9091px;
     line-height: 20px;
     text-align: center;
     letter-spacing: 0.121137px;
     /*color: #000000;*/
 }
 #taskoverall .datepicker td.day{
     color: #000000;
 }
 #taskoverall .datepicker td.old ,  #taskoverall .datepicker td.new{
     color: #9F9F9F;
 }
 #taskoverall .fa{
     color:black
 }
 #taskoverall table {
     background-color: #F6F6F6;
     margin-left: -2px;
     margin-right:-2px;
 }
 #taskoverall .table-condensed > tbody > tr > td {
     padding: 6px 0px 6px 0px;
 }
 #taskoverall .table-condensed > thead > tr > th{
     padding: 10px 0px 10px 0px;
 }
 #taskoverall .datepicker td, .datepicker th{
     width:auto;
     height:auto;
 }
 #taskoverall .datepicker th{
     color: #9F9F9F;
 }
 #taskoverall .datepicker th , #taskoverall .datepicker td{
     font-family: Open Sans;
     font-style: normal;
     font-weight: 600;
     font-size: 12px;
     line-height: 5px;
     text-align: center;
     /*color: #9F9F9F;*/
 }
 #taskoverall .datepicker-inline {
    width: auto;
}
 #taskoverall td.day.grey_circle{
     background: #A1A4A7;
     border-radius: 50%;
     color: white;
 }
 #active_Calendar td.day.grey_circle , #completed_Calendar td.day.grey_circle , #task_Calendar td.day.grey_circle{
     background: #A1A4A7;
     border-radius: 50%;
     color: white;
     pointer-events: auto;
 }
 #taskoverall td.day.red_circle{
     background: #E42C1F;
     opacity: 0.4;
     border-radius: 50%;
     color: white;
 }
  #taskoverall td.day.green_circle , #task_Calendar td.day.green_circle{
     background: #429565;
     border-radius: 50%;
     color: white;
 }
 #past_Calendar td.day.red_circle , #task_Calendar td.day.red_circle{
     background: #E42C1F;
     opacity: 0.4;
     border-radius: 50%;
     color: white;
     pointer-events: auto;
 }
 #taskoverall tbody .day ,#active_Calendar tbody .day ,#past_Calendar tbody .day ,#completed_Calendar tbody .day , #task_Calendar tbody .day{
     pointer-events: none;
 }
 #taskoverall .datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover{
     background-color: #429565 !important;
     border-radius: 50%;
     background-image: none !important;
     color:white !important;
     opacity:2;
 }
 #taskoverall .day div {
     padding: 6px;
     font-size: 11px;
 }
 #active_Calendar .table-condensed > tbody > tr > td , #past_Calendar .table-condensed > tbody > tr > td , #completed_Calendar .table-condensed > tbody > tr > td{
     padding:12px;
 }
 #active_Calendar .datepicker-switch , #past_Calendar .datepicker-switch , #completed_Calendar .datepicker-switch{
     font-family: Open Sans;
     font-style: normal;
     font-weight: bold;
     font-size: 18.6603px;
     line-height: 25px;
     text-align: center;
     letter-spacing: 0.121292px;
     color: #000000;
 }
 #active_Calendar thead .dow , #past_Calendar thead .dow , #completed_Calendar thead .dow{
     font-family: Open Sans;
     font-style: normal;
     font-weight: bold;
     font-size: 16.1723px;
     line-height: 22px;
     text-align: center;
     letter-spacing: 0.121292px;
     color: #9F9F9F;
 }
 #active_Calendar .day , #past_Calendar .day, #completed_Calendar .day{
     font-family: Open Sans;
     font-style: normal;
     font-weight: normal;
     font-size: 14.9283px;
     line-height: 20px;
     text-align: center;
     letter-spacing: 0.121292px;
     color:black;
 }
 #active_Calendar .old , #past_Calendar .old, #completed_Calendar .old , #active_Calendar .new , #past_Calendar .new, #completed_Calendar .new{
     color:#9F9F9F;
 }
/* #active_Calendar .active , #past_Calendar .active, #completed_Calendar .active{
     background-color: #429565 !important;
     border-radius: 50%;
     background-image: none !important;
     color:white !important;
 }*/
 .cursor{
     cursor:pointer;
     border:none;
     width:80%;
 }
 .taskinputfield , .commenttaskinputfield , .inputtextfield{
     background: #FFFFFF;
     box-shadow: 0px 2px 7px #D5D5D5;
     border-radius: 8.87949px;
     height:40px;
     border:none;
     width:100%;
     text-align:left;
     padding-left:10px;
     padding-right:10px;
     color:black;
     font-family:Open Sans;
     font-size:16px;
 }
  .taskinputfielddisable{
     background: #FFFFFF;
     box-shadow: 0px 2px 7px #D5D5D5;
     border-radius: 8.87949px;
     height:40px;
     border:none;
     width:100%;
     text-align:left;
     padding-left:10px;
     padding-right:10px;
     color:black;
     font-family:Open Sans;
     font-size:16px;
     opacity: 0.4;
     pointer-events: none;
 }
 .Add_task_txt{
     font-family: Open Sans;
     font-size: 14px;
     font-style: normal;
     font-weight: 600;
     line-height: 19px;
     letter-spacing: 0px;
     text-align: left;
     color: #009A61;
     margin-left:5px;
     cursor:pointer;
 }
 .add_task_title{
     font-family: Open Sans;
     font-style: normal;
     font-weight: bold;
     font-size: 14px;
     line-height: 19px;
     color: #000000;
     text-align: left;
     letter-spacing: 0.09px;
 }
 .add_template_title{
     font-family: Open Sans;
     font-style: normal;
     font-weight: bold;
     font-size: 14px;
     line-height: 19px;
     color: #000000;
     text-align: left;
     letter-spacing: 0.09px;
 }
 .add_task_titledisable{
     font-family: Open Sans;
     font-style: normal;
     font-weight: bold;
     font-size: 14px;
     line-height: 19px;
     color: #000000;
     text-align: left;
     letter-spacing: 0.09px;
     opacity: 0.5;
     pointer-events: none;
 }
 .modal-calc{
     border-left-color: rgb(216, 216, 216);
     border-left-style: solid;
     border-left-width: 1px;
     padding: 12px 10px 11px 11px;
     border-top-right-radius: 7px !important;
     border-bottom-right-radius: 7px !important;
     border-left: transparent;
     background-color: #8080801a;
     /*width: 34px;*/
     border-left: solid 1px #D8D8D8;
     width:20%;
 }
 .buttonsStyle{
     box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25) !important;
     border-radius: 8px !important;
     max-height:40px;
     border: 0px !important;
     padding:10px !important;
 }
 .calender_icon{
     width:20px;
     height:20px;
     float:right;
     cursor: pointer;
     margin-top:10px;
 }
 .taskcard{
     /*width:375px;*/
     height:110px;
     background: #FFFFFF;
     box-shadow: 0px 2px 7px #D5D5D5;
     margin-bottom: 1px;
     padding:10px;
 }
 .cstm-field-input .cstm_setup_input{
     background: #fff;
     height: 45px;
     /* box-shadow: 0px 2px 7px 0px rgba(0,0,0,0.25); */
     border-radius: 12px;
     font-size: 16px;
     font-weight: 700;
     line-height: 28px;
     padding-left: 30px;
     padding-right: 125px;
     text-overflow: ellipsis;
     margin-bottom: 0!important;
 }
 #chooseweekdays input[type="checkbox"]:not(:checked), 
 #chooseweekdays input[type="checkbox"]:checked {
     position: absolute;
     left: -9999%;
 }

 #chooseweekdays input[type="checkbox"] + label {
     display: inline-block;
     padding: 10px;
     cursor: pointer;
     background: #FFFFFF;
     box-shadow: 0px 2px 7px #D5D5D5;
     border-radius: 8.87949px;
     color: #979797;
     background-color: white;
     font-weight: 500;
     font-size:21px;
     width:48px;
     height:45px;
     line-height: 29px;
 }

 #chooseweekdays input[type="checkbox"]:checked + label {
     box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.25);
     border-radius: 12px;
     color: white;
     background-color: #009A61;
     font-weight: 800;
     font-size: 21px;
     line-height: 29px;
     color: #FFFFFF;
 }
 .text-blot{  
     text-decoration: line-through;
 }
 #showAddTask ul , #task_all ul , #task_history ul ,#mySidebar-taskTemplate ul, #task_per .dropdown ul{
     top:0;height:auto;
     max-height:250px;
     overflow-y: auto;
     padding-top:5px;
     padding-bottom:5px;
 }
 #showAddTask ul li label ,#task_all ul li label , #task_history ul li label , #addTaskSection ul li label , #mySidebar-taskTemplate ul li label, #task_per .dropdown ul li label{ 
     font-size: 16px;
     line-height: 19px;
     color: #000000;
     font-weight:400;
 }
 .searchtaskinput{
     background-image: url(6c198d0ab8ca6860587324104fe2fc4a.png);
     background-position: 10px center;
     background-repeat: no-repeat;
     padding: 5px 5px 5px 10px;
     padding-top: 5px;
     text-indent: 23px;
     background-size: 16px 16px;
 }
 
 .blockout_calendar_img{
     background-image: url(93a7a2986a89581f4399c696b5adf96d.png);
     width: 13px;
     padding: 6.5px;
     background-size: cover;
     margin: 0px;
 }
 .scrollshow{
     max-height:calc(90vh - 150px);
     overflow-y:auto;
 }
 .scrollhide{
     height:auto;
     overflow-y: auto;
     max-height:500px;
     /*pointer-events: none;*/
 }
 img{
     cursor: pointer;
 }
 .dropdown input{
     cursor: pointer;
 }
 
 
  /* card design css starts */
 .info_card{
    background: #FFFFFF;    
    padding: 13px 25px;
    left: 0;
    position: relative;
    width: 100%;
    right: 0; 
    box-shadow: 0px 2px 7px #d5d5d5;
    height:120px;
    margin-top:1px;
    cursor: pointer;
}

.info_card:first-of-type{
    box-shadow: 0px 2px 7px #D5D5D5 !important;
    height:120px;
}
.flex_card{
    display: flex;
    align-items: center;
}

.green_circle{
    width: 39px;
    height: 39px;
    border: 1.42513px solid #009A61;
    margin-right: 20px;
    margin-bottom: 0;
    border-radius:50%;
}
.gray_check{
    width: 39px;
    height: 39px;
    margin-right: 20px;
}
.name {
    color: #949596;
    font-size: 11px;
    line-height: 15px;
    font-weight: 400;
    margin-bottom: 0;
    margin-top: 6px;
    text-transform: uppercase;
    text-overflow: ellipsis;
    max-width: 80%;
    white-space: nowrap;
    overflow: hidden;
}
.task_detail{
    width: 70%;
}
.type{
    font-style: normal;
    font-weight: 500;
    font-size: 16.25px;
    line-height: 22px;
    letter-spacing: -0.409835px;
    color: #000000;
    text-overflow: ellipsis;
    max-width: 100%;
    white-space: nowrap;
    margin: 10px 0 20px;
    overflow: hidden;
}
.type_comp{
    color: #8F8F8F;
    font-weight: 400;
}
.checkbox_div{
    float: left;
    width: 38px;
    position: relative;
    top: -8px;
    padding-left: 13px;
}
.checkbox_div input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkbox_div .checkmark {
  position: absolute;
  top: 5px;
  left: 0;
  height: 10px;
  width: 10px;
background-color: #A3A3A3;
  border-radius: 1px;
}
  
 .checkbox_div .circlemark {
  position: absolute;
  top: -12px;
  left: -10px;
  height: 39px;
  width: 39px;
/*background-color: #A3A3A3;*/
  border-radius: 50%;
  border: 1.42513px solid #009A61;
}
.checkbox_div .circlemark_tick {
    left: 15px;
    top: 6px;
    width: 7px;
    height: 20px;
    border: solid #009A61;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
}
#completed_list .checkbox_div .circlemark_tick{
    border: solid #8F8F8F;;
    left: 15px;
    top: 6px;
    width: 7px;
    height: 20px;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
}
#completed_list .checkbox_div .circlemark{
    border: 1.42513px solid #8F8F8F;
}
.checkbox_div .checkmark_tick {
    left: 4px;
    top: 1px;
    width: 3px;
    height: 7px;
    border: solid white;
    border-width: 0 1px 1px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
}


/*.checkbox_div .checkmark.check_full {
  border: 1px solid #009A61;  
}
.checkbox_div input:checked ~ .checkmark {
  background-color: #A3A3A3;
}*/

.checkbox_div  .checkmark.check_full {
  background-color: #009A61;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after,  .checkmark_tick:after , .circlemark_tick::after{
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
/*.checkbox_div input:checked ~ .checkmark:after {
  display: block;
}*/

/* Style the checkmark/indicator */
/*.checkbox_div .checkmark:after {
    left: 3px;
    top: 0px;
    width: 3px;
    height: 7px;
    border: solid white;
    border-width: 0 1px 1px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}*/
 
.checkbox_div label{
    font-size: 12px;
    line-height: 16px;
    color: #A3A3A3;
    margin-bottom: 0;
}
/*.progress {
    height: 7px;
    margin-bottom: 7px;
    background-color: #C4C4C4;
    border-radius: 2px;
}
.progress .progress-bar {
    box-shadow: none;
}*/
progress {
    border:none;
    height: 7px;
    margin-bottom: 7px;
    background-color: #C4C4C4;
    border-radius: 2px;
    width:70%;
}
progress::-moz-progress-bar {
    background-color: #009a61;
}
#completed_list progress::-moz-progress-bar{
    background-color:#c4c4c4;
}
#completed_list  progress::-webkit-progress-value{
    background-color:#c4c4c4;
}
#completed_list progress{
    color:#AFAEAE;
}
/*For Chrome or Safari*/ 
progress::-webkit-progress-value {
    background-color: #009a61;
}
/*For IE10*/ 
progress {
    color: #009a61;
}
progress[value]::-webkit-progress-bar {
  background-color: #c4c4c4;
}
.due_date{
    background: #E42C1F;
    border-radius: 5px;
    padding: 3px 5px;
    font-weight: 500;
    font-size: 11px;
    line-height: 15px;
    text-align: right;
    color: #FFFFFF;
    position: absolute;
    top: 15px;
    right: 25px;
    text-transform: uppercase;
}
/*.due_date_bg0{
    background: none;
    color: #949596;
    top: 16px;
}*/

.graybg{
   background:#C4C4C4;
}
.gray_circle{
    background: #555555;
    width: 28px;
    height: 28px;
    border-radius:50%;
    position: absolute;
    right: 25px;
    bottom: 10px;
    font-size: 13.3218px;
    line-height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    text-transform: uppercase;
    
}
  /*card design css end*/

    /* activity design css */

   .act_p1{
     font-weight: bold;
     font-size: 14px;
     line-height: 19px;
     color: #000 !important;
     margin-bottom: 5px;
 }
 .act_p2{
     font-size: 12px;
     line-height: 16px;
     color: #777777 !important;
     margin-bottom: 2px;
 }
 .act_p3{
     font-size: 16px;
     line-height: 22px;
     letter-spacing: -0.440255px;
     font-weight: 400;
     color: #000 !important;
     width: 60%;
     margin-bottom: 2px;
 }
 .tag_gray{     
     background: #E5E5E5;
     border-radius: 10px;
     padding: 3px 7px;
 }
 .sub_act{
margin-top: 30px
 }
  .sub_act:first-child{
     margin-top: 0px
 }
 .view_txt{
 color:#009A61 !important;
 font-weight:500;
 cursor: pointer;
 }
    /*activity design css end*/

 
  .task_history_section{
      border: 1px solid #CDD0D5;
      box-sizing: border-box;
      border-radius: 10px;
      padding: 50px 16px 50px 30px;
    margin-top: 82px;
    width: 75%;
  }
  #fileUpload{
    opacity: 0;
    width: 25px;
    position: absolute;
    right: -17px;
    bottom: 19px;
    bottom: 2px; 
  }
  .history_section_scroll{
      width:100%;
      clear: both;
      overflow-x: auto; 
      max-height: 500px;
      padding-bottom: 120px;
  }
    
.history_section_scroll::-webkit-scrollbar {
  width: 20px;
}
 
/* Handle */
.history_section_scroll::-webkit-scrollbar-thumb {
   background: #E4E4E4;
border-radius: 7px;
}

    
 /*ALLTASK Desktop Ends*/

 
/* tab view*/

@media only screen and (min-device-width: 768px) and (max-device-width: 1200px) and (-webkit-min-device-pixel-ratio: 2){

.left_col{
  position: fixed;
  top:0;
}
.right_top_nav {
    position: fixed;
    z-index: 999;
    width: 100%;
    top: 0;
}
}

  @media only screen and (max-width : 1025px){
  .container {
      max-width: 1024px;
  }
  .right_col{
      margin-left: 250px !important;
      padding:0 !important;
      overflow-x: scroll;
  }
  .left_col{
      position: fixed;
      top:0;
      left:0;
  }
.right_top_nav {
    position: fixed;
    z-index: 999;
    width: 100%;
    top: 0;
    right: 0;
    left: 0;
}    
  }
        
  @media only screen and (max-width : 768px){
 
#task_all {
    width: calc(100% + 80%) !important;
}
  }
        
 
  /*Mobile view styles start*/

  @media only screen and (max-width: 640px) {
      
  .name {
    margin-top: 13px;
    max-width: 67%;
  }    
  .type {
    margin: 10px 0 15px;
  }
  .info_card:first-of-type {
    border-top: none;
}
.info_card {
    padding: 13px 23px;
    margin-top: 0px;
}
 .bg-lightgrey {
    background: #F7F7F8 none repeat scroll 0 0;
}    

#addTaskSection{
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.x_panel_class_calendar {
    min-height: calc(100vh - 100px);
    background: white;
    width: 100%;
    display: inline-block;
    border: 0;
    border-top: 1px solid #e8e8e8;
    margin: 0px;
    padding: 25px 15px;   
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
}
 .navbar {
    position: fixed;
    padding: 15px 0 0px;
     background: #F7F7F8;
    width: 100%;
    height: 45px;
    top: 0;
    z-index: 9;
    left:0;
    right:0; 
    box-shadow: 0px 1px 0px rgb(0 0 0 / 15%);
 }
  .navbar img{
      width:21px;
      top:11px
  }
 
 .side_menu{
     position: absolute; 
     left: 17px;
     top: 16px !important;     
 } 
 
 
 
  .nav_add_icon{
     position: absolute; 
     right: 16px;   
 }
 
  .back_icon{
     position: absolute; 
     left: 15px;
     width:9px !important;
     top: 16px !important;
 }
 
.desktop{
     display: none;            
 }
 .mobile{
     display: block;            
 }  
 
  
  .nav-tabs {
    min-width: 100%;
    background: #FFFFFF;
    border: 1px solid #DFE3E9;
    /*display: inline-flex;*/
/*    justify-content: flex-start;
    align-items: center;*/
    top: 45px;
    left: 0;
    right: 0;
    position: fixed;
    z-index: 9;
    height: 42px !important;
 }
 .nav.nav-tabs>li>a {
    padding: 12px 5px 8px;
    margin-left: 17px;
}

.task-active {
     color: #009a61 !important;   
     font-weight: 500  !important;    
     border-bottom: 3px solid #009a61 !important;
     background-color: transparent !important;
     padding-bottom: 8px !important;
     padding-top: 17px !important;
}
  
 
.nav-tabs>li>a{
     border: 0;
     color: #8F8F8F;
     font-weight: 400;
     font-size: 12px;
     line-height: 16px;
}
.nav-tabs>li {
    margin-bottom: 5px;
}
.nav-tabs>li>a:hover {
    border-color:transparent;
}
 .task_calendar{
background: #FFFFFF;
border: 0.960784px solid #DFE3E9;
box-shadow: 0px 1.92157px 4.80392px rgba(210, 210, 210, 0.5);
border-top: 0;
 position: absolute;
padding: 10px 10px 5px;
z-index: 9;
left: 0;
right: 0;
 top: 0;
 }
 .alltask_tab{
  position: relative;
  margin-top: 52px;
  padding-top: 68px;
  
 }
  .alltask_tab_staff{
  margin-top: 52px !important;  
 }
 .calendar_icon {
    position: absolute;
    right: 27px;
    top: 12px;
    width: 21px;
}
.task_calendar p {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 25px;
    letter-spacing: 0.0890923px;
    color: #000000;
    text-align: right;
    margin-right: 48px;
}
.task{
    top: 5px;
    left: 8px;
}
 
.dropdown{
    display: block;
    margin-top: 20px;
}
 .dropdown-menu li {
    border: none;
}
 .task_sort-active{
     color: #009a61!important;  
     font-weight: 600 !important;
     background-color: transparent !important;
     border-bottom: 3px solid #009a61 !important;
     padding-top: 15px !important;
}
.add_task_title{
    margin-top: 17px;
    padding: 0 25px;
    margin-bottom: 8px;
    font-weight: 600;
}


.searchtaskinput.taskinputfield::-webkit-input-placeholder , .searchtaskinput.inputtextfield::-webkit-input-placeholder {
    color: #999999;
    font-weight: 400;
}
/*.searchtaskinput{
     background-image: url("../image/search.png");
}*/
/*.all-task_scroll{
    overflow: scroll;
    height: calc(100vh - 320px);
    position: absolute;
    width: 100%;
}*/
.sub_header{
    display:block;
    position:fixed;
    width:100%;
    top:0;
    z-index:9;
    left:0;
    right:0;
    background:#f7f7f8;
}

.add_task_scroll{
    padding: 20px 25px;
    position: absolute;
    top: 30px;
    overflow-x: scroll;
    height: calc(100vh - 100px) !important;
    padding-bottom: 120px;
    width: 100%
}
.add_task_scroll .add_task_title {
    padding: 0;
    font-weight: 700;
    margin-top: 25px;
}
.add_task_scroll .dropdown {
    margin-top: 12px;
}
.add_task_scroll input::-webkit-input-placeholder,.add_task_scroll  .taskinputfield::-webkit-input-placeholder , .add_task_scroll  .inputtextfield::-webkit-input-placeholder {
    color: #afafaf !important;
    font-weight: 400 !important;
}

.add_task_scroll .dropdown-menu {
/*    top: 0;
    height: 145px !important;
    padding-top: 0;*/
        top: 0;
    height: auto;
    max-height: 250px;
    overflow-y: auto;
    padding-top: 5px;
    padding-bottom: 5px;
}
.add_task_scroll .dropdown_filter_check{
    margin-bottom: 0;
}
.add_task_scroll .dropdown_filter_check label{
    font-weight: 400;
    font-size: 16px;
}

.add_task_scroll  .dropdown_filter_check {
    padding: 0 8px 0 25px;
}
.add_task_scroll  .drop_up{
    margin-right: 5px;
    margin-top: 13px;
}

.sidebar-email{
    border: none;
}
 .datepicker-inline {
    width: 100%;
    padding: 10px;
}

.datepicker table {
    margin: 0 auto;
    width: 100%;
}
 

.datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover {
    background: #e3e3e3 !important;
    border-radius: 50%;
}

.table-condensed>tbody>tr>td, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>td, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>thead>tr>th {
    padding: 10px;
    width: 40px !important;
}
.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover {
    background: #009A61 !important;
    border-radius: 50%;
    color: #fff !important;
}

.datepicker-switch{
    font-size: 15px;
}
.datepicker th {
   font-size: 14px;
   line-height: 16px; 
   color: #9F9F9F;
}

.modal-dialog {
    position: absolute;
    top: 50% !important;
    left: 50%;
    -moz-transform: translateX(-50%) translateY(-50%) !important;
    -webkit-transform: translateX(-50%) translateY(-50%) !important;
    transform: translateX(-50%) translateY(-50%) !important;
    margin: 0 !important;
}
.action_bot{
    display: flex;
    background: #fff;
    /*padding: 0 14px;*/
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
    right: 0;
    height: 68px;
    border-top: 1px solid #DFE3E9;
    padding-left:14px;
    padding-right:14px;
}
.white-button {
    color: #979797;
    height: 40px;
    font-size: 14px;
    margin: 14px 0;
}
.green-button{
     font-size: 14px;
    margin: 14px 0;
}
.container_check .checkmark {
    height: 14px;
    width: 14px;
}
#chooseweekdays input[type="checkbox"] + label {
    cursor: pointer;
    font-weight: 400;
    font-size: 16px;
    width: 38px;
    height: 36px;
    line-height: 23px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.add_task_scroll .cstm-field-checkbox .container_check input , #showAddTask_mobile .cstm-field-checkbox .container_check input{
    left: 0px;
}
.add_task_scroll .cstm-field-checkbox .container_check label , #showAddTask_mobile .cstm-field-checkbox .container_check label{
    margin-left: 0px;
}
.add_task_scroll .cstm-field-checkbox .container_check .checkmark , #showAddTask_mobile .cstm-field-checkbox .container_check .checkmark{
    left: 0px;
}
#chooseweekdays input[type="checkbox"]:checked + label {
    font-weight: 500;
    font-size: 16px;
    line-height: 23px;
}
.green-button + .green-button {
    margin-top: 14px;
}

/*  #occurrences, #taskEndDate, #taskEndDate_M{
     color: #afafaf !important;
     font-weight: 400;
    font-size: 15px;
 }*/
 #taskStartDate, #taskSelectTime{
    font-weight: 400;
    font-size: 15px;
     color: #000 !important;
 }
.add_task_scroll .drop_down {
    margin-top: 16px;
}
 .modal-calc {
    border-left-color: #efefef;
    border-left-width: 0.943548px;
    padding: 12px 5px 11px 8px;
 }
 .blockout_calendar_img {
    width: 15px;
    padding: 8px;
 }
 #detail_textarea_modal .count-text{
     font-size: 12.5948px;
     line-height: 17px;
     text-align: right;
     color: #999999;
     margin-top: 3px;
}
.det_head{
    font-size: 15px !important;
    line-height: 26px;
    font-weight: 600;
}

#detail_textarea_modal textarea{
    resize: none;
    box-shadow: 0px 2.09913px 7.34694px rgba(181, 181, 181, 0.5);
    border-radius: 10.4956px;
    border: 0;
    font-size: 17px;
    width: calc(100% - 32px);
    margin: 15px 0 10px;
    background: #F4F6F8;
}

#detail_textarea_modal .modal-footer .button:last-child{
    border-radius: 0 0 10px 10px!important;
    margin-top: 0;
    color: #777;
}
#detail_textarea_modal .modal-footer .button{
    border-radius: 0;
    height: 59px;
    font-size: 16px !important
}
  
.task_detail_popup .add_task_title {
    margin-top: 10px;
    padding: 0px;
    font-size: 12px;
}
 .task_detail_popup .taskinputfield  , .task_detail_popup .inputtextfield{
    background: #FFFFFF;
    box-shadow: none;
    height: 40px;
    padding-left: 0;
    padding-right: 0;
    color: #000;
    font-size: 14px;
} 
/* .linethrough{
 text-decoration: line-through; 
 }*/
  .linethrough_field{
 width:88%;
 display: flex;
 cursor: pointer;
 padding: 16px !important;
 box-shadow: 0 2px 7px #d5d5d5 !important;
 align-items: center;
 }
 .activity_section{
 display: flex;
 width: 100%;
 position: relative;
 margin-top: 17px;
 }
 

#customer_msg_email_mobile input {
margin-right: 10px;
}

.container_check input:checked ~ .checkmark {
color: #fff;
font-weight: 800;
border: none;
}

#customer_msg_email_mobile .cust-list{
    line-height: 18px;
    display: inline-block;
    text-align: left;
    margin: 5px 0;
    padding-left: 30px;
}

#customer_msg_email_mobile p.cust-value {
    margin-bottom: 5px;
    font-weight: 800;
    margin-right: 25px;
}
#customer_msg_email_mobile .cust-value {
    font-size: 16px;
    letter-spacing: -0.36px;
    font-weight: 500;
}
#customer_msg_email_mobile .cust-key {
    font-size: 10px;
    font-weight: 800;
    text-align: left;
    color: #8f8f8f;
}
 .checkmark.blockout_checkmark {
    top: 3px;
    width: 13px;
    height: 13px;
    border: 1px solid #979797 !important;
    box-sizing: border-box;
    border-radius: 2px;
    box-shadow: none;
    padding: 0;
    left: 15px;
    position: absolute;
    min-width: max-content;
}
#customer_msg_email_mobile .custom-modal-button {
    font-style: normal;
    font-weight: 700;
    letter-spacing: -0.306743px;
    font-size: 15px;
    height: 55px;
}
#customer_msg_email_mobile .custom-modal-button {
    font-style: normal;
    font-weight: 700;
    letter-spacing: -0.306743px;
    font-size: 15px;
    height: 55px;
}
.primary_additional_div {
    padding-left: 46px;
}
.container_check input:checked ~ .checkmark:after {
    display: block;
}
.container_check .checkmark {
    position: absolute !important;
    min-width: 14px !important;
    border-radius: 3px !important;
    padding: 0;
}
.container_check .checkmark:after {
    left: 3px;
    top: -1px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
#showAddTask_mobile .container_check .checkmark, .add_task_scroll  .container_check .checkmark, #notificationsettingsview  .container_check .checkmark , #templateContent .container_check .checkmark{
 border: 1.19305px solid #979797;
 border-radius: 2.29247px;
 box-shadow:none;
/* background: transparent;*/
}
#templateContent .dropdown {
    margin-top: 0px;
}
.container_check input:checked ~ .checkmark {
    background-color: #009a61;
    border: solid 1px #009a61;
}
#customer_msg_email_mobile .container_check input{
    left: 15px;
}
.act_p2, .act_p3{
     margin-bottom: 5px;
  }
 .act_p3{
     width: 76%;
 }
 .task_history_section {
    border: none;
    padding: 50px 25px 50px 25px;
    margin-top: 52px;
    width: 100%;
}
.width_dt {
    width: 100%;
    margin-top: 10px !important;
}

.width_dt .taskinputfield , .width_dt .inputtextfield {
    box-shadow: 0px 2px 4px rgba(189, 189, 189, 0.5);
}

.history_section_scroll::-webkit-scrollbar {
  width: 5px;
}
 /* Handle */
.history_section_scroll::-webkit-scrollbar-thumb {
background: #E4E4E4;
border-radius: 7px;
}

 .checkbox_div_big input {
  position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 39px;
    width: 39px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}
 
.checkbox_div_big .green_circle{
   position: absolute;
    width: 39px;
    height: 39px;
    border:  1.42513px solid #009A61;
    margin-right: 20px;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
   }

.checkbox_div_big {
    width: 52px !important;
}

/*.checkbox_div_big input:checked ~  .green_circle {
  border: solid #009A61;
}*/
 .checkbox_div_big .green_circle:after {
    content: "";
    position: absolute;
 }
  .checkbox_div_big .green_circle:after {
    left: 14px;
    top: 8px;
    width: 8px;
    height: 17px;
    border: solid #009A61;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    }
.task_detail {
    width: 73%;
}

.ui-timepicker-wrapper {
    width: 6em !important;
  }
  
  
/* task setting css */
  
.mob_nopadding{
    padding: 0
  }
.slideToggle_head_mob {
    margin-top: 0 !important;
    border-radius: 0;
}
.slideToggle_head_mob:first-of-type {
    border-top:none;
}
  
.mt_0{
    margin-top: 0 !important;
}

#notificationsettingsview .cstm-field-checkbox .container_check .checkmark {
    left: 15px;
}
#notificationsettingsview .cstm-task-checkbox_task_set, #cstm-staff {
    padding-left: 5px !important;
}

#notificationsettingsview, #generalsettingsview, #taskettingsview  {
   border-radius: 0;
}
#task_setting .cstm-sidebat-txt-new_task_no, #cstm-staff {
    font-size: 16px !important;
    width: 88%;
}
#task_setting .cstm-task-checkbox_task_set{
    font-size: 14px !important;
}

#task_setting .cstm-task-checkbox_task_set_gen{
font-size: 16px;
line-height: 22px; 
}

.mob_right{
 right: 3px;
 position: absolute;
}

.wid70{
  width: 71% !important;
}

#task_setting .white-bg-tooltip{
    right:0 !important;
}
#task_setting  .cstm-field-input {
    width: 100%;
}

#taskettingsview .add_icon {
    margin-left: 0;
}
#taskettingsview .form-group.margin-0{
   margin-left: -5px !important;  
}
#taskettingsview .form-group{
    margin-left: 5px !important;
    margin-right: 5px;
}

.graybg_field, .added_field{
  padding-left:10px !important; 
}
 
.task-caret-down {
    right: 16px !important;
}
#task_setting .fa.fa-caret-down, #task_setting .fa.fa-caret-up{
 font-size: 26px !important;
}

#task_setting .fa.fa-save{
 font-size: 18px !important;   
}
.cstm-field-input .cstm_setup_input{
    text-align: left !important;
    color: #000 !important;
}
#taskettingsview {
    border-bottom: 0 !important;
}
#generalsettingsview .tooltiptexts{
    left: -185px !important;
    top: -56px;
}
#addTaskSection .dropdown_filter_checkmark_2{
    top: 6px;
}
.checkbox_div .circlemark {
    left: -15px;
}
/* .searchtaskinput_mob{
     background-position: 10px 12px;
     text-indent: 27px;
 }*/
/* task setting css */ 

  .right_col {
     margin-left: 0px !important; 
    }
    .last_list_space:last-of-type{
      padding-bottom: 120px;  
    }   
  .main_tab li:hover {
    background: transparent;
}  
.mob13{
    width: 13px;
}
.modal-calc{
    width: 34px;
 }
 .datepicker-switch{
    color: #000 !important;
    font-size: 15px !important;
}

 .detail_bold{
    font-weight: 700 !important;
}
  }
  
  
  

  
@media only screen and (min-width:321px) and (max-width:375px){ 

 .main_tab .nav.nav-tabs>li>a:not(.a_act) {
    margin-left: 54px !important;
    white-space: nowrap;
} 
.task_detail {
    width: 71%;
}

.wid70 {
    width: 75% !important;
}

#taskconfirmation-modal2 .modal-dialog, #taskconfirmation-modal2  .modal-content{
    width:280px !important;
}



}
 
   @media only screen and (min-width: 321px)and (max-width:360px){    
    
 .main_tab .nav.nav-tabs>li>a:not(.a_act) {
    margin-left: 45px !important;
    white-space: nowrap;
} 
}

  


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

 .main_tab .nav.nav-tabs>li>a:not(.a_act) {
    margin-left: 26px !important;
    white-space: nowrap;
} 
.task_detail {
    width: 71%;
}

.wid70 {
    width: 75% !important;
}

#taskconfirmation-modal2 .modal-dialog, #taskconfirmation-modal2  .modal-content{
    width:280px !important;
}
 }