ui-jqgrid-bdiv
/* CSS Document */
html{
	min-height:100%;
	height:100%;
}
body{
  font-family:Tahoma, Geneva, sans-serif;
  font-size:12px;
  line-height:16px;
  min-width:800px;
  min-height:100%;	
  margin:0;
  padding:0;
  


}
body.login{
	background:#eeeeee; 
}
table, div, img, h1, h2, h3{
  border:none 0;
  border-spacing:0px;
  outline:none;
  margin:0;
  padding:0;
}

#bg {
        position:fixed;
        top:-50%;
        left:-50%;
        width:200%;
        height:200%;
}
#bg img {
   position:absolute;
        top:0;
        left:0;
        right:0;
        bottom:0;
        margin:auto;
        min-width:50%;
        min-height:50%;
}
#wrk {
 width: 300px; /* Ширина макета */
 height: 200px;
 margin: 7px;
 background:#219A42 /* Выравнивание по центру */
}

/* Сброс */
.graph-container,
.graph-container div,
.graph-container a,
.graph-container span {
    margin: 0;
    padding: 0;
}
/* Градиент и скругление углов */
.graph-container, #tooltip, .graph-info a {
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f9f9f9));
    background: -webkit-linear-gradient(top, #ffffff 0%,#f9f9f9 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#f9f9f9 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#f9f9f9 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#f9f9f9 100%);
 
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
/* Графический контейнер */
.graph-container {
    position: relative;
    width: 550px;
    height: 300px;
    padding: 20px;
 
    -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,.1);
    -moz-box-shadow: 0px 1px 2px rgba(0,0,0,.1);
    box-shadow: 0px 1px 2px rgba(0,0,0,.1);
}
 
.graph-container > div {
    position: absolute;
    width: inherit;
    height: inherit;
    top: 10px;
    left: 25px;
}
 
