@font-face {
	font-family: 'Roboto';
	src: url(fonts/Roboto-Regular.ttf);
	font-style: normal;
	font-weight: normal;
}
@font-face {
	font-family: 'Roboto';
	src: url(fonts/Roboto-Bold.ttf);
	font-style: normal;
	font-weight: bold;
}
*{
	box-sizing: border-box;
	outline: none;
}
*:focus,*:hover,*:active{
	outline: none;
}

body{
	font-family: 'Roboto',sans-serif;
	font-size: 14px;
	font-weight: normal;
	/*background-image: url(../images_common/body-bg.jpg);*/
	/*background-image: url(../images_common/body-bg-2.jpg);*/
	background-image: url(../images_common/body-bg-3.jpg);
	background-size: cover;
	background-position: center;
	margin: 0;
	padding: 0;
	position: relative;
}
button{
	cursor: pointer;
}
a{
	color: inherit;
}
.main_content{
	padding: 90px 30px 0;
	position: relative;
	overflow-x: auto;
	overflow-y: hidden;
	transition: all .5s ease;
	min-height: 100vh;
	/*height: 100vh;*/
}
.menu-showed .main_content{
	padding-left: 230px;
}
.all_menu{
	position: fixed;
	width: 100%;
	z-index: 100;
	top: 0;
	left: 0;
	transition: all .3s ease;
}
.all_menu.scrolled{
	background: rgba(255,255,255,1);
	box-shadow: 4px 2px 10px rgba(113, 137, 183, 0.25) inset;
}
.userline{
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 40px;
	padding: 8px 30px;
	background-color: #fff;
	box-shadow: 4px 2px 10px rgba(113, 137, 183, 0.25);
}
.scrolled .userline{
	/*box-shadow: 0 0 4px rgba(113, 137, 183, 0.25);*/
}
.userline>div{
	width: 30%;
}
.centerAlign,
.text-center{
	text-align: center;
}
.dotted_underline{
	color: #1E6CEB;
	text-decoration: underline;
	cursor: pointer;
}
.dotted_underline:hover{
	text-decoration: none;
}
.addbutton,
.btn{
	font-size: 16px;
	display: inline-flex;
	background: #EEF2FD;
	/*border: 1px solid #D5DCF0;*/
	border: 1px solid #28497F;
	border-radius: 6px;
	color: #28497F;
	transition: all .3s ease;
	filter: drop-shadow(4px 2px 10px rgba(113, 137, 183, 0.25));
	min-width: 130px;
	padding: 0 15px;
	height: 30px;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	cursor: pointer;
	white-space: nowrap;
}
.addbutton:hover,
.btn:hover{
	color: #fff;
	background: #2AD88F;
	border: 1px solid #2AD88F;
}
.btn-border{
	font-size: 14px;
	height: 28px;
	padding: 0 15px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	background: #FCFCFC;
	border: 1px solid #1392EC;
	color: #1392EC;
	border-radius: 6px;
	transition: all .3s ease;
	text-decoration: none;
	cursor: pointer;
}
.btn-border:hover{
	background: #1392EC;
	color: #fff;
	border-color: #1392EC;
}
.buttons{
	margin-right: -5px;
	margin-left: -5px;
}
.buttons .btn{
	margin-right: 5px;
	margin-left: 5px;
	min-width: auto;
}
.d-flex{
	display: flex;
}
.a-center{
	align-items: center;
}
.j-center{
	justify-content: center;
}
.j-between{
	justify-content: space-between;
}
.j-end{
	justify-content: flex-end;
}
.f-wrap{
	flex-wrap: wrap;
}

.account-actions>div{
	position: relative;
	display: flex;
	align-items: center;
}
.account-actions>a{
	margin-left: 20px;
}
.account-actions a{
	display: inline-flex;
	align-items: center;
	text-decoration: none;
	color: #1E3968;
}
.account-actions a img{
	margin-right: 8px;
}
.show_main_menu{
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border: none;
	background: none;
	padding: 10px;
}
.main_menu{
	position: absolute;
	z-index: 100;
	left: 0;
	top: 40px;
	transform: translateX(-100%);
	transition: all .5s ease;
	color: #fff;
}
.menu-showed .main_menu{
	transform: translateX(0);
}
.main_menu ul{
	padding: 0;
	margin: 0;
	background: #28497F;
	border-radius: 0 6px 6px 0;
	width: 200px;
	list-style-type: none;
}
.main_menu ul li{
	position: relative;
	z-index: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 36px;
	padding: 5px 15px 5px 20px;
	
}
.main_menu ul li:not(.oSubMenu){
	cursor: pointer;
}
.main_menu ul li label{
	font-size: 0;
}
.main_menu ul li:hover{
	background: #1E3968;
}
.main_menu ul li+li{
	border-top: 1px solid #7189B7;
}

