a {
  cursor: pointer;
}
textarea {
  resize: auto;
}
.pointer {
  cursor: pointer;
}
body#orders div#page_content {
    padding: 0 0 0 0;
}
/****************general css*****************/
body {
    background-color: #f0f2ff;
    /* -moz-transform: scale(0.85, 0.85); Moz-browsers */
    /* zoom: 0.85; /*Other non-webkit browsers */
    /* zoom: 85%; /*Webkit browsers */
}
.navbar{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 49px;
  z-index: 9999;
}
.navbar-nav {
    margin-left: 0px;
}
h5, .h5 {
    font-size: 19px;
    font-weight: 700;
    line-height: 19px;
}
.bs-searchbox:after {
	display: none;
}
.bootstrap-select.btn-group .btn .filter-option {
    font-size: 12px;
    text-align: center;
}
.bootstrap-select{
    max-width: 250px;
}
.select2-selection--single {
    height: 30px;
    border-radius: 8px;
    padding-top: 5px;
}
#container .content {
    padding: 5px 0px 20px 0px;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    border-top: 1px solid #eeeeee;
	padding:0px 40px;
}
.table > thead > tr > th {
    border-bottom: 1px solid #eeeeee;
    padding: 5px 40px;
}
tr:hover{
   background-color: #f7f8ff;
}
.panel {
	margin-bottom: 5px;
    border-color: #ddd;
    color: #333333;
    border: none;
    box-shadow: none;
    background-color: transparent;
}
.datatable-header {
    border: none;
    padding: 10px 10px 0 10px;
}
.panel-flat > .panel-heading {
	background-color: transparent;
    padding: 10px 0px;
}
.table{
	background-color: #fff;
	-webkit-box-shadow: 0px 4px 18px -10px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 4px 18px -10px rgba(0,0,0,0.5);
	box-shadow: 0px 4px 18px -10px rgba(0,0,0,0.5);
}
.table{
    overflow: auto;
	font-size: 12px;
	font-weight: 400;
	color: #777777;
}
.datatable-footer{
    background-color: #fff;
    -webkit-box-shadow: 0px 3px 20px -10px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 3px 20px -10px rgba(0,0,0,0.5);
    box-shadow: 0px 3px 20px -10px rgba(0,0,0,0.5);
    padding: 5px 5px !important;
	border: none;
}
.dataTables_info{
	font-size: 14px;
	color: #232323;
	margin-bottom: 0;
}

.dataTables_paginate .paginate_button {
    display: inline-block;
    padding: 7px;
    min-width: 36px;
    margin-left: 2px;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    cursor: pointer;
    color: #252525;
    border: 1px solid transparent;
    border-radius: 50px;
}
.dataTables_paginate .paginate_button.current, .dataTables_paginate .paginate_button.current:hover, .dataTables_paginate .paginate_button.current:focus {
    color: #252525;
    background-color: #e9ecfa;
    border: 1px solid #186efd
}
.dataTables_paginate {
    margin: 0;
}
.dataTables_length > label > span:first-child {
    float: left;
    margin: 8px 15px;
    margin-left: 0;
    color: #232323;
    font-size: 14px;
}
.dataTables_length select {
    height: 30px;
    padding: 5px 10px;
    font-size: 13px;
    line-height: 1.5384616;
    color: #252525;
    background-color: #fff;
    border: 1px solid #e1e1e1;
    border-radius: 8px;
    outline: 0;
    margin: 3px auto;
}
.big-table {
	overflow: auto;
	position: relative;
    box-shadow: 0px 3px 20px -10px rgb(0 0 0 / 50%);
}
.big-table table {
	max-width: 100%;
	overflow-x: auto;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
}
.sorting_asc, .sorting, .sorting_desc, .sorting_disabled, .heading-text{
	font-size: 14px;
	font-weight: 500;
	color: #232323;
}
.nav-tabs li a{
    color: #272727 !important;
    font-size: 12px;
    text-transform: uppercase;
}
.nav-tabs.nav-tabs-highlight > li.active > a, .nav-tabs.nav-tabs-highlight > li.active > a:hover, .nav-tabs.nav-tabs-highlight > li.active > a:focus {
    border-top-color: #0c4b91;
}
.nav-tabs.nav-tabs-highlight > li > a, .nav-tabs.nav-tabs-highlight > li > a:hover, .nav-tabs.nav-tabs-highlight > li > a:focus {
    border-top-width: 6px;
    border-left: none;
    border-bottom: none;
    border-right: none;
}
.nav-tabs-highlight > li > a, .nav-tabs-highlight > li > a:hover {
    position: relative;
    display: block;
    padding: 5px 10px;
    border-top: solid  6px #a2a1a1;
}
.nav-tabs > li {
    background-color: #f1f1f1;
}
.nav-tabs {
    border: none;
    margin-bottom: 10px;
}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border-left: none;
    border-right: none;
}
#settings-tab1 .input-group{
	width: 200px;
    margin: 0px 20px 0px 0px;
    display: block !important;
}
.modal .form-horizontal {
    background-color: transparent;
    -webkit-box-shadow: 0px 4px 18px -10px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 4px 18px -10px rgba(0,0,0,0.5);
    box-shadow: none;
    padding: 0px;
}
.heading-elements:not(.visible-elements) .heading-form .input-group {
    max-width: 165px;
}
.content-group {
    margin-bottom: 10px !important;
}
.modal {
    padding-top: 49px;
}
.multiselect {
    border-radius: 8px;
    max-width: 250px;
    height: 30px;
}
/****************login form page*****************/
.login-form{
	background-color: #fff;
	-webkit-box-shadow: 0px 6px 10px 1px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 6px 10px 1px rgba(0,0,0,0.25);
	box-shadow: 0px 6px 10px 1px rgba(0,0,0,0.25);
	border-radius: 8px;
	padding: 5px 40px;
}
.login-container .page-container .login-form {
    width: 390px;
}
.login-form h5{
	font-size: 25px;
	font-weight: 700;
	font-family: 'Open Sans', sans-serif;
}
/*.gr__admin_trendcrm_biz body{
    background-position: center;
    background-image: url(/images/Bitmap.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    background-position: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 100%;
}*/
.login-form .bg-slate {
    background-color: #0c4b91;
    border-color: #0c4b91;
    color: #fff;
    width: 130px;
    margin: 0 auto;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 500;
    margin-top: 15px;
}
.login-form  input{
    height: 30px;
    padding: 5px 8px;
    color: #3b3b3b;
    font-size: 12px;
    background-color: #f7f7f7;
    background-image: none;
    border: 1px solid #e9e9e9;
    border-radius: 8px;
    text-align: left;
    padding-left: 10px !important;
}
.login-form ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #3b3b3b;
  opacity: 1;
}
.login-form ::-moz-placeholder { /* Firefox 19+ */
  color: #3b3b3b;
  opacity: 1;
}
.login-form :-ms-input-placeholder { /* IE 10+ */
  color: #3b3b3b;
  opacity: 1;
}
.login-form :-moz-placeholder { /* Firefox 18- */
  color: #3b3b3b;
  opacity: 1;
}
.btn-green, .btn-blue, .add-btn, .btn-red, .btn-orange{
    height: 30px;
    color: #4b4b4b;
    background-color: #fff;
    border-color: #0c4b91;
    border-radius: 8px !important;
    padding: 4px 20px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    margin-bottom: 1px;
}
.btn-min {
    padding: 4px 7px;
}

