i {cursor:pointer;}
textarea {min-height: 60px;}
.overview_accordion textarea {resize:none;min-height: auto;}
/* img {width:100%;} */
.bold_text {font-weight:700 !important;}

.w-25{width:25%!important; max-width:25%!important;}
.w-50{width:50%!important; max-width:50%!important;}
.w-75{width:75%!important; max-width:75%!important;}
.h-35 {height: 35px !important;}

.r60 {right:60px !important;}

form {width:100% !important;}
.underlined_txt {text-decoration: underline;}
.noBorder {border:0px !important;}

.border_radius {border-radius:7px;}
.border_radius_top {border-top-left-radius:7px; border-top-right-radius:7px;}
.border_radius_bottom {border-bottom-left-radius:7px; border-bottom-right-radius:7px;}

img.active {background-color: #396298; border-radius:7px;}
/* =============== */
/* Arabic Language */
/* =============== */
.arabic {direction: rtl;}

/* =============== */
/* Multiselect Dropdown (Bootstrap) */
/* =============== */
.multiselect.dropdown-toggle.btn.btn-default {display: none;}
.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {right: 5px;}
.multiple_drop .dropdown-item {padding: 0.25rem 1.5rem 0.25rem 0.5rem;}

.multiple_drop.addNewItem input[type=text]  {
    background: #fff url("../../../img/Add.png") no-repeat right 0rem center!important;
    cursor: pointer;
    opacity: 1;
}

/* =============== */
/* Services Module */
/* =============== */
.note_btn_input {
    background: #fff url("../../../img/note_btn.png") no-repeat right 0.75rem top 10px !important;
    /* font-size: 17px; */
    /* font-weight: 700; */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 46px !important;
    cursor: pointer;
    -webkit-text-security:none !important;
}

.toggle.decrypted_key_switch {width: 200px!important;}
.toggle.toggle-select.decrypted_key_switch .toggle-inner {width:200px !important;}
.toggle.toggle-select.decrypted_key_switch .toggle-on, .toggle.toggle-select.decrypted_key_switch .toggle-off {width:100px !important;}

.pass_txt {
    -webkit-text-security: disc;
    /* all styles below this line are optional */
    height: 40px;
    width: 100%;
    -webkit-appearance: textfield;
    font-size: 14px;
    padding: 8px;
    background-color: white;
    border: 1px solid #ced4da;
    -webkit-user-select: text;
    cursor: auto;
    line-height: 1.5;
    color: #495057;
    border-radius: 7px;
    white-space: nowrap;
    overflow: hidden;
    /* text-overflow: ellipsis; */
  }

  .pass_txt.expand, .pass_txt.public.expand {height:auto; white-space:initial;}

  .pass_txt.public {-webkit-text-security:none !important;}

  .pass_txt.input_locked
  {
    width: 270px;
    max-width: 270px;
    border-top-right-radius: 7px !important;
    border-bottom-right-radius: 7px !important;
    /* border-right: 1px solid #dc3545 !important; */
  }

  .pass_txt.input_locked.is-invalid {
      border-right: 1px solid #dc3545 !important;
  }
  .pass_txt.show {-webkit-text-security:none;}

/* =============== */
/* Audience Module */
/* =============== */
#manual_file_upload .btn-light.rounded {float: right; margin-right:2rem;}
.card-body.audience_history table {margin-bottom:0;}

/* outline on dropdown */
.bootstrap-select .dropdown-toggle:focus {
    outline: none!important;
}
#schedule_component .modal-content, #schedule_component .modal-dialog {max-width:500px !important;}

/*Triggering Condicion*/
.trigger_config_item {
    
    /* width: 100%; */
    position: relative;
    float: left;
}
.trigger_config_item .channel {background-color: #d6d6d6;}
.trigger_config_item .header {background-color: #ebebeb;}
.colored_col_orange {
    background-color: #f7941d;
    width: 10px;
    height:60px;
    position: relative;
    float: left;
}
.trigger_config_item_name {
    width: 370px;
    height: 60px;
    margin-right: 10px;
    position: relative;
    float: left;
}

.trigger_config_item_name h3 {
    margin-left: 10px !important;
    height: 60px;
    margin-bottom: 0;
    line-height: 60px;
    position: relative;
}

.trigger_config_item_decision {
    width: 360px;
    height: 60px;
    margin-right: 10px;
    position: relative;
    float: left;
}

.trigger_config_item_decision label{
    line-height:60px;
    float:left;
}

.trigger_config_item_decision .btn-group-toggle label {line-height:20px;}

.trigger_config_item_decision .toggle
{
    top: 50%;
    transform: translateY(25%);
    float:right;
}

.trigger_config_item_details {
    width: 45px;
    height: 60px;
    position: relative;
    float: left;
}

.trigger_config_item_details a {
     top: 50%;
    transform: translateY(-50%);
    position: relative;
    /*padding: 10px;
    background-color: #ffffff; */
}

.trigger_config_item_details .collapseBtn i {
    line-height: 40px;
    padding: 0 13px;
    background-color: #ffffff;
}
.fa.disabled
{
    opacity: 0.6;
    cursor: not-allowed;
    pointer-events: none;
}

.trigger_config_decision_row
{
    background-color:#d6d6d6;
}

.trigger_config_decision_row .decision_no
{
    width: 72px;
    height: 72px;
    background-color: #f7941d;
    color: #ffffff;
    text-align: center;
    font-size: 40px;
    line-height: 72px;
    font-weight: 700;
    margin-bottom: 0;
    float: left !important;
}

.trigger_config_decision_row .decision_name 
{
    width:283px;
    height:72px;
    position: relative;
    float: left;
}

.trigger_config_decision_row .decision_name_txt
{
    float: left !important;
    max-width: 75% !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    top: 50%;
    transform: translateY(-50%);
    position: relative;
    margin-left: 10px !important;
}

.trigger_config_decision_row .decision_name_txt:disabled {
    background: transparent !important;
    border: 0 !important;
}

.trigger_config_decision_row .decision_name_txt::placeholder  {font-size:22px; font-weight:700;}


.trigger_config_decision_row .decision_name_edit {
    background-color: #ffffff;
    top: 50%;
    transform: translateY(39%);
}

.trigger_config_decision_row .decision_mode
{
    width: 267px;
    height:72px;
    position: relative;
    float: left;
    margin-left:10px;
}

.trigger_config_decision_row .decision_mode label 
{
    margin-left:10px;
    top: 50%;
    transform: translateY(-50%);
    position: relative;
}

.trigger_config_decision_row .decision_mode .dd_in_row
{
    /* width: 165px !important;
    position: relative !important; */
    height:40px !important;
    top: 20%;
}
.dropdown.dd_in_row {width:165px !important;}
.trigger_config_decision_row .decision_details
{
    width: 50px;
    height:72px;
    position: relative;
    float: left;
}

.trigger_config_decision_row .decision_details a, .trigger_config_decision_row .decision_dlt .dlt-w {
    top: 20%;
    position: relative;
}

.trigger_config_decision_row .decision_details .collapseBtn i, .trigger_config_condition .collapseBtn i {
    line-height: 40px;
    padding: 0 13px;
    background-color: #ffffff;
}

.trigger_config_decision_row .decision_dlt
{
    width: 50px;
    height:72px;
    position: relative;
    float: left;
}

.displayInline {display: inline-flex; vertical-align: middle;}

.conditions_title
{
    width:100%;
    height:30px;
    position:relative;
    float:left;
    background-color:#3c609a;
    color:#ffffff;
    font-weight:700;
    line-height: 30px;
    padding-left: 10px;
}

/*conditions*/
.append_condition_row
{
    background-color:#dedede;
}
.append_condition_row .condition_item
{
    position: relative;
    width: 95%;
    float: left;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 10px;
    /* overflow: hidden; */
    background-color: #ebebeb;
}

.append_condition_row .condition_no {
    width: 85px;
    height: 60px;
    background-color: #3c609a;
    color: #ffffff;
    text-align: center;
    font-size: 30px;
    line-height: 60px;
    font-weight: 700;
    margin-bottom: 0;
    float: left !important;
    position:relative;
}

.append_condition_row .condition_details, .append_condition_row .condition_dlt
{
    /* width:100%; */
    position:relative;
    float:left;
}

.append_condition_row .condition_details {width:535px;}
.append_condition_row .condition_dlt {width:50px;}
.append_condition_row .condition_details a, .append_condition_row .condition_dlt .dlt-w{
    top: 20%;
    position: relative;
    float: right;
}
.append_condition_row .condition_details .collapseBtn i {
    line-height: 40px;
    padding: 0 13px;
    background-color: #ffffff;
}

.trigger_config_condition {
    border-radius: 0px;
    padding: 13px;
    border-left: 7px solid #3c6098;
    
}

.trigger_config_prof_attr
{
    /* width:95%; */
    position: relative;
    /* margin:0 auto; */
    padding:10px;
    background-color: #d6d6d6 !important;
}

.valueChecking h3 {color:#3c609a; font-weight:700;}

.valueChecking_attr {width:100%;}
.valueChecking_attr .row {border-left: 7px solid #3c6098;}
.valueChecking_attr .row.noBorder {border-left: 0px solid #3c6098;}

.toggle.valueCompare_switch {width: 300px!important;}
.toggle.toggle-select.valueCompare_switch .toggle-inner {width:300px !important;}
.toggle.toggle-select.valueCompare_switch .toggle-on, .toggle.toggle-select.valueCompare_switch .toggle-off {width:150px !important;}

textarea.noResize 
{
    width: 100%;
    max-width: 100%;
    resize: none;
    outline: none;
}

.toggle.process_type_switch {width: 300px!important;}
.toggle.toggle-select.process_type_switch .toggle-inner {width:300px !important;}
.toggle.toggle-select.process_type_switch .toggle-on, .toggle.toggle-select.process_type_switch .toggle-off {width:150px !important;}

.toggle.new_records_switch {width: 200px!important;}
.toggle.toggle-select.new_records_switch .toggle-inner {width:200px !important;}
.toggle.toggle-select.new_records_switch .toggle-on, .toggle.toggle-select.new_records_switch .toggle-off {width:100px !important;}

.toggle.existing_records_switch {width: 200px!important;}
.toggle.toggle-select.existing_records_switch .toggle-inner {width:200px !important;}
.toggle.toggle-select.existing_records_switch .toggle-on, .toggle.toggle-select.existing_records_switch .toggle-off {width:100px !important;}

.toggle.existing_records_missing_switch {width: 200px!important;}
.toggle.toggle-select.existing_records_missing_switch .toggle-inner {width:200px !important;}
.toggle.toggle-select.existing_records_missing_switch .toggle-on, .toggle.toggle-select.existing_records_missing_switch .toggle-off {width:100px !important;}

.toggle.new_records_duplicate_switch {width: 200px!important;}
.toggle.toggle-select.new_records_duplicate_switch .toggle-inner {width:200px !important;}
.toggle.toggle-select.new_records_duplicate_switch .toggle-on, .toggle.toggle-select.new_records_duplicate_switch .toggle-off {width:100px !important;}

.toggle.keymode_switch {width: 280px!important;}
.toggle.toggle-select.keymode_switch .toggle-inner {width:280px !important;}
.toggle.toggle-select.keymode_switch .toggle-on, .toggle.toggle-select.keymode_switch .toggle-off {width:140px !important;}

.toggle.keymode_cust_switch {width: 300px!important;}
.toggle.toggle-select.keymode_cust_switch .toggle-inner {width:300px !important;}
.toggle.toggle-select.keymode_cust_switch .toggle-on, .toggle.toggle-select.keymode_cust_switch .toggle-off {width:150px !important;}

/* =================== */
/* End Audience Module */
/* =================== */


/* ======================= */
/* Audience history module */
/* ======================= */
    .success {color:#669933;}
    .failed {color:#E70000;}
/* =========================== */
/* End Audience history module */  
/* =========================== */


/* ===================== */
/* Search Results module */
/* ===================== */
    .table-buttons {
        opacity: 0.7;
        cursor: pointer;
        /* padding-right: 0.85rem; */
        transition: 0.3s;
    }
    .table-buttons:hover {opacity: 1;}

    .btn-padding {padding: 10px 20px;}

    .table-icon-width {width:80px;}

    .table-col-width {width: 300px;}

    .table-colId-width {width: 100px;}

    .table-td-width {width: 140px;}

    .table-col10-width {width:10px;}

    .table-col120-width {width: 120px;}

    .table-col150-width {width: 150px;}

    .table-col180-width {width: 180px;}

    .table-col200-width {width: 200px;}

    .table-col220-width {width: 220px;}

    .table-col250-width {width: 250px;}

    .table-col280-width {width: 280px;}

    .table-col300-width {width: 300px;}

    .table-col350-width {width: 350px;}

    .table-col400-width {width: 400px;}

    .table-col500-width {width: 500px;}

    td img.previewImg, td video.previewImg, td audio.previewImg
    {
        max-width:80px;
        width:100%;
        max-height:73px;
        height:100%;
        object-fit: cover;
    }

    .dlt-btn-innactive img {
        opacity: 0.4;
        cursor: no-drop;
    }

    .dlt {
        width: 40px;
        height: 40px;
        /* margin-left: .25rem; */
        background: url("../../../img/delete_btn.png");
        transition: 0.3s;
    }

    .dlt:hover {
        background: url("../../../img/delete_2_btn.png");
    }

/* ========================= */
/* End Search Results module */
/* ========================= */


/* ===================== */
/* Find Customer Profile */
/* ===================== */

.card-header-light {
    background-color: #EBEBEB!important;
}

.card-body-width {
    width: 394px;
}

.text-line-input {
    background-color: transparent;
    outline: none;
    outline-style: none;
    outline-offset: 0;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: solid #DAE0E5 1px;
    padding: 7px;
    margin-left: 15px;
    margin-right: 15px;
    min-width: 8vw;
    max-width: auto;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.text-line-label {
    background-color: transparent;
    /* color: #eeeeee; */
    outline: none;
    outline-style: none;
    outline-offset: 0;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: solid #DAE0E5 1px;
    padding: 7px;
    margin-left: 15px;
    margin-right: 15px;
    width: 10vw;
    max-width: auto;
}


.text-line-input-right {
    background-color: transparent;
    outline: none;
    outline-style: none;
    outline-offset: 0;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: solid #DAE0E5 1px;
    padding: 3px 5px;
    margin-left: 40px;
    margin-right: 15px;
    min-width: 16vw;
    max-width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size:12px;
}

.text-line-label-right {
    background-color: transparent;
    outline: none;
    outline-style: none;
    outline-offset: 0;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: solid #DAE0E5 1px;
    padding: 7px 7px 6px 7px;
    margin-left: 16px;
    margin-right: 15px;
    min-width: 13vw;
    width: 14vw;
    max-width: auto;
    font-size:12px;
}


#accordiom,
#accordiom-2,
#accordiom-3,
#accordiom-4,
#accordiom-5,
#accordiom-6,
#accordiom-7,
#accordiom-8  {
    width: 70vw;
    /* margin-left: 140px; */
}

.card-header-left {
    width: 394px;
}

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

.card-title-right {
    margin: 13px 0;
    padding: 0 20px;
}

.end-row {
    background-color: #EBEBEB!important;
    justify-content: center!important;
}

.btn-end-row {
    padding: 10px 30px;
    border-radius: 6px;
    min-width: 10rem;
}

input#left-5.text-line-input.mb-2.ml-3 {
    color: #669933;
}
::-ms-value {
    font-size: 100px!important;
}


.hidden_col {
    z-index: -1!important;
}
/* ========================= */
/* End Find Customer Profile */
/* ========================= */


/* ========================= */
/* Edit Customer Profile */
/* ========================= */
.card_header_width {width: 394px;}
p .on_off_label {
    content: "asdasd";
}

.text-line-label-edit {
    background-color: transparent;
    /* color: #eeeeee; */
    outline: none;
    outline-style: none;
    outline-offset: 0;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: solid #DAE0E5 1px;
    padding: 7px 7px 6px 7px;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 17px;
    min-width: 9vw;
    max-width: auto;
}

/* textares fixed width */
textarea#left-05.form-control.ml-3 {width: 176px!important;}

.active-clr {
    color: #669933;
}

/* Left-column dropdown size */
.edit-left-drop .form-control .btn.dropdown-toggle.btn-light{
    width: 176px!important;
    padding: 6px 20px;
    border-radius: 5px;
}
/* End Left-column dropdown size */

/* Right-column dropdown size */
.edit-right-drop .form-control .btn.dropdown-toggle.btn-light{
    min-width: 290px!important;
    padding: 6px 20px;
    border-radius: 5px;
    margin-bottom: 7px;
}

/* Right datepicker size */
div.input-group.date.date-right-width {min-width: 290px;}
/* End Right datepicker size */

.edit-right-drop .form-control .btn.dropdown-toggle.btn-light .inner {
    width: 500px!important;
}

.edit-right-drop .bootstrap-select .dropdown-menu {
    min-width: 380px!important;
}
/* End Right-column dropdown size */

/* Left textfield elements */
.form-control-left {
    width: 176px!important;
    height: 35px;
}
.form-control-left:focus {
    border-color: #3C6099;
    color: #3C6099;
}
/* End Left textfield elements */

/* Right textfield elements */
.form-control-right { 
    width: 290px;
    height: 35px;
}

/* btn-icon callendar right height */
img.btn-icon.btn-icon-height {
    height: 33px;
}


.form-control-right:focus {
    border-color: #3C6099;
    color: #3C6099;
}

input#date.form-control.form-control-right {
    width: 228px;
}

.m-t {
    margin-top: -20px!important;
}
/* End Right textfield elements */


/* ========================= */
/* End Edit Customer Profile */
/* ========================= */







/* ====================== */
/* Edit Custom Attributes */
/* ====================== */

.card-opacity {opacity: 0.7;}

.card-body-width-smaller {width: 305px;}



#accordiom-00,
#accordiom-01,
#accordiom-02,
#accordiom-03,
#accordiom-04,
#accordiom-05,
#accordiom-06,
#accordiom-07  {
    width: 16.7vw;
}

.m-t-attr {
    margin-top: -32px!important;
}

.form-control.form-fit:read-only {
    background-color: #ffffff;
    border: solid 1px #dee2e6;
    padding: 10px;
    border-radius: 5px;
}
.form-control.form-fit {
    background-color: #ffffff;
    /* border: solid 1px #dee2e6; */
    padding: 10px ;
    border-radius: 5px;
}

.edit_attr_card_header {
    width: 305px;
}

.attr-table tr td {
    padding: 15px 10px;
}

.text-line-label-right-attr {
    background-color: transparent;
    /* color: #eeeeee; */
    outline: none;
    outline-style: none;
    outline-offset: 0;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: solid #DAE0E5 1px;
    padding: 3px 0;
    margin-left: 20px;
    margin-right: 15px;
    min-width: 14vw;
    max-width: auto;
}

.card_header_width_attr {
    width: 305px;
}

.btn-cta-card {
    background-color: #669933; color:#fff;
}

/* ========================== */
/* End Edit Custom Attributes */
/* ========================== */


/* ====================== */
/* Add Custom Attributes  */
/* ====================== */

.edit-dlt-drop .form-control .btn.dropdown-toggle.btn-light{
    width: 580px!important;
    padding: 6px 20px;
    border-radius: 5px;
    margin-bottom: 7px;
}

.edit-dlt-drop .form-control .btn.dropdown-toggle.btn-light .inner {
    width: 900px!important;
}

.edit-dlt-drop .bootstrap-select .dropdown-menu {
    min-width: 580px!important;
}


.data-type-drop .form-control .btn.dropdown-toggle.btn-light{
    width: 110px!important;
    padding: 6px 20px;
    border-radius: 5px;
    /* margin-bottom: 7px; */
}

.data-type-drop .form-control .btn.dropdown-toggle.btn-light .inner {
    width: 900px!important;
}

.data-type-drop .bootstrap-select .dropdown-menu {
    min-width: 110px!important;
}

.text-line-input-attr {
    background-color: transparent;
    /* color: #eeeeee; */
    outline: none;
    outline-style: none;
    outline-offset: 0;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: solid #DAE0E5 1px;
    padding: 7px;
    margin-left: 15px;
    margin-right: 15px;
    min-width: 14vw;
    max-width: auto;
}

.thead_bg_color {background-color: #FBFBFB!important;}
.th_width {width: 400px;}
.td_width {width: 40px!important;}
.td_width input {width: 55px;}


input.form-control.form-fit.form-control-left.id_width {max-width: 50px;}

input.form-control.form-fit.form-control-left.system_col_width {max-width: 150px;}


/* ========================== */
/* End Add Custom Attributes  */
/* ========================== */



/* =============== */
/* Billing Module */
/* =============== */
.bulk_sub_mt,
.addBulk,
.saved_bulk a,
.saved_bulk .input-group-append {
    float: left;
    position: relative;
}

.addBulk,
.saved_bulk .input-group-append {
    width: 45px;
    margin-left: 20px;
}

.addBulk button {
    transform: translateY(0%);
}

.saved_bulk {
    width: 100%;
    float: left;
    margin-bottom: 10px;
    position: relative;
}

.saved_bulk button {
    transform: translateY(0%);
}

.saved_bulk a {
    line-height: 40px;
    color: #71748d !important;
}

.no-padding-left {
    padding-left: 0;
}

.plusIcon,
.plusIconD {
    transform: translateY(60%);
}

#limit_attempts_daily,
#limit_attempts_daily_direct {
    flex-direction: column;
}

.billing_list .form-group label {
    width: 100%;
}

.m-t-9 {
    margin-top: 9px;
}

/*sender id toggle*/
.toggle.toggle-select.senderID { width:160px !important;}
.toggle.toggle-select.senderID .toggle-inner {width:278px !important;}
.toggle.toggle-select.senderID .toggle-on, .toggle.toggle-select.senderID .toggle-off {width:80px !important;}


.showResults, .testGroup {background-color:#ebebeb;}
.btn-close {float: right;}
.btn-close::after
{
    content:  url('../../../img/close_arrows.png');
    width:11px;
    height:12px;
    position: relative;
    margin-left: 10px;
}
.showResults .text-line-label {flex:1!important; margin-left:0; padding-left:0;}
.showResults h5, .testGroup h5 {font-size: 17px; font-weight: 400;color: #58595B;padding-left:0;  width: 100%;}
.showResults form:first-child {width:50%;}
.btn-close {font-size: 13px; font-weight: 400;color: #58595B; }
.btn-monitor {line-height: 0 !important; height:35px; margin-bottom: 0; margin-left:10px;}

/* =================== */
/* End Billing Module */
/* =================== */




/* ================== */
/* Create new Service */
/* ================== */
.m-t-58 {
    margin-top: 58px;
} 

.p-y-28 {
    padding: 28px 0;
}

.dropdown-lbl-select {
    color: #ffffff;
    background-color: #8697b5;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    white-space: normal;
    word-wrap: break-word;
    max-width: 230px;
}
.dropdown-lbl-select:hover,
.dropdown-lbl-select:focus,
.dropdown-lbl-select:active {
    background-color: #11489e;
}

.dropdown-lbl-select-noprimary {
    color: #ffffff;
    background-color: #11489e;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

.dropdown-lbl-select-active {
    background-color: #11489e;
}


/* ====================== */
/* End Create new Service */
/* ====================== */

/* =============== */
/* Create New User */
/* =============== */
input.form-control.create_user {background-color: #ffffff;}
/* =================== */
/* End Create New User */
/* =================== */

/* ================================ */
/* Schedule Configuration - Service */
/* ================================ */
.innactive {
    cursor:no-drop!important;
}

input:disabled/*,
button:disabled*/ {
    background-color: #ebebeb!important;
}
input:read-only {
    /* border-right: none!important; */
    /* background-color: #ffffff!important; */
}

.footer-btns-right {width: 190px;}

.footer-btns-left {width: 150px;}
/* ==================================== */
/* End Schedule Configuration - Service */
/* ==================================== */



/* ==================== */
/* Manage Notifications */
/* ==================== */
.notification_dropdown {
    width:400px;
    min-height: 400px!important;
}

.scrollable::-webkit-scrollbar {
    display: none;
}

.tab-pane-notifications {
    overflow-y: scroll;
    min-height: 300px!important;
    overflow-x: hidden;
}

.card-body-notifications {
    background-color: transparent;
}

.tab-card-header {
    background-color: transparent;
    margin-top: 0;
}


.tab-card-header ul li a{
    background-color: #ffffff!important;
    color: #000000!important;
    font-weight: 600;
}

.tab-card-header .nav-item {
    border-right: none;
} 

.tab-card-header .nav-item .nav-link {
    padding: 5px 10px;
}

#notification-tabs {
    margin-bottom: -10px!important;
}
#tab_1,
#tab_2,
#tab_3 {
    border-bottom: 3px solid transparent!important;
    font-size: 15px;
}

#tab_3:hover,
#tab_3.active,
#tab_2:hover,
#tab_2.active,
#tab_1:hover,
#tab_1.active {
    border-top: none!important;
    border-left: none!important;
    border-right: none!important;
    border-bottom: 3px solid #3B5F99!important;
}

.padding-fix {
    margin-left: -40px;
}

.padding-fix img {
    opacity: 0.6;
}


.tab_text_size {
    font-size: 14px;
    padding-left: 5px;
}

.card-body-dropdown {
    background-color: transparent;
}

.innactive {
    opacity: 0.7;
    color: #000000;
}

.margin_p p{
    margin: 0;
}

.m-l-5 {
    margin-left: -5px;
}

.button_innactive {
    opacity: 0.4;
    cursor: no-drop!important;
}

/* ======================== */
/* End Manage Notifications */
/* ======================== */


/* ======================== */
/* Connectivity Module */
/* ======================== */
.plusIconAPI_btn, .plusIconMTS_btn, .minusIconSpecialSeason_btn, .same_dates_item .minusIconDates_btn {width: 45px; margin-top: 29px; float: left;}
.input-group-append.out_mt_dlr, .input-group-append.out_mt_pp, .input-group-append.out_mt_fliter {float: left; margin-top:27px; margin-right:20px;}

.same_dates_item label, .white_hours_sameDay_block label, .white_hours_banned_dates label, .out_mt_sender_id_block label {width:100%;}
.banned_upload_block label {width:auto;}
/* .white_hours_banned_dates  .input-group.date,      */
.white_hours_banned_dates_block, .banned_upload_block  {width:100%;}
.white_hours_sameDay_block .input-group.date, .plusIconDLR {width: 45px; margin-left: 20px; margin-top: 0px; margin-left:45px; float: left;}

 .white_hours_sameTime_block .minusIconDates_btn, .white_hours_banned_dates .minusIconDates_btn, .plusIconBannedDatesDates.remove, 
 .plusIconBannedDatesDatesUpload.remove {width: 45px; margin-top: 29px; margin-left:45px; float: left;}
 .plusIconDLR, .plusIconBannedDatesDates {margin-left: 15px;}

 .banned_upload_block a.links {float: left;}
 .banned_upload_block a.links:hover {color: #323A8F;}
 .banned_upload_block .input-group-append {float: left;width: 45px; margin-left: 20px; margin-top: -6px;}
 .banned_upload_block .btn-secondary.bannedDate_file {padding: 2px 8px; float: left;}

 .form-group.out_mt_dlr, .form-group.out_mt_price_point {float: left;}

 .btn-secondary.btn-del 
 {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
  padding: 9px 16px;
 }
 .btn-secondary.btn-del:hover {
      background-color: #E70000;
      border-color: #E70000;
      color: #ffffff;
      padding: 9px 16px;
  }

  .white_hours_sameTime_item .btn.dropdown-toggle.btn-light, .white_hours_sameTime_item .input-group.date, 
  .same_dates_item .btn.dropdown-toggle.btn-light,.same_dates_item .input-group.date,
  .banned_dates_item .btn.dropdown-toggle.btn-light, .banned_dates_item .input-group.date
   {max-width:230px; width:100% !important;}

/*connectivity list*/
  .tab-under-footer {    background-color: #D6D6D6;}
.tab-under-footer .btn-cta {margin-left:0;}
.bootstrap-select .dropdown-menu {
    min-width: auto!important;
}
.trans-dropdown .form-control .btn.dropdown-toggle.btn-light {
    min-width: 120px!important;
width:100% !important;}
   .testChannel {
    background-color: #ebebeb;
}
.btn-close {
    font-size: 13px;
    font-weight: 400;
    color: #58595B;
    float:right;
}
.testChannel .text-line-input {display: block; margin-left:0; padding-left:0;border:0; font-weight:700;}

.xml_field textarea.form-control {width:100% !important;}

.api_item .form-control,
.api_item .btn.dropdown-toggle.btn-light, .api_item .multiselect__tags {max-width:230px; width:100%;}

.form-control.smaller {max-width:130px;}
.form-control.smallerNo {max-width:70px;}
/* ======================== */
/* End Connectivity Module */
/* ======================== */


/* ======================== */
/* Campaigns Module */
/* ======================== */
.collapse.testCampaign {background-color: #ebebeb;}
.links a 
{
    color: #323A8F;
    width: 100%;
    display: block;
    height: 100%;
    line-height: 40px;
}
.collapse.occurences .dot {float: left; margin-top: 9px;margin-left: 10px;}
.collapse.occurences .oc_title {width: auto; float: left; padding-left: 10px;}
.collapse.occurences h5 {margin-bottom:0;}
.collapse.occurences label {padding-left: 1.5rem;}
#testCampaignModal .btn-cancel {padding: 12px 26px;}
.collapse.occurences hr {margin:45px 0 30px 0; width: 100%;}

/*Dashboard*/
.runningOccurence {color:#669933; font-weight:700;}
.occurences.dashboard .progress {margin-bottom:20px;}
.progress-bar {background-color: #669933 !important;}
/* .collapse.occurences.dashboard .oc_title {width: 100%; float: left; text-align:center;padding-left:0px;}
.collapse.occurences.dashboard thead {background-color: rgba(6,27,27, 0.7) !important; color: #ffffff;} */
#piechart {width:100%; max-width:900px;margin:0 auto !important;}
#piechart rect {fill: transparent !important;}
#piechart svg {margin:0 auto !important;}

.collapse.occurences.dashboard .btn-close-table
{
    /* margin: 16px 0 0 366px; */
    padding: 0 4px!important;
    position: relative;
    background: #6B8CBF!important;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    float: right;
}
.collapse.occurences.dashboard .table-titles {font-size: 11px;}

.informative_txt {width:40%; font-size:12px; color: #dc3545; font-style:italic;}

.msg_block {width:100%; background-color:#EAEAEA;padding: 20px;}
.msg_block textarea {width:100%;  max-width:100%;height: 100%; resize: none; outline:none;}
.msg_block .msg_info {background-color:#DEDEDE;padding: 10px; margin-top:20px; font-size:11px;}
.node .msg_block .form-control, .node .msg_block .form-control::placeholder {font-size:11px;}
.node .msg_block .invalid-feedback {font-size:10px;}
.msg_block .msg_info .row .col-6:nth-child(2) {text-align: right;}
.msg_block .msg_info hr {
    width: 25px;
    margin: 15px 0;
    border: none;
    height: 1px;
    background: #58595B;
}
.msg_block .btn.dropdown-toggle.btn-light, .msg_block .dropdown-item, .msg_block .dropdown-menu.show {background-color:#DEDEDE !important; font-size:10px !important;}

/*New Email Campaign*/
.toggle.emailCampType_switch {width: 200px !important;}
.toggle.toggle-select.emailCampType_switch .toggle-inner {width:200px !important;}
.toggle.toggle-select.emailCampType_switch .toggle-on, .toggle.toggle-select.emailCampType_switch .toggle-off {width:100px !important;}

.toggle.defineDaedTag_switch {width: 350px !important;}
.toggle.toggle-select.defineDaedTag_switch .toggle-inner {width:350px !important;}
.toggle.toggle-select.defineDaedTag_switch .toggle-on, .toggle.toggle-select.defineDaedTag_switch .toggle-off {width:175px !important;}

.toggle.target_reminder_switch {width: 350px !important;}
.toggle.toggle-select.target_reminder_switch .toggle-inner {width:350px !important;}
.toggle.toggle-select.target_reminder_switch .toggle-on, .toggle.toggle-select.target_reminder_switch .toggle-off {width:175px !important;}

.configTrack_block .collapse-btn i {
    line-height: 40px;
    padding: 0 13px;
    background-color: #ffffff;
}

.configTrack_block h4 {
    font-weight: 700;
    margin-bottom: 0;
    width: 30%;
    float: left;
    font-size: 14px;
    line-height: 17px;
}
.configTrack_block h4:nth-child(2) 
{
    width:70%;
    text-align: left !important;
    font-size: 16px;
}

.configTrack_block .content {overflow:hidden;}

/*Config modal*/
.configModal.modal .modal-content {padding:0;}
.configModal .modal-content, .configModal .modal-dialog {width:800px; max-width: 100%;}
.configModal.modal .modal-body {
    padding:0;
}

.configModal.modal .modal-header {
    margin-left: 0;
    height: 60px;
    padding: 0;
    border-bottom: 1px solid #D6D6D6;
}
.configModal.modal .modal-header h3 {line-height:60px; padding-left:20px;}

.toggle.cta_switch, .toggle.cta_config_mode_switch, .toggle.cta_config_times_switch {width: 200px!important;}
.toggle.toggle-select.cta_switch .toggle-inner, .toggle.toggle-select.cta_config_mode_switch .toggle-inner, .toggle.toggle-select.cta_config_times_switch .toggle-inner {width:208px !important;}
.toggle.toggle-select.cta_switch .toggle-on, .toggle.toggle-select.cta_switch .toggle-off,
.toggle.toggle-select.cta_config_mode_switch .toggle-on, .toggle.toggle-select.cta_config_mode_switch .toggle-off,
.toggle.toggle-select.cta_config_times_switch .toggle-on, .toggle.toggle-select.cta_config_times_switch .toggle-off {width:100px !important;}

.toggle.content_het_lang_switch, .toggle.reschedule_occur_mode_switch, .toggle.reschedule_occur_segmentMode_switch {width: 300px!important;}
.toggle.toggle-select.content_het_lang_switch .toggle-inner,
.toggle.toggle-select.reschedule_occur_mode_switch .toggle-inner,
.toggle.toggle-select.reschedule_occur_segmentMode_switch .toggle-inner {width:308px !important;}
.toggle.toggle-select.content_het_lang_switch .toggle-on, .toggle.toggle-select.content_het_lang_switch .toggle-off,
.toggle.toggle-select.reschedule_occur_mode_switch .toggle-on, .toggle.toggle-select.reschedule_occur_mode_switch .toggle-off,
.toggle.toggle-select.reschedule_occur_segmentMode_switch .toggle-on, .toggle.toggle-select.reschedule_occur_segmentMode_switch .toggle-off {width:150px !important;}

.define_msg_content_html textarea {overflow-y:scroll;}

.toggle.eligible_status_switch {width: 200px!important;}
.toggle.toggle-select.eligible_status_switch .toggle-inner {width:208px !important;}
.toggle.toggle-select.eligible_status_switch .toggle-on, .toggle.toggle-select.eligible_status_switch .toggle-off {width:100px !important;}

.text_warning
{
    font-size: 12px !important;
    font-weight: normal !important;
    text-align: center !important;
    width: 90%;
    margin: 0 auto;
    color: #E70000;
}
.width650 .modal-content, .width650 .modal-dialog {
    max-width: 650px;
}

.shortcodes_sender_block
{
    background-color: #d6d6d6;
}

.shortcodes_sender_block .channel_name, .shortcodes_sender_block .channel_shortcode, .shortcodes_sender_block .channel_useSenderId, .shortcodes_sender_block .channel_senderId, .shortcodes_sender_block .channel_partnerId
{
    float:left; 
    position:relative; 
    margin-right: 20px;
}
.shortcodes_sender_block .channel_name {width:110px;}
.shortcodes_sender_block .channel_shortcode {width:85px;}
.shortcodes_sender_block .channel_useSenderId {width:90px;}
.shortcodes_sender_block .channel_senderId {width:130px;}
.shortcodes_sender_block .channel_partnerId {width:300px; margin-right: 0px;}

.shortcodes_sender_block p
{
    background-color: #ebebeb;
    width:95%;
    padding:10px 0;
    text-align: center;
}

.toggle.camp_block_mode {width: 200px!important;}
.toggle.toggle-select.camp_block_mode .toggle-inner {width:200px !important;}
.toggle.toggle-select.camp_block_mode .toggle-on, .toggle.toggle-select.camp_block_mode .toggle-off {width:100px !important;}

.status_block.testing .status_title {padding: 12px 5px;}

.toggle.testLangMode_switch {width: 300px!important;}
.toggle.toggle-select.testLangMode_switch .toggle-inner {width:300px !important;}
.toggle.toggle-select.testLangMode_switch .toggle-on, .toggle.toggle-select.testLangMode_switch .toggle-off {width:150px !important;}

.test_results
{
    width: 90%;
    margin: 20px auto;
    position: relative;
}

.activity_blocks .activity_block {max-width: 180px;}
.activity_blocks .activity_title p {font-size: 20px;}
.activity_blocks .activity_block .activity_percentage {font-size: 13px;}

.category_block
{
    width:100%;
    position:relative;
    float:left;
    background-color:#ffffff;
    border-radius:15px;
    height:200px;
    overflow-y:scroll;
}

.category_block.disabled {background-color:#e9ecef;}

.row_cat
{
    width:95%;
    position: relative;
    margin:10px auto;
    border-bottom:1px solid rgba(0,0,0,.1);
    height:40px;
}

.category_block.notMultiple
{
    border-radius:7px;
    height:55px;
    overflow-y:hidden;
}
.category_block.notMultiple .row_cat {height:35px; border:none;}

.selected_cat, .delete_cat
{
    width:100%;
    position: relative;
    float:left;
}
.selected_cat {width:85%; max-width:283px; line-height: 40px;}
.delete_cat {width:15%; max-width:40px; float:right;}

.selected_cat.new_cat {font-weight:700; font-style: italic;}

.toggle.cap_service_config_switch {width: 250px!important;}
.toggle.toggle-select.cap_service_config_switch .toggle-inner {width:250px !important;}
.toggle.toggle-select.cap_service_config_switch .toggle-on, .toggle.toggle-select.cap_service_config_switch .toggle-off {width:125px !important;}

.toggle.cap_config_cat_switch {width: 200px!important;}
.toggle.toggle-select.cap_config_cat_switch .toggle-inner {width:200px !important;}
.toggle.toggle-select.cap_config_cat_switch .toggle-on, .toggle.toggle-select.cap_config_cat_switch .toggle-off {width:100px !important;}

.cap_camp_service_title {
    width: 540px;
    position: relative;
    float: left;
}

.cap_camp_service_title h3 {
    line-height: 60px;
    margin-bottom: 0;
    margin-left: 10px;
}

.cap_camp_service_no {
    width: 119px;
    height: 60px;
    position: relative;
    float: left;
    line-height: 60px;
}

.cap_camp_service_btns {
    width: 60px;
    height: 60px;
    position: relative;
    float: left;
    line-height: 60px;
}

.cap_cam_set_med_specify .cap_camp_service_title {width: 280px;}

.toggle.cap_adv_set_switch {width: 250px!important;}
.toggle.toggle-select.cap_adv_set_switch .toggle-inner {width:250px !important;}
.toggle.toggle-select.cap_adv_set_switch .toggle-on, .toggle.toggle-select.cap_adv_set_switch .toggle-off {width:125px !important;}

/*sentence configuration*/
.sentence_block
{
    width:100%;
    position: relative;
    display:flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: end;
}

.sentence_item {flex:1 0 auto;}

label.info
{
    color:#777fae;
    font-weight: 700;
    font-style: italic;
    font-size:14px;
    margin-bottom: 0;
}
/* ======================== */
/* End Campaigns Module */
/* ======================== */



/* ======================== */
/* ======== Rewards ========*/
/* ======================== */

/* New Reward Scheme */

.select_col_btn {
    color: #fff;
    padding: 6px 30px;
    border-radius: 5px;
    background-color: #669933;
    border: none;
    cursor: pointer;
    transition: 0.4s;
}
.select_col_btn:hover {
    background-color: #476B23;
    border: none;
}
.select_col_btn:focus {
    background-color: #CDCDCD;
    color: #58595B;
    
}

.select_rewards_tab {
    padding: 10px 50px 40px 50px;
}

.select_rewards_item_tab {
    padding: 75px 45px 40px 45px;
}


.basket_drop {
    padding: 2px 7px;
    border: none;
    background-color: #EBEBEB;
    display: block;
    float: right;
    transition: 0.4s;
    margin-top: 2px;
}

.basket_drop:hover {
    background-color: #2B2D42;
}

.basket_drop:focus {
    border: none!important
}

:focus {outline: none!important;}
.basket_btn {
    width: 40px;
    height: 46px;
    display: block;
    /* margin-left: .25rem; */
    background: url("../../../img/Basket_icon.png");
    transition: 0.3s;
}

.basket_drop_opt {
    margin-right: 65px;
    min-width: 25.5rem;
    margin-left: -361px;
    margin-top: 2px;
    border-top-right-radius: 0;
    border-top-left-radius: 7px!important;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    border: 2px solid #9495A0;
}

.first_row {width:100%; position:relative; float:left; margin:10px 0; height:50px;}
.select_all_top_switch {position: relative; float:left; margin-top: 2px; width:250px;}
.select_all_top_switch label {float: left !important; position: relative; margin-top: 10px;}
.select_all_top_switch .toggle.toggle-select {float: left; margin-left:15px;}

.equal_priority_yes {position: relative; float: left; width:316px;}
.select_stock {position: relative; float: left; width:370px;}
.stock_info {position: relative; float: left; width:50px; height:50px;}
.stock_info .info_btn, .stock_info .info_btn:hover {width:40px; height:40px;}

.col_pad {padding-left: 0!important;}
.col_pad .dropdown-item:hover {background-color: transparent!important;}
.col_pad .dropdown-item {cursor: auto!important; text-overflow: ellipsis; overflow: hidden;}
.col_pad .dropdown-item.notOverflow {cursor: auto!important; text-overflow: inherit; overflow: hidden; white-space: normal;}
.links .col_pad .dropdown-item {color: #212529 !important;}
.col_pad .dropdown-item img {width:22px; height:22px;}

.hr_drop_basket {
    width: auto;
    margin: 0px 0px 0px 20px;
    background: none;
    border-top: 1px solid rgba(0,0,0,.1);
}

.basket_items {
    width: 45px;
    height: 45px;
    background-color: red;
    border-radius: 50%;
    position: absolute;
    /* margin-left: 840px; */
    right:0;
    margin-top: 6px;
}

.basket_items_numb {
    position: absolute;
    margin-left: 18px;
    margin-top: 12px;
    color: #ffffff;
    font-size: 17px;
    
}

.btn_arrows_reward {
    background: transparent;
    border: none;
    padding: 0;
    margin-left: 45px;
    position: relative;
    top: -6px;
    left: 20px;

}

.btn_arrows_reward .fa-angle-up {
    color: #58595B;
    margin-left: -22px;
    margin-top: 10px;
}

.btn_arrows_reward .fa-angle-down {
    color: #58595B;
    margin-left: -15px;
    /* margin-top: 10px; */
    margin-top: -10px;
    position: absolute;
}

.up_down_btns {
    margin-top: 10px;
}

.form-control.form-control-rewards {
    max-width: none;
    width: 100%;
    background-color: transparent !important;
    border: 0;
}

.form-control.form-control-rewards-quant {
    width: 70px!important;
    border: none!important;
    background-color: transparent!important;
    position: absolute;
    margin-top: -20px!important;
    margin-left: 5px!important;
    background: none!important;
}


.td_invalid {
    background-color: #EAEAEA;
    cursor: no-drop!important;
}

.rule_row .rule_no
{
    width:85px;
    height:50px;
    background-color: #3eba61;
    color: #ffffff;
    text-align: center;
    font-size: 30px;
    line-height: 50px;
    font-weight: 700;
    margin-bottom: 0;
    float: left !important;
}

.rule_row .condition_based {
    font-weight: 400;
    font-size: 14px;
    position: relative;
    float: left;
    color: inherit;
}

.rule_row .dlt-w {background-color: #cccccc;}
.rule_row .dlt-w:hover {background-color: #e80000;}

/* Search tab and tabs */

#adv_search_reward {
    margin-top: -1px;
    border-top: 9px solid #2B2D42;
}

#adv_search, #overview {
    margin-top: -1px;
    border-top: 9px solid #2B2D42;
}

#search-input {
    height: 40px;
    margin-top: 5px;
}

#tab-item-search a, #overview .onlyOverview a{
    margin: 15px 0 0 212px!important;
    padding: 0 4px!important;
    position: absolute;
    background: #6B8CBF!important;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    transition: 0.4s;
    right:0;
}
#overview .onlyOverview a {margin: -39px 0 0 0px!important; right: 15px;}
#overview .onlyOverview a.active {background: #2B2D42!important;}

#tab-item-search.onlyOverview a {margin: -28px 0 0 212px!important;}
#tab-item-search.onlyOverview a.appContentOverview {margin: -40px 0 0 212px!important;}

#tab_smaller a {
    margin: 16px 0 0 272px!important;
    padding: 0 4px!important;
    position: absolute!important;
    background: #6B8CBF!important;
    border-top-left-radius: 7px!important;
    border-top-right-radius: 7px!important;
    transition: 0.4s!important;
}

#tab-item-search a.active {
    background: #2B2D42!important;
}

#tab_smaller a.active {
    background: #2B2D42!important;
}

.tab-item .nav-link {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    font-size: 14px;
    padding: 18px 11px;
}

.tab_item_1 {
    margin-left: -10px!important;
}
.tab_item_2 {
    margin-left: 3px!important;
}
.tab_item_3 {
    margin-left: 3px!important;
}
.tab-item {
    margin-left: 12px;
}

.tab_reward a {
    padding: 18px 70px!important;
}

.tab_item_3.tab_reward a{
    padding: 18px 40px!important;
}
/* End Search tab and tabs */

.plusIconDates_btn, .plusIconRewards_btn {
    width: 45px;
    margin-top: 29px;
    float: left;
}
.defined_thres .btn-examples {padding: 4% 4% !important;}

.toggle.instant_draw_quantity_switch {width: 200px!important;}
.toggle.toggle-select.instant_draw_quantity_switch .toggle-inner {width:208px !important;}
.toggle.toggle-select.instant_draw_quantity_switch .toggle-on, .toggle.toggle-select.instant_draw_quantity_switch .toggle-off {width:100px !important;}

.equal_priority_yes label {float: left !important; margin-top:6px; margin-right:10px;}
.equal_priority_yes input[type=number] {color:#6d9e3c; font-weight: bold; font-size:20px;padding: 0px 15px !important; margin-top: 5px !important; width: 100px;}
.equal_priority_yes input[type=number].red {color:#E70000;}
.form-control.select_outOfStock, .select_outOfStock .btn.dropdown-toggle.btn-light {max-width:200px !important; width:200px !important;}
/* End New Reward Scheme */



/* Edit Reward Allocation Group */
.btn-examples-top {border-radius: 5px!important;}
.date_disabled input::placeholder {color: #D6D6D6;}

.info_btn, .disabled .info_btn:hover, .disabled .info_btn:focus{
    width: 50px;
    height: 50px;
    background: url("../../../img/info_btn-1.png") no-repeat center center;
    background-color: #EBEBEB;
    transition: 0.4s;
    border: none;
    cursor: pointer;
}

.info_btn:focus,
.info_btn:hover { 
    width: 50px;
    height: 50px;
    /* margin-top: -10px; */
    /* margin-left: 510px; */
    background: url("../../../img/info_2_btn.png") no-repeat center center;
    background-color: #2B2D42 !important;
    transition: 0.3s;
    border: none;
    /* position: absolute; */
}
.disabled .info_btn:hover, .disabled .info_btn:focus {background-color: #EBEBEB !important;}

/*info btn details*/
.info_btn.details, .disabled .info_btn.details:hover, .disabled .info_btn.details:focus
{
    background: url("../../../img/details_btn.png") no-repeat center center;
}
.info_btn.details:focus, .info_btn.details:hover {background: url("../../../img/details_w_btn.png") no-repeat center center;}

.width40 .info_btn,.width40 .info_btn:hover, .width40 .info_btn:focus
{
    width:40px;
    height:40px;
}
table .info_btn {
    background-color: transparent;
    height: 100%;
    transition: none;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
table .info_btn:hover, table .info_btn:focus
{
    height: 100%;
    transition: none;
}

table .form-control, table .custom-select, table .form-group-width {font-size:12px;}


/* End Edit Reward Allocation Group */

/* New Catalogue Reward Allocation Instance */
.toggle.vg_token_switch {width: 200px !important;}
.toggle.toggle-select.vg_token_switch .toggle-inner {width:200px !important;}
.toggle.toggle-select.vg_token_switch .toggle-on, .toggle.toggle-select.vg_token_switch .toggle-off {width:100px !important;}

.toggle.unlimited_switch {width: 230px !important;}
.toggle.toggle-select.unlimited_switch .toggle-inner {width:230px !important;}
.toggle.toggle-select.unlimited_switch .toggle-on, .toggle.toggle-select.unlimited_switch .toggle-off {width:115px !important;}

/* New Point Based Draw Allocation Instance */
.toggle.manual_switch {width: 200px !important;}
.toggle.toggle-select.manual_switch .toggle-inner {width:200px !important;}
.toggle.toggle-select.manual_switch .toggle-on, .toggle.toggle-select.manual_switch .toggle-off {width:100px !important;}

.toggle.points_collection_switch {width: 300px !important;}
.toggle.toggle-select.points_collection_switch .toggle-inner {width:300px !important;}
.toggle.toggle-select.points_collection_switch .toggle-on, .toggle.toggle-select.points_collection_switch .toggle-off {width:150px !important;}

/* New Guaranteed Reward Allocation Instance */
.toggle.tokens_trans_switch {width: 200px !important;}
.toggle.toggle-select.tokens_trans_switch .toggle-inner {width:200px !important;}
.toggle.toggle-select.tokens_trans_switch .toggle-on, .toggle.toggle-select.tokens_trans_switch .toggle-off {width:100px !important;}

/* New Instant Draw Allocation Instance */
.toggle.no_stock_switch {width: 350px !important;}
.toggle.toggle-select.no_stock_switch .toggle-inner {width:350px !important;}
.toggle.toggle-select.no_stock_switch .toggle-on, .toggle.toggle-select.no_stock_switch .toggle-off {width:175px !important;}

.toggle.inst_draw_prob_mode_switch {width: 300px !important;}
.toggle.toggle-select.inst_draw_prob_mode_switch .toggle-inner {width:300px !important;}
.toggle.toggle-select.inst_draw_prob_mode_switch .toggle-on, .toggle.toggle-select.inst_draw_prob_mode_switch .toggle-off {width:150px !important;}

.toggle.percent_switch {width: 200px !important;}
.toggle.toggle-select.percent_switch .toggle-inner {width:200px !important;}
.toggle.toggle-select.percent_switch .toggle-on, .toggle.toggle-select.percent_switch .toggle-off {width:100px !important;}

.toggle.gradually_switch {width: 250px !important;}
.toggle.toggle-select.gradually_switch .toggle-inner {width:250px !important;}
.toggle.toggle-select.gradually_switch .toggle-on, .toggle.toggle-select.gradually_switch .toggle-off {width:125px !important;}

.toggle.enddate_switch {width: 250px !important;}
.toggle.toggle-select.enddate_switch .toggle-inner {width:250px !important;}
.toggle.toggle-select.enddate_switch .toggle-on, .toggle.toggle-select.enddate_switch .toggle-off {width:125px !important;}

.toggle.clear_adapt_prob_switch {width: 300px !important;}
.toggle.toggle-select.clear_adapt_prob_switch .toggle-inner {width:300px !important;}
.toggle.toggle-select.clear_adapt_prob_switch .toggle-on, .toggle.toggle-select.clear_adapt_prob_switch .toggle-off {width:150px !important;}



.dropdown_allo_info {
    /* margin-right: 310px!important; */
    /* margin-right: 152px!important; */
    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 #9495A0;
    width: 420px;
    min-width: 415px;
    /* position: absolute; */
}

.dropdown_allo_info.auto 
{
    width: auto !important;
    min-width: 320px;
}

.dropdown_allo_info.xsmall 
{
    width: auto !important;
    min-width: 200px;
}

.btn_no_round {
    padding: 0; 
    height: 40px; 
    border: none; 
    /* margin-left: 1020px; */
    margin-top: -12px;
    position: absolute;
}

.advanced_criteria .btn.dropdown-toggle.btn-light {width: 150px!important;}

.minus {
    position: absolute;
    margin-left: 171px;
    margin-top: -40px;
    padding: 8px 18px !important;
}

.info_btn_tab_2 {
    margin-left: 963px!important;
    margin-top: 2px!important;
}

.info_btn_tab_3 {
    margin-left: 73px!important;
    margin-top: 2px!important;
}

.reward_item_drop_align {
    margin-left: 0px;
    margin-bottom: 25px;
}

.reward_item_select_align {
    padding-top: -20px!important;
}

.btn_no_round_2 {
    padding: 0; 
    height: 40px; 
    border: none; 
    margin-left: 965px; 
    margin-top: 2px;
    position: absolute;
}

.btn_no_round_3 {
    padding: 0; 
    height: 40px; 
    border: none; 
    /* margin-left: 75px;  */
    margin-right: -74px;
    margin-top: 2px;
    position: absolute;
}
/* End New Guaranteed Reward Allocation Instance */

/*Manage Reward Allocation Instances*/
.filters_info {
    width:300px;
    position:absolute;
    top: 54px; 
    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;
    right: 0;
}

.filters_info label
{
    font-size:12px;
    padding: 4px 10px;
    color: #9398bc;
    font-weight: 700;
}



/* Manage Reward Schemes */

.dropdown_table_opt {
    top: 8px!important;
    left: -5.5vw!important;
    border-top-right-radius: 0!important;
    border-top-left-radius: 7px!important;
    border-bottom-left-radius: 7px!important;
    border-bottom-right-radius: 7px!important;
    border: 2px solid #9495A0!important;
}

.links.active {background-color: #2B2D42; color:#fff;}
/* End Manage Reward Schemes */




/* Reward Overview */

.text-line-label-reward {
    font-size: 12px;
    padding: 7px 5px!important;
    /* width: 8vw!important; */
    width: 12vw!important;
    color: #58595B;
}

.text-line-input-reward {
    width: 15vw;
}


.text-line-input-right-rewards {
    min-width: 17vw!important;
}

.text-line-label-right-id {
    padding: 7px 4px!important;
    width: auto!important;
    font-weight: bold!important;
    border: none!important;
}
.text-line-label-right-title {
    padding: 7px 5px!important;
    width: 8vw!important;
    font-weight: bold!important;
    border: none!important;
}
.text-line-label-right-type {
    padding: 7px 5px!important;
    width: 7vw!important;
    font-weight: bold!important;
    border: none!important;
}




.text-line-rewards-accordiom {
    padding: 7px 5px!important;
    width: auto;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: solid #DAE0E5 1px;
    padding: 7px 7px 6px 7px;
    color: #58595B;
    margin-bottom: 7px;
    font-size: 12px!important;
}
.id2 {width: 4vw;}
.title2 {width: 13vw;}
.type2 {width: 8vw;}
.quantity2 {width: 5vw;}

/* End Reward Overview */



/* Groups of Reward Scheme */
.tab_dropdown
{
    position: absolute;
    right: 0px;
}
.tab_dropdown a {
    background-color: transparent!important;
    font-size: 12px!important;
}

.tab_dropdown .col_pad {padding-left: 13px!important; padding-right: 13px!important;}

.tab_drop_btn {
    border: none;
    height: 39px;
    width: 48px;
    padding: 0px 4px;
    background-color: #6B8CBF;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    /* margin-left: 760px; */
    margin-top: 16px;
    transition: 0.4s;
}

.tab_drop_btn:hover,
.tab_drop_btn.active,
.tab_drop_btn.active:hover {
    background-color: #2B2D42;
}

/* End Groups of Reward Scheme */





/* Title of Group */

.inst_col1 {width: 8vw;}
.inst_col2 {width: 9vw;}
.inst_col3 {width: 18vw;}

/* End Title of Group */




/* ======================== */
/* ====== End Rewards ======*/
/* ======================== */



/* ======================== */
/* ======= eVouchers =======*/
/* ======================== */
.btn-tab-footer-edit1 { 
    font-size: 14px;
    padding: 15px 30px;
    border-radius: 10px;
}
.btn-tab-footer-edit2 { 
    font-size: 14px;
    padding: 15px 22px;
    border-radius: 10px;
}


/* New Unique eVoucher */

.fixed_width.bootstrap-select .dropdown-menu .inner {
    width: 234px;
    overflow-y: unset;
}

.add_category_btn {
    font-weight: bold;
    font-size: 14px;
}

.half_width .btn.dropdown-toggle.btn-light {width: 115px;}
.half_width {width: 115px;}


.time_period_drop .btn {
    font-size: 12px!important;
}

.help_tool {
    content: url("../../../img/help_1_btn.png");
    margin-top: -10px;
    position: absolute;
}
.help_tool:hover {
    content: url("../../../img/help_2_btn.png");
}

.green_textfield {
    background-color: #ffffff!important;
    font-size: 18px;
    color: #669933!important;
    font-weight: bold;
    text-align: center;
}
.characters_btn {
    padding: 0;
    width: 40px;
    height: 40px;
    border: 1px solid #CED4DA;
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
    background-color: #ffffff;
}

.characters_btn:hover {
    background-color: #CED4DA;
}

.img-thumbnail {
    width: 400px;
}

.tab_width {width: 150%!important;}

/* Modal */
.container_left,
.container_center,
.container_right {
    background-color: #D6D6D6;
}


.container_left {max-width: 215px!important;}
.charactersModal
{
    width: calc(100vw - 300px);
    float: right;
    position: relative;
    top: 68px;
    height: calc(100vh - 68px);
}
.modal_content_char,
.modal_dialog_char {
    /* max-width: 1126px;
    height: auto;
    max-height: auto!important;
    border-radius: 15px;
    border: none;
    margin-top:38px; */
    height: 90vh;
    max-height: 900px;
    width: 100%;
    max-width: 1126px;
    top: 50%;
    transform: translateY(-50%) !important;
    margin: 0 auto;
    border-radius: 15px;
}
.char_content
{
    max-height: 700px;
    overflow-y: scroll;
    overflow-x: hidden;
    height: 68vh;
}
.modal_content_small {
    max-width: 306px;
    /* height: auto; */
    /* max-height: auto!important; */
    border-radius: 15px;
    border: none;
    margin: auto;
}


.ml-19 {margin-left: -19px;}
.ml-7 {margin-left: -6px;}
.ml-15 {margin-left: -18px;}
.ml-40 {margin-left: -120px;}
/* End New Unique eVoucher */



/* New Generic eVoucer */
.large_textarea {
    width: 500px!important;
}
/* End New Generic eVoucer */

/* Manage eCouchers */
.ref_btn {margin-left: -28px;}

.dot_eVoucher {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #669933;
    margin-left: 10px;
}

.eVoucher_trans_dropdown .form-control .btn.dropdown-toggle.btn-light {
    width: 85px;
    border: none;
    background-color: #ffffff;
}
/* End Manage eCouchers */



/* eVouchers Overview */
    .w_18vw {min-width: 16.4vw!important;}
    .w_14vw {min-width: 14vw!important;}
/* End eVouchers Overview */


input[type=number] {
    /*url("../../../img/arrows_btn.png") no-repeat right -0.15rem center!important;*/
    background: #fff ;
    padding: 6px!important;
    float: left !important;
    /* pointer-events: none; */
    /* position: absolute; */
   /* background: none;*/
   border-top-right-radius: 7px !important;
   border-bottom-right-radius: 7px !important;
}

.char_modal .radio_holder, .char_modal .info_holder {flex: 0 auto;align-self: center!important;}
.char_modal .radio_holder {width:40px;}
.char_modal .radio_holder.radio_holder_title {width:84%;}
.char_modal .radio_holder.radio_holder_title.two_col {width:100%;}
.char_modal .radio_holder.radio_holder_title [type="radio"]:not(:checked) + label {width: 90%; text-align: left; padding-left: 25px;}
.char_modal [type="radio"]:not(:checked) + label {width: 33px; text-align: right;}
.char_modal [type="radio"]:not(:checked) + label:before {left: 0%; transform: translateX(0%);}
.char_modal [type="radio"]:checked + label {padding-left: 25px;}

 .char_modal .column {flex:0 50%;}
 .char_modal .column .row {width: 100%; margin: 0;}
 .char_modal .lowerText label {text-transform: lowercase;}
 .char_modal .lowerText .radio_holder.radio_holder_title label {text-transform:capitalize;}

 .allow_code_recycle .input-group,
 .allow_code_recycle .btn.dropdown-toggle.btn-light {
    width: 100px!important;
}
/* ======================== */
/* ===== End eVouchers =====*/
/* ======================== */




/* ============================ */
/* USERS Create New Role (adds) */
/* ============================ */
.role_module_name {
    width: 620px;
    height: 60px;
    margin-right: 10px;
    position: relative;
    float: left;
}
.role_module_select.bootstrap-select.form-control, .role_module_select .btn.dropdown-toggle.btn-light, .role_module_select .multiselect__tags
{
    background-color: #f3f3f3 !important;
    border-color: #f3f3f3 !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    width: 300px !important;
    max-width: 300px !important;
}
.role_module_select.bootstrap-select.form-control {margin-top: 6px !important;}

.role_module_selected 
{
    position: relative;
    float: left !important;
    width: 500px;
    max-width: 500px !important;
    border:0 !important;
    font-size:22px !important; 
    font-weight:700 !important;
    height:40px;
    line-height: 40px;
    color:#58595b;
    top: 50%;
    transform: translateY(-50%);
}

.role_module_name.orangeSub {width: 596px; margin-left:10px;} 

.switch.orangeSub
{
    position:relative;
    top:50%;
    transform:translateY(-50%);
}

.role_module_btns
{
    width: 130px;
    height: 60px;
    position: relative;
    float: left;
}

.role_module_btns a {
    height: 40px;
    width: 40px;
    float: left;
    position: relative;
}

.role_module_btns a i {
    line-height: 40px;
    padding: 0 13px;
    background-color: #ffffff;
    border-radius: 5px;
}

.role_module_btns .dlt-w
{
    top: 50%;
    transform: translateY(-50%);
    position: relative;
}

.colored_col_blue {
    background-color: #3c6198;
    width: 10px;
    height: 60px;
    position: relative;
    float: left;
}

.role_module_selected_blue
{
    position: relative;
    float: left !important;
    width: 485px;
    max-width: 485px !important;
    border:0 !important;
    font-size:14px !important; 
    padding-left: 10px;
    height:60px;
    line-height: 60px;
    color:#58595b;
}
.role_module_selected_blue.expanded_sub {font-size:16px !important; font-weight: 700; font-style: italic;}
.role_module_selected_switch
{
    width:auto;
    position: relative;
    float: right;
    height:60px;
}

.role_module_selected_switch .toggle
{
    position:relative;
    float: right;
    margin-right:10px;
    top:50%;
    transform:translateY(-50%);
}

.role_module_selected_details
{
    width:65px;
    height:60px;
    float: right;
    position: relative;
}

.role_module_selected_details a {
    height: 40px;
    width: 40px;
    float: left;
    position: relative;
    
}

.role_module_selected_details a i {
    line-height: 40px;
    padding: 0 13px;
    background-color: #ffffff;
    border-radius: 5px;
    border: 1px solid #dadada !important;
}
.basic_sub, .details_sub
{
    width:100%;
    position: relative;
    float:left;
}

.details_sub label {margin-bottom:0; line-height:40px;}
.details_sub label.switch {margin-bottom:auto;}

.details_sub p {width:280px; float: left; margin-left: 5px;}
.details_sub .widthAuto {width:auto; margin-right: 10px; flex: 0 auto;}
.details_sub .switch.allSelected {margin:inherit !important;}

.role_mod_title
{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: #58595B;
    padding-left: 0;
    float: left;
}

.role_mod_title_line {
    background: #a4a4a6;
    height: 2px;
    flex: 1;
    content: '';
    width: 33vw;
    margin-left: 20px;
    display: inline-block;
    margin-top: 18px;
}

.lightbox.inRow {min-height:60px;} 

.details_sub_row {
    display: table;
    position: relative;
    border:1px solid #dee2e6;
    width: 97%;
    margin: 0 auto;
    
  }
  .details_sub_col {
    display: table-cell;
    vertical-align: middle;
    width: 358px;
    height: 40px;
  }
  .details_sub_col:first-child {border-right:1px solid #dee2e6;}
  .details_sub_col.noCellBorder {border-right:1px solid transparent;}
  .details_sub_col_content
  {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .details_sub_col_content p {flex:0 80%; padding: 5px 0;}
  .details_sub_col_content label {flex:0 13%; margin-right: 10px;}


  /*USERS Management*/
  .user_services {border:1px solid rgba(0,0,0,.1)}

  .user_services_title {
    width: 100%;
    height: 37px;
    background-color: #24263b;
    padding: 8px;
}

.user_services_title h3
{
    color: #ffffff;
    font-weight: bold;
    margin-bottom: 0;
}

.user_services_content
{
    max-height:180px;
    overflow: auto;
    max-width: 1050px;
    overflow-x: hidden;
}
.user_services_content_titles { max-width: 1030px; font-size:14px;}

.user_services_content .dropdown-item {
    height: 45px;
    padding: 0;
    border-bottom: 1px solid rgba(0,0,0,.1);
    line-height: 45px;
    max-width:450px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.openDetails
{
    width: 40px;
    position: relative;
    display: inline-table;
    margin-left: 10px;
}
.openedRow .openDetails {background-color: #2B2D42;}

.toggle.method_auth_switch {width: 300px !important;}
.toggle.toggle-select.method_auth_switch .toggle-inner {width:300px !important;}
.toggle.toggle-select.method_auth_switch .toggle-on, .toggle.toggle-select.method_auth_switch .toggle-off {width:150px !important;}

.toggle.ext_user_service {width: 200px !important;}
.toggle.toggle-select.ext_user_service .toggle-inner {width:200px !important;}
.toggle.toggle-select.ext_user_service .toggle-on, .toggle.toggle-select.ext_user_service .toggle-off {width:100px !important;}

.ext_user_pass input {
    background: #fff url('../../../img/note_btn.png') no-repeat right 0.75rem center!important;
    font-size: 17px;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 46px;
    cursor: pointer;
}

.ext_user_pass input:disabled {background-color: #ebebeb!important;}

.user_int_username
{
    background: #fff url('../../../img/search_btn.png') no-repeat right 0.75rem center!important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}

input:disabled.user_int_username {background-image:none !important;}
.plain_text {font-weight: normal !important;}

.user_services_list {
    max-height: 180px;
    overflow: auto;
    margin-left:0;
}

.user_services_list .dropdown-item {
    height: 45px;
    padding: 0;
    border-bottom: 1px solid rgba(0,0,0,.1);
    line-height: 45px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.smallText
{
    font-size:11px;
    position: relative;
    width: 185px;
}

.modal .pass_txt
{
    border-right: transparent;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.modal .eye_btn, .modal .eye_btn.show, .modal .eye_btn:hover, .modal .eye_btn.show:hover
{
    background-image: url("../../../img/eye_b_btn.png");
    background-color:transparent;
    border: 1px solid #ced4da;
    border-left: transparent;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.modal .eye_btn.error, .modal .eye_btn.error.show {border-color:#dc3545;}

.modal .eye_btn.show, .modal .eye_btn.show:hover {background-image: url("../../../img/eye_btn.png");}
/* ================================ */
/* End USERS Create New Role (adds) */
/* ================================ */






/* ================================ */
/* ======= Rewards Management ===== */
/* ================================ */


/* New eVoucher Reward Item */

.input_number_width {
    width: 120px;
}

input[type=number].input_number_locked, input[type=text].input_locked, input[type=password].input_locked, textarea.input_locked   {
    background: #f0f0f0 url("../../../img/lock.png") no-repeat right 0.75rem center!important;
    cursor: no-drop;
    opacity: 0.7;
}
/* input[type=text].input_locked { font-size:12px;} */

.form-control.reward_textarea {
    width: 100%!important;
    max-width: 100%;
}

.text_field_area {
    background-color: #EAEAEA;
    padding: 20px;
    border-radius: 1px;
}

.character_area {
    background-color: #D6D6D6;
    height: 123px;
    width: 155px;
    border-radius: 6px;
    padding-left: 0px;
    padding-top: 17px;
    /* margin-top: 5px; */
}

.char_used,
.char_used_2 {
    color: #58595B;
    text-align: center;
}

.char_used_2 {
    font-size: 22px;
}

.rewards_addfile_text  {
    display: none;
}

.rewards_addfile {
    cursor: pointer;
    background: url("../../../img/upload_icon.png") no-repeat scroll right center;
    padding-right: 13px;
    background-origin: content-box;
    background-size: 25px 25px;
    background-color: #ffffff;
    width: 100%;
    max-width: 100%;
    margin-bottom: 27px!important;
}

.btn_play_video {
    border-radius: 4px;
    margin-left: 30px;
    color: #ffffff;
    margin-bottom: 27px;
    /* min-width: 125px; */
}

.btn_del_rewards {
    padding: 1px;
    border-radius: 4px;
    margin-left: 30px;
    margin-bottom: 27px;
}

.disabled_btn,
.disabled_btn:hover {
    background-color: #CDCDCD;
}

.modal_content_proceed {
    min-width: 523px;
    min-height: 260px;
    border-radius: 15px;
    border: none;
    margin: auto;
}

.conf_req_text {
    /* margin-top: 20px; */
}

.sure_text {
    margin-top: 56px!important;
    font-size: 17px!important;
}

.half_width_2 {width: 112px;}

.inst_width {width: 9vw;}

.date_col_width {width: 5vw;}

.numb_positive {color: #669933;}
.numb_negative {color: #E70000;}
/* End New eVoucher Reward Item */



/* Manage Rejected Instances of Reward Item */

.tab_drop_btn_reward {
    border: none;
    height: 39px;
    padding: 0px 4px;
    background-color: #6B8CBF;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    margin-left: 969px;
    margin-top: 16px;
    transition: 0.4s;
}

.tab_drop_btn_reward:focus {
    background-color: #2B2D42;
}

.card_body_padding {
    padding: 17px 13px 25px 13px;
}

.bulk_btns_content {
    background-color: #EBEBEB;
    height: 50px;
    width: 1070px;
    margin-bottom: 17px;
}

.bulk_btns_content p {
    font-size: 13px;
    margin-top: 14px;
    margin-left: 10px;
}

.bulk_btns {
    margin-left: 427px;
    margin-top: 4px;
}

.bulk_btn {
    background-color: #CDCDCD;
    border-radius: 5px;
    padding: 0;
}

.card_margin {margin-top: -40px;}

.rewards_sure_text {
    margin-top: 35px!important;
    font-size: 15px!important;
}

/* End Manage Rejected Instances of Reward Item */




/* Manage Reward Item Available Quantity */
.proceed_modal_subtitle {
    margin-bottom: -10px;
    padding-top: 5px;
}
/* End Manage Reward Item Available Quantity */

.left-border-orange {border-left:7px solid #f7941d;}
.lightgrey_bg {
    background-color: #ebebeb;
    border-radius: 0px;
    padding: 13px 0;
    width: 100%;
    margin: 0 auto;
    position: relative;
}

/* ================================ */
/* ===== End Rewards Management ====*/
/* ================================ */


 /* ========================== */
/* Content Management */
/* ========================== */
.grey_bg
{
    background-color: #DEDEDE;
    border-radius: 0px;
    padding: 13px 0;
    width: 100%;
    margin: 0 auto;
}
.dlt-w {
    width: 35px; /*40px;*/
    height: 35px; /*40px;*/
    background-color:#e60000;
    background-image: url("../../../img/delete_w_btn.png");
    background-position: center;
    background-repeat: no-repeat;
    transition: 0.3s;
    border-radius: 5px;
}

.text_content_group {width:100%; position: relative; float: left;}
.text_content_group .input-group {width:100% !important;}

.media_content_group .max_size_allowed, 
.file_content_group .max_file_size_allowed {width:45% !important; float: left; margin-left: 10px;}

.media_content_group .max_size_allowed .btn.dropdown-toggle.btn-light, 
.file_content_group .max_file_size_allowed .btn.dropdown-toggle.btn-light {width:100% !important;}

.dot-inUse {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #669933;
    position: relative;
    margin:0 auto;
}

.dot-notInUse {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #E70000;
    position: relative;
    margin:0 auto;
}

.dot-orange {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #f8931f;
    position: relative;
    margin:0 auto;
}

.overview_table {width:95%; margin:0 auto; display: flex; flex-direction: row; justify-content: space-evenly;}
.overview_table_item {flex:1 1 0; width:0;}
.overview_table_item label {width:80%;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.text_content_group .grey_bg {width:auto;}
.text_content_group .btn.dropdown-toggle.btn-light,
.media_content_group .btn.dropdown-toggle.btn-light,
.file_content_group .btn.dropdown-toggle.btn-light,
.selectUserID .btn.dropdown-toggle.btn-light {width:100%;}

.table-titles {font-size: 13px;}
.text-line-label, .text-line-input {font-size: 12px;    color: #58595B;}
td {font-size: 12px;}

.text_content_group .table-col200-width,
.media_content_group .table-col200-width,
.file_content_group .table-col200-width {width:200px !important;}

.text_content_group .table-col150-width,
.media_content_group .table-col150-width,
.file_content_group .table-col150-width {width:150px !important;}

.removeSortingArrows {padding: 0.75rem !important;}
.removeSortingArrows.sorting_asc:before, .removeSortingArrows.sorting_asc:after {
    content: '' !important;
}

.datatable.silo [type="radio"]:checked + label, .datatable.silo [type="radio"]:not(:checked) + label {padding-left:0 !important;}
.datatable.silo [type="radio"]:checked + label:before, .datatable.silo [type="radio"]:not(:checked) + label:before
{
    left:50%;
    transform: translateX(-50%);
}
.datatable.silo [type="radio"]:checked + label:after, [type="radio"]:not(:checked) + label:after {left: -6px;}

/*===CUSTOM RADIO===*/
/* Hide the browser's default radio button */
.radio-container
{
	position: relative;
	float: right;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: 100%;
	flex: 0 0 50%;
    height: 20px;
}
.radio-container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	right: 0;
}

/* Create a custom radio button */
.checkmark {
	position: absolute;
	top: 0;
	right: 0;
	height: 25px;
	width: 25px;
	background-color: transparent;
    border: 1px solid #dfdfdf;
	border-radius: 50%;
  }
  /* On mouse-over, add a grey background color */
.radio-container:hover input ~ .checkmark {
	background-color: #ccc;
  }
  
  /* When the radio button is checked, add a blue background */
  .radio-container input:checked ~ .checkmark {
	background-color: transparent;
  }
  /* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
  }
  
  /* Show the indicator (dot/circle) when checked */
  .radio-container input:checked ~ .checkmark:after {
	display: block;
  }
  
  /* Style the indicator (dot/circle) */
  .radio-container .checkmark:after {
	top: 4px;
    left: 4px;
    width: 15px;
    height: 15px;
	border-radius: 50%;
	background: #58595B;
  }
  /*===END CUSTOM RADIO===*/


  #massExportModal button, #export_modal button {width:140px; margin-left:15px;}
  .rewardSilo_block {
    width: 100%;
    background-color: #EAEAEA;
    padding: 20px;
}
  .rewardSilo_block .rewardSilo_info {
    background-color: #DEDEDE;
    padding: 10px;
    font-size: 11px;
    text-align: center;
}
.rewardSilo_block textarea {
    width: 100%;
    max-width: 100%;
    height: 100%;
    resize: none;
    outline: none;
}

.rewardSiloHTML_block textarea {
    width: 100%;
    max-width: 100%;
    min-height:200px;
    resize: none;
    outline: none;
}

.dropzone.uploadFile
{
    min-height: 40px !important;
    padding: 0 !important;
    background: transparent;
    border: 1px solid #c8c8c8;
}
.dropzone.uploadFile img
{
    float: right;
    margin-right: 20px;
    margin-top: 5px;
    width:30px;
    height:30px;
}

.dropzone.uploadFile p
{
    text-align: left;
    line-height: 40px;
    margin-left: 20px;
    font-size:13px !important;
}

.dlt-w.disabled, .dlt.disabled {background-color:#CDCDCD !important;}

.mass_upload_btn {padding: 2px 20px;}
.mass_upload_btn img {width:35px;}


#adv_search_mass {
    margin-top: -1px;
    border-top: 9px solid #2B2D42;
}

.email_item_content.white_bg {background-color: #ffffff;}
.email_item_content {margin:0 10px; min-height:66px;}
.email_item_content.url {min-height:40px;}
.email_item_content p {padding:10px;}
.email_item_content p
{
    max-height:250px;
    overflow-y: scroll;
}

.white_bg.empty {background-color: #f5f5f5;}

.preview_btn
{
    background-color: #669934;
    border-radius: 5px;
}

/*===Create App Template===*/
.apps_template .session_name_area {width: 565px;}
.apps_template .app_session_name {width: 647px;}

.apps_template .app_session_btns a
{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.apps_template .app_session_btns a i{
    line-height: 40px;
    border-radius: 10px;
}

.apps_template .cust_support_menu
{
    background-color:transparent !important;
    height: 42px !important;
    align-items: center;
}

.apps_template .cust_support_menu .tab-item:hover, 
.apps_template .cust_support_menu .tab-item.active a,
.apps_template .cust_support_menu .tab-item.active {
    background-color: #669934!important;
    color: #ffffff!important;
    font-size: 16px;
    font-weight:300;
    top: 50%;
    transform: translateY(-50%);
    height:42px;
    position: relative;
}

.apps_template .cust_support_menu .tab-item .nav-link 
{
    padding: 9px 60px !important;
}

.apps_template .cust_support_menu .tab-item.active a.error, .apps_template .cust_support_menu .tab-item a.error {border: 1px solid #dc3545 !important;}

.apps_template thead {background-color: transparent !important;}
.apps_template .table td, .apps_template .table th {border:0 !important;}

.apps_template .table-col150-width {max-width:150px;}

.row.error {border-bottom:0 !important;}
.row.error.bottomBorder {border-bottom:1px solid #dc3545 !important;}
.collapse.error {border-top:0 !important;}

/*new error block*/
.error_block
{
    width:290px;
    height:auto;
    position: relative;
    float: right;
    background-color:#fff;
    border-radius:7px;
    -webkit-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.4);
    box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.4);
    margin-top:15px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

.error_block .error_block_img {
    background-color:#eceff6;
    width:80px;
    /* height:100%; */
    flex: 0 80px;
    float: left;
    position: relative;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
}

.error_block_txt
{
    width:210px;
    /* height:100%; */
    flex: 0 210px;
    float: left;
    position: relative;
    padding-left: 10px;
    padding-top: 3px;
    font-size:12px;
}

.error_block_txt ul {padding-left:15px; margin-bottom: 5px;}
.error_block_txt ul li {line-height: 15px;}

.error_block span {
    font-weight:700;
    font-size:30px;
    line-height: 45px;
    color: #ffffff;
    background-color: #dc3545;
    border: 1px solid #dc3545;
    border-radius: 50px;
    text-align: center;
    width: 45px;
    height: 45px;
    display: block;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    position: relative;
}

tr.error {background-color:#fde5e5;}
/*end new error block*/

/*APPS CONTENT MANAGEMENT (SILO)*/
.overview_app_content {
    width: 100%;
    position: relative;
    float: left;
}

.overview_app_content_status {
    width: 560px;
    position: relative;
    float: left;
    background-color: rgba(102,153,52, 0.5);
}

.overview_app_content_id {
    width: 100%;
    position: relative;
    float: left;
    padding: 10px 10px 15px 10px;
}

.overview_app_content_id input {font-size:22px; font-weight:700; border-radius:0;}

.overview_app_content_info_block {
    width: 565px;
    position: relative;
    float: left;
    background-color: #ffffff;
}

.overview_app_content_info, .overview_app_content_desc {
    width: 260px;
    float: left;
    position: relative;
    margin-left:15px;
    height: 100%;
}

.overview_app_content_info {border-right: 1px solid #eaeaea;}
.overview_app_content_info label, .overview_app_content_desc label {font-weight: 700;}
.overview_app_content_info p, .overview_app_content_desc p {font-size:26px; text-align: center; color: #333333 !important;}

/*search field*/
.searchDiv
{
    width:95%;
    float: left;
    position:absolute;
    min-height:200px;
    max-height: 300px;
    overflow-y: auto;
    border-radius: 7px;
    border: 1px solid #ced4da;
    background-color: #fff;
    padding: 10px 0;
    z-index: 10;
}

.search_item 
{
    width:100%;
    position:relative;
    float:left;
    padding: 5px 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    cursor:pointer;
    padding-left: 10px;
}

.search_item:hover {background-color: #ebebeb;}
.search_item.selected {background-color: #ebebeb;}

.search_service
{
    flex:0 auto;
    font-weight:700;
    font-size: 16px;
    color:#5b5c5e;
}

.divider
{
    flex:0 auto;
    content: "|";
    background-color: #5b5c5e;
    width:2px;
    height:24px;
    position: relative;
    margin: 0 10px;
}

.search_lang
{
    flex:0 auto;
    font-size:13px;
    font-weight:300;
    margin-right:10px;
    color:#5b5c5e;
}
/*end search field*/

.app_content_search 
{
    width:100%;
    height:50px;
    background-color: #FBFBFB;
    border-radius: 7px;
    border: 1px solid #ced4da;
    line-height: 50px;
    padding: 0 10px !important;
    font-size:18px;
    font-weight:700;
}
.app_content_search span {font-weight:normal;}

.toggle.upload_image_switch {width: 300px !important;}
.toggle.toggle-select.upload_image_switch .toggle-inner {width:300px !important;}
.toggle.toggle-select.upload_image_switch .toggle-on, .toggle.toggle-select.upload_image_switch .toggle-off {width:150px !important;}

.toggle.upload_video_switch {width: 300px !important;}
.toggle.toggle-select.upload_video_switch .toggle-inner {width:300px !important;}
.toggle.toggle-select.upload_video_switch .toggle-on, .toggle.toggle-select.upload_video_switch .toggle-off {width:150px !important;}

.toggle.upload_audio_switch {width: 300px !important;}
.toggle.toggle-select.upload_audio_switch .toggle-inner {width:300px !important;}
.toggle.toggle-select.upload_audio_switch .toggle-on, .toggle.toggle-select.upload_audio_switch .toggle-off {width:150px !important;}

.toggle.upload_file_switch {width: 300px !important;}
.toggle.toggle-select.upload_file_switch .toggle-inner {width:300px !important;}
.toggle.toggle-select.upload_file_switch .toggle-on, .toggle.toggle-select.upload_file_switch .toggle-off {width:150px !important;}

.overview_app_content_question_status
{
    width: 250px;
    position: relative;
    float: left;
    background-color: #ffffff;
    margin-right: 10px;
}

.overview_app_content_question_status label, .overview_app_content_question_info_block label {
    font-weight: 700;
    font-size: 13px;
    margin-bottom: 0;
    padding: 5px 10px 0 10px;
}

.overview_app_content_question_status p, .overview_app_content_question_info_block p {
    border-bottom: 1px solid #eaeaea;
    font-size: 18px;
    padding-left: 10px;
}

.overview_app_content_question_info_block
{
    width: 835px;
    position: relative;
    float: left;
    background-color: #ffffff;
}

.overview_app_content_question_info_block p {border:none; font-size:24px;}

.app_content_block.green {background-color:#669934;}
.app_content_block.green a.disabled {background-color:#9dbd7d !important;}
.app_content_block.green h3 {color:#ffffff;}

.content_text p {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: #58595B;
    padding-left: 0;
    font-weight: 700;
}

.content_text span {
    background: black;
    height: 1px;
    flex: 1;
    content: '';
    width: 46vw;
    margin-left: 20px;
}

.showContent {min-height:400px;}

.toggle.addOn_export_mode_switch {width: 250px !important;}
.toggle.toggle-select.addOn_export_mode_switch .toggle-inner {width:250px !important;}
.toggle.toggle-select.addOn_export_mode_switch .toggle-on, .toggle.toggle-select.addOn_export_mode_switch .toggle-off {width:125px !important;}

.toggle.app_content_export_switch {width: 250px !important;}
.toggle.toggle-select.app_content_export_switch .toggle-inner {width:250px !important;}
.toggle.toggle-select.app_content_export_switch .toggle-on, .toggle.toggle-select.app_content_export_switch .toggle-off {width:125px !important;}

.toggle.app_content_update_switch {width: 250px !important;}
.toggle.toggle-select.app_content_update_switch .toggle-inner {width:250px !important;}
.toggle.toggle-select.app_content_update_switch .toggle-on, .toggle.toggle-select.app_content_update_switch .toggle-off {width:125px !important;}

.bullet
{
    width:5px;
    height:5px;
    background-color:#000000;
    border-radius:100%;
    position:relative;
    margin:0 auto;
}

.noContent_table, .noContent_table .adv_search_no_results {height:150px;}

 /* ========================== */
/* End Content Management */
/* ========================== */


 /* ========================== */
/* Smart Tags */
/* ========================== */
.content_selection_table td:nth-child(1) {width:150px;}
.content_selection_table td:nth-child(2) {width:100px;}
.content_selection_table td:nth-child(3) {width:200px;}

.content_selection_table .btn.dropdown-toggle.btn-light {width:100%;}

.handling_rules_row
{
    background-color: #DEDEDE;
    border-radius: 0px;
}
.handling_rules_row .row {margin:0;}
.handling_rules_row h3 {
    line-height: 55px;
    margin-bottom: 0;
}
.handling_rules_row h3::before {
    content: '';
    background-color: #f7941d;
    width: 7px;
    height: 55px;
    position: relative;
    float: left;
    margin-right: 20px;
}
.handling_rules_row .grey_row_bg {
    background-color: #DEDEDE;
    padding: 30px 0 15px 0;
}
.handling_rules_row .lightgrey_row_bg 
{
    background-color: #ebebeb;
    border-radius: 0px;
    padding: 0px 0;
}
.handling_rules_row .dlt {
    background-color: red;
    float: right;
    background-image: url('../../../img/delete_w_btn.png');
}
.handling_rules_condition
{
    background-color: #ebebeb;
    border-radius: 0px;
    padding: 13px 13px 13px 0px;
    border-left: 7px solid #3c6098;
}

.handling_rules_condition h3::before {
    content: '';
    background-color: transparent !important;
    width: 0px !important;
    height: 10px !important;
    position: relative;
    float: left;
    margin-right: 0px !important;
}

.char_handling_preview
{
    width: 100%;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    padding: 14px;
    border-radius: 7px;
    border: 1px solid #ced4da;
    margin: 0!important;
    overflow:hidden;
    background-color: #ffffff;
}

.char_handling_preview ul {list-style: none; padding:0; margin: 0;overflow: hidden;}
.char_handling_preview ul li
{
    display: inline;
    line-height: 1.5;
    font-family: "Roboto";
    font-size: 18px;
    font-weight: 700;
    color: #679a31;
}

.char_handling_preview ul li.not_active{ color: #dedede;}
.char_handling_preview.short {max-width:230px; white-space: nowrap;}

.white_row_bg {
    background-color: #ffffff;
    padding: 13px;
}

.cust_attr_condition, .cust_attr_selection {
    background-color: #ebebeb;
    border-radius: 0px;
    padding: 13px;
    border-left: 7px solid #3c6098;
}

.cust_attr_condition, .cust_attr_selection {padding:0;}

.cust_attr_condition .input-group.date,
.cust_attr_condition .btn.dropdown-toggle.btn-light,
.handling_rules_condition .btn.dropdown-toggle.btn-light,
.cust_attr_selection .btn.dropdown-toggle.btn-light {width:100% !important;}

.datepicker.is-invalid {border-color: #dc3545 !important;}

.dif_format_per_lang_table td .bootstrap-select .dropdown-toggle .filter-option {padding-left:inherit;}

.print_mode_select, .print_mode_select .dropdown-menu {max-width:100% !important;}


/* ========================== */
/* Data Ingestion */
/* ========================== */
.node_lightgrey_row_bg {
    background-color: #ebebeb;
    border-radius: 0px;
    padding: 0px 0;
}
.node_grey_row_bg {
    background-color: #DEDEDE;
    border-radius: 13px;
    padding: 13px 0;
}
#mapping_transform .node_grey_row_bg {border-radius: 0px;}

.column_row h3 {line-height:55px;margin-bottom: 0;}
.column_row h3::before
{
    content: '';
    background-color:#f7941d;
    width:7px;
    height:55px;
    position: relative;
    float: left;
    margin-right:20px;
}
.column_row .row {margin:0;}

.column_row .dlt {    
    background-color: red;
    float: right;
    background-image: url('../../../img/delete_w_btn.png');
}

.column_row input[type="text"], .column_row .input-group {
    max-width: 230px;
    width: 100% !important;
}
.column_row .bootstrap-select .btn.dropdown-toggle.btn-light  {width:100%;}

.column_row .fas {
    background-color: #ffffff;
    padding: 10px;
}

.node_white_row_bg {background-color: #ffffff; padding:13px;} 

.column_transformation {
    background-color: #ebebeb;
    border-radius: 0px;
    padding: 13px;
    border-left: 7px solid #f7941f;
}
.column_transformation h3 {line-height:55px;margin-bottom: 0;}
.column_transformation h3::before
{
    content: '';
    background-color:transparent !important;
    width:0px !important;
    height:55px !important;
    position: relative;
    float: left;
    margin-right:0px !important;
}
.valid_handling .column_transformation {border-left: 7px solid #3c6198;}
.column_row .input-group.date input {max-width: 150px !important;}

.wf_cron_input.input-group, .wf_cron_drop .btn.dropdown-toggle.btn-light {
    width: 100px!important;
}

 #di_schedule_component .modal-dialog {
    max-width: 500px !important;
    top: 50%;
    transform: translateY(-50%);
}
.def_file_time_filename .informative_txt {width:100% !important;}
.def_file_time_filename .informative_txt a
{
    color: #dc3545;
    font-weight:700;
    text-decoration: underline;
}

.toggle.addNewPath_switch {width: 200px !important;}
.toggle.toggle-select.addNewPath_switch .toggle-inner {width:200px !important;}
.toggle.toggle-select.addNewPath_switch .toggle-on, .toggle.toggle-select.addNewPath_switch .toggle-off {width:100px !important;}

.toggle.data_ing_method {width: 350px !important;}
.toggle.toggle-select.data_ing_method .toggle-inner {width:350px !important;}
.toggle.toggle-select.data_ing_method .toggle-on, .toggle.toggle-select.data_ing_method .toggle-off {width:175px !important;}

.toggle.mapping_method {width: 200px !important;}
.toggle.toggle-select.mapping_method .toggle-inner {width:200px !important;}
.toggle.toggle-select.mapping_method .toggle-on, .toggle.toggle-select.mapping_method .toggle-off {width:100px !important;}

.eye_btn {
    width: 40px;
    height: 40px;
    background-color:#3c6198;
    background-image: url("../../../img/eye_w_btn.png");
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 10px;
    cursor:pointer;
}
.eye_btn.show 
{
    background-color:#e80000;
    background-image: url("../../../img/eye_btn_show.png");
}
.eye_btn:hover {
    background-image: url("../../../img/eye_w_btn.png");
}
.eye_btn.show:hover {
    background-image: url("../../../img/eye_btn_show.png");
}

.collapseBtn.white_bg i {
    line-height: 35px; /*40px;*/
    padding: 0 10px; /*0 13px;*/
    background-color: #ffffff;
    border-radius: 5px;
}

.trans_title
{
    width:100%;
    background-color:#f7941f;
    color:#ffffff;
    padding: 10px;
    font-weight: bold;
}

.val_title
{
    width:100%;
    background-color:#3c609a;
    color:#ffffff;
    padding: 10px;
    font-weight: bold;
}

.trans_data_format {
    width: 100%;
    /* -webkit-box-shadow: none!important;
    box-shadow: none!important; */
    padding: 5px;
    border-radius: 7px;
    border: 1px solid #ebebeb;
    /* margin: 0!important; */
    overflow: hidden;
    background-color: #ebebeb;
    text-align: center;
}

.trans_data_format ul {
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

.trans_data_format ul li {
    display: inline;
    line-height: 1.5;
    font-family: "Roboto";
    font-size: 18px;
    font-weight: 700;
    color: #57585a;
}

.trans_data_format.preview ul li {color: #679a33;}

.trans_data_rules h2, .validation h2, .number_handling h2
{
    font-size:20px;
    line-height: 20px;
    margin-bottom: 0;
}

.hybrid_out_events_block .block_no {
    /* width: 75px; */
    height: 66px;
    line-height: 66px;
}

.block_no {
    width: 63px;
    height: 60px;
    background-color: #f7941f;
    color: #ffffff;
    text-align: center;
    font-size: 30px;
    line-height: 60px;
    font-weight: 700;
    margin-bottom: 0;
    float: left !important;
}

.darkblue .block_no {background-color: #3c609a;}

.block_name 
{
    color: #000000;
    font-size: 26px;
    margin-bottom: 0;
}

.align-self-center {
    /*For FF*/
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
}

.custom_row, .custom_select, .custom_field, .custom_switch, .custom_icon
{
    width:100%;
    position:relative;
    float:left;
}

.custom_select {width:285px; margin: 0 10px;}
.custom_field {width:120px; margin-right:10px;}
.custom_switch {width:200px;}
.custom_icon {width:50px; margin-right:10px;}

/*Data Ingestion Outgoing Flow*/
.toggle.out_flow_col_name_switch {width: 200px !important;}
.toggle.toggle-select.out_flow_col_name_switch .toggle-inner {width:200px !important;}
.toggle.toggle-select.out_flow_col_name_switch .toggle-on, .toggle.toggle-select.out_flow_col_name_switch .toggle-off {width:100px !important;}

.toggle.di_out_switch {width: 200px!important;}
.toggle.toggle-select.di_out_switch .toggle-inner {width:200px !important;}
.toggle.toggle-select.di_out_switch .toggle-on, .toggle.toggle-select.di_out_switch .toggle-off {width:100px !important;}

.toggle.valueMapDef_switch {width: 200px!important;}
.toggle.toggle-select.valueMapDef_switch .toggle-inner {width:200px !important;}
.toggle.toggle-select.valueMapDef_switch .toggle-on, .toggle.toggle-select.valueMapDef_switch .toggle-off {width:100px !important;}

/* ============================== */
/* ======== Points Scheme ======= */
/* ============================== */
.points_title_table input.form-control {width:100%;}

.toggle.transfer_points_expire_switch {width: 280px!important;}
.toggle.toggle-select.transfer_points_expire_switch .toggle-inner {width:280px !important;}
.toggle.toggle-select.transfer_points_expire_switch .toggle-on, .toggle.toggle-select.transfer_points_expire_switch .toggle-off {width:140px !important;}

/* ============================== */
/* ========== Winners =========== */
/* ============================== */
td .btn_no_round {position:relative; margin-top:0; background-color: transparent; height:100%;}

.modal_table_title
{
    width: 70%;
    position: relative;
    margin: 0 auto;
    margin-bottom: 10px;
    font-size:13px !important;
}
.modal_table
{
    border:1px solid #91939f;
    width: 90%;
    position: relative;
    margin: 0 auto;
    border-radius: 10px;
}

.modal_table.scrollablePopupContent {
    max-height:278px;
    overflow-y:scroll;
}

.modal_table .last_row label, .modal_table .last_row input {border-bottom:0;}

.adv_search_block
{
    width:90%;
    position: relative;
    margin:50px auto;
}

.adv_search_block h2 {color:#91939f; font-size:16px; font-weight:700;}
.adv_search_block .row label {font-size:13px;}
.adv_search_block .row {background-color: #d6d6d6; margin-left:0; margin-right:0;}
.adv_search_block .btn.dropdown-toggle.btn-light,
.adv_search_block .form-control, .adv_search_block .custom-select, .adv_search_block .form-group-width {width:100%;}

 .date.double .form-control/*, .input-group.date .form-control*/ {max-width: 164px !important;border-color: transparent;cursor: pointer;}
 .date.double .form-control.fullWidth {max-width:265px !important;}
 .input-group.date.double/*, .input-group.date*/
{
    background-color:#fff;    
    border: 1px solid #ced4da;
    border-radius: 7px;
    /* border-right: 0;  */
    width:100% !important;
    max-width:485px;
}

.tab-pane.adv_search 
{
    margin-top: -1px;
    border-top: 9px solid #2B2D42;
}


.modal_content_table {
    min-width:770px;
    min-height: 260px;
    border-radius: 15px;
    border: none;
    margin: auto;
}
.modal_content_table .modal_table_title {width:99%;}
.modal_content_table .modal_table {float:left;margin:0; width:60%;}
.modal_table.no_border {border:0;}
.modal_content_table .modal_table.no_border {border:0; width:30%; margin-left: 40px; overflow: unset;}
.table_row {width:100%; float: left; position: relative;}
.modal_content_table .modal_table.no_border label {width: 100%; text-align: left;}

.color_red .btn.dropdown-toggle.btn-light {color:#ff0000 !important;}

/*advanced search results*/
#tab-item-search a.results
{
    color:#ffffff !important;
    padding: 0 4px 0 10px!important;
    background: #2B2D42!important;
    cursor:default;
}

#tab-item-search a.results span::before{
    content: "";
    color: #ffffff;
    font-size: 20px;
    border-left: 1px solid #ffffff;
    margin-left: 8px;
}
#tab-item-search a.results img {cursor:pointer;}

.adv_search_no_results
{
    width:100%;
    height:300px;
    background-color:#ffffff;
    position: relative;
}
.adv_search_no_results.showLine {margin-top:-1px;border-top: 9px solid #2B2D42;}

.adv_search_no_results h2, .adv_search_no_results p
{
    position: relative;
    width:100%;
    max-width:100%;
    font-weight:700;
    color:#5374a3;
    text-align: center;
    top:50%;
    transform:translateY(-50%);
}
.adv_search_no_results p {color:#7d7d7f; font-size:16px;}
.adv_search_no_results p a
{
    font-weight:700;
    color:#5374a3;
}

.tab-footer.no_results .bootstrap-select .fa-angle-down:before
{
    content:url('../../../img/lock.png');
}

/*full width element*/
.fullWidth,
.fullWidth .input-group, .fullWidth .btn.dropdown-toggle.btn-light, .fullWidth .multiselect__tags,
.fullWidth .dropdown-menu, .fullWidth .form-control {max-width:100% !important; width:100% !important; left:0 !important;}

.tab-footer .btn.dropdown-toggle.btn-light, .tab-footer .multiselect__tags {width:230px !important;}

.header_table_btn {
    width: auto;
    float: right;
    margin-top: 0px;
    margin-right: 5px;
    padding: 10px 10px !important;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    min-width: 85px;
}
.header_table_btn[disabled]
{
    opacity:1;
    background-color:#cdcdcd !important;
}

.with_btns .info_content {height:60px;}
.with_btns .info_content .info_text {line-height: 65px;}

.toggle.toggle_skip_winner_switch {width: 230px !important;}
.toggle.toggle-select.toggle_skip_winner_switch .toggle-inner {width:238px !important;}
.toggle.toggle-select.toggle_skip_winner_switch .toggle-on, .toggle.toggle-select.toggle_skip_winner_switch .toggle-off {width:115px !important;}

.toggle.toggle_skip_winner_switch.skipReason {width: 230px!important;}
.toggle.toggle-select.toggle_skip_winner_switch.skipReason .toggle-inner {width:238px !important;}
.toggle.toggle-select.toggle_skip_winner_switch.skipReason .toggle-on, .toggle.toggle-select.toggle_skip_winner_switch.skipReason .toggle-off {width:115px !important;}

.modal_table.no_border.with_form {width:50%;}
.modal_table.no_border.with_form label {text-align: left;}

.text_italic, .text_italic:hover
{
    color:#e80000;
    font-style: italic;
    font-weight:400;
}

.modal_error
{
    width: 100%;
    margin-top: .25rem;
    font-size: 11px;
    color: #dc3545;
    font-weight: bold !important;
}

/* ============================== */
/* ========== Draws =========== */
/* ============================== */
.lh-20 {line-height: 20px !important;}
.lh-40 {line-height: 40px;}
.lh-60 {line-height: 60px;}
.white_bg {background-color: #FBFBFB !important;}
.draw_results p a {color:#323A8F; font-size:15px; font-weight:700; text-decoration:underline;}
.draw_results p {font-size:15px;}
.big_text_titles
{
    font-size:26px;
    font-weight:700;
    color:#58595B;
}
.fullWidth .text-line-label {width:30%;}
.fullWidth .text-line-input {width:70%;}
.text-line-label.big_text,
.text-line-input.big_text 
{
    font-size:21px;
    color:#58595B;
}

.big-cta {
    background-color: #669933;
    color: #fff;
    transition: 0.3s;
    padding: 40px 30px!important;
    font-size:26px;
    font-weight:700;
}
.btn-prim.disabled, .btn-prim.disabled:hover,
.final_draw.disabled, .test_draw.disabled, .final_draw.disabled:hover, .test_draw.disabled:hover {background-color: #DEDEDE; border-color: #DEDEDE;}

.btn-prim:hover {background: #2A436B;}

.mpez{background-color:#EAEAEA;}

.fullWidth.white_bg .card-footer {border-top:0; min-height:114px;}
.fullWidth.white_bg .card-footer .big_text_titles {color:#3C6099; font-size:38px;}
.fullWidth.white_bg .card-footer .big_text_txt {color:#58595B; font-size:30px;}

#tab-item-search a.gdpr_btn {
    margin: 16px 0 0 0;
    padding: 0 4px!important;
    position: absolute;
    background: #3C6099!important;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    transition: 0.4s;
    right: 0;
}
#tab-item-search a.gdpr_btn.show_gdpr {background: #e50001!important;}

/* ============================== */
/* =========== TIERS ============ */
/* ============================== */
.tiers_overview_block
{
    background-color: #ffffff;
    padding: 13px 0;
}

.tiers_overview_block_title, .tiers_overview_tier .header, .tiers_setup_block .header
{
    background-color: #ebebeb;
}
.tiers_overview_block_title
{
    font-size:13px;
    font-weight:700;
    padding: 0 20px;
    height: 40px;
    line-height: 40px;
}

.tier_no {
    width:63px;
    height: 42px;
    background-color: #3ebb60;
    color: #ffffff;
    text-align: center;
    font-size: 30px;
    line-height: 42px;
    font-weight: 700;
    margin-bottom: 0;
    float: left !important;
}
.tiers_setup_block .tier_no {width:75px; height:66px; line-height:66px;}

.tier_no.orange 
{
    background-color: #f7941f;
    width:94px; 
    height:46px;
    line-height: 46px;
}

.tiers_overview_tier .header h3 {margin-bottom:0; font-weight:700;}
.tiers_overview_content, .tiers_setup_content {background-color: #d6d6d6;}
.tiers_overview_content a, .tiers_overview_content a:hover,
.tiers_setup_content a, .tiers_setup_content a:hover {color:#343a92;}

.tiers_overview_renewals, .tiers_setup_renewals
{
    background-color:#ffffff;
}
.tiers_overview_renewals h4 {font-weight:700; margin-bottom:0; width: auto; float: left;}

.tiers_overview_content .header p, .tiers_setup_content .header p {font-size: 18px;}
.tiers_overview_content .overview_table, .tiers_setup_content .overview_table
{
    background-color: #ffffff;
    width:100%;
}
.tiers_overview_content .overview_table .text-line-label-right-title,
.tiers_setup_content .overview_table .text-line-label-right-title {padding-bottom:0 !important; margin-bottom: 0; margin-top: .5rem!important;}

.point_scheme_select {width:230px !important;}
table .point_scheme_info_bg {
    height: 41px;
    padding: 0;
    margin-left: 5px;
    border: none;
    width: 41px;
}

.point_scheme_info_bg {
    height: 35px;
    padding: 0;
    margin-left: 5px;
    border: none;
    width: 35px;
}

.manage .point_scheme_info_bg {width:45px; height:45px;}
.manage .point_scheme_info_bg .info_btn, .manage .point_scheme_info_bg .dropdown-toggle {width:45px; height:45px; background-color: rgba(235, 235, 235, 1);}
.manage .point_scheme_info_bg .dropdown-menu {background-color: rgba(235, 235, 235, 1);}
.manage .point_scheme_info_bg .dropdown-menu .row, .manage .point_scheme_info_bg .dropdown-menu .row div {background-color: transparent !important;}

table .point_scheme_info_bg .dropdown-toggle {background-color: #ebebeb;height: 41px;}

.point_scheme_info_bg .dropdown-toggle {background-color: #ebebeb;height: 35px;}

table .point_scheme_info_bg .info_btn, table .disabled .info_btn:hover, table .disabled .info_btn:focus
{
    width: 41px;
    height: 41px;
}

.point_scheme_info_bg .info_btn, .disabled .info_btn:hover, .disabled .info_btn:focus
{
    width: 35px;
    height: 35px;
}

.drag_area
{
    width:40px;
    max-width: 40px;
    height:66px;
    background-color: #43a75f;
}
.drag_area img
{
    left:50%;
    top:50%;
    transform:translate(-50%, -50%);
    width:13px;
    height:20px;
    position: relative;
    cursor:pointer;
}
.tiers_setup_block .collapse-btn i {
    line-height: 40px;
    padding: 0 13px;
    background-color: #ffffff;
}

.small_btn {
    width: 183px;
    height:40px;
    float: left;
    margin-top: 0px;
    margin-right: 5px;
    padding: 0px 0px !important;
    position: relative;
    min-width: 85px;
    color:#ffffff;
    border-radius: 5px;
    font-size: 14px;
}

.tiers_setup_block .dlt-w {background-color:#cdcdcd;}
.tiers_setup_block .dlt-w:hover {background-color:#e60000;}
.tiers_setup_renewals h4 {font-weight:700; margin-bottom:0; width: 50%; float: left;font-size: 14px; line-height: 17px;}
.tiers_setup_renewals h4:nth-child(2) {line-height:30px;}

/*Tier Configuration*/
.configTier.modal {
    width: calc(100vw - 300px);
    float: right;
    position: relative;
    height: calc(100vh - 68px);
    margin-top: 68px;
}
.configTier.modal .modal-dialog
{
    height: 86vh;
    max-height: 800px;
    width: 100%;
    max-width: 1090px;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 auto;
}
.configTier.modal .modal-content
{
    width:100%;
     max-width:1090px;
    height:calc(100% - 99px);
    float: left;
    position: relative;
}
.configTier.modal .modal-body
{
   overflow-x:hidden;
    overflow-y:scroll;
    padding:25px 50px;
}
.configTier.modal .modal-content {padding: 0; border:0;height:100% !important;}

.configTier.modal .modal-header {margin-left:0; height:66px; padding: 0; border-bottom: 1px solid #D6D6D6;}
.configTier.modal .modal-header h3 
{
    font-weight: 400;
    margin-bottom: 0;
    float: left;
    position: relative;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
}
.configTier.modal .modal-header::before
{
    content: '';
    background-color:#3ebb60;
    width:10px;
    height:66px;
    position: relative;
    float: left;
    margin-right:45px;
}
.configTier.modal .modal-header h3 span{
    font-size:12px;   
    display: block;
}

.configTier.modal .modal-body .row {margin:0;}
.configTier.modal .modal-body h4 {line-height:13px;}
.configTier.modal .modal-body h4::before
{
    content: '';
    background-color:#f7941d;
    width:7px;
    height:13px;
    position: relative;
    float: left;
    margin-right:20px;
}
.configTier.modal .modal-body h3 {line-height:55px;margin-bottom: 0;}
.configTier.modal .modal-body h3::before
{
    content: '';
    background-color:#f7941d;
    width:7px;
    height:65px;
    position: relative;
    float: left;
    margin-right:20px;
}
.configTier.modal .dd_in_row {max-width: 230px;}

.configTier.modal .modal-body input[type="text"], .configTier.modal .modal-body input[type="number"] {max-width:230px; width:100%; font-size:12px;}
.configTier.modal .modal-body #date {max-width:230px; width:75%;}
.configTier.modal .bootstrap-select .dropdown-menu  {width:100%;}
.configTier.modal .toggle.toggle-select.wait_workflow_for {width: 415px!important;}
.configTier.modal .toggle.wait_workflow_for .toggle-on, .configTier.modal .toggle.wait_workflow_for .toggle-off {width: auto !important; padding: 0 10px!important;}
.configTier.modal .dropdown-item {font-size:11px;}
.configTier.modal .select_workflow .btn.dropdown-toggle.btn-light {width:275px;}
.configTier.modal .modal-body .dlt {background-color: #cccccc;float: right;}

.multiselect.dropdown.bootstrap-select {width:100% !important; max-width:230px; display: block;background-color: transparent !important;}

.configTier.modal .modal-body .input-group.date.double {max-width: 450px;}
.configTier.modal .modal-body .date.double input, .configTier.modal .modal-body .date.double img,
.configTier.modal .modal-body .date input, .configTier.modal .modal-body .date .input-group-append, .configTier.modal .modal-body .date img {max-height:35px;}

.configTier.modal .modal-body .input-group.date.double.smaller input {width: 30% !important;}

.configTier.modal .modal-footer {padding:20px 0; background-color: #EAEAEA;width:100%; height:99px; float: left; position:relative;}
.configTier.modal .modal-footer button{
    font-size: 14px;
    padding: 13px 55px!important;
    border-radius: 10px;
}

.decision_row .decision_no
{
    width:72px;
    height:72px;
    background-color: #f7941d;
    color: #ffffff;
    text-align: center;
    font-size: 40px;
    line-height: 72px;
    font-weight: 700;
    margin-bottom: 0;
    float: left !important;
}

.decision_row .decision_name:disabled
{
    float: left !important;
    max-width: 85% !important;
    background:transparent !important;
    border:0 !important;
    font-size:22px !important; 
    font-weight:700 !important;
}
.decision_row .decision_name:disabled::placeholder {font-size:22px; font-weight:700;}

.decision_row .decision_name
{
    background-color: #ffffff;
    float: left !important;
    max-width: 85% !important;
    border:0 !important;
    font-size:22px !important; 
    font-weight:700 !important;
    height:40px;
}
.decision_row .decision_name::placeholder  {font-size:22px; font-weight:700;}

.decision_row .decision_name_edit
{
    background-color:#ffffff;
}

.border-left {
    border-left: 1px solid #c6c6c6!important;
}

.decision_row .collapse-btn 
{
    height:40px;
    width:40px;
    float: left;
    position: relative;
    margin-left: 40px;
}

.decision_row .collapse-btn i {
    line-height: 40px;
    padding: 0 13px;
    background-color:#ffffff;
}

.decision_row .dlt:hover 
{
    background-color:#e80000 !important;
    background-image: url("../../../img/delete_w_btn.png");
    background-repeat: no-repeat;
}
.decision_condition .condition_no
{
    width:85px;
    height:60px;
    background-color: #3c609a;
    color: #ffffff;
    text-align: center;
    font-size: 30px;
    line-height: 60px;
    font-weight: 700;
    margin-bottom: 0;
    float: left !important;
}

.condition_based
{
    font-weight: 700;
    font-size:16px;
    position: relative;
    float: left !important;
    color:#59595b;
}
.select_config {
    width: 250px !important;
    max-width: 250px !important;
    float: left !important;
    position: relative;
}

.configTier .input-group, .configTier .btn.dropdown-toggle.btn-light, .multiselect__tags {
    width: 100%!important;
    max-width: 230px;
}
.configTier .select_config .btn.dropdown-toggle.btn-light, .select_config .multiselect__tags {
    max-width: 250px !important;
}
.configTier.modal .bootstrap-select .dropdown-menu, .configTier.modal .dropdown-menu {
    width: 100%;
    max-width: 250px !important;
}

/*Tiers Slider*/
.tier_content_info
{
    font-size:12px;
    font-weight:700;
    line-height:12px;
    color:#000000;
    margin-top:5px !important;
}
.tier_content_info::before
{
    content:'';
    width:12px;
    height:12px;
    background-color: red;
    border-radius:2px;
    position: relative;
    float:left;
    margin-right:5px;
}
.tier_content_info.pending::before {background-color: #e80000;}
.tier_content_info.completed::before {background-color: #669932;}

.slider_tiers, .slide_tier_name
{
    color:#669934;
    font-weight:700;
    font-size:35px;
    text-align: center;
}
.slide_tier_name {display: block; font-weight:300; font-size:24px; margin-top:5px;}

.slider_tiers {width:auto; float:left; margin:0 10px; line-height:35px;}
.tab_back.previous, .tab_back.next {padding: 0px 11px;}
.tab_back.previous i, .tab_back.next i {font-size: 35px;}

.tab_back.previous.disabled_btn, .tab_back.next.disabled_btn,
.tab_back.previous.disabled_btn i, .tab_back.next.disabled_btn i {cursor:default;}


.tier_slider .slider, .tier_slider .slider:before {background-color:transparent !important;}
.tier_slider .slider.slider-horizontal {width:100% !important; height: 5px !important;}
.tier_slider .slider.slider-horizontal .slider-track {height: 5px !important;}
.tier_slider .slider-track-low, .tier_slider .slider-track-high,
.tier_slider .slider-selection.tick-slider-selection,
.tier_slider .slider-selection {background: #d6d6d6 !important;}
.tier_slider .slider-handle {width:15px !important; height:15px !important;}
.tier_slider .slider.slider-horizontal .slider-track {margin-top: 2px !important;}

.slider_plakaki
{
    flex:0 auto;
    min-height:5px;
    min-width:5px;
    /* max-width:30px; */
    width:100%;
    margin-left:7px;
    color:#58585a;
    font-size:12px;
    text-align: center;
}
.slider_plakaki.green {border-bottom: 5px solid #669932;}
.slider_plakaki.red {border-bottom: 5px solid #e80000;}

.dropdown-item.red span, .multiselect__option.red span {color:#e80000;}
.dropdown-item.green span, .multiselect__option.green span {color:#669932;}

.tiers_setup_block .error {border: 2px solid red;}

.bootstrap-select.disabled .form-control, .disabled .btn.dropdown-toggle.btn-light {background-color: #ebebeb !important;}

.bootstrap-select.disabled .bs-caret .fa-angle-down:before
{
    /* content:url('../../../img/lock.png');
    opacity:0; */
} 

.bootstrap-select.disabled .multiselect__select:before
{
    /* background-image:url('../../../img/lock.png');
    opacity:0; */
} 

/* ======================== */
/* ADD SMART TAG COMPONENT */
/* ======================== */
.addSmartTag
{
    width:590px;
    min-height:450px;
    position: absolute;
    top: 56%;
    left: 70%;
    transform: translate(-50%, -50%);
    padding: 20px;
    border:1px solid #000000;
    background-color: #EBEBEB;
    z-index: 9999999;
}
.categories_search
{
    overflow:hidden;
}

.cat_btn {
    width:40px; 
    height:40px;
    position: relative;
    float: left;
}
.cat_btn.all_cat {margin:0 auto; float:none; width:60px;}
.cat_btn.all_cat a, .cat_btn.all_cat a:hover {color:#58595B; text-align: center; line-height:40px; margin:0 auto;}

.cat_btn:hover, .cat_btn.active {background-color:#d6d6d6;}
.cat_btn img {opacity: 0.5;} 
.cat_btn img:hover, .cat_btn.active img {opacity: 1;} 

.sm_search_list {
    list-style: none;
    padding:5px;
    margin-bottom:0px;
}

.sm_search_list li{
    font-size:12px;
    line-height:40px;
    padding-left:5px;
    margin-top:10px;
}
.sm_search_list li::after 
{
    content:'';
    width:100%;
    height:1px;
    background-color:#dedede;
    margin:5px 0;
    position: relative;
    float: left;
}
.sm_search_list li:last-child:after {background-color:transparent;}

.sm_search_list li a{
    color:#58595B;
}
.sm_search_list li:hover{
    background-color:#dedede;
}

.sm_search_desc {min-height:55px;}
.sm_search_desc img 
{
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
}
.sm_search_desc.empty h5 {opacity: 0.4;}

.sm_search_desc h5
{
    margin:0;
    padding-left: 0;
    font-size:12px;
    width:100% !important;
    border-bottom: 1px solid #dedede;
}
.sm_search_desc p {font-size:12px; padding:5px 0;}

.sm_search_no_results {height:245px;background-color:#f5f5f5;}

.sm_search_no_results h3 {
    font-style: italic;
    position: relative;
    width: 100%;
    font-weight: 700;
    color: #E70000;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
}


/* ======================== */
/* REFERRAL SCHEMES */
/* ======================== */
.toggle.toggle_referral_category_switch {width: 230px!important;}
.toggle.toggle-select.toggle_referral_category_switch .toggle-inner {width:238px !important;}
.toggle.toggle-select.toggle_referral_category_switch .toggle-on, .toggle.toggle-select.toggle_referral_category_switch .toggle-off {width:115px !important;}


.toggle.redemption_allowed_number_switch {width: 230px!important;}
.toggle.toggle-select.redemption_allowed_number_switch .toggle-inner {width:238px !important;}
.toggle.toggle-select.redemption_allowed_number_switch .toggle-on, .toggle.toggle-select.redemption_allowed_number_switch .toggle-off {width:115px !important;}

.toggle.redemption_period_switch {width: 230px!important;}
.toggle.toggle-select.redemption_period_switch .toggle-inner {width:238px !important;}
.toggle.toggle-select.redemption_period_switch .toggle-on, .toggle.toggle-select.redemption_period_switch .toggle-off {width:115px !important;}

.toggle.referral_valid_switch {width: 400px!important;}
.toggle.toggle-select.referral_valid_switch .toggle-inner {width:408px !important;}
.toggle.toggle-select.referral_valid_switch .toggle-on, .toggle.toggle-select.referral_valid_switch .toggle-off {width:200px !important;}

.toggle.referral_expire_switch {width: 400px!important;}
.toggle.toggle-select.referral_expire_switch .toggle-inner {width:408px !important;}
.toggle.toggle-select.referral_expire_switch .toggle-on, .toggle.toggle-select.referral_expire_switch .toggle-off {width:200px !important;}

.toggle.referral_code_expire_switch {width: 400px!important;}
.toggle.toggle-select.referral_code_expire_switch .toggle-inner {width:408px !important;}
.toggle.toggle-select.referral_code_expire_switch .toggle-on, .toggle.toggle-select.referral_code_expire_switch .toggle-off {width:200px !important;}

.toggle.referral_amount_of_codes {width: 230px!important;}
.toggle.toggle-select.referral_amount_of_codes .toggle-inner {width:238px !important;}
.toggle.toggle-select.referral_amount_of_codes .toggle-on, .toggle.toggle-select.referral_amount_of_codes .toggle-off {width:115px !important;}

span.red.error {font-size:12px; font-weight:400; color:#E70000;}

.progress.small_width {width:80%;}

.pieChart h2 {
    font-size: 20px;
    line-height: 30px;
    font-weight: 700;
}

.pieChart h3 {font-size: 16px;}

.pieChart p
{
    width: 100%;
    max-width: 100%;
    float: none;
    line-height: inherit;
}
.black_txt {color:#000000;}
.pop_up p span.black_txt {color: #000000;}


/* ======================== */
/* MAINTENANCE ACTIVITY */
/* ======================== */

.toggle.toggle_eligible_switch {width: 250px !important;}
.toggle.toggle-select.toggle_eligible_switch .toggle-inner {width:250px !important;}
.toggle.toggle-select.toggle_eligible_switch .toggle-on, .toggle.toggle-select.toggle_eligible_switch .toggle-off {width:125px !important;}

.maintenance .informative_txt {width:100% !important; font-size:14px; color: #dc3545; font-style:italic; font-weight: 700 !important;}
.maintenance p {font-size:13px; font-style:italic; font-weight: 700 !important; color:#6d6d6f;}
.maintenance p a, 
.maintenance p a:hover, 
.maintenance p a:visited, 
.maintenance p a:focus {font-size:14px; font-style:italic; font-weight: 700 !important; color:#444a9a; text-decoration: underline;}

.cust_number {
    background-color: #ffffff!important;
    font-size: 19px;
    color: #669933!important;
    font-weight: bold;
    text-align: center;
}
table .point_scheme_info_bg {background-color: transparent !important;}
.pieChart .form-control:disabled, .form-control[readonly] {background-color: #ffffff;}
.pieChart .form-control.ocur_no_text {font-size:20px !important;}

.activity_block {max-width:160px;flex: 1 auto;}
.activity_block.blue {border: 1px solid #6b8cbf;}

.msg_title_block
{
    width:100%;
    height:37px;
    background-color: #000000;
    padding:8px;
}
.blue .msg_title_block {background-color: #6b8cbf;}

.activity_title {
    color:#EBEBEB;
    float: left;
}
.activity_title p{
    font-size:22px;
    float: left;
    line-height: 20px;
    width:112px;
}
.activity_title i{
    font-size:12px;
    margin-left:10px;
}
.activity_title i:before {color: #58595B !important;
    background-color: #EBEBEB;
    border-radius: 100px;
}
.activity_percentage
{
    background-color: #ffffff;
    padding:8px;
    text-align: center;
    color:#58595B;
    height:75px;
}
.activity_percentage span {font-size:16px;display: block;font-weight: 700;}

.total_instances {
    width:175px;
    height:74px;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    background-color: rgba(60,96,153, 0.5); 
    position: relative;
}
.total_instances .total_instances_title {
    background-color: rgba(60,96,153, 1);
    color:#ffffff;
    text-align: center;
    font-size:20px;
    font-weight: 300;
    height:32px;
    line-height: 32px;
}

.total_instances_text
{
    text-align: center;
    font-size: 13px;
    font-weight:700;
    width:123px;
    position: relative;
    margin:0 auto;
    
    color:#212337;
    line-height: 20px;
}

.openPie, .openPie:hover {background-color:#2B2D42; opacity:1; height:100%;}
a.disabled {cursor: default; opacity: 0.6;}
a.disabled img {opacity:0.5;}

.toggle.schedule_inst_switch {width: 150px !important;}
.toggle.toggle-select.schedule_inst_switch .toggle-inner {width:150px !important;}
.toggle.toggle-select.schedule_inst_switch .toggle-on, .toggle.toggle-select.schedule_inst_switch .toggle-off {width:75px !important;}

/* ======================== */
/* DAEDALUS                 */
/* ======================== */
.darkgrey_bg {background-color: #d6d6d6;}

.daedalus_overview_block 
{    
    background-color: #ffffff;
    padding: 13px 0;
}

.daedalus_overview_block_title {
    font-size: 13px;
    font-weight: 700;
    padding: 0 20px;
    height: 40px;
    line-height: 40px;
    background-color:#ebebeb;
}
.tag_sum_block, .tag_details_block
{
    width:1046px;
    position:relative;
    margin:10px auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background-color: #d6d6d6;
}

.tag_sum, .active_tag, .inactive_tag
{
    flex:0 48%;
    background-color: #ffffff;
    margin:15px;
    position: relative;
}
.active_tag, .inactive_tag {margin:0;}
.active_tag .lightgrey_bg, .inactive_tag .lightgrey_bg {padding: 0 !important;}

.tag_sum_left, .tag_sum_right {position: relative; float: left; padding:15px 5px;}
.tag_sum_left {width:60%;}
.tag_sum_right {width:40%;}

.tag_sum_left p {font-weight:bold; font-size:16px;}
.tag_sum_right p {font-weight:normal; font-size:16px;}

.green_box, .red_box {
    width: 63px;
    height: 42px;
    background-color: #3ebb60;
    color: #ffffff;
    text-align: center;
    margin-bottom: 0;
    float: left !important;
}
.red_box {background-color:#E70000;}

.active_tag h3, .inactive_tag h3 {margin-bottom:0; font-weight:700;}

.tags_content {width:100%; position:relative; float:left; height:330px; overflow-y: scroll; overflow-x:hidden;}

.lightbox, .daedalus_overview_block .lightbox
{
    width:100%;
    min-height:100px;
    height:100%;
    position: absolute;
    background-color: rgba(241,241,241, 0.7);
    z-index: 999;
}
.lightbox.inOptions {min-height:30px; /*height:45px;*/ margin-left:1px; max-width: 480px;} 

.modal_table.no_border.center
{
    left: 50% !important;
    transform: translateX(-50%);
    margin-left: 0;
    width:230px;
    overflow: visible;
    z-index: 1;
}

.modal_table.no_border.center label {text-align: left;}

.modal_table.no_border.center.width350 {width:350px;}

.toggle.nlp_lang_map {width: 300px!important;}
.toggle.toggle-select.nlp_lang_map .toggle-inner {width:308px !important;}
.toggle.toggle-select.nlp_lang_map .toggle-on, .toggle.toggle-select.nlp_lang_map .toggle-off {width:150px !important;}


.daedalus_default_tags_block{background-color: #d6d6d6;}

.daedalus_tags_table, .daedalus_features_table
{
    height:460px;
    padding:5px;
    overflow-y: scroll;
    overflow-x: hidden;
    background-color:#ffffff;
    border:1px solid #dee2e6;
    font-size: 12px;
}
.daedalus_tags_title_table .title, .daedalus_features_title_table .title
{
    background-color:#ebebeb;
    font-weight:bold;
    font-size:13px;
    width:100%;
}
.daedalus_tags_title_table
{
    width: 968px;
    height: 40px;
    float: left;
    position: relative;
    margin-left: 15px;
    background-color: #ebebeb;
}

.daedalus_tags_title_table.smaller {width:757px;}

.daedalus_tags_title_table .column1 {width:475px !important; max-width:475px !important; float: left; position: relative;}
.daedalus_tags_title_table .column2 {width:396px !important; max-width:396px !important; float: left; position: relative;}
.daedalus_tags_title_table .column3 {width:79px !important; max-width:79px !important; float: left; position: relative;}

.daedalus_tags_title_table .title p, .daedalus_features_title_table .title p {padding: 10px;}

.daedalus_tag_info, .daedalus_features_info {
    width:100%;
    position: relative;
    position:relative;
    height:50px;
    border:1px solid #dee2e6;
    overflow: hidden;
    padding: 5px;
}

.daedalus_tag_info p, .daedalus_features_info p
{ 
    overflow: hidden; 
    text-overflow: ellipsis; 
    width:100%; 
    display:block; 
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size:12px;
    top: 50%;
    transform: translateY(-50%);
    position: relative;
}

.options .lightbox, .daedalus_tag_info .lightbox, #optionsFeatures .lightbox, .daedalus_features_info .lightbox, 
.daedalus_tags .lightbox, .customer_features .lightbox {min-height:40px;}

.daedalus_tags, .customer_features
{
    width: 43px;
    height: 45px;
    position: relative;
    float: right;
    top: 60%;
    transform: translateY(-50%);
}
.reset_btn {
    height: 43px;
    width: 43px;
    float: right;
    background: url('../../../img/refresh_btn-1.png');
    background-color: #3c6099;
    border-radius: 5px;
    top: 50%;
    transform: translateY(-50%);
    position: relative;
}

.reset_btn.disabled {background-color: #CDCDCD;}

.daedalus_tags .lightbox, .customer_features .lightbox  {cursor:default;}
.daedalus_tags .lightbox.hidden, .customer_features .lightbox.hidden {cursor:pointer;}

/* Optimisation Problem*/
#overview .dropdown-item {padding: 10px 24px;}
.overview_status, .overview_content, .overview_block {
    width: 100%;
    position: relative;
    float: left;
}
.overview_block h3
{
   /* font-size: 13px; */
   font-weight: bold;
}
.overview_block .card-header p {font-size:20px;}

.overview_status div {background-color:rgba(102,153,52, 0.5);}

.overview_status .status_title {
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
    text-align: center;
    background-color: rgba(102,153,52, 1);
    padding: 2px;
}

.overview_status.active .status_title, .overview_status.ready .status_title {background-color: rgba(102,153,52, 1);}
.overview_status.active div, .overview_status.ready div {background-color:rgba(102,153,52, 0.5);}

.overview_status.inactive .status_title, .overview_status.error .status_title, .overview_status.cancelled .status_title {background-color: #E70000;}
.overview_status.inactive div, .overview_status.error div, .overview_status.cancelled div {background-color:rgba(232,0,0, 0.3);}

.overview_status.draft .status_title {background-color: #ebebeb; color:#000000;}
.overview_status.draft div {background-color:#d6d6d6;}

.overview_status.archived .status_title, .overview_status.deleted .status_title {background-color: #58595b;}
.overview_status.archived div, .overview_status.deleted div {background-color:#bdbdbd;}

.overview_status.initializing .status_title, .overview_status.pending .status_title, 
.overview_status.scheduled .status_title {background-color: #f7941f;}
.overview_status.initializing div, .overview_status.pending div, .overview_status.scheduled div {background-color:#dec8a3;}

.overview_status.paused .status_title {background-color: #BA439E;}
.overview_status.paused div {background-color:rgba(186,67,158, 0.3);}

.overview_status.concluded .status_title {background-color: #3C6099;}
.overview_status.concluded div {background-color:rgba(60,96,153, 0.3);}

.overview_status.testing_scheduled .status_title {background-color: #f79420;}
.overview_status.testing_scheduled div {background-color:rgba(247,148,32, 0.3);}



.overview_status .overview_name {
    width: 100%;
    position: relative;
    float: left;
    padding: 10px 10px 15px 10px;
}

.overview_status .overview_name input
{
    margin:0 auto !important;
    border-radius:0;
    max-width: 350px;
    text-align: center;
}
.overview_status.manage .overview_name input {font-weight: 700; font-size:18px;}

.overview_content .btn_no_round {
    position: relative;
    margin-top: 0;
    background-color: transparent;
    height: 100%;
}

.overview_content .info_btn {
    background-color: transparent;
    height: 100%;
    transition: none;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

/*Edit Daedalus Tag Set*/
.daedalus_tag_set_header {
    width: 100%;
    position: relative;
    float: left;
}

.campaign_status {
    width: 360px;
    position: relative;
    float: left;
    background-color: rgba(102,153,52, 1);
}
.campaign_status .status_title {
    font-size: 20px;
    font-weight: 700;
    color: #ffffff;
    text-align: center;
    padding: 9px 5px;
    width: 50%;
    position:relative;
    background: transparent;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.campaign_status.archived_deleted {background-color: #58595B;}
.campaign_status.cancelled {background-color: #E70000;}
.campaign_status.concluded {background-color: #3C6099;}
.campaign_status.draft {background-color: #EBEBEB;}
.campaign_status.draft .status_title {color:#000000;}
.campaign_status.paused {background-color: #BA439E;}
.campaign_status.testing_scheduled {background-color: #F79420;}

.daedalus_tag_set_details {
    width: 770px;
    position: relative;
    float: left;
    background-color: #ffffff;
}

.daedalus_tag_set_details .c_field.large {width: 100%;}

.daedalus_tag_set_details .c_field label
{
    font-weight: 700;
    font-size: 13px;
    margin-bottom: 0;
}
.daedalus_tag_set_details .c_field p {
    border-bottom: 1px solid #eaeaea;
    font-size: 18px;
    padding-left: 0;
    margin-top: 4px;
}
.daedalus_tag_set_details .c_field.info {
    width: 10%;
    margin-right: 0;
}

/* .campaign_name, .opt_problem {width:343px;} */
/* .campaign_name .title, .opt_problem .title {font-size: 12px; padding: 5px 10px 0 10px; background-color:#ffffff;} */
/* .campaign_name .text, .opt_problem .text {padding: 1px 10px; background-color:#ffffff; color:#848484; font-size:16px;} */
/* .tag_info {width:50px;} */
.tag_info .btn_no_round {margin-top:0;}
.tag_info .info_btn {background-color:#ffffff;}
.tag_info .info_btn:hover {background-color:#2B2D42;}
.tag_info  .dropdown_allo_info {width: 340px;}

.daedalus_tag_set_content h1 {
    font-size: 32px;
    margin-bottom: 0;
}

.daedalus_tags_set_table {
    height: 470px;
    padding: 5px;
    overflow-y: scroll;
    overflow-x: hidden;
    background-color: #ffffff;
    border: 1px solid #dee2e6;
    font-size: 12px;
}

.daedalus_tag_set_info {
    width: 100%;
    position: relative;
    position: relative;
    height: 52px;
    border: 1px solid #dee2e6;
    padding: 5px;
}

.daedalus_tag_set_info p {
    float: left;
    width: 85%;
    display: block;
    font-size: 12px;
    top: 50%;
    transform: translateY(-50%);
    position: relative;
}

.daedalus_tag_set_info .btn_no_round {margin-top: -5px;}
.daedalus_tag_set_info .info_btn {background-color: #ffffff;}
.daedalus_tag_set_info .info_btn:hover {background-color:#2B2D42;}

.daedalus_tag_set_info .dropdown_allo_info {width: 220px; min-height: 65px;}

.daedalus_tag_set_info .dropdown_allo_info .col_pad .dropdown-item {
    cursor: auto!important;
    text-overflow: inherit;
    overflow: visible;
    white-space: inherit;
}

.daedalus_tag_set_info .dot-notInUse, .daedalus_tag_set_info .dot-inUse {top:50%; transform:translateY(-50%);}
.daedalus_tag_set_info .dot-notInUse {background-color: #d5d5d5;}

.text-line-rewards-accordiom {min-height:33px;}

.overviewBtn {
    width: 100%;
    float: left;
    position: relative;
    height: 40px;
}
.overviewBtn a
{
    background: #6B8CBF!important;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    padding: 0 4px!important;
    position: absolute;
    right:0;
}
.overviewBtn a:hover, .overviewBtn a.active {background: #2B2D42!important;}

.blue_bg {background-color: #2b2d42;}
.blue_bg p 
{
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
    text-align: center;
}

/*Daedalus Classification Model*/
.width600 .modal-content, .width600 .modal-dialog {max-width: 600px;}
.btn-prim.disabled.darkgrey, .btn-prim.disabled.darkgrey:hover {background-color: #cdcdcd;}

.toggle.test_holdout_switch {width: 150px!important;}
.toggle.toggle-select.test_holdout_switch .toggle-inner {width:158px !important;}
.toggle.toggle-select.test_holdout_switch .toggle-on, .toggle.toggle-select.test_holdout_switch .toggle-off {width:75px !important;}

/*FILE UPLOAD*/
.file_upload_block {background-color:#d6d6d6; padding: 5px;}
.file_upload_block span {font-size:12px;}
.file_upload_block form {background-color:#ffffff;}
.file_upload_header, .file_upload_footer {background-color: #ebebeb;}
.file_upload_footer p {padding:10px 0; color:#000000 !important; font-size:12px !important; margin-left:10px;}
.file_upload_content {background-color: #d6d6d6; min-height:90px;padding: 15px;}

.file_upload_header a i {background-color: #ffffff; padding: 10px; border-radius: 5px;}
.file_upload_content .row:nth-child(even) {background-color:#dedede;}
.btn_del_file {
    padding: 1px !important;
    border-radius: 4px;
    margin:0 auto;
}

.btn-cancel-upload {
    color: white;
    padding: 6px 10px !important;
    margin: 5px 0;
    border-radius: 5px;
    transition: 0.3s;
}

.file_upload_content p {font-weight:700;}
.file_upload_content p.text_italic {color:#000000 !important; font-size:12px !important; font-weight:normal !important;}

.loading_block {width:100%; position: relative; float: left;}
.loading_block p.text_loading {font-size:10px; font-weight:700; min-height:15px; position: relative; float: left;}

.file_upload_block .lightbox
{
    top: 0px;
    left: 14px;
    width: 214px;
    height: 166px;
}

/**
 * ==============================================
 * Dot Flashing
 * ==============================================
 */
 .dot-flashing {
    position: relative;
    float: left;
    width: 3px;
    height: 3px;
    border-radius: 5px;
    background-color: transparent;
    color: #000000;
    animation: dotFlashing 1s infinite linear alternate;
    animation-delay: .5s;
    margin-top: 8px;
    margin-left: 20px;
  }
  
  .dot-flashing::before, .dot-flashing::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
  }
  
  .dot-flashing::before {
    left: -10px;
    width: 3px;
    height: 3px;
    border-radius: 5px;
    background-color: transparent;
    color: #000000;
    animation: dotFlashing 1s infinite alternate;
    animation-delay: 0s;
  }
  
  .dot-flashing::after {
    left: 10px;
    width: 3px;
    height: 3px;
    border-radius: 5px;
    background-color: transparent;
    color: #000000;
    animation: dotFlashing 1s infinite alternate;
    animation-delay: 1s;
  }
  
  @keyframes dotFlashing {
    0% {
      background-color: #000000;
    }
    50%,
    100% {
      background-color: rgba(0,0,0,0.2);
    }
  }

  /*Training Dataset*/
  .scoring_excluded {
    width: 1075px;
    position: relative;
    margin: 10px auto;
    background-color: #d6d6d6;
}

.scoring_excluded_group {width:100%;padding: 15px;}
.overview_table.scoring_group {width:100%; background-color:#ffffff; text-align: left;}
.overview_table.scoring_group label {font-size:11px;}

.toggle.sampling_mode_switch {width: 230px!important;}
.toggle.toggle-select.sampling_mode_switch .toggle-inner {width:238px !important;}
.toggle.toggle-select.sampling_mode_switch .toggle-on, .toggle.toggle-select.sampling_mode_switch .toggle-off {width:115px !important;}

.w-75 .btn.dropdown-toggle.btn-light {width: 100%;}
.append_scoring_row .form-control[readonly] {
    background-color: #ebebeb;
}

.scoring_group_content a i {background-color: #ffffff; padding: 10px; border-radius: 5px;}

.no_entry_created {
    width: 100%;
    height: 300px;
    background-color: #ffffff;
    position: relative;
}

.no_entry_created h2 {
    font-style: italic;
    position: relative;
    width: 100%;
    font-weight: 700;
    color: #E70000;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
}


 /*Daedalus - Customer Features*/
 .overview_table.customer_features_overview {justify-content: flex-start;}
 .overview_table.customer_features_overview .overview_table_item {
    flex: 1 1 auto;
    width: auto;
}
.overview_table.customer_features_overview .overview_table_item .btn_no_round,
.overview_table.customer_features_overview .overview_table_item .info_btn
{
    width:30px;
    height:30px;
}

.overview_table.customer_features_overview .overview_table_item .btn_no_round {margin-left:20px;}

.overview_table.customer_features_overview .overview_table_item .dropdown_allo_info
{
    width:200px !important;
    max-width:200px !important;
}

.overview_table.customer_features_overview .overview_table_item .dropdown_allo_info p{
    white-space: break-spaces;
    padding:5px;
    font-size: 11px;
}

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

.cust_features_status {
    width: 185px;
    position: relative;
    float: left;
}

.cust_features_status .status_title {
    font-size: 20px;
    font-weight: 700;
    color: #ffffff;
    text-align: center;
    background-color: rgba(102,153,52, 1);
    line-height: 105px;
    height:100%;
}

.cust_features_problem {
    width: 910px;
    background-color: #ffffff;
}

.cust_features_problem label {
    font-weight: 700;
    font-size: 13px;
    margin-bottom: 0;
    padding: 5px 10px 0 10px;
}
.cust_features_problem p {
    border-bottom: 1px solid #eaeaea;
    font-size: 18px;
    padding-left: 10px;
}
.cust_features_problem p.no_border {border-bottom: 0px;}

.cust_features_block {background-color:#d6d6d6;}

.cust_features_item
{
    background-color: #ebebeb;
    /* width:100%; */
    position: relative;
    float: left;
}

.cust_features_content 
{
    position: relative;
    float: left;
    z-index: -1;
    width: 100%;
}

.cust_features_item_info .dropdown-menu {min-width:325px !important; width:325px !important;}

.cust_features_item.error {border: 1px solid red;}

.colored_col_green {
    background-color: #3ebb60;
    width: 10px;
    height:60px;
    position: relative;
    float: left;
}

.cust_features_item_name
{
    width:610px;
    height:60px;
    margin-right:10px;
    position: relative;
    float: left;
}
.cust_features_item_name input 
{
    margin-left:10px !important; 
    width:600px !important; 
    max-width:600px !important;
    height:40px;
    top: 50%;
    transform: translateY(-50%);
    position: relative;
}

.cust_features_item_info
{
    width:45px;
    height:60px;
    position: relative;
    float: left;
}
.cust_features_item_info .btn_no_round,
.cust_features_item_info .info_btn
{
    width:40px;
    height:40px;
    background-color: #ffffff;
}
.cust_features_item_info .pointer.dropdown
{
    top: 50%;
    transform: translateY(-50%);
    position: relative;
    margin-top: 0;
    width: 40px;
    height: 40px;
}
.cust_features_item_details {width:83px; height:60px; position: relative; float: left;}
.cust_features_item_details.overview {width:350px;}
.cust_features_item_details a
{
    padding: 10px;
    background-color: #ffffff;
}
.cust_features_item_edit {width:215px; height:60px; position: relative; float: left;}

.cust_features_item_edit button 
{
    top: 50%;
    left:50%;
    transform: translate(-50%, -50%);
    position: relative;
}

.cust_features_item_delete {width:59px; height:60px; position: relative; float: left;}
.cust_features_item_delete a div
{
    top: 50%;
    transform: translateY(-50%);
    position: relative;
}

.cust_features_item_details a
{
    top: 50%;
    transform: translateY(-50%);
    position: relative;
}

.cust_features_var, .cust_features_expr {background-color:#fbfbfb;}
.cust_features_var h4, .cust_features_expr h4 {
    font-weight: 700;
    margin-bottom: 0;
    width: 40%;
    float: left;
    font-size: 14px;
    line-height: 17px;
}

.cust_features_var h2, .cust_features_expr h2 {
    font-size:26px;
    margin-bottom: 0;
    width: 60%;
    float: left;
    line-height: 17px;
    color:#58595B;
}

.cust_features_expr {padding:30px 10px;}

.cust_features_expr h4 {width:20%;}
.cust_features_expr h2
{
    width:80%;
    line-height: normal;
}

.global_feat
{
    top: 50%;
    transform: translateY(-50%);
    position: relative;
}

/*Daedalus Customer Feature Configuration*/ 
.daedCustFeat.modal {
    width: calc(100vw - 300px);
    float: right;
    position: relative;
    height: calc(100vh - 68px);
    margin-top: 68px;
}
.daedCustFeat.modal .modal-dialog
{
    height: 86vh;
    max-height: 800px;
    width: 100%;
    max-width: 1090px;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 auto;
}
.daedCustFeat.modal .modal-content
{
    width:100%;
     max-width:1090px;
    height:calc(100% - 99px);
    float: left;
    position: relative;
}
.daedCustFeat.modal .modal-body
{
   overflow-x:hidden;
    overflow-y:scroll;
    padding:0px 0px 25px 50px;
}
.daedCustFeat.modal .modal-content {padding: 0; border:0;height:100% !important;}

.daedCustFeat.modal .modal-header {margin-left:0; height:66px; padding: 0; border-bottom: 1px solid #D6D6D6;}
.daedCustFeat.modal .modal-header h3 
{
    font-weight: 400;
    margin-bottom: 0;
    float: left;
    position: relative;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
}
.daedCustFeat.modal .modal-header::before
{
    content: '';
    background-color:#3ebb60;
    width:10px;
    height:66px;
    position: relative;
    float: left;
    margin-right:25px;
}
.daedCustFeat.modal .modal-header h3 span
{
    color:#E70000;
    font-size:12px;   
    display: inline-block;
    margin-left: 30px;
}

.toggle.attr_type_switch {width: 230px!important;}
.toggle.toggle-select.attr_type_switch .toggle-inner {width:238px !important;}
.toggle.toggle-select.attr_type_switch .toggle-on, .toggle.toggle-select.attr_type_switch .toggle-off {width:115px !important;}

.toggle.attr_from_switch {width: 230px!important;}
.toggle.toggle-select.attr_from_switch .toggle-inner {width:238px !important;}
.toggle.toggle-select.attr_from_switch .toggle-on, .toggle.toggle-select.attr_from_switch .toggle-off {width:115px !important;}

.red_bg {background-color:#e80000 !important;}

.slider_info.cust_features_item {top:0px; left:330px;}


/*Daedalus Scoring Groups*/
.icon_inactive {opacity:0.4;}

.modal_table .overview_table_item {
   flex: 1 1 auto;
   width: auto;
}

.modal_table .overview_table_item.threecol {flex: 1 1 33%;}

.no_border.text-line-input {border:0;}

/*scoring group dashboard*/
.header_drop .btn.dropdown-toggle.btn-light {
    margin-top:7px !important;
    height:40px;
    margin-right:7px;
    width:210px;
}

/*scoring group occurrence*/
.occurence_stats
{
    height:20px;
    font-size:16px;
    font-weight:700;
}

.progress-bar.orange {background-color: #FFA92C !important;}

.fs-10, .fs-10 .btn, .fs-10 .dropdown-item {font-size: 10px !important;}
.fs-12, .fs-12 .btn, .fs-12 .dropdown-item {font-size: 12px !important;}
.fs-16, .fs-16 .btn, .fs-16 .dropdown-item {font-size: 16px !important;}
.fs-14, .fs-14 .btn, .fs-14 .dropdown-item {font-size: 14px !important;}
.fs-18, .fs-18 .btn, .fs-18 .dropdown-item {font-size: 18px !important;}

.toggle.cust_scored_switch {width: 230px!important;}
.toggle.toggle-select.cust_scored_switch .toggle-inner {width:230px !important;}
.toggle.toggle-select.cust_scored_switch .toggle-on, .toggle.toggle-select.cust_scored_switch .toggle-off {width:115px !important;}

.toggle.classif_model_switch {width: 200px!important;}
.toggle.toggle-select.classif_model_switch .toggle-inner {width:200px !important;}
.toggle.toggle-select.classif_model_switch .toggle-on, .toggle.toggle-select.classif_model_switch .toggle-off {width:100px !important;}

.toggle.rec_mode_switch, .toggle.prob_mode_switch {width: 230px!important;}
.toggle.toggle-select.rec_mode_switch .toggle-inner, .toggle.toggle-select.prob_mode_switch .toggle-inner {width:230px !important;}
.toggle.toggle-select.rec_mode_switch .toggle-on, .toggle.toggle-select.rec_mode_switch .toggle-off,
.toggle.toggle-select.prob_mode_switch .toggle-on, .toggle.toggle-select.prob_mode_switch .toggle-off {width:115px !important;}

.cust_scored_item_name {
    width: 510px;
    height: 60px;
    margin-right: 10px;
    position: relative;
    float: left;
}

.cust_scored_item_name input {
    margin-left: 10px !important;
    height: 40px;
    top: 50%;
    transform: translateY(-50%);
    position: relative;
}

.cust_scored_item_details {
    width: 45px;
    height: 60px;
    position: relative;
    float: left;
}

.cust_scored_item_details a {
    top: 50%;
    transform: translateY(-50%);
    position: relative;
    padding: 10px;
    background-color: #ffffff;
}

.cust_scored_item_edit {
    width: 210px;
    height: 60px;
    position: relative;
    float: left;
}

.cust_scored_item_edit button {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: relative;
}

.cust_scored_item_info {
    padding: 10px;
    background-color: #fbfbfb;
    min-height: 55px;
}

.cust_scored_item_info .col_title, .cust_scored_item_info .col_content {
    width: 135px;
    font-weight: 700;
    margin-bottom: 0;
    float: left;
    font-size: 15px;
}

.cust_scored_item_info .col_content {width:580px; font-size:22px; font-weight:400;}

.daedCustFeat.modal .modal-dialog.shorter {height: 52vh;}
.week
{
    width:100%;
    position:relative;
    float:left;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.week_day {flex:1 0;}

.toggle.scheduling_start_switch, .toggle.scheduling_end_switch {width: 300px!important;}
.toggle.toggle-select.scheduling_start_switch .toggle-inner, .toggle.toggle-select.scheduling_end_switch .toggle-inner {width:308px !important;}
.toggle.toggle-select.scheduling_start_switch .toggle-on, .toggle.toggle-select.scheduling_start_switch .toggle-off,
.toggle.toggle-select.scheduling_end_switch .toggle-on, .toggle.toggle-select.scheduling_end_switch .toggle-off {width:150px !important;}

.rec_schedule_content {background-color: #FBFBFB;}

.toggle.pattern_switch {width: 200px!important;}
.toggle.toggle-select.pattern_switch .toggle-inner {width:200px !important;}
.toggle.toggle-select.pattern_switch .toggle-on, .toggle.toggle-select.pattern_switch .toggle-off {width:100px !important;}

.overview_table.occurences_preview {
    /* justify-content: flex-start; */
    border:1px solid #91949d;
    border-radius: 10px;
}
.overview_table_item label {
    width: 90% !important;}
    
.overview_table.occurences_preview .overview_table_item1 {width:150px;flex: 1 1 150px;}
.overview_table.occurences_preview .overview_table_item2, .overview_table.occurences_preview .overview_table_item3 {width:220px;flex: 1 1 220px;}

.toggle.recurOn_switch {width: 200px!important;}
.toggle.toggle-select.recurOn_switch .toggle-inner {width:200px !important;}
.toggle.toggle-select.recurOn_switch .toggle-on, .toggle.toggle-select.recurOn_switch .toggle-off {width:100px !important;}

.toggle.scoreGPause_switch {width: 300px!important;}
.toggle.toggle-select.scoreGPause_switch .toggle-inner {width:300px !important;}
.toggle.toggle-select.scoreGPause_switch .toggle-on, .toggle.toggle-select.scoreGPause_switch .toggle-off {width:150px !important;}

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

.recurOnDateTime div {width:auto; float:left; position: relative;}
.recurOnDate label, .recurOnDateTime div label {margin-bottom:0 !important;}
.recurOnDateTime div.select_div {width:115px;}
.recurOnDateTime div.input_div {width:75px;}

/*schedule tab*/
.recurOnDateTimeControlGroup {
    width:100%;
    float:left;
    position: relative;
  }
  /*.recurOnDateTimeControlGroup div {width:auto; float:left; position: relative;}*/
  .recurOnDate label, .recurOnDateTimeControlGroup div label {margin-bottom:0 !important;}
  .recurOnDateTimeControlGroup div.select_div {width:114px;}
  .recurOnDateTimeControlGroup div.input_div {width:74px;}

.radios_lightbox, .row_lightbox {
    width: 100%;
    min-height: 40px;
    height: 100%;
    position: absolute;
    background-color: rgba(255,255,255, 0.3);
    z-index: 999;
}

.test_scoring
{
    width:260px;
    margin:0 auto;
    padding: 20px;
    /* height: 100%; */
}

.test_scoring .final_draw
{
    font-size:24px;
    padding: 60px 20px !important;
    font-weight:700;
}

.test_scoring .test_draw
{
    font-size:24px;
    padding: 16px 20px !important;
    font-weight:700;
}

td p.large {width:315px;}
td p.smaller {width:160px;}
td p.smaller130 {width:130px;}
td p.width80 {width:80px;}

.sg_campaign_statuses
{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-bottom: solid #DAE0E5 1px;
    padding-bottom: 10px;
}
.sg_campaign_statuses .switch_block {flex:0 0 auto; margin-right:15px;}

/*Preview Occurrence*/
.preview_occ_content
{
    width: 100%;
    position: relative;
    float: left;
}
.preview_occ_status
{
    width: 360px;
    position: relative;
    float: left;
    background-color: rgba(102,153,52, 0.5);
}
.preview_occ_info_block {
    width: 795px;
    position: relative;
    float: left;
    background-color: #ffffff;
}

.preview_occ_status .status_title {
    font-size: 24px;
    font-weight: 700;
    color: #ffffff;
    text-align: center;
    background-color: rgba(102,153,52, 1);
    padding: 10px 5px;
}

.preview_occ_id
{
    width:100%;
    position:relative;
    float: left;
    padding:10px 10px 15px 10px;
}

.preview_occ_id input {
    
    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;
}

.preview_occ_info, .preview_occ_desc
{
    width:50%;
    float: left;
    position:relative;
}
.preview_occ_info {border-right: 1px solid #eaeaea;}

.preview_occ_info_block label {font-weight: 700; font-size: 15px; margin-bottom:0;}
.preview_occ_info_block label, .preview_occ_info_block p {margin-left:15px;}

.occur_info_table {background-color: #D6D6D6;}

.occur_info_table_title
{
    width:100%;
    position: relative;
    float: left;
    text-align: center;
    background-color: #3c3d51;
    font-size:16px;
    color:#ffffff;
    padding:10px 0;
    font-weight: 700;
}

.occur_info_table td p {width: auto; float: inherit; line-height: inherit; white-space: inherit;}
/* =========== */
/* MAGIC LINKS */
/* =========== */

/*Management*/
.dropdown_allo_info.smaller {width: 395px; min-width: 395px;}
.dropdown_allo_info.large {width: 585px; min-width: 585px;}

.perc_block
{
    width:90%;
    position: relative;
    margin: 0 auto;
}

.perc_block .progress {width:300px; float:left;}

.toggle.ml_instance_per_cust, .toggle.ml_type_switch, .toggle.ml_destination_switch {width: 200px!important;}
.toggle.toggle-select.ml_instance_per_cust .toggle-inner,
.toggle.toggle-select.ml_type_switch .toggle-inner,
.toggle.toggle-select.ml_destination_switch .toggle-inner {width:200px !important;}
.toggle.toggle-select.ml_instance_per_cust .toggle-on, .toggle.toggle-select.ml_instance_per_cust .toggle-off,
.toggle.toggle-select.ml_type_switch .toggle-on, .toggle.toggle-select.ml_type_switch .toggle-off,
.toggle.toggle-select.ml_destination_switch .toggle-on, .toggle.toggle-select.ml_destination_switch .toggle-off {width:100px !important;}

.toggle.ml_mode_switch, .toggle.ml_mode_domain_switch, .toggle.ml_mode_apple_switch, .toggle.ml_mode_apple_deep_switch, .toggle.ml_mode_apple_ipad_switch, .toggle.ml_mode_apple_ipad_deep_switch {width: 250px!important;}
.toggle.toggle-select.ml_mode_switch .toggle-inner, .toggle.toggle-select.ml_mode_domain_switch .toggle-inner, 
.toggle.toggle-select.ml_mode_apple_switch .toggle-inner, .toggle.toggle-select.ml_mode_apple_deep_switch .toggle-inner, 
.toggle.toggle-select.ml_mode_apple_ipad_switch .toggle-inner, .toggle.toggle-select.ml_mode_apple_ipad_deep_switch .toggle-inner {width:250px !important;}
.toggle.toggle-select.ml_mode_switch .toggle-on, .toggle.toggle-select.ml_mode_switch .toggle-off,
.toggle.toggle-select.ml_mode_domain_switch .toggle-on, .toggle.toggle-select.ml_mode_domain_switch .toggle-off,
.toggle.toggle-select.ml_mode_apple_switch .toggle-on, .toggle.toggle-select.ml_mode_apple_switch .toggle-off,
.toggle.toggle-select.ml_mode_apple_deep_switch .toggle-on, .toggle.toggle-select.ml_mode_apple_deep_switch .toggle-off,
.toggle.toggle-select.ml_mode_apple_ipad_switch .toggle-on, .toggle.toggle-select.ml_mode_apple_ipad_switch .toggle-off,
.toggle.toggle-select.ml_mode_apple_ipad_deep_switch .toggle-on, .toggle.toggle-select.ml_mode_apple_ipad_deep_switch .toggle-off {width:125px !important;}

/*Android*/
.toggle.ml_mode_android_switch, .toggle.ml_mode_android_deep_switch, .toggle.ml_mode_android_tablet_switch, .toggle.ml_mode_android_tablet_deep_switch {width: 250px!important;}
.toggle.toggle-select.ml_mode_android_switch .toggle-inner,
.toggle.toggle-select.ml_mode_android_deep_switch .toggle-inner,
.toggle.toggle-select.ml_mode_android_tablet_switch .toggle-inner,
.toggle.toggle-select.ml_mode_android_tablet_deep_switch .toggle-inner {width:250px !important;}
.toggle.toggle-select.ml_mode_android_switch .toggle-on, .toggle.toggle-select.ml_mode_android_switch .toggle-off,
.toggle.toggle-select.ml_mode_android_deep_switch .toggle-on, .toggle.toggle-select.ml_mode_android_deep_switch .toggle-off,
.toggle.toggle-select.ml_mode_android_tablet_switch .toggle-on, .toggle.toggle-select.ml_mode_android_tablet_switch .toggle-off,
.toggle.toggle-select.ml_mode_android_tablet_deep_switch .toggle-on, .toggle.toggle-select.ml_mode_android_tablet_deep_switch .toggle-off {width:125px !important;}

.ml_type_tiny .collapse-btn i {
    line-height: 40px;
    padding: 0 13px;
    background-color: #ffffff;
}

.toggle.ml_expiration_switch, .toggle.ml_set_expiration_switch, .toggle.ml_generation_switch {width: 250px!important;}
.toggle.toggle-select.ml_expiration_switch .toggle-inner,
.toggle.toggle-select.ml_set_expiration_switch .toggle-inner,
.toggle.toggle-select.ml_generation_switch .toggle-inner {width:250px !important;}
.toggle.toggle-select.ml_expiration_switch .toggle-on, .toggle.toggle-select.ml_expiration_switch .toggle-off,
.toggle.toggle-select.ml_set_expiration_switch .toggle-on, .toggle.toggle-select.ml_set_expiration_switch .toggle-off,
.toggle.toggle-select.ml_generation_switch .toggle-on, .toggle.toggle-select.ml_generation_switch .toggle-off {width:125px !important;}

.toggle.ml_generation_code_mode_switch, .toggle.ml_amount_inst_switch {width: 200px!important;}
.toggle.toggle-select.ml_generation_code_mode_switch .toggle-inner,
.toggle.toggle-select.ml_amount_inst_switch .toggle-inner {width:200px !important;}
.toggle.toggle-select.ml_generation_code_mode_switch .toggle-on, .toggle.toggle-select.ml_generation_code_mode_switch .toggle-off,
.toggle.toggle-select.ml_amount_inst_switch .toggle-on, .toggle.toggle-select.ml_amount_inst_switch .toggle-off {width:100px !important;}

div.error, .modal_table.error {border:1px solid #dc3545 !important;}

.ml_visits_details
{
    width:80%;
    position:relative;
    margin:20px auto;
    border:1px solid #2b2d42;
    padding: 0;
}
.details_title {background-color:#2b2d42;}
.details_title h3 {color:#ffffff; margin:0; padding:10px;}

.details_content {width:90%; position:relative; margin:0 auto;}
.details_visits_no
{
    font-size: 40px;
    text-align: center;
    padding: 30px 0;
    float: left;
    position: relative;
    width: 100%;
}

.table_control {position: absolute; bottom:0;}
.table_control .bootstrap-select .dropdown-toggle .filter-option {
    padding-left: inherit;
}

td.active
{
    background-color:#2b2d42;
    
}

td.active a, td.active a:hover {color:#ffffff; text-decoration: none;}


/*Magic Link Overview*/
.overview_title 
{
    font-size: 20px;
    margin: 13px 0;
    padding: 0 20px;
    font-weight: bold;
}

/*Magic Link Smart Tag*/
.toggle.ml_smarttag_mode_switch {width: 200px!important;}
.toggle.toggle-select.ml_smarttag_mode_switch .toggle-inner {width:200px !important;}
.toggle.toggle-select.ml_smarttag_mode_switch .toggle-on, .toggle.toggle-select.ml_smarttag_mode_switch .toggle-off {width:100px !important;}

.vdatetime input.datepopup
{
  overflow-y: auto !important;
  height: 285px !important;
}

/*Customer Profile Smart Tag*/
.toggle.sm_points_handling_switch {width: 200px!important;}
.toggle.toggle-select.sm_points_handling_switch .toggle-inner {width:200px !important;}
.toggle.toggle-select.sm_points_handling_switch .toggle-on, .toggle.toggle-select.sm_points_handling_switch .toggle-off {width:100px !important;}

/*Mission Smart Tag*/
.trans-dropdown.showborder .form-control .btn.dropdown-toggle.btn-light {border-color: #CDCDCD !important;}

.toggle.pm_timezone_switch {width: 300px!important;}
.toggle.toggle-select.pm_timezone_switch .toggle-inner {width:300px !important;}
.toggle.toggle-select.pm_timezone_switch .toggle-on, .toggle.toggle-select.pm_timezone_switch .toggle-off {width:150px !important;}

.toggle.dm_default_value_switch {width: 200px!important;}
.toggle.toggle-select.dm_default_value_switch .toggle-inner {width:200px !important;}
.toggle.toggle-select.dm_default_value_switch .toggle-on, .toggle.toggle-select.dm_default_value_switch .toggle-off {width:100px !important;}

/* =============== */
/* EMAIL TEMPLATES */
/* =============== */

/*Email Template Management Preview*/
.modal_preview {
    width: 100%;
    position: relative;
    margin: 0 auto;
}

.modal_preview .content img, .modal_preview .content video, .modal_preview .content audio
{
    object-fit: contain;
    max-width: 100%;
    background-position: center;
}

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

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

.preview_content_header
{
    width:100%;
    height:20px;
    float:left;
    position:relative;
    background-color:#f2f2f2;
}

.preview_content
{
    width:100%;
    max-height:500px;
    min-height:500px;
    float:left;
    position:relative;
    background-color:#e8d4bb;
    overflow-y: scroll;
}

/*Email Template Create New*/
.toggle.email_lang_switch {width: 300px!important;}
.toggle.toggle-select.email_lang_switch .toggle-inner {width:308px !important;}
.toggle.toggle-select.email_lang_switch .toggle-on, .toggle.toggle-select.email_lang_switch .toggle-off {width:150px !important;}

.builder_block
{
    width:100%;
    position: relative;
    float: left;
    background-color: #d5d5d5;
    padding:10px;
    height: 100%; 
}
.builder_block.fullscreen {overflow-y: scroll;}

.builder_app
{
    position: relative;
    float: left;
    background-color: #fff;
    height: 100%;
    width:100%;
}
.builder_app img {width:100%;}

.builder_window
{
    width: 850px;
    position: absolute;
    float:left;
    top: 125px; /*14%;*/
    left: 25px;
}

.builder_window.fullscreen
{
    left: 50%;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    top: 20%;
    padding-bottom: 60px
}

.builder_window_title
{
    width:100%;
    position: relative;
    float: left;
    height:38px;
    background-color:#2b2d42;
    z-index: 5;
}

.builder_window_title p
{
    color:#ffffff;
    font-size:16px;
    line-height: 38px;
    padding-left:15px;
}

.builder_window_content
{
    width:100%;
    position:relative;
    float: left;
    height: auto;
    background-color:#ffffff;
    border-left: 1px solid #2b2d42;
    border-right: 1px solid #2b2d42;
    z-index: 5;
}

.builder_window_content_xtras, .builder_window_content_text
{
    width:100%;
    position:relative;
    float:left;
    z-index: 5;
}

.builder_window_content_text
{
    width:98%;
    min-height:275px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin: 15px 0;
}

.builder_window_content_text textarea
{
    width: 100%;
    border: 0;
    padding: 10px;
    height: 271px;
    border-radius:7px;
    border:1px solid #ced4da;
    width:98%;
    resize:none;
}

.no_extras .builder_window_content_text
{
    min-height:315px;
    border-radius:15px;
    border:0px solid #f6f6f6;
    width:98%;
    overflow-y:hidden;
    height: auto;
}
.no_extras .builder_window_content_text textarea {height: 309px;}

.builder_window_footer
{
    width:100%;
    position:relative;
    float: left;
    height:65px;
    background-color:#eaeaea;
    border-left: 1px solid #2b2d42;
    border-right: 1px solid #2b2d42;
    border-bottom: 1px solid #2b2d42;
    display: flex;
	  align-items: center;
	  justify-content: flex-end;
    text-align: right;
    z-index: 5;
}

.height-auto {height:auto !important;}

.datatable-second-col tbody.selectable tr:hover, .datatable-second-col tbody.selectable tr.active {background-color:#3c609a; color:#ffffff;}

.img_config_cust_action #tab-item-search a {margin-top: -28px !important;}

.img_config_cust_action .adv_search_no_results.showLine
{
    border-left: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
}

.img_config_fixed_value .scroll-pane_sm_search
{
    border-left:2px solid #dedede;
    border-bottom:1px solid #dedede;
    border-top:1px solid #dedede;
}

.img_config_fixed_value .sm_search_desc.empty {border:1px solid #dedede; width:827px; margin:0 auto;}

.img_config_fixed_value .scroll-pane_sm_search .jspContainer {background-color:#ffffff !important;}

.normalDesc
{
    width: 100% !important;
    border: 0 !important;
    padding: 10px !important;
    height: auto !important;
    border-radius:7px !important;
    border:1px solid #ced4da !important;
    resize:none !important;
    max-width: 100% !important;
}

.sm_search_list li.selectedSMRow {background-color:#3c609a; }
.sm_search_list li.selectedSMRow a {color:#ffffff;}

/*Diffent Language Selector*/
.email_builder_dif_lang_select .btn.dropdown-toggle.btn-light, .email_builder_dif_lang_select .form-control,
.dif_lang_fullscreen .btn.dropdown-toggle.btn-light, .dif_lang_fullscreen .form-control
{
    width:400px;
    max-width: 100%;
    font-size: 30px;
    text-align: center;
    padding-top: 0px;
    padding-bottom: 0px;
    z-index: 5;
}
.email_builder_dif_lang_select .bootstrap-select .dropdown-menu,
.dif_lang_fullscreen .bootstrap-select .dropdown-menu {max-width:400px !important;}

.email_builder_dif_lang_select .bootstrap-select > .dropdown-toggle,
.dif_lang_fullscreen .bootstrap-select > .dropdown-toggle {padding-right: 36px;}

.email_builder_dif_lang_select .bootstrap-select .dropdown-toggle .filter-option-inner, .email_builder_dif_lang_select .bootstrap-select .dropdown-toggle .filter-option,
.dif_lang_fullscreen .bootstrap-select .dropdown-toggle .filter-option-inner, .dif_lang_fullscreen .bootstrap-select .dropdown-toggle .filter-option {text-align: center;}

.cat_btn.all_cat.border-right {border-right: 1px solid #000000 !important;}
.cat_btn.all_cat.border-right img, .cat_btn.border-right img:hover, .cat_btn.active.border-right img {opacity:1;}

.sm_selected h5
{
    padding-left:0;
    border-bottom: 1px solid #dedede;
    width: 100% !important;
    padding: 5px 0px;
    margin-bottom: 0;
}

.sm_selected p
{
    width: 100%;
    padding: 5px 0px;
}

.sm_selected .dlt-w {border-radius: 7px;}

.no_content_yet h2 {
    font-style: italic;
    position: relative;
    width: 100%;
    font-weight: 700;
    color: #E70000;
    text-align: center;
    margin-top:20px;
}

.builder_edit_image, .builder_image_config, .builder_enable_img_actions
{
    width:100%;
    position: relative;
    float: left;
}

.builder_edit_image label {margin-bottom:0;}
.builder_edit_image input[type="text"] {padding: 4px; border-radius: 0;}
.builder_edit_image textarea {height: 135px; border-radius: 0;}
.builder_edit_image textarea.shorter {height:83px;}
.builder_edit_img
{
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    position: relative;
}

.builder_change_img {position:relative; float:left;}

.change_process {background-color:#6b8cbf; padding: 10px 2px;}
.change_process h3 {color:#ffffff;}

.dif_lang_fullscreen
{
    width:100%;
    background-color:#ffffff;
}

.lightbox_email
{
    width:65%;
    min-height:100px;
    height:100%;
    position: absolute;
    background-color: rgba(241,241,241, 0.01);
    z-index: 999;
    margin-left: 0 !important;
    left: 50%;
    transform: translateX(-50%);
}

.gjs-four-color, .gjs-four-color-h:hover {
  color: #FA6043;
}

.gjs-rte-action {
    width: 50px;
  }

.inactive_builder .gjs-cv-canvas {
  width: 100%;
  height: 100%;
  top: 0;
}

.preview_email .gjs-pn-panel, .inactive_builder .gjs-pn-panel
{
  float:left;
  background-color:#444444;
  width:100%;
  position: relative;
  height: 45px;
  z-index: 9999;
}

.preview_email .gjs-pn-devices-c {left:0;}

.preview_email .gjs-frame, .inactive_builder .gjs-frame {margin-top:50px;}
.preview_email .gjs-pn-buttons, .inactive_builder .gjs-pn-buttons {justify-content: flex-start;}

.lightbox_overview_desktop {
  width: 60%;
  left: 50%;
}

.lightbox_overview_tablet {
  width: 60%;
  left: 50%;
}

.lightbox_overview_mobile {
  width: 30%;
  left: 49%;
  height: 96%;
}

.lightbox_preview_desktop {
  width: 69%;
  left: 50%;
}

.lightbox_preview_tablet {
  width: 69%;
  left: 50%;
}

.lightbox_preview_mobile {
  width: 35%;
  left: 48%;
}

.multiselect--active {
  z-index: 99999;
}

.fa-align-left:before {
  content: "\F036" !important;
  background-color:transparent !important;
  border-radius:0 !important;
  color:#888686 !important;
}

.fa-align-center:before {
  content: "\F037" !important;
  background-color:transparent !important;
  border-radius:0 !important;
  color:#888686 !important;
}

.fa-align-right:before {
  content: "\F038" !important;
  background-color:transparent !important;
  border-radius:0 !important;
  color:#888686 !important;
}

.fa-align-justify:before {
  content: "\F039" !important;
  background-color:transparent !important;
  border-radius:0 !important;
  color:#888686 !important;
}

.gjs-radio-item label:after {display: none !important;;}

.gjs-radio-item input:checked+.gjs-radio-item-label {
  background-color: rgba(255,255,255,.2);
  padding-left: 0;
  float: left !important;
  width: 100%;
  height: 100%;
  border:0;
}

.gjs-editor-cont .sp-container
{
  top: 49vh !important;
  left: 44vw !important;
  width: 200px;
}

.fa-times:before {
  content: "\F00D" !important;
  background-color: transparent !important;
  border-radius: 0 !important;
  color: #888686 !important;
  border:0 !important;
}

.fa-underline:before {
  content: "\f0cd" !important;
  background-color: transparent !important;
  border-radius: 0 !important;
  color: #888686 !important;
  border:0 !important;
}

.fa-strikethrough:before {
  content: "\f0cc" !important;
  background-color: transparent !important;
  border-radius: 0 !important;
  color: #888686 !important;
  border:0 !important;
}

.fa-font:before {
  content: "\f031" !important;
  background-color: transparent !important;
  border-radius: 0 !important;
  color: #888686 !important;
  border:0 !important;
}

.fa-italic:before {
  content: "\f033" !important;
  background-color: transparent !important;
  border-radius: 0 !important;
  color: #888686 !important;
  border:0 !important;
}

.builder_window_content_text .dropzone img {width:42px !important;}

/* ================================ */
/* ============ QUESTS ============ */
/* ================================ */

/*Management*/
.dropdown_allo_info.with_text
{
    width: 235px;
    min-width: 235px;
    font-size: 13px;
    padding: 5px;
    margin-top:0 !important;
    left: 21px !important;
}

.quest_results_block
{
    border: 1px solid #24263b;
}
.quest_results_title
{
    width: 100%;
    height: 37px;
    background-color: #24263b;
    padding: 8px;
    color:#ffffff;
}

.quest_results_content .col-4 .dropdown-item {height: 45px; padding:0; border-bottom: 1px solid rgba(0,0,0,.1);}
.quest_results_content .col-4 .dropdown-item:last-child {border:0;}
.quest_results_content .dropdown-item .dot-inUse, .quest_results_content .dropdown-item .dot-notInUse {top: 50%; transform: translateY(-50%);}

.lh-45 {line-height:45px;}

.edit_txt {width:100% !important;}

.edit_txt input
{
    width:85% !important;
    max-width:335px;
    height:35px;
    border-right: 0;
    color: #476ca1;
}

.edit_txt a
{
    height:35px;
    width:35px;
    background-color: #ffffff;
    border-top: 1px solid #ced4da;
    border-bottom: 1px solid #ced4da;
    border-right: 1px solid #ced4da;
}

.edit_txt a img {width:35px; height:35px;}

.blue_border {border:1px solid #476ca1;}

.edit_txt input.blue_border 
{
    width:400px !important;
    max-width:400px !important;
    border-right: 1px solid #476ca1;
    border-top-right-radius: 7px !important;
    border-bottom-right-radius: 7px !important;
}

.consider_trans_block
{
    width:395px;
    background-color: #eaeaea;
    border:1px solid #476ca1;
    border-radius:7px;
    position: relative;
    float: right;
    margin-right: 13px;
    margin-top: -10px;
}

.consider_row
{
    width:98%;
    position: relative;
    margin:10px 0;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
}

.consider_item {flex: 0 0 125px;}

label.disabled {color:#c3c2c7;}

.toggle.toggle-select.period_type_switch { width:240px !important;}
.toggle.toggle-select.period_type_switch .toggle-inner {width:240px !important;}
.toggle.toggle-select.period_type_switch .toggle-on, .toggle.toggle-select.period_type_switch .toggle-off {width:120px !important;}

.toggle.toggle-select.reset_window_switch { width:400px !important;}
.toggle.toggle-select.reset_window_switch .toggle-inner {width:400px !important;}
.toggle.toggle-select.reset_window_switch .toggle-on, .toggle.toggle-select.reset_window_switch .toggle-off {width:200px !important;}

.toggle.toggle-select.win_expire_mode_switch { width:260px !important;}
.toggle.toggle-select.win_expire_mode_switch .toggle-inner {width:260px !important;}
.toggle.toggle-select.win_expire_mode_switch .toggle-on, .toggle.toggle-select.win_expire_mode_switch .toggle-off {width:130px !important;}

.reset_window_example a
{
 color:#313b90;
 text-decoration: underline;
 font-style: italic;
 font-size:12px;
}

.quest_block {
    background-color: #ebebeb;
    position: relative;
    float: left;
    width:100%;
}

.quest_block .quest_no {
    width: 65px;
    height: 66px;
    line-height: 66px;
    background-color: #3ebb60;
}
.quest_block .quest_no.small {width:10px;}

.quest_no label {
    width: 65px;
    color: #ffffff;
    text-align: center;
    font-size: 30px;
    line-height: 66px;
    font-weight: 700;
    margin-bottom: 0;
    /* float: left !important; */
}

.quest_no, .quest_name, .status_btn, .quest_item_details, .quest_item_config, .quest_item_dlt
{
    
    position:relative;
    float:left;
    top: 50%; 
    transform: translateY(-50%); 
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.quest_name {width:300px;}
.quest_name label {line-height: 40px; margin-left: 10px; margin-right: 5px; margin-bottom: 0;}
.status_btn {width:50px; height:66px; line-height: 63px;}
.status_btn.large {width:110px;}
.quest_item_details {width:75px;} 
.quest_item_config {width:210px; text-align: center;}
.quest_item_config button {float:none; margin:0 auto;}
.quest_item_dlt {width:50px;} 

/* .quest_block input[type="text"] {width:195px;} */

.quest_block .collapseBtn i {
    line-height: 40px;
    padding: 0 13px;
    background-color: #ffffff;
}

.quest_content {
    position: relative;
    float: left;
    /* z-index: -1; */
    width: 100%;
}

.quest_setup_content {
    background-color: #d6d6d6;
}

.quest_setup_content h4 {
    font-weight: 700;
    margin-bottom: 0;
    /* width: 50%; */
    float: left;
    font-size: 14px;
    line-height: 17px;
}

/*Quests Workflow Configuration*/ 
.questWorkflow.modal {
    width: calc(100vw - 300px);
    float: right;
    position: relative;
    height: calc(100vh - 68px);
    margin-top: 68px;
}
.questWorkflow.modal .modal-dialog
{
    height: 86vh;
    max-height: 600px;
    width: 100%;
    max-width: 1090px;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 auto;
}
.questWorkflow.modal .modal-content
{
    width:100%;
     max-width:1090px;
    height:calc(100% - 99px);
    float: left;
    position: relative;
}
.questWorkflow.modal .modal-body
{
   overflow-x:hidden;
    overflow-y:scroll;
    padding:0px 0px 25px 50px;
}
.questWorkflow.modal .modal-content {padding: 0; border:0;height:auto !important;}

.questWorkflow.modal .modal-header {margin-left:0; height:66px; padding: 0; border-bottom: 1px solid #D6D6D6;}
.questWorkflow.modal .modal-header h3 
{
    font-weight: 400;
    margin-bottom: 0;
    float: left;
    position: relative;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
}
.questWorkflow.modal .modal-header::before
{
    content: '';
    background-color:#3ebb60;
    width:10px;
    height:66px;
    position: relative;
    float: left;
    margin-right:25px;
}
.questWorkflow.modal .modal-header h3 span
{
    color:#E70000;
    font-size:12px;   
    display: inline-block;
    margin-left: 30px;
}


.toggle.toggle-select.workflow_assign_switch,
.toggle.toggle-select.workflow_assign_threshold_switch, 
.toggle.toggle-select.workflow_assign_accomplish_switch,
.toggle.toggle-select.workflow_assign_limit_switch { width:300px !important;}
.toggle.toggle-select.workflow_assign_switch .toggle-inner,
.toggle.toggle-select.workflow_assign_threshold_switch .toggle-inner,
.toggle.toggle-select.workflow_assign_accomplish_switch .toggle-inner,
.toggle.toggle-select.workflow_assign_limit_switch .toggle-inner {width:300px !important;}
.toggle.toggle-select.workflow_assign_switch .toggle-on, .toggle.toggle-select.workflow_assign_switch .toggle-off,
.toggle.toggle-select.workflow_assign_threshold_switch .toggle-on, .toggle.toggle-select.workflow_assign_threshold_switch .toggle-off,
.toggle.toggle-select.workflow_assign_accomplish_switch .toggle-on, .toggle.toggle-select.workflow_assign_accomplish_switch .toggle-off,
.toggle.toggle-select.workflow_assign_limit_switch .toggle-on, .toggle.toggle-select.workflow_assign_limit_switch .toggle-off {width:150px !important;}

.heigh100, .heigh100 p {min-height:100px;}

/* Switch on-off */
.consider_item .switch {
    position: relative;
    display: inline-block;
    width: 48px;
    height: 22px;
    margin: auto;
}
  
.consider_item .switch input { 
    opacity: 0;
    width: 0;
    height: 0;
}

.consider_item .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #acacac ;
    /* background-color: #4AD361 ; */
    -webkit-transition: .4s;
    transition: .4s;
}

.consider_item .slider.disabled {cursor:default; background-color: #e5e3e4;}

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

.consider_item input:checked + .slider {
    background-color: #4AD361;
}

.consider_item input.disabled:checked + .slider {
    background-color: #c1d6ad;
}

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

.consider_item input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

.consider_item .slider.round {
    border-radius: 34px;
}

.consider_item .slider.round:before {
    border-radius: 50%; 
}
/* End switch on/off */

/*Edit quest setup*/
.active_quest .content, .inactive_quest .content {background-color: #d6d6d6;}
.active_quest .collapseBtn i, .inactive_quest .collapseBtn i {
    line-height: 40px;
    padding: 0 13px;
    background-color: #ffffff;
}

.active_quest .quest_setup_content, .inactive_quest .quest_setup_content {background-color: #DEDEDE;}

.quest_status, .quests_no, .quests_details
{
    position: relative;
    float:left;
}
.quest_status {width:515px; margin-left: 20px;}
.quests_no {width:200px; line-height: 40px;}
.quests_details {width:40px;}

.quest_items
{
    width:95%;
    position: relative;
    margin:0 auto;
}

.toggle.quest_publish_to_switch, .toggle.quest_publish_from_switch {width: 300px!important;}
.toggle.toggle-select.quest_publish_to_switch .toggle-inner, .toggle.toggle-select.quest_publish_from_switch .toggle-inner {width:300px !important;}
.toggle.toggle-select.quest_publish_to_switch .toggle-on, .toggle.toggle-select.quest_publish_to_switch .toggle-off,
.toggle.toggle-select.quest_publish_from_switch .toggle-on, .toggle.toggle-select.quest_publish_from_switch .toggle-off {width:150px !important;}

/* ================================ */
/* =========== SEGMENTS =========== */
/* ================================ */
.toggle.toggle-select.segment_runMode_switch, .toggle.toggle-select.max_length_switch, .toggle.toggle-select.segment_runMode_switch, .toggle.toggle-select.cust_key_accepted_switch { width:200px !important;}
.toggle.toggle-select.segment_runMode_switch .toggle-inner, .toggle.toggle-select.max_length_switch .toggle-inner, .toggle.toggle-select.cust_key_accepted_switch .toggle-inner {width:200px !important;}
.toggle.toggle-select.segment_runMode_switch .toggle-on, .toggle.toggle-select.segment_runMode_switch .toggle-off,
.toggle.toggle-select.max_length_switch .toggle-on, .toggle.toggle-select.max_length_switch .toggle-off,
.toggle.toggle-select.cust_key_accepted_switch .toggle-on, .toggle.toggle-select.cust_key_accepted_switch .toggle-off {width:100px !important;}

.toggle.toggle-select.criteria_mode_switch { width:200px !important;}
.toggle.toggle-select.criteria_mode_switch .toggle-inner {width:200px !important;}
.toggle.toggle-select.criteria_mode_switch .toggle-on, .toggle.toggle-select.criteria_mode_switch .toggle-off {width:100px !important;}

.toggle.toggle-select.empty_cust_key_handle_switch { width:300px !important;}
.toggle.toggle-select.empty_cust_key_handle_switch .toggle-inner {width:300px !important;}
.toggle.toggle-select.empty_cust_key_handle_switch .toggle-on, .toggle.toggle-select.empty_cust_key_handle_switch .toggle-off {width:150px !important;}

/*Segment Export*/
.segment_export_header {
    width: 100%;
    position: relative;
    float: left;
}

.segment_export_name {
    width: 625px;
    position: relative;
    float: left;
    background-color: #FBFBFB;
    margin-right: 10px;
}

.segment_export_customers {
    width: 220px;
    position: relative;
    float: left;
    background-color: #FBFBFB;
    margin-right: 10px;
}

.segment_export_date {
    width: 230px;
    position: relative;
    float: left;
    background-color: #FBFBFB;
}

.segment_export_header label {
    font-weight: 700;
    font-size: 13px;
    margin-bottom: 0;
    padding: 5px 10px 0 10px;
}

.segment_export_header p {
    border-bottom: 1px solid #eaeaea;
    font-size: 18px;
    padding-left: 10px;
}

.toggle.toggle-select.segment_export_type_switch { width:200px !important;}
.toggle.toggle-select.segment_export_type_switch .toggle-inner {width:200px !important;}
.toggle.toggle-select.segment_export_type_switch .toggle-on, .toggle.toggle-select.segment_export_type_switch .toggle-off {width:100px !important;}

.text-wrap {white-space: inherit !important;}

.toggle.toggle-select.scheduling_end_switch_edit { width:300px !important;}
.toggle.toggle-select.scheduling_end_switch_edit .toggle-inner {width:300px !important;}
.toggle.toggle-select.scheduling_end_switch_edit .toggle-on, .toggle.toggle-select.scheduling_end_switch_edit .toggle-off {width:150px !important;}


/*Segment Test*/
.results_block
{
    border: 1px solid #24263b;
}
.results_block_title
{
    width: 100%;
    height: 37px;
    background-color: #3c3d51;
    padding: 8px;
    color:#ffffff;
}

.results_block_title p {font-size:16px;}
.results_block_content {padding: 10px;}


/* ================================ */
/* ============ BUDGES ============ */
/* ================================ */

.toggle.badge_publish_to_switch {width: 300px!important;}
.toggle.toggle-select.badge_publish_to_switch .toggle-inner {width:300px !important;}
.toggle.toggle-select.badge_publish_to_switch .toggle-on, .toggle.toggle-select.badge_publish_to_switch .toggle-off {width:150px !important;}

.badge_pointSchConfig .consider_trans_block
{
    position: absolute;
    right: 67px;
    width: 380px;
    z-index: 10;
}

.lightgrey_row_bg 
{
    background-color: #ebebeb;
    border-radius: 0px;
    padding: 0px 0;
}

.quest_item_details.badges {width:35px;} 
.quest_item_details.badges.overview {width:75px;} 
.quest_item_details.badges.overview a {float:left !important;} 

/* ============================== */
/* ============ APPS ============ */
/* ============================== */
.table_p_small 
{
    width:240px !important;   
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
}

.dot-inUseOrange {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #f89321;
    position: relative;
}

.app_session_handling
{
    width: 80% !important;
    margin: 0 auto;
    float: none;
}

.app_session_handling select {position: relative;}

.toggle.app_type_switch {width: 230px!important;}
.toggle.toggle-select.app_type_switch .toggle-inner {width:230px !important;}
.toggle.toggle-select.app_type_switch .toggle-on, .toggle.toggle-select.app_type_switch .toggle-off {width:115px !important;}

.new_app_icon {
    width: 35px;
    height: 35px;
    border:1px solid #ced4da;
    border-radius: 10px;
    cursor: pointer;
}

.new_app_icon img {width:30px; height:30px; position: relative; margin:0 auto;}

.new_app_desc {
    min-height: 80px;
    border:1px solid #ced4da;
    border-radius: 10px;
    background-color: #ffffff !important;
}

.new_app_desc p 
{
    padding:5px 10px; 
    height: 80px; 
    overflow-y: scroll;
    text-align: left;
    font-size:13px;
}

.toggle.app_lang_support_switch {width: 250px!important;}
.toggle.toggle-select.app_lang_support_switch .toggle-inner {width:250px !important;}
.toggle.toggle-select.app_lang_support_switch .toggle-on, .toggle.toggle-select.app_lang_support_switch .toggle-off {width:125px !important;}

.retrieve_sympan p {font-size:13px; font-style:italic; font-weight: 700 !important; color:#E70000;}
.retrieve_sympan p a, 
.retrieve_sympan p a:hover, 
.retrieve_sympan p a:visited, 
.retrieve_sympan p a:focus {font-size:13px; font-style:italic; font-weight: 700 !important; color:#444a9a; text-decoration: underline;}

.toggle.consider_status_switch {width: 250px!important;}
.toggle.toggle-select.consider_status_switch .toggle-inner {width:250px !important;}
.toggle.toggle-select.consider_status_switch .toggle-on, .toggle.toggle-select.consider_status_switch .toggle-off {width:125px !important;}

.app_session_name {
    width: 620px;
    height: 60px;
    margin-right: 10px;
    position: relative;
    float: left;
}

.session_name_area
{
    width:500px;
    position: relative;
    float:left;
    top: 50%;
    transform: translateY(-50%);
}

.session_name_area.edit { width:280px;}

.session_name:disabled {
    float: left !important;
    max-width: 500px !important;
    background: transparent !important;
    border: 0 !important;
    font-size: 22px !important;
    font-weight: 700 !important;
}

.session_name:disabled::placeholder {font-size:22px; font-weight:700;}

.session_name
{
    background-color: #ffffff;
    float: left !important;
    max-width: 280px !important;
    border:0 !important;
    font-size:22px !important; 
    font-weight:700 !important;
    height:40px;
    top: 50%;
}
.session_name::placeholder  {font-size:22px; font-weight:700;}
.session_name.is-invalid {border: 1px solid #dc3545 !important; margin-left:10px !important;}

.session_name_select 
{
    position: relative;
    float:left;
    top: 50%;
    transform: translateY(-50%);
    max-width: 280px !important;
    width: 280px !important;
}
.session_name_select .btn.dropdown-toggle.btn-light {max-width: 280px !important; width: 280px !important;}

.session_name_edit
{
    position: relative;
    background-color:#ffffff;
    border-radius: 10px;
    top:50%;
    transform:translateY(-50%);
}

.session_name_save
{
    position: relative;
    background-color:#3d6098;
    border-radius: 10px;
    top:50%;
    transform:translateY(-50%);
}

.app_session_btns
{
    width: 120px;
    height: 60px;
    position: relative;
    float: left;
    border-left:1px solid #ced4da;
}

.app_session_btns a, .app_gamification_btns a {
    height: 40px;
    width: 40px;
    float: left;
    position: relative;
}

.app_session_btns a i, .app_gamification_btns a i {
    line-height: 35px;
    padding: 0 13px;
    background-color: #ffffff;
}

.dlt_btn
{
    position: relative;
    float: left;
}

.toggle.addNewSession_switch {width: 280px!important; float: left; position:relative; top: 50%; transform: translateY(-50%);}
.toggle.toggle-select.addNewSession_switch .toggle-inner {width:280px !important;}
.toggle.toggle-select.addNewSession_switch .toggle-on, .toggle.toggle-select.addNewSession_switch .toggle-off {width:140px !important;}

.toggle.addNewSessionMode_switch {width: 200px!important; float: left; position:relative; top: 50%; transform: translateY(-50%);}
.toggle.toggle-select.addNewSessionMode_switch .toggle-inner {width:200px !important;}
.toggle.toggle-select.addNewSessionMode_switch .toggle-on, .toggle.toggle-select.addNewSessionMode_switch .toggle-off {width:100px !important;}


.app_session_no {
    width: 85px;
    height: 60px;
    color: #ffffff;
    text-align: center;
    font-size: 30px;
    line-height: 60px;
    font-weight: 700;
    margin-bottom: 0;
    float: left !important;
}
.blue .app_session_no {background-color: #3c609a;}
.green .app_session_no {background-color: #3ebb60;}
.red .app_session_no {background-color: #e80000;}

.app_session_status
{
    width: 643px;
    height: 60px;
    background-color: #d6d6d6;
    color:#495057;
    font-size: 22px !important;
    line-height: 60px;
    font-weight: 700;
    margin-bottom: 0;
    float: left !important;
    padding-left: 20px;
}

.sub_status .app_session_status {width:440px;}

.blue .drag_area {
    width: 40px;
    max-width: 40px;
    height: 60px;
    background-color: #465d7f;
}

.green .drag_area {
    width: 40px;
    max-width: 40px;
    height: 60px;
    background-color: #499360;
}

.red .drag_area {
    width: 40px;
    max-width: 40px;
    height: 60px;
    background-color: #ae2424;
}

.sub_dlt 
{
    width:100px; 
    height:60px;
    position: relative;
    float: left;
}

.sub_dlt a 
{
    position: relative;
    float: left;
    margin-top:10px;
    /* top: 17%;
    transform: translateY(-50%); */
}

.sub_session_name:disabled {
    float: left !important;
    max-width: 400px !important;
    background: transparent !important;
    border: 0 !important;
    font-size: 22px !important;
    font-weight: 700 !important;
}

.sub_session_name:disabled::placeholder {font-size:22px; font-weight:700;}

.sub_session_name
{
    background-color: #ffffff;
    float: left !important;
    max-width: 400px !important;
    border:0 !important;
    font-size:22px !important; 
    font-weight:700 !important;
    height:40px;
    top: 50%;
    transform: translateY(-50%);
    position: relative;
}
.sub_session_name::placeholder  {font-size:22px; font-weight:700;}

.name_edit
{
    position: relative;
    background-color:#ffffff;
    border-radius: 10px;
    /* top:50% !important;
    transform:translateY(-50%); */
}

.name_save {
    position: relative;
    background-color: #3d6098;
    border-radius: 10px;
    top: 50% !important;
    transform: translateY(-50%);
    float: left !important;
}

.noVisibility {visibility:hidden;}

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

.ct_header_row
{
    width:auto;
    height:50px;
    position: relative;
    float:left;
    background: #ebebeb;
    border-bottom:1px solid #dee2e6;
    /* display: flex;
    justify-content: space-around; */
}

.ct_header_col
{
    position: relative;
    float:left;
    height:50px;
    font-weight: 700;
    text-align: center;
    line-height: 50px;
}

.ct_header_col:nth-child(1) {width:210px;}
.ct_header_col:nth-child(2) {width:115px;}
.ct_header_col:nth-child(3) {width:115px;}

.ct_content_row
{
    width:auto;
    height:50px;
    position: relative;
    float:left;
    background: #ffffff;
    display:table;
}

.ct_content_col
{
    position: relative;
    /* float:left; */
    height:50px;
    font-size:12px;
    padding-left:5px;
    border:1px solid #dee2e6;
    display:table-cell;
    vertical-align:middle;
}

.ct_content_col:nth-child(1) {width:210px;}
.ct_content_col:nth-child(2) {width:115px; text-align:center;}
.ct_content_col:nth-child(3) {width:115px;}

.ct_content_col input[type="number"] {max-width:100px;}

/*search arrow*/
.tab_back.previous.app_content_search_arrow, .tab_back.next.app_content_search_arrow {padding: 0px 14px;}
.tab_back.previous.app_content_search_arrow i, .tab_back.next.app_content_search_arrow i {font-size: 46px;}

/*gamification tab*/
.gamification_name_area {
    width: 640px;
    position: relative;
    float: left;
}

.gamification_name_area h3 {line-height: 60px; margin-bottom:0;}

.app_gamification_btns {
    width: 120px;
    height: 60px;
    position: relative;
    float: left;
}

.gamific_no {
    width: 100%;
    height: 35px;
    color: #ffffff;
    text-align: center;
    font-size: 20px;
    line-height: 35px;
    font-weight: 700;
    margin-bottom: 0;
    float: left !important;
    background-color: #3c609a;
}

.gamification_config .point_scheme_info_bg .info_btn, .gamification_config .disabled .info_btn:hover, .gamification_config .disabled .info_btn:focus,
.gamification_config .point_scheme_info_bg, .gamification_config .point_scheme_info_bg .dropdown-toggle, .gamification_config .dlt-w 
{
    width:35px;
    height:35px;
}

.gamification_config .dlt-w {background-position: center;}

/*Advanced Setting*/
.app_adv_title
{
    width: 325px;
    height: 50px;
    position: relative;
    float: left;
}
.app_adv_btns {
    width: 230px;
    height: 50px;
    position: relative;
    float: left;
}

.usecase_name
{
    width: 420px;
    height: 60px;
    position: relative;
    float: left;
}

.usecase_name h3 {line-height: 60px; margin-bottom:0;padding-left: 10px;}

.usecase_btns
{
    width: 115px;
    height: 50px;
    position: relative;
    float: left;
}

.use_cases_details .point_scheme_info_bg .info_btn, .use_cases_details .disabled .info_btn:hover, .use_cases_details .disabled .info_btn:focus,
.use_cases_details .point_scheme_info_bg, .use_cases_details .point_scheme_info_bg .dropdown-toggle, .use_cases_details .dlt-w 
{
    width:35px;
    height:35px;
}

.medium_size .btn.dropdown-toggle.btn-light, .form-control.medium_size {width: 330px !important; max-width: 100% !important;}

.toggle.addNewCategoryPoints_switch, .toggle.addNewCategoryPoints1_switch {width: 200px!important; float: left; position:relative; top: 50%; transform: translateY(-50%);}
.toggle.toggle-select.addNewSessionaddNewCategoryPoints_switchMode_switch .toggle-inner,
.toggle.toggle-select.addNewSessionaddNewCategoryPoints1_switchMode_switch .toggle-inner {width:200px !important;}
.toggle.toggle-select.addNewCategoryPoints_switch .toggle-on, .toggle.toggle-select.addNewCategoryPoints_switch .toggle-off,
.toggle.toggle-select.addNewCategoryPoints1_switch .toggle-on, .toggle.toggle-select.addNewCategoryPoints1_switch .toggle-off {width:100px !important;}


/*APPS VERSIONS*/
.app_version_status {
    width: 550px;
    position: relative;
    float: left;
    background-color: #ffffff;
}

.app_version_name {
    width: 100%;
    position: relative;
    float: left;
    padding: 10px 10px 15px 10px;
    background-color: rgba(102,153,52, 0.5);
}

.app_version_name input {
    border-radius: 0 !important;
    width: 465px !important;
    max-width: 465px !important;
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    float: left !important;
    margin-right:10px !important;
}

.app_version_name button {float:left; margin-top:0 !important;}
.app_version_name .dropdown_allo_info {width:235px !important;}
.app_version_name .dropdown_allo_info.with_text {left: 2px !important;}
.app_version_name .dropdown_allo_info span {display:block; margin-top:10px;}

.app_versions_id
{
    width:90px;
    height:103px;
    float: left;
    position: relative;
    margin:0 15px;
    background-color:#ffffff;
}

.app_versions_id label 
{
    text-align: center;
    margin:10px 0;
    font-weight: 700;
    width:100%;
}

.app_versions_id p 
{
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    width:100%;
}

.app_versions_info
{
    width:426px;
    height:103px;
    float: left;
    position: relative;
    background-color:#ffffff;
}

.app_versions_info .row {
    margin-left: 0;
    margin-right: 0;
}

.app_versions_info label {
    font-weight: 700;
    font-size: 13px;
    margin-bottom: 0;
    margin-top: 5px;
    width:100%;
    padding-left:10px;
}

.app_versions_info p {
    border-bottom: 1px solid #000000;
    font-size: 18px;
    padding-left: 0;
    width:100%;
    margin:0 10px;
}

.app_versions_info p.noBorder {border-bottom:0;}

.app_versions_boxes
{
    width:100%;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}

.app_versions_boxes .summary_msg_block {flex:0 0 49%; min-height:295px;}
.app_versions_boxes .summary_msg_block .msg_title {height: 40px; padding:0;}
.app_versions_boxes .summary_msg_block .msg_title p {
    float: left;
    line-height: 40px;
    width: 481px;
}

.app_versions_boxes .summary_msg_block .dots {
    width: 40px;
    height: 40px;
    float: left;
}

.orange_box .dots:hover,
.orange_box .dots:focus {
    background-color: #ae6217;
}

.app_versions_boxes .summary_msg_week 
{
    font-weight: 700;
    font-size:16px;
    padding-top:20px;
}

.app_versions_boxes .summary_msg_week span {font-size:13px;}

.app_versions_boxes .summary_msg_points {padding:5px 0;}
.app_versions_boxes .summary_msg_points a
{
    color: #3c609a !important;
    font-weight:700;
}

.app_versions_boxes .summary_msg_month {padding:50px 0;}
.app_versions_boxes .summary_msg_month input{
    background: #fff url('../../../img/note_btn.png') no-repeat right 0.75rem center!important;
    border-radius: 0 !important;
    width: 300px !important;
    max-width: 100% !important;
    font-size: 13px;
    font-weight: 700;
    font-style: italic;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 40px;
    cursor: pointer;
    display: inline;
    background-color: transparent !important;
    border: 0;
}
.app_new_version
{
    width:100%;
    position: relative;
    text-align: center;
    top:40%;
    transform:translateY(-50%);
}

.new_version_btns
{
    width: 520px;
    margin: 0 auto;
    bottom: 20px;
    position: absolute;
}
.new_version_btns button {margin:0 auto;}

.toggle.major_version_switch {width: 230px!important;}
.toggle.toggle-select.major_version_switch .toggle-inner {width:230px !important;}
.toggle.toggle-select.major_version_switch .toggle-on, .toggle.toggle-select.major_version_switch .toggle-off {width:115px !important;}

.new_app_version_desc {
    min-height: 80px;
    border: 1px solid #ced4da;
    border-radius: 10px;
    background-color: #ffffff !important;
}

.new_app_version_desc p {
    padding: 5px 10px;
    height: 100px;
    overflow-y: scroll;
    text-align: left;
    font-size: 13px;
}

.app_versions_boxes .dropdown_table_opt {top:0px !important;}

.toggle.release_version_switch {width: 230px!important;}
.toggle.toggle-select.release_version_switch .toggle-inner {width:230px !important;}
.toggle.toggle-select.release_version_switch .toggle-on, .toggle.toggle-select.release_version_switch .toggle-off {width:115px !important;}

.releaseNotes
{
    width:550px !important;
    height:400px;
    overflow-y:scroll !important;
}

.releaseNotes p {text-align: left; margin-bottom:10px;}


/* =============================== */
/* ====== Verification PINS ====== */
/* =============================== */

/*create new*/
.toggle.assignment_mode_switch {width: 230px!important;}
.toggle.toggle-select.assignment_mode_switch .toggle-inner {width:230px !important;}
.toggle.toggle-select.assignment_mode_switch .toggle-on, .toggle.toggle-select.assignment_mode_switch .toggle-off {width:115px !important;}

.toggle.assigned_cust_status_switch {width: 200px!important;}
.toggle.toggle-select.assigned_cust_status_switch .toggle-inner {width:200px !important;}
.toggle.toggle-select.assigned_cust_status_switch .toggle-on, .toggle.toggle-select.assigned_cust_status_switch .toggle-off {width:100px !important;}

.toggle.verif_happens_switch {width: 230px!important;}
.toggle.toggle-select.verif_happens_switch .toggle-inner {width:230px !important;}
.toggle.toggle-select.verif_happens_switch .toggle-on, .toggle.toggle-select.verif_happens_switch .toggle-off {width:115px !important;}

.toggle.assign_pin_code_switch {width: 300px!important;}
.toggle.toggle-select.assign_pin_code_switch .toggle-inner {width:300px !important;}
.toggle.toggle-select.assign_pin_code_switch .toggle-on, .toggle.toggle-select.assign_pin_code_switch .toggle-off {width:150px !important;}


/* =============================== */
/* ====== Missions Schemes ====== */
/* =============================== */

/*create new*/
.toggle.publish_scheme_from_switch, .toggle.publish_scheme_to_switch {width: 350px !important;}
.toggle.toggle-select.publish_scheme_from_switch .toggle-inner, .toggle.toggle-select.publish_scheme_to_switch .toggle-inner {width:350px !important;}
.toggle.toggle-select.publish_scheme_from_switch .toggle-on, .toggle.toggle-select.publish_scheme_from_switch .toggle-off,
.toggle.toggle-select.publish_scheme_to_switch .toggle-on, .toggle.toggle-select.publish_scheme_to_switch .toggle-off {width:175px !important;}

/*manage priorities*/
.mission_header
{
    height:40px;
    background-color:#466c9b;
}
.mission_scheme_block .drag_area {height:40px; background-color: #2d446e;}
.mission_scheme_block .drag_area img {top: 47%;}
.mission_scheme_block .no, .mission_scheme_block .missions_no
{
    width:64px;
    height:40px;
    color:#fff;
    font-size: 26px;
    text-align: center;
    line-height: 40px;
    font-weight: 900;
    background-color:#2d548b;
    position: relative;
    float: left;
}

.mission_scheme_block .missions_no {font-size:15px; font-weight:400;}

.status
{
    height: 20px;
    width:80px;
    position: relative;
    float: left;
    top:50%;
    transform:translateY(-50%);
    margin: 0 0 0 20px;
}

.status .col_status
{
    width: 10px;
    height: 20px;
    position: relative;
    float: left;
}
.status .col_status.active {background-color: #669933;}
.status .col_status.beta_testing, .status .col_status.scheduled {background-color: #f7941f;}
.status .col_status.draft {background-color: #d6d6d6;}

.status .status_txt
{
    width:70px;
    height:20px;
    background-color:#fff;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
    color:#58595B;
    font-size:10px;
    font-weight:700;
    text-align: center;
    line-height: 20px;
}
.mission_scheme_block .name
{
    width:calc(100% - 310px);
    float: left;
    position: relative;
    margin:0;
    height: 40px;
}

.mission_scheme_block .name h3
{
    color:#fff;
    font-size: 15px;
    font-weight:700;
    text-align: center;
    line-height: 40px;
    margin:0;
}
.show_btns
{
    width:40px;
    height:40px;
    position:relative;
    float: left;
    background-color: #2d446e;
}

.show_btns a
{
    width:40px;
    height:40px;
    position: relative;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    display: block;
}

.show_btns a i {color:#fff;}

.mission_scheme_block .collapse .missions_block
{
    max-height: 300px;
    min-height: 180px;
    overflow-y: auto;
}

.mission_scheme_block .collapse .drag_area 
{
    height:65px;
    background-color:#3d5e7f;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
}

.mission_scheme_block .collapse .no
{
    height:65px;
    color:#b7ccdd;
    background-color:#4b7ea9;
    font-size:40px;
    line-height: 65px;
}

.mission_scheme_block .collapse .status {width:140px;}
.mission_scheme_block .collapse .status .status_txt {width:120px;}
.mission_scheme_block .collapse .name, .mission_scheme_block .collapse .period
{
    width:565px;
    background-color:#dedede;
    border-radius:7px;
    top: 50%;
    transform: translateY(-50%);
}

.mission_scheme_block .collapse .period 
{
    width:140px;    
    float: left;
    position: relative;
    height: 40px;
    margin-left: 20px;
}

.mission_scheme_block .collapse .name h3, .mission_scheme_block .collapse .period h3 {font-style: italic; color:#58595B; font-size:14px; font-weight:400; text-align: left; padding-left:10px;}

.mission_scheme_block .collapse .period h3 {line-height: 40px; width:100px;}
.mission_scheme_block .collapse .point_scheme_info_bg, .mission_scheme_block .collapse .point_scheme_info_bg .info_btn, .mission_scheme_block .collapse .disabled .info_btn:hover, .mission_scheme_block .collapse .disabled .info_btn:focus
{
    width:40px;
    height:40px;
    background-color: #fff;
}
.mission_scheme_block .collapse .point_scheme_info_bg .dropdown-toggle
{
    background-color: #fff;
    height: 40px;
}

.mission_scheme_block .collapse .info_btn, .mission_scheme_block .collapse .disabled .info_btn:hover, .mission_scheme_block .collapse .disabled .info_btn:focus
{
    background: url('../../../img/calendar_btn.png') no-repeat center center;
}

.mission_scheme_block .collapse .info_btn:focus, .mission_scheme_block .collapse .info_btn:hover
{
    background: url('../../../img/calendar_w_btn.png') no-repeat center center;
}

.topIndex {z-index: 9999;}

/* ====================== */
/* ====== Missions ====== */
/* ====================== */

/*create new*/
.toggle.missionAvailable_switch {width: 220px !important;}
.toggle.toggle-select.missionAvailable_switch .toggle-inner {width:220px !important;}
.toggle.toggle-select.missionAvailable_switch .toggle-on, .toggle.toggle-select.missionAvailable_switch .toggle-off {width:110px !important;}

img.addNewItemText
{
    position: absolute;
    top: 28px;
    right: 15px;
    cursor:pointer;
}

.point_scheme_info_bg.pointSchemeAward_info, .point_scheme_info_bg.pointSchemeAward_info .info_btn
{
    background-color: #dedede;
    border-radius:7px;
}

.toggle.mission_priority_adjust_switch {width: 350px !important;}
.toggle.toggle-select.mission_priority_adjust_switch .toggle-inner {width:350px !important;}
.toggle.toggle-select.mission_priority_adjust_switch .toggle-on, .toggle.toggle-select.mission_priority_adjust_switch .toggle-off {width:175px !important;}

.eligible_status_title {
    width: 500px;
    position: relative;
    float: left;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    margin-left: 10px
}

.eligible_status_title h2 {margin-bottom:0; font-size: 22px;}

.eligible_status_no
{
    width: 133px;
    height: 60px;
    position: relative;
    float: left;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.eligible_status_no label
{
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    position: relative;
}

.eligible_status_btns {
    width: 40px;
    height: 60px;
    position: relative;
    float: left;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.eligible_status_btns a
{
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    position: relative;
}

.toggle.eligible_mode {width: 260px !important;}
.toggle.toggle-select.eligible_mode .toggle-inner {width:260px !important;}
.toggle.toggle-select.eligible_mode .toggle-on, .toggle.toggle-select.eligible_mode .toggle-off {width:130px !important;}

.toggle.attempt_handling_switch {width: 350px !important;}
.toggle.toggle-select.attempt_handling_switch .toggle-inner {width:350px !important;}
.toggle.toggle-select.attempt_handling_switch .toggle-on, .toggle.toggle-select.attempt_handling_switch .toggle-off {width:175px !important;}

.toggle.mission_define_content_switch {width: 350px !important;}
.toggle.toggle-select.mission_define_content_switch .toggle-inner {width:350px !important;}
.toggle.toggle-select.mission_define_content_switch .toggle-on, .toggle.toggle-select.mission_define_content_switch .toggle-off {width:175px !important;}

.toggle.last_sec_dur_switch {width: 200px !important;}
.toggle.toggle-select.last_sec_dur_switch .toggle-inner {width:200px !important;}
.toggle.toggle-select.last_sec_dur_switch .toggle-on, .toggle.toggle-select.last_sec_dur_switch .toggle-off {width:100px !important;}

.toggle.open_attempt_handl_switch {width: 300px !important;}
.toggle.toggle-select.open_attempt_handl_switch .toggle-inner {width:300px !important;}
.toggle.toggle-select.open_attempt_handl_switch .toggle-on, .toggle.toggle-select.open_attempt_handl_switch .toggle-off {width:150px !important;}

.new_missions_block .drag_area 
{
    height:65px;
    background-color:#3d5e7f;
    position:relative;
    float: left;
}

.new_missions_block .no
{
    width: 64px;
    height:65px;
    color:#b7ccdd;
    background-color:#4b7ea9;
    font-size:40px;
    font-weight:500;
    line-height: 65px;
    text-align: center;
    position:relative;
    float: left;
}

.new_missions_block .name {
    width: 300px;
    height:66px;
    position:relative;
    float: left;
}

.new_missions_block .name label, .new_missions_block .name input, .new_missions_block .name select, .new_missions_block .name .bootstrap-select
{
    position:relative;
    float:left !important; 
    top:50%; 
    transform:translateY(-50%); 
}

.new_missions_block .name label
{
    margin:0 5px; 
    margin-bottom:0;
}

.new_missions_block .show_btn, .new_missions_block .del_btn
{
    width:60px;
    position:relative;
    float: left;
}

.new_missions_block .show_btn {width:64px;}

.new_missions_block .show_btn a{
    position:relative;
    top:50%; 
    transform:translateY(-50%); 
}

.new_missions_block .del_btn a
{
    position:absolute;
    top:50%; 
    left:50%;
    transform:translate(-50%, -50%); 
}

.new_missions_block .configure
{
    width:200px;
    position:relative;
    float: left;
}

.new_missions_block .configure button {left:50%; top:50%; transform:translate(-50%, -50%);}

.mission_consent_attr {background-color:#fff;}
.mission_consent_attr h3 {
    font-weight: 700;
    margin-bottom: 0;
    width: 60%;
    float: left;
    font-size: 14px;
    line-height: 17px;
}

.mission_consent_attr h4 {
    font-weight: 700;
    margin-bottom: 0;
    width: 40%;
    float: left;
    font-size: 20px;
    line-height: 17px;
}

.mission_consent_attr.personal_data  {background:transparent;}

.toggle.points_awarding_mode_switch {width: 300px !important;}
.toggle.toggle-select.points_awarding_mode_switch .toggle-inner {width:300px !important;}
.toggle.toggle-select.points_awarding_mode_switch .toggle-on, .toggle.toggle-select.points_awarding_mode_switch .toggle-off {width:150px !important;}

.toggle.proof_header_switch {width: 200px !important;}
.toggle.toggle-select.proof_header_switch .toggle-inner {width:200px !important;}
.toggle.toggle-select.proof_header_switch .toggle-on, .toggle.toggle-select.proof_header_switch .toggle-off {width:100px !important;}

.toggle.pers_data_switch {width: 200px !important;}
.toggle.toggle-select.pers_data_switch .toggle-inner {width:200px !important;}
.toggle.toggle-select.pers_data_switch .toggle-on, .toggle.toggle-select.pers_data_switch .toggle-off {width:100px !important;}

.step_no
{
    background-color:#4b7ea9;
    color: #b7ccdd;
    font-size: 30px;
    font-weight: 500;
    text-align: center;
}

.file_upload_content.steps
{
    background: transparent;
    min-height:auto;
    padding: 0;
    width: 100%;
}

.file_upload_content.steps button {width:35px; height:35px;}
.file_upload_content.steps button img {width:30px; height:30px;}

.img_preview .info_btn, .disabled .img_preview .info_btn:hover, .img_preview .disabled .info_btn:focus
{
    background: url('../../../img/image_details_btn.png') no-repeat center center;
}

.img_preview .info_btn:focus, .img_preview .info_btn:hover {background: url('../../../img/image_details_w_btn.png') no-repeat center center;}
.img_preview .row {background-color:transparent !important;}
.img_preview img 
{
    width:auto !important; 
    height:auto !important; 
    margin: 0 auto;    
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.scrolImg
{
    height: 200px;
    overflow-y: scroll;
}

/*consent configuration modal*/
.configConsent.modal {
    width: calc(100vw - 300px);
    float: right;
    position: relative;
    height: calc(100vh - 68px);
    margin-top: 68px;
    z-index: 9999998 !important;
}

.configConsent.modal .modal-dialog {
    height: 86vh;
    max-height: 800px;
    width: 100%;
    max-width: 1090px;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 auto;
}
.configConsent.tutorial.modal .modal-dialog {max-height:400px;}
.configConsent.tutorial.modal .modal-body {overflow-y:hidden !important;}
.configConsent.modal .modal-content {
    padding: 0;
    border: 0;
    height: 100% !important;
    width: 100%;
    max-width: 1090px;
    float: left;
    position: relative;
}

.configConsent.modal .modal-header {
    margin-left: 0;
    height: 66px;
    padding: 0;
    border-bottom: 1px solid #D6D6D6;
}

.configConsent.modal .modal-header::before {
    content: '';
    background-color: #4c7faa;
    width: 10px;
    height: 66px;
    position: relative;
    float: left;
    margin-right: 20px;
}

.configConsent.modal .modal-header h3 {
    font-weight: 400;
    margin-bottom: 0;
    float: left;
    position: relative;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    font-size: 22px;
}

.configConsent.modal .modal-body {
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 25px 50px;
}

.configConsent.modal .modal-body .row {
    margin: 0;
    z-index: 10;
}

.config_select_cust_attr, .config_cust_attr_type, .config_cust_attr_cat, .config_cust_attr_btns {
    width: 240px;
    position: relative;
    float: left;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    margin-left: 10px;
}

.config_cust_attr_type {width:230px;}
.config_cust_attr_cat {width:270px;}
.config_cust_attr_btns {width:90px;}

.config_cust_attr_type label, .config_cust_attr_cat label {
    margin-right: 10px;
    margin-bottom: 0;
    margin-top: 10px;
}
.config_cust_attr_type label, .config_cust_attr_type input, .config_cust_attr_cat label, .config_cust_attr_cat input {
    position: relative;
    float: left !important;
}

.config_cust_attr_type input, .config_cust_attr_cat input {width:180px; font-style: italic; background-color: #dedede !important;}

.toggle.cust_attr_date_switch {width: 200px !important;}
.toggle.toggle-select.cust_attr_date_switch .toggle-inner {width:200px !important;}
.toggle.toggle-select.cust_attr_date_switch .toggle-on, .toggle.toggle-select.cust_attr_date_switch .toggle-off {width:100px !important;}

.configConsent.modal .modal-footer {padding:20px 0; background-color: #EAEAEA;width:100%; height:99px; float: left; position:relative;}
.configConsent.modal .modal-footer button{
    font-size: 14px;
    padding: 13px 55px!important;
    border-radius: 10px;
}

.toggle.pers_data_update_value_switch {width: 200px !important;}
.toggle.toggle-select.pers_data_update_value_switch .toggle-inner {width:200px !important;}
.toggle.toggle-select.pers_data_update_value_switch .toggle-on, .toggle.toggle-select.pers_data_update_value_switch .toggle-off {width:100px !important;}


/*mission quiz*/
.toggle.sec_min_switch {width: 200px !important;}
.toggle.toggle-select.sec_min_switch .toggle-inner {width:200px !important;}
.toggle.toggle-select.sec_min_switch .toggle-on, .toggle.toggle-select.sec_min_switch .toggle-off {width:100px !important;}

/*mission survey*/
.survey_mission p {font-size:16px;}
.survey_mission p span {font-size:14px;}
.survey_mission .mission_consent_attr h3 {width:40%;}
.survey_mission .mission_consent_attr h4 {width:60%;}
.survey_mission .mission_consent_attr:nth-child(2) {border-left:1px solid #e8e8e8;}

/*mission video*/
.toggle.points_awarding_video_switch {width: 400px !important;}
.toggle.toggle-select.points_awarding_video_switch .toggle-inner {width:400px !important;}
.toggle.toggle-select.points_awarding_video_switch .toggle-on, .toggle.toggle-select.points_awarding_video_switch .toggle-off {width:200px !important;}

/*tutorial mission*/
.toggle.points_awarding_tutorial_switch {width: 400px !important;}
.toggle.toggle-select.points_awarding_tutorial_switch .toggle-inner {width:400px !important;}
.toggle.toggle-select.points_awarding_tutorial_switch .toggle-on, .toggle.toggle-select.points_awarding_tutorial_switch .toggle-off {width:200px !important;}

/*app rating mission*/
.low_rang_rating
{
    position: relative;
    float:left;
    width:115px;
    background-color:#6b8cbf;
    color:#c2d1e4;
    font-size:20px;
    text-align: center;
    height: 50px;
    line-height: 50px;
}

.high_rang_rating
{
    position: relative;
    float:left;
    width:115px;
    background-color:#3c3d51;
    color:#c2d1e4;
    font-size:20px;
    text-align: center;
    height: 50px;
    line-height: 50px;
}

.rating_block
{
    position: relative;
    float:left;
    height:50px;
    width:250px;
    background-color:#ffffff;
}

.rating_from, .rating_middle, .rating_to 
{
    position: relative;
    float:left;
    top:50%;
    transform:translateY(-50%);
    text-align: center;
}

.rating_from, .rating_middle {width:70px; }
.rating_middle {font-style: italic; color:#b0b0b8;}
.rating_to {width:110px;}
.rating_to input {width:80px; max-width:80px; margin-left: 15px !important;}

/*nps survey mission*/
.nps_survey_detractors, .nps_survey_passives, .nps_survey_promoters
{
    position: relative;
    float:left;
    width:150px;
    background-color:#99475e;
    color:#c2d1e4;
    font-size:20px;
    text-align: center;
    height: 50px;
    line-height: 50px;
}

.nps_survey_passives {background-color:#429991;}
.nps_survey_promoters {background-color:#9bb26c;}

/*spending mission*/
.toggle.points_awarding_spending_switch {width: 400px !important;}
.toggle.toggle-select.points_awarding_spending_switch .toggle-inner {width:400px !important;}
.toggle.toggle-select.points_awarding_spending_switch .toggle-on, .toggle.toggle-select.points_awarding_spending_switch .toggle-off {width:200px !important;}

.formula_fields
{
    width:100%;
    position: relative;
    display:flex;
    flex-direction: row;
    justify-content: space-between;
}
.formula_txt, .formula_field {flex:0 auto; line-height: 39px;}

/*profiling mission*/
.profiling_mission .mission_consent_attr h3 {
    width: 60%;
}
.profiling_mission .mission_consent_attr h4 {
    width: 40%;
}

.profiling_mission .mission_consent_attr:nth-child(2) {
    border-left: 1px solid #e8e8e8;
}

.toggle.points_awarding_attribute_switch {width: 400px !important;}
.toggle.toggle-select.points_awarding_attribute_switch .toggle-inner {width:400px !important;}
.toggle.toggle-select.points_awarding_attribute_switch .toggle-on, .toggle.toggle-select.points_awarding_attribute_switch .toggle-off {width:200px !important;}

/*attributes mission*/
.configConsent.attributes .config_select_cust_attr {width: 311px;}
.configConsent.attributes .config_cust_attr_type, .configConsent.attributes .config_cust_attr_cat {width: 250px;}

/*referral mission*/
.new_missions_block .custom_attr {
    width: 264px;
    height:66px;
    position:relative;
    float: left;
}

.new_missions_block .custom_attr label, .new_missions_block .custom_attr .toggle
{
    position:relative;
    float:left !important; 
    top:50%; 
    transform:translateY(-50%); 
}

.new_missions_block .custom_attr label
{
    margin:0 25px; 
    margin-bottom:0;
}

.toggle.points_awarding_referral_switch {width: 400px !important;}
.toggle.toggle-select.points_awarding_referral_switch .toggle-inner {width:400px !important;}
.toggle.toggle-select.points_awarding_referral_switch .toggle-on, .toggle.toggle-select.points_awarding_referral_switch .toggle-off {width:200px !important;}

.toggle.points_awarding_gaming_switch {width: 400px !important;}
.toggle.toggle-select.points_awarding_gaming_switch .toggle-inner {width:400px !important;}
.toggle.toggle-select.points_awarding_gaming_switch .toggle-on, .toggle.toggle-select.points_awarding_gaming_switch .toggle-off {width:200px !important;}

.toggle.points_awarding_generic_switch {width: 400px !important;}
.toggle.toggle-select.points_awarding_generic_switch .toggle-inner {width:400px !important;}
.toggle.toggle-select.points_awarding_generic_switch .toggle-on, .toggle.toggle-select.points_awarding_generic_switch .toggle-off {width:200px !important;}

/*mission management*/
.mission_manage .status {
    height: 20px;
    width: 120px;
    position: relative;
    float: left;
    top: 50%;
    transform: translateY(50%);
    margin: 0 0 0 0px;
}

.mission_manage .status .status_txt {width:100px; background-color: #ebebeb;}

.mission_manage .name {
    width: 500px;
    float: left;
    position: relative;
    margin: 0;
    height: 40px;
}

.mission_manage .name h3 {
    color: #58595b;
    font-size: 17px;
    font-weight: 700;
    text-align: center;
    line-height: 40px;
    margin: 0;
}

/* ============================= */
/* ====== Password Policy ====== */
/* ============================= */
.form_table {
    width: 100%;
    /* margin: 0 auto; */
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    padding-bottom: 10px;
    border: 1px solid #91949d;
    border-radius: 10px;
}
.form_table .col_pad .dropdown-item {padding-left: 10px; padding-right: 0px; font-size: 12px; line-height: 22px;}
.form_table .col_pad .hr_drop_basket {margin-left:10px;}

/*square checkbox*/
.form-check {margin-bottom: 10px; display: flex; cursor:pointer;}

  .form-check input[type='checkbox']{
        appearance: none;
        border: 1px solid #ced4da;
        height: 24px;
        width: 24px;
        font-size: 22px;
        position: relative;
        background-color: #fff;
        margin-top: 0;
        border-radius:7px;
        
}
.form-check input[type='checkbox']:checked:before{
    content: ''/*'\2713'*/;
    background-image: url("../../../img/check_btn.png");
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    width: 15px;
    height: 12px;
    top: 50%;
    left: 50%;
    color: #58595b;
    font-weight: bold;
    position: absolute;
    transform: translate(-50%, -50%);
    }

.form-check-label
{
    font-size:12px;
    color: #58595B;
    margin-left: 10px;
    line-height: 24px;
}

td .form-check
{
    margin-bottom:0;
    padding-left:0;
}

td .form-check-input
{
    margin: 0 auto;
    cursor:pointer;
}

/*Redesign Content Data Block*/
/*First Level*/
.content_block
{
    width:100%;
    position:relative;
    float:left;
    border-radius: 7px;
    background-color:#c5c9dd; /*fasa*/
}

.content_title, .table_header.blue .content_title
{
    width:100%;
    position:relative;
    float:left;
    background-color: #777fad;
    padding:5px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}

.content_block .block_no 
{
    background-color: #777fad;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
}

.content_block.error
{
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
/*Second Level*/
.blue .content_title {background-color: #6a8cbf;} /*title*/
.content_block.blue {background-color:#e3ebee;} /*fasa*/ /*d6dee8*/
.content_block.blue .collapse {background-color: #edf1f4;} /*Content Bg*/

/*Third Level*/
.purple .content_title {background-color: #8f6eba;} /*title*/
.content_block.purple, .purple_block {background-color:#d9d0e1;} /*fasa*/
.content_block.purple .collapse {background-color: #efdff2;} /*Content Bg*/
.purple .grey_bg {background-color: #eedff2;}

/*Fourth Level*/
.green .content_title {background-color: #69adbc;} /*title*/
.content_block.green {background-color:#cfe3e5;}/*fasa*/
.content_block.green .collapse {background-color: #edf4f4;} /*Content Bg*/

/*eg Number Row*/
.block_bg {background-color: #e3ebee;}
.block_bg.error {border-top-left-radius: 7px;}
.block_bg .collapse, .block_bg .collapsing {background-color: #d7dcef;}


.content_block.yellow {background-color:#dcc8a3;}
.content_block.darkpurple {background-color: #daa5d3;}
.content_block.darkblue {background-color: #a8b9d3;}

.content_block table {border-color: #d6dfe8 !important;}
.content_block table .table-titles {background-color: #d6dfe8;}

.yellow .content_title {background-color: #f7941f;}
.darkpurple .content_title {background-color: #ba439d;}
.darkblue .content_title {background-color: #3c609a;}


.yellow_block_bg {background-color: #ecd9c8;}
.darkpurple_block_bg {background-color: #e8cfef;}
.darkblue_block_bg {background-color: #bfdaef;}



.block_bg .info_btn {background-color: #ffffff;}

.content_title h4
{
    color:#fff;
    font-size:15px;
    margin:0;
}

.content_item_block {padding: 0px 24px 10px 24px;}
.content_item_block .grey_bg {border-radius:7px;}

.content_item_row
{
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.content_item_row.blue {background-color: #d6dfe8; padding:5px; border-radius:7px;}
.blue_block {background-color: #d6dfe8;}

.content_item
{
    flex: 0 auto;
    line-height: 39px;
    margin-right: 10px;
}

.content_item .form-control {max-width:100px;}
.content_item .form-control.large, .content_item .date.large {max-width:210px;}
.content_item .form-control.xlarge, .content_item .date.xlarge {max-width:300px;}
.content_item .form-control.medium, .content_item .date.medium {max-width:150px;}
.content_item .form-control.smaller, .content_item .date.smaller {max-width:100px;}
.content_item .form-control.autoWidth {max-width:max-content; width: 60%;}

.large .btn.dropdown-toggle.btn-light {width:210px;}
.xlarge .btn.dropdown-toggle.btn-light {width:300px;}
.medium .btn.dropdown-toggle.btn-light {width:150px;}
.smaller .btn.dropdown-toggle.btn-light {width:100px;}


.content_item input[type=number].form-control, .content_item .quantity-nav {margin-top: 3px !important;}

.modal .content_item .form-control.large {max-width: 180px; width: 10vw;}
.modal .content_item .form-control.smaller {max-width: 150px; width: 8vw;}

hr.block {
    width: 100%;
    margin: 25px 0;
    border: none;
    height: 2px;
    background: #fff;
}

/*END Redesign Content Data Block*/

.round_corners {border-radius:7px;}

.toggle.allow_block_switch {width: 150px !important;}
.toggle.toggle-select.allow_block_switch .toggle-inner {width:150px !important;}
.toggle.toggle-select.allow_block_switch .toggle-on, .toggle.toggle-select.allow_block_switch .toggle-off {width:75px !important;}

.toggle.toggle-select.allow_block_switch .toggle-off.active {background-color: #e80000 !important;}
.toggle.toggle-select.allow_block_switch .toggle-on.active {background-color: #669934 !important;}

.bg_transparent {background-color:transparent !important;}

.toggle.enable_disable_switch {width: 150px !important;}
.toggle.toggle-select.enable_disable_switch .toggle-inner {width:150px !important;}
.toggle.toggle-select.enable_disable_switch .toggle-on, .toggle.toggle-select.enable_disable_switch .toggle-off {width:75px !important;}

.widthAuto {width: auto;}

.dropdown-header
{
    padding: 1rem 1.5rem 0 1.5rem;
    font-size: 16px;
    color: #000000;
    font-weight:700;
}
li.dropdown-divider {display: none;}

/* ============================ */
/* ====== Control Groups ====== */
/* ============================ */
.toggle.include_cust_switch {width: 350px !important;}
.toggle.toggle-select.include_cust_switch .toggle-inner {width:350px !important;}
.toggle.toggle-select.include_cust_switch .toggle-on, .toggle.toggle-select.include_cust_switch .toggle-off {width:175px !important;}

.toggle.cg_update_mode_switch {width: 350px !important;}
.toggle.toggle-select.cg_update_mode_switch .toggle-inner {width:350px !important;}
.toggle.toggle-select.cg_update_mode_switch .toggle-on, .toggle.toggle-select.cg_update_mode_switch .toggle-off {width:175px !important;}

.toggle.deactivete_group_custHandle_switch {width: 350px !important;}
.toggle.toggle-select.deactivete_group_custHandle_switch .toggle-inner {width:350px !important;}
.toggle.toggle-select.deactivete_group_custHandle_switch .toggle-on, .toggle.toggle-select.deactivete_group_custHandle_switch .toggle-off {width:175px !important;}

p.no_border {border:0 !important;}

img.disabled {opacity:0.4;}

/* ==================== */
/* ====== Tokens ====== */
/* ==================== */
.toggle.redemption_mode_switch {width: 250px !important;}
.toggle.toggle-select.redemption_mode_switch .toggle-inner {width:250px !important;}
.toggle.toggle-select.redemption_mode_switch .toggle-on, .toggle.toggle-select.redemption_mode_switch .toggle-off {width:125px !important;}

/* ========================= */
/* ====== Promo Codes ====== */
/* ========================= */
.content_block .manage_text
{
    color:#3c5f99;
    text-align: center;
    padding:10px 0;
    font-size: 20px;
    font-weight: 700;
}

.toggle.select_create_switch {width: 200px !important;}
.toggle.toggle-select.select_create_switch .toggle-inner {width:200px !important;}
.toggle.toggle-select.select_create_switch .toggle-on, .toggle.toggle-select.select_create_switch .toggle-off {width:100px !important;}

.toggle.engine_upload_switch {width: 250px !important;}
.toggle.toggle-select.engine_upload_switch .toggle-inner {width:250px !important;}
.toggle.toggle-select.engine_upload_switch .toggle-on, .toggle.toggle-select.engine_upload_switch .toggle-off {width:125px !important;}

.toggle.infinite_batches_switch {width: 250px !important;}
.toggle.toggle-select.infinite_batches_switch .toggle-inner {width:250px !important;}
.toggle.toggle-select.infinite_batches_switch .toggle-on, .toggle.toggle-select.infinite_batches_switch .toggle-off {width:125px !important;}

.toggle.pre_assign_switch {width: 350px !important;}
.toggle.toggle-select.pre_assign_switch .toggle-inner {width:350px !important;}
.toggle.toggle-select.pre_assign_switch .toggle-on, .toggle.toggle-select.pre_assign_switch .toggle-off {width:175px !important;}

.toggle.code_red_switch {width: 250px !important;}
.toggle.toggle-select.code_red_switch .toggle-inner {width:250px !important;}
.toggle.toggle-select.code_red_switch .toggle-on, .toggle.toggle-select.code_red_switch .toggle-off {width:125px !important;}

.toggle.red_mode_switch {width: 250px !important;}
.toggle.toggle-select.red_mode_switch .toggle-inner {width:250px !important;}
.toggle.toggle-select.red_mode_switch .toggle-on, .toggle.toggle-select.red_mode_switch .toggle-off {width:125px !important;}

/*TOP SLICE*/
.top_slice_header {
    width: 100%;
    position: relative;
    float: left;
}

.top_slice_name {
    width: 700px;
    position: relative;
    float: left;
    background-color: #FBFBFB;
    margin-right: 10px;
}

.top_slice_id {
    width: 75px;
    position: relative;
    float: left;
    background-color: #FBFBFB;
    margin-right: 10px;
}

.top_slice_info {
    width: 300px;
    position: relative;
    float: left;
    background-color: #FBFBFB;
}

.top_slice_header label {
    font-weight: 700;
    font-size: 13px;
    margin-bottom: 0;
    padding: 5px 10px 0 10px;
}

.top_slice_header p {
    /* border-bottom: 1px solid #eaeaea; */
    font-size: 18px;
    padding-left: 10px;
}

.purple .file_upload_block, .purple .file_upload_header, .purple .file_upload_footer  {background-color: #e4d7e9;}
.purple .file_upload_content  {background-color: #dcc7e6;}

.toggle.generationCode_switch {width: 350px !important;}
.toggle.toggle-select.generationCode_switch .toggle-inner {width:350px !important;}
.toggle.toggle-select.generationCode_switch .toggle-on, .toggle.toggle-select.generationCode_switch .toggle-off {width:175px !important;}

.chars_preview {letter-spacing: 2px;}


.area_2col
{
    width:100%;
    position:relative;
    display:flex;
    flex-direction: row;
    justify-content: space-evenly;
}
.area_2col .area_col {flex:1 49%;}

.area_5col
{
    width:100%;
    position:relative;
    display:flex;
    flex-direction: row;
    justify-content: flex-start;
}
.area_5col .area_col {flex:1 auto;}

.area_2col .showDivider::before
{
    content:"";
    width:10px;
    height:65px !important;
    border-left:1px solid #ebecf8;
    position: absolute;
    float: left;
    margin-left: 0px;
}

.adv_searchInternal .col-12 {border-top: 9px solid #2B2D42;}
.adv_searchInternal .tab-footer .col-12 {border-top: 0px solid #2B2D42;}

.toggle.dnl_batches_switch {width: 200px !important;}
.toggle.toggle-select.dnl_batches_switch .toggle-inner {width:200px !important;}
.toggle.toggle-select.dnl_batches_switch .toggle-on, .toggle.toggle-select.dnl_batches_switch .toggle-off {width:100px !important;}

.toggle.all_specify_type_switch {width: 200px !important;}
.toggle.toggle-select.all_specify_type_switch .toggle-inner {width:200px !important;}
.toggle.toggle-select.all_specify_type_switch .toggle-on, .toggle.toggle-select.all_specify_type_switch .toggle-off {width:100px !important;}

.drag_no .drag_area {
    height: 60px;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
}

.drag_no .block_no {border-top-left-radius: 0px; border-bottom-left-radius: 0px;}

.blue_block .drag_no .drag_area {background-color: #5a5e83;}

.noRadius {border-radius: 0px;}


/* ========================== */
/* ====== Reward Items ====== */
/* ========================== */
/*Telco Reward*/
.toggle.rew_items_mode_switch {width: 250px !important;}
.toggle.toggle-select.rew_items_mode_switch .toggle-inner {width:250px !important;}
.toggle.toggle-select.rew_items_mode_switch .toggle-on, .toggle.toggle-select.rew_items_mode_switch .toggle-off {width:125px !important;}

.toggle.cust_accept_not_req_switch {width: 400px !important;}
.toggle.toggle-select.cust_accept_not_req_switch .toggle-inner {width:400px !important;}
.toggle.toggle-select.cust_accept_not_req_switch .toggle-on, .toggle.toggle-select.cust_accept_not_req_switch .toggle-off {width:200px !important;}

.toggle.wait_cust_accept_switch {width: 300px !important;}
.toggle.toggle-select.wait_cust_accept_switch .toggle-inner {width:300px !important;}
.toggle.toggle-select.wait_cust_accept_switch .toggle-on, .toggle.toggle-select.wait_cust_accept_switch .toggle-off {width:150px !important;}

/*title with line*/
.line_title  p.header
{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color:#58585a;
    padding-left: 0;
    font-weight: 700;
}
.line_title p.header:after
{
    background: black;
    height: 1px;
    flex: 1;
    content: '';
    width: 90%;
    margin-left: 10px;
}

.line_title .text_field_area, .line_title .file_upload_content {background-color: #b9c9e0;}
.line_title .character_area, .line_title .file_upload_block, .line_title .file_upload_header, .line_title .file_upload_footer {background-color: #d6dfe8;}

.line_title .text_field_area textarea {resize:none;}

/*overview page*/
.history_advSearch 
{
    border-top: 9px solid #2B2D42;
    border-left: 1px solid #DEDEDE;
    border-right: 1px solid #DEDEDE;
}

.overview_title.blue {color:#576798; margin-bottom:0;}
.overview_txt
{
    color:#576798;
    font-size: 14px;
}

.scroll_content 
{
    width: 100%;
    min-height: 170px;
    max-height:500px;
    overflow-y: scroll; 
    overflow-x: hidden;
    scroll-snap-type: y mandatory;
}

.scroll_content thead
{
    position:sticky;
    top:0;
    z-index: 10;
}

.scroll_content tr{
    scroll-snap-align: start;
}

.table_header.blue {background-color:#c4c9dd; padding: 10px 0;}

.table_content {background-color:#f7f7f7; border-radius: 7px;}

.table_content.scroll_content {max-height:170px;}

.table_header.blue thead tr {background-color:#c4c9dd;}
.table_header.blue thead tr th, .table_header.blue tbody tr td {border:0px !important;}
.table_header.blue tbody {border: 15px solid #e1e4ed;}
.table_header.blue tbody tr {background-color:#c4c9dd; border-bottom: 10px solid #e1e4ed;}
.table_header.blue tbody tr td p 
{
    border-radius: 5px;
    background-color:#ebebeb;
    font-style: italic;
    text-align: center;
}
.table_header.blue .info_btn {background-color: #fff;}
.table_header.blue img.table_btn 
{
    background-color: #fff;
    border-radius: 5px;
    width: 35px;
    height: 35px;
}

.table_header.blue img.table_btn.active {background-color: #2B2D42; border-radius: 5px;}
.table_footer.blue {background-color: #e1e4ed;}

.table_header.blue tbody tr td .drag_area {background-color: #7680ad;}
.table_header.blue tbody tr td .block_no 
{
    background-color: #c4c9dd;
    color:#787c9a;
    width: 53px;
    font-weight: normal;
    font-size: 26px;
}

.pie_status
{
    width:100%;
    position: relative;
    float: left;
    margin-bottom:20px;
}
.pie_status .dot {
    margin-left: 0px;
    float: left;
    margin-top: 5px;
    width: 12px;
    height: 12px;
}

.dot.orange {background-color: #f8931f;}
.dot.lightblue {background-color: #3094d2;}
.dot.darkblue {background-color: #335280;}
.dot.lightgreen {background-color: #2dcc8a;}
.dot.brown {background-color: #87371e;}
.dot.darkgreen {background-color: #157217;}
.dot.pink {background-color: #ff7698;}
.dot.blue {background-color: #4d8993;}
.dot.purple {background-color: #bb429f;}
.dot.red {background-color: #e90100;}
.dot.grey {background-color: #58595b;}

.pie_status p {float: left; margin-left: 10px; font-weight:700;}
.pie_status p span {font-weight:normal; display: block;}

/*schedule table*/
.table_schedule {background-color: #edf1f4; padding: 5px; margin:8px; border-bottom-left-radius:7px; border-bottom-right-radius:7px;}
.table_schedule.opened {margin-bottom: 0 !important; border-bottom-left-radius:0px; border-bottom-right-radius:0px;}

.table_schedule .colNo
{
    color:#7190b5;
    font-size:25px;
}

.table_schedule p {
    border-radius: 5px;
    background-color: #ebebeb;
    font-style: italic;
    text-align: center;
    font-size:12px;
}

.input-group.date input.disabled
{
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
    border:0px;
}

.table_schedule input.disabled
{
    border:0px;
    padding-left:10px;
}

.collapse.schedule .white_bg {margin-bottom: 0 !important; margin-top: 0 !important;}
.collapse.schedule {background-color: #d6dfe8 !important;}