#loader{
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9999999;
    background-color: #0000005c;
    background-image: url(../images/loader_gray.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto;
    display: none;
}
html, body{
	min-height: 100%;
}
body{
    transition: all 0.3s;
    font-size: 15px;
    color: #344054;
}
#left_navigation {height: 100%;}
#section_content h1{ font-size: 25px;margin-top:0 }
.a_btn{margin:0;}
.flexer{display:flex;}
.nowrap{white-space: nowrap;}
.bild{
	display: inline-block;
	min-width: 250px;
}
.width50{
    width:50px
}
.relative{
    position:relative;
}
.absolute{
    position:absolute;
}
.hh5{ height:5px;}
.hh10{ height:10px;}
.hh15{ height:15px;}
.hh20{ height:20px;}
.hh25{ height:25px;}
.hh30{ height:30px;}
.hh35{ height:35px;}
.hh40{ height:40px;}
.hh150{ height:150px;}
.hh200{ height:200px;}
.hh300{ height:300px;}

input.delete_img {
    width: 100px;
    margin-top: 10px;
    border: 1px solid #8895a8;
    border-radius: 4px;
    background: #8895a8;
    color: #fff;
}
div#del_button_banner {
    background: #8895a8;
    float: left;
    padding: 3px 20px;
    color: #fff;
    cursor: pointer;
    border-radius: 4px;
}

.width100{
    width:100px
}
.width150{
    width:150px
}
.width200{
    width:200px
}
.container {
    width: 100%;
	min-height: 100%;
}
.lr-0{
    padding-left:0;
    padding-right:0;
}
.l-0{
    padding-left:0;
}
.r-0{
    padding-right:0;
}
.pptop5{ padding-top:5px }
.pptop10{ padding-top:10px }
.pptop15{ padding-top:15px }
.pptop20{ padding-top:20px }