.graph-info {
    width: 590px;
    margin-bottom: 10px;
}
.graph-info a {
    position: relative;
    display: inline-block;
    float: left;
    height: 20px;
    padding: 7px 10px 5px 30px;
    margin-right: 10px;
    text-decoration: none;
    cursor: default;
}
/* Цветные круги */
.graph-info a:before {
    position: absolute;
    display: block;
    content: '';
    width: 8px;
    height: 8px;
    top: 13px;
    left: 13px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
 
.graph-info .visitors { border-bottom: 2px solid #71c73e; }
.graph-info .returning { border-bottom: 2px solid #77b7c5; }
 
.graph-info .visitors:before { background: #71c73e; }
.graph-info .returning:before { background: #77b7c5; }
/* Кнопки строк и панелей */
#lines, #bars {
    width: 34px;
    height: 32px;
    padding: 0;
    margin-right: 0;
    margin-left: 10px;
    border-bottom: 2px solid #71c73e;
    float: right;
    cursor: pointer;
}
 
#lines.active, #bars.active {
    background: #82d344;
    background: -moz-linear-gradient(top, #82d344 0%, #71c73e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#82d344), color-stop(100%,#71c73e));
    background: -webkit-linear-gradient(top, #82d344 0%,#71c73e 100%);
    background: -o-linear-gradient(top, #82d344 0%,#71c73e 100%);
    background: -ms-linear-gradient(top, #82d344 0%,#71c73e 100%);
    background: linear-gradient(to bottom, #82d344 0%,#71c73e 100%);
}
 
#lines span, #bars span {
    display: block;
    width: 34px;
    height: 32px;
    background: url('../img/lines.png') no-repeat 9px 12px;
}
 /* Чистим Floats */
.graph-info:before, .graph-info:after,
.graph-container:before, .graph-container:after {
    content: '';
    display: block;
    clear: both;
}
#tooltip, .graph-info a {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 12px;
    line-height: 20px;
    color: #646464;
}
 
.tickLabel {
    font-weight: bold;
    font-size: 12px;
    color: #666;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.yAxis .tickLabel:first-child,
.yAxis .tickLabel:last-child { display: none; }
#tooltip {
    position: absolute;
    display: none;
    padding: 5px 10px;
    border: 1px solid #e1e1e1;
}






textarea{ resize:none; }
:focus{ outline:none; }

ul{ margin:5px 0; }

a{ color:#000; border:none; }
a:hover{ color:#000; }
a.dotted{ text-decoration:none; border-bottom:1px dotted #555; }

h1,h2,h3,h4{
	margin:5px 3px;	
}
h1{
	font-size:16px;
	line-height:18px;
}

.float_l{
  float:left;
}
.float_r{
  float:right;
}
.clear{
  clear:both;  
}
.hidden{
	display:none;	
}
.small{
	font-size:0.8em;		
}

div.onPrint{ font-size:12px; font-family:"Lucida Sans"; width:800px; }
div.onPrint table{ border-collapse:collapse; width:100%; font-size:12px; }
div.onPrint caption{ text-align:right; }
div.onPrint th,
div.onPrint td{ border:1px solid; }

/* ======================= Общие ======================= */
.conteiner{ padding:5px; }

#easyTooltip{
	padding:5px;
	max-width:250px;
	z-index:9999999999;
}

#auth{
	box-shadow:none;
	border:none;
	width:500px;
	margin:50px auto;
}
#auth input{
	padding:3px;
	width:170px;
}
#auth input.submit{
	margin-top:35px;
	width:150px;
}
#auth form{
	padding:20px;
}
#auth table td{
	width:180px;
	padding:5px;
}

#content{
	padding:3px;
}

form table td{
	padding:3px;	
}
form table td input.FormElement,
form table td textarea.FormElement{
	width:300px;
}
form table td select.FormElement{
	width:308px;
}
.personal_info{
	font-size:10px;
	font-weight:normal;
}
.personal_info .avatar{
	cursor:pointer;
	max-width:120px;
	max-height:200px;
}

.help_content{ max-height:500px; overflow:auto; display:none; }
.select_folder{ width:260px; }
span.hint{ border-bottom:1px dashed #000000; }

#pageLoading{ position:absolute; top:8px; right:15px; }

/* ======================= jqGrid ======================= */
.ui-jqgrid tr.ui-widget-content .ui-state-disabled{	opacity:0.9; filter:Alpha(Opacity=90); }
.ui-jqgrid-titlebar a.help{ float:right; }
.ui-jqgrid-titlebar a.help span{ padding: 0; }
body .ui-jqgrid tr.ui-search-toolbar th{ border-top:none !important; }

div.gridcell_text{ overflow:hidden; text-overflow:ellipsis; max-height:100px; }
.ftr-on div.gridcell_text{ max-height:none; }

.ui-jqgrid tr.jqgrow td{ word-wrap: break-word; }
.ui-jqgrid tr.jqgrow td a.fancybox{ display:block; text-align:center; }
.ui-jqgrid .ui-userdata{ height:auto !important; }
.FormGrid .EditTable{ min-width:600px; margin:0 auto; width:auto !important; }
.FormGrid .EditTable td.CaptionTD{ vertical-align:top; min-width:200px; padding-left:20px; }
.FormGrid .EditTable td.DataTD{ padding-right:20px; border-right:1px solid #d9d9d9; }
.FormGrid .EditTable tr td.DataTD:nth-last-child(1){ border-right:none; }
.FormGrid textarea.FormElement { padding:0.3em; resize:vertical; }

.ui-jqgrid tr.jqgrow.color1{ background:#F8F1F1; color:#F00; }
.ui-jqgrid tr.jqgrow.color2{ background:#CCC; }
.ui-jqgrid tr.jqgrow.color3{ background:#CCC; }
.ui-jqgrid tr.jqgrow.color4{ background:#CCC; }
.ui-jqgrid tr.jqgrow.color5{ background:#CCC; }
.FormGrid{ padding:20px 0; }

.ui-jqdialog{ width:100% !important; left:0 !important; padding:0 !important; }
.ui-jqdialog-content{ max-width:1200px; min-width:800px; margin:0 auto; }
.ui-jqdialog[id*="del"]{ width:500px !important; left:50% !important; margin-left:-250px; }
.ui-jqdialog[id*="del"] .ui-jqdialog-content{ min-width:500px; max-width:500px; color:#ec4949; font-weight:bolder; }
.ui-pager-control .ui-state-hover{ padding:0px !important; }
.ui-jqgrid td a img{ display:block; margin:0 auto; }
/* ======================= Спойлер ======================= */
.spoiler-head{
	cursor:pointer;
}
.spoiler-body{
	display:none;
}

/* =======================  Модуль групп пользователей =======================  */
.FormElement .prava_head{
	text-align:center;
	font-weight:bold;
	width:90px;
	padding:0 5px;
	float:left;
}
.FormElement .prava_row{
	text-align:center;
	width:90px;
	padding:0 5px;
	float:left;
}

.FormElement .prava_head:first-child, .FormElement .prava_row:first-child{
	width:200px;	
}
#prava .ui-widget-header{ font-size:12px; }
/* =======================  Модуль профиля пользователя =======================  */
#table_profile .avatar{
	cursor:pointer;
	max-width:250px;
	max-height:400px;
}
#table_profile{
	width:100%;
}
#table_profile caption{
	width:100%;
}
#table_profile td{
	padding:3px;	
}
#table_profile td .ui-button-text{
	padding:0px 3px;	
}

/* ======================= note  ======================= */
div.note{
	padding:5px;	
}
div.note p{
	margin-top:0;
}

div.note .buttons{
	margin-top:5px;
}
div.note .buttons.ui-widget-header{
	margin:0px -3px -2px -3px;
}
div.note .buttons button{
	margin:2px;
}
div.note .buttons .inEdit{
	display:none;
}
div.note .buttons .help{
	float:right;
}
div.note .buttons .ui-button-text{
	padding-top:0;
	padding-bottom:0;
}

div.note .text{
}

div.note .text_edit{
	border-width:1px;
	padding:2px;
	margin:-3px;
	display:none;
}

/* ======================= Системные сообщения  ======================= */
#systemMess{
	width:250px;
	position:fixed;
	top:3px;
	right:3px;
	z-index:101000;
}
#systemMess .item{
	padding:5px;
	margin-bottom:5px;
	opacity:0.9;
	filter: alpha(opacity=90);
    -webkit-transition: opacity 0.3s;
}
#systemMess .item:hover{
	opacity:0.95 !important; filter: alpha(opacity=95) !important;
}
#systemMess .item ul{
	padding-left:15px;
}

/* =======================  jquery-ui =======================  */
.ui-jqgrid .ui-state-hover, .ui-jqgrid .ui-state-focus{
	background-position:top;
}
.ui-button.button_mini .ui-button-text{	padding:0 3px; }
.ui-button.button_mini.ui-button-text-icon-primary .ui-button-text{ padding-left:25px; }


.ui-autocomplete{
	max-width:500px;
	max-height:300px;
	overflow:auto;
	overflow-x: hidden;
}
.ui-autocomplete-input{
	background-image: url("../images/key_left.png");
	background-position: 100% 100%;
	background-repeat: no-repeat;
	background-size:contain;
}
.ui-autocomplete li.disabled a{
	text-align:center;
	color:#666;
	font-size:0.8em;	
}
.login.ui-state-error{ border:none !important; background:none !important; }
.combobox-input.ui-autocomplete-input { background-image:none; height:16px; padding: 1px 19px 1px 2px; margin:0; width:278px; }
.ui-search-toolbar .combobox-input.ui-autocomplete-input{ width:75%; padding-right:20px; }
.combobox-button{ margin-left:-19px; }
.combobox-button.ui-button-icon-only .ui-button-text { padding:2px 0 1px 0; }

.ui-widget .ui-widget.ui-jqdialog{ font-size:11px; }
.ui-dialog-content a{ color:#1584de; cursor:pointer; line-height:20px; border-bottom:1px solid; }
.ui-dialog-content a.disabled{ color:#aaaaaa; }
#ui-datepicker-div.withoutDays .ui-datepicker-calendar{	display:none; }

.ui-jqgrid-title .ui-button{ padding:0 !important; margin-left:15px; }
.ui-jqgrid-title .ui-button .ui-button-text{ padding:1px 10px 1px 25px !important; }

.install-icon-check{ cursor:auto !important; }
.install_list .ui-button-text{ padding:0 10px 0 20px; width:80px; font-size:0.9em; }
.install_list .ui-icon{ top:1px; }
.install_list .header{ float:left; text-align:center; width:175px; }
.install_list .row{ width:175px; margin-bottom:3px; font-weight:bolder; font-size:15px; }
.install_list .ui-icon{ margin:0 auto; }
.install_list .ui-icon-plus{ cursor:pointer; }
.install_list .ui-row-ltr{ height:40px; padding:5px; }
.install_list .ui-row-ltr:hover{ background:#ededf0; }

.prices{ position:absolute; z-index:10; background:#27abff; border:1px solid #168dd9; padding:1px; }
.prices .priceChoose{ display:block; color:#FFF; text-align:left; height:30px; width:235px; height:25px; }
.prices .priceChoose input{ width:30px; font-size:11px; }

.imBlock{ position:absolute; max-height:30px; width:30px; z-index:300000; overflow-y:scroll; opacity:0; }
.imBlockInner{ position:relative; width:30px; height:60px; opacity:0; }


/* /jquery-ui */

.switch,
.switch-label,
.switch-slider {
	width:50px;
	height:27px;
}
.switch {
	position:relative;
	display:inline-block;
	margin:0 50px 50px 0;
}
.switch-check {
	position:absolute;
	opacity:0;
}
.switch-label,
.switch-slider {
	position:absolute;
	top:0;
}
.switch-label {
	left:0;
	text-indent:-9999px;
}
.switch-slider {
	border-radius:4px;
	box-shadow:
		0 0 0 2px rgba(0, 0, 0, 0.1) inset,
		0 0 4px rgba(0, 0, 0, 0.5) inset,
		0 5px 4px 1px rgba(0, 0, 0, 0.3) inset,
		0 27px 0 rgba(0, 0, 0, 0.07) inset;
		-webkit-transition:width 0.2s linear;
		-moz-transition:width 0.2s linear;
		-o-transition:width 0.2s linear;
		transition:width 0.2s linear;
}
.switch-slider-on {
	left:0;
	width:27px;
	background:#2c3d4f;
}
.switch-slider-off {
	right:0;
	background:#2c3d4f;
}
.switch-slider-off:after {
	position:absolute;
/*	top:1px;
	left:2px;*/
	width:27px;
	height:27px;
	border-radius:3px;
	background:#1dbb98;
/*	background:-webkit-linear-gradient(#D0D0D0, #FDFDFD);
	background:-moz-linear-gradient(#D0D0D0, #FDFDFD);
	background:-o-linear-gradient(#D0D0D0, #FDFDFD);
	background:linear-gradient(#D0D0D0, #FDFDFD);
	box-shadow:
		0 0 2px 2px #FFF inset,
		0 0 4px 1px rgba(0, 0, 0, 0.6);*/
	content:'';
}
.switch-label:active .switch-slider-off:after,
.switch-check:focus + .switch-slider-off:after {
	background:#1dbb98;
/*	background:-webkit-linear-gradient(#C8C8C8, #E4E4E4);
	background:-moz-linear-gradient(#C8C8C8, #E4E4E4);
	background:-o-linear-gradient(#C8C8C8, #E4E4E4);
	background:linear-gradient(#C8C8C8, #E4E4E4);*/
}
.switch-check:checked + .switch-label .switch-slider-on {
	width:50px;
}
.switch-check:checked + .switch-label .switch-slider-off {
	width:27px;
}
#CPanel{ width:47px; padding:8px;}
#CPanel #changeMap{ width:47px; height: 26px; border-radius:26px; margin:auto; background:#4fc1e9; position:relative;
-webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 3px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         0px 3px 5px 0px rgba(50, 50, 50, 0.75);}
#CPanel #changeMap .line{position:absolute; width:35px; height:8px; background:#3fa2c5; border-radius:9px; top:8px; left:10%; border:1px solid #3b9cc1;}
#CPanel #changeMap #but{ position:absolute; width:18px; height:18px; background:#fff;  
    bottom: 15%; left: 10%; cursor:pointer; 
 border-radius:18px;
-webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 3px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         0px 3px 5px 0px rgba(50, 50, 50, 0.75);
/* For Safari 3.1 to 6.0 */
-webkit-transition-property:left;
-webkit-transition-duration:.1s;
-webkit-transition-timing-function:linear;
-webkit-transition-delay:.2s;
/* Standard syntax */
transition-property: left;
transition-duration: .1s;
transition-timing-function: linear;
transition-delay: .2s;
 }
 
.user_toolbar .ui-dialog-content{ top:auto !important;}

#CPanel #changeMap #but.satelite{left:4.7px;}
#CPanel #changeMap #but.smap{left: 24px;}
#stocks_inputs{background: #CEE9FF; width: 254px; border: 1px solid #8AD3FF;}
.highlight{border: 1px solid #8AD3FF; background: #CEE9FF; color: #363636; padding: 2px; }

.goods_inputs{ float:left; margin-top: 5px;}
.goodName{ float:left; margin-top: 5px;}
.amount{ width: 35px; left:90%; text-align:center; margin-bottom: 0px; font-style: italic}
.amount:focus{ border: 2px solid #FC0;}
.goods_check{ margin-top: 10px;}

.dialogFlat{ padding: 0; border-top-left-radius:7px; border-top-right-radius:7px; top:10%; overflow: visible;}
.dialogFlat .ui-dialog-titlebar-close{ position: relative; width: 30px; height: 30px; top: 0px !important; right: 0px !important; background-image: url("../images/cross.png");
background-position: 100% 100%;	background-repeat: no-repeat;background-size:contain;}
.dialogFlat .ui-dialog-titlebar-close:hover{position: relative; top: 0px !important; right: 0px !important;  background-image: url("../images/cross_bl.png"); background-position: 100% 100%;	background-repeat: no-repeat;background-size:contain;}
.dialogFlat .ui-dialog-titlebar .ui-state-hover, .dialogFlat .ui-widget-header .ui-state-hover { position: relative; width: 30px; height: 30px; top: 0px !important; right: 0px !important; background: url("../images/cross_bl.png"); background-position: 100% 100%;	background-repeat: no-repeat;background-size:contain ; border:none;}
.dialogFlat .ui-dialog{color:#FFF !important; overflow: visible;}
.dialogFlat .ui-dialog-titlebar-close span{ display: none; margin:0px;}
.dialogFlat .ui-dialog-titlebar { display: flex; justify-content: space-between; align-items: center; height:30px; background: #2caa89 !important; color:#FFF !important; margin: 0px 0px 0px 0px; position:relative; width:auto; padding: 25px 15px 15px 30px; top:0px; right:0px; left:0px; border-radius: 7px 7px 0px 0px;}
.dialogFlat .ui-dialog-titlebar.ui-helper-clearfix:after {display: none; content: '';}
.dialogFlat .ui-widget-content{ border:none; margin-top: 0px; overflow: visible !important;}
.dialogFlat .stocks { float:left;}
.dialogFlat .goods{ margin-left: 280px;}
.dialogFlat .name{ margin-bottom: 10px; text-align: center; font-weight: bold;}
.dialogFlat .goods_name{display: flex; justify-content: space-between; min-height: 21px; margin-right: 10px; padding-left: 6px; padding-top: 3px;  padding-bottom: 3px; align-items: center;}
.dialogFlat .goods_name:hover{ background:#6C9;}
.dialogFlat .goods_name .more-info { display: block; font-size: 11px; color: #727376;}
.dialogFlat .ui-dialog-buttonpane{ margin-top:0px;}
.dialogFlat .comment_d{padding-top: 15px; padding-left: 280px;}
.dialogFlat .comment{ font-style: italic; border: 2px solid #CCC; content: "Коментарий...";}
.dialogFlat .comment:focus{ border: 2px solid #FC0;}
.dialogFlat .goods form{ height: 260px; overflow-y: auto;}

.dialogFlat #ok{width: 78px; height: 32px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px; border-radius: 2px; border: 1px solid #1AAA8D; background: #1abc9c;}
.dialogFlat #ok:hover{ color: #fff; background-color: #48c9b0; border-color: #48c9b0;}
.dialogFlat #ok:focus{ background: #16a085; border-color: #16a085;}
.dialogFlat #ok:active{ background: #16a085; border-color: #16a085;}

.dialogFlat .ui-button{width: 80px; height: 32px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px; border-radius: 2px; border: 1px solid #1AAA8D !important; background: #1abc9c !important;}
.dialogFlat .ui-icon .ui-icon-closethick:before{ }
.dialogFlat .ui-button .ui-button-text{ padding:0px !important; color:#fff;}
.dialogFlat .ui-button:hover{ color: #fff; background-color: #48c9b0 !important; border-color: #48c9b0 !important;}
.dialogFlat .ui-button:focus{ background: #16a085 !important; border-color: #16a085 !important;}
.dialogFlat .ui-button:active{ background: #16a085 !important; border-color: #16a085 !important;}
.about_sale{ width:230px; text-align:center; float:left; padding-top: 60px;}
.clientName{ margin-bottom: 20px;}
/*#countReq{ display:none;}
#scht{ margin-left: 40px;}*/
#tr_count { display:none;}
/*#tr_count #count{ width:30px; position: absolute; top: 40px; left: 585px;}*/
.dialogFlat .filter_select{text-align: center; overflow: visible;}
.dialogFlat .new_filter{ margin-top: 15px; margin-left:10px; width: 285px; height: 60px; float:left;}

.status_multiselect{ margin-top:10px; position:relative;}
.dialogFlat .ui-multiCheck{ height: 34px; width: 285px !important; border: 1px solid #1AAA8D !important; border-radius: 4px; background: #1abc9c !important; padding-left: 10px; color: #fff; font-weight: bold; box-shadow: 0 1px 0 rgba(0,0,0,0.2);}
.dialogFlat .ui-icon{width: 34px; height: 33px; background: #16a085; cursor: pointer; position:absolute; top:1px; left:250px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
.dialogFlat .ui-icon:before{ content: ''; display: block; width: 0px; height: 0px; position: relative; top: 15px; left: 9px; border-top: 8px solid #fff; border-left: 8px solid transparent; border-right: 8px solid transparent;}


.drop{ clear:both;}
.select{ margin-top:10px; position:relative;}
.input_select{ height: 30px; width: 270px; border: 1px solid #1AAA8D !important; border-radius: 4px; background: #1abc9c !important;padding-left: 10px; color: #fff; font-weight: bold; box-shadow: 0 1px 0 rgba(0,0,0,0.2);}
.select_button{ position: relative; width: 34px; height: 34px; background: #16a085; cursor: pointer; top: -34px; left:250px; border: 0px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
.select_button:before{ content: ''; display: block; width: 0px; height: 0px; position: relative; top: 15px; left: 9px; border-top: 8px solid #fff; border-left: 8px solid transparent; border-right: 8px solid transparent;}
.select_list{ display:none; border-radius: 4px; top:34px; list-style: none; padding: 0px; position: absolute; border-bottom: 4px solid #16a085; background: #f3f4f5; width: 285px; z-index: 200; height:175px; text-align:left; box-shadow: 0 1px 0 rgba(0,0,0,0); color: #606d7a; cursor:pointer; margin:0px; border-top-left-radius:0px; border-bottom-right-radius:0px; overflow-y: scroll;}
.select_list li{ padding: 5px 5px 5px 5px;}
.select_list li:hover{background: #CCC; padding-top: 5px; padding-bottom: 5px; padding-left:5px;}
.select_list_man{ display:none; border-radius: 4px; top:34px; list-style: none; padding: 0px; position: absolute; border-bottom: 4px solid #16a085; background: #f3f4f5; width: 285px; z-index: 200; height:250px; text-align:left; box-shadow: 0 1px 0 rgba(0,0,0,0); color: #606d7a; cursor:pointer; margin:0px; border-top-left-radius:0px; border-bottom-right-radius:0px; overflow-y: scroll;}
.select_list_man li{ padding: 5px 5px 5px 5px;}
.select_list_man li:hover{background: #CCC; padding-top: 5px; padding-bottom: 5px; padding-left:5px;}
.dialogFlat .ui-datepicker .ui-datepicker-header{ background: #34495e;}
.drops:after{ content:''; display:block; clear:both;}
#sumFrom, #sumTo{ width: 80px; width: 80px; background: #FAFAFA; font-style: italic; border: 1px solid #8D8D8D; border-radius: 4px; height: 25px; padding-left: 5px; padding-right: 5px; color: #9E9E9E; box-shadow: inset 1px 1px 1px rgba(0,0,0,0.2); margin-right: 40px; margin-top: 10px;}
#slider-range{ width: 500px; margin-top: 20px;}
.dialogFlat .ui-datepicker-trigger{}
.new_range{ position:relative; margin-top: 15px;}
.range{ position:relative;}
.range:after{ content: ''; display: block; clear:both;}
#dateFrom, #dateTo{ width: 120px; background: #FAFAFA; font-style: italic; border: 1px solid #8D8D8D; border-radius: 4px; height: 25px; padding-left: 5px; padding-right: 5px; color: #9E9E9E; box-shadow: inset 1px 1px 1px rgba(0,0,0,0.2); margin-right: 40px; margin-top: 10px;}
.postingdateFrom, .postingdateTo{ width: 120px; background: #FAFAFA; font-style: italic; border: 1px solid #8D8D8D; border-radius: 4px; height: 25px; padding-left: 5px; padding-right: 5px; color: #9E9E9E; box-shadow: inset 1px 1px 1px rgba(0,0,0,0.2); margin-right: 10px; margin-top: 10px;}
.dateFrom, .dateTo{ width: 120px; background: #FAFAFA; font-style: italic; border: 1px solid #8D8D8D; border-radius: 4px; height: 25px; padding-left: 5px; padding-right: 5px; color: #9E9E9E; box-shadow: inset 1px 1px 1px rgba(0,0,0,0.2); margin-right: 10px; margin-top: 10px;}
.dateCreate{float: left; position: relative;}
.dateCreate .ui-datepicker-trigger{position: absolute; left: 105px; top: 12px;}
.range_child{ width: 285px; float: left; margin-left: 15px; margin-right: 5px;}

.from, .to{ float:left;}
.from{ margin-left:150px;}
#sumFrom:focus{  border: 1px solid #FC0;} 
#sumTo:focus{  border: 1px solid #FC0;}
.dialogFlat .to .ui-datepicker-trigger{ position:absolute; top:12px; left:426px;}
.dialogFlat .from .ui-datepicker-trigger{ position:absolute; top:12px; left:254px;}
.ui-slider .ui-slider-handle{ background: #16a085; border-radius: 50%; width: 18px; height: 18px; transition: background .25s;}
.ui-slider .ui-slider-handle:hover{ background:#48c9b0; outline:0}
.ui-slider .ui-slider-handle:focus{ background:#48c9b0; outline:0}
.ui-slider .ui-slider-handle:active{ background: #16a085;}
#slider-range{ height:10px; background: #ebedef; border-radius: 32px;}
.ui-slider .ui-slider-range { background:#1abc9c;}
.dialogFlat .ui-dialog{ overflow:visible !important;}
.footrow{ background:lightblue;}
.footrow .footrow-ltr{ background:lightblue;}
.manager_combobox .ui-autocomplete-input{ width: 285px; background: #FAFAFA; font-style: italic; border: 1px solid #8D8D8D; border-radius: 4px; height: 31px; padding-left: 5px; padding-right: 5px; box-shadow: inset 1px 1px 1px rgba(0,0,0,0.2); margin-top: 10px; }
.manager_combobox .ui-button{ margin:0px; padding:0px !important; border:0px !important; width: 20px; height: 20px; top:-35px; left:262px;}
.manager_combobox .ui-button-icon-primary{left: 0px; margin-left: 0px; margin-top: 0px; top: 0px; width:35px; height:35px;}
.dialogFlat .ui-dialog-content{ overflow:hidden !important; min-height:250px !important;}
.dialogFlat .ui-dialog-content .manager_combobox .ui-button:active{top:-35px;}
.manager_combobox:after{ content: ''; display: block; clear:both;}

.goods_to_supply_input, .goods_to_objects_input {margin-left: 25px; margin-top: 5px; width: 100px; height: 17px; border: 2px solid rgba(220,220,220,1); box-shadow: 1px 1px 3px 1px rgba(200,200,200, 0.2) inset;transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1); padding-left: 3px; padding-right: 3px;
-webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
-moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
-o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
/* transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1); */}

.goods_to_supply_input:hover, .goods_to_objects_input:hover{border: 2px solid rgba(52, 152, 219, 1);
box-shadow: 1px 1px 3px 1px rgba(52, 152, 219, 0.2) inset;
-webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
-moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
-o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);}

.goods_to_supply_input:focus, .goods_to_objects_input:focus{border: 2px solid rgba(52, 152, 219, 1);
box-shadow: 1px 1px 3px 1px rgba(52, 152, 219, 0.2) inset;
-webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
-moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
-o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);}

.goods_to_supply_input::-webkit-input-placeholder, .goods_to_objects_input ::-webkit-input-placeholder    
	{text-indent: 0px;   transition: text-indent 0.3s ease;}
.goods_to_supply_input::-moz-placeholder, .goods_to_objects_input ::-moz-placeholder           
	{text-indent: 0px;   transition: text-indent 0.3s ease;}
.goods_to_supply_input:-moz-placeholder, .goods_to_objects_input  :-moz-placeholder            
	{text-indent: 0px;   transition: text-indent 0.3s ease;}
.goods_to_supply_input:-ms-input-placeholder, .goods_to_objects_input  :-ms-input-placeholder         
	{text-indent: 0px;   transition: text-indent 0.3s ease;}
.goods_to_supply_input:focus::-webkit-input-placeholder, .goods_to_objects_input:focus::-webkit-input-placeholder
	{text-indent: 500px; transition: text-indent 0.3s ease;}
.goods_to_supply_input:focus::-moz-placeholder, .goods_to_objects_input :focus::-moz-placeholder        
	{text-indent: 500px; transition: text-indent 0.3s ease;}
.goods_to_supply_input:focus:-moz-placeholder, .goods_to_objects_input:focus:-moz-placeholder        
	{text-indent: 500px; transition: text-indent 0.3s ease;}
.goods_to_supply_input:focus:-ms-input-placeholder, .goods_to_objects_input:focus:-ms-input-placeholder
    {text-indent: 500px; transition: text-indent 0.3s ease;}




.transfer { overflow:visible !important;}

.ui-state-error2{ background: #ECFEF7; color: #0ACD29; border: 1px solid #0ACD29; text-align:left;}
.ui-state-error1{ text-align:left;}
.td_divs div{ width:155px;}

.active{
    border-color: #0f669d;
    color: #FFF !important;
    text-shadow: 0 -1px 0 #216ea6 !important;
    box-shadow: 0 1px 0 rgba(255,255,255,0.2) inset, 0 1px 3px rgba(0,0,0,0.35) !important;
    background: #1888ce !important;
}


#diary_chronoline{ }
#diary_chronoline .lpart{ width:300px; float:left; overflow:hidden; }
#diary_chronoline .rpart{ margin-left:300px; overflow-x:scroll; }
#diary_chronoline .rpart td.ui-widget-content { min-width: 90px;}
#diary_chronoline .branches_calendar th{ text-align:left; }
#diary_chronoline .viewDay{ cursor:pointer; }

#diary_chronoline_viewDay{ margin-top:20px; }
#diary_chronoline_viewDay .lpart{ width:300px; float:left; overflow:hidden; }
#diary_chronoline_viewDay .rpart{ margin-left:300px; overflow-x:scroll; }
#diary_chronoline_viewDay .chronoline{  height:40px; background: rgb(226,226,226); }
#diary_chronoline_viewDay .chronoline .timeline{ height:35px; padding-top:5px; font-weight:bold; text-indent:5px; float:right; overflow:hidden; }
#diary_chronoline_viewDay .chronoline .timeline.stop{ background: rgb(248,80,50); }
#diary_chronoline_viewDay .chronoline .timeline.pause{ background: rgb(252,234,187); }
#diary_chronoline_viewDay .chronoline .timeline.work{ background: rgb(191,210,85); }
#diary_chronoline_viewDay .chronoline .timeline.work_outside{ background: rgb(235,241,246); }

.flex {
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    flex-flow: row;
}
.flex.wrap {
    flex-wrap: wrap;
}
.flex.space-between{
	justify-content:space-between
}
.rows {
    display: flex;
    display: -ms-flex;
    display: -webkit-flex;
    -webkit-justify-content: center;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
}

.rows .el {
    height: auto;
    margin: 0;
    margin-bottom: 3.313em;
    border: none;
}
.flex .el {
    margin-left: 15px;
    margin-bottom: 15px;
}

.dialogFlat select {width: 100%; padding: 5px; border: 2px solid #ccc;}
.dialogFlat select:focus {border: 2px solid #FC0;}

.pay-type .name{ text-align: left;}
.pay_type_el {
    display: flex;
    display: -webkit-flex;
    align-items: center;
}

.pay_type_el{padding-right: 5px}
.pay_type_el:hover{background: #6C9;}
.pay_type_el label { margin: 10px 13px 10px 0; width: 75%;}
.pay_type_el input[type="text"] {width:50px;padding: 5px; border: 2px solid #ccc;}
.pay_type_el input[type="text"]:focus {border: 2px solid #FC0;}

.all-stocks{
	padding-right: 15px;
	overflow-y: auto;
}

.all-stocks::-webkit-scrollbar, .dialogFlat .goods form::-webkit-scrollbar{
	width: 6px;
	background-color: #F5F5F5;
	cursor:pointer;
}
.all-stocks::-webkit-scrollbar-track, .dialogFlat .goods form::-webkit-scrollbar-track{
	border-radius: 10px;
	background: rgba(0,0,0,0.1);
	border: 1px solid #f5f5f5;
  }
  
  .all-stocks::-webkit-scrollbar-thumb, .dialogFlat .goods form::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background: #2caa89;
	border: 1px solid #2caa89;
  }
  
  .all-stocks::-webkit-scrollbar-thumb:hover, .dialogFlat .goods form::-webkit-scrollbar-thumb:hover {
	background: #48c9b0;
	border: 1px solid #48c9b0;
  }
  
  .all-stocks::-webkit-scrollbar-thumb:active, .dialogFlat .goods form::-webkit-scrollbar-thumb:active {
	background: #48c9b0;
	border: 1px solid #48c9b0;
  }

  .goods-table.ui-dialog-content .ui-jqgrid .ui-pg-button span.ui-icon{
	width: 16px;
    height: 16px;
    background-image: url('/js/jquery/jquery-ui/css/_delta/images/ui-icons_222222_256x240.png');
    cursor: pointer;
    position: relative;
    top: 0;
    left: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }


.ui-jqgrid tr.ui-row-ltr td, .ui-jqgrid tr.jqgrow td {
	border-color: lightgrey !important
}

.ui-dialog-content tr.jqgrow td a{
	border: none;
}

.purchasing-price {
    display: inline-block;
    padding: 0.4em 0.5em;
    margin: 2px 2px 2px 0;
    font-size: 11px;
    line-height: 1;
    white-space: nowrap;
    text-decoration: none;
    text-align: center;
    border-style: solid;
    border-radius: 3px;
    color: #39739d;
    background-color: #e1ecf4;
}

.marketplaces .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.marketplaces header{
    padding: 15px;
}

.align-center{
    align-items: center;
}

.between{
    justify-content: space-between;    	
}

.btn{
    padding: 8px 15px;
    color: white !important;
    background: #27abff;
    border-radius: 5px;
    cursor: pointer;
    transition: all .3s ease-in-out;
    border-color: transparent;
    border: 0;
    text-decoration: none;
    border-bottom: none !important;
}
.btn:hover{
    box-shadow: 0 14px 26px -12px rgb(33 150 243 / 42%), 0 4px 23px 0px rgb(0 0 0 / 12%), 0 8px 10px -5px rgb(33 150 243 / 20%) !important;
}

.btn.sbermrgamarket{
    background: rgb(48, 180, 107);
}

.btn.sbermrgamarket:hover{
    box-shadow: 0 14px 26px -12px rgb(48 180 107 / 42%), 0 4px 23px 0px rgb(0 0 0 / 12%), 0 8px 10px -5px rgb(48 180 107 / 20%) !important;
}

.btn.wildberries{
    background: #6c11c9;
}

.btn.wildberries:hover{
    box-shadow: 0 14px 26px -12px rgb(108 17 201 / 42%), 0 4px 23px 0px rgb(0 0 0 / 12%), 0 8px 10px -5px rgb(108 17 201 / 20%) !important;
}

.btn:disabled,
.btn[disabled]{
    opacity: 0.4;
}

[id^="jq_mod_objects_marketplaces-dialog"] label {
    margin-right: 10px;
}
[id^="jq_mod_objects_marketplaces-dialog"] select, [id^="jq_mod_objects_marketplaces-dialog"] input{
    border: 1px solid #d8d8d8;
    padding: 7px;
}

span.sbmm-new {
    background-color: #f6eafd;
    padding: 2px 6px;
    border-radius: 16px;
    color: #9a37db;
    font-weight: bold;
    border: 1px solid #9a37db;
    text-transform: uppercase;
}

span.sbmm-confirmed {
    background-color: #f6f7f9;
    padding: 2px 6px;
    border-radius: 16px;
    color: #c2cad0;
    font-weight: bold;
    border: 1px solid #c2cad0;
    text-transform: uppercase;
}

.ui-jqgrid .loading{
    position: fixed !important;
    top: 50vh !important;
    z-index: 9999 !important;
}

.info{
    position: relative;
    margin-bottom: 18px;
}

.ui-row-item{
    display: flex;
    justify-content: space-between;
    min-height: 21px;
    margin: 0 0 8px;
    align-items: center;
    background: rgba(245,234,253,.4);
    flex-grow: 1;
    width: 100%;
    padding: 12px 16px;
    border-radius: 8px;
    transition: background .2s ease-in-out;
}
/*.ui-row-item:hover {
    background: #f5eafd;
}*/
.ui-row-item span {
    font-weight: 600; 
}

.ui-row-item .btn-round{
    position: relative;
    border: none;
    text-decoration: none;
    background: white; /*linear-gradient(270deg,#ffb251 5.13%,#ec7392 47.21%,#9b38dc 91.67%);*/
    border: 1px solid #808080 ;
    color: #808080;
    padding: 2px 7px;
    border-radius: 15px;
    transition: all .3s ease-in-out;
}
.ui-row-item .btn-round:hover{
    box-shadow: 0 14px 26px -10px rgb(255 178 81 / 42%), 0 4px 23px 0px rgb(0 0 0 / 12%), 0 8px 10px -3px rgb(236 115 146 / 20%);
}

.ui-new-dialog, .ui-new-dialog *, .ui-new-dialog::after, .ui-new-dialog::before {
    box-sizing: border-box;
}

.ui-new-dialog{
    display: flex !important;
    flex-grow: 1 ;
    flex-direction: column;
    padding: 24px !important;
    background-color: #fff !important;
    border: 1px solid #eee !important;
    border-radius: 20px !important;
}
.ui-new-dialog .ui-dialog-titlebar{
	margin: 0;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    height: 56px;
    padding: 0;
    border: none;
    cursor: default !important;
    background: white !important;
}

.ui-new-dialog .ui-dialog-titlebar .ui-dialog-title{
    color: #000;
    font-size: 20px;
}

.ui-new-dialog .ui-dialog-titlebar::after {
    content: "";
    display: none;
}

.ui-new-dialog .ui-dialog-title{
    float: none !important;
    margin: 0 !important;
}

.ui-new-dialog .ui-dialog-titlebar-close{
    position: relative !important;
    right: inherit !important;
    top: inherit !important;
    width: 20px !important;
    height: 20px !important;
    background-image: url(../images/cross_bl.png) !important;
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 0.6;
    transition: opacity .2s ease-in-out;
    border: none !important;
}

.ui-new-dialog .ui-dialog-titlebar-close.ui-state-hover{
    background: #fff url(../images/cross_bl.png) !important;
    background-position: 100% 100% !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
}

.ui-new-dialog .ui-dialog-titlebar-close span{
    display: none !important;
}

.ui-new-dialog .ui-dialog-titlebar-close:hover, 
.ui-new-dialog .ui-dialog-titlebar-close:focus{
    opacity: 1;
}

.ui-new-dialog .ui-dialog-content{
    padding: 0;
}

.ui-new-dialog .ui-dialog-buttonpane{
    margin: 0;
    border: none;
}
.ui-new-dialog .ui-dialog-buttonpane button{
    top: auto;
    padding: 8px 15px;
    color: white !important;
    background: #27abff;
    border-radius: 5px;
    cursor: pointer;
    transition: all .3s ease-in-out;
    border-color: transparent;
    border: none;
}

.ui-new-dialog .ui-dialog-buttonpane button:hover {
    box-shadow: 0 14px 26px -12px rgb(33 150 243 / 42%), 0 4px 23px 0px rgb(0 0 0 / 12%), 0 8px 10px -5px rgb(33 150 243 / 20%) !important;
}
.ui-row-item .btn-round.loading{
    background: transparent;
    border-color: transparent;
    box-shadow: none;
}

.ui-row-item .btn-round.loading::before {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: #fbf7fe;
    border-radius: 50%;
    z-index: 999;
}

.ui-row-item .btn-round.loading::after {
    content: "";
    position: absolute;
    width: 21px;
    height: 21px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: linear-gradient(270deg, #ffb251 5.13%, #ec7392 47.21%,#9b38dc 91.67%);
    border-radius: 50%;
    animation: button-loading-spinner 1s ease infinite;
}


.ui-row-item .btn-round .button__text {
    visibility: visible;
    opacity: 1;
    transition: all 0.1s;
}

.ui-row-item .btn-round.loading .button__text {
    visibility: hidden;
    opacity: 0;
}

@keyframes button-loading-spinner {
    from {
      transform: rotate(0turn);
    }
  
    to {
      transform: rotate(1turn);
    }
}

.goods {
    height: 300px;
    overflow-y: auto;
}

.goods::-webkit-scrollbar{
	width: 6px;
	background-color: #F5F5F5;
	cursor:pointer;
}
.goods::-webkit-scrollbar-track{
	border-radius: 10px;
	background: rgba(0,0,0,0.1);
	border: 1px solid #f5f5f5;
  }
  
  .goods::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background: #FC0;
	border: 1px solid #FC0;
	transition: all .5s;
  }
  
.goods::-webkit-scrollbar-thumb:hover {
	background: #FF9800;
	border: 1px solid #FF9800;
  }
  
.goods::-webkit-scrollbar-thumb:active {
	background: #FF5722;
	border: 1px solid #FF5722;
  }

.goods .good{
    display: flex;
    margin-bottom: 5px;
    justify-content: space-between;
    padding: 12px 10px;
    background: #f7f7fa;
    transition: padding-bottom .3s ease;
    border-radius: 5px;
}

.goods .good .good-name{
    line-height: 20px;
    height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.goods .good .good-info{
    color: #77767e;
    font-size: 11px;
    line-height: 16px;
}

.goods .good input{
    width: 55px;
    border: 1px solid #d1cfd7;
    border-radius: 5px;
    transition: border-color .3s ease;
}

.ui-new-dialog .deadline{
    width: 100%;
    padding: 8px;
    border: 1px solid #d1cfd7;
    border-radius: 5px;
    transition: border-color .3s ease;
}

.ui-new-dialog textarea{
    width: 100%;
    padding: 5px;
    border: 1px solid #d1cfd7;
    border-radius: 5px;
    transition: border-color .3s ease;
}

.ui-new-dialog textarea:focus, .goods .good input:focus, .ui-new-dialog .deadline:focus {
    border-color: #FC0;
}

.ui-new-dialog .panel{
    background-color: #f7f7fa;
    display: flex;
    justify-content: space-between;
    padding: 16px;
    position: relative;
    border-radius: 5px;
}

.ui-new-dialog .input-row{
    padding: 12px 10px;
    background: #f7f7fa;
    transition: padding-bottom .3s ease;
    border-radius: 5px;
    margin-bottom: 5px;
}

a.btn.rounded {
    border: none;
    padding: 2px 8px;
    line-height: 16px;
    border-radius: 16px;
}

tr[id^='jq_mod_objects_marketplaces_tableghead'] td{
    padding: 10px 10px 10px 5px !important;
    background: #f6f7f9;
}

.gap-4 {
    gap: 1.5rem !important;
}

.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }

.image-item{ flex: 0 0 auto; width: 20%; text-align: center; }
.image-item a.fancybox { display:block; border: none; text-decoration: none; padding: 7px; color: black }
.image-item a.fancybox.selected{
	background: #27abff;
    border-radius: 6px;
	color: white;
}
.image-item img{ display:block; width:100%;}
 
.round {
	position: relative;
  }
  
  .round label {
	background-color: #ffffff00;
    border: 1px solid #cccccc00;
    border-radius: 50%;
    cursor: pointer;
    height: 16px;
    right: 4px;
    position: absolute;
    top: 5px;
    width: 16px;
  }
  
  .round label:after {
	border: 1px solid #fff;
    border-top: none;
    border-right: none;
    content: "";
    height: 3px;
    left: 4px;
    opacity: 0;
    position: absolute;
    top: 4px;
    transform: rotate(-45deg);
    width: 5px;
  }
  
  .round input[type="checkbox"] {
	visibility: hidden;
	display: none;
  }
  
  .round input[type="checkbox"]:checked + label {
	background-color: #66bb6a;
	border-color: #66bb6a;
  }
  
  .round input[type="checkbox"]:checked + label:after {
	opacity: 1;
  }