.main_section {
    position: relative;
}

/*.sidebar_holder:before {
    width: 100%;
    height: 100%;
    opacity: .1;
    content: '';
    z-index: -1;
    background-size: 300px;
    position: absolute;
    background-image: url(/img/snowflakes.png);
}*/


/*
|=============================================================
| APPLICATIONS
|=============================================================
*/

.custom_modal_content .application_child_create_form,
.custom_modal_content .application_create_form {
    width: 1280px;
    margin: 0;
}

.application_child_create_form .form_frame,
.application_create_form .form_frame {
    min-height: 460px;
}

.application_create_form .tab_appl_form_1 > .form_block {
    /*min-height: 400px;*/
    /*max-height: calc(100vh - 260px);*/
}

.application_child_create_form .side,
.application_create_form .side {
    margin-right: 10px;
}

.cl_key_search_toggler {
    border-bottom: 1px dotted;
    cursor: pointer;
}

.cl_key_search_toggler.active {
    color: red;
}

.cl_key_search {
    display: none;
}

.cl_key_search.active {
    display: block;
}

.remove_select_search_res
{
    cursor: pointer;
    display: flex;
    height: 50px;
    width: 50px;
    min-width: 50px;
    border: 1px solid rgb(216, 225, 245);
    background-color: rgba(78, 100, 160, .1);
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
    margin-left: 10px;
    padding: 10px;
    align-self: flex-end;
    box-sizing: border-box;
}

.client_applications {
    min-height: 340px;
    max-height: 480px;
    /*max-height: calc(100% - 40px);*/
}

.client_services {
    min-height: 340px;
    max-height: 480px;
    /*max-height: calc(100% - 40px);*/
}

.appl_client_service_item {
    padding: 10px 5px;
    margin-bottom: 5px;
    border-radius: 8px;
    border: 1px solid rgb(216, 225, 245);
    background-color: rgba(78, 100, 160, .1);
}

.appl_client_service_name {
    font-family: "RobotoBold", sans-serif;
    margin-bottom: 5px;
    align-items: center;
    display: flex;
}

a.appl_client_service_name {
    border-bottom: 1px dotted blue;
    display: inline-block;
}

.appl_client_service_content_item {
    display: flex;
    margin-bottom: 2px;
    justify-content: space-between;
}

.appl_client_content_item_name {
    opacity: .8;
}

.appl_client_content_item_val {
    max-width: 50%;
    text-align: right;
}

span.dotted {
    border-bottom: 1px dotted rgb(193 193 193);
    flex-grow: 1;
    margin: 0 5px 2px 5px;
}

.service_activation_holder {
    padding: 5px;
    cursor: pointer;
    margin-top: 10px;
    border-radius: 8px;
    border: 1px solid rgb(216, 225, 245);
}

.service_activation_header {
    margin-bottom: 10px;
    border-radius: 8px;
    padding: 5px;
    background-color: #c2c7d0;
    border: 3px solid #fff;
    box-shadow:
        3px 3px 5px rgb(216 225 245 / 95%),
        -3px -3px 5px rgb(255 255 255 / 10%),
        inset 3px 3px 5px rgb(183 183 183);
}

.service_activation_content {
    display: none;
}

.service_activation_holder.active .service_activation_header {
    background-color: #96daab;
    box-shadow:
        3px 3px 5px rgb(216 225 245 / 95%),
        -3px -3px 5px rgb(255 255 255 / 10%);
}

.service_activation_holder.active .service_activation_content {
    display: block;
}

.service_activation_item {
    display: flex;
    justify-content: space-between;
}

.service_activation_key {

}

.service_activation_val {

}

.service_activation_val input {
    border: 1px solid rgb(216, 225, 245);
    border-radius: 8px;
    padding: 5px;
    width: 130px;
}

.service_activation_action {
    min-width: initial;
    display: flex;
    height: 30px;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
}

.application_create_form .application_project_holder {
    /*max-height: 500px;*/
    /*overflow-y: auto;*/
    /*max-height: calc(100vh - 140px);*/
}

.filter_amount {
    align-items: center;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-size: 10px;
    height: 18px;
    padding: 0 5px;
    background-color: #f25157;
    border: 1px solid #e1424c;
    justify-content: center;
    margin: 0 2px;
}

/*
|=============================================================
| APPLICATION
|=============================================================
*/

.application_page_holder {

}

.application_block_holder {
    display: flex;
}

.application_block {
    padding: 10px;
    height: initial;
    margin-bottom: 10px;
    /*width: calc(25% - 20px);*/
}

.documents_cards_holder {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.document_item {
    padding: 20px;
    display: flex;
    min-height: 340px;
    position: relative;
    margin: 0 0 20px 0;
    border: 3px solid #fff;
    flex-direction: column;
    width: calc(50% - 10px);
    border-radius: 8px 32px 8px 8px;
    box-shadow: 0 2px 16px rgba(0, 0, 0, .1);
    background-color: rgba(255, 255, 255, 0.5);
}

.document_items:after {
    top: 0;
    right: 0;
    content: '';
    position: absolute;
    border-top: 5px solid #c2c7d0;
    border-right: 5px solid #c2c7d0;
    border-left: 5px solid transparent;
    border-bottom: 5px solid transparent;
}

.document_item_name {
    color: #7b7f82;
    margin-bottom: 5px;
    padding-bottom: 5px;
    text-transform: uppercase;
    border-bottom: 1px solid #c2c7d0;
}

.document_item_date {
    color: #7b7f82;
    font-size: 12px;
    margin-bottom: 20px;
}

.document_item_content {
    max-height: 400px;
    margin-bottom: 20px;
}

.document_item_comment {
    padding: 10px;
    margin-top: 10px;
    border-radius: 8px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
}

.document_item_actions {
    display: flex;
    margin-top: auto;
}

.document_item_action {
    display: flex;
    color: #1f2d3d;
    cursor: pointer;
    font-size: 12px;
    padding: 0 10px;
    min-height: 30px;
    margin-right: 10px;
    border-radius: 8px;
    align-items: center;
    justify-content: center;
    font-family: 'RobotoMedium';
    border: 1px solid rgb(194, 199, 208);
}

.task_comment_holder,
.application_comment_holder {
    background-color: rgb(255 255 255 / 40%);
    border: 3px solid #fff;
    margin-bottom: 20px;
    border-radius: 8px;
    max-height: 400px;
    overflow-y: auto;
    padding: 10px;
    box-shadow:
        3px 3px 5px rgb(194 199 208),
        -3px -3px 5px rgb(255 255 255 / 20%),
        inset 3px 3px 5px rgb(194 199 208),
        inset -3px -3px 5px rgb(255 255 255 / 20%);
}

.task_comment_holder {
    max-width: 550px;
}

.task_comment_holder.page {
    max-width: 100%;
}

.task_comment_holder:empty,
.application_comment_holder:empty {
    padding: 0;
    border: none;
}

.task_comment_holder p {
    margin: 0;
}

.task_comment_holder div {
    margin: 0 0 20px 0;
}

.answear_item {
    padding: 10px;
}

.answear_item:nth-child(even) {
    background-color: rgb(233 236 239);
}

.answear_item:hover {
    z-index: 5;
    background-color: rgb(255 192 7 / 40%);
}

.answear_item_label {
    color: #707579;
    font-size: 12px;
    margin-bottom: 2px;
}

.answear_item_text {
    font-family: "RobotoMedium", sans-serif;
}

.application_formatter_tasks {
    background-color: #e9ecef;
    border-radius: 8px;
    font-size: 12px;
    padding: 5px;
    height: 24px;
}

.application_formatter_tasks.red {
    background-color: #da9696;
}

.application_formatter_tasks.grey {
    background-color: #e9ecef;
}

.application_formatter_tasks.green {
    background-color: rgb(150 218 171 / 40%);
}

.cert_cp_item {
    display: flex;
    padding: 5px 5px 5px 15px;
    align-items: center;
    border-radius: 8px;
    background-color: #e9ecef;
    margin-bottom: 2px;
}

.cert_cp_item_cp {
    margin-right: 10px;
    font-family: 'RobotoMedium';
}

.cert_cp_item_price {
    font-size: 12px;
    text-align: right;
    flex-grow: 1;
    margin-right: 10px;
}

.cert_cp_item_amount {
    width: 60px;
    margin-left: auto;
}

.cert_cp_item_amount input {
    height: 30px;
    width: 60px;
    margin-bottom: 0;
    margin-left: auto;
}

.document_services_holder {
    max-height: 360px;
}

/*
|=============================================================
| MONITORING
|=============================================================
*/

.mon_block {
    padding: 0 10px;
    border-radius: 8px;
    margin-bottom: 10px;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,.1);
}