.option {
    color: #344054;
}
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
    color: #344054!important;
}
div#img_preview_url img {
    height: 150px;
}
div#dataTable_filter {
    margin-bottom: 20px;
}
.list_placeholder {
    width: 140px;
    margin: 0 auto;
}
div#topbuttons {
    margin: 0 0 20px 0;
}
input#admin_search_field {
    height: 40px;
    padding-left:40px;
}
img#admin_search_submit {
    position: absolute;
    left: 25px;
    top: 7px;
    cursor: pointer;
}
.hasDatepicker {
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
    margin-bottom:15px;
    min-width: 222px;
}
.colorselector_div {
    width: 200px;
    height: 40px;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-bottom: 20px;
}
table#dataTable {
    padding-left: 0;
    margin-left: 0;
    width: 100%;
}
.dataTables_wrapper select {
    width: 120px;
    border: 1px solid #344054!important;
    padding: 5px;
    border-radius: 4px;
    ouline: none;
}
.subswrapper {
    background: #f7f9fb;
    padding: 15px 20px 15px;
    border-radius: 4px;
    font-size: 17px;
    margin-bottom: 20px;
}
img.tosubs {
    height: 15px;
    margin-top: 5px;
}
.black{
    color:#11263C
}
.fs16{ font-size:16px}
.fs18{ font-size:18px}
.fs20{ font-size:20px}
.fs22{ font-size:22px}
.fs24{ font-size:24px}
.blackmain{
    color:#344054
}
.grayt{ color:#8894A8}
.subswrapper a:hover {
    text-decoration: underline!important;
}
.subswrapper:hover{
    background: #f1f4fb;
}
.dataTables_wrapper select:active {
    border: 1px solid #344054!important;
    ouline: none!important;
}
div#dataTable_filter input {
    border: 1px solid #344054;
    padding: 5;
    border-radius: 4px;
}
span.status_active {
    background: #e0f6e4;
    padding: 3px 10px;
    border-radius: 15px;
    color: #17b02f;
}
span.status_active_yellow {
    background: #f3c418;
    padding: 3px 10px;
    border-radius: 15px;
    color: #fff;
}
span.status_active_orange {
    background: #f66c16;
    padding: 3px 10px;
    border-radius: 15px;
    color: #fff;
}
.dataTables_wrapper .dataTables_paginate .paginate_button  {
    color: #344454!important;
    border: none;
    background-color: white;
    background: none;
    background: none;
    background: none;
    background: none;
    background: none;
    background: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #344454!important;
    border: 1px solid #344454;
    background-color: white;
    background: none;
    background: none;
    background: none;
    background: none;
    background: none;
    background: none;
    padding: 3px 11px;
}
.input__wrapper .preview{
    display:none;
    padding: 10px 0;
    height: auto;
}
#img_preview_banner img {
    width: 50%!important;
    height: auto!important;
}
.floatleft {
    float: left;
    margin-right: 10px;
}
.tagsinput .tag {
    background: #e1e7f0!important;
    color: #344454!important;
}
.tagsinput .tag .tag-remove {
    color: #344454!important;
}
.dataTable > tbody > tr:hover {
    background-color: #f1f4fb57;
}
.confirm_change_status{
    color: #000
}
label.err {
    color: #FF0000;
}
.tagsinput .tag .tag-remove:before, .tagsinput .tag .tag-remove:after {
    background: #344454!important;
}
.data_container {
    background: #f8fafe;
    padding: 20px 50px;
    border-radius: 4px;
}
.data_container.wide{padding: 20px 0 20px 50px;}
.data_container.views {
    background: #f8fafe;
    padding: 15px;
    border-radius: 4px;
    height: 75px;
}
.data_container.views.list_view {
    background-image: url(../images/icons/list_gray.svg);
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}
.data_container.views.list_view.active {
    background-image: url(../images/icons/list_orange.svg);
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}
.data_container.views.list_view:hover {
    background-image: url(../images/icons/list_orange.svg);
}
.data_container.views.grid_view {
    background-image: url(../images/icons/grid_gray.svg);
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}
.data_container.views.grid_view.active {
    background-image: url(../images/icons/grid_orange.svg);
}
.data_container.views.grid_view:hover {
    background-image: url(../images/icons/grid_orange.svg);
}
#img_preview_img img {
    width: 50%;
    height: auto;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: #344454 !important;
    border: none;
    background-color: #fff;
    background: none;
}
span.status_notactive {
    background: #f6e0e0;
    padding: 3px 7px;
    border-radius: 15px;
    margin: 0 auto;
    color: #d83d3d;
	white-space: nowrap;
}
div#section_content {
    padding-left: 0;
}
label {
    font-weight: 500;
}
div#logForm {
    width: 520px;
    margin: 150px auto 0;
    background: #f9fafe;
    padding: 100px 120px;
    box-shadow: 0px 0 21px #e2e4ef;
    position: relative;
}
.header_top_line  {
    background: #f1f4fb;
    padding: 10px 20px 10px 45px;
}
.admin_line_gray  {
    background: #ccc;
    height:1px;
    padding: 1px 10px 0;
}
.admin_line_white  {
    background: #fff;
    height:1px;
    padding: 1px 10px;
}
#menucolumn {
    background: #f8fafe;
    padding: 14px 25px 20px;
}
.menu_title{
    font-size: 20px;
    font-weight: bold;
}
.bold{ font-weight:bold}
img#login_logo {
    width: 215px;
    margin-bottom: 20px;
}
.form-control {
    height: 44px;
    padding: 6px 12px;
    border: 1px solid #ccc;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
}
ul#bread {
    margin: 0;
    padding: 0;
    list-style: none;
}
ul#bread li {
    display: inline;
}
div#breadcrambs_wrapper {
    padding: 15px;
}
ul#bread{
    font-size: 12px;
    text-transform: capitalize;
    color: #667085;
}
ul#bread a {
    font-size: 12px;
    text-transform: capitalize;
    color: #667085;
}
.sep30{ height:30px;}
.sep5{ height:5px;}
.sep10{ height:10px;}
.sep15{ height:15px;}
.sep20{ height:20px;}
.sep25{ height:25px;}
.sep30{ height:30px;}
.sep35{ height:35px;}
.sep40{ height:40px;}
.sep45{ height:45px;}
.sep50{ height:50px;}

.pad10 { padding: 0 10px; }
.pad15 { padding: 0 15px; }
.pad20 { padding: 0 20px; }
.pad30 { padding: 0 30px; }
.pad40 { padding: 0 40px; }
.pad50 { padding: 0 50px; }
.pad60 { padding: 0 60px; }