.oSubMenu>ul{
	position: absolute;
	left: 100%;
	z-index: -1;
	top: 0;
	opacity: 0;
	visibility: hidden;
	transform: translateX(-30px);
	background: #1E3968;
}
.oSubMenu:hover>ul{
	visibility: visible;
	opacity: 1;
	transform: translateX(0);
	transition:all .5s ease;
}
.oSubMenu>ul li:hover{
	background: #7189B7;
}

.navbar.non_main_menu{
	display: flex;
	align-items: flex-start;
	transition: all .5s ease;
	/*padding: 15px 30px;*/
	padding: 5px 30px;
}
.menu-showed .navbar.non_main_menu{
	padding-left: 230px;
}
.navbar ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: flex;
	width: 100%;
	overflow: hidden;
}
.navbar ul li{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	height: 34px;
	padding: 0 12px;
	border-radius: 6px;
	color: #28497F;
	white-space: nowrap;
	font-size: 16px;
	border: 1px solid #28497F;
	margin-right: 2px;
	margin-left: 2px;
}
.navbar ul li.curr_menu{
	color: #fff;
	background: #28497F;
}
.navbar.non_main_menu button{
	background: rgba(231, 244, 255, 0.7);
	border-radius: 6px;
	width: 34px;
	min-width: 34px;
	height: 34px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border: none;
	padding: 0;
	transition: all .3s  ease;
}
.navbar.non_main_menu .menuNext{
	margin-left: 10px;
}
.navbar.non_main_menu .menuPrev{
	margin-right: 10px;
}
.navbar.non_main_menu button:hover{
	background-color: #1392EC;
}
.navbar.non_main_menu button:hover path{
	stroke: #fff;
	transition: all .3s ease;
}

#popup_btn_userMenu{
	position: absolute;
	z-index: 10;
	right: 0;
	top: 100%;
	background-color: #fff;
	box-shadow: 4px 2px 10px 4px rgba(113, 137, 183, 0.25);
	border-radius: 6px;
	padding: 5px;
	width: 140px;
}
#popup_btn_userMenu table{
	width: 100%;
}
#popup_btn_userMenu td{
	padding: 5px;
	cursor: pointer;
}
#popup_btn_userMenu td:hover{
	text-decoration: underline;
}


.breadcrumbs{
	font-size: 18px;
	line-height: 21px;
	margin-bottom: 10px;
	color: #28497F;
}
.breadcrumbs .breadcrumbs{
	margin-bottom: 0;
}
.breadcrumbs a{
	color: inherit;
	text-decoration: underline;
}
.breadcrumbs a:hover{
	text-decoration: none;
}
.white-box{
	background: #fff;
	box-shadow: 4px 2px 10px 4px rgba(113, 137, 183, 0.25);
	border-radius: 6px;
	padding: 30px;
}
.default-table-wrap table{
	background: #fff;
	box-shadow: 4px 2px 10px 4px rgba(113, 137, 183, 0.25);
	border-radius: 6px;
	border-collapse: collapse;
	overflow: hidden;
	color: #64728C;
}
.default-table-wrap table thead td+td:before{
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 20px;
	background: #56B5F8;
}
.default-table-wrap table thead td{
	background: #1392EC;
	color: #fff;
	padding: 15px;
	position: relative;
	text-align: center;
}
.default-table-wrap table thead td a{
	text-decoration: underline;
}
.default-table-wrap table thead td a:hover{
	text-decoration: none;
}
.default-table-wrap table td{
	padding: 15px;
}
.default-table-wrap table tbody tr:nth-child(even) td{
	background: #F5FBFC;
}
.default-table-wrap table tbody tr:not(.table-actions):hover td{
	background: #D4E6F7;
	color: #28497F;
}

.secondary-table-wrap tbody tr:not(.table-actions):hover td{
	background: #D4E6F7;
	color: #28497F;
}

.secondary-table-wrap .real-hint tbody tr:nth-child(even) td{
	background: #F5FBFC;
}
.secondary-table-wrap .real-hint tbody tr:nth-child(odd) td{
	background: #F2F4F7;
}
.secondary-table-wrap .real-hint tbody tr:hover td{
	background: #D4E6F7;
	color: #28497F;
}


.table-actions td{
	padding: 8px 15px;
}
.table-actions .btn-border,
.table-actions .btn{
	margin-left: 11px;
	text-decoration: none;
}
.table-actions .btn-border{
	height: 30px;
	font-size: 16px;
}
.table-actions table{
	background: none;
}
.table-actions table td{
	padding: 0;
}