.btn-min-white {
    color: darkblue;
    background: #f5f5f5;
    border-radius: 10px;
    padding: 2px 7px;
}

.btn-green{
	border: 1px solid #7bb31a;
}
.btn-orange{
	border: 1px solid #ffa600;
}
.btn-red{
    border: 1px solid #f44336;
}
.btn-green:hover{
	color: #4b4b4b !important;
}
.btn-blue, .btn-blue:hover{
	border: 1px solid #0c4b91;
    border-radius: 20px;
    color: #4b4b4b !important;
    background-color: #fff;
    border-radius: 20px;
    text-transform: uppercase;
    font-weight: 500;
    background-repeat: no-repeat;
}
.btn-blue:hover, .btn-blue:focus, .btn-blue:active{
    border: 1px solid #0c4b91;
    border-color: #0c4b91 !important;
}
.analytics, .analytics:hover, .analytics:active{
    background-image: url(/images/icons/strelka.svg);
    background-position: 15px center;
    padding-left: 35px; 
    background-size: 14px;
}
.downloadExcel, .downloadExcel:hover, .downloadExcel:active, .downloadExcel:focus{
    background-image: url(/images/icons/exel.svg);
    background-position: 18px center;
    padding: 4px 20px 4px 40px;
    background-size: 18px;
    color: #4b4b4b !important;

}

.panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body {
    border-top: none;
}
/****************calls page*****************/

#clear_all_filter{
    color: #4b4b4b;
    background-color: #fff;
    border-radius: 20px;
	padding: 4px 20px;
    text-transform: uppercase;
    font-weight: 500;	
}

#orders_page .bootstrap-select .dropdown-toggle{
    height: 30px;
    padding: 7px 12px;
    color: #000000;
    font-size: 14px;
    background-color: #fff;
    background-image: none;
    border: 1px solid #d0d0d0;
    border-radius: 8px;
    text-align: left;
    font-weight: 500;
    max-width: 325px;
    margin: 0;
}
.form-control{
	background-color: transparent;
}

/****************novaposhta_cash_on_delivery_page*****************/