.pad20_20 { padding: 20px; }
.pad25_25 { padding: 25px; }
.pad5_30 { padding: 5px 30px; }
.pad10_30 { padding: 10px 30px; }
.pad10_35 { padding: 10px 35px; }
.pad15_30 { padding: 15px 30px; }
.pad15_35 { padding: 15px 35px; }
.pad25_35 { padding: 25px 35px; }
.pad25_60 { padding: 25px 60px; }
.pad30_30 { padding: 30px; }
.pad40_60 { padding: 40px 60px; }
.pad60_60 { padding: 60px 60px; }
.pointer{ cursor:pointer}
ol, ul {
    margin: 0;
    list-style: none;
    padding: 0;
}
ul#leftnav li{
    #padding: 8px 10px;
    margin-bottom: 5px;
}
ul#leftnav li a {
    font-size: 17px;
    color: #344054;
}
ul#leftnav li a:hover {
    text-decoration: none;
}
.adminmenu_hovered_li{
    background:#e1e7f0;
    color: #344054;
    border-radius: 4px;
}
.parent_a_wrapper {
    padding: 8px 10px;
}
ul#leftnav a span {
    margin-right: 15px;
}
ul.nav.nav-tabs li a {
    color: #000;
}
ul.leftnav_sub {
    margin-left: 37px;
}
li.child_li {
    padding: 6px 0;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
    background-color: rgba(255, 255, 255, 0.8);
    background: #fff!important;
    box-shadow: none;
    outline: 0 none;
}
input:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0 50px #fff !important; /* Цвет фона */
    -webkit-text-fill-color: #555 !important; /* цвет текста */
    color: #555 !important; /* цвет текста */
}
.btn-primary {
    color: #fff;
    background-color: #f8981d;
    border-color: #f8981d;
    width: 100px;
}
form#login .btn-primary {
    color: #fff;
    background-color: #f8981d;
    border-color: #f8981d;
    width: 100%;
}
form#login .btn-primary:hover {
    color: #fff;
    background-color: #ff8a37;
    border-color: #ff8a37;
}
form#login button {
    margin-top: 30px;
}
.login_text {
    position: relative;
}
.login_text .material-icons {
    position: absolute;
    margin-left: 10px;
}
.content_container {
    float: left;
    background: #eee666;
}
#support a{
    color: #ff8a37;
}
#support a:hover{
    color: #ff8a37;
}
img#logout_img {
    width: 20px;
    margin-left: 5px;
}
a#logout div {
    background: #8895a8;
    color: #fff;
    padding: 7px 25px;
    font-weight: 600;
    border-radius: 6px;
}
a#logout:hover{
    text-decoration: none;
}
a#logout:hover div {
    text-decoration: none;
    background: #7a8396;
}
.nav_div, .content_div {
    float: left;
}
.nav_div  {
    width:100%;
    height: 1px;
    min-height: 100%;
    background: #f8fafe;
}
img#menu-icon {
    cursor: pointer;
}
.nav_div.active {
    width: 100%;
    transition: all 0.3s;
    height: 100%;
    background: #f8fafe;
}
.menu_container{
    padding:15px;
}
.navigation_column_w{
    float:left;
    width: 16.66666667%;
}
.navigation_column_sh{
    float:left;
    width: 4%;
}
.main_column_w{
    float:left;
    width:95.50%;
    padding: 0 15px;
}
.main_column_sh{
    float:left;
    width:83%;
    padding: 0 15px;
}
span.menu_item_span {
    padding-left: 10px;
}
ul#leftnav li.active {
    background: #ff9801;
    border-radius: 4px;
    margin-bottom: 5px;
}
.leftnav_sub{
    display:none;
}
.parent_a_wrapper.active {
    background: #ff9801;
    border-radius: 4px;
    margin-bottom: 5px;
}
ul#leftnav li.active a {
    color: #fff;
}
.panel-default>.panel-heading {
    color: #344054;
    background-color: #fff;
    border-color: #fff;
}
.panel-default {
    border-color: #fff;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #344054;
    cursor: default;
    background-color: #fff;
    border: 1px solid #fff;
    border-bottom-color: transparent;
    font-weight: 600;
    text-decoration: underline;
}
.nav-tabs {
    border-bottom: 1px solid #fff;
}
.panel-body {
    padding: 15px;
    #background: #f7f9fb;
}
.block {
    background: #f7f9fb;
    padding: 10px 35px 30px;
    border-radius: 4px;
    font-size: 14px;
}
.panel-heading {
    padding: 0;
}
h2.adminh2 {
    font-size: 24px;
    color: #101828;
    font-weight: 600;
}
.top_buttons {
    background: #8895a8;
    border: 1px solid #8895a8;
    border-radius: 8px;
    color: #fff;
    font-size: 14px;
    padding: 5px 15px;
}
button.top_buttons:hover {
    background: #a3adbd;
    border: 1px solid #8895a8;
}
.table thead {
    background: #f1f4fb;
}
.table thead td{
    border-right: 1px solid #f0f0f0;
    font-size: 12px;
}
.admin_buttons:hover{
    text-decoration: none;
}
.admin_buttons img{
    cursor: pointer;
    margin-right: 10px
}
img.admin_edit_button {
    width: 24px;
}
img.admin_copy_button {
    width: 24px;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    font-size: 14px;
}
.bordered{
    border: 1px solid #ccc;
}
.rounded{
    border-radius: 4px;
}
.btn-submit {
    background: #8895a8;
    border: 1px solid #8895a8;
    cursor: pointer;
    width: 100%;
    padding: 10px 10px;
    color: #fff;
    outline:none;
}
.btn-submit:active {
    background: #ff982d;
    border: 1px solid #8895a8;
    outline:none;
    color: #fff;
    outline:none;
}
.btn-submit:focus {
    background: #ff982d;
    border: 1px solid #ff982d;
    outline:none;
    color: #fff;
    outline:none;
}
.btn-submit:hover {
    border: 1px solid #ff982d;
    outline:none;
    background: #ff982d;
    color: #fff;
    outline:none;
}
.main_actions_button{
    width:100%;
    background: #8895a8;
    border: 1px solid #8895a8;
    color: #fff;
    padding: 15px 0;
    font-weight: 600;
    border-radius: 6px;
    outline: none;
    text-align: center;
    cursor: pointer;
}
.main_actions_button:hover{
    background: #697585;
    border: 1px solid #8895a8;
    text-decoration: none;
}
.entity_submit:hover{
    text-decoration: none;
}
img.image_thumb {
    vertical-align: bottom;
}
input.image_alt {
    border: 1px solid #ccc;
    padding: 9px;
    border-radius: 4px;
    margin-left: 10px;
}
img.image_thumb_banner {
    height: 110px;
}
.btn-delete {
    background-image: url(../images/icons/x-circle.svg);
    background-repeat: no-repeat;
    background-position: 13px center;
    outline:none;
}
.btn-delete:active {
    background-image: url(../images/icons/x-circle.svg);
    background-repeat: no-repeat;
    background-position: 13px center;
    outline:none;
}
.btn-delete:focus {
    background-image: url(../images/icons/x-circle.svg);
    background-repeat: no-repeat;
    background-position: 13px center;
    outline:none;
}
.btn-delete:hover {
    background-image: url(../images/icons/x-circle.svg);
    background-repeat: no-repeat;
    background-position: 13px center;
    outline:none;
}
.btn-save {
	display: flex;
	justify-content: center;
	align-items: center;
    outline:none;
}
.btn-save:before{
	content: '';
	width:25px;
	height:25px;
	display: block;
	background-image: url(../images/icons/save-white.svg);
    background-position: center;
	background-size: contain;
	margin-right: 5px;
	background-repeat: no-repeat;
}
.btn-deactivate {
    background: #ff4747;
    outline:none;
    border:1px solid #ff4747;
}
.btn-deactivate:active {
    background: #ff4747;
    border:1px solid #ff4747;
    outline:none;
}
.btn-deactivate:focus {
    background: #ff4747;
    border:1px solid #ff4747;
    outline:none;
}
.btn-deactivate:hover {
    background: #d23636;
    border:1px solid #d23636;
    outline:none;
}
div#user_role_choose_tagsinput {
    border: 1px solid #ccc;
    border-radius: 4px;
}
/********************************* checkboxes ***********************************/
.checkbox-ios {
    display: inline-block;
    height: 28px;
    line-height: 28px;
    margin-right: 10px;
    position: relative;
    vertical-align: middle;
    font-size: 14px;
    user-select: none;
}
.checkbox-ios .checkbox-ios-switch {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    width: 51px;
    height: 23px;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 25%/50%;
    vertical-align: top;
    background: #eee;
    transition: .2s;
}
.checkbox-ios .checkbox-ios-switch:before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    display: inline-block;
    width: 21px;
    height: 21px;
    border-radius: 50%;
    background: white;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
    transition: .15s;
}
.checkbox-ios input[type=checkbox] {
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.checkbox-ios input[type=checkbox]:not(:disabled):active + .checkbox-ios-switch:before {
    box-shadow: inset 0 0 2px rgba(0, 0, 0, .3);
}
.checkbox-ios input[type=checkbox]:checked + .checkbox-ios-switch {
    background: limegreen;
}
.checkbox-ios input[type=checkbox]:checked + .checkbox-ios-switch:before {
    transform:translateX(28px);
}

/* Hover */
.checkbox-ios input[type="checkbox"]:not(:disabled) + .checkbox-ios-switch {
    cursor: pointer;
    border-color: rgba(0, 0, 0, .3);
}

/* Disabled */
.checkbox-ios input[type=checkbox]:disabled + .checkbox-ios-switch {
    filter: grayscale(70%);
    border-color: rgba(0, 0, 0, .1);
}
.checkbox-ios input[type=checkbox]:disabled + .checkbox-ios-switch:before {
    background: #eee;
}

/* Focus */
.checkbox-ios.focused .checkbox-ios-switch:before {
    box-shadow: inset 0px 0px 4px #ff5623;
}
/********************************************************************/
.additional_info {
    background-color: #eef3f9;
    padding: 15px;
    border-radius: 4px;
}
img.additional_info_image {
    float: left;
}
span.additional_info_title {
    float: left;
    font-size: 18px;
    font-weight: 600;
    padding-left: 10px;
}
ul.navigation_tabs li {
    float: left;
    padding: 47px 0 25px;
    margin-right: 20px;
}
ul.navigation_tabs>li>a {
    color: #344454;
    font-size: 16px;
}
ul.navigation_tabs li a.active_tab_link {
    text-decoration: underline;
    font-weight: 600;
}
.big_gray_button {
    background: #8895a8;
    color: #fff;
    width: 100%;
}
div#create_role span {
    float: right;
}
.modal-dialog {
    z-index: 10000;
}
.modal button.close {
    padding: 15px;
}
button.close {
    -webkit-appearance: none;
    padding: 8px;
    cursor: pointer;
    background: 0 0;
    border: 0;
    float: right;
    font-size: 31px;
    font-weight: 500;
    line-height: 1;
    color: #344454;
    text-shadow: none;
    opacity: 0.8;
}
.btn-primary:focus {
    color: #fff;
    background-color: #FF6B01D3!important;
    border-color: #FF6B01D3!important;
    outline:none;
}
.btn-primary:active {
    color: #fff;
    background-color: #FF6B01D3!important;
    border-color: #FF6B01D3!important;
    outline:none;
}
.btn-primary:hover {
    color: #fff;
    background-color: #FF6B01D3;
    border-color: #FF6B01D3;
    outline:none;
}
.btn-save-popup{
    background: #ff9801;
    border-radius: 4px;
    outline:none!important;
    color: #fff;
}
.btn-save-popup:hover{
    background: rgba(255, 107, 1, 0.83);
    border-radius: 4px;
    outline:none!important;
    color: #fff;
}
.close_button_popup{
    background: #8895a8;
    border-radius: 4px;
    outline:none!important;
    color: #fff;
}
.close_button_popup:hover{
    background: #a9b5c4;
    border-radius: 4px;
    outline:none!important;
    color: #fff!important;
}
.role_data_row {
    #padding: 20px 40px;
}
.role_data_row_1 {
    background: #fff;
    min-height: 80px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.role_row_title{ font-weight:600}
.role_data_row_2 {
    background: #f2f5fa;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    display: none;
}
.row.role_data_row_2_title {
    padding-left: 20PX;
    font-weight: 600;
}
ul.roles_action_buttons li {
    display: inline-table;
    padding-right: 15px;
}

ul.roles_action_buttons li:last-child {
    padding-right: 0;
}
.role_data_row_2_title:first-child {
    padding-top: 20px;
}
.role_data_row_2_title:last-child {
    padding-bottom: 20px;
}

/*****************************  checkboxes  ********************************/
/* для элемента input c type="checkbox" */
.custom-checkbox {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.white_bg{ background:#fff;}
/* для элемента label, связанного с .custom-checkbox */
.custom-checkbox+label {
    display: inline-flex;
    align-items: center;
    user-select: none;
}

/* создание в label псевдоэлемента before со следующими стилями */
.custom-checkbox+label::before {
    content: '';
    display: inline-block;
    width: 1.4em;
    height: 1.4em;
    flex-shrink: 0;
    flex-grow: 0;
    border: 1px solid #adb5bd;
    border-radius: 0.25em;
    margin-right: 0.5em;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
}

/* стили при наведении курсора на checkbox */
.custom-checkbox:not(:disabled):not(:checked)+label:hover::before {
    border-color: #b3d7ff;
}

/* стили для активного чекбокса (при нажатии на него) */
.custom-checkbox:not(:disabled):active+label::before {
    background-color: #b3d7ff;
    border-color: #b3d7ff;
}

/* стили для чекбокса, находящегося в фокусе */
.custom-checkbox:focus+label::before {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

/* стили для чекбокса, находящегося в фокусе и не находящегося в состоянии checked */
.custom-checkbox:focus:not(:checked)+label::before {
    border-color: #80bdff;
}

/* стили для чекбокса, находящегося в состоянии checked */
.custom-checkbox:checked+label::before {
    border-color: #8794a7;
    background-color: #8794a7;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}

/* стили для чекбокса, находящегося в состоянии disabled */
.custom-checkbox:disabled+label::before {
    background-color: #e9ecef;
}
/*********************************************************/
.agree_trext {
    font-size: 14px;
    margin-top: -3px;
    margin-left: 15px;
}
.button_standart {
    background: #8895a8;
    float: left;
    padding: 3px 20px;
    color: #fff;
    cursor: pointer;
    border-radius: 4px;
}
.button_standart:hover {
    background: #9ca7b7 !important;
}
.input__wrapper {
    overflow: hidden;
}
img.prev_img_pages {
    height: 110px;
}
div#img_preview_banner img {
    height: 110px;
}
.checkbox-ios {
    display: inline-block;
    height: 28px;
    line-height: 28px;
    margin-right: 10px;
    position: relative;
    vertical-align: middle;
    font-size: 14px;
    user-select: none;
}
.checkbox-ios .checkbox-ios-switch {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    width: 56px;
    height: 28px;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 25%/50%;
    vertical-align: top;
    background: #eee;
    transition: .2s;
}
.checkbox-ios .checkbox-ios-switch:before {
    content: '';
    position: absolute;
    top: 1px;
    left: 1px;
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: white;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
    transition: .15s;
}
.checkbox-ios input[type=checkbox] {
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.checkbox-ios input[type=checkbox]:not(:disabled):active + .checkbox-ios-switch:before {
    box-shadow: inset 0 0 2px rgba(0, 0, 0, .3);
}
.checkbox-ios input[type=checkbox]:checked + .checkbox-ios-switch {
    background: #ff982d;
}
.checkbox-ios input[type=checkbox]:checked + .checkbox-ios-switch:before {
    transform:translateX(28px);
}

/* Hover */
.checkbox-ios input[type="checkbox"]:not(:disabled) + .checkbox-ios-switch {
    cursor: pointer;
    border-color: #fff;
}

/* Disabled */
.checkbox-ios input[type=checkbox]:disabled + .checkbox-ios-switch {
    filter: grayscale(70%);
    border-color: rgba(0, 0, 0, .1);
}
.checkbox-ios input[type=checkbox]:disabled + .checkbox-ios-switch:before {
    background: #eee;
}

/* Focus */
.checkbox-ios.focused .checkbox-ios-switch:before {
    box-shadow: inset 0px 0px 4px #ff5623;
}
button.close.popup_close {
    position: absolute;
    right: 0;
    top: 0;
}
.modal-header {
    padding: 15px;
    border-bottom: none;
}
.modal-footer {
    border-top: none;
}
.modal-body > div.row{
	display: flex;
	justify-content: center;
	align-items: center;
}
.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
    width: 100px;
}
li.child_li.active_a {
    #background: #ff982d;
    border-radius: 4px;
}
.child_li.active_a .leftnav_sub_a{
    color:#7A8396!important;
    text-decoration: underline;
}
.admin_grid_inside_wrapper {
    border: 1px solid #ccc;
    margin: 0 0 40px 0;
    border-radius: 4px;
}
.admin_grid_inside_wrapper .grid_no_image.hh150 {
    #height:45px;
}
.grid_no_image{
    background: #d9d9d9;
    padding: 20px;
}
.grid_data {
    padding: 20px;
}
img.dottts {
    width: 25px;
    cursor:pointer;
}
.black_main{ color:#344054}
ul.forselect.list_none {
    border: 1px solid #ccc;
    background: #fff;
    border-radius: 4px;
    text-align: left;
    width: 150px;
    z-index: 100;
    display: none;
    margin-left: -85px;
}
.grid_title{
    width: 245px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
img.leftmenu_img {
    width: 25px;
}
.grid_yes_image{
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
}
form.copy_form {
    height: 0;
    position: absolute;
}
.admin_edited {
    font-weight: 400;
    font-size: 12px;
}
li.small_li {
    padding: 5px;
    border-bottom: 1px solid #ccc;
    cursor: pointer;
}
li.small_li:last-child {
    border-bottom: none;
}
.pagination>li {
    display: inline-table;
    margin: 0 5px;
    border-radius: 4px;
}
li.page-num a {
    color: #344054;
}
li.page-num.disabled a {
    color: #ff982d;
}
#filter_sort_by{
    height: 40px;
}
.nice-select.form-control.niceselect {
    width: 100%;
    height: 45px!important;
    padding-left: 13px!important;
    border:1px solid #ccc!important
}
.nice-select.form-control.niceselect:focus {
    border:1px solid #ff9801!important
}
.nice-select:after {
    height: 10px!important;
    margin-top: -6px!important;
    right: 30px!important;
    width: 10px!important;
}
span.current {
    position: absolute;
    top: 0;
}
.nice-select .list {
    width: 95%!important;
    margin-top: 4px!important;
    left: 15px!important;
}
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
    background-color: #8794a7!important;

}
.form-control{
    box-shadow: none!important;
}
[type="radio"]:not(.default):checked,
[type="radio"]:not(.default):not(:checked) {
    position: absolute;
    left: -9999px;
}
[type="radio"]:not(.default):checked + label,
[type="radio"]:not(.default):not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}
[type="radio"]:not(.default):checked + label:before,
[type="radio"]:not(.default):not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}
[type="radio"]:not(.default):checked + label:after,
[type="radio"]:not(.default):not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #ff9801;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
[type="radio"]:not(.default):not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
[type="radio"]:not(.default):checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.form_err {
    border: 1px solid #ff0000!important;
    background: #ff982d12;
}
.niceselect.requered_select.form_err {
    border: 1px solid #ff0000!important;
    background: #ff982d12;
}
div#email_exists {
    z-index: 999999999;
}
img.eye_gray {
    width: 30px;
    position: absolute;
    right: 20px;
    top: 8px;
    cursor: pointer;
}
.fa-edit:before {
    color: #8794a7;
}
#mymenutree ul li a {
    font-weight: 400;
    width: 700px;
    border-bottom: 1px dotted #cccccc !important;
    height: 30px !important;
}
.jstree-default.jstree-focused {
    border: none !important;
}
#mymenutree {
    padding-left: 0;
}
.glyphicon-remove:before {
    color: #8794a7;
}
.jstree_img_delete {
    border: 1px solid #ccc;
}
.to_edit_link {
    background: #8895a8;
    border: 1px solid #8895a8;
    border-radius: 8px;
    color: #fff;
    font-size: 14px;
    padding: 16px 15px;
    font-size: 15px;
    font-weight: 600;
    text-align: center;
}
.to_edit_link:hover{
    background: #697585;
    border: 1px solid #8895a8;
    text-decoration: none;
}
.notunderline:hover{
    text-decoration: none;
}
.modal-title {
    margin: 0;
    line-height: 1.42857143;
    font-size: 20px;
    color: #000;
}
.modal-content {
    padding: 20px 35px 20px 20px;
    margin-top: 100px;
}
#forget_modal_cancel:hover {
    background: #ddd;
}
#forget_modal_cancel {
    float: right;
    background: #ccc;
    color: #000;
    width: 110px;
    padding: 7px;
    font-size: 16px;
    cursor: pointer;
    margin-right: 15px;
}
.modal-footer {
    padding: 15px;
    text-align: center;
    border-top: none;
}
#forget_modal_send {
    float: right;
    width: 110px;
    margin-right: -10px;
    padding: 7px;
    font-size: 16px;
    cursor: pointer;
    color: #fff;
    background-color: #ff8a37;
    border-color: #ff8a37;
}
#forget_modal_send:hover {
    background-color: #ef731a;
    border-color: #ff8a37;
}
.form-control {
    height: 45px;
    padding: 6px 12px;
    font-size: 13px;
    color: #000;
    border: 1px solid #ccc;
    border-radius: 0;
}
.modal-dialog .err_class {
    padding: 10px;
    border: 1px solid #ff0000;
    font-size: 14px;
}
.modal-dialog .ok_class {
    border: 1px solid #00a542;
    padding: 10px;
    font-size: 14px;
}
.modal-dialog .row.reg_form_row {
    padding: 20px 0 20px;
}
.login_err {
    color: #ff0000;
    padding: 15px 15px 0;
}
.form-control {
    height: 45px;
    padding: 6px 12px;
    font-size: 13px;
    color: #000;
    border: 1px solid #ccc;
    border-radius: 0;
}
.course-date-th {
    font-size: 14px;
    font-weight: 600;
}
.course-title-th {
    font-size: 14px;
    font-weight: 600;
}
.course-date {
    font-size: 12px;
}
.course-title {
    font-size: 12px;
}