#popup-right {
	height: calc( 100% - 80px);
	width: 1000px;
	top: 0;
	right: -1020px;
	margin-top: 57px;
	z-index: 101;
	background: #fff;
	box-shadow: 4px 2px 10px 4px rgba(31, 45, 72, 0.5);
	border-radius: 6px;
	overflow-y: auto;
	position: fixed;
	max-width: 95%;
}
.popup-table{
	height: calc(100% - 39px);
}
.mCSB_inside>.mCSB_container{
	margin-right: 11px;
}
.mCSB_scrollTools .mCSB_draggerContainer{
	border-left: 1px solid #F2F4F7;
}
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{
	background: #D5DCF0 !important;
	border-radius: 2px;
	width: 3px;
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width: 3px;
	background: #1392EC !important;
	border-radius: 2px;
}

#popup-right a {
	display: inline !important;
}
.btn-close-pr {
	position: absolute;
	top: 10px;
	right: 20px;
	cursor: pointer;
	background-image: url(../images_common/close-w.svg);
	background-position: center;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
}
.ui-widget-overlay,
.widget-overlay {
	z-index: 100;
    background: rgba(61, 76, 105, 0.8);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
}

#popup-right>b{
	display: block;
	font-weight: normal;
	text-align: left;
	padding: 10px 20px;
	font-size: 16px;
	color: #fff;
	background: #1392EC;
}
#popup-right table{
	border-collapse: collapse;
	color:#64728C;
}
#popup-right table td{
	padding: 15px 20px;
	border-bottom: 1px solid #F2F4F7;
}
#popup-right table td table td{
	border: 1px solid #F2F4F7;
}
#popup-right table tr:hover td{
	background-color: #F5FBFC;
}
#crm-tasks-filter .crm-tasks-filter,
#searchPayments_filter,
#searchPAs_filter,
#searchReturns_filter,
#po_filter{
	padding: 10px 30px 30px;
	background-color: #fff; 
	display: none; 
	position: fixed; 
	z-index: 101;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	box-shadow: 4px 2px 10px 4px rgba(31, 45, 72, 0.5);
	border-radius: 6px;
}
#searchPayments_filter td,
#searchPAs_filter td,
#searchReturns_filter td,
#po_filter td{
	padding: 8px;
	color: #28497F;
	font-size: 16px;
}
#searchPayments_filter td:nth-child(3),
#searchPayments_filter td:first-child,
#searchReturns_filter td:nth-child(3),
#searchReturns_filter td:first-child,
#po_filter td:nth-child(3),
#po_filter td:first-child{
	text-align: right;
}
input[type=password],
input[type=text]{
	background-color: #FFFFFF;
	border: 1px solid #D5DCF0;
	height: 30px;
	line-height: 28px;
	min-width: 180px;
	padding: 0 10px;
}
textarea{
	background-color: #FFFFFF;
	border: 1px solid #D5DCF0;
	padding: 5px 10px;
	font-family: "Roboto", sans-serif;
}
textarea:focus,
input[type=text]:focus,
.nice-select:active, .nice-select.open, .nice-select:focus{
	border-color:  #1392EC;
}
.radio-label,
.checkbox-label,
form label{
	position: relative;
}
.radio-label input[type=radio],
.checkbox-label input[type=checkbox],
form label input[type=checkbox]{
	position: absolute;
	visibility: hidden;
}
.radio-label input[type=radio]+span,
.checkbox-label input[type=checkbox]+span,
form label input[type=checkbox]+span{
	position: relative;
	display: inline-block;
	padding-left: 24px;
	margin-bottom: 15px;
	cursor: pointer;
}
.checkbox-label input[type=checkbox]+span:before,
form label input[type=checkbox]+span:before{
	content: '';
	display: block;
	position: absolute;
	left: 0;
	width: 16px;
	height: 16px;
	background-image: url(../images_common/chkbox_un.png);
	background-repeat: no-repeat;
	background-position: center;
}
.checkbox-label input[type=checkbox]:checked+span:before,
form label input[type=checkbox]:checked+span:before{
	background-image: url(../images_common/chkbox.png);
}

.radio-label input[type=radio]+span:before{
	content: '';
	display: block;
	position: absolute;
	left: 0;
	width: 16px;
	height: 16px;
	border-radius: 8px;
	border: 1px solid #D5DCF0;
}
.radio-label input[type=radio]:checked+span:after{
	content: '';
	display: block;
	position: absolute;
	width: 8px;
	height: 8px;
	border-radius: 4px;
	background: #2AD88F;
	left: 5px;
	top: 5px;
}



.datepicker-here{
	background-image: url(../images_common/calendar.svg);
	background-repeat: no-repeat;
	background-position: 95% 50%;
	min-width: 110px !important;
}
.nice-select{
	height: 30px;
	line-height: 28px;
	border-radius: 0;
	border-color: #D5DCF0;
	padding-left: 10px;
	width: 100%;
	float: none;
}
.nice-select .option{
	line-height: 30px;
	min-height: 30px;
}
.nice-select .list{
	border-radius: 0;
	margin-top: 0;
	min-width: 100%;
	max-height: 250px;
	overflow-y: auto;
}