#save, #save_status_matrix, #save_sms_templates, #save_config, .save-btn, .save-btn:hover, .save-btn:active{
    height: 30px;
    color: #4b4b4b;
    background-color: #fff;
    border-radius: 8px;
    padding: 6px 20px 4px 40px;
    text-transform: uppercase;
    font-weight: 500;
    background-image: url(/images/icons/save.svg);
    background-position: 15px center;
    border-width: 1px !important;
    background-repeat: no-repeat;
    background-size: 18px;
}
#edit_status, #edit_status:hover, #edit_status:active{
    color: #4b4b4b;
    background-color: #fff;
    border-radius: 20px;
    padding: 6px 20px 4px 40px;
    text-transform: uppercase;
    font-weight: 500;
    background-image: url(/images/icons/edit_grey.svg);
    background-position: 15px center;
    border-width: 1px !important;
    background-repeat: no-repeat;
    background-size: 18px;
}
#administration_sms_page{
    box-shadow: none;
    background: transparent;
}
#sms_templates{
    padding: 5px;
    margin-bottom: 10px;
    background-color: #fff;
    -webkit-box-shadow: 0px 4px 18px -10px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 4px 18px -10px rgba(0,0,0,0.5);
    box-shadow: 0px 4px 18px -10px rgba(0,0,0,0.5);
}
#novaposhta_cash_on_delivery_page{
	background-color: #fff;
	max-width: 630px;
	-webkit-box-shadow: 0px 4px 18px -10px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 4px 18px -10px rgba(0,0,0,0.5);
	box-shadow: 0px 4px 18px -10px rgba(0,0,0,0.5);
}
.control-label{
	font-size: 14px;
	color: #000000;
	font-weight: 500;
}
#novaposhta_cash_on_delivery_page input, #novaposhta_cash_on_delivery_page .select button{
	height: 30px;
    padding: 5px 12px;
    color: #000000;
    font-size: 12px;
    background-color: #fff;
    background-image: none;
    border: 1px solid #d0d0d0;
    border-radius: 8px;
    text-align: left;
    font-weight: 400;
    max-width: 250px;
}
#novaposhta_cash_on_delivery_page .panel-heading {
    margin-left: 0;
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 20px;
}
#novaposhta_cash_on_delivery_page .panel-body {
    padding: 0px 20px 0px 40px;
}
.checker span {
    color: #2f2c2d;
    border: 1px solid #2f2c2d;
    display: inline-block;
    text-align: center;
    position: relative;
    border-radius: 50px;
    width: 20px;
    height: 20px;
}

.checker span:after {
    content: "";
    font-family: 'icomoon';
    font-size: 16px;
    line-height: 1;
    position: absolute;
    top: 2px;
    left: 1px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    opacity: 0;
    filter: alpha(opacity=0);
    width: 15px;
    height: 15px;
    background-image: url(/images/icons/check_blue.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
}
#novaposhta_cash_on_delivery_page .checkbox-inline .checker {
    top: 0;
}
.dataTables_filter > label > span {
    margin: 2px 10px 0 0;
}
.dataTables_filter {
    position: relative;
    display: block;
    float: left!important;
    margin: 0 5px 5px 20px;
}
#scansheets_table_wrapper .btn-rounded:hover, #scansheets_table_wrapper .btn-rounded:focus, #scansheets_table_wrapper .btn-rounded.focus, #scansheets_table_wrapper .btn-rounded{
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
}

/****************basket*****************/
#orders_table_wrapper .datatable-footer{
	margin-top: 0px;
}

/****************clients*****************/
.dataTables_filter > label:after {
    content: "";
    font-family: inherit;
    font-size: inherit;
    display: inherit;
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -9px;
    color: #999999;
    line-height: 1;
    width: 16px;
    background-repeat: no-repeat;
    background-size: 100%;
    height: 16px;
    -moz-osx-font-smoothing: grayscale;
    background-image: url(/images/icons/search.png);
}
.bootstrap-select > .btn.btn-default, .bootstrap-select > .btn.btn-default.disabled {
    background-color: #fff;
    border-color: #ddd;
    height: 30px;
    line-height: 12px;
    border-radius: 8px;
}
/****************client*****************/
#client_form textarea{
    padding: 5px 12px;
    color: #000000;
    font-size: 14px;
    background-color: #fff;
    background-image: none;
    border: 1px solid #d0d0d0;
    border-radius: 8px;
    text-align: left;
    font-weight: 500;
    max-width: 250px;
}
#client_form input{
	width: 250px;
}
#client_page .panel-heading {
    margin-left: 0;
}
#calls_table_wrapper table, #calls_table_block .datatable-footer{
	box-shadow: none;
}
/****************product-inside*****************/
.standart-input .dropdown-toggle{
	height: 30px;
	padding: 5px 12px;
    color: #000000;
    font-size: 14px;
    background-color: #f7f7f7;
    background-image: none;
    border: 1px solid #d0d0d0;
    border-radius: 8px;
    text-align: left;
    font-weight: 400;
    max-width: 250px;
}
.btn-sm:not(.btn-rounded), .btn-group-sm > .btn:not(.btn-rounded), .btn-xs:not(.btn-rounded), .btn-group-xs > .btn:not(.btn-rounded) {
    border-radius: 8px;
    height: 30px;
}

ul[name="check_suppliers"] {
    max-height: 75px;
    max-width: 350px;
    overflow-y: scroll;
    overflow-x: hidden;
}

ul[name="check_suppliers"] li{
      display: block;
}
/****************groupusers*****************/
.form-horizontal{
	background-color: #fff;
	-webkit-box-shadow: 0px 4px 18px -10px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 4px 18px -10px rgba(0,0,0,0.5);
	box-shadow: 0px 4px 18px -10px rgba(0,0,0,0.5);
	padding: 10px;
}
.form-horizontal .text-bold{
	font-size: 14px;
    color: #232323;
    padding: 5px 0px;
}

