.empty_col {flex:0 0 45px;}
.q_search_content
{
    width:100%;
    position: relative;
    float: left;
}
.q_search_content h1 {font-weight:700;font-size: 28px; margin-bottom:0;line-height: 42px;}
.q_search_content h3 {font-weight:300;font-size: 38px; margin-bottom:0;}

.q_search_title, .q_search_input
{
    width:1036px;
    position: relative;
    float: left;
}
#quick_search input[type="search"] 
{
    height:50px; 
    width:790px !important; 
    max-width:790px !important; 
    margin-right:15px !important; 
    float: left !important; 
    position: relative;
    font-size:20px;
    font-weight:700;
}
.clear_search
{
    position: absolute;
    right: 70px;
    top: 6px;
}
#quick_search .fa-search:before {color:#ffffff;}
#quick_search .fa-search {background-color: #669934; padding: 17px; border-radius: 5px;}

.q_search_input_content
{
    width:860px;
    position: relative;
    margin:0 auto;
}
.results_table .status_active .status_result div {background-color:rgba(102,153,52, 0.5);}
.results_table .status_pending .status_result div, .results_table .status_new .status_result div {background-color:rgba(247,148,31, 0.5);}
.results_table .status_inactive .status_result div {background-color:rgba(232,0,0, 0.5);}
.results_table .status_recycled .status_result div {background-color:rgba(88,89,91, 0.5);}