#left-block{
	width: 350px;
	min-width: 350px;
	vertical-align: top;
	position: relative;
	z-index: 0;
}
.ui-dialog #left-block,
.white-box #left-block{
	color: #fff;
	font-size: 16px;	
}
.ui-dialog #left-block:before,
.white-box #left-block:before{
	content: '';
	display: block;
	top: -30px;
	bottom: -30px;
	left: -30px;
	right: -15px;
	background: #1392EC;
	position: absolute;
	z-index: -1;
	border-radius: 6px 0 0 6px;
}
.ui-dialog #left-block:before{

}
.ui-dialog #left-block a,
.white-box #left-div .current a,
.white-box #left-block a{
	color: #fff;
	text-decoration: underline;
}
.ui-dialog #left-block a:hover,
.white-box #left-div .current a:hover,
.white-box #left-block a:hover{
	text-decoration: none;
}

.ui-dialog .lnk_cursor:hover {
    cursor: pointer;
    text-decoration: underline;
    color: #fff;
}


.sidebar{
	background: #fff;
  box-shadow: 4px 2px 10px 4px rgba(113, 137, 183, 0.25);
  border-radius: 6px;
  margin-right: 30px;
  padding: 15px;  
}
#left-div img{
	vertical-align: text-top;
}

#left-div ul{
	list-style-type:none;
	padding: 0;
}
#left-div ul li{
	margin-bottom: 10px;
	
}
.lnk_cursor:hover{
	cursor: pointer;
	text-decoration: underline;
	color: #1E6CEB;
}
#left-div ul li ul{
	margin-top: 5px;
}
#left-top form{
	display: flex;
}
#left-top form input[type=text]{
	width: 100%;
	margin-right: 5px;
}
#left-top form .btn-border{
height: 30px;
}


#right-block{
	position: relative;
	padding-left: 30px;
	vertical-align: top;
	width: 100%;
}
#customerOrders table,
#pr_stor table,
#right-block table{
	border-collapse: collapse;
	border: 1px solid #F2F4F7;
}
#customerOrders  .gridsheader td,
#pr_stor .gridsheader td,
#right-block .gridsheader td{
	background-color: #D4E6F7;
	color: #28497F;
	padding: 10px 20px;	
}
#right-block .gridsheader td a{
	text-decoration: none;
}
#customerOrders .gridline1 td, 
#customerOrders .gridline td,
#pr_stor .gridline1 td,
#pr_stor .gridline td,
#right-block .gridline1 td,
#right-block .gridline td{
	border-bottom: 1px solid #F2F4F7;
	padding: 10px 20px;
	color: #64728C;
	text-align: left;
}
#customerOrders .gridline1 td,
#pr_stor .gridline1 td,
#right-block .gridline1 td{
	background: #F5FBFC;
}
#customerOrders>table td{
	padding: 10px 15px;
}
#pr_stor{
	padding: 20px;
}
#right-block>h2{
	margin-top: 0;
	color: #28497F;
}
#right-block .pagination{
	padding: 10px 20px;
}


#cas_list{
	padding-bottom: 30px
}
#cas_nav{
	left: 0;
	padding-left: 30px;
	background-color: #fff;
	margin: 0 !important;
}



.dropdown-wrap{
	position: relative;
}
.dropdown{
	list-style-type: none;
	margin: 0;
	position: absolute;
	top: 100%;
	right: 0;
	background: #FFFFFF;
	box-shadow: 4px 2px 10px 4px rgba(113, 137, 183, 0.25);
	border-radius: 6px;	
	padding: 15px;
}
.popup-button-popup-menu{
	background: #FFFFFF;
	box-shadow: 4px 2px 10px 4px rgba(113, 137, 183, 0.25);
	border-radius: 6px;	
	padding: 15px;
	
}

.secondary-table-wrap{
	margin-right: -30px;
	margin-left: -30px;
}
.secondary-table-wrap table{
	width: 100%;
	border-collapse: collapse;
}
.secondary-table-wrap table td{
	padding: 15px;
}
.secondary-table-wrap table thead td{
	background: #D4E6F7;
	color: #28497F;
	text-align: center;
}
.secondary-table-wrap table tfoot td,
.secondary-table-wrap table tbody td{
	border-bottom: 1px solid #F2F4F7;
}
.secondary-table-wrap .dotted_underline{
	text-decoration: underline;
	color: #1E6CEB;
	cursor: pointer;
}
.secondary-table-wrap .dotted_underline:hover{
	text-decoration: none;
}
.copyright{
	text-align: center;
	/*position: absolute;*/
	/*left: 0;*/
	/*!*bottom: 100px;*!*/
	/*bottom: 0;*/
	width: 100%;
	color: #28497F;
	font-size: 14px;
}