#page_content input{
    height: 30px;
    padding: 5px 5px;
    color: #000000;
    font-size: 12px;
    background-color: #fff;
    background-image: none;
    border: 1px solid #d0d0d0;
    border-radius: 8px;
    text-align: center;
    font-weight: 400;
    max-width: 250px;
}

.has-error {
    border-color: #D84315 !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.change, .users, .add{
    height: 30px;
	background-color: #637a94;
    font-size: 12px;
    text-transform: uppercase;
    border-color: #637a94;
    border-radius: 8px !important;
    margin-left: 10px !important;
    padding: 4px 20px;
}
.block, .block:focus{
    height: 30px;
    background-color: #bf0101;
    font-size: 12px;
    text-transform: uppercase;
    border-color: #bf0101;
    border-radius: 8px !important;
    margin-left: 10px !important;
    padding: 4px 15px 4px 45px;
    background-image: url(/images/icons/krest.svg);
    background-position: 10px center;
    background-repeat: no-repeat;
    background-size: 10px;
    /* width: 20px; */
}
.btn-add__grey, .btn-add__grey:focus, .btn-add__grey:active{
    height: 30px;
    margin-left: 10px !important;
    padding: 4px 10px 4px 20px;
    background-image: url(/images/icons/plus_grey.svg);
    background-position: 10px center;
    background-repeat: no-repeat;
    background-size: 10px;
    min-width: 110px;
}
.btn-add__white, .btn-add__white:focus, .btn-add__white:active{
    height: 30px;
    margin-left: 10px !important;
    padding: 4px 10px 4px 20px;
    background-image: url(/images/icons/plus_white.svg);
    background-position: 10px center;
    background-repeat: no-repeat;
    background-size: 10px;
    width: 110px;
}
.change, .change:focus{
    height: 30px;
    padding: 4px 20px 4px 40px;
    background-image: url(/images/icons/edit.svg);
    background-position: 15px center;
    background-repeat: no-repeat;
    background-size: 18px;
}
.users, .users:focus{
    height: 30px;
    padding: 4px 20px 4px 50px;
    background-image: url(/images/icons/groupUser.svg);
    background-position: 15px center;
    background-repeat: no-repeat;
}
.change b, .users b, .block b, .add b{
	display: none;
}
.add-button{
    height: 30px;
	background-color: #637a94;
    font-size: 12px;
    text-transform: uppercase;
    border-color: #637a94;
    border-radius: 8px !important;
    margin-left: 10px !important;
    padding: 4px 10px 4px 20px;
}
/****************orders*****************/
/*#orders{
	overflow: hidden;
}*/
.dataTable tbody > tr.selected {
    background-color: #f1f3f4 !important;
}
.dataTables_length {
    margin: 0 0 0px 20px;
    float: right !important;
}
#orders_table .text-highlight{
    text-transform: inherit;
    font-size: 12px;
    border-radius: 8px;
    padding: 2px 20px;
}

#orders_table .bg-danger-400 {
	background-color: #fff;
    border-color: #EF5350;
    color: #6a6a6a;
    padding: 0px 12px;
    border-radius: 20px;
    font-size: 10px;
    font-weight: 400;
    text-transform: inherit;
}

#orders_table .ig_redirect:hover {
    color: #bf1c80;
}



#statuses .scroll_tab_inner .status{
    font-size: 12px !important;
    color: #272727;
    position: relative;
    text-transform: inherit;
    padding: 0px 10px;
}
#statuses .scroll_tab_inner .status:before{
    content: "";
    position: absolute;
    width: 1px;
    background-color: #fff;
    z-index: 9;
    height: 30px;
    top: -6px;
    right: -1px;
}
.scroll_tabs_container {
    margin-bottom: 0 !important;
    height: 30px !important;
}
.breadcrumb-line:not([class*=bg-]) {
    background-color: transparent;
}
.breadcrumb-line:first-child {
    border-top-width: 0;
    border-bottom: none;
}
.breadcrumb-line{
	padding-left: 0px;
}
#orders_page{
    margin: 5px;
}
.ordersPage#orders_page{
    margin: 5px;
    -webkit-box-shadow: 0px -2px 20px -10px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px -2px 20px -10px rgba(0,0,0,0.5);
    box-shadow: 0px -2px 20px -10px rgba(0,0,0,0.5);
}
.scroll_tabs_container div.scroll_tab_inner span, .scroll_tabs_container div.scroll_tab_inner li {
    line-height: 26px !important;
}