.mon_block.grade_a {border-left: 3px solid red;}
.mon_block.grade_b {border-left: 3px solid coral;}
.mon_block.grade_c {border-left: 3px solid orange;}
.mon_block.grade_d {border-left: 3px solid gold;}

.mon_block_header {
    height: 40px;
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: space-between;
}

.mon_block_number.grade_a {background-color: red;}
.mon_block_number.grade_b {background-color: coral;}
.mon_block_number.grade_c {background-color: orange;}
.mon_block_number.grade_d {background-color: gold;}
.mon_block_number.grade_e {background-color: lime;}

.mon_block_number {
    color: #fff;
    width: 40px;
    height: 24px;
    display: flex;
    font-size: 12px;
    line-height: initial;
    align-items: center;
    margin-right: 10px;
    border-radius: 6px;
    font-family: RobotoBold;
    justify-content: center;
}

.mon_block_deadline {
    flex-grow: 1;
    display: flex;
    align-items: center;
    line-height: initial;
    font-family: 'RobotoMedium';
}

.mon_block_toggler {
    width: 24px;
    height: 24px;
    padding: 5px;
    display: flex;
    cursor: pointer;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    background-color: #e1e1e1;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.mon_block_header.active .mon_block_toggler {
    transform: rotate(90deg);
}

.mon_block_content {
    display: none;
    margin-top: 20px;
    padding-bottom: 10px;
}

.mon_block_header.active + .mon_block_content {
    display: block;
}


/*
|=============================================================
| APPLICATIONS SERVICES BLOCKS
|=============================================================
*/

.services_blocks_holder {

}
.service_block {

}

.service_block_timing {
    min-width: 100px;
    font-size: 12px;
    padding: 5px 10px;
    margin-right: 5px;
    border-radius: 8px;
    line-height: initial;
    display: inline-block;
    background-color: #eee;
}

.service_block_timing:empty {
    visibility: hidden;
}