.ui-dialog{
	padding: 0;
}
.ui-dialog .ui-dialog-titlebar-close{
	border: none;
	background: url(../images_common/close-w.svg) no-repeat center;
}
.ui-dialog .ui-dialog-titlebar-close span{
	visibility: hidden;
}
.ui-widget-header{
	background: #1392EC;
	color: #fff;
	padding: 10px 20px !important;
	font-weight: normal;
	border-color: #1392EC;
	border-radius: 0;
	border-bottom-color: #fff;
}
.ui-datepicker .ui-datepicker-header{
	background: #1392EC;
	border-radius: 6px 6px 0 0;
	padding: 10px 20px;
	margin-right: -10px;
	margin-left: -10px;
}
.ui-datepicker{
	padding: 0 10px 10px;
	width: auto;
}
.ui-widget.ui-widget-content{
	border: none;
	background: none;
	box-shadow: 4px 2px 10px 4px rgba(113, 137, 183, 0.25);
	border-radius: 6px;
	overflow: hidden;
}
.ui-dialog .ui-dialog-content{
	background: #fff;
}
.ui-dialog .ui-dialog-buttonpane{
	border-radius: 0 0 6px 6px
}
.ui-datepicker th{
	letter-spacing: 0.043em;
	color: #3D4C69;
	font-weight: normal;
	text-transform: uppercase;
	padding-top: 15px;
}
.ui-datepicker{
	background: #fff !important
}
.ui-datepicker td{
	padding: 0;
}
.ui-datepicker td span, .ui-datepicker td a{
	border: none;	
	background: none;	
	padding: 8px 12px;
	text-align: center;
	color: #3D4C69;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{
	border: none;
	background: none;
}
.ui-state-active, .ui-widget-content .ui-state-active,
.ui-datepicker td a:hover{
	background: #eee;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight{
	color: #1E6CEB;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{
	top: 50%;
	transform: translateY(-50%);
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span{
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	margin: 0;
}
.ui-datepicker .ui-datepicker-prev span{
	background-image: url(../images_common/arrow-left.svg);
}
.ui-datepicker .ui-datepicker-next span{
	background-image: url(../images_common/arrow-right.svg);
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{
	height: 30px;
	border: none;
	margin-right: 2px;
	margin-left: 2px;
}


#left-block{
	vertical-align: top;
}

#settings-tabs > div, #settings-tabs > input { display: none; }

#settings-tabs label { padding: 5px; border: 1px solid #ABD4FF; line-height: 28px; cursor: pointer; position: relative; bottom: -1px; background: #EBF5FF; color: rgb(10, 64, 120); }

#settings-tabs input[type="radio"]:checked + label,
#settings-tabs input[type="radio"]:checked + label:hover{ border-bottom-color: #fff; background: #fff; color: rgb(10, 64, 120);}

#settings-tabs label:hover { background: #ABD4FF; color: #ffffff; }

#settings-tabs > input:nth-of-type(1):checked ~ div:nth-of-type(1),
#settings-tabs > input:nth-of-type(2):checked ~ div:nth-of-type(2),
#settings-tabs > input:nth-of-type(3):checked ~ div:nth-of-type(3),
#settings-tabs > input:nth-of-type(4):checked ~ div:nth-of-type(4),
#settings-tabs > input:nth-of-type(5):checked ~ div:nth-of-type(5){ display: block; }

#settings-tabs > label,
.nav-tabs .nav-item .nav-link{
	display: inline-block;
	text-align: center;
	border: 1px solid #1392EC;
	box-sizing: border-box;
	border-radius: 6px 6px 0 0;
	background: #D4E6F7;
	color: #28497F;
	white-space: nowrap;
	font-size: 16px;
	padding: 0 20px;
	min-width: 136px;
	line-height: 34px;
	margin-right: 4px;
}

.nav-tabs .nav-item .nav-link{
	text-decoration: none;
	position: relative;
	bottom: -1px;
}


#settings-tabs > input:checked+label{
	background: #FFFFFF;
}
#settings-tabs>div{
	background: #fff;
	padding: 20px;
	border: 1px solid #1392EC;
}
#settings-tabs>div table{
	border-collapse: collapse;
}
#settings-tabs>div table td{
	padding: 15px;
	border: 1px solid #F2F4F7;
}


.nav-tabs{
	list-style-type: none;
	display: flex;
	padding: 0;
	margin: 0;
}