.scroll_tabs_container .scroll_tab_left_button, .scroll_tabs_container .scroll_tab_right_button{
    height: 30px !important;
    background-color: #f1f3f4 !important;
}
#orders_page .breadcrumb-line:first-child {
    border-top-width: 0;
    border-bottom: none;
}
.scroll_tabs_container div.scroll_tab_inner {
	height: 30px !important;
}
#orders_page .scroll_tabs_container .scroll_tab_left_button::before {
    content: "\e9c4";
    font-family: "icomoon";
    font-size: 24px;
	line-height: 30px;
    padding-left: 7px;
}
#orders_page .scroll_tabs_container .scroll_tab_right_button::before {
    content: "\e9c7";
    font-family: "icomoon";
    font-size: 24px;
	line-height: 30px;
    padding-left: 7px;
}
.icon-spinner11:before {
    content: "\eb57";
}
#forFilters input, #orders_page .select2-selection, #orders_page .dropdown-toggle, #forFilters .bootstrap-select .dropdown-toggle{
    height: 20px;
    padding: 0px 12px 0px 12px;
    color: #777777;
    font-size: 12px;
    background-color: #fff;
    background-image: none;
    border: 1px solid #d0d0d0;
    border-radius: 4px;
    text-align: left;
    font-weight: 400;
    max-width: fit-content;
    min-width: 65px;
    margin: 2px 0px 2px 40px;
}
#forFilters select, #forFilters .input-group input{
    margin: 6px 0px 2px 6px;
}
#forFilters ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #777777;
  opacity: 1;
  font-weight: 400;
}
#forFilters ::-moz-placeholder { /* Firefox 19+ */
  color: #777777;
  opacity: 1;
  font-weight: 400;
}
#forFilters :-ms-input-placeholder { /* IE 10+ */
  color: #777777;
  opacity: 1;
  font-weight: 400;
}
#forFilters :-moz-placeholder { /* Firefox 18- */
  color: #777777;
  opacity: 1;
  font-weight: 400;
}
#orders_page .input-group-addon{
    background: transparent;
    border: none;
}
.caret:after {
    color: #9b9b9f;
    font-weight: 500;
}
.dropdown-toggle .position-left {
    margin-right: 0px;
}

#orders .breadcrumb-elements .input-group-addon {
    background-color: transparent;
    border: none;
}
#orders .breadcrumb-elements{
	display: flex;
    align-items: center;
    flex-direction: row;
    margin-top: 5px;
}
#orders .breadcrumb-elements input {
    height: 30px;
    padding: 7px 5px;
}
#orders .breadcrumb-elements .checker{
    margin-top: -4px;
}
.breadcrumb {
    padding: 10px 0px 5px 0px;
}
.button-background-circle{
    border-radius: 50px !important;
    background-color: transparent;
}
#novaposhta_options .btn-group .dropdown-toggle{
    width: 32px;
    height: 32px;
    border-radius: 50px;
    text-align: center;
    padding: 0px;
    background-color: transparent;
    border: none; 
}

/****************menu*****************/
.title-menu{
	font-size: 14px;
	color: #777777;
	font-weight: 400;
}
.sidebar-default {
    position: fixed;
    height: 100%;
    overflow-y: overlay;
}
.sidebar-default .navigation li.active > a, .sidebar-default .navigation li.active > a:hover, .sidebar-default .navigation li.active > a:focus {
    background-color: #f7f8ff;
    color: #0c4c94;
    position: relative;
}
.sidebar-default .navigation li li.active .title-menu{
	color: #0c4c94;
}
.sidebar-default .navigation li li.active > a:after{
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	width: 5px;
	height: 100%;
	background-color: #0c4c94;
}

.sidebar-xs .sidebar-main .navigation .menu-icon, .menu-icon{
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    vertical-align: sub;
}
.menu-icon {
    margin-right: 15px;
    margin-left: -5px;
}
.sidebar-xs .menu-icon {
    margin-right: 0px;
    margin-left: 0px;
}
.menu-icon-users{
    background-image: url(/images/icons/user.svg);
}
.menu-icon-cart2{
    background-image: url(/images/icons/korobka.svg);
}
.menu-icon-box2{
    background-image: url(/images/icons/tovar.svg);
}
.menu-icon-dots{
    background-image: url(/images/icons/analitik.svg);
}
.menu-icon-calls{
    background-image: url(/images/icons/trubka.svg);
}
.menu-icon-storage{
    background-image: url(/images/icons/cargo.svg);
}
.menu-icon-truck{
    background-image: url(/images/icons/cal.svg);
}
.menu-icon-settings{
    background-image: url(/images/icons/settings.svg);
}
.menu-icon-sms{
    background-image: url(/images/icons/mail_sms.svg);
}
.menu-icon-order{
    background-image: url(/images/icons/order.svg);
}
.menu-icon-telegram{
    background-image: url(/images/icons/telegram.svg);
}
.active .menu-icon-telegram{
    background-image: url(/images/icons/telegram_blue.svg);
}
.menu-icon-faq{
    background-image: url(/images/icons/faq.svg);
}
.menu-icon-trendcrm{
    background-image: url(/tpl/image/TrendCall.png);
}
.menu-icon-callcenter{
    background-image: url(/tpl/image/call_center.png);
}
.menu-icon-inbox{
    background-image: url(/tpl/image/InBox.svg);
}
.active .menu-icon-faq{
    background-image: url(/images/icons/faq_blue.svg);
}
.active .menu-icon-users{
    background-image: url(/images/icons/user_blue.svg);
}
.active .menu-icon-cart2{
    background-image: url(/images/icons/korobkab.svg);
}
.active .menu-icon-box2{
    background-image: url(/images/icons/tovar_blue.svg);
}
.active .menu-icon-dots{
    background-image: url(/images/icons/analitik_blue.svg);
}
.active .menu-icon-calls{
    background-image: url(/images/icons/trubka_blue.svg);
}
.active .menu-icon-storage{
    background-image: url(/images/icons/cargo_blue.svg);
}
.active .menu-icon-truck{
    background-image: url(/images/icons/cal_blue.svg);
}
.active .menu-icon-settings{
    background-image: url(/images/icons/settings_blue.svg);
}
.active .menu-icon-sms{
    background-image: url(/images/icons/mail_sms_blue.svg);
}
.active .menu-icon-order{
    background-image: url(/images/icons/order_blue.svg);
}
.active a:first-child .title-menu{
    color: #0c4c94;
}