.status_result_status label
{
    width: 150px !important;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
.status_result_status input 
{
    background: #fff url('../../../_Modules/Modules/img/note_btn.png') no-repeat right 0.75rem center!important;
    border-radius: 0 !important;
    width:150px !important;
    max-width:150px !important;
    margin:0 auto !important;
    font-weight:700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 46px;
    cursor: pointer;
}

.see_active, .see_pending
{
    background-color:#6b8cbf;
    max-width:40px;
    height:100%;
    margin: 0 auto;
}

.isRead {background-color:#d6d6d6;}

.see_active img {
    position: relative;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    -moz-transform:translate(-50%, -50%);
    -webkit-transform:translate(-50%, -50%);
    -o-transform:translate(-50%, -50%);
}
.status_result
{
    width:170px;
    position: relative;
    float: left;
}
.status_content
{
    width:790px;
    position: relative;
    float: left;
    background-color:#d6d6d6;
}
.see_person
{
    width:58px;
    position: relative;
    float: left;
    background-color:#eaeaea;
}
.status_result_status { height:100%;}
.status_title
{
    font-size: 18px;
    font-weight: 700;
    color: #ffffff;
    text-align: center;
    background-color:rgba(102,153,52, 1)
}

.customer_form
{
    width:695px;
    position: relative;
    float: left;
    padding:10px;
}
.other_sevices
{
    width:84px;
    position: relative;
    float: left;
    padding:10px 0px;
}

.customer_form .row {margin-left:0; margin-right:0;}
.customer_form label, .other_sevices label {font-weight:700; font-size:13px; margin-bottom:0;}
.customer_form p
{
    background-color: #ffffff;
    padding: 0 5px;
    line-height: 22px;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.c_field {margin-right:15px;}

.c_field.middle {width:195px;}
.c_field.large {width:460px; margin-right: 0;}
.c_field.small {width:143px;}
.c_field.small:last-child {margin-right: 0;}

.other_sevices p
{
    background-color: #ffffff;
    text-align: center;
    height:73px;
    line-height:73px;
    font-size:30px;
    font-weight:700;
    width:84px;
}

.see_person {width:50px;}
.see_user
{
    background-color:#3c609a;
    border-radius:5px;
    width:40px;
    height:80%;
    margin: 0 auto;
    position: relative;
    top:50%;
    transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    -o-transform:translateY(-50%);
}
.see_user img {
    position: relative;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    -moz-transform:translate(-50%, -50%);
    -webkit-transform:translate(-50%, -50%);
    -o-transform:translate(-50%, -50%);
}

/* Advance Search */
.cust_support_menu .tab-item:not(:first-child) {margin-left:0;}
.cust_support_menu .tab-item:last-child {margin-right:12px;}
.cust_support_menu .tab-item .nav-link 
{
    padding: 9px 35px;
    font-size:16px;
    font-weight:300;
}

.cust_support_menu .tab-item:hover .nav-link:hover {
    background-color: #669934!important;
    color: #ffffff!important;
    font-size: 16px;
    font-weight:300;
}
.cust_support_menu .tab-item .nav-link.active,
.cust_support_menu .tab-item:hover .nav-link.active:hover {
    background-color: #669934!important;
    color: #ffffff!important;
    font-size: 16px;
    font-weight:700;
}
.divider {
    width: 1px;
    margin: 6px 0;
    background: #000000;
}

#advanced_search .criteria_set {
    color: #ffffff;
    background-color: #3C6099;
    border: 1px solid #3C6099;
    border-radius: 50px;
    font-size:13px;
    font-weight:700;
    text-align: center;
    padding: 3px 8px;
    margin-left: 5px;
    top: 77px;
    position: absolute;
}

.criteria_selected
{
    height:50px; 
    width:665px !important; 
    margin-right:15px !important; 
    float: left !important; 
    position: relative;
    background-color: #ffffff;
    border-radius:5px;
    background: #fff url('../../../_Modules/Modules/img/arrow_down_btn.png') no-repeat right 0 center!important;
    cursor:pointer;
    padding:5px;
    overflow:hidden;
}
.criteria_selected button, .criteria_selected_more button
{
    color: #ffffff;
    background-color: #11489e;
    outline: 1px solid #f5f5f5;
    outline-offset: 5px;
    margin: 5px;
    font-size:12px;
}

.criteria_selected_more 
{
    background-color: #ffffff;
    margin-top:60px;
    height: auto;
    width:665px !important; 
    margin-right:15px !important; 
    float: left !important; 
    position: absolute;
    border-radius:5px;
    z-index: 9999;
    padding:5px;
}

.advanced_search_results .q_search_input_content {width: 990px;}
.advanced_search_results .footer-btns-right {width: auto; margin-top:0 !important;}
.advanced_search_results .btn-tab-footer-edit2 {margin-left:10px;}


/*Customer Profile*/
.cust_profile_content
{
    width: 100%;
    position: relative;
    float: left;
}
.cust_status
{
    width: 360px;
    position: relative;
    float: left;
}
.cust_info {
    width: 770px;
    position: relative;
    float: left;
    background-color: #ffffff;
}

.cust_status div {background-color:rgba(102,153,52, 0.5);}

.cust_status.active div {background-color:rgba(102,153,52, 0.5);}
.cust_status.pending div {background-color:rgba(247,148,31, 0.5);}
.cust_status.inactive div {background-color:rgba(232,0,0, 0.5);}
.cust_status.recycle div {background-color:rgba(88,89,91, 0.5);}
.cust_status.paused div {background-color:rgba(186,67,158, 0.5);}


.cust_status .status_title {
    font-size: 24px;
    font-weight: 700;
    color: #ffffff;
    text-align: center;
    background-color: rgba(102,153,52, 1);
    padding: 10px 5px;
}
.cust_status .status_title .cust_listed{
    width:30px;
    height:30px;
    position: relative;
    float:left;
    font-size:16px;
    font-weight: 700;
    text-align: center;
    line-height: 30px;
}
.cust_listed.black {background-color:#000000; color:#ffffff;}
.cust_listed.white {background-color:#ffffff; color:#000000;}

.cust_id
{
    width:100%;
    position:relative;
    float: left;
    padding:10px 10px 15px 10px;
}
.cust_id input {
    background: #fff url('../../../_Modules/Modules/img/note_btn.png') no-repeat right 0.75rem center!important;
    border-radius: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    
    font-size:17px;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 46px;
    cursor: pointer;
}
.cust_info .customer_form {width:100%; padding: 0 10px;}
.cust_info .customer_form p {border-bottom: 1px solid #eaeaea; font-size:18px; padding-left:0; margin-top:4px;}
.cust_info .c_field.large {width:90%;}
.cust_info .c_field.middle {width:47%;}

.cust_info .c_field.info {width:10%; margin-right:0;}
.cust_info .c_field.info .btn_no_round 
{
    margin-top:0;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    z-index: 900;
}

.dashboard_title h1 {font-size:32px; margin-bottom:0;}
.dashboard_title .btn_no_round {margin-top:0;}
.dashboard_btn {
    width: 40px;
    height: 40px;
    background: url('../../../_Modules/Modules/img/customer_dashboard.png') no-repeat center center;
    background-color: #EBEBEB;
    transition: 0.4s;
    border: none;
    cursor: pointer;
}

.dashboard_btn:focus, .dashboard_btn:hover, .dashboard_btn:active {
    width: 40px;
    height: 40px;
    background: url('../../../_Modules/Modules/img/customer_dashboard_w.png') no-repeat center center;
    background-color: #2B2D42;
    transition: 0.4s;
    border: none;
    cursor: pointer;
}
.cust_details, .cust_support_menu, .cust_details .card-body {background-color: #ffffff;}
.cust_support_menu {height: 60px;}
#advanced_search .cust_support_menu {background-color: transparent;}
.cust_details p
{
    font-size:18px;
}
.cust_details hr {
    width: 100%;
    margin: 10px 0;
    border: none;
    height: 1px;
    background: #58595b;
    float: right;
    position: relative;
    /* margin-left: 13px; */
}
.cust_details .dlt-w {border-radius:5px;}
.cust_details .btn-examples {padding:9px 21px !important; float: right; width:auto;}

.toggle.cust_activation_switch {width: 250px!important; margin: 0 auto;}
.toggle.toggle-select.cust_activation_switch .toggle-inner {width:258px !important;}
.toggle.toggle-select.cust_activation_switch .toggle-on, .toggle.toggle-select.cust_activation_switch .toggle-off {width:125px !important;}

.toggle.toggle_skip_winner_switch {width: 250px!important; margin: 0 auto;}
.toggle.toggle-select.toggle_skip_winner_switch .toggle-inner {width:258px !important;}
.toggle.toggle-select.toggle_skip_winner_switch .toggle-on, .toggle.toggle-select.toggle_skip_winner_switch .toggle-off {width:125px !important;}


.toggle_skip_winner_switch, .define_reason_new, .define_reason_select {margin:0 auto !important;}
.modal_table {width:90%; overflow: hidden;}

/* .accordion div:first-child {overflow:hidden;} */
.card-header p {font-size:15px;}
.card-header p.updated::after, .fieldToUpdate.updated::after
{
    content:'';
    width:20px;
    height:20px;
    position: absolute;
    float:right;
    margin-left:20px;
    background-image:url('../../../_Modules/Modules/img/Updated_entry_btn.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.edit_btn, .xclose_btn {background-color:#3c609a; border-radius:5px;}
.save_btn {background-color:#659934; border-radius:5px;}
.cust_input, .cust_input::placeholder, .cust_input:disabled {
    float: left !important;
    max-width: 85% !important;
    background: transparent !important;
    border: 0 !important;
    font-size: 18px !important;
    line-height: 22px;
    color:#24273B;
}
.cust_input .dropdown-menu {max-width:100% !important;}

.edit_mode {background-color:#fbfbfb;}
.edit_mode p, .edit_mode i {opacity:0.4;}
.lightbox
{
    width:100%;
    min-height:100px;
    position: absolute;
    background-color: rgba(255,255,255, 0.5);
    z-index: 999;
    /* margin-left: 15px; */
}

.lightbox.smaller
{
   width: 92%;
    max-width: 1100px;
    height: 72px;
    position: absolute;
    background-color: rgba(255,255,255, 0.5);
    z-index: 999;
    min-height: auto;
}

.mass_edit_table_content {width:80%; position: relative; margin:0 auto;}

.mass_edit_table_content.title .mass_edit_medium, 
.mass_edit_table_content.title .mass_edit_medium_status, 
.mass_edit_table_content.title .mass_edit_medium_action {float:left; font-size: 13px;}

.mass_edit_table_content.title, .mass_edit_table_content.content 
{
    width:90%; 
    position: relative;
    float: left;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    padding:10px 0;
}

.mass_edit_medium {width:120px; min-width:120px; float: left; min-height: 1px;}
.mass_edit_medium_status {width:105px; float: left;}
.mass_edit_medium_action {width:166px; float: left;}

.mass_edit_table_content.content {background-color: #DEDEDE;padding-bottom: 0;}
.mass_edit_table_content.content .mass_edit_medium {font-size:16px; text-align: center; line-height:40px;}
.mass_edit_table_content.content .mass_edit_medium_status 
{
    height:40px;
    
}
.mass_edit_table_content.content .mass_edit_medium_status p 
{
    font-size:12px; 
    line-height:40px;
    color:#9a9b9f;
    text-align: left; 
    padding-left: 10px;
    background-color:#eaeaea;
    border-radius:5px;
    width:90%;
}

.toggle.mass_edit_reject_switch, .toggle.mass_edit_accept_switch {width: 160px!important; margin: 0 auto;}
.toggle.toggle-select.mass_edit_reject_switch .toggle-inner, .toggle.toggle-select.mass_edit_accept_switch .toggle-inner {width:160px !important;}
.toggle.toggle-select.mass_edit_reject_switch .toggle-on, .toggle.toggle-select.mass_edit_reject_switch .toggle-off,
.toggle.toggle-select.mass_edit_accept_switch .toggle-on, .toggle.toggle-select.mass_edit_accept_switch .toggle-off {width:80px !important;}

.rec_interaction_content {
    width: 100%;
    position: relative;
    float: left;
    background-color: #ebebeb;
}
.rec_inter_order
{
    width: 5%;
    max-width: 46px;
    height:106px;
    position: relative;
    float: left;
    background-color: #58595b;  
    border:2px solid #58595b;
}

.order_no
{
    color:#d6d6d6;
    font-size:50px;
    text-align: center;
    height:60px;
    line-height: 60px;
}
.order_info
{
    width:40px;
    height:40px;
    position: relative;
}
.order_info .btn_no_round {margin-top: 0px; margin-left: 1px;}
.order_info .info_btn
{
    width:40px;
    height:40px;
}

.rec_inter_order .hr_drop_basket {
    width: auto;
    margin: 0px 0px 0px 20px;
    background: none;
    border-top: 1px solid rgba(0,0,0,.1);
    float:none !important;
}

.rec_interaction_info
{
    width: 73%;
    max-width: 730px;
    position: relative;
    float: left;
    padding: 5px 10px 0px 10px;
}
.rec_interaction_info .row {
    margin-left: 0;
    margin-right: 0;
}
.rec_interaction_info label, .other_sevices label {
    font-weight: 700;
    font-size: 13px;
    margin-bottom: 0;
    height:15px;
}
.rec_interaction_info p {
    background-color: #ffffff;
    padding: 0 5px;
    line-height: 22px;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height:22px;
}
.rec_interaction_info .c_field.large {
    width: 530px;
    position: relative;
    float:left;
    margin-right: 15px;
}
.rec_interaction_info .c_field.middle {
    width: 380px;
    position: relative;
    float:left;
}
.rec_interaction_info .c_field.small {
    width: 135px;
    position: relative;
    float:left;
}
.rec_interaction_info .c_field.small p {margin-top: 3px;}
.rec_interaction_status
{
    width:24%;
    max-width:222px;
    height:106px;
    background-color: #d6d6d6;
    position: relative;
    float: left;
    display:table;
}
.rec_interaction_status p 
{
    font-size:24px;
    color:#58595B;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

.rec_interaction_status span
{
    font-size:18px;
    font-weight:700;
    margin:0 auto;
    display: block;
}
.rec_interaction_status span.green {color:#669933;}
.rec_interaction_status span.red {color:#E70000;}
.rec_interaction_status span.red.error {font-size:12px; font-weight:400; color:#E70000;}

.rec_interaction_content .dropdown-menu.show {transform: translate3d(0px, 40px, 0px) !important;}

.rec_inter_medium_type
{
    width:16%;
    max-width:158px;
    height:106px;
    background-color: #ebebeb;
    position: relative;
    float: left;
}
.medium_block {
    width: 90%;
    max-width: 135px;
    height:96px;
    margin:0 auto;
    position: relative;
    background-color: #ffffff;
    border-top: 4px solid #58595b;
    border-left: 4px solid #58595b;
    border-right: 4px solid #58595b;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.medium_img
{
    position: relative;
    margin:0 auto;
    height:65px;
}
.medium_img img
{
    width:40px;
    height:40px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
.medium_name
{
    color:#58595B;
    text-align: center;
    font-size:14px !important;
    font-weight:700;
}
.medium_type
{
    color:#ffffff;
    background-color:#58595b;
    text-align: center;
    font-size:14px;
    font-weight:700;
    border-left: 4px solid #58595b;
    border-right: 4px solid #58595b;
}

.rec_interaction_info.messages {
    width: 60%;
    max-width: 600px;
    padding: 5px 0px 0px 0px;
}

.rec_interaction_info.messages .c_field.large {
    width: 440px;
    position: relative;
    float:left;
    margin-right: 15px;
}
.rec_interaction_info.messages .c_field.middle {
    width: 213px;
    position: relative;
    float:left;
}
.rec_interaction_info.messages .c_field.small {
    width: 135px;
    position: relative;
    float:left;
}

.rec_interaction_status.messages {
    width: 20%;
    max-width: 195px;
}

.recent_msg_accordion, .recent_msg_accordion .card-body
{
    width:100%;
    position: relative;
    float:left;
    background-color:#dedede;
}
.recent_msg_accordion .card-header p {
    font-size: 12px;
}
.recent_msg_accordion p.description {
    font-size: 12px;
    font-weight:400;
    background-color:#dedede;
    padding-right: 50px;
}
.recent_msg_accordion .card {margin-bottom:0;}
.recent_msg_accordion .collapse  {
    height: 42px !important;
    overflow: hidden;
  
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;  
}
.recent_msg_accordion .collapsing {height: 42px !important;}
.recent_msg_accordion .collapse.show {
    height: auto !important;
}

.noContent {min-height:300px;}
.noContent.smaller {min-height:100px;}

.noContent p 
{
    text-align: center;
    position: relative;
    font-size:18px;
    color:#58595B;
    top:50%;
    transform:translateY(-50%);
}

.dropdown_dashboard_info {
    margin-top: 10px;
    border-top-right-radius: 0;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    border: 2px solid #2c2d42;
    width: 585px;
    background-color:#ebebeb;
    padding:10px;
    overflow:hidden;
}
.dropdown_dashboard_info .dropdown-item {padding: .25rem 0rem; opacity:0.5;}
.dropdown_dashboard_info .dropdown-item:focus, .dropdown_dashboard_info .dropdown-item:hover, .dropdown_dashboard_info .dropdown-item:active {
    color: #16181b;
    text-decoration: none;
    background-color: #ebebeb !important;
    opacity:1;
}

.dropdown_dashboard_info .dropdown-item.activePage:focus, 
.dropdown_dashboard_info .dropdown-item.activePage:hover, 
.dropdown_dashboard_info .dropdown-item.activePage:active
{
    cursor:default;
    opacity:0.5;
}
.dropdown_dashboard_info .row div:first-child {padding-left:0; padding-right:0;}


/*Complete Profile*/
.complete_profile_search {border: 10px solid #ffffff;}
.complete_profile_search label
{
    font-size:16px;
    font-style: italic;
    color:#58595B;
}
.complete_profile_search input
{
    width:710px !important;
    height:50px;
    margin:0 auto !important;
}

.complete_profile .cust_support_menu
{
    flex-wrap:nowrap;
    height: 53px;
}

.complete_profile .cust_support_menu .divider {margin:0;}

.complete_profile .cust_support_menu .tab-item:nth-child(1) {flex:0 125px;}
.complete_profile .cust_support_menu .tab-item:nth-child(3) {flex:0 90px;}
.complete_profile .cust_support_menu .tab-item:nth-child(5) {flex:0 150px;}
.complete_profile .cust_support_menu .tab-item:nth-child(7) {flex:0 115px;}
.complete_profile .cust_support_menu .tab-item:nth-child(9) {flex:0 120px;}
.complete_profile .cust_support_menu .tab-item:nth-child(11) {flex:0 93px;}
.complete_profile .cust_support_menu .tab-item:nth-child(13) {flex:0 65px;}
.complete_profile .cust_support_menu .tab-item:nth-child(15) {flex:0 100px;}
.complete_profile .cust_support_menu .tab-item:nth-child(17) {flex:0 67px;}
.complete_profile .cust_support_menu .tab-item:nth-child(19) {flex:0 70px;}
.complete_profile .cust_support_menu .tab-item:nth-child(21) {flex:0 70px;}

.complete_profile .cust_support_menu .tab-item 
{
    display: flex;
  flex: 0 auto;
  margin:0 5px;
  cursor:pointer;
}
.complete_profile .cust_support_menu .tab-item .nav-link
{
    flex: 0 auto;
    margin: auto;
    text-align:center;
    padding:0px 0;
}

.complete_profile .cust_support_menu .tab-item:hover, 
.complete_profile .cust_support_menu .tab-item.active a,
.complete_profile .cust_support_menu .tab-item.active {
    background-color: #669934!important;
    color: #ffffff!important;
    font-size: 16px;
    font-weight:300;
}

.cust_support_menu .tab-item.edit_mode {opacity:0.5;cursor:default;}
.cust_support_menu .tab-item.edit_mode:hover,
.cust_support_menu .tab-item.edit_mode:hover .nav-link:hover,
.cust_support_menu .tab-item.edit_mode:hover .nav-link
 {
     background-color:transparent !important; 
     color:#000000 !important;
}
li.disabled  {
        cursor: not-allowed !important;
        pointer-events: none !important;
    }

        li.disabled a {
            pointer-events: none !important;
        }
    
a.disabled img {opacity: 0.5; cursor:default;}

.cust_details a {color:#2A436B;}

.autocomplete-items {
    position: absolute;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 99;
    /*position the autocomplete items to be the same width as the container:*/
    top: 100%;
    left: 0;
    right: 0;
    width: 710px;
    margin: 0 auto;
  }
  
  .autocomplete-items div {
    padding: 10px;
    cursor: pointer;
    background-color: #fff; 
    border-bottom: 1px solid #d4d4d4; 
    font-weight:bold;
    font-size:20px;
  }
  .autocomplete-items div span
  {
    font-weight:normal;
    font-size:14px;
  }
  .autocomplete-items div strong {color:#ff0000;}
  /*when hovering an item:*/
  .autocomplete-items div:hover {
    background-color: #e9e9e9; 
  }
  
  /*when navigating through the items using the arrow keys:*/
  .autocomplete-active {
    background-color: DodgerBlue !important; 
    color: #ffffff; 
  }
  .autocomplete input:disabled {background-color:#e9ecef !important;}

  .cust_dates .summary_msg_no {margin:15px auto; font-size:24px;}
  .cust_dates .summary_msg_week {font-weight:700; font-size: 15px;}
  .cust_dates .summary_msg_week span {color:#ffffff; display: block; margin-top: 5px; font-size: 16px;}
  .cust_dates hr {width:90%; margin:15px auto; background:#ffffff; float: none;}

  /*RECENTLY VIEWED CUSTOMER PAGE*/
  .table-info-width {width: 50px;padding-top: 0 !important; padding-bottom: 0 !important;}
  .table_with_info .dropdown_allo_info {margin-top: 22px; left:25px !important; width:450px !important;}
  .dropdown_table_opt {left: -6.5vw!important;}
  .table_with_info .table .table-titles th {padding: .75rem;}
  .table_with_info span {cursor:pointer;}
    td p
    {
        max-width:235px !important;
        width:100%;
        float: left;
        line-height: 40px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .tooltipTable {
        background-color: #f5f2ed;
        border:1px solid black;
        border-radius: 5px;
        padding:0px 10px;
        position: absolute;
        margin-left: 43px;
        margin-top: -18px;
        z-index: 100;
    }
    .tooltipTable .service_name {margin:8px 0;}

    .no_customer_pages {
        width: 100%;
        height: 300px;
        background-color: #ffffff;
        position: relative;
    }

    .no_customer_pages h2 
    {
        font-style:italic;
        position: relative;
        width: 100%;
        font-weight: 700;
        color: #E70000;
        text-align: center;
        top: 50%;
        transform: translateY(-50%);
    }

    
    /*Customer Profile - Messages Received*/
    .cust_support  .card-header, .customer_msg_received .card-header.card-header-light {background-color:#FBFBFB !important;}
    .cust_support  .card-header p 
    {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 24px;
        color:#58595B;
        padding-left: 0;
    }
    .cust_support  .card-header span
    {
        background: black;
        height: 1px;
        flex: 1;
        content: '';
        width: 46vw;
        margin-right: 20px;
    }
    #tab-item-search a.results span {
        margin-right: 0px !important;
        background: transparent;
    }
    .summary_msg_block
    {
        flex:1 auto;
    }

    .customer_msg_received .summary_msg_block {max-width:200px;}

    .blue_box {background-color: rgba(60,96,153, 0.5); height:100%;width:100%;}
    .blue_box .msg_title {background-color: rgba(60,96,153, 1);}

    .red_box {background-color: rgba(231,0,0, 0.5); height:100%; width:100%;}
    .red_box .msg_title {background-color: rgba(231,0,0, 1);}

    .green_box {background-color: rgba(102,153,51, 0.5); height:100%; width:100%;}
    .green_box .msg_title {background-color: rgba(102,153,51, 1);}

    .orange_box {background-color: rgba(247,148,32, 0.5); height:100%;width:100%;}
    .orange_box .msg_title {background-color: rgba(247,148,32, 1);}

    .purple_box {background-color: rgba(186,67,158, 0.5); height:100%;width:100%;}
    .purple_box .msg_title {background-color: rgba(186,67,158, 1);}

    .grey_box {background-color: rgba(88,89,91, 0.5); height:100%;width:100%;}
    .grey_box .msg_title {background-color: rgba(88,89,91, 1);}

    .lightgrey_box {background-color: rgba(88,89,91, 0.2); height:100%;width:100%;}

    .blue_box .dots.info:hover, .blue_box .dots.info:focus {
        background-color: #2c2d42 !important;
    }
    .red_box .dots.info:hover, .red_box .dots.info:focus {
        background-color: #7b0100 !important;
    }

    .msg_title {
        font-size: 18px;
        font-weight: 700;
        color: #ffffff;
        text-align: center;
        padding:5px 0;
    }

    .summary_msg_no
    {
        color:#ffffff;
        font-size:36px;
        font-weight:700;
        text-align: center;
        margin-top:20px;
    }

    .summary_msg_week, .summary_msg_month
    {
        font-size:13px;
        color:#24273B;
        text-align: center;
    }
    .summary_msg_week span, .summary_msg_month span {font-weight:700;}
    .summary_msg_month {padding-bottom:15px;}

    .accordion td p {line-height: 18px; width:70%;}

    .fullMsg {background-color:#EBEBEB;}
    .fullMsg .container {width:900px; margin:0 auto; overflow:hidden;}
    .fullMsg label {font-weight:600; font-size:15px; margin:10px 0;}
    .fullMsg img {width:100%; margin:10px 0;}
    .fullMsg p {width:auto !important; white-space: normal;margin:10px 0;} 
    .fullMsg button {background-color:#DEDEDE;}

    .cust_support #adv_search {border-left: 1px solid lightgrey;border-right: 1px solid lightgrey;}

    .accordion td .adv_search_no_results p {width:100% !important; max-width: 100% !important;}

    /*Customer Profile - Interactions*/
    .customer_interactions .summary_msg_block {max-width:335px;}
    .customer_interactions td p {line-height: 40px;}

    /*Customer Profile - eVouchers*/
    .customer_eVouchers .summary_msg_block {max-width:250px;}
    .customer_eVouchers td p {line-height: 40px;}

     /*Customer Profile - Points*/
     .customer_points .summary_msg_block {max-width:320px;}
     .customer_points td p {line-height: 40px;}
     .customer_points .summary_msg_no {font-size:24px;}

     #points_summary .btn_no_round {position: relative; background-color: transparent; margin-top:0;}
     #points_summary .info_btn 
     {
         background-color: transparent !important;
         background: url('../../../_Modules/Modules/img/info_2_btn.png') no-repeat center center;
         width:40px;
         height:40px;
    }
 
   
    .customer_points .summary_msg_block .msg_title {padding:0;height: 40px; font-size: 16px;}
    .customer_points .summary_msg_block .msg_title p {float: left; line-height:40px;width: 240px;}

    #points_summary .dots
    {
        width: 40px;
        height:40px;
        float: left;
    }
    #points_summary .dots_btn {background: url("../../../_Modules/Modules/img/options_2_btn.png") no-repeat center center;}
    #points_summary .dropdown_table_opt {top: 0px!important;}

    #points_summary .dots.info .dropdown_table_opt {width:240px !important; max-width:240px !important; left:auto !important;}

   

    /*SLIDER*/
    .cust_slider {width:100%;}
.slick-slide {outline:none; position: relative;}
.slick-prev:before, .slick-next:before
{
  content:'' !important;
  background-image:url('../../../_Modules/Modules/img/go_left_btn.png');
  background-repeat: no-repeat;
  background-size:contain;
  width:40px;
  height:40px;
  position: absolute;
}

.slick-next:before {background-image:url('../../../_Modules/Modules/img/go_right_btn.png');}
.slick-next {
	right: -7px !important;
    top:40% !important;
    z-index: 999999;
}
.slick-prev {
	left: -45px !important;
    top:40% !important;
    z-index: 999999;
}

.cust_slider .slick-slide .summary_msg_block {margin: 0 auto;}
.slick-dots {z-index: 100 !important;}
.slick-dots li {margin:0 !important;}
.slick-dots li, .slick-next, .slick-prev
{
    width: 40px !important;
    height: 40px !important;
}
.slick-dots li button {width:40px !important; height:40px !important;}
.slick-dots li button:before  
{
    opacity:0.5 !important;
    content:url('../../../_Modules/Modules/img/bullet.png') !important;
    width: 40px !important;
    height: 40px !important;
}
.slick-dots li.slick-active button:before {opacity:1 !important; content:url('../../../_Modules/Modules/img/bullet_active.png') !important;}
.slick-dots {bottom: -45px !important; z-index: 99999;}

.m-auto {margin:0 auto !important;}

.modal_content_wide {
    min-width: 603px;
    min-height: 260px;
    border-radius: 15px;
    border: none;
    margin: auto;
}

.toggle.toggle_not_enough_points_switch {width: 440px!important;}
.toggle.toggle-select.toggle_not_enough_points_switch .toggle-inner {width:440px !important;}
.toggle.toggle-select.toggle_not_enough_points_switch .toggle-on, 
.toggle.toggle-select.toggle_not_enough_points_switch .toggle-off {width:220px !important;}

.toggle.delete_points_start_date_switch,
.toggle.delete_points_end_date_switch {width: 240px!important;}
.toggle.toggle-select.delete_points_start_date_switch .toggle-inner,
.toggle.toggle-select.delete_points_end_date_switch .toggle-inner {width:240px !important;}
.toggle.toggle-select.delete_points_start_date_switch .toggle-on, 
.toggle.toggle-select.delete_points_start_date_switch .toggle-off,
.toggle.toggle-select.delete_points_end_date_switch .toggle-on, 
.toggle.toggle-select.delete_points_end_date_switch .toggle-off {width:120px !important;}

.datepicker {height:39px;}
.modal.show {z-index: 9999999;}

.blue_txt {color:#3c609a !important;}


 /*Customer Profile - Billing*/
 .customer_billing .summary_msg_block {max-width:500px;}
 .customer_billing td p {line-height: 40px;width: 80%;}

 #billing_summary .btn_no_round {position: relative; background-color: transparent; margin-top:0;}
 #billing_summary .info_btn 
 {
     background-color: transparent !important;
     background: url('../../../_Modules/Modules/img/info_2_btn.png') no-repeat center center;
     width:40px;
     height:40px;
}


.customer_billing .summary_msg_block .msg_title {padding:0;height: 40px; font-size: 16px;}
.customer_billing .summary_msg_block .msg_title p {float: left; line-height:40px; margin-left:20px;width: 395px;}

#billing_summary .dots
{
    width: 40px;
    height:40px;
    float: left;
}
#billing_summary .dots_btn {background: url("../../../_Modules/Modules/img/options_2_btn.png") no-repeat center center;}
#billing_summary .dropdown_table_opt {top: 0px!important;}

#billing_summary .dots.info .dropdown_table_opt {width:325px; left:auto !important;}

 #billing_summary .summary_msg_week, #billing_summary .summary_msg_month {display: inline-block;}
 #billing_summary .summary_msg_week {margin-left:105px;}
 #billing_summary .summary_msg_week::after
 {
     content: "|";
     position: relative;
     float: right;
     margin:0px 20px;
 }

.summary_msg_latest {width:90%;margin:0 auto; padding: 20px 0;}
.summary_msg_latest label
{
    float: left !important;
    color:#ffffff;
    font-weight:700;
    background-color: #3C6099;
    padding:5px;
}
.summary_msg_latest p
{
    background-color: #ffffff;
    padding:5px;
    text-align: center;
}
.summary_msg_latest p span {font-weight:700;}


.info_item
{
    font-size:12px;
    padding: .25rem 1.5rem;
    white-space: nowrap;
}
.hr_info
{
    width: auto;
    margin: 0px 0px 0px 20px;
    background: none;
    border-top: 1px solid rgba(0,0,0,.1);
}

/*Customer Profile - Tiers*/
.customer_tiers .summary_msg_block {max-width:500px;}
.customer_tiers td p {line-height: 40px;width: 80%;}

#tiers_summary .btn_no_round {position: relative; background-color: transparent; margin-top:0;}
#tiers_summary .info_btn 
{
    background-color: transparent !important;
    background: url('../../../_Modules/Modules/img/info_2_btn.png') no-repeat center center;
    width:40px;
    height:40px;
}

.before_slider 
{
    width:100%;
    position: relative;
    float: left;
    background-color: #669933;
}
.bs_tier_name, .before_slider .dots {display: inline-block;}
.bs_tier_name
{
    text-align: center;
    color:#ffffff;
    font-size:18px;
    font-weight: 700;
    line-height: 40px;
    float: left;
    width: 96%;
}
.customer_tiers .summary_msg_block .msg_title {padding:0;height: 40px; font-size: 16px;}
.customer_tiers .summary_msg_block .msg_title p {float: left; line-height:40px; margin-left:20px;width: 395px;}

#tiers_summary .dots
{
   width: 40px;
   height:40px;
   float: left;
}
#tiers_summary .dots:hover, #tiers_summary .dots:focus {
    background-color: #38600a;
}

#tiers_summary .dots_btn {background: url("../../../_Modules/Modules/img/options_2_btn.png") no-repeat center center;}

#tiers_summary .dots.info .dropdown_table_opt {width:325px; left:auto !important;}

.slider_info {
    position:absolute;
    top: 38px; 
    background-color:#ffffff;
    border-top-right-radius: 7px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    border: 2px solid #9495A0;
    z-index: 100;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin-left: 16px;
    font-size: 1rem;
}
#tiers_summary .slider_info {top: 88px; width: 47%;}

#tiers_summary .grey_bg {background-color: #EBEBEB; padding-top:0;}
#tiers_summary .slick-track {display: flex !important;}
#tiers_summary .slick-slide {height: inherit !important;}
#tiers_summary .summary_msg_block,  #tiers_summary .transparent_box,
#tiers_summary .blue_box, #tiers_summary .red_box {height:100%;}

#tiers_summary .summary_msg_no {font-size:24px;}
#tiers_summary .summary_msg_week {margin:20px 0;}

#tiers_summary .summary_msg_block 
{
    display: flex; 
    flex-direction: row; 
    float: left; 
    justify-content: space-evenly;
    width:100%;
    max-width:100%;
    margin-top:10px;
}
#tiers_summary .blue_box, #tiers_summary .red_box, #tiers_summary .transparent_box {height:100%; flex:0 0 50%; max-width:500px;}

#tiers_summary .slick-next, #tiers_summary .slick-prev {top: 6% !important;}
#tiers_summary .slick-next {right: -40px !important;}
#tiers_summary .slick-next:before {left:0; top:0;}
#tiers_summary .slick-prev:before {top:0;}
#tiers_summary .slick-prev {left: -53px !important;}
.dropdown-item.disabled, .dropdown-item:disabled {cursor:default;}

.transparent_box p 
{
    font-style:italic;
    position: relative;
    width: 100%;
    font-weight: 700;
    color: #E70000;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
}

.slider_info .table {margin:0 25px; border: 1px solid #dee2e6;} 
.slider_info .table td {height: 30px;}
.slider_info thead {background-color: transparent !important;}
.slider_info .table thead th {border-bottom: 0; font-size:12px;padding: .35rem 0.65rem 0.35rem 0.55rem;}
.table_title {margin:0 25px; font-size:13px; font-weight:bold;}

#tierUpgradeModal label, #tierDowngradeModal label, #tierRenewalModal label {width:250px; margin:0 auto;}

/*Customer Profile - QUEST*/
.customer_quests .summary_msg_block {max-width:500px;}
.customer_quests td p {line-height: 40px;width: 80%;}

#quests_summary .btn_no_round {position: relative; background-color: transparent; margin-top:0;}
#quests_summary .info_btn 
{
    background-color: transparent !important;
    background: url('../../../_Modules/Modules/img/info_2_btn.png') no-repeat center center;
    width:40px;
    height:40px;
}

.bs_quest_before_slider 
{
    width:100%;
    position: relative;
    float: left;
    background-color: #3c3d51;
}
.bs_quest_name, .bs_quest_before_slider .dots {display: inline-block;}
.bs_quest_name
{
    text-align: center;
    color:#ffffff;
    font-size:18px;
    font-weight: 700;
    line-height: 40px;
    float: left;
    width: 96%;
}
.customer_quests .summary_msg_block .msg_title {padding:0;height: 40px; font-size: 16px;}
.customer_quests .summary_msg_block .msg_title p {float: left; line-height:40px; width: 100%;}

#quests_summary .dots
{
   width: 40px;
   height:40px;
   float: left;
}
#quests_summary .dots:hover, #quests_summary .dots:focus {
    background-color: #3c3d51;
}

#quests_summary .dots_btn {background: url("../../../_Modules/Modules/img/options_2_btn.png") no-repeat center center;}

#quests_summary .dots.info .dropdown_table_opt {width:325px; left:auto !important;}

#quests_summary .slider_info {top: 40px; width: 48%;}

#quests_summary .grey_bg {background-color: #EBEBEB; padding-top:0;}
#quests_summary .slick-track {display: flex !important;}
#quests_summary .slick-slide {height: inherit !important;}
#quests_summary .summary_msg_block,  #quests_summary .transparent_box,
#quests_summary .blue_box, #quests_summary .green_box {height:100%;}

#quests_summary .summary_msg_no {font-size:24px;}
#quests_summary .summary_msg_week {margin:10px 0 20px 0;}
#quests_summary .summary_msg_points {margin-top:10px; font-weight: 700; text-align: center;}

#quests_summary .summary_msg_block
{
    display: flex; 
    flex-direction: row; 
    float: left; 
    justify-content: space-evenly;
    width:100%;
    max-width:100%;
    margin-top:10px;
}

.quest_overview, .quest_items_block, .quest_overview_content .item, .item_header
{
    float: left;
    width:100%;
    position: relative;
}

.item_header {background-color: #dedede;}
.quest_overview_header, .quest_overview_content {background-color: #FBFBFB !important; width: 98%; margin: 10px auto 0 auto;}
.quest_overview_content 
{
    margin-top: 0; 
    min-height: 170px;
    max-height:500px;
    overflow-y: scroll; 
    overflow-x: hidden;
}

.quest_overview .quest_overview_header p {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: #58595B;
}

.quest_overview .quest_overview_header span {
    background: black;
    height: 1px;
    flex: 1;
    content: '';
    width: 46vw;
    margin-right: 20px;
}
.quest_overview .quest_overview_header a, .quest_overview .quest_overview_content a {color: inherit; margin-right: 10px;}

.quest_overview_content .item
{
    background-color: #EBEBEB;
    margin-top: 10px;
}

.quest_overview_content_number {
    width: 60px;
    height: 60px;
    /* margin-right: 10px; */
    position: relative;
    float: left;
    background-color: #eaeaea;
}

.quest_overview_content_name {
    width: 835px;
    height: 60px;
    margin-right: 10px;
    position: relative;
    float: left;
}

.quest_overview_content_name h3 {
    margin-left: 10px !important;
    height: 60px;
    margin-bottom: 0;
    line-height: 60px;
    position: relative;
}

.quest_overview_content_number h3
{
    text-align: center;
    font-weight: 400;
    line-height: 60px;
}

.quest_overview_content_details a {
    top: 50%;
    transform: translateY(-50%);
    position: relative;
}

.quest_overview_content_details {
    width: 45px;
    height: 60px;
    position: relative;
    float: left;
}

#quests_summary .blue_box, #quests_summary .green_box, #quests_summary .transparent_box {height:auto; flex:0 0 50%; max-width:500px;}

#quests_summary .slick-next, #quests_summary .slick-prev {top: 6% !important;}
#quests_summary .slick-next {right: -40px !important;}
#quests_summary .slick-next:before {left:0; top:0;}
#quests_summary .slick-prev:before {top:0;}
#quests_summary .slick-prev {left: -53px !important;}

.summary_msg_points
{
    font-size:13px;
    color:#24273B;
    text-align: center;
}

.summary_msg_points span {font-weight:700;}

.accomplishments_total
{
    width:100%;
    position:relative;
    float: left;
    padding:20px 0;
}

.accomplishments_total_titles
{
    width:95%;
    position:relative;
    margin:0 auto;
    overflow: hidden;
}

.accomplishments_total_all
{
    width:95%;
    position:relative;
    margin:0 auto;
    overflow: hidden;
}

.accomplishments_total_current
{
    width:95%;
    position:relative;
    margin:0 auto;
    overflow: hidden;
    padding-bottom:20px;
}

.accomplishments_total_titles .title 
{
    position: relative;
    float:left;
    background-color: #3c3d51;
    color:#ffffff;
    font-size: 15px;
    text-align: center;
    height:30px;
    line-height: 30px;
}
.accomplishments_total_titles .title:nth-child(1)
{
    width:133px;
    background-color:transparent;
}
.accomplishments_total_titles .title:nth-child(2)
{
    width:200px;
}
.accomplishments_total_titles .title:nth-child(3)
{
    width:270px;
}
.accomplishments_total_titles .title:nth-child(4)
{
    width:310px;
}

.accomplishments_total_all .txt, .accomplishments_total_current .txt 
{
    position: relative;
    float:left;
    background-color: #ffffff;
    color:inherit;
    font-size: 12px;
    text-align: left;
    height:40px;
    line-height: 40px;
    padding-left:10px;
}
.accomplishments_total_all .txt:nth-child(1), .accomplishments_total_current .txt:nth-child(1)
{
    width:133px;
    background-color:#58595b;
    color:#ffffff;
    border-bottom:1px solid #ffffff;
}
.accomplishments_total_all .txt:nth-child(2), .accomplishments_total_current .txt:nth-child(2)
{
    width:200px;
    font-size: 18px;
    border-bottom:1px solid #dfdfdf;
    border-right:1px solid #dfdfdf;
    padding-left: 20px;
}
.accomplishments_total_all .txt:nth-child(3), .accomplishments_total_current .txt:nth-child(3)
{
    width:270px;
    font-size: 18px;
    border-bottom:1px solid #dfdfdf;
    border-right:1px solid #dfdfdf;
    padding-left: 20px;
}
.accomplishments_total_all .txt:nth-child(4), .accomplishments_total_current .txt:nth-child(4)
{
    width:210px;
    font-size: 18px;
    border-bottom:1px solid #dfdfdf;
    border-right:1px solid #dfdfdf;
    padding-left: 20px;
}
.accomplishments_total_all .txt:nth-child(5), .accomplishments_total_current .txt:nth-child(5)
{
    width:100px;
    font-size: 14px;
    border-bottom:1px solid #dfdfdf;
    padding-left: 10px;
}

.accomplishments_content
{
    width:95%;
    margin:0 auto;
    position:relative;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
}
.accomplishments_content .left_col, .accomplishments_content .right_col {flex:0 50%;}

.first_accom, .last_accom, .thres_accom, .accom_points
{
    width:95%;
    position: relative;
    float: left;
}

.accom_points {float:right; min-height: 325px;}

.last_accom, .thres_accom {margin-top:20px;}
.thres_accom {margin-bottom:20px;}

.first_accom .title, .last_accom .title, .thres .title, .accom_points .title
{
    width:100%;
    position: relative;
    float: left;
    background-color: #3c3d51;
    color: #ffffff;
    font-size: 15px;
    text-align: left;
    padding-left: 15px;
    height: 30px;
    line-height: 30px;
}

.thres .title {height: 45px; line-height: 18px;padding-top: 5px;}
.first_accom .txt, .last_accom .txt, .thres .txt, .accom_points .txt
{
    width:100%;
    position: relative;
    float: left;
    background-color: #ffffff;
    color: inherit;
    font-size: 20px;
    text-align: center;
    height: 60px;
    line-height: 60px;
}

.thres_accom
{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

.thres_accom .thres {flex:0 31%; margin-right: 15px;}
.thres_accom .thres:last-child {margin-right:0;}

.accom_points .content
{
    width:100%;
    position: relative;
    float: left;
    background-color: #ffffff;
    color: inherit;
    display: flex;
    flex-direction: column;
    /* align-items: center; */
    justify-content: space-evenly;
    height: 295px;
}
.accom_points .content .item
{
    flex:0 0 auto;
    justify-content: center;
    align-items: center;
    margin-top:0;
    background-color: #ffffff;
}
.accom_points .content p
{
    width:100%;
    position: relative;
    float:left;
    text-align: center;
    font-size:26px;
    font-weight: 400 !important;
}

.accom_points .content p.large {font-size:32px;}

.accom_points .content p span{
    font-size:13px;
    display: block;
    color: #000000;
    font-weight: 400;
}

.accom_points .content hr
{
    width: 80%;
    position: relative;
    float: left;
    left: 50%;
    transform: translateX(-50%);
    margin: 14px 0;
    background: #58595b;
}

.colored_col_grey {
    background-color: #dedede;
    width: 10px;
    height: 60px;
    position: relative;
    float: left;
}

/*Customer Profile - Activity Log*/
.only_search
{
    position: relative;
    float: left;
    width: 100%;
    height: 57px;
}
.activity_details p {line-height: inherit;white-space: normal; 
    display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;  
  overflow: hidden;
   width: 100%;}
.activity_log .activity_performed p {width:80%; max-width:238px;}
.activity_log .activity_applied p {width:65%; max-width:215px;}

.activity_performed .dropdown_allo_info, .activity_applied .dropdown_allo_info {margin-top: 22px; left:25px !important; width:350px !important;}

/*Customer Profile - Referral Schemes*/
.customer_referral_schemes .summary_msg_block {max-width:500px;}
 .customer_referral_schemes td p {line-height: 40px;width: 75%; max-width:270px;}

 #referral_schemes_summary .btn_no_round {position: relative; background-color: transparent; margin-top:0;}
 #referral_schemes_summary .info_btn 
 {
     background-color: transparent !important;
     background: url('../../../_Modules/Modules/img/info_2_btn.png') no-repeat center center;
     width:40px;
     height:40px;
}


.customer_referral_schemes .summary_msg_block .msg_title {padding:0;height: 40px; font-size: 16px;}
.customer_referral_schemes .summary_msg_block .msg_title p {line-height:40px;}

#referral_schemes_summary .dots
{
    width: 40px;
    height:40px;
    float: left;
}
#referral_schemes_summary .dots_btn {background: url("../../../_Modules/Modules/img/options_2_btn.png") no-repeat center center;}
#referral_schemes_summary .dropdown_table_opt {top: 0px!important;}

#referral_schemes_summary .dots.info .dropdown_table_opt {width:325px; left:auto !important;}

.referral_scheme_sum_block
{
    display: flex;
    flex-direction: row;
    flex: 1;
    justify-content: space-evenly;
    align-items: center;
}
.rssb_col {flex:0 1 auto; margin: 15px 0;}
.divider {
    width: 2px;
    margin: 6px 0;
    background: #8e8f90;
    height:100%;
  }
  #referral_schemes_summary .summary_msg_no {margin-top:0;}
  .summary_label, .summary_friends_no
  {
      text-align: center;
      font-weight:700;
  }

  .summary_friends_no
  {
      color:#ffffff;
      font-size:30px;
  }
.summary_rs_period
{
    font-size:13px;
    text-align: center;     
}

.summary_rs_period span {font-weight:700;}

/*Customer Profile - Rewards*/
.customer_rewards .summary_msg_block {max-width:166px;}
.customer_rewards .summary_msg_no {margin:15px 0;}
.customer_rewards .accordion td p {line-height: 40px;}
/* .customer_rewards  */
.dropdown_allo_info {width:480px !important; min-width:415px; line-height:18px;}


.width950 .modal-content, .width950 .modal-dialog {max-width: 950px;}
.width950 .modal-content {border: 1px solid #58595B;}
.single-table-full {width:100%;}
.single-table-full .last_row label {width:153px;}
.single-table-full .last_row input {width:703px;}

.double-table {display: flex; flex-direction: row; justify-content: space-between;}
.double-table .modal_table {flex:0 auto; width:48%; margin: 0;}
.double-table .modal_table .last_row input {width:14vw;}

.width950 .define_reason_new, .width950 .define_reason_select,
.width950 .bootstrap-select, .width950 .multiselect.dropdown.bootstrap-select {float: left !important;}

.row.vertical-divider {
    overflow: hidden;
  }
  .row.vertical-divider > div[class^="col-"] {
    text-align: center;
    padding-bottom: 100px;
    margin-bottom: -100px;
    border-left: 1px solid #f2f2f2;
    border-right: 1px solid #f2f2f2;
  }
  .row.vertical-divider div[class^="col-"]:first-child {
    border-left: none;
  }
  .row.vertical-divider div[class^="col-"]:last-child {
    border-right: none;
  }

  .vertical-divider label {float:left !important; width:100%; text-align: left;}
  .vertical-divider input {width:100%; max-width:100%;}
  .vertical-divider .invalid-feedback {text-align: left; float:left;}

  .info_next_to_dropdown {
    height: 41px;
    padding: 0;
    margin-left: 5px;
    border: none;
    width: 41px;
}
.info_next_to_dropdown .dropdown-toggle {background-color: #ebebeb;height: 41px;}

.info_next_to_dropdown .info_btn
{
    width: 41px;
    height: 41px;
}
.info_next_to_dropdown .rai_info.slider_info {width:460px !important;margin-left: 780px !important;}
.info_next_to_dropdown .rai_info.slider_info .info_item {font-size:11px;}

.rai_results_not {height:250px;}
.rai_results_not h2 {
    position: relative;
    width: 100%;
    font-weight: 700;
    color: #5374a3;
    text-align: center;
}

.width950 button:disabled {
    background-color: #669933 !important;
}

.rai_selected_item
{
    width:100%;
    float: right;
    text-align: right !important;
}
.rai_selected_item label {color:#3C6099; font-size: 14px; font-weight: 700; margin:0;}
.rai_selected_item p {color:#3C6099; font-size: 14px; font-weight: 400;text-align: right !important;}


/*Customer Profile - Draws*/
.customer_draws .summary_msg_block {max-width:335px;}
.customer_draws td p {line-height: 40px;}

.customer_draws .summary_msg_no {margin-bottom: 20px;}

.dropdown_allo_info.width300 {width:300px !important;}

/*Customer Profile - Custom Actions*/
.custom_action_desc {
    min-height: 66px;
}

.custom_action_desc p {padding:5px 10px; height: 66px; overflow-y: scroll;}
.table_desc {width:380px !important;}

/*Customer Profile - Apps*/
.customer_apps .summary_msg_block {max-width:500px;}
.app_items_block
{
    width:100%;
    position: relative;
    float: left;
}

.bs_app_before_slider {
    width: 100%;
    position: relative;
    float: left;
    background-color: #3c3d51;
}

.bs_app_name {
    text-align: center;
    color: #ffffff;
    font-size: 18px;
    font-weight: 700;
    line-height: 40px;
    float: left;
    width: 92%;
}

#apps_summary .dots {
    width: 40px;
    height: 40px;
    float: left;
}

.bs_app_name, .bs_app_before_slider .dots {
    display: inline-block;
}

#apps_summary .info_btn {
    background-color: transparent !important;
    background: url('../../../_Modules/Modules/img/info_2_btn.png') no-repeat center center;
    width: 40px;
    height: 40px;
}

.app_items_block .summary_msg_no {margin: 15px 0px;}
.app_items_block .summary_msg_week {margin: 28px 0px;}

.toggle.apps_to_display_switch {width: 200px!important;}
.toggle.toggle-select.apps_to_display_switch .toggle-inner {width:200px !important;}
.toggle.toggle-select.apps_to_display_switch .toggle-on, .toggle.toggle-select.apps_to_display_switch .toggle-off {width:100px !important;}


/*Customer Profile - Missions*/
.customer_missions .summary_msg_block {max-width:500px;}
.customer_missions td p {width: 85%; max-width: 170px !important;}

#missions_summary .btn_no_round {position: relative; background-color: transparent; margin-top:0;}
#missions_summary .info_btn 
{
    background-color: transparent !important;
    background: url('../../../_Modules/Modules/img/info_2_btn.png') no-repeat center center;
    width:40px;
    height:40px;
}

.bs_missions_before_slider 
{
    width:100%;
    position: relative;
    float: left;
    background-color: #3c3d51;
}
.bs_mission_name, .bs_missions_before_slider .dots {display: inline-block;}
.bs_mission_name
{
    text-align: center;
    color:#ffffff;
    font-size:18px;
    font-weight: 700;
    line-height: 40px;
    float: left;
    width: 96%;
}
.customer_missions .summary_msg_block .msg_title {padding:0;height: 40px; font-size: 16px;}
.customer_missions .summary_msg_block .msg_title p {float: left; line-height:40px; width: 100%;}

#missions_summary .dots
{
   width: 40px;
   height:40px;
   float: left;
}
#missions_summary .dots:hover, #quests_summary .dots:focus {
    background-color: #3c3d51;
}

#missions_summary .dots_btn {background: url("../../../_Modules/Modules/img/options_2_btn.png") no-repeat center center;}

#missions_summary .dots.info .dropdown_table_opt {width:325px; left:auto !important;}

#missions_summary .slider_info {top: 40px; width: 48%;}

#missions_summary .grey_bg {background-color: #EBEBEB; padding-top:0;}
#missions_summary .slick-track {display: flex !important;}
#missions_summary .slick-slide {height: inherit !important;}
#missions_summary .summary_msg_block, #missions_summary .summary_msg_no {font-size:24px;}
#missions_summary .summary_msg_week {margin:10px 0 20px 0;}
#missions_summary .summary_msg_points {margin-top:10px; font-weight: 700; text-align: center;}

#missions_summary .summary_msg_no {margin-bottom: 20px;}

#missions_summary .summary_msg_block
{
    display: flex; 
    flex-direction: row; 
    float: left; 
    justify-content: space-evenly;
    width:98%;
    max-width:100%;
    margin-top:10px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

#missions_summary .slick-next, #missions_summary .slick-prev {top: 6% !important;}
#missions_summary .slick-next {right: -40px !important;}
#missions_summary .slick-next:before {left:0; top:0;}
#missions_summary .slick-prev:before {top:0;}
#missions_summary .slick-prev {left: -53px !important;}

.missions_items_block .blue_box
{
    height: 155px !important;
}

.middleblue_box {
    background-color: rgba(144,166,189, 1);
    height: 100%;
    width: 100%;
}

.darkblue_box {
    background-color: rgba(109,141,166, 1);
    height: 100%;
    width: 100%;
}

#missions_summary .mission_block
{
    width:100%;
    height:100%;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
}
#missions_summary .middleblue_box, #missions_summary .darkblue_box {height:100%;}
#missions_summary .mission_block_col {height:auto; flex:0 0 50%; max-width:500px;}

.middleblue_box .msg_title {
    background-color: rgba(49,81,119, 1);
}

.darkblue_box .msg_title {
    background-color: rgba(42,64,87, 1);
}

.mission_block_col.showDivider::before
{
    content:"";
    width:10px;
    height:65px !important;
    border-left:1px solid #fff;
    position: absolute;
    float: left;
    margin-left: 18px;
}

.mission_block_col .summary_msg_no p {line-height: 70px;}
.summary_msg_week span h4 {color: #24273B; margin-bottom: 0px; font-size: 20px;}

.showing_missions
{
    width:100%;
    position: relative;
    float: left;
    margin: 20px 0;
}

.showing_missions .form-control {width:230px !important; max-width:230px !important;}

.cp_mission_details_title
{
    width: 100%;
    height: 60px;
    background-color: #3c609a;
    padding: 8px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}

.cp_mission_details_title p
{
    color:#ffffff;
    font-weight:700;
    font-size: 18px;
    width: 100% !important;
    line-height: 23px !important;
}

.cp_mission_details_title p span {display: block;}

.cp_mission_details_content
{
    width: 100%;
    height: auto;
    background-color: #eaeaea;
    padding: 8px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
}

.cp_mission_details_content .flex-row {border-bottom:1px solid #6782ad;}
.cp_mission_details_content .flex-row:last-child {border-bottom:none;}
.cp_mission_details_content .flex-row .col-12 {font-weight:700; padding-left:0;}
.cp_mission_details_content .flex-row span {display:block; font-weight:normal;}