.nav-tabs .nav-item .nav-link.active,
.nav-tabs .nav-item .nav-link:hover{
	background: #fff;
}
.nav-tabs .nav-item .nav-link.active{
	border-bottom-color: #fff;
}
.tab-content{
	background: #fff;
	padding: 20px;
	border: 1px solid #1392EC;
	margin-bottom: 20px;
}
.tab-content .tab-pane{
	display: none;
}
.tab-content .tab-pane.active{
	display: block;
}


.filter-table table{
	border-collapse: collapse;
}
.filter-table table td{
	font-size: 12px;
	padding: 5px 0;
}
.filter-table table td:last-child{
	color: #28497F;
}
input[type="date"],
input[type="time"]{
	font-size: 20px;
	border: 1px solid #1392EC;
	color: #28497F;
	font-family: 'Roboto', sans-serif;
	padding: 0 5px;
}
input[type="time"]:focus{
	border-color: #1392EC;
}
.popup-button-popup-menu td:hover{
	text-decoration: underline;
	cursor: pointer;
}

#selEMail input{
	width: 100%;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{
	float: none;
	display: flex;
	justify-content: space-between;
}
.ui-dialog .ui-dialog-buttonpane button{
	    font-size: 16px;
    display: inline-flex;
    background: #EEF2FD;
    border: 1px solid #D5DCF0;
    border-radius: 6px;
    color: #28497F;
    transition: all .3s ease;
    filter: drop-shadow(4px 2px 10px rgba(113, 137, 183, 0.25));
    min-width: 130px;
    padding: 0 15px;
    height: 30px;
    margin: 5px 0;
}
.ui-dialog .ui-dialog-buttonpane button:hover{
		color: #fff;
    background: #2AD88F;
    border: 1px solid #2AD88F;
}

#caInfoDetail{
	box-shadow: none;
	margin-top: 10px;
	border-radius: 0;
}
#caInfoDetail td{
	padding: 5px;
	background: none
}
#left-div a{
	cursor: pointer;
	color: #28497F;
}
#left-div .current a{
	color: #1E6CEB;
}
.add_order_ca:hover td, .add_ca:hover td{
	background-color: #f1f1f1 !important;
}
.default-table-wrap table thead td svg{
	fill: #fff
}
#right-block .gridsheader td svg{
	fill: #28497F;
}
.real-hint{
	display: none;
	position: absolute;
	padding: 15px;
	background: #fff;
	border-radius: 6px;
	box-shadow: 4px 2px 10px 4px rgb(113 137 183 / 25%);
}
.real-hint table{
	margin-top: 15px;
}
.operation-form-top{
	border-collapse: collapse;
}
.operation-form-top td{
	padding: 15px 0;
	vertical-align: top;
}
.operation-form-top table td{
	padding: 0;
}
/*.operation-form-top #caInfo{
	display: none;
}*/

/*#pr_stor table {
	border-collapse: collapse;
	border: 1px solid #F2F4F7;
}
#pr_stor table td{
	border-bottom: 1px solid #F2F4F7;
  padding: 10px 20px;
  color: #64728C;
  text-align: left;
}*/

.divider{
	width: 100%;
	height: 1px;
	background-color: #F2F4F7;
	margin: 15px 0;
}
.divider-dark {
	width: 100%;
	height: 1px;
	background-color: #1392EC;
	margin: 3px 0;
}

.pagination {
	display: flex;
	align-items: center;
	line-height: 16px;
	font-size: 0;
}
.pagination a{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	margin-right: 5px;
	margin-left: 5px;
	color: #28497F;
	font-size: 14px;
	min-width: 16px;
	padding-top: 2px;
}
.pagination .faq{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #EEF2FD;
	border-radius: 2px;
	min-width: 16px;
	font-size: 14px;
	font-weight: normal;
	padding-top: 2px;
}
.pagination .faq b{
	font-weight: normal;
}
.pagination a:first-child{
	border-radius: 2px;
	width: 16px;
	height: 16px;
	font-size: 0;
	background: #EEF2FD url(../images_common/pagi-prev.svg) no-repeat center;
}
.pagination a:last-child{
	border-radius: 2px;
	width: 16px;
	height: 16px;
	font-size: 0;
	background: #EEF2FD url(../images_common/pagi-next.svg) no-repeat center;
}

#cat_tree_short, #stfgroup_tree_short, #group_tree_short{
	background: none !important;
	padding: 0;
	margin: 0 !important;
	border-radius: 0 !important;
	list-style-type: none; 
}

#holidays-tabs .d-flex{
	margin-right: -10px;
	margin-left: -10px;
}
.b-calendar--many{
	width: calc(25% - 20px)
}
.columns-list{
	list-style-type: none;
	padding: 0;
	margin: 0;
	columns: 2;
}

.photo-file input,
.custom-file input{
	visibility: hidden;
	position: absolute;
}