.navigation li > .has-ul:after {
    content: "\ed5a";
    font-size: 12px;
}
.navigation li.active > .has-ul:after {
    content: "\ed5b";
    font-size: 12px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
.navigation > li > ul li:first-child {
    padding-top: 0px;
}
.navigation > li ul li a {
    padding: 9px 20px;
    padding-left: 56px;
    min-height: 38px;
}
.navigation > li a p.new_point {
    float: right;
    margin: -7px 3px 0px 0px;
    width: 7px;
    height: 7px;
    background: #ffb200;
    border-radius: 5px;
}
.navigation > li ul li a .new {
    float: right;
}

.navigation > li ul li a .new:after {
    /* float: right; */
    background: #ffb200;
    padding: 3px 5px;
    border-radius: 7px;
    color: black;
    content: "New!";
    width: 40px;
    height: 20px;
}

.navigation > li > ul li:last-child {
    padding-bottom: 0px;
}
/****************status_matrix*****************/
.form-horizontal.status_matrix-block{
	background-color: transparent;
	box-shadow: none;
}
.sp-preview .sp-preview-inner, .sp-preview .sp-clear-display {
    box-shadow: none;
    border-radius: 50px;
}
.sp-replacer {
    border: none;
    background-color: transparent;
}
.sp-preview{
    width: 25px;
    height: 25px;
    background-image: none;
}
table#status_matrix tr:first-child td {
    text-align: center;
    color: #232323;
    font-weight: 500;
    line-height: 14px;
    font-size: 14px;
    padding: 5px 5px;
    min-width: 140px;
}
#status_matrix tr td{
	padding: 0px 5px;
    line-height: 1;
}
#status_matrix .bootstrap-select{
    width: auto;
 	height: 30px;
    padding: 0px 12px;
    color: #252525;
    font-size: 12px;
    background-color: #fff;
    background-image: none;
    border: 1px solid #d0d0d0;
    border-radius: 8px;
    font-weight: 500;
}
.table-bordered tr:first-child > td, .table-bordered tr:first-child > th {
    border-top-color: transparent;
}
.table-responsive {
    border: none;
}

#integration{
    background-color: #fff;
    background-color: #fff;
    padding: 10px 20px;
}

#integration .panel-heading {
    margin-left: 0;
    border-bottom: 1px solid #e5e5e5;
    display: flex;
    align-items: center;
    font-size: 16px;
}

#integration .panel-title{
    font-size: 16px;
    color: #232323;
    font-weight: 700;
    text-transform: uppercase;
}

#integration input, #integration .multiselect-single{
	display: inline-block;
	max-width: 250px;
    min-width: 250px;
	height: 30px;
	padding: 5px 10px;
	color: #000000;
	font-size: 14px;
	background-color: #fff;
	background-image: none;
	border: 1px solid #d0d0d0;
	border-radius: 4px;
	text-align: left;
	font-weight: 400;
}

/****************analytics_page*****************/
#analytics_page{
    background-color: #fff;
    background-color: #fff;
    padding: 10px 20px;
}
#analytics_page .panel-heading{
	display: flex;
    align-items: center;
}
#analytics_page .multiselect-native-select{
    display: inline-block;
    max-width: 250px;
    width: 250px;
}
#analytics_page label{
    display: inline-block;
    font-size: 14px;
    color: #000000;
    min-width: 190px;
    font-weight: 500;
}
#analytics_page input, #analytics_page .multiselect-native-select button{
	display: inline-block;
    max-width: 250px;
    height: 30px;
    padding: 5px 10px;
    color: #000000;
    font-size: 14px;
    background-color: #fff;
    background-image: none;
    border: 1px solid #d0d0d0;
    border-radius: 8px;
    text-align: left;
    font-weight: 400;
}
#analytics_page .panel-title{
    font-size: 16px;
    color: #232323;
    font-weight: 700;
    text-transform: uppercase;
}
#order_statuses{
    background-color: #fff;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    padding: 20px;
}
#page_content .panel-body{
    padding: 10px;
}
#order_statuses div{
    font-size: 14px;
}
#page_content{
	margin: 0px 10px 15px 10px;
}
.content:first-child {
    padding-top: 5px;
}
#analytics_page .panel-heading {
    margin-left: 0;
    border-bottom: 1px solid #e5e5e5;
    display: flex;
    align-items: center;
}
.table-borderless h6{
    color: #232323;
    font-size: 16px;
}
.text-muted, #products_table .odd, #products_table .even{
    color: #777777;
    font-size: 14px;
}
#products_table .odd{
    background-color: #fafafa;
}
#products_table .even{
    background-color: #fff;
}
.icons-list .icon-menu7:before, .icons-list .caret:after{
    color: #0c4c94;
}