/****************************** menu_case ***********************/
.mainmenu_title_row {
    padding: 25px 15px 15px 15px;
    background: #D9E0EC;
    border-bottom: 1px solid #c7cfda;
    height: 60px;
}
.menu-toggle-main {
    cursor: pointer;
}
img.arrow_cl_op {
    float: left;
    margin-top: 0px;
    margin-right: 15px;
}
.menu-status {
    display: inline-block;
    line-height: 1;
    padding: 3px 10px;
    width: 100px;
    text-align: center;
    margin-top: -10px;
    border-radius: 20px;
    font-size: 12px;
    cursor: pointer;
    font-weight: 600;
}
.menu-status.active {
    background: #C4E7D2;
    font-size: 12px;
    color: #027A48;
    border: 1px solid #027a481f;
}
.menu-status.active:hover {
    background: #bbe0cb;
}
.menu-status.inactive {
    background: #FDE4E3;
    font-size: 12px;
    color: #B42318;
    border: 1px solid #f8d1cf;
}
.mainmenu-title {
    float: left;
    line-height: 1;
    font-size: 16px;
    font-weight: 600;
}
img.menu-main-icon {
    float: left;
    margin-right: 10px;
    margin-top: -3px;
}
.men2 {
    display: flex;
    flex-direction: unset;
    align-items: center;
}
.mn_child.menu-status.active span {
    margin-right: 10px;
}
.mn_child {
    margin-left: 20px;
}
.mn_child.menu-edit {
    background: #fff;
    padding: 10px 12px;
    #margin-top: -11px;
    border-radius: 5px;
    border:1px solid #ccc;
    font-size: 12px;
    cursor: pointer;
}
.mainmenu_title_row .menu-edit {
    margin-top: -17px;
}
.mn_child.menu-edit:hover {
    background: #f0f0f0;
}
a .menu-edit {
    background: #fff;
    padding: 10px 12px;
    margin-top: 0;
    border-radius: 5px;
    border: 1px solid #ccc;
    font-size: 12px;
    cursor: pointer;
    color: #444;
}
.sub-menu_row.row .me1_wrapper {

}
.sub-menus_rowtitle {
    background: #fff;
    overflow: hidden;
    padding-left: 43px;
    font-weight: 500;
    padding: 20px 0 20px 0;
    border-bottom: 1px solid #dedede;
}
.sub-menus_rowtitle:hover {
    background: #f9fbfd;
}
.sub-menus_rowtitle .me1_wrapper{
    padding-left:43px;
}
.sub-menus_rowtitle .mainmenu-title {
    font-weight: 500;
}
.sub-menus_row{
    display: none;
    #overflow: hidden;
}
/**************/
.subsub-menus_row{
    display: none;
    #overflow: hidden;
}