.card table td{
	padding: 10px;
}
.card table td input[type=text]{
	width: 100%;
}
#photo{
	padding: 10px;
}
#photo>div{
	margin-right: 10px;
}
.ui-tabs{
	padding: 0 !important;
	box-shadow: none !important;
	border-radius: 0 !important;
}
.ui-tabs .ui-widget-header{
	padding: 0 !important;
	background: none;
	border: none;
}
.ui-tabs .ui-tabs-nav{

}
.ui-tabs .ui-tabs-nav li{
	margin: 0;
	padding: 0;
}
.ui-tabs .ui-tabs-nav li a{
	/*background: #FFFFFF;*/
	border: 1px solid #1392EC;
	box-sizing: border-box;
	border-radius: 6px 6px 0 0;
	margin-right: 4px;
	font-size: 16px;
	line-height: 34px;
	color: #28497F;
	padding: 0 20px !important;
	min-width: 136px;
	background: #D4E6F7;
	position: relative;
	bottom: -1px;
}
.ui-tabs .ui-tabs-panel{
	background: #fff;
	padding: 20px;
	border: 1px solid #1392EC;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin: 0;
	padding: 0;
	background: none !important;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a{
	border-bottom-color: #fff;
	background-color: #fff;
}
.stateColor input{
	width: 70px;
	min-width: 70px;
	float: left;
}
.card table .row{
	display: flex;
	align-items: center;
}
.card table .p-0{
	margin-left: 10px;
}
.card table img{
	vertical-align: middle;
}

#images .card img{
	max-width: 100%;
}
.delete_picture_handlers{
	display: block;
	min-width: 15px; 
}

@media screen and (max-width: 1199px) {
	.wrapper{
		position: relative;
		overflow: hidden;
		padding-top: 104px;
	}
	.main_content{
		padding-top: 0;
		width: 1200px;
		min-width: 1200px;
		transform-origin: 0 0;
		transition: 0s;
	}
	.navbar.non_main_menu,
	.main_content,
	.userline{
		padding-left: 15px;
		padding-right: 15px;
	}
	.menu-showed .main_content,
	.menu-showed .navbar.non_main_menu {
		padding-left: 15px;
	}
	.default-table-wrap,
	.white-box{
		overflow-x: auto;
	}
	.default-table-wrap table td,
	.secondary-table-wrap table td{
		padding: 10px;
	}
	.buttons{
		flex-wrap: wrap;
	}
	.buttons .btn{
		margin-bottom: 10px;
	}
	.white-box {
		padding: 15px;
	}
	.secondary-table-wrap {
    margin-right: -15px;
    margin-left: -15px;
	}
}
@media screen and (max-width: 767px){
	.account-actions>a{
		display: none;
	}
	#btn_userMenu{
		font-size: 0;
	}
	.breadcrumbs{
		font-size: 12px;
	}
	#menu_dragable{
		display: none;
		position: absolute;
		background: #fff;
		border-radius: 6px;
		width: 	calc(100% - 30px);	
		left: 15px;	
		top: 100%;	
		padding: 15px 20px;
		height: 300px;
		box-shadow:  4px 2px 10px 4px rgb(113 137 183 / 25%);
	}
	#menu_dragable li{
		display: flex;	
	}

	.navbar.non_main_menu button.show-pages{
		display: flex;
		width: 100%;
		text-align: center;
		position: relative;
		background: #fff;
		border: 1px solid #28497F;
		color: #28497F;
	}
	.navbar.non_main_menu button.show-pages:after{
		content: '';
		display: block;
		position: absolute;
		width: 34px;
		height: 34px;
		top: 0;
		right: 0;
		background-image: url(../images_common/arrow-down-sign-to-navigate.svg);
		background-position: center;
		background-repeat: no-repeat;
	}
	.navbar.non_main_menu button.open.show-pages:after{
		transform: rotate(180deg);
	}
	.mCSB_outside+.mCSB_scrollTools{
		right: 0;
		top: 10px;
		bottom: 10px;
	}
	#popup_btn_userMenu{
		width: 230px;
	}
	#popup_btn_userMenu td{
		padding: 15px;
		font-size: 20px;
	}
	#searchPayments_filter, #searchReturns_filter, #po_filter, #searchPAs_filter {
		top: 0;
		transform: translate(-50%,0);
	}
	.main_menu{
		display: none;
	}
	.menu-showed .main_menu{
		display: block;
	}
}

.mob-orientation{
	display: none;
	position: fixed;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background: rgba(61, 76, 105, 0.8);
	z-index: 999;
}
@media (orientation: portrait) and (max-width: 767px){
	.mob-orientation{
		display: flex;
	}
}
@media (orientation: landscape) and (max-width: 767px){
	.mob-orientation{
		display: none;
	}
}


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