#urkposhta_account{
	max-width: 640px;
}
#urkposhta_account .panel-heading {
    margin-left: 0px;
}
.icon-gear:before {
	content: "";
    padding: 4px 10px;
    background-image: url(/images/icons/settings2.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
}
.icon-gear{
	margin-right: 0px;
}
.dropdown-toggle{
    margin-right: 0px;
    text-align: center;
}
.breadcrumb-elements > li.open > a, .breadcrumb-elements > li > a:hover, .breadcrumb-elements > li > a:focus {
    background-color: transparent;
}
.breadcrumb-elements > li > a {
    padding: 0;
}
.icon-spinner11:before {
    content: "";
    padding: 4px 10px;
    background-image: url(/images/icons/reboot.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
}
.icon-select-all:before {
    content: "";
    padding: 4px 10px;
    background-image: url(/images/icons/select-all.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
}
.icon-price-tag:before{
	content: "";
    padding: 4px 10px;
    background-image: url(/images/icons/otchet.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
}
.form-group {
    margin-bottom: 5px;
    position: relative;
}

/****************analytics_traffic_page*****************/
#analytics_traffic_page{
	background-color: #fff;
    padding: 10px 20px;
	-webkit-box-shadow: 0px 4px 18px -10px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 4px 18px -10px rgba(0,0,0,0.5);
	box-shadow: 0px 4px 18px -10px rgba(0,0,0,0.5);
}
#analytics_traffic_page .panel-heading {
	display: flex;
    margin-left: 0;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 20px;
    padding-bottom: 5px;
    align-items: center;
}
#analytics_traffic_page .panel-title{
    font-size: 16px;
    color: #232323;
    text-transform: uppercase;
    font-weight: 700;
}
.btn-primary:focus, .btn-primary.focus, .btn-primary:hover {
    background-color: #fff;
    border-color: #fff;
}
#analytics_traffic_page label{
    display: inline-block;
	font-size: 14px;
	color: #000000;
    min-width: 190px;
	margin-right: 10px;
	font-weight: 500;
}
#analytics_traffic_page input, #analytics_traffic_page .multiselect-native-select button{
	display: inline-block;
    max-width: 250px;
    height: 30px;
    padding: 5px 10px;
    color: #000000;
    font-size: 14px;
    background-color: #fff;
    background-image: none;
    border: 1px solid #d0d0d0;
    border-radius: 8px;
    text-align: left;
    font-weight: 400;
}
#analytics_traffic_table tr:first-child{
	font-size: 12px;
    font-weight: 500;
}
#analytics_traffic_table{
    border: none;
}
.analytics_traffic_page-block{
    padding: 0px;
    -webkit-box-shadow: 0px 4px 18px -10px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 4px 18px -10px rgba(0,0,0,0.5);
    box-shadow: 0px 4px 18px -10px rgba(0,0,0,0.5);
}
#analytics_traffic_page .panel-body{
    margin-left: 10px;
}
#analytics_traffic_page .multiselect-native-select{
    display: inline-block;
    max-width: 250px;
    width: 250px;
}
.multiselect-filter i{
    top: 0;
}

/****************order*****************/
legend{
	font-size: 16px;
	text-transform: uppercase;
	color: #232323;
	font-weight: 500;
	padding: 0;
	margin: 0px 0px 5px 0px;
}
#order_client .control-label, #order_products_table th, #order_delivery label{
    font-size: 12px;
    padding-top: 2px;
    color: #232323;
    font-weight: 500;
}
#order_client input, #order_delivery input{
	height: 30px;
    padding: 0px 12px;
    font-size: 12px;
}
#order_client textarea, #order_delivery select, #order_delivery .dropdown-toggle{
	height: 30px;
    padding: 0px 12px;
    color: #000000;
    font-size: 12px;
    background-color: #fff;
    background-image: none;
    border: 1px solid #d0d0d0;
    border-radius: 8px;
    text-align: left;
    font-weight: 400;
    max-width: 250px;
}
.clear-both{
	clear: both;
}
.order_products h5{
	color: #232323;
	font-size: 16px;
}
#order_products .checkbox-switchery input{
	height: 0px;
}
.fab-menu-top-right, .fab-menu-bottom-right {
	right: 40px;
}
.icon-phone2:before {
	content: "";
    padding: 3px 11px;
    background-image: url(/images/icons/trubka.svg);
    background-position: center;
    background-repeat: no-repeat;
}
.icon-bell3:before {
	content: "";
    padding: 3px 11px;
    background-image: url(/images/icons/bell.svg);
    background-position: center;
    background-repeat: no-repeat;
}
.icon-envelop3:before {
	content: "";
    padding: 3px 11px;
    background-image: url(/images/icons/mail_sms.svg);
    background-position: center;
    background-repeat: no-repeat;
}
.new-order .btn-icon{
	background-color: transparent;
}
.left-icon .btn-icon{
	border-radius: 50px;
	padding: 6px 3px !important;

}
.left-icon .btn-icon:hover{
	border-radius: 50px;
	border: 1px solid grey;
	background-color: #f1f1f1;
	border: 1px solid #d2d2d3;
}
.new-order .dropdown-toggle {
    margin-right: 0px;
}
.new-order .btn-icon.btn-xs {
    padding-left: 0px;
    padding-right: 0px;
}
.new-order{
    margin-left: 10px;
}
.icon-cross2:before {
    content: "\ed6a";
    color: #fff;
}
#order_products .table{
	box-shadow: none;
}

