body {
    background-color: #f6f8fa;
    color: #4e64a0;
    font-family: 'Rubik', sans-serif;
    font-family: 'Play', sans-serif;
}
body:before {background: linear-gradient(135deg, #9552FB 0%, rgba(255, 255, 255, 1) 60%);}
body:after  {background: linear-gradient(225deg, #00FFFF 0%, rgba(255, 255, 255, 1) 100%);}
body:before,
body:after,
.main_section:before,
.main_section:after
{
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-blend-mode: soft-light;
    will-change: transform;
    opacity: .2;
    z-index: -1;
}
.main_section {
    background: -webkit-radial-gradient(center, #f6f8fa 40%, rgba(255, 255, 255, 0.6) 100%);
    background-blend-mode: soft-light;
}
.side_menu_holder:hover {
    width: 208px;
    background-color: rgba(255, 255, 255, 1);
    opacity: .95;
}
.sidebar_logo_holder {
    background-color: #e8e6f3;
    color: #4e64a0;
}
.side_menu_holder {border-right: 1px solid rgba(78, 100, 160, .25);}
.side_menu_parent.active {border-left: 2px solid #4e64a0;}
.side_menu_item {
    border-left: 2px solid transparent;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.side_menu_item.side_menu_parent:hover {
    background-color: rgb(216, 225, 245);
    border-left: 2px solid #fff;
}
.side_menu_item.menu_link:hover {
    background-color: rgb(216, 225, 245);
    border-left: 2px solid #fff;
}
.side_menu_item.menu_link:hover .side_menu_item_ico {color: #e216eb;}
.side_menu_item_ico {
    color: #4E64A0;
    width: 38px;
    height: 40px;
}
.side_menu_item.menu_link.active .side_menu_item_ico {color: #e216eb;}
.side_menu_item_name {
    color: #4E64A0;
}
.sidebar_bottom {
    color: #4E64A0;
}
.sidebar_holder {
    border: 1px solid rgba(78, 100, 160, 0.2);
    background-color: rgb(216, 225, 245);
}
.tile_item {
    background-color: #d8e1f5;
    border-bottom: 1px solid rgba(78, 100, 160, .2);
    box-shadow: 0px 4px 16px rgba(75, 0, 189, 0.1);
    color: #4E64A0;
}
.tile_item:hover {
    background-color: #d8e1f5;
}
.tile_item_image {
    color: #4E64A0
}
.tile_item_content_header {
    color: #4E64A0;
}

label.option:hover {color: #4e5791;}
label.option:hover .cr_holder {border: 1px solid #4e5791;}

.cr_holder {border: 1px solid #a0afd3;}
.cr_holder input:checked + span {
    background-color: #4e64a0;
}
.row_holder input {border: none;}
.row_holder select,
.row_holder input[type="text"],
.row_holder input[type="tel"],
.row_holder input[type="password"],
.row_holder textarea
{
    border: 1px solid rgb(216, 225, 245);
}
.form_block {
    background-color: rgba(255, 255, 255, 0.08);
    border: 1px solid rgb(216, 225, 245);
    color: #4e64a0;
}
.form_block_header,
.form_block_subheader
{
    color: #4e64a0;
    border-bottom: 1px solid rgba(78, 100, 160, .2);
}
.search_result_item {
    background-color: #fff;
    border-bottom: 1px solid rgba(211, 217, 243, .8);
}
.search_result_item:hover {background-color: #d8e1f5;}
.tag {
    color: #4e64a0;
    background-color: rgb(216, 225, 245);
}
.login_form_holder button {
    border-bottom: 1px solid rgba(78, 100, 160, .4);
}
.context_menu_holder {
    background: #5380a8;
    box-shadow: 0 4px 16px rgba(75, 0, 189, .1);
}
.context_menu_item {
    background-color: rgb(255, 255, 255);
    color: #4e64a0;
    border-top: 1px solid rgba(78, 100, 160, .2);
}
.context_menu_item:hover {background-color: rgb(216, 225, 245);}
.context_menu_selected_name {
    background: #4e64a0;
    color: #fff;
}
.tab_links {
    background-color: #fff;
    border: 1px solid rgba(78, 100, 160, 0.2);
}
.tab_link {
    background-color: #fff;
    color: #4e64a0;
}
.tab_link.active {
    background-color: rgb(216, 225, 245);
    box-shadow: 0 4px 16px rgba(75, 0, 189, .1);
    opacity: 1;
}
.x_info_header .x_info_item {
    background-color: #d8e1f5;
    color: #4e64a0;
}
.x_info_header .x_info_item .x_cell_common {
    border-right: 1px solid #fff;
}
.x_info_item {
    background-color: rgba(255, 255, 255, 0.5);
    border-top: 1px solid rgba(78, 100, 160, .1);
    border-bottom: 1px solid rgba(78, 100, 160, .4);
    box-shadow: 0 2px 6px rgba(75, 0, 189, .08);
}
.x_info_item_menu {
    background-color: #5960a0;
    color: #fff;
}
.x_cell_common {
    border-right: 1px solid #D8E1F5;
    color: #4e64a0;
}
.x_info_groupe {
    border-top: 1px solid #D8E1F5;
}
.x_info_groupe_name {
    color: #4e64a0;
}
.code {
    background: #262626;
    color: aliceblue;
    border: 1px solid #fff;
}
.dump_holder {
    background: rgba(0, 0, 0, .6);
    color: aliceblue;
    border: 1px solid #fff;
}
button {
    color: #4e64a0;
}
button:active {
    background-color: rgb(168, 185, 222);
    box-shadow: 0 0 5px inset rgba(75, 0, 189, .2);
}
.btn_y {background-color: rgb(216, 225, 245);}
.btn_m {background-color: #6d3763;}
.btn_n {background-color: rgb(246, 248, 250);}
.btn_e {
    background: none;
    cursor: pointer;
    border: 1px solid rgba(78, 100, 160, .2);
    border-radius: 8px;
    padding: 10px;
    margin-left: auto;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.btn_e.btn_y {background-color: rgb(216, 225, 245);}

.notify_holder {
    background-color: rgba(38, 38, 38, 0.6);
    box-shadow: 0 4px 16px rgba(75, 0, 189, .2);
}
.notify_content {
    background-color: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
.custom_modal_content {
    background-color: #fff;
    box-shadow: 0 4px 16px rgba(75, 0, 189, .2);
}
.custom_modal_header {
    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%);
}
.custom_modal_name {
    color: #4e64a0;
}
.labellike {color: #4e64a0;}

.file_label {
    background-color: rgba(216, 225, 245, .2);
    border: 1px solid rgb(216, 225, 245);
}
.file_label span.file_field_name {
    color: #4e64a0;
    border-bottom: 1px dashed #4e64a0;
}
.file_label.filed .file_del {
    background-image: url(../img/icon_close.svg);
}
.file_loader {
    border: 1px solid rgba(78, 100, 160, .2);
    background-color: rgb(246, 248, 250);
    color: rgba(78, 100, 160, .6);
}
.tooltip {
    border: 1px solid rgb(216, 225, 245);
}
.tooltip:hover {border: 1px solid red;}
.module_actions_holder {
    border: 1px solid rgba(78, 100, 160, 0.2);
    background-color: rgb(216, 225, 245);
    border-radius: 0 0 40px 40px;
}
.module_actions_item {
    color: #fff;
}
.module_actions_icon {
    border: 1px solid rgb(78, 100, 160);
    color: #4e64a0;
}
.module_actions_name {
    color: #4e64a0;
}
.module_actions_item:hover .module_actions_icon {
    opacity: 1;
    transform: scale(1.1);
}
.module_actions_item:hover .module_actions_name {
    opacity: 1;
    transform: translateY(70px);
    background-color: rgb(255, 255, 255);
    border-bottom: 1px solid rgba(255, 255, 255, .6);
    box-shadow: 0 2px 15px rgba(75, 0, 189, .1);
    z-index: 150;
    padding: 10px;
}


.gradient:before,
.gradient:after
{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-blend-mode: soft-light;
    will-change: transform;
    opacity: .2;
    z-index: -1;
}
.gradient {position: relative;}
.gradient:before {background: linear-gradient(135deg, #9552FB 0%, rgba(255, 255, 255, 1) 60%);}
.gradient:after  {background: linear-gradient(225deg, #00FFFF 0%, rgba(255, 255, 255, 1) 100%);}



.table_holder {
    background-color: #fff;
}
.table_column.table_indexes {
    border-left: 1px dotted rgba(78, 100, 160, .4);
}
.th,.td {
    border-bottom: 1px dotted rgba(78, 100, 160, .4);
    border-right: 1px dotted rgba(78, 100, 160, .4);
}
.chart_holder {
    background-color: #fff;
    box-shadow: 0 2px 6px rgba(75, 0, 189, .08);
    color: #4e64a0;
}
.report_area {
    background-color: #fff;
    color: #4e64a0;
}
.report_header {
    background-color: rgb(227, 235, 248);}
.report_description .text {
    background-color: rgb(255, 255, 255);
    box-shadow: 0 2px 6px rgba(75, 0, 189, .08);
}
.report_item {
    border-bottom: 1px dotted rgba(78, 100, 160, .4);
}
.table_holder {
    box-shadow: 0 2px 6px rgba(75, 0, 189, .08);
    box-shadow: 4px 4px 18px rgba(75, 0, 189, .08), -4px -4px 18px rgb(255, 255, 255);
}
.th.header {border-top: 1px dotted rgba(78, 100, 160, .4);}

.assets_stats_item {
    background-color: #fff;
    color: #4e64a0;
}
.assets_stats_value {
    color: #89C3C8;
}
.clcp_data_holder {
    background-color: rgba(255, 255, 255, 0.5);
    border-top: 1px solid rgba(78, 100, 160, .1);
    border-bottom: 1px solid rgba(78, 100, 160, .4);
    box-shadow: 0 2px 6px rgba(75, 0, 189, .08);
}
.clpc_data_item {color: #4e64a0;}
.clpc_data_item:nth-child(even){background-color: #fff;}
.clpc_data_item:nth-child(odd) {background-color: rgba(216, 225, 245, .2);}
.clpc_data_item:hover {
    background-color: rgba(216, 225, 245, .5);
    border-bottom: 1px dotted rgba(78, 100, 160, .4);
}
.clean_search_input {
    color: #4e64a0;
    background-color: rgba(78, 100, 160, .1);
}