#product_list tr:hover{
	cursor: pointer;
}
#product_list tr:hover td{
	background: #eee
}
#selSearchForm #selexptype{
	margin-left: auto;
	margin-right: 0;
	margin-bottom: 10px;
}
.ui-dialog #selSearchForm #left-block:before{
	top: -54px;
}
.goto{
	cursor: pointer;
}
.goto:hover td{
	background: #fafafa
}
#message-block{
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 20;
	top: 0;left: 0;	
	background: rgba(61, 76, 105, 0.8);
}
#message-block > div{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: #fff;
	box-shadow: 4px 2px 10px 4px rgb(113 137 183 / 25%);
  border-radius: 6px;
  width: 350px;
  padding: 50px 30px;
  font-size: 20px;
  text-align: center;
}

.success_message>div{
	text-align: center;

}

.success_block>div{
	border: 3px solid #26B273;
	background-color: #D1F7CF;
	padding: 10px;
	margin: 10px;
	font-weight: bold;
}
.error_block>div{
	border: 3px solid #C75A5A;
	background-color: #F7CFCF;
	padding:10px;
	margin: 10px;
	font-weight: bold;
}
.error_flag>div{
	color: red;
	font-weight: bold;
}


.comment_block>div{
	border: 0;
	background-color: #fafae7;
	padding:10px;
	margin: 10px;
}
.import-form table{
		border-collapse: collapse;
		border: none;	
		width: 100%;	
}
.import-form table td{
	padding: 10px 15px;
}
.import-form>b{
	display: block;	
	margin-bottom: 10px;	
}

.border-top {
	border-collapse: collapse;
	border-top: 1px solid #1392EC;
}
.border-bottom {
	border-collapse: collapse;
	border-bottom: 1px solid #1392EC;
}
.border-left {
	border-collapse: collapse;
	border-left: 1px solid #1392EC;
}

.w-100 {
	width: 100%;
}

.errorinput {
	border-color: #b21f2d !important;
}

#accountInvoices table tbody tr:nth-child(even) td,
#add_field_area tbody tr:nth-child(even) td {
	background: #F5FBFC;
}
#accountInvoices table tbody tr:not(.table-actions):hover td,
#add_field_area tbody tr:not(.table-actions):hover td {
	background: #D4E6F7;
	color: #28497F;
}

#left-top form div {
	position: absolute;
	top: 33px;
	font-size: 0.8em;
	width: 100%;
}
.float-right {
	float: right !important;
}
.centerAlign,
.text-center{
	text-align: center;
}
.rightAlign,
.text-right{
	text-align: right !important;
}
.crm-task-placeholder {
	width: 370px;
	/* height: 200px; */
	margin: 0 0 20px;
	border: 1px solid #28497F;
	border-radius: 6px;
	padding: 15px;
	transition: box-shadow .3s ease;
}

.product-warehouse tbody table tr:nth-child(even) td{
	background: #F5FBFC;
}

.product-warehouse table tbody tr:hover td{
	background: #D4E6F7 !important;
	color: #28497F;
}

.goto_pa {
	cursor: pointer;
}

#AmountMU, #Amountmarkup, #p_order_amount {
	font-weight: bold;
}

.button_remove {
	background-image: url(../images_common/remove.png);
	cursor: pointer;
	width: 16px;
	height: 16px;
}

#docs-list {
	border: 1px solid #000000;
	padding: 15px;
}

#ajax-loaderb {
	display: none;
	position: fixed;
	height: 50px;
	width: 50px;
	z-index: 9999;
	background: url('../images_common/loaderb.gif') no-repeat;
}

#addmorder td {
	padding: 5px;
}

#left-block div.current {
	padding: 3px 0 3px 7px;
	background-color: #ffffff;
	border: 0;
	border-right-width: 2px;
	border-radius: 10px 0 0 10px;
}
#left-block div.current a{
	color: #1E6CEB !important;
	text-decoration: none !important;
}
#left-block div.current {
	text-decoration: none;
}

#ord_prod_search #left-block .current {
	color: #1E6CEB !important;
	text-decoration: none !important;
}

#ord_prod_search #left-block .current .lnk_cursor:hover {
	cursor: pointer;
	text-decoration: underline;
	color: #1E6CEB !important;
}

.exppm {
	cursor: pointer;
}

.secondary-table-wrap table tfoot td, .secondary-table-wrap table tbody td {
	border-bottom: 1px solid #F2F4F7;
}

#accountInvoices table tbody tr:not(.table-actions):hover td,

#mp_list tbody tr:not(.table-actions) {
	cursor: pointer;
}

.image-border {
	border: 2px solid #28497F;
}

.button_edit {
	background-image: url(../images_common/b_edit.png);
	float: right;
	cursor: pointer;
	width: 16px;
	height: 16px;
}