#order_products .table th, #order_products .table td {
    padding: 0px 2px 0 2px;
    text-align: center;
}
#order_products td, #order_products td input, #order_products td b{
    color: #000;
    font-weight: 400;
    margin: 1px !important;
}
.switchery-sm.checkbox-switchery {
    margin-left: 15px;
}
/****************groups*****************/

#group_users, #system_users{
	background-color: #fff;
	margin-top: 5px;
}
#menu_list_fieldset .form-group, #order_statuses_access .form-group, #shops_list_fieldset .form-group{
    border-bottom: 1px solid #ede9e9;
}

/****************select-list-page*****************/
.select-list-page .form-horizontal{
	padding-right: 20px;
}
/****************product_categories*****************/
.fancytree-active .fancytree-title {
    background-color: transparent;
}

#category_table .text-center{
	padding: 2px 0px;
}
.heading-elements:not(.visible-elements) .heading-text {
    margin-top: 3px;
}

/*****************atyribute***********************/
.form-control {
    display: inline;
    width: 100%;
    height: 30px;
    padding: 7px 12px;
    font-size: 12px;
    line-height: 1.5384616;
    color: #333333;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ddd;
    border-radius: 8px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    max-width: 250px;
  }

  /***************History*******************/
  #history {
    background-color: #fff;
    background-color: #fff;
    padding: 10px 20px;
    font-weight: 500;
  }

  #history .panel-heading {
    border-bottom: 1px solid #e5e5e5;
    margin-left: 0;
  }

  #history label {
    font-size: 14px;
	color: #000000;
	margin-right: 10px;
	font-weight: 500;
  }

.btn-small {
    border-radius: 5px;
    border-color: #0c4b91;
    padding: 0px 10px;
    display: inline;
}

.op-50 {
    opacity: 0.5 !important;
    pointer-events: none;
}

.centered {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.table .open .dropdown-menu {
    /* position: fixed; */
    display: block;
    -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
}

@media (min-width: 768px) {
.sidebar-xs .sidebar-main {
    width: 45px;
    overflow: visible;
}
}

@media (max-width: 768px) {
.sidebar-xs .sidebar-main {
    width: 100%;
    z-index: 999;
}
.datatable-header {
    margin-bottom: 5px;
}
.heading-elements:not(.not-collapsible), .breadcrumb-elements:not(.not-collapsible) {
    display: flex;
    justify-content: center;
    align-items: center;
}
.input-group-addon:last-child {
    border: 0;
    background: bottom;
}
.login-container .page-container .login-form {
    width: 300px;
}
.navbar-nav {
    text-align: center;
}
}

.autocomplete-suggestions {
    background: #ffffff;
    overflow-y: scroll;
}

.autocomplete-suggestions {
    min-width: 205px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.save-change {
    box-shadow: 0px 0px 5px 1px #43a047 !important;
}
.save-change:hover {
    box-shadow: 0px 0px 5px 3px #43a047 !important;
}

.input-change {
    box-shadow: 0px 0px 5px 1px #0322ff9e !important;
}

.sms_info {
    display: flex;
}

.sms_info span {
    padding: 5px;
}

.sms_info b {
    padding: 0 5px;
}

#modal_list_attachment_files .list_files {
    list-style-type: none;
    max-height: 400px;
    overflow-y: auto;
    display: flex;
    flex-wrap: wrap;
}

#modal_list_attachment_files .list_files li {
    cursor: pointer;
    border: 1px solid grey;
    margin: 2px;
    text-align: center;
    max-width: 150px;
}

#modal_list_attachment_files .list_files li:hover {
    box-shadow: 0px 0px 10px rgb(21, 153, 241);
    border-color: rgb(21, 153, 241);
}

#modal_list_attachment_files .list_files li img{
    max-width: 100px;
    max-height: 100px;
}
  
#modal_list_attachment_files .list_files li .name_file{
    font-size: 15px;
    padding: 3px;
    word-break: break-word;
}

/* вслывающее окно с картинкой*/
.popup {
    position: absolute;
    height:100vh;
    width:100vw;
    top:0;
    left:0;
    display: grid;
    justify-content: center;
    align-items: center;
    justify-items: center;
    z-index:10001;
}

.popup_bg {
    background:rgba(0,0,0,0.4);
    position:absolute;
    height:100%;
    width:100%;
}

.popup_img, .popup_video {
    position: relative;
    z-index:1001;
    max-height:95vh;
    max-width:95vw;
}

/* ----- */