.subsub-menus_rowtitle {
    background: #F4F7FC;
    overflow: hidden;
    padding-left: 43px;
    font-weight: 500;
    padding: 20px 0 20px 0;
    border-bottom: 1px solid #f0f0f0;
}
.sub-menus_rowtitle:hover {
    background: #f9fbfd;
}
.subsub-menus_wrapper {
    padding: 0 15px;
}
.subsub-menus_wrapper .breadkrambs{
    margin-top: -5px;
    margin-bottom: 8px;
}

.subsub-menus_rowtitle .me1_wrapper {
    padding-left: 43px;
}
.sub-menus_rowtitle .mainmenu-title {
    font-weight: 500;
}
.sub-menus_rowtitle .sub-menus_rowtitle {
    padding: 25px 0;
}
.subsub-menus_rowtitle .mn_child{
    margin-top:5px;
}
.subsub-menus_rowtitle .arrow-closed {
    padding-top: 10px;
}
.breadkrambs {
    font-size: 12px;
}
.subsub .mainmenu-title{
    font-weight: 500;
}
.subsubsub {
    padding-left: 43px;
}
.subsub-menus_rowtitle a .menu-edit {
    margin-left: -2px;
    padding: 10px 10px;
}
.menu-edit:hover {
    background: #f0f0f0;
}
.subsub-menus_rowtitle a .menu-edit:hover {
    background: #f0f0f0;
}
.sub-menus_rowtitle a .menu-edit {
    margin-left: -2px;
    padding: 10px 10px;
}
a.menulink {
    color: #000;
}
a.menulink:hover {
    text-decoration: underline;
}
.col-lg-9.menuwrapper {
    padding-left: 30px;
}
/******* end_menu_case *******/
.nav-tabs>li {
    background: #fff;
}
.nav-tabs>li>a:hover {
    background: #fff!important;
    border:1px solid #fff;

}
ul.nav.nav-tabs li a {
    color: #000;
    font-size: 18px;
}
.nav>li>a {
    padding: 10px 15px 10px 0;
}
.nav-tabs {
    border-bottom: none;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    background-color: #fff;
    color: #8894A8;
    border: none;
}
.pagestabs li.active a {
    color: #000!important;
    font-weight: bold;
}
.kdr div{
    padding: 5px 0 5px 15px;
}
.courses_order_details {
    padding: 15px 20px 15px 0;
}
.courses_order_details .row{
    padding: 15px 20px 15px 0;
    border-bottom: 2px dotted #f0f0f0;
}
.courses_order_details .row:last-child{
    border-bottom: none;
}
.corsesHr {
    border-top: 1px solid #d1d1d1;
}
.courses_order_details a{
    color:#000
}
.courses_order_details a  div :hover{
    #text-decoration:underline!important;
}