.service_block_timing.red {background-color: red;}
.service_block_timing.coral {background-color: coral;}
.service_block_timing.orange {background-color: orange;}
.service_block_timing.gold {background-color: gold;}
.service_block_timing.green {background-color: #96daab;}
.service_block_timing.yellow {background-color: #ffefbf;}
.service_block_timing.blue {background-color: #96b2da;}
.service_block_timing.pink {background-color: #f5a5b3;}

.amedia_holder {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.amedia_image {
    max-width: 170px;
    display: inline-block;
    margin: 1px;
}

/*
|=============================================================
| APPEALS
|=============================================================
*/

.gallery_images_holder {
    overflow-x: auto;
    max-width: 100%;
    display: flex;
    background-color: #d6d8da;
    padding: 10px;
    box-shadow: 0 0 10px #000;
}

.gallery_item {
    width: 60px;
    height: 60px;
}

.gallery_image {
    max-height: 100%;
}


.t_block_holder {

}

.t_block {
    border-radius: 8px;
    margin-bottom: 10px;
    /*box-shadow:
        3px 3px 5px rgb(216 225 245 / 95%),
        -3px -3px 5px rgb(255 255 255 / 40%);*/
}

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

.t_block.red {border-left: 3px solid red;}
.t_block.coral {border-left: 3px solid coral;}
.t_block.orange {border-left: 3px solid orange;}
.t_block.gold {border-left: 3px solid gold;}
.t_block.lime {border-left: 3px solid lime;}

.t_block_header {
    height: 60px;
    display: flex;
    cursor: pointer;
    padding: 0 10px;
    align-items: center;
    border-radius: 8px;
    border: 1px solid #fff;
    justify-content: space-between;
    border: 1px solid rgba(78, 100, 160, .2);
    /*box-shadow: inset 3px 3px 5px rgb(216 225 245 / 95%)*/
}

.t_block_header.active {
    border-radius: 8px 8px 0 0;
    box-shadow: none;
}

.t_block_title {
    font-family: 'RobotoMedium';
}

.t_block_toggler {
    width: 24px;
    height: 24px;
    padding: 5px;
    display: flex;
    cursor: pointer;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    /*background-color: #c1c6cf;*/
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.t_block_header.active .t_block_toggler {
    transform: rotate(90deg);
}

.t_block_content {
    display: none;
    padding: 10px;
    background-color: #fff;
    border-radius: 0 0 8px 8px;
}

.t_block_header.active + .t_block_content {
    display: block;
}


/*
|=============================================================
| AMEDIA
|=============================================================
*/

#my_camera {
    width: 100%!important;
    height: initial!important;
}

#my_camera video {
    width: 100%!important;
    display: block;
    height: initial!important;
}

video#webcam2 {
    display: block;
    max-width: 100%;
    height: initial!important;
    /*transform: scale(.3) scale(-1, 1);*/
}

.camera_holder {
    overflow: hidden;
    max-width: 490px;
    max-height: 368px;
    position: relative;
    border-radius: 8px 8px 0 0;
}

.camera_results {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    padding: 10px;
    position: absolute;
    background-color: #000;
    justify-content: center;
}

.camera_results:empty {
    display: none;
}

.camera_results img {

}

.camera_canvas {
    display: block;
    width: 1024px;
}

.camera_photo {
    display: block;
}


.camera_actions {
    display: flex;
}

.camera_action {
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    background-color: rgb(226, 226, 226);
    border-left: 1px solid #fff;
    /*width: calc(25% - 1px);*/
    min-width: initial;
}

.camera_action:first-child {
    border-left: 0;
}

/*
|=============================================================
| OFFERS
|=============================================================
*/

.mp_offer_create_form {
    max-width: 1000px;
    width: 1000px;
}

.mp_offer_create_form .form_frame {
    height: 500px;
}

.mpc_params_holder {
    max-height: 400px;
    overflow-y: auto;
    width: 100%;
}

.mpc_param_item {
    width: 100%;
    display: flex;
    padding: 5px 10px;
    border-radius: 8px;
    margin-bottom: 10px;
    justify-content: space-between;
    border: 1px solid rgb(216, 225, 245);
}

.mpc_param_item:nth-child(odd) {
    background-color: #f1f1f1;
}

.mpc_param_item_type {
    margin-right: 10px;
    width: 180px;
}



.mpc_param_item_content {
    flex-grow: 1;
}

.mpc_param_lang_line {
    display: flex;
}

.mpc_param_name {
    width: 140px;
    margin-right: 10px;
}

.mpc_param_name input {
    max-width: 100%;
    height: 40px;
}

.mpc_param_value {
    margin-right: 10px;
    flex-grow: 1;
}

.mpc_param_value input {
    width: 100%;
    height: 40px;
}

.add_mpc_param {
    cursor: pointer;
    font-size: 12px;
    margin-top: 5px;
    padding-bottom: 4px;
    display: inline-flex;
    border-bottom: 1px dotted #c1c1c1;
}

.del_mpc_param {
    margin-top: 18px;
    cursor: pointer;
    padding: 10px;
    height: 40px;
    width: 40px;
}

.offer_params_holder {
    max-height: 400px;
    overflow-y: auto;
    width: 100%;
}

.offer_param_item {
    width: 100%;
    padding: 5px 10px;
    border-radius: 8px;
    margin-bottom: 10px;
    border: 1px solid rgb(216, 225, 245);
}

.offer_param_item:nth-child(odd) {
    background-color: #f1f1f1;
}

.offer_param_lang_line {

}

.offer_param_name {
    margin-right: 10px;
    width: 180px;
}

.offer_param_value {

}

.offer_param_value input {
    height: 40px;
    width: 100%;
}

.mpc_param_item_type .select2-container--default .select2-selection--single,
.offer_param_item .select2-container--default .select2-selection--single
{
    height: 40px;
}

.mpc_param_item_type .select2-container--default .select2-selection--multiple,
.offer_param_item .select2-container--default .select2-selection--multiple
{
    min-height: 40px;
    height: auto;
}

.offer_param_item .select2-container--default .select2-selection--single .select2-selection__arrow,
.mpc_param_item_type .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 10px;
}


/*
|=============================================================
| CLIENTS
|=============================================================
*/

.client_create_form {
    min-width: 500px;
}

.appl_client_create_form .pass_holder {
    display: none;
}

/*
|=============================================================
| SERVICEPRICES
|=============================================================
*/

.service_price_create_form {
    width: 695px;
}

/*
|=============================================================
| KEYS
|=============================================================
*/

.keyorder_create_form {
    width: 1200px;
}

.keyorder_services_holder {
    width: 100%;
    max-height: 300px;
    overflow-y: auto;
}

.keyorder_service_item {
    display: flex;
    padding: 10px;
    margin-bottom: 0;
    align-items: center;
    border-radius: 8px;
    margin-bottom: 5px;
    background-color: rgba(0,0,0,.02);
    border: 1px solid rgba(0,0,0,.06);
}

.keyorder_service_item input[type=number] {
    max-height: 30px!important;
    width: 80px!important;
    text-align: center;
    margin-left: auto;
    margin-bottom: 0;
    padding: 0 5px;
}

.keyorder_accept_form,
.shipment_perform_form
{
    min-width: 600px;
    max-width: 800px;
}

.accept_notify_holder {
    align-items: center;
    padding: 0 15px;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
}

.accept_notify_holder.orange {
    background-color: #e6b12b;
    border: 1px solid #e6b12b;
}

.accept_notify_holder.green {
    background-color: #2ed23a;
    border: 1px solid #2ed23a;
}

.accept_notify_holder.red {
    background-color: #e1424c;
    border: 1px solid #e1424c;
}

.accept_notify_figure {
    width: 80px;
    height: 80px;
    border-radius: 8px;
    transform: translate(-40px, 0) rotate(45deg);
}

.accept_notify_message
{

}

.accept_notify_holder.orange .accept_notify_figure {
    background-color: #fac637;
    border: 1px solid #e6b12b;
}

.accept_notify_holder.green .accept_notify_figure {
    background-color: #3aea4a;
    border: 1px solid #2ed23a;
}

.accept_notify_holder.red .accept_notify_figure {
    background-color: #f25157;
    border: 1px solid #e1424c;
}

.accept_total_item span {
    display: inline-block;
    margin-left: 20px;
    font-family: 'RobotoBold';
}

.show_leftovers {
    cursor: pointer;
    max-height: 30px!important;
    max-width: 30px;
    margin: auto 0 1px 5px;
}

.keyorder_accept_services_holder {
    max-height: calc(100vh - 320px);
}

/*
|=============================================================
| DELIVERY
|=============================================================
*/



/*
|=============================================================
| SHIPMENT
|=============================================================
*/



/*
|=============================================================
| CPS
|=============================================================
*/

.content_item.event_info {
    flex-direction: column;
}

.leaflet-pane {
    z-index: 100;
}

.cp_create_form {width: 830px;}
.cp_employee_create_form {width: 830px;}

.add_phone {
    font-size: 12px;
    border-bottom: 1px dotted rgba(78, 100, 160, .4);
    display: inline-block;
    padding-bottom: 2px;
    cursor: pointer;
}

.remove_phone {
    cursor: pointer;
    display: flex;
    height: 50px;
    width: 50px;
    border: 1px solid rgb(216, 225, 245);
    background-color: rgba(78, 100, 160, .1);
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
    margin-left: 10px;
    align-self: flex-end;
}

/*
|=============================================================
| EMPLOYEES
|=============================================================
*/

.employee_create_form {
    width: 900px;
}

.employee_create_form .tab_link {
    width: 25%;
}

/*
|=============================================================
| SERVICES
|=============================================================
*/

.service_create_form {
    min-width: 560px;
}

.service_list_tag {
    padding: 5px 10px;
    background-color: #e9ecef;
    border-radius: 20px;
    margin-right: 5px;
    margin-bottom: 2px;
    display: inline-block;
}

.service_list_tag.active {
    background-color: #96daab;
}

/*
|=============================================================
| ROW TAGS
|=============================================================
*/

.row_tag {
    font-size: 10px;
    padding: 5px 10px;
    margin-right: 5px;
    border-radius: 8px;
    margin-bottom: 2px;
    display: inline-block;
}

.row_tag:empty {
    display: none;
}

.row_tag.yellow {
    background-color: #ffefbf;
}

.row_tag.green {
    background-color: #96daab;
}

.row_tag.blue {
    background-color: #96b2da;
}

.row_tag.pink {
    background-color: #f5a5b3;
}

.row_tag.grey {
    background-color: #f1f1f1;
}
/*
|=============================================================
| OPERATIONS
|=============================================================
*/

.sum.red{
    font-family: 'RobotoBold', sans-serif;
    color:#e1424c;
}

.sum.green{
    font-family: 'RobotoBold', sans-serif;
    color:#2ed23a;
}

.sum.blue{
    font-family: 'RobotoBold', sans-serif;
    color:#46619f;
}

.sum.orange{
    font-family: 'RobotoBold', sans-serif;
    color:#e6b12b;
}

/*
|=============================================================
| DEALS
|=============================================================
*/

.deal_create_form {
    width: 740px;
    max-width: 100%;
}

/*
|=============================================================
| ACCOUNTS
|=============================================================
*/

.account_item_outer{
    margin-bottom:10px;
}

.account_item {
    height:100%;
    padding:10px;
    align-items:center;
    border-radius:8px;
    background-color:#fff;
    justify-content:space-between;
    border-bottom:1px solid rgba(78, 100, 160, 0.2);
}

.account_item_info {
    margin-bottom: 5px;
}

.account_item_name {
    font-family: RobotoBold;
}

.account_item_date {
    font-size:12px;
    color:rgb(70 97 159 / 55%);
}

.account_item_value {
    font-size:34px;
    font-family:RobotoBold;
    color:rgb(70 97 159 / 75%);
}

@media only screen and (max-width:1200px){
    .account_item_info{
        flex-direction:column;
    }

    .account_item_name{
        margin-bottom:5px;
    }
}

/*
|=============================================================
| GROUPS
|=============================================================
*/

.group_create_form {

}

.group_users_holder {
    max-height: 500px;
}

.group_item_outer {
    margin-bottom: 20px;
}

.group_item {
    display: flex;
    height: 100%;
    margin: 0 0 20px 0;
    min-height: 340px;
    position: relative;
    border: 3px solid #fff;
    flex-direction: column;
    padding: 20px 20px 10px 20px;
    border-radius: 8px 32px 8px 8px;
    box-shadow: 0 2px 16px rgba(0, 0, 0, .1);
    background-color: rgba(255, 255, 255, 0.4);
}

.group_item_name {
    color: #343a3f;
    font-size: 16px;
    margin-bottom: 20px;
    padding-bottom: 10px;
    font-family: 'RobotoMedium';
    border-bottom: 1px solid #e7ecf5;
}

.group_item_users {
    max-height: 300px;
}

.group_item_actions {
    margin-top: auto;
    padding-top: 10px;
    border-top: 1px solid #e7ecf5;
}

.group_item_comment {

}


/*
|=============================================================
| DIFF
|=============================================================
*/



/*
|=============================================================
| REFERENCES
|=============================================================
*/

.region_cell_name         {width: 180px;}
.district_cell_name       {width: 180px;}
.locality_cell_name       {width: 180px;}
.event_cell_name          {width: 180px;}
.ownership_cell_name      {width: 240px;}
.cfi_cell_name            {width: 360px;}
.cfi_cell_comment         {width: 280px;}
.cfig_cell_name           {width: 260px;}
.cfig_cell_comment        {width: 380px;}
.cfig_cell_comment        {width: 380px;}
.cptype_cell_name         {width: 360px;}
.cltype_cell_name         {width: 360px;}
.cpstatus_cell_name       {width: 360px;}
.clstatus_cell_name       {width: 360px;}
.stype_cell_exid          {width: 180px;}
.stype_cell_name          {width: 180px;}
.stype_cell_code          {width: 180px;}
.car_brand_cell_name      {width: 280px;}
.brand_cell_name          {width: 280px;}
.dev_type_cell_name       {width: 280px;}
.dev_model_cell_name      {width: 280px;}
.dev_category_cell_name   {width: 280px;}
.pserv_type_cell_name     {width: 280px;}
.pserv_category_cell_name {width: 280px;}
.project_cell_code        {width: 280px;}
.project_cell_name        {width: 280px;}
.warehouse_cell_name      {width: 280px;}
.warehouse_cell_saleable  {width: 180px;}
.sms_template_cell_id     {width:  80px;}
.sms_template_cell_name   {width: 280px;}
.sms_sender_cell_id       {width:  80px;}
.sms_sender_cell_channel  {width: 180px;}
.sms_sender_cell_name     {width: 280px;}
.sms_sender_cell_phone    {width: 180px;}
.sms_sender_cell_phone    {width: 180px;}
.decision_cell_name       {width: 260px;}
.decision_cell_comment    {width: 180px;}

/*
|=============================================================
| DATETIMEPICKER
|=============================================================
*/

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 10px;
    margin: 2px 0 0;
    list-style: none;
    background-color: #fff;
    border: 1px solid rgb(216, 225, 245);
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 4px 16px rgba(75, 0, 189, .2);
    -moz-box-shadow: 0 4px 16px rgba(75, 0, 189, .2);
    box-shadow: 0 4px 16px rgba(75, 0, 189, .2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

i.glyphicon.icon-arrow-left {
    border-right: 4px solid transparent;
    border-bottom: 4px solid transparent;
    display: inline-block;
    border-top: 4px solid #d8e1f5;
    border-left: 4px solid #d8e1f5;
    transform: rotate(-45deg);
}

i.glyphicon.icon-arrow-right {
    border-right: 4px solid #d8e1f5;
    border-bottom: 4px solid #d8e1f5;
    display: inline-block;
    border-top: 4px solid transparent;
    border-left: 4px solid transparent;
    transform: rotate(-45deg);
}

/*
|=============================================================
| BOARDS
|=============================================================
*/

.board_holder_outer {
    min-height: 260px;
    margin: 20px auto;
    /*padding: 20px;*/
    /*background-color: rgb(234, 238, 248);*/
    /*border-bottom: 1px solid rgba(78, 100, 160, .1);*/
    /*border-radius: 8px;*/
}
.board_holder_inner {
    display: flex;
    max-width: 100%;
    overflow-x: auto;
    position: relative;
    padding-bottom: 10px;
}
.board_name {
    font-family: 'RobotoMedium', sans-serif;
    border-bottom: 1px solid rgba(78, 100, 160, .1);
    padding-bottom: 5px;
    margin-bottom: 15px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    opacity: .7;
}
.board_list {
    /*background-color: #e0e3e6;*/
    /*padding: 10px 10px 30px;*/
    margin-right: 10px;
    margin-bottom: 30px;
    border-radius: 8px;
    max-width: 300px;
    min-width: 300px;
    position: relative;
}
.board_list_header {
    font-size: 16px;
    border-radius: 8px;
    margin-bottom: 10px;
    font-family: 'RobotoMedium', sans-serif;
    /*border-bottom: 1px solid rgba(78, 100, 160, .4);*/
}
.board_list_content {
    height: 100%;
    /*max-height: 320px;*/
    /*overflow: hidden;*/
    /*margin-bottom: 10px;*/
    /*padding: 10px 0;*/
}
.board_list_action {
    left: 0;
    margin: 0;
    opacity: .2;
    bottom: -40px;
    padding: 10px;
    cursor: pointer;
    position: absolute;
    text-align: center;
    border-radius: 8px;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.board_list_action:hover {
    opacity: 1;
}
.board_card {
    cursor: pointer;
    background-color: rgba(255, 255, 255, .8);
    border-radius: 8px;
    padding: 10px;
    margin: 0 0 5px 0;
    border-top: 1px solid rgba(78, 100, 160, .1);
    border-bottom: 1px solid rgba(78, 100, 160, .4);
    box-shadow: 0 1px 3px rgba(75, 0, 189, .15);
}
.board_card_header {
    display: flex;
    font-family: RobotoLight;
    font-size: 12px;
    margin-bottom: 5px;
}
.board_card_type {
    margin-right: 5px;
}
.board_card_time {

}
.board_card_desc {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/*
|=============================================================
| TASKS
|=============================================================
*/

.task_create_form {
    min-width: 900px;
    max-width: 1200px;
}

.task_lists_holder {
    padding: 10px;
    max-width: 620px;
    border-radius: 8px;
    background-color: #e9ecef;
}

.task_list {
    border-bottom: 1px solid rgb(216, 225, 245);
    margin-bottom: 20px;
}

.task_list:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

.task_list_header {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.task_list_icon {
    width: 30px;
    height: 30px;
    margin-right: 10px;
}

.task_list_name {

}

input.task_list_name {
    border-bottom: 1px solid rgb(216, 225, 245);
    background-color: #e9ecef;
    font-family: 'RobotoBold';
    border-radius: 8px;
    margin: 0 10px 0 0;
    padding: 0 10px;
    height: 30px;
    border: none;
    flex-grow: 1;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

input.task_list_name:focus {
    background-color: #fff;
}

.task_list_content {
    color: #343a3f;
}

.task_list_item {
    display: flex;
    position: relative;
    margin-bottom: 10px;
}

.task_drag_mark {
    background-color: #eff3fb;
    border-radius: 8px;
    margin-right: 5px;
    width: 15px;
    height: 30px;
}

.task_list_item textarea,
.task_list_item_text
{
    border-radius: 8px;
    min-height: 30px;
    padding: 0 10px;
    border: none;
    margin: 0;
    flex-grow: 1;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.task_list_item textarea:focus
{
    background-color: #eff3fb;
}

.task_list_item_actions {
    position: relative;
}

.task_list_item_actions_toggler {
    width: 20px;
    height: 20px;
    cursor: pointer;
    border-radius: 8px;
    background-color: #eff3fb;
}

.task_list_item_actions_toggler:hover
{
    background-color: #eff3fb;
}

.task_list_item_actions_content {
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    border: 1px solid rgb(216, 225, 245);
    background-color: #fff;
    border-radius: 8px;
    position: absolute;
    display: none;
    padding: 10px;
    right: 20px;
    z-index: 5;
    top: 10px;
}

.task_list_item_actions_content.active {
    display: block;
}

.task_list_item_action {
    padding: 5px 10px;
    cursor: pointer;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.task_list_item_action:hover {
    background-color: #eff3fb;
}

.task_list_actions {
    display: flex;
}

.task_list_actions .task_list_action {
    margin-right: 10px;
}

.task_list_action {
    padding: 10px;
    color: #343a3f;
    cursor: pointer;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #c2c7d0;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.task_list_action:hover {
    background-color: #c2c7d0;
}

.change_deadline_toggler {
    display: none;
}

.change_deadline_toggler.active {
    display: flex;
}

.change_deadline_holder {
    position: relative;
}

.change_deadline_item {
    top: 0;
    width: 100%;
    z-index: 5;
    padding: 10px;
    display: none;
    position: absolute;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 0 5px rgb(0 0 0 / 40%);
}

.change_deadline_item.active {
    display: block;
}

.subscribers_options_holder {
    max-height: 300px;
}

.task_form_linked_entity:empty {
    display: none;
}

.task_form_linked_entity a {
    width: 100%;
    display: flex;
    font-size: 12px;
    margin-bottom: 5px;
    padding-bottom: 5px;
    justify-content: space-between;
    border-bottom: 1px solid #eee;
}

/*
|=============================================================
| SCRIPTS
|=============================================================
*/

.aproject_script_create_form {
    max-width: 1000px;
}

.script_tasks_holder {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.script_task_item {
    width: 100%;
    overflow: hidden;
    border-radius: 8px;
    margin-bottom: 10px;
    align-items: center;
    border: 3px solid #fff;
    background-color: #f5f8fa;
    max-width: calc(50% - 5px);
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
}

.sti_c {
    display: flex;
    padding: 5px 10px;
    margin-bottom: 5px;
    align-items: center;
    justify-content: space-between;
}

.sti_c:nth-child(even) {
    background-color: rgb(233 236 239);
}

.sti_c_n {
    font-size: 12px;
}

.sti_c_v {
    font-family: "RobotoMedium", sans-serif;
}

.sti_c.name {}
.sti_c.event {}
.sti_c.delay {}
.sti_c.target {}

.script_task_item_actions {
    display: flex;
    padding: 5px 0;
    justify-content: flex-end;
    border-left: 1px solid #fff;
}

.script_task_item_action {
    width: 60px;
    height: 30px;
    display: flex;
    cursor: pointer;
    margin-left: 5px;
    border-radius: 8px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(78, 100, 160, .4);
}

.script_task_item_action:hover {
    background-color: #c2c7d0;
}



/*
|=============================================================
| EVENTS
|=============================================================
*/

.event_view_form {width: 100%; width: 600px;}
.event_view_item {
    padding: 5px 10px;
    background-color: rgba(194, 200, 222, 0.23);
    min-height: 40px;
    display: flex;
    align-items: center;
}
.event_view_item:empty {display: none;}
.event_view_item:nth-child(even) {
    background-color: #fff;
}
.event_view_item span {
    border-right: 1px solid #ccc;
    display: block;
    font-size: 12px;
    font-family: 'RobotoMedium', sans-serif;
    width: 100px;
    margin-right: 15px;
}
.event_view_description {
    word-break: break-all;
    padding: 15px;
    box-shadow: 0 2px 16px rgba(75, 0, 189, .1);
    margin: 10px 0;
    border-radius: 6px;
}
.event_view_id {
    display: inline-block;
    cursor: pointer;
    border-bottom: 1px dotted;
    padding-bottom: 2px;
    margin-top: 10px;
    font-size: 12px;
}

.indicator {
    align-items: center;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    display: flex;
    height: 14px;
    justify-content: center;
    margin: 0 2px;
    width: 14px;
}

.indicator.red {
    background-color: #f25157;
    border: 1px solid #e1424c;
}

.indicator.green {
    background-color: #3aea4a;
    border: 1px solid #2ed23a;
}

.indicator.orange {
    background-color: #fac637;
    border: 1px solid #e6b12b;
}


/*
|=============================================================
| KB
|=============================================================
*/

.kbs_list {
    overflow-x: auto;
    max-width: 100%;
}

.kbs_form {
    padding: 10px;
}

.kb_item {
    cursor: pointer;
    padding: 0 20px;
    overflow: hidden;
    min-height: 40px;
    margin-right: 10px;
    align-items: center;
    border-radius: 20px;
    margin-bottom: 10px;
    display: inline-flex;
    font-family: RobotoMedium;
    border: 1px solid rgb(194, 199, 208);
}

.kb_item.active {
    background-color: #ffc107;
    border: 1px solid #ffc107;
}

.kbs_articles_list {
    padding: 10px;
    border-radius: 8px;
    background-color: #e9ecef;
}

.kbs_articles_list:empty {
    display: none;
}

.kbs_articles_list_item {

}

.kbs_articles_list_item:hover,
.kbs_articles_list_item.active
{
    color: blue;
    cursor: pointer;
}

/*

.kbs_form {
    display: flex;
}

.kbs_list_holder {
    margin-right: 10px;
    max-width: 400px;
}

.kbs_article_holder {
    max-width: 1000px;
}



.kbs_articles_search_holder {

}

.kbs_articles_search_clean {

}

.kbs_articles_search {

}

.kbs_article {
    padding: 10px;
    border-radius: 8px;
    box-shadow: 0 2px 16px rgba(0, 0, 0, .05);
    background-color: rgba(255, 255, 255, 1);
    border-bottom: 1px solid rgba(78, 100, 160, .4);
}




.kb_item_name {
    display: flex;
    padding: 0 20px;
    flex-wrap: wrap;
    min-height: 40px;
    align-items: center;
    font-family: RobotoMedium;
}

.kb_item_name.active {
    color: #c2c7d0;
}

.kb_item.active .kb_item_categories {
    display: block;
}

.kb_item_categories {
    display: none;
}

*/

.kb_cat_item {
    flex-wrap: wrap;
    min-height: 40px;
    display: flex;
    align-items: center;
    background-color: #fff;
    border-left: 2px solid transparent;
    border-bottom: 1px solid rgb(194 199 208);
}

.kb_cat_item.active {
    border-left: 2px solid #c2c7d0;
}

.kb_cat_item .kb_cat_item {
    border-bottom: none;
}

.kb_cat_header {
    width: 100%;
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: space-between;
}

.kb_cat_header.active {
    background-color: rgba(194, 199, 208, .2);
}

.kb_cat_menu {
    order: 1;
    display: flex;
    margin-left: auto;
    margin-right: 20px;
}

.kb_cat_menu_item {
    width: 20px;
    height: 20px;
    display: flex;
    border-radius: 50%;
    margin-left: 5px;
    align-items: center;
    justify-content: center;
    background-color: #c2c7d0;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.kb_cat_menu_item.active,
.kb_cat_menu_item:hover
{
    background-color: #ffc107;
}

.kb_cat_menu_item.get {
    width: 40px;
    border-radius: 8px;
}
.kb_cat_menu_item.add {}

.kb_cat_name {
    display: flex;
    position: relative;
    align-items: center;
    font-family: 'RobotoMedium';
    padding: 10px 20px 10px 20px;
}

.kb_cat_item .kb_cat_item .kb_cat_name {
    font-family: 'RobotoRegular';
    width: 100%;
}

.kb_cat_name.child_mark {
    padding-left: 10px;
}

.kb_cat_name.child_mark:before {
    right: 0;
    content: '';
    width: 10px;
    height: 10px;
    display: block;
    margin-right: 5px;
    position: absolute;
    transform: rotate(45deg);
    border-top: 1px solid #c2c7d0;
    border-right: 1px solid #c2c7d0;
}

.kb_cat_header.active .kb_cat_name.child_mark:before {
    transform: rotate(135deg);
}

.kb_cat_children {
    order: 2;
    width: 100%;
    display: none;
}

.kb_cat_children.active {
    display: block;
}

.kb_cat_articles {
    display: none;
    order: 3;
    width: 100%;
    padding: 10px 0 10px 20px;
    border-top: 1px solid rgb(217 226 245);
}

.kb_cat_articles.active {
    display: block;
}

.kb_cat_articles_header {
    margin-bottom: 5px;
    font-size: 10px;
    color: #c2c7d0;
}

.kb_cat_article_item:hover,
.kb_cat_article_item.active
{
    color: blue;
    cursor: pointer;
}

.kbs_article_name {
    font-size: 18px;
    margin-bottom: 20px;
    font-family: 'RobotoBold';
}

.kbs_article_description {

}

.kbs_article_description td {
    min-height: 40px;
    padding: 10px 5px;
}

.kbs_article_description iframe {
    position: initial!important;
    height: initial!important;
    max-width: 100%;
}

/*
|=============================================================
| SCHEDULER
|=============================================================
*/

.scheduler_filter_holder {
    /*margin-bottom: 20px;*/
}

.schedule_filter_form {
    display: flex;
    align-items: flex-end;
}

.schedule_filter_form .input_holder {
    margin-right: 10px;
    min-width: 170px;
}

.schedule_filter_form .input_holder:last-child {
    margin-right: 0;
}

.schedule_filter_form .mini_button {
    margin-left: auto;
    margin-bottom: 10px;
}

.scheduler_content_holder {
    height: initial!important;
    margin-bottom: 40px;
}

.scheduler_holder {
    padding: 20px;
}

.scheduler_table {
    font-size: 12px;
    border-collapse: collapse;
}

.scheduler_table .td {
    text-align: center;
    min-width: 30px;
    height: 30px;
    width: 30px;
}

.scheduler_table .td {

}

.scheduler_table .td.sch:hover {
    cursor: pointer;
    box-shadow: inset 0 0 5px 5px rgba(0, 0, 0, .05);
}

.scheduler_table th.header {
    min-width: 260px;
}

.scheduler_table tr.line:hover {
    background-color: rgba(255, 192, 7, .05);
}



.scheduler_table .td.weekend {

}

.color_sample {
    width: 20px;
    height: 20px;
    margin: 0 auto;
    display: block;
    min-width: 20px;
    border-radius: 50%;
}

.schedule_status_create_form {
    min-height: 400px;
}
/*
|=============================================================
| TABLES
|=============================================================
*/

.servicegroup_item {
    margin-bottom: 20px;
}

/*
|=============================================================
| TABLES
|=============================================================
*/

.table_holder {
    padding: 10px;
}

th.th,
td.td
{
    border: 1px solid rgba(78, 100, 160, .4);
    min-width: 26px;
    min-height: 26px;
    padding: 5px;
}

th.th,
td.td.bold
{
    font-weight: normal;
    font-family: "RobotoBold", sans-serif;
}

td.td.center {
    text-align: center;
}

td.td.right {
    text-align: right;
}

.simple_table {border-collapse: collapse;}
/*.simple_table .th {min-width: 100px;}
.simple_table .td {min-width: 100px;}*/

.jexcel_table_holder {
    padding: 10px;
    overflow: hidden;
    border-radius: 8px;
    background-color: #fff;
}

.jexcel tbody tr:nth-child(even) {
    background-color: rgb(233 236 239);
}

.jexcel_content {
    padding-bottom: 0;
}

.jexcel_pagination {
    display: none;
}

tr.selected td {
    background-color: rgba(216, 225, 245, .4);
}


/*
|=============================================================
| SELECT2
|=============================================================
*/

.select2-container--default .select2-selection--multiple,
.select2-container--default .select2-selection--single {
    background-color: transparent; /*rgba(255, 255, 255, 0.7);*/
    height: 50px;
    color: #4e64a0;
    outline: none;
    border-radius: 8px;
    border: 1px solid rgb(216, 225, 245);
    display: flex;
    align-items: center;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid rgb(216, 225, 245);
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #d8e1f5;
    border: none;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin: 2px 5px 2px 0;
    padding: 0 5px;
    height: 30px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #4e64a0;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px;
}


/*
|=============================================================
| EXPERIMENTAL
|=============================================================
*/

.special_notify_holder {
    align-items: center;
    padding: 0 15px;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    position: relative;
}

.special_notify_holder.orange {
    background-color: #e6b12b;
    border: 1px solid #e6b12b;
}

.special_notify_holder.green {
    background-color: #2ed23a;
    border: 1px solid #2ed23a;
}

.special_notify_holder.red {
    background-color: #e1424c;
    border: 1px solid #e1424c;
}

.special_notify_figure {
    width: 180px;
    height: 180px;
    min-width: 180px;
    border-radius: 8px;
    transform: translate(-120px, 0) rotate(45deg);
    position: absolute;
    top: 0;
}

.special_notify_message {
    padding: 10px 0 10px 120px;
    line-height: 1.5;
    color: #fff;
    flex-grow: 1;
}

.special_notify_holder.orange .special_notify_figure {
    background-color: #fac637;
    border: 1px solid #e6b12b;
}

.special_notify_holder.green .special_notify_figure {
    background-color: #3aea4a;
    border: 1px solid #2ed23a;
}

.special_notify_holder.red .special_notify_figure {
    background-color: #f25157;
    border: 1px solid #e1424c;
}

.r_sidebar_holder {
    box-shadow: -4px 0 16px rgba(75, 0, 189, .1);
    background-color: #343a40;
    position: fixed;
    color: #c2c7d0;
    height: 100%;
    top: 0;
    right: 0;
    width: 0px;
    padding: 20px 0;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -ms-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
}

.r_sidebar_holder:hover {
    width: 260px;
    padding: 20px;
}

.r_sidebar_holder:before {
    content: '';
    top: 0;
    opacity: 1;
    left: -20px;
    width: 20px;
    height: 200px;
    display: block;
    cursor: pointer;
    position: absolute;
    border-radius: 0 0 0 20px;
    background-color: #343a40;
    background: -webkit-linear-gradient(
            360deg, #bdc1ca 41%, #343a3f 70%);
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -ms-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
}

.r_sidebar_holder:hover:before {
    opacity: 0;
}

.r_sidebar_content {
    box-sizing: border-box;
    height: calc(100% - 120px);
}

.r_sidebar_button {
    display: flex;
    min-height: 40px;
    cursor: pointer;
    position: relative;
    align-items: center;
    white-space: nowrap;
    border-radius: 20px;
    margin-bottom: 10px;
    justify-content: center;
    border: 1px solid #4f5962;
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -ms-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
}

.r_sidebar_button.active,
.r_sidebar_button:hover
{
    background-color: rgba(255, 255, 255, .1);
    color: #ffc107;
}

.op_opacity_holder {
    margin-right: 10px;
}

.op_opacity_changer {
    margin: 0;
    padding: 0;
    background: none
}

.op_minimize {
    background-color: #fac637;
    border: 1px solid #e6b12b;
}

.op_maximize {
    background-color: #3aea4a;
    border: 1px solid #2ed23a;
}

.op_close {
    background-color: #f25157;
    border: 1px solid #e1424c;
}

.op_holder {
    display: none;
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -ms-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
}

.op_holder.active {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 30;
    display: block;
    position: fixed;
    background-color: #e9ecef;
}

.op_holder.minimized {
    height: 35px;
    overflow: hidden;
    box-shadow: 0 0 15px rgba(0, 0, 0, .4);
}

.op_item {
    height: 100%;
}

.op_item.active {
    padding: 20px 20px 0 20px;
    overflow: auto;
}

.x_info_data {
    border: 3px solid #fff;
    border-radius: 8px;
    min-height: 40px;
    background-color: rgb(194 199 208);
    box-shadow:
            3px 3px 5px rgba(52, 58, 63, .2),
            -3px -3px 5px rgba(255, 255, 255, .4),
            inset 3px 3px 5px rgba(52, 58, 63, .1);
    margin-bottom: 20px;
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
}

.x_info_data_block {
    min-width: 25%;
    border-right: 1px solid #fff;
    padding-right: 40px;
}

.x_info_data_block:last-child {
    border-right: none;
    padding-right: 0;
}

.x_info_data_row {
    display: flex;
    margin-bottom: 5px;
    justify-content: space-between;
}

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

.x_info_data_row span.dotted{
    flex-grow: 1;
    display: inline-block;
    margin: 0px 2px 1px 2px;
    border-bottom: 1px dotted rgba(0, 0, 0, .4);
}

form.cell_editable_form {
    max-width: 100%;
}

input.cell_editable_input {
    height: 30px;
    margin-bottom: 0;
    min-width: auto;
}

.bootstrap-table .fixed-table-container.fixed-height .table thead th {
    border-bottom: none!important;
}

.id_link_holder {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.id_link_holder a {
    background-color: rgba(255, 192, 7, .2);
    padding: 5px;
    border-radius: 8px;
    font-size: 12px;
    width: calc(50% - 2px);
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.id_link_holder a.id_link_single {
    width: initial;
}

.id_link_holder a img {
    max-height: 100%;
}

.id_link_holder a:hover {
    background-color: rgba(255, 192, 7, .4);
}

.filepond--file-action-button {
    min-width: initial;
}

.trumbowyg-box, .trumbowyg-editor {
    min-height: 150px;
}

.editor.trumbowyg-textarea {
    margin-bottom: 0;
}

.mm_panel {}

.mm_panel_item {}


.mm_block_holder {
    display: flex;
    justify-content: space-between;
}

.mm_block {
    max-width: calc(33.3333% - 10px);
    padding: 3px;
}

.mm_block_panel {
    height: 40px;
    display: flex;
    border-radius: 8px;
    align-items: center;
    padding-bottom: 2px;
    justify-content: flex-end;
    border-bottom: 1px solid rgb(216 225 245);
}

.mm_panel_btn {
    width: 30px;
    height: 30px;
    padding: 3px;
    cursor: pointer;
    margin-left: 10px;
    border-radius: 8px;
}

.mm_panel_btn:hover {
    box-shadow: 0 0 5px rgba(0,0,0,.2);
}

.mm_block_path {
    overflow: hidden;
    font-size: 10px;
    cursor: pointer;
    display: flex;
    height: 12px;
    margin: 5px;
}

.mm_path_item {

}

.mm_path_item:hover {
    color: blue;
}

.mm_block_content {
    overflow-y: auto;
    max-height: 460px;
}

.mm_tree {}

.mm_dir {
    cursor: pointer;
    padding: 2px 5px;
}

.mm_dir .mm_dir {
    /*border-left: 1px solid #d9b1e3;*/
}

.mm_dir_name {
    display: flex;
    position: relative;
    align-items: center;
}

.mm_dir_name:hover {
    background-color: rgba(52, 58, 63, .2);
}

.mm_dir_name:before,
.mm_dir.active .mm_dir_name:before
{
    content: '';
    width: 20px;
    height: 20px;
    margin-right: 5px;
    display: inline-block;
    background-size: contain;
}

.mm_dir_name:before {
    background-image: url('/img/icons/folder_closed.svg');
}

.mm_dir.active>.mm_dir_name:before {
    background-image: url('/img/icons/folder_opened.svg');
}

.mm_dir_children {
    display: none;
}

.mm_dir.active>.mm_dir_children {
    display: block;
    border-left: 1px solid #d9b1e3;
}

.mm_file {
    cursor: pointer;
    padding: 2px 5px;
    font-size: 12px;
    display: flex;
}

.mm_file.active,
.mm_file:hover
{
    background-color: rgba(52, 58, 63, .2);
}

.mm_file_dots {
    width: 100%;
    border-bottom: 1px dotted #d9b1e3;
}

.mm_file_name {

}

.mm_file_size {
    margin-left: auto;
}

.winbox {
    background: #e9ecef;
    border-radius: 8px;
    overflow: hidden;
}

.wb-header {
    color: #000;
    overflow: hidden;
    background-color: #efefef;
    border-bottom: 1px solid #c1c1c1;
    background: linear-gradient(180deg, #efefef 0%, #e5e5e5 100%);
    background: -moz-linear-gradient(180deg, #efefef 0%, #e5e5e5 100%);
    background: -webkit-linear-gradient(270deg, #efefef 0%, #e5e5e5 100%);
    background: -o-linear-gradient(180deg, #efefef 0%, #e5e5e5 100%);
}

.wb-body {
    /*padding: 10px;*/
    /*background: #e9ecef;*/
}

.tox .tox-mbtn,
.tox .tox-tbtn,
.tox .tox-button
{
    min-width: initial;
}

.tox-tinymce {
    border: 1px solid rgb(216, 225, 245);
    border-radius: 8px;
}

.tox .tox-statusbar {
    border-top: 1px solid rgb(216, 225, 245);
}

.tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type) {
    border-right: 1px solid rgb(216, 225, 245);
}


.widgets_holder {

}

.widget_outer {
    margin-bottom: 20px;
    cursor: pointer;
}

.widget_inner {
    height: 100%;
    padding: 10px;
    position: relative;
    align-items: center;
    border-radius: 8px;
    background-color: rgb(255 255 255 / 40%);
    border: 3px solid #fff;
    box-shadow:
        3px 3px 5px rgb(194 199 208),
        -3px -3px 5px rgb(255 255 255 / 20%),
        inset 3px 3px 5px rgb(194 199 208),
        inset -3px -3px 5px rgb(255 255 255 / 20%);
}

.widget_outer.active .widget_inner {
    background-color: #96daab;
    box-shadow:
        3px 3px 5px rgb(194 199 208),
        -3px -3px 5px rgb(255 255 255 / 20%),
        inset 3px 3px 5px rgb(63 147 88),
        inset -3px -3px 5px rgb(255 255 255 / 20%);
}

.widget_name {
    font-family: 'RobotoBold';
    margin-bottom: 5px;
    font-size: 16px;
    color: #787878;
}

.widget_name.widget_link {
    display: block;
}

.widget_icon {
    right: 10px;
    height: 60px;
    padding: 8px;
    max-width: 60px;
    border-radius: 8px;
    position: absolute;
    top: calc(50% - 30px);
    border: 3px solid #fff;
    box-shadow:
        3px 3px 5px rgb(194 199 208),
        -3px -3px 5px rgb(255 255 255);
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.widget_icon svg {
    fill: #343a3f;
    opacity: .6;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.widget_inner:hover .widget_icon svg {
    opacity: 1;
}

.widget_icon:hover {
    background-color: #96daab;
    box-shadow: inset 0 0 5px rgb(63 147 88);
}

.widget_value {
    font-family: RobotoBold;
    font-size: 34px;
    color: #89C3C8;
}

.show_content {
    flex-wrap: wrap;
}

span.draggable {
    display: inline-block;
    max-width: 20px;
    height: 20px;
}

span.draggable img {

}

.x_cell_icon {
    max-width: 20px;
}

.sortable-ghost {
    /**/
}

.sortable-chosen {

}

.sortable-drag {
    /*transform: rotate(-2deg);*/
}


.fbd_holder {

}

.fbd_field_adder_holder.fixed {
    position: fixed;
    width: 260px;
    top: 10px;
}

.fbd_field_adder {

}

.fbd_item {
    padding: 10px;
    position: relative;
    border-radius: 8px;
    margin-bottom: 10px;
    border: 3px solid #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, .1);
}

.fbd_item .delete {
    position: absolute;
    color: #343a3f;
    width: 20px;
    height: 20px;
    display: flex;
    cursor: pointer;
    align-items: center;
    border-radius: 2px;
    line-height: initial;
    justify-content: center;
    background-color: #e9ecef;
}

.fbd_item > .delete {
    right: 10px;
    top: 10px;
}

.fbd_item_code {
    font-size: 10px;
}

.fbd_item_options {

}

.fbd_item_option {
    outline: none;
    min-height: 30px;
    position: relative;
    border-radius: 8px;
    margin-bottom: 5px;
    padding: 5px 25px 10px 5px;
    border: 1px solid rgb(216, 225, 245);
}

.fbd_item_option > .delete {
    right: 5px;
    top: 5px;
}

.minicolors-theme-default .minicolors-input {
    height: 50px;
}

.minicolors-theme-default .minicolors-swatch {
    top: 16px;
}

.minicolors-theme-default.minicolors {
    display: block;
    width: 100%;
}

.row_link {
    border-bottom: 1px dotted #46619e;
    padding-bottom: 2px;
    color: #46619e;
    font-family: 'RobotoBold';
}

.fs-upload-element {
    height: 100px;
    background-color: #e9ecef;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8    px;
    border: 3px solid #fff;
    box-shadow:
            3px 3px 5px rgb(194 199 208),
            -3px -3px 5px rgb(255 255 255 / 20%),
            inset 3px 3px 5px rgb(194 199 208),
            inset -3px -3px 5px rgb(255 255 255 / 20%);
}

.fs-upload-target {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.uploads_holder {

}

.upload_item {
    display: flex;
    align-items: center;
    border-radius: 8px;
    margin-bottom: 2px;
    overflow: hidden;
    min-height: 30px;
    position: relative;
    background-color: #e9ecef;
}

.upload_item_name {
    margin-right: 10px;
    margin-left: 5px;
    width: 200px;
    max-width: 200px;
    word-break: break-word;
    font-family: 'RobotoMedium';
}

.upload_item_preview {
    width: 100px;
    height: 100px;
    padding: 5px;
    border: 3px solid #fff;
    border-radius: 8px;
    margin: 5px;
}

.upload_item_image {
    max-width: 100%;
}

.upload_item_file {

}


.upload_item_func {
    top: 5px;
    right: 5px;
    height: 30px;
    width: 30px;
    display: flex;
    cursor: pointer;
    position: absolute;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    background-color: rgb(255 255 255 / 40%);
}

.upload_item_func:hover {
    background-color: #c2c7d0;
}

.notices_holder_outer {
    display: flex;
    position: relative;
    flex-direction: column;
}

.notices_holder {
    max-height: 360px;
    margin-bottom: 20px;
}

.notices_holder:empty {
    display: none;
}

.r_sidebar_holder:hover .notices_holder {
    overflow-y: auto;
}

.notice_holder_indicator {
    top: 0;
    left: -16px;
    min-width: 12px;
    min-height: 12px;
    border-radius: 50%;
    position: absolute;
    /*background-color: #f25157;*/
    border: 1px solid #e1424c;
    animation-name: indicator_color;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-direction: alternate-reverse;
    animation-timing-function: ease;
}

@keyframes indicator_color {
    from {
        background-color: transparent;
    }
    to {
        background-color: #f25157;
    }
}

.notices_holder:empty + .notice_holder_indicator {
    display: none;
}

.notice_item {
    width: 220px;
    position: relative;
    border-radius: 8px;
    margin-bottom: 5px;
    border: 1px solid #4f5962;
    background-color: #343a3f;
    padding: 10px 20px 10px 10px;
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -ms-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
}

.notice_item.new {
    transform: translate(-250px, 0);
}

.r_sidebar_holder:hover .notice_item.new {
    transform: translate(0, 0);
}

.notice_del {
    top: 5px;
    right: 5px;
    width: 12px;
    height: 12px;
    display: flex;
    color: #343a3f;
    cursor: pointer;
    position: absolute;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    background-color: rgba(255,255,255,.4);
}

.notice_name {
    font-family: 'RobotoMedium';
    margin-bottom: 10px;
}

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

.notice_text {
    font-size: 12px;
    opacity: .8;
}

.notice_link {
    margin-top: 10px;
    display: inline-block;
    border-bottom: 1px dotted;
}

.remove_all_notices {
    opacity: .8;
    cursor: pointer;
    margin-left: auto;
    border-bottom: 1px dotted;
}

form.cell_editable_form {
    max-width: 100%;
}

input.cell_editable_input {
    height: 30px;
    margin-bottom: 0;
    min-width: auto;
}

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

.cell_btn {
    width: 24px;
    height: 24px;
    padding: 4px;
    margin: 0 5px;
    cursor: pointer;
    border-radius: 4px;
    background-color: #f0f1f6;
}

.cell_input {
    margin: 0;
    max-height: 30px;
    background: none;
    border: 1px solid transparent!important;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.cell_input:focus {
    border: 1px solid rgb(216, 225, 245);
    background-color: rgba(255, 255, 255, 0.7);
}

/*------------------------------------------------------------*/

.hv_block {
    position: relative;
    overflow: hidden;
}

.hv_block.active {
    height: initial!important;
    overflow: initial;
}

.hv_block.togglable:after {
    left: 0;
    bottom: 0;
    content: '';
    width: 100%;
    height: 45%;
    position: absolute;
    background: linear-gradient(180deg, rgba(240,241,246,0.2) 0%, rgba(240,241,246,1) 70%);
}

.hv_block.active:after {
    display: none;
}

.hv_block_toggler {
    width: 40px;
    height: 40px;
    cursor: pointer;
    z-index: 1;
    border-radius: 50%;
    position: absolute;
    bottom: 0;
    left: calc(50% - 20px);
    background-color: #fff;
    border-bottom: 1px solid rgba(78, 100, 160, .4);
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -ms-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hv_block_toggler_arrow {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: rotate(90deg);
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -ms-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
}

.hv_block.active .hv_block_toggler {
    bottom: -30px;
    box-shadow: 0 10px 15px rgba(0, 0, 0, .1);
}

.hv_block.active .hv_block_toggler_arrow {
    transform: rotate(-90deg);
}

/*------------------------------------------------------------*/

.select2-container {
    margin-bottom: 24px;
}