.Buchungsdaten_row .row {
    padding: 15px 20px 15px 0;
    border-bottom: 2px dotted #f0f0f0;
}
.Buchungsdaten_row .row:last-child {
    border-bottom: none;
}
.bbbdddrrr {
    padding: 0 20px 0 15px;
}
.bbbdddrrr div {
    padding-left: 0 ;
}
.filters_wrapper {
    position: absolute;
    right: 400px;
    top: 0;
    z-index: 999;
}
.filters_wrapper .nice-select .list{
    left:3px!important;
}
.filters_wrapper span.current {
    top: -3px;
}
.nice-select.filter_status_events.niceselect{
    width:158px;
    height: 33px;
}
ul.nav.nav-tabs li a {
    color: #000;
    font-size: 18px;
    padding: 12px 25px;
    background: #fff
}
select#infobox_order {
    width: 222px;
}
.nav-tabs>li.active a {
    background: #f8fafe!important;
    border-left: 1px solid #e6e8eb!important;
    border-right: 1px solid #e6e8eb!important;
    border-top: 1px solid #e6e8eb!important;
    padding: 12px 25px;
}
.filter_incomming_event {
    position: absolute;
    left: 300px;
    top: 7px;
    z-index: 999;
}
#input__file {
    background: #8895a8;
    border: 1px solid #8895a8;
    color: #fff;
    padding: 10px 25px;
    font-weight: 600;
    border-radius: 6px;
    outline: none;
    text-align: center;
    cursor: pointer;
}
#del_button_img {
    width: 150px;
    background: #8895a8;
    border: 1px solid #8895a8;
    color: #fff;
    padding: 10px 25px;
    font-weight: 600;
    border-radius: 6px;
    outline: none;
    text-align: center;
    cursor: pointer;
}
.time_select {
    width: 222px;
    border-radius: 4px;
    font-size: 14px;
    color:#333;
    padding-left: 5px;
}











@media (max-width: 1280px){
    .navigation_column_w {
        width: 25%;
    }
    .main_column_sh {
        width: 75%;
    }
    .grid_title {
        width: 185px;
    }
    .main_actions_button {
        padding: 15px 17px;
    }
}
@media (min-width: 768px){
    .modal-sm {
        width: 450px;
    }
}