body {font-family:opensans,Verdana,Arial; margin:0px; font-size: 13px; }
table { font-size: inherit; }
table.sticky_footer { position: sticky; bottom: 0; background-color: rgba(255,255,255,0.75);	padding: 10px 0; border-top: 1px solid #3dc3ca;}
table.sticky_footer .toggle {position: absolute; left: 15%; width: 70%; height: 25px; cursor: pointer; background: url('/dlg/di/icons/blue_arrow.png') no-repeat center;}
table.sticky_footer .toggle.rotate {transform: rotate(180deg);}
table.sticky_footer .toggle.hidden {display: none;}
img { border:none;}
label {cursor:pointer;}
b,strong,h1,h2,h3,h4,h5,h6 { font-weight: bold; }

.minheight-1-row{
  min-height: calc(1 * 18px); /* 18 - wysokość jednej linii tekstu dla czcionki 13px - wartość z body */
}

.minheight-2-rows{
  min-height: calc(2 * 18px); /* 18 - wysokość jednej linii tekstu dla czcionki 13px - wartość z body */
}

.minheight-3-rows{
  min-height: calc(3 * 18px); /* 18 - wysokość jednej linii tekstu dla czcionki 13px - wartość z body */
}

.minheight-4-rows{
  min-height: calc(4 * 18px); /* 18 - wysokość jednej linii tekstu dla czcionki 13px - wartość z body */
}

.additional-margin-top{ margin-top: 17px;}
.splittable.splittable-sticky { position: sticky; bottom: 0; background-color: rgba(255,255,255,0.75); border-top: 1px solid #DDEDF9; padding-top: 18px;}
.splittable.splittable-sticky .bigbuttonslist-separator{ display: none;}
.bd {background-color:#fbfdfe; margin:0px;}

.ln {color:#0d235f;text-decoration:underline;}

.titb {background:url(../di/titb.gif);}
.tit {width:100%; }
.tit .title { background-color: #F3F3F3; padding: 12.5px 20px;  }
.tit .title h3 { margin: 0px; color: #0A2940; font-size: 16px; font-weight: 600; line-height: 26px; height: 26px;  float: left; }
.tit .title .logo { background: url(../di/logo_testdna.png) no-repeat left top transparent; width: 122px; height: 29px; float: left; margin-right: 15px; padding-right: 20px; border-right: solid 1px #A3A3A3; }

.cf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
*:first-child+html .cf { zoom: 1; }


.dlg_page_start	{width:100%; height:100%;}
.dps { background:#fff; margin:0px 4px;}
.dps2 { vertical-align:top; padding:0px; background:#fff; margin:0px 15px;}
.tbe {border-color:#000000;border-style:solid;border-width:1px;margin-bottom:8px;background-color:#ffffff;}
.tte {font-size:12px;text-align:left;font-weight:bold;color:#ffffff;background-color:#e02020;padding:2px;padding-left:4px;}
.tee {font-size:12px;text-align:center;color:#e02020;background-color:#dcd8d0;font-weight:bold;padding:2px;padding-left:10px;padding-right:10px;}

.frm {margin:0px; margin-top: 17px; padding:0px;}

.frm .tbt{
  padding-top: 0;
}

.tbl { border-spacing: 0px;}
.tbl.sticky_header thead td.th{ position: sticky; top: 0; z-index: 1; /*background-color: #208acbd6;*/}
.tbl tr 		{ -ie-xp:expression(this.parsed ? 0 : (this.onmouseover=new Function("this.className+=' hover';"),this.onmouseout=new Function("this.className=this.className.replace('hover','');"),this.parsed=1));}
.tbl tr:hover td, .tbl tr.hover td { background-color:#dfe7ed; }
.tbl tr:hover td.tte, .tbl tr.hover td.tte { background-color:#e02020; }
.tbl tr:hover td.tbt, .tbl tr.hover td.tbt { background-color:#FFFFFF; }
.tbl tr:hover td.th, .tbl tr.hover td.th		{background-color: #688195;}
.tbl tr:hover .orderIcon{ border-color: #c5c5c5;}
.tbl span.err { color: red; font-weight: bold; }

.tbl a.ta			{ color: #00599e; padding-left: 26px; background: url(../di/anchor-ico.svg) no-repeat 5px center; text-decoration: none; background-size: 12.9px;}

.anon-table-mb{  
	margin-bottom: 40px;
}

.tbt {
  padding:15px 10px 15px 10px;
  text-align:left;
  font-weight:bold;
	font-size: 20px;
	color: #1A1A1A;
  text-transform: uppercase;
}

.tbt.error {
	color: #a94442;
	background-color: #f2dede;
	padding: 10px 15px;
	font-size: 13px;
	font-weight: normal;
}

body.is_modal .tbl_formopen .tbt{
  padding: 14px 10px;
  padding-left: 30px;
  font-size: 15px;
	background-color: #80AAB4;
  color: #fff;
}

body.is_modal .tbl_formopen .tbt:hover{
  background-color: #688195 !important;
}



.tbt_small {height:16px;padding:0px 3px 0px 3px;font-size:11px;text-align:left;font-weight:bold;color:#dd4736;}
.fl1, .fl2, .fl1e, .fl2e { padding-left: 10px; padding-right: 10px; background-color: transparent;}
.fr1, .fr2 { padding: 6px 2px; }
.fl1, .fr1, .fl1e, .sr1 { background-color: #F0F3F7; }
.fl2, .fr2, .fl2e, .sr2 { background-color: #f9f9f9; }
.tbl_formopen tr:hover td { background-color:#EAEFF2; }
.tbl_formopen tr:hover td > .fl1,
.tbl_formopen tr:hover td > .fr1,
.tbl_formopen tr:hover td > .fl1e,
.tbl_formopen tr:hover td > .sr1,
.tbl_formopen tr:hover td > .fl2,
.tbl_formopen tr:hover td > .fr2,
.tbl_formopen tr:hover td > .fl2e,
.tbl_formopen tr:hover td > .sr2{ 
  background-color:#EAEFF2;
 }

 .post-text-span{
  padding-left: 8px;
 }

.tbl_formopen tr.active_row td { background-color:#dfe7ed; }
.tbl_formopen tr:hover td.tbt { background-color:#FFFFFF; }

.ser {
  font-weight: 400;
  color: #EA2121;
  font-size: 10px;
	left: 15px;
  position: relative;
	margin-top: 5px;
	/* white-space: nowrap; */
}

.ser.abs{
  position: absolute;
	bottom: -11px;
}

.ser::before{
  content: "";
  display: inline-block;
  position: absolute;
  left: -16px;
  top: 0;
  background: url('/dlg/di/icon-error.png') no-repeat center;
  width: 14px;
	height: 14px;
}


.time-container{
  position: relative;
}

.time-container .ser{
  position: absolute;
  bottom: -12px;
	white-space: nowrap;
}
td > .ser{
  position: static;
}

td > .ser::before{
  content: unset;
}

.icon-hint{
  cursor: pointer;
	position: absolute;
	margin-left: 2px;
}

.sp-icon{
  text-align: center;
}

.sp-icon.icon-2 img{
  width: 18px !important;
  object-fit: scale-down;
}

input[type="text"]{
  padding: 8px 10px;
  box-sizing: border-box;
  border: solid 1px #C1C1C1;
  text-align: left;
  border-radius: 2px;
}

input[type="text"]::placeholder,
textarea::placeholder{
  color: #1A1A1A;
}

select{
  border-radius: 2px;
  appearance: none;
	background: url(/dlg/di/icons/select-arrow.svg) no-repeat calc(100% - 10px) center #fff;
  background-size: 18px;
  padding-left: 10px !important;
  padding-right: 40px !important;
}

select[name="file"]{
  background: unset;
}

.fri { border: solid 1px #C1C1C1; padding: 8px;  box-sizing: border-box; background-color: #fff; font-family: 'Open sans', arial, sans-serif; font-size:12px; }
.fri:focus { border-color: #bbb; }
.sm1 {height:24px;padding:2px 6px 2px 6px;font-size:12px;text-align:center;color:#404b55;background-color:#f4f4f4;font-weight:bold;}
.sm2 {height:24px;padding:2px 6px 2px 6px;font-size:12px;text-align:center;color:#404b55;background-color:#ffffff;font-weight:bold;}
.fri[readonly=readonly] {background-color:#CFCFCF; cursor:help;}
.sr1 {height:34px;padding:2px 6px 2px 6px;font-size:13px;text-align:left;color:#404b55;}
.sr2 {height:34px;padding:2px 6px 2px 6px;font-size:13px;text-align:left;color:#404b55;}

.tclose {margin-bottom:8px; background:url(../di/tclose3.gif);}
.tableonerowopen {background:#f4f4f4; margin-bottom:8px;}
.tbl_hdr {border-bottom:solid #208acb 1px; margin-bottom:8px;}
.tbl_small_hdr {border-bottom:solid #208acb 1px; margin-bottom:4px;}
.tbl_formopen { margin-bottom:8px; border-collapse: collapse;}
.tbl_formopen.mrg-t-25{ margin-top: 25px;} 
.tbl_formopen.wide-inputs tr td input:not(input[type="checkbox"]):not(input[type="radio"]),
.tbl_formopen.wide-inputs tr td select,
.tbl_formopen.wide-inputs tr td .slimselect-multiple,
.tbl_formopen.wide-inputs tr td .slimselect-single{
  width: calc(100% - 20px);
  max-width: unset;
}
.tbl_title {background:url(../di/tbl_title3.gif);}
.tbl_title td {color:#0c5589; font-size:12px; font-weight:bold;}


.select-width-buttons{
	display: flex;
	align-items: center;
}

.select-width-buttons .buttons .button{
	padding-top: 8px;
  padding-bottom: 8px;
  margin-left: 10px;
}

.message { padding: 10px 15px; background-color: #f4f4f4; margin-bottom: 8px; border: solid 1px #eee; text-align: center; }
.message.additional-margin-top{ margin-top: 17px;}
.message.additional-margin-top.m-50{ margin-top: 50px;}
.message a { color: #218ACC; }
/* .message.message_notice { background-color: #D9EDF7; color: #31708f; border-color: #bce8f1; }
 .message.message_notice a { color: #31708f; } */
.message.message_success { background-color: #dff0d8; color: #3c763d; border-color: #d6e9c6; }
.message.message_success a { color: #3c763d; }
.message.message_error { background-color: #f2dede; color: #a94442; border-color: #ebccd1; }
.message.message_error a { color: #a94442; }
.message.message_warning { background-color: #fcf8e3; color: #8a6d3b; border-color: #faebcc; }
.message.message_warning  a { color: #8a6d3b; }

.modern-table{
  border-bottom: 1px solid #80AAB4;
}

.buttons { list-style: none; margin: 10px 0px; padding: 0px; text-align: center; }
.buttons.buttons-separator{
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid #EBEBEB;
}
.buttons.addpayment-btns{ margin-top: 35px;}
.buttons.sticky_btns { position: sticky; bottom: 0; background-color: rgba(255, 255, 255, 0.75); padding: 10px 0; margin: 0; border-top: 1px solid #3dc3ca;}
.buttons li { margin:0px 4px; display: inline-block; }
.buttons .button {  padding: 11.5px 22px; border-radius: 5px; text-transform: uppercase; background-color: #21B35B; display: block; text-decoration: none; color: #fff; font-size: 15px; font-weight: 700; transition: 0.5s;}
.buttons .button:hover { background: #118d43; }
.buttons .button.has_icon { padding-left: 30px; position: relative; }
.buttons .button.has_icon:before { content: ' '; display: block;  position: absolute; top:50%; margin-top: -8px; left:6px; height:17px; width: 19px; background: url(../di/button_icons.png) no-repeat left top transparent; }
.buttons .button.has_icon.icon_confirm:before { background-position: left 0px;  }
.buttons .button.has_icon.icon_cancel:before { background-position: left -17px;  }

.buttons .button.has_icon.icon_search { padding: 13px 14px; padding-right: 38px; background: url('/dlg/di/icons/icon-search.png') no-repeat calc(100% - 11px) center #00599E;}
.buttons .button.has_icon.icon_search:before { content: unset; }
.buttons .button.has_icon.icon_add:before { background-position: left -51px;  }
.buttons .button.has_icon.icon_forward:before { background-position: left -68px;  }
.buttons .button.has_icon.icon_back:before { background-position: left -85px;  }

.buttons.customer-data-edit{
  position: absolute;
	right: 0;
	bottom: 0;
	margin: 0;
}
.buttons.customer-data-edit .button{
  background: none;
  border: none;
  box-shadow: none;
  background-color: #80AAB4;
  padding: 5px 8px;
  border-radius: 0; 
  font-size: 11px;
  text-transform: uppercase;
}

.buttons.customer-data-edit .button:hover { background: #67869e; }

.th	{ padding: 10px; color: #fff; text-transform: uppercase; font-size: 11px; background-color: #80AAB4;}
.th:not(:last-child)	{ border-right: 1px solid #fff;}
.tha { text-align: center; color: #fff; text-decoration: none; }
.tfl {text-align: left; padding: 4px; }
.tfl .page-input {width: 38px; height: 36px; text-align: center; margin-right: 7px;}
.tfr {text-align: right; padding: 4px; }
.tfra {color:#0A2940;text-decoration:none; display: inline-block; padding: 0px 2px; font-size: 14px;}

.tl1, .tl2, .tc1, .tc2, .tr1, .tr2 { padding: 1px 4px; color: #404b55; }
.tl1, .tc1, .tr1 { background-color: #f9f9f9; }
.tl2, .tc2, .tr2 { background-color: #EFF3F7; }
.tl1, .tl2 { text-align: left; }
.tc1, .tc2 { text-align: center; }
.tr1, .tr2 { text-align: right; }

.t2l1 {font-size:12px;text-align:left;color:#404b55;background-color:#f4f4f4;padding:1px;padding-left:4px;}
.t2l2 {font-size:12px;text-align:left;color:#404b55;background-color:#ffffff;padding:1px;padding-left:4px;}
.t2c1 {font-size:12px;text-align:center;color:#404b55;background-color:#f4f4f4;padding:1px;}
.t2c2 {font-size:12px;text-align:center;color:#404b55;background-color:#ffffff;padding:1px;}
.t2r1 {font-size:12px;text-align:right;color:#404b55;background-color:#f4f4f4;padding:1px;padding-right:4px;}
.t2r2 {font-size:12px;text-align:right;color:#404b55;background-color:#ffffff;padding:1px;padding-right:4px;}

.grayed { color:#999; }
.green { color:#0ec270; }

.tln {font-size:12px;text-align:left;color:#404b55;padding:1px;padding-left:4px; border:solid;border-width:0px 1px 0px 1px;border-color:#d8d8d8 #d8d8d8 #fff #fff;}
.tcn {font-size:12px;text-align:center;color:#404b55;padding:1px; border:solid;border-width:0px 1px 0px 1px;border-color:#d8d8d8 #d8d8d8 #fff #fff;}
.trn {font-size:12px;text-align:right;color:#404b55;padding:1px;padding-right:4px; border:solid;border-width:0px 1px 0px 1px;border-color:#d8d8d8 #d8d8d8 #fff #fff;}

.tsell {font-size:12px;text-align:left;color:#0d235f;background-color:#C2D9EF;padding:1px;padding-left:4px;}
.tselc {font-size:12px;text-align:center;color:#0d235f;background-color:#C2D9EF;padding:1px;}
.tselr {font-size:12px;text-align:right;color:#0d235f;background-color:#C2D9EF;padding:1px;padding-left:4px;}


.sbtn.disabled { opacity: 0.6; cursor: default; }

.sbtn{ 
  background-color: #80AAB4;
	color: #fff;
  padding: 6px 10px;
	border-color: #80AAB4;
  text-transform: uppercase;
  transition: .7s;
  font-size: 10px;
  text-decoration: unset;
  margin: 2px 0;
	display: inline-block;
	box-sizing: border-box;
}

.sbtn:hover{
  background-color: #67869e;
	border-color: #67869e;
}
.mbd {margin:0px;}
.mbd_td {background:url(../di/menu_bg.jpg) no-repeat bottom #0c67ac; vertical-align:top; width:170px; height:100%;}
.mme {font-size:11px; font-family: Tahoma, Verdana, Arial; font-weight:bold; padding:0px; }
.mme p {text-indent:-14px; font-size:11px; text-align:left; color:#FFF; padding:3px 0px 3px 14px; margin:0px;}
.mme a {color:#FFF; text-decoration:none;}
.mme a:hover {color:#FFF;}
.mme_b {font-size:11px; font-family: Tahoma, Verdana, Arial; font-weight:bold; padding:0px; background-position:left top; cursor:pointer;}
.mme_b p {text-indent:-14px; font-size:11px; text-align:left; color:#FFF; padding:3px 0px 3px 14px; margin:0px;}
.mme_b a {color:#FFF; text-decoration:none;}
.mme_b a:hover {color:#FFF;}
.msu {font-size:11px; font-family: Tahoma, Verdana, Arial; padding:0px; }
.msu p {font-size:11px; text-align:left; color:#FFF; padding:2px 0px 2px 19px; margin:0px;}
.msu a {color:#FFF; text-decoration:none;}
.msu a:hover {color:#FFF;}
.msu_b {font-size:11px; font-family: Tahoma, Verdana, Arial; padding:0px; background-position:left top; cursor:pointer;}
.msu_b p {font-size:11px; text-align:left; color:#FFF; padding:2px 0px 2px 19px; margin:0px;}
.msu_b a {color:#FFF; text-decoration:none;}
.msu_b a:hover {color:#FFF;}
.tabs_navigation { list-style: none; margin: 0px; padding: 0px; margin-top: 14px;}

.tabs_navigation li { margin: 0px; padding: 0px; float: left; display: block; margin-right: 2px; margin-top: 2px; }

.tabs_navigation.two-rows-tabs li{
  margin-top: 0;
  margin-bottom: 4px;
}

.tabs_navigation.two-rows-tabs li a{
  border-bottom: 1px solid #EBEBEB;
}

.tabs_navigation li a { display: block; text-decoration: none; font-size: 15px;transition: 0.7s; background-color: #FFF; color: #434343; padding: 15px 14px; border: 1px solid #EBEBEB; border-bottom: 0;}
.tabs_navigation li a:hover { background-color: #E1EDF7; }
.tabs_navigation li.tabs a {
  background-color: #fff;
	color: #21B35C;
	position: relative;
	outline: none;
	border: 1px solid #EBEBEB;
	border-bottom: 0;
  font-weight: 700;
}

.tabs_navigation.two-rows-tabs li.tabs a{
  border-bottom: 1px solid #EBEBEB;
}

.tabs_navigation.two-rows-tabs li.tabs a::before{  
  content: unset;
}

.tabs_navigation li.tabs a:before {
  content: ' ';
  display: block;
  position: absolute; 
  left: 0;
	top: 100%;
	width: 100%;
	background-color: #fff;
	height: 1px;
 }

.tabs_navigation.tabs_navigation-with-btns .bigbtn-icon a{
  padding: 0;
  border: none;
}

.tabs_navigation.tabs_navigation-with-btns > .bigbuttonslist-separator,
.tabs_navigation.tabs_navigation-with-btns > .clear{
  display: none;
}

.tabs_content { padding: 15px 18px; border: solid 1px #EBEBEB; margin-bottom: 6px;  }

.bigbuttonslist-separator{
  width: 100%;
  border-bottom: 1px solid #EBEBEB;
  margin-bottom: 10px;
  float: right;
  margin-top: 6px;
}

.category-select{
  display: flex;
  align-items: center;
}

.category-select > *{
  margin-right: 10px;
}

.ctl {padding-right:5px; vertical-align:top;}
.ctc {padding-left:5px;padding-right:5px;}
.ctr {padding-left:5px;}

.tree {font-size:12px;  color:#000060;}
.treei {cursor:pointer;}

.wit { box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.2); overflow: hidden;border-top: unset;  }
.wit .whead { background-color: #80AAB4; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: default; }
.wit .whead span { display: inline-block; padding: 10px 15px; color: #fff; font-weight: bold; text-transform: uppercase; }
.wit .whead a { display: block;  }
.wit .whead a:hover { background-color: #208ACB; }
.wit .whead .whead_last { padding-right: 5px;  }
.wii {width:100%; background:#fff;}

body.is_modal .dps2 { padding: 10px; }
body.is_modal .titb .tit .title { padding: 7px 20px; background-color: #fff;}
body.is_modal .titb .tit .title .logo { display: none; }
body.is_modal .titb .tit .title h3 { line-height: 100%; height:auto;  }

.tlbusy {font-size:12px;text-align:left;color:#0d235f;background-color:#DEDF53;padding:1px;padding-left:4px;}

#dlg_hint {position:absolute;top:0px;left:0px;z-index:100;width:200px;font:11px Tahoma,Verdana,Arial;background-color:#ffffe6;padding:8px;border:1px solid #000000;display:none;}

.bottomframe1 {width:100%; height:10px; background:url(../di/bf1.gif); font-size:11px;}

#iframe_preview{ z-index: 2;}

.calendar_b	{background:url(../di/cal_1.png) no-repeat top; width:136px;}
.calendar	{font-family: Tahoma, Verdana, Arial; width:136px; position:absolute; top:0px; left:0px;}
.calendar a	{text-decoration:none; color:#fff;}
.calendar1	{height:20px; font-size:11px; padding-left:11px; font-weight:bold; vertical-align:bottom;}
.calendar2	{height:20px; font-size:11px; padding-right:11px; font-weight:bold; vertical-align:bottom; text-align:right;}
.calhd {font-size: 11px; font-family: Tahoma, Verdana, Arial; text-align:center; color:#000080; font-weight:bold;}
.caln1 {font-size: 11px; font-family: Tahoma, Verdana, Arial; text-align:right; color:#0000c0; font-weight:normal; text-decoration:none;}
.caln2 {font-size: 11px; font-family: Tahoma, Verdana, Arial; text-align:right; color:#0000c0; font-weight:normal; text-decoration:none;}
.cals1 {font-size: 11px; font-family: Tahoma, Verdana, Arial; text-align:right; color:#ff0000; font-weight:normal; text-decoration:none;}
.cals2 {font-size: 11px; font-family: Tahoma, Verdana, Arial; text-align:right; color:#ff0000; font-weight:normal; text-decoration:none;}
.call {font-size: 11px; font-family: Tahoma, Verdana, Arial; text-align:center; color:#000080; font-weight:bold;}
.call:hover {color:#0000c0;}


.calendar-container{
  padding: 20px;
  box-sizing: border-box;
  display: flex;
	gap: 30px;
}

.calendar-container .month-view table{
  border-spacing: 5px;
}

.calendar-container .calhd{
  color: #000;
	font-weight: 700;
	margin-bottom: 20px;
  font-size: 16px;
}

.calendar-container a.caln1,
.calendar-container a.caln2,
.calendar-container a.cals1,
.calendar-container a.cals2{
	padding: 10px;
	font-size: 14px;
  background-color: #efefef;  
	display: block;
	text-align: center;
  border-radius: 3px;
  transition: 0.4s;
}

.calendar-container a.caln1:hover,
.calendar-container a.caln2:hover,
.calendar-container a.cals1:hover,
.calendar-container a.cals2:hover{
  background-color: #21B35B;
  color: #fff;
}

.calendar-container .caln1,
.calendar-container .caln2{
  color: #000;
}

.calendar-container .controls {
  margin-top: 40px;
}

.calendar-container .controls table tr{
  display: flex;
	flex-direction: column;
  gap: 10px;
}

.calendar-container .controls table tr td{
  padding: 0;
  margin: 0;
}

.calendar-container .controls table tr a{
  text-decoration: none;
	padding: 10px;
  border-radius: 5px;
	text-transform: uppercase;
	background-color: #21B35B;
  color: #fff;
  white-space: nowrap;
	width: 100%;
	display: block;
  box-sizing: border-box;
  transition: 0.7s;
}

.calendar-container .controls table tr a:hover{
  background-color: #118d43;
}

.welcome { font-size: 13px; color: #4d5f71; padding: 10px 10px 10px 180px; background: url(../di/icons/welcome.png) no-repeat 30px 10px transparent; margin-bottom: 20px; }
.welcome h3 { color: #013861; font-size: 13px; margin: 0px; }
.welcome .text { margin: 20px 0px; }

.main_div {margin:13px 0px 0px 0px; border:solid #137dbe; border-width:2px 0px 0px 0px; padding:13px 13px 0; font-size:11px; color:#0c5589;}
.main_div h2 {font-size:12px; color:#404b55; margin:0px;}
.main_div a {color:#dd4736; text-decoration:none;}
.main_div a:hover {color:#358dc2;}

.main_boxes {width:100%;}
.main_boxes .main_boxes_l {vertical-align:top; background:url(../di/mb10.gif);}
.main_boxes .main_box {width:30%; min-width:300px; background-color: #f3faff; border: solid 1px #c2e8ff; vertical-align:top; text-align:left; padding: 1%; float:left; margin:10px 0px 0px 1%;}
.main_boxes .main_box .main_box_cnt {position:relative;}
.main_boxes .main_box .header { padding: 10px 0px; }
.main_boxes .main_box .contents { margin-bottom: 10px; color: #0c67ac; font-size: 12px; }
.main_boxes .main_box h2 { margin-top: 10px; background: url(../di/main_box_ico.png) no-repeat 10px center transparent; padding: 0px 30px 0px 40px; margin: 0px; font-size: 13px; color: #0c5f9e; }
.main_boxes .main_box .main_more { font-size: 12px; float:right; color:#90cdf4; text-decoration:none; font-weight: bold; padding:0 17px 0 0; background:url(../di/more_arrow.png) no-repeat right center;}
.main_boxes .main_boxes_r {vertical-align:top; background:url(../di/mb11.gif);}
.main_boxes .main_boxes_sep {vertical-align:top; width: 5px; }
.main_boxes .main_boxes_c2 {width:33%; background:url(../di/mb5.gif);}


.mn1a {padding-top:10px; width:100%; color: #0c67ac;  }
.mn1b {padding:10px 0 0 10px; color:#358dc2; float:right;}
.mn1b a {color:#00b89c; font-weight:bold; text-decoration:none;}
.mn1a span {color: #0c67ac; }
.mn1a .mn1ai {color:#dd4736;}
.mn1a a {color:#00b89c; text-decoration:none; font-weight:bold;}
.mn2 {color:#dd4736; padding:2px 0 0;}
.mn3 {color:#0c5589; margin:0px; padding-bottom:10px; border-bottom:solid 1px #c1e1f5;}
.mn3 a {color:#0c5589; text-decoration:none;}
.mn3 a:hover {color:#358dc2;}

.main_td {width:250px; font-size:11px; font-family:Tahoma,Verdana,Arial; color:#909090;}
.main_td a {text-decoration:none;}
.main_td p {font-size:12px; font-family:Tahoma,Verdana,Arial; color:#727272; padding:0px; margin:0px; border:0px;}
.p {font-size:12px; font-family:Tahoma,Verdana,Arial; color:#727272; margin:3px 0px 0px 10px;}
.p a {text-decoration:none;}

.help_box { background: url(../di/icons/main_help_menu.png) no-repeat 5px 10px transparent; padding-left: 45px; }
.help_box h3 { color: #ae000c; text-transform: uppercase; margin-bottom: 5px; font-size: 13px; font-weight: bold; }
.help_box a { color: #4d5f71; font-size: 13px; text-decoration: none;  background: url(../di/more_arrow.png) no-repeat left center transparent; padding-left: 12px; display: block; }

.page{font-size:11px; font-family:Tahoma,Verdana,Arial; color:#000000; text-decoration: none;}
.vn {font-size:11px; font-family:Tahoma,Verdana,Arial; color:#404040;}
.vv {font-size:11px; font-family:Tahoma,Verdana,Arial; color:#000000; font-weight:bold;}
.fb {border: solid 1px; border-color: rgb(200,200,200); background-color: rgb(245,245,245); padding-left: 5px; padding-right: 5px; padding-top:1px; padding-bottom:1px; text-decoration: none; color: black; font-size: 11px; font-family: Tahoma, Verdana, Arial;}

.tmenu{
  display: block;
}
.tmenu { list-style: none; margin: 0px; margin-bottom: 5px; padding: 0px;  }
.tmenu li { float: left; margin: 0px; padding: 2px; }
.tmenu li img { display: block; }

.tmenu li.wiki-icon-container{
  border: 1px solid #fff;
  box-sizing: border-box;
  box-sizing: border-box;
	padding: 0;
  margin-right: 1px;
  margin-bottom: 2px;
  background-color: #E3E8EE;
}

.tmenu li.wiki-icon-container:hover{
  border-color: #9ABDD8;
}

.article-products-list tbody.ui-sortable tr[data-id="0"] .tc1 .tableicon.delete{
  margin-right: 25px;
}

.dlgdiv {}
.fsplain {padding-right:3px;  cursor: default;}
.p_top	{color:#f6f6f6; font-size:12px; margin:0px; padding:5px 0px;}
.tl {background:url(../di/tree_lt.gif) no-repeat; width:8px; height:8px;}
.tc	{background:#f1f6fa; width:100%;}
.tr	{background:url(../di/tree_rt.gif) no-repeat; width:8px; height:8px;}
.cc	{background:#f1f6fa; width:100%;}
.bl	{background:url(../di/tree_lb.gif) no-repeat; width:8px; height:8px;}
.bc	{background:#f1f6fa; width:100%;}
.br	{background:url(../di/tree_rb.gif) no-repeat; width:8px; height:8px;}

.importAnim 	{width: 200px; margin-left: auto; margin-right: auto;}
.importTxt		{font-size: 14px; font-weight: bold; font-family: Tahoma,Verdana,Arial; color:black; padding-top: 10px;}
.importErr		{font-size: 14px; font-weight: bold; font-family: Tahoma,Verdana,Arial; color:red; padding-top: 10px; padding-bottom: 10px;}

/***** WYSiWYG *****/
.clear {clear:both; height:0; font-size:1px; line-height:1px;}
.wysiwyg {width:99%; border:1px solid #000; background:#d4d0c8; margin-bottom: 10px;}
.wysiwyg .toolbox {padding:2px;}
.wysiwyg .toolbox .icon {float:left; padding:4px;}
.wysiwyg .toolbox .iconh {float:left; padding:3px; border:1px solid #000;}
.wysiwyg .toolbox .separ {width:2px; height:23px; float:left; background:url(i/s.gif) no-repeat;}
.wysiwyg .toolbox .select {float:left; margin:2px;}
.wysiwyg .frame {background:#fff; margin:2px; border:1px solid #000;}
.wysiwyg .frame iframe {width:100%; height:350px; border:none;}
.wysiwyg .path {font-size:11px; padding:0 3px 3px;}

a.allegro_link { color: #00599e; padding-left: 26px; background: url(../di/anchor-ico.svg) no-repeat 5px center; text-decoration: none; background-size: 12.9px;}
a.allegro_link:hover { text-decoration: underline; }
.bok_client {border-color: red; border-width: 1px;}
.bok_staff {border-color: green; border-width: 1px;}

.support_chat { border: 2px solid #bbb; height: 300px; overflow: auto; min-height: 300px; margin-bottom: 2px; }
.support_chat .msg_sys,
.support_chat .msg_me,
.support_chat .msg_you { font-size: 14px; padding: 4px; border-bottom: 1px solid #ddd; }
.support_chat .msg_sys { color: #666; background: #f0f0f0; }
.support_chat .msg_me { background: #eeffee; }
.support_chat .msg_you { background: #ffeeee; }
.support_chat .msg_sys span,
.support_chat .msg_me span,
.support_chat .msg_you span { font-size: 12px; font-weight: bold; }

.chat_tabs { clear: both; display: block; padding: 0; margin: 10px 0 0 0; }
.chat_tabs li { display: block; float: left; background: #e8e8e8; padding: 0; margin: 0 4px -1px 4px; border: 1px solid #999; border-radius: 4px 4px 0 0; font-size: 12px; font-weight: bold; position: relative; }
.chat_tabs li.live { background: #dfb; }
.chat_tabs li.unread { background: #fcc; }
.chat_tabs li:hover { background: #def; }
.chat_tabs li.active, #chat_tabs li.active:hover { background: #fff; border-bottom-color: #fff; }
.chat_tabs li a { color: #333; display: inline-block; text-decoration: none; padding: 5px 30px 5px 15px; outline: none; }
.chat_tabs li div { position: absolute; width: 16px; height: 16px; top: 4px; right: 8px; background: transparent url(../di/tab-close.png) no-repeat; cursor: pointer; }
.chat_tabs li div:hover { background-position: 0 -16px; }
.chat_panels { clear: both; border: 1px solid #999; border-radius: 4px; padding: 15px; margin: 0 0 10px 0; }
.chat_panels div.chat_panel { display: none; }
.chat_panels div.chat_panel.active { display: block; }
.chat_panels span.chat_panel_msg { display: block; text-align: center; padding: 10px; font-weight: bold; }
.chat_panels .chat_btn { padding: 2px 8px; border: 1px solid #999999; margin: 2px; background-color: #d8d8d8; }
.chat_panels .chat_btn:hover { background-color: #def; border-color: #0c5589; }
.chat_panels .chat_input { background: #fff; color: #2C2C2C; padding: 4px 6px; border: 1px solid #bbb; width: 820px; }

.dpdDeleted { text-decoration: line-through; }
input.blendin {width: 30px; padding: 2px; text-align: center; border: none; background: transparent;}
.refreshBtn { width: 25px; height: 25px; display: block; background: transparent url(../di/icons/bigbtn/refresh.svg) no-repeat; 	background-size: contain;}


.upload_result { border-bottom: 1px solid #aaa; padding: 2px; }
.upload_result.ico_progress { padding-left: 40px; background: url(../../public/i/common/loading.gif) no-repeat scroll 12px 12px; }
.upload_result.ico_success { padding-left: 40px; background: url(../../public/i/common/ico_success.png) no-repeat scroll 12px 12px; }
.upload_result.ico_error { padding-left: 40px; background: url(../../public/i/common/ico_error.png) no-repeat scroll 12px 12px; }
.upload_info { font-weight: bold; padding: 2px; }
.upload_status { padding: 2px; }
.upload_success {color:#0c0;}
.upload_error {color:#f00;}

.newsletter_log { border: 0px; padding: 0px; margin: 0px; list-style-position: inside; line-height: 1.3em; list-style-type: square; }

.orderLine { color: #506472;}
.orderLine a { text-decoration: none; color: #404B55; }
.orderLine a:hover { color: #2B8FCE; }
.orderIcon {margin: 2 1 2 1px; border: 1px solid #E3E2E2; box-sizing: border-box; width: 23.5px; height: 23.5px;object-fit: none; }
.orderIcon:hover {border-color: #858585 !important; }
.customerIcon {vertical-align: middle; margin: 2px 5px 2px 1px;}

.orderLink { text-decoration: none; color: #404B55; }
a.orderLink:hover { color: #2B8FCE; }

.orderTable { background-color: #F4F4F4; font-size: 12px; color: #404B55; width: 100%; border: 1px solid #97B3C4; margin-bottom: 10px; }

.tblOrder {border:solid #97B3C4; border-width:1px 1px 1px 1px;}
.tblOrder tr 		{ -ie-xp:expression(this.parsed ? 0 : (this.onmouseover=new Function("this.className+=' hover';"),this.onmouseout=new Function("this.className=this.className.replace('hover','');"),this.parsed=1));}
.tblOrder .th		{ font-weight:bold; height:auto; border-color: #D8D8D8 #D8D8D8 #FFFFFF #FFFFFF; border-style: solid; border-width: 0 1px; background-image: none; background-color: #fbfbff; font-size:11px; text-align:left; color:#555; padding:2px; padding-left:4px; }

.tblOrder .tdLine	{ font-weight:normal; height:auto; border-color: #D8D8D8 #D8D8D8 #FFFFFF #FFFFFF; border-style: solid; border-width: 0 0 0 0px; background-image: none; background-color: #F4F4F4; font-size:12px; text-align:left; color:#404B55; padding:2px; padding-left:4px; }
.tblOrder .tdLine.tdStatus	{ padding-top: 5px; padding-bottom: 5px; }
.tblOrder .tdLine.tdAddInfo	{ padding-top: 5px; padding-bottom: 5px; }
.tblOrder .tdLine.tdButtons { text-align:center; padding-top: 7px; padding-bottom: 0px; }

.tbutton { text-transform: uppercase; padding: 2px 7px; font-size: 11px; display: inline-block; text-decoration: none;  margin:3px; border-radius: 2px; background-image: linear-gradient(#3DC3CA,#33B3B7); text-decoration: none; color: #fff; border-bottom: solid 1px #2EA6AA; border-top: solid 1px #47CED3; box-shadow: 0px 0px 0px 1px #2EA6AA; }
.tbutton:hover { background-image: linear-gradient(#47CED3,#33B3B7); box-shadow: 0px 0px 0px 1px #2EA6AA, 0px 2px 0px 0px rgba(0,0,0,0.2); }
.tbutton.disabled { opacity: 0.6; cursor: default; }

.tbutton.del-btn{
  font-size: 0px;
  background: url("/dlg/di/icons/btn/delete.png") no-repeat center transparent;
  width: 14px;
  height: 17px;
  padding: 0px;
  border: unset;
  box-shadow: unset;
}

.rlink { color: #2B8FCE; text-decoration: none; }
.rlink:hover { color: #6BB0FF; }

.orderPrev { color:#BFBFBF; font-style: italic; }

.dtext { line-height: 130%; font-size: 12px; color: #404B55; }
.dtext a { color: #0975C1;  }

.divDictionary { padding-top: 5px; margin-top: 10px; border-top: 1px solid #CFCFCF; }
#divDictionariesSelect { padding: 5px 0px; }
.products_search_dict_button		{ float: left; line-height: 20px; }
.products_search_dict_button .fb	{ padding: 3px 6px; margin-right: 3px;}

.icon_2fa { vertical-align:middle; }

.categories_table { width: 100%; font-size: 12px; color: #404B55; border: 1px solid #AFAFAF; margin: 5px 0px; }
.categories_table td { line-height: 20px; }
.categories_table td a { background-color: #F5F5F5; border: 1px solid #C8C8C8; color: #000000; font-family: Tahoma,Verdana,Arial; font-size: 11px; padding: 1px 5px; text-decoration: none; }
.imageSelect {
	border: 1px solid #aab0b2;
	padding: 10px;
	width: 170px;
	float: left;
	margin-right: 5px;
	height: 275px;
}
.imagePreview {
	float: left;
	border: 1px solid #aab0b2;
	height: 275px;
	padding: 10px;
	width: 480px;
	overflow: auto;
}
.imagePreview #imagePrev{
	width: 480px;
	height: 255px;
	overflow: auto;	
}

.split {
	font-family: Tahoma,Verdana,Arial; font-size: 13px;
	color: #404B55;
	margin: 0px 10px 0px 10px;
}

#cats_tree td, #cats_tree th {font-size:12px;}
#cats_tree td.r {text-align:right;}
#cats_tree td.c {text-align:center;}

.allegro-icon,
.ceneo-icon,
.nokaut-icon,
.google-icon{
  margin: 0 3.5px;
}


.clear { display: block; height: 0px; line-height: 0px; clear: both;}
.cf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clear { zoom: 1; }
*:first-child+html .cf { zoom: 1; }
.main_menu { overflow: hidden; width: 208px; background: #fff; transition: 0.2s all ease; height: calc(100vh - 124px); padding: 0 10px; box-sizing: border-box;}
.main_menu ul { margin:0; padding-left: 9px; font-size: 13px; list-style: none; background-color: #fff; box-sizing: border-box;}
.main_menu ul.ui-sortable{ padding-left: 0;}
.main_menu ul.user_menu {padding-left: 0;}



.main_menu ul.ui-sortable li.main_item{padding-left: 4px;}
.main_menu ul.user_menu li.main_item{padding-left: 0;}
.main_menu ul li.main_item { display: block; border: solid 1px #DDEDF9;  padding: 10px 0px; position: relative; background-color: #FFF; overflow: hidden; }

.main_menu ul li.main_item .menu_icon  { float: left; margin-left: 12px; margin-right: 10px;}
.main_menu ul li.main_item .item_body { margin: 0px 20px 0px 49px; }
.main_menu ul li.main_item .item_body .sub_items{ padding: 8px 0px; padding-left: 5px;}
.main_menu ul li.main_item .item_body .sub_items li {margin-bottom: 3px; padding-left: 12px; background: url('/dlg/di/icons/icon-menu-small-arrow.svg') no-repeat 0px center; background-size: 4px;}
.main_menu ul li.main_item .item_body .sub_items li a {color: #455666; font-size: 13px;}
.main_menu ul li.main_item .item_body .sub_items li a:hover { color: #05CDFD; }
.main_menu ul li.main_item h2 { margin: 0px; padding: 0px; font-size: 14px; font-weight: 700; height: 31px;	line-height: 31px; }
.main_menu ul li.main_item ul li a { color: #5ac0ce; text-decoration: none; }
.main_menu ul li.main_item .drag { transition: 0.2s all ease; position: absolute; width: 16px; top: 0px; bottom: 0px; left:-16px; background: url(../di/icons/menu_drag.png) no-repeat center center #015A9D; opacity: 0.3; }
.main_menu ul li.main_item .drag:hover { opacity: 1; background-color: #2179b9; cursor: grab;}
.main_menu ul li.main_item .options { transition: 0.2s all ease; position: absolute; right: -30px; top:0px; bottom:0px;   }
.main_menu ul li.main_item .options a { display: block; width: 30px; height: 30px; border-top: solid 1px #2179b9; background: url(../di/icons/menu_drag.png) no-repeat center center transparent; opacity: 0.5; cursor: pointer; }
.main_menu ul li.main_item .options a:hover { opacity: 1; background-color: #2179b9;  }
.main_menu ul li.main_item .options a.edit { background-image: url(../di/icons/menu_item_edit.png); background-color: #2179b9; }
.main_menu ul li.main_item .options a.delete { background-image: url(../di/icons/menu_item_delete.png); background-color: #2179b9; }
.main_menu ul li.main_item .options a:first-child { border: none; }
.main_menu.editable ul li.main_item ul li a { cursor: default !important; }
.main_menu.editable ul li.main_item .menu_icon  { margin-left: 14px; margin-right: 2px;}


.user_menu-buttons{
	display: flex;
	align-items: center;
  background-color: #fff;
  padding: 14px 0;
}

.user_menu-buttons .user_menu-buttons-element{
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 33.33%;
  cursor: pointer;
  text-decoration: none;
}

.user_menu-buttons .user_menu-buttons-element i{
  margin-bottom: 8px;
}

.user_menu-buttons .user_menu-buttons-element i.icon-home{
  display: inline-block;
  width: 21px;
  height: 21px;
  min-width: 21px;
  background: url('/dlg/di/icons/icon-home.svg') no-repeat center;
}

.user_menu-buttons .user_menu-buttons-element i.icon-instruction{
  display: inline-block;
  width: 24px;
  height: 21px;
  min-width: 24px;
  background: url('/dlg/di/icons/icon-instruction.svg') no-repeat center;
}

.user_menu-buttons .user_menu-buttons-element i.icon-settings{
  display: inline-block;
  width: 22px;
  height: 22px;
  min-width: 22px;
  background: url('/dlg/di/icons/icon-settings.svg') no-repeat center;
}

.user_menu-buttons .user_menu-buttons-element i.icon-logout{
  display: inline-block;
  width: 22px;
  height: 23px;
  min-width: 22px;
  background: url('/dlg/di/icons/icon-logout.svg') no-repeat center;
}

.user_menu-buttons .user_menu-buttons-element span.text{
  font-size: 8px;
  text-transform: uppercase;
  color: #4C5967;
}

.placeholder { height:60px; border: dotted 2px #5ac0ce; margin: 5px; }

.slimselect-single,
.slimselect-multiple{
  max-width: 250px;
	padding: 0px !important;
  border: unset !important;
}

.slimselect-single .chosen-single,
.slimselect-multiple .chosen-choices{
  border: unset !important;
	box-shadow: unset !important;
	background: unset !important;  
  color: #000 !important;
  padding: 8px 10px !important;
  border: 1px solid #C1C1C1 !important;
  border-radius: 0px !important;
  height: auto !important;
  line-height: initial !important;
  background: url(/dlg/di/icons/select-arrow.svg) no-repeat calc(100% - 10px) center #fff !important;
	background-size: 18px !important;
}

.slimselect-multiple .chosen-choices{
  padding: 3px 10px !important;
}

.chosen-with-drop .chosen-drop{
  border-color: rgb(178, 192, 203) !important;
}

.slimselect-single .chosen-single > span,
.slimselect-multiple .chosen-choices > span{
  font-size: 12px;
}

.slimselect-multiple .chosen-choices .search-choice{
  background: unset !important;
  background-color: #00599e !important;
  color: #fff !important;
  border: unset !important;
}

.slimselect-multiple .chosen-choices li.search-choice .search-choice-close{
  background: unset !important;
	background: url("/dlg/di/icon_close.svg") no-repeat center !important;
	background-size: 10px !important;
}

.chosen-container.slimselect-single .chosen-single div{
  right: 7px;
}

.chosen-container.slimselect-single .chosen-single div b,
.chosen-container.slimselect-multiple .chosen-choices div b{
  background-image: url("/dlg/di/icons/select-arrow.svg") !important;
	background-size: 11px !important;
  background-position: 50% !important;
  display: none;
}

.slimselect-single.wide,
.slimselect-multiple.wide{
	max-width: 100% !important;
  width: 100% !important;
}
.slimselect-single .placeholder { height: auto; border: unset; margin: unset;}
.slimselect-multiple .placeholder { height: auto; border: unset; margin: unset;}

.slimselect-single.ss-main .ss-single-selected,
.slimselect-multiple.ss-main .ss-multi-selected{
  border: none;
  padding: 3px 6px;
  height: unset;
  min-height: unset;
}

.ss-main div.ss-multi-selected .ss-values .ss-value,
.ss-content div.ss-list .ss-option.ss-highlighted,
.ss-content div.ss-list .ss-option:hover{
  background-color: #00599e;
}

.main_menu.editable { height: calc(100vh - 154px)}
.main_menu.editable ul li.main_item .drag { left:0px; }
.main_menu.editable ul li.main_item .options{ right:0px; }
.main_menu.editable ul li.main_item .scroll{ right:10px !important; }
.main_menu.editable ul li.main_item .menu_icon{ cursor: pointer; transition: 0.4s all ease; }
.main_menu.editable ul li.main_item .menu_icon:hover{ box-shadow: 0 0 3px 1px rgba(0,0,0,0.1);}

.main_menu.editable .menu_management { height: 30px;}

.menu_management { position: fixed; left:0px; bottom:0px; background-color: #fff;	width: 208px;	padding-left: 14px;	box-sizing: border-box; height: 0px; transition: height 0.2s ease;} 
/* .main_menu .edits { width: 30px; height: 30px; display: block; background: url(../di/icons/icon-menu-options.svg) no-repeat center center transparent; cursor: pointer; float: left; background-size: auto 17.5px;} */

/* .main_menu.editable .edits { opacity: 1; } */
.main_menu.editable .add { opacity: 1; display: block; }

.main_menu .add { width: 30px; height: 30px; display: none; background: url(../di/icons/icon-menu-add.svg) no-repeat center center transparent; cursor: pointer; float: left; background-size: auto 17.5px;}

.top_bar { background: #fff; color: #4C5967; font-size: 13px; text-align: right; line-height: 39px; height: 39px; padding-right: 40px;  }
.top_bar  a { color: #4C5967; text-decoration: none;  }
.top_bar  a:hover{
  color: #2089CB;
}
.top_bar  a.logout { padding-left: 35px; background: url("../di/icons/icon-logout.svg") no-repeat left center transparent; display: inline-block; background-size: 24px 21px;}
.top_bar  .user { padding-left: 25px; background: url("../di/icons/icon-user.svg") no-repeat left center transparent; margin-right: 30px; display: inline-block;background-size: 13px 15px; }
.top_bar  a.manual { padding-left: 25px; background: url("../di/icons/icon-manual.svg") no-repeat left center transparent;	background-size: 17px 15px; display: inline-block; margin-right: 35px }

.menu_icon { width: 31px; height: 31px; background: url("/dlg/di/icons/menu-icon-0.svg") no-repeat center; background-size: 20px;}/* Domyślna. Nie jest wybrana szczególna ikona */
.menu_icon.icon_1 { width: 31px; height: 31px; background: url("/dlg/di/icons/menu-icon-1.svg") no-repeat center; background-size: 16px 19.9px;} /* Zamówienia */
.menu_icon.icon_2 { width: 31px; height: 31px; background: url("/dlg/di/icons/menu-icon-2.svg") no-repeat center; background-size: 26.3px 16px;} /* Klienci */
.menu_icon.icon_3 { width: 31px; height: 31px; background: url("/dlg/di/icons/menu-icon-3.svg") no-repeat center; background-size: 20.3px 20px;} /* Produkty */
.menu_icon.icon_4 { width: 31px; height: 31px; background: url("/dlg/di/icons/menu-icon-4.svg") no-repeat center; background-size: 20px;} /* Portal */
.menu_icon.icon_5 { width: 31px; height: 31px; background: url("/dlg/di/icons/menu-icon-5.svg") no-repeat center; background-size: 22.2px 19.1px;} /* Newsletter */
.menu_icon.icon_6 { width: 31px; height: 31px; background: url("/dlg/di/icons/menu-icon-6.svg") no-repeat center; background-size: 19.5px 21.5px;} /* Dane osobowe */
.menu_icon.icon_7 { width: 31px; height: 31px; background: url("/dlg/di/icons/menu-icon-7.svg") no-repeat center; background-size: 21.7px;} /* Ustawienia */ 
.menu_icon.icon_8 { width: 31px; height: 31px; background: url("/dlg/di/icons/menu-icon-8.svg") no-repeat center; background-size: 20px;} /* Informacje */
.menu_icon.icon_9 { width: 31px; height: 31px; background: url("/dlg/di/icons/menu-icon-9.svg") no-repeat center; background-size: 22.3px 19.7px;} /* Grupy towarowe */
.menu_icon.icon_10 { width: 31px; height: 31px; background: url("/dlg/di/icons/menu-icon-10.svg") no-repeat center; background-size: 22px;} /* Promocje */
.menu_icon.icon_11 { width: 31px; height: 31px; background: url("/dlg/di/icons/menu-icon-11.svg") no-repeat center; background-size: 21.5px 15.4px;} /* Słowniki */
.menu_icon.icon_12 { width: 31px; height: 31px; background: url("/dlg/di/icons/menu-icon-12.svg") no-repeat center; background-size: 21.8px 20.3px;} /* Ceny */
.menu_icon.icon_13 { width: 31px; height: 31px; background: url("/dlg/di/icons/menu-icon-13.svg") no-repeat center; background-size: 24.2px 17.8px;} /* Wyszukiwanie */
.menu_icon.icon_14 { width: 31px; height: 31px; background: url("/dlg/di/icons/menu-icon-14.svg") no-repeat center; background-size: 20.5px 21.4px;} /* Statystyki */
.menu_icon.icon_15 { width: 31px; height: 31px; background: url("/dlg/di/icons/menu-icon-15.svg") no-repeat center; background-size: 31px;} /* Import/Export */
.menu_icon.icon_16 { width: 31px; height: 31px; background: url("/dlg/di/icons/menu-icon-16.svg") no-repeat center; background-size: 15.8px 19.8px;} /* Raporty */
.menu_icon.icon_17 { width: 31px; height: 31px; background: url("/dlg/di/icons/menu-icon-17.svg") no-repeat center; background-size: 22.4px 20px;} /* Aukcje */
.menu_icon.icon_18 { width: 31px; height: 31px; background: url("/dlg/di/icons/menu-icon-18.svg") no-repeat center; background-size: 16.7px 19.4px;} /* Aukcje Allegro */
.menu_icon.icon_19 { width: 31px; height: 31px; background: url("/dlg/di/icons/menu-icon-19.svg") no-repeat center; background-size: 20.9px 21.4px;} /* Powiadomienia */
.menu_icon.icon_20 { width: 31px; height: 31px; background: url("/dlg/di/icons/menu-icon-20.svg") no-repeat center; background-size: 20.9px 21.4px;} /* Dostawa */
.menu_icon.icon_21 { width: 31px; height: 31px; background: url("/dlg/di/icons/menu-icon-21.svg") no-repeat center; background-size: 20.9px 21.4px;} /* Listy przewozowe */
.menu_icon.icon_22 { width: 31px; height: 31px; background: url("/dlg/di/icons/menu-icon-22.svg") no-repeat center; background-size: 20.9px 21.4px;} /* Baselinker */
.menu_icon.icon_23 { width: 31px; height: 31px; background: url("/dlg/di/icons/menu-icon-23.svg") no-repeat center; background-size: 20.9px 21.4px;} /* Shopee */
.menu_icon.icon_24 { width: 31px; height: 31px; background: url("/dlg/di/icons/menu-icon-24.svg") no-repeat center; background-size: 20.9px 21.4px;} /* Shopee */

.full_menu .label-expand{
  display: flex;
}

.full_menu .expand-column{
  width: 56px;
  color: #ADDBFF;
  font-size: 10px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url('/dlg/di/icons/arrows_double_s.svg') no-repeat center #7BCE9E;
  background-size: 16px;
  border-left: 1px solid #7BCE9E;
  box-sizing: border-box;
  padding-left: 21px;
  cursor: pointer;
}

.full_menu .label { 
  display: block; 
  font-size: 18px; 
  font-weight: 500; 
  color: #fff;
	background-color: #fff;
	line-height: unset;
	height: calc(93px - 39px);
	padding-top: 0;
  text-decoration: none; 
  cursor: pointer; 
  position: relative;
	flex-grow: 1;
  z-index: 0;
 }

.full_menu .label span { 
  transition: all 0.8s ease-out; 
  position: relative; 
  z-index:2000; 
  padding: 0;
	background: url("/dlg/di/icons/icon-hamburger.svg") no-repeat 28px center #21B25B;
  background-size: auto 31%;
	height: 100%;
	display: flex;
	align-items: center;
	padding-left: 65px;
	font-size: 20px;
	font-weight: 600;
	text-transform: uppercase;
}


.full_menu .menu_name { position: absolute; top: -40px; z-index:4000; display: none; 	margin-left: 40px;}
.full_menu .menu_name input { display: block; width: 300px; padding: 4px 10px; font-family: opensans; font-size: 16px; border: none; }

.full_menu .contents { z-index:1000; opacity: 0; visibility: hidden; position:fixed; top:0px; right:0px; bottom:0px; left:0px; background: rgba(178, 206, 227, 0.8); transition: 0.7s;}
.full_menu.opened .contents .bg {  z-index:-1; position:fixed; top:0px; right:0px; bottom:0px; left:0px; }

.full_menu.opened .contents { visibility: visible; opacity: 1; }

.full_menu { font-size: 13px;  }
.full_menu #menu_options { width: 1241px; margin: 0px auto; padding: 0px 0px; position: relative; }
.full_menu .items { width: 1241px; margin: 0px auto; padding: 0px 0px; position: relative; }
.full_menu #menu_options .mCSB_scrollTools{
  width: 20px;
}
.full_menu #menu_options .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
  background: #ACB8C8;
	width: 7px;
	border-radius: 7px;
  margin-left: 0;
  margin-right: auto;
}

.full_menu #menu_options .top-bar{
  height: 64px;
	margin-top: 10vh;
	background-color: #fff;
  padding-left: 40px;
  padding-right: 35px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;	
  border-top-right-radius: 15px;
	border-top-left-radius: 15px;
}

.full_menu #menu_options .top-bar .menu-label{
  color: #004D87;
	font-size: 20px;
	font-weight: 600;
	text-transform: uppercase;
}

.full_menu #menu_options .top-bar .top-bar-btns{
  display: flex;
	align-items: center;
}
.full_menu #menu_options .top-bar .top-bar-btns > *:not(:last-child){
  margin-right: 10px;
}


.full_menu #menu_options .top-bar .close{
  display: flex;
	align-items: center;
  text-decoration: none;
}

.full_menu #menu_options .top-bar .close span{
  display: inline-block;
  margin-right: 11px;
  color: #0C67AC;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 600;
}

.full_menu #menu_options .top-bar .close .sticks{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 30px;
  position: relative;
}
.full_menu #menu_options .top-bar .close .sticks .left-stick,
.full_menu #menu_options .top-bar .close .sticks .right-stick{
	position: absolute;
  background-color: #04CDFD;
  height: 30px;
  width: 2px;
  border-radius: 4px;
  transform: rotate(45deg);
  transition: 0.5s;
	right: 0;
}

.full_menu #menu_options .top-bar .close .sticks .right-stick{
  background-color: #416998;
  transform: rotate(-45deg);
}

.full_menu #menu_options .top-bar .close:hover .sticks .left-stick{  
  animation: closeAnimationLS 1s infinite;
}

.full_menu #menu_options .top-bar .close:hover .sticks .right-stick{ 
  animation: closeAnimationRS 1s infinite;
}

.full_menu .highlight { background-color:#AFEFFF; }

@keyframes closeAnimationLS {
  0% {
    transform: rotate(45deg);
  }
  20%{
    transform: rotate(30deg);
  }
  35%{
    transform: rotate(60deg);
  }
  50%{
    transform: rotate(30deg);
  }
  65%{    
    transform: rotate(45deg);
  }
  100%{    
    transform: rotate(45deg);
  }
}

@keyframes closeAnimationRS {
  0% {
    transform: rotate(-45deg);
  }
  20%{
    transform: rotate(-30deg);
  }
  35%{
    transform: rotate(-60deg);
  }  
  50%{
    transform: rotate(-30deg);
  }
  65%{    
    transform: rotate(-45deg);
  }
  100%{    
    transform: rotate(-45deg);
  }
}
.full_menu #menu_options .top-bar .accept { display: none; background: url(../di/icons/accept_menu.png) no-repeat center center #0c5f9e; width: 23px; height: 23px;}
.full_menu #menu_options .top-bar .accept:hover { background-color: #1c6fae; }

.full_menu .items .menu_box { height:calc(80vh - 64px);  width: 1241px; border-bottom-right-radius: 15px;	border-bottom-left-radius: 15px;	background: #fff;}

.full_menu .items .columns{
  padding-left: 40px;
	box-sizing: border-box;
}
.full_menu .items .columns .column { float: left; width: 276px; margin: 0px 20px 20px 0px; }
.full_menu .items .item { background-color: #fff;  margin-bottom: 20px;  }
.full_menu .items .item .item_body { padding: 10px; border: solid 1px #DDEDF9; position: relative; box-sizing: border-box; transition: 0.5s;}
.full_menu .items .item .item_body:hover { border-color: #05CDFD;}

.full_menu .items .item .item_body .item_body-heading{
  display: flex;
	align-items: center;
	margin-bottom: 10px;
}

.full_menu .items .item .item_body .item_body-heading .menu_icon{
  display: inline-block;
  margin-right: 8px;
}

.full_menu .items .item .item_body .item_body-heading h4{
  color: #003E6D;
  font-size: 14px;
  font-weight: 600;
  margin: 0;
}


.full_menu .items .item .item_body ul { list-style: none; margin: 0px; padding: 0px; }

.full_menu .items .item .item_body ul li a { 
  color: #455666; 
  display: block; 
  background: url(../di/icons/link-arrow.svg) no-repeat 12px center transparent;
	background-size: 5px; 
  padding: 2px 4px 2px 39px; 
  text-decoration: none; 
  font-size: 13px;
  text-transform: uppercase;
}

.full_menu .items .item .item_body ul li a:hover {
  color: #05CDFD;  
}

.full_menu .items .item .item_body ul li label { color: #818181; display: none; padding: 2px 4px 2px 24px; position: relative; }
.full_menu .items .item .item_body ul li label input { position: absolute; top:50%; margin-top: -6px; left:0px; }


.full_menu.editable .menu_name { display: block; }
.full_menu.editable #menu_options .top-bar .accept { display: block; }
.full_menu.editable .items .item .item_body ul li a { display: none; }
.full_menu.editable .items .item .item_body ul li label { display: block; }


.full_menu .menu-search{
  margin-right: auto;
	margin-left: 30px;
  position: relative;
}

.full_menu.editable .menu-search {
  display:none;
}

.full_menu .menu-search .clear-input{
  position: absolute;
  right: 0;
  top: 50%;
	transform: translateY(-50%);
  width: 35px;
  height: 100%;
  background: url('/dlg/di/icons/close-x.svg') no-repeat center;
  background-size: 15px;
  cursor: pointer;
}

.full_menu .menu-search .menu_search{
  border: solid 1px #DDEDF9;
  border-radius: 0;
  transition: 0.7s;
	width: 250px;
  padding-right: 35px;
  box-sizing: border-box;
}

.full_menu .menu-search .menu_search:focus{
  outline: none;
  border-color: #05CDFD;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.icon_picker .picker  { transition: all 0.1s ease; visibility: hidden; opacity: 0; position:fixed; top:0px; right:0px; bottom:0px; left:0px; background: url(../di/full_menu_overlay.png) repeat left top transparent;}
.icon_picker .picker_body { width: 480px; margin: 100px auto; background-color: #fff; border: solid 2px #8CCDF3; border-top: none; border-right: none;   }
.icon_picker .picker_body h3 { padding: 15px 20px; margin-top: 0px; font-size: 17px; font-weight: 400; margin-bottom: 10px; color: #777; text-align: center; border-bottom: solid 1px #eee;  }
.icon_picker .picker_body .icons { text-align: center; padding-bottom: 10px; }
.icon_picker .picker_body .icons .icon_box { cursor: pointer; border: solid 1px #eee; display: inline-block; width: 40px; height: 40px; margin: 5px; transition: 0.7s; }
.icon_picker .picker_body .icons .icon_box .menu_icon { 	width: 100%;	height: 100%; }
.icon_picker .picker_body .icons .icon_box:hover { border-color:#447FAC; box-shadow: 0px 0px 0px 1px #276089; }
.icon_picker.opened .picker { visibility: visible; opacity: 1; }

 .fileSelect {
    border: 1px solid #aab0b2;
    padding: 10px;
    width: 490px;
    float: left;
    margin-right: 5px;
    height: 420px;
}
.filePreview {
    float: left;
    border: 1px solid #aab0b2;
    height: 420px;
    padding: 10px;
    width: 180px;
    overflow: auto;
}
.filePreview #divFilePreview {
    width:auto;
    height: 255px;
    font-size: 13px;
}

.country_select label {display:block; float:left; width:240px;}
.country_select br {line-height:0;}

.admin_hint { position: absolute; z-index:6000;}
.admin_hint:before { position: absolute; z-index:10; display: block; width: 20px; height: 20px; content: ' '; background: url(../di/hint_sprite.png) no-repeat left top transparent;}
.admin_hint_body { padding: 20px;  background-color: #09d2b5; color: #fff; font-size: 14px; position: relative; box-shadow:0px 10px 10px -10px #01223A; }
.admin_hint_close { position: absolute; right:0px; top:0px; line-height: 15px; height: 16px; width: 16px; text-align: center; cursor: pointer; }
.admin_hint_close:hover { background-color: #09C4A8; }
.admin_hint.top_left .admin_hint_body { margin-top: 20px; }
.admin_hint.top_left:before { top:0px; left:0px; }
.admin_hint.bottom_left .admin_hint_body { margin-bottom: 20px; }
.admin_hint.bottom_left:before { bottom:0px; left:0px; background-position: left bottom; }

.inputerr {border-color: #a00; border-style: solid; border-width:1px;}
.right {text-align: right;}
.nowrap{
    white-space: nowrap;   
}

.main_login { height:100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; position: relative; }
.main_login .wrapper { background: url(../di/login-bg.png) repeat-x center 0px #fff; height:673px;}
.main_login .header .wrap { display: flex;align-items: center; justify-content: flex-start; padding-top: 54px; margin: 0 20px 0px;}
.main_login .header .logo { position: relative; margin-left: 160px;}
.main_login .header .msg {color: #0A2940;font-size: 22px; font-weight: 300; border-left: solid 1px #426A97; padding-left: 38px }
.main_login .header .msg span{color: #A80000;}
.main_login .formbox { float: right; position: relative; width: 486px; top: 75px; background-color: #fff; right: 270px; box-sizing: border-box;}
.main_login .formbox .formbody { padding:35px 50px 65px; box-sizing: border-box;}
.main_login .formbox .label { font-size: 24px; font-weight: 600;	color: #0E014D;	text-align: center; margin-bottom: 35px;}
.main_login .formbox .plain { width:100%; max-width:100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 16px; border: 1px solid #D7DEE4; display: block; margin-bottom: 15px; font-size: 13px; color: #687C8A; }
.main_login .formbox .plain::placeholder{
  text-transform: uppercase;
}
.main_login .formbox .footer { margin-top: 15px; }
.main_login .formbox .footer .buttons { margin: 0px; }
.main_login .formbox .footer .buttons li { margin: 0px; display: block; }
.main_login .formbox .footer .buttons li .button { 
  padding: 14px; 
  font-size: 20px; 
  background: none;	
  background-color: #21B35C;	
  font-weight: 700;
  text-transform: initial;
  border: none;
	border-radius: 5px;
	width: 100%;
	box-sizing: border-box;
  display: flex;
	align-items: center;
	justify-content: center;
  transition: 0.5s;
}

.main_login .formbox .ser{
  position: static;
  display: flex;
  align-items: center;
}

.main_login .formbox .ser::before{
  position: static;
  margin-right: 7px;
}

.main_login .formbox .footer .buttons li .button:hover{
  background-color: #1da152;
}
.main_login .formbox .footer .buttons li .button.has_icon.icon_confirm::before {content: unset; }
.main_login .formbox .footer .lside { float: left; width: 60%; }
.main_login .formbox .footer .rside { float: right; }
.main_login .formbox .footer .pass_lost { background: url(../di/login_ico_passlost.png) no-repeat 10px center transparent; font-size: 12px; color: #636363; padding: 11px 0px 11px 43px; }
.main_login .formbox .footer .pass_lost a { color: #0c5f9e; text-decoration: none; }
.main_login .logos { position: absolute; left:0px; right:0px; bottom: 20px; text-align: center; }
.main_login .logos a { margin:0px 10px; }

@media (max-width: 1240px) {
  .main_login .wrapper{
    background-position-x: 50%;
  }
}

@media all and (max-width: 840px) { 
	.main_login .header .logo { float: none; margin:50px auto 100px auto;}
	.main_login .header .logo .msg { display: none; }
	.main_login .formbox { float: none; margin:0px auto; right: unset;}	
  .main_login .header .wrap {
    flex-direction: column;
  }
  .main_login .header .logo {
    margin: 0;
    margin-bottom: 30px;
  }

  .main_login .header .msg{
    border: none;
    padding-left: 0;
    text-align: center;
  }
}

.order_count_grey {
    float:left; 
    color: #434C43; 
    font-weight:bold; 
    min-width:16px; 
    height:16px; 
    text-align:center; 
    font-size:13px;
    margin:2px 2px 0px 0px;
}

.order_count_green {
    float:left; 
    font-weight:bold; 
    min-width:16px; 
    height:16px; 
    text-align:center; 
    font-size:13px;
    margin:2px 2px 0px 0px;
}
.order_count_green a{
    color: #05B701; 
    font-weight:bold; 
    display:block;
}

.order_count_green a:hover{
    color: #058B01; 
}
.order_count_yellow {
    float:right; 
    color: #CB4D01; 
    border: 2px solid #EA6502;
    border-radius: 50%;
    font-weight:bold; 
    min-width:16px; 
    height:16px; 
    border-radius:2px; 
    text-align:center; 
    font-size:11px;
    margin:0px 2px 0px 0px;
}

.order_count_yellow a{
    color: #CB4D01; 
    font-weight:bold;
    text-decoration:none;
    display:block;
}

.order_count_yellow a:hover{
    color: #af5801; 
}

.order_count_sep {
    float:left; 
    width:22px;
}

.blink {
  animation: blink-animation 1s steps(10, start) infinite;
  -webkit-animation: blink-animation 1s steps(10, start) infinite;
}
@keyframes blink-animation {
  to {
    opacity: 0.8;
  }
}
@-webkit-keyframes blink-animation {
  to {
    opacity: 0.8;
  }
}

.order_address_name {
    font-weight: bold; 
    color: #AF4E00;   
    font-size: 13px;
    margin-left: 5px;
}
.order_address_contact{
    font-weight: bold; 
    margin: 10px 0 5px 0;
}

.order_address_contact_details{
  padding-left: 50px;
}


.order_address_comment{
    font-weight: bold; 
    margin: 5px 0 5px 0;     
}

.order_address_address{
    padding: 10px 14px; 
    margin-top: 5px;
    margin-bottom:4px; 
    border-top: 1px solid #E5EBEF;
}
.order_address_left{
    width:48%; 
    float: left;    
}
.order_address_left_header{
    font-weight: bold; 
    font-size: 11px;
    margin-bottom: 2px;
    text-transform: uppercase;
    margin-top: 2px;
    display: inline-block;    
}

.order_address_left-content{
  padding-left: 10px;
}

.order_address_right{
    margin-left:2px; 
    overflow: hidden;
    min-height:72px;
}

.order_address_right .midheader{
  display: inline-block;
  margin-top: 8px;
}

.pids_counter {
	position: relative;
	float: right;
	background-color: #fff; 
	color: #0A2940; 
	padding: 3px 6px 3px 30px; 
  margin-top: 6px;
  margin-left: 30px;
	box-sizing: border-box;
	display: block;
	text-decoration: none;
}

.pids_counter::before {
	content: '';
	display: block;
	position: absolute;
	left: 3px;
	top: 50%;
	transform: translateY(-50%);
	width: 20px;
	height: 100%;
	background: url('../di/icons/bigbtn/cancel.png') no-repeat center;
}

.ui-sortable tr {
	cursor:pointer;
}
		
.ui-sortable tr:hover {
	background:rgba(244,251,17,0.45);
}

.demowarning {
	margin: 40px 40px 10px;
	background: url('../di/demowarn.png') no-repeat;
	padding-left: 150px;
	font-size: 14px;
	color: #4d5f71;
}

td img.origin {
	padding-right: 5px;
}

textarea.fri:disabled, input.fri:disabled {
	background-color: #eee;
}

table td.deleted {
	font-style: italic;
}

.fancytree-title .mark {
	color: white;
	background-color: black;
}

table td.disabled {
	color: gray;
}

table td.not_saved {
	color: #750e1c;
	font-weight: bold;
}

.clipboard {
	border: solid 1px #eee;
	margin-top: 10px;
}

.clipboard .clipboard-header {
	color: #3DC3CA;
	height: 24px;
	font-size: 12px;
	padding: 2px 6px 2px 6px;
	font-weight: bold;
}

.clipboard .clipboard-items {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	padding: 2px 6px 2px 6px;
}

.clipboard .clipboard-item {
	display: flex;
	border-radius: 2px;
	background-color: #208acb;
	margin: 0 10px 5px 0;
	color: #fff;
	padding: 3px;
}

.clipboard .clipboard-btn {
	width: 12px;
	height: 12px;
	background-image: url('../di/icon_close.svg');
	background-size: 12px 12px;
	margin: auto 0 auto 5px;
	cursor: pointer;
}

table .table_fields td.th {
	background-color: #738fa5 !important;
}

table .table_fields td.tl2, table .table_fields td.tc2, table .table_fields td.tr2 {
	background-color: #f4f4f4 !important;
}




.sections-container{
  display: flex;
	padding: 5px;
	box-sizing: border-box;
	flex-wrap: wrap;
}

.sections-container .section-block{  
  display: flex;
	flex-direction: column;
  flex-basis: 50%;
  margin-bottom: 25px;
}

.sections-container .section-block.products-basicdata-additional .section-block-content .section-row:not(:last-child){  
  margin-bottom: 25px;
}


.sections-container .section-block:nth-child(odd){
  margin-right: 20px;
  flex-basis: calc(50% - 20px);
}

@media (max-width: 1295px) { /* odpowiednik 1536px szerokości całej przeglądarki */
  .sections-container .section-block{
    flex-basis: 100%;
  }

  .sections-container .section-block:nth-child(odd){
    margin-right: 0px;
    flex-basis: 100%;
  }
}

.sections-container .section-block.fullwidth{  
  flex-basis: 100%;
  margin: 0 0 35px;
}

.sections-container .section-block .section-block-heading{  
  font-size: 22px;
  font-weight: 400;
  color: #0C67AC;
  margin-left: 19px;
  margin-top: 10px;
  margin-bottom: 5px;
}

.sections-container .section-block .section-block-content{  
  display: flex;
  flex-wrap: wrap;
  flex-grow: 1;
	align-items: flex-start;
  padding: 20px 30px;
  border: 1px solid #d5dbdf;
  border-radius: 2px;
  box-sizing: border-box;
  box-shadow: 0 0 7px 0px rgba(0,0,0,0.05);
}

.sections-container .section-block .section-block-content .section-row{  
  display: flex;
  width: 100%;
  margin-bottom: 5px;
}

.sections-container .section-block .section-block-content .section-row.row-quantity{  
  margin-top: 35px;
}

.sections-container .section-block .section-block-content .group{  
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  width: 100%;
  padding-top: 8px;
}

.group{
  position: relative;
}

.order-order-point_nurse_shipment .label{
  margin-bottom: 10px !important;
}

.group.checkbox-group{  
	width: auto;
  align-items: center;
}

.group.checkbox-group.checkbox-group-inline br,
.group.radio-group.radio-group-inline br{
  display: none;
}

.group.checkbox-group.checkbox-group-inline label,
.group.radio-group.radio-group-inline label{
  margin-right: 20px;
}

.group.checkbox-group input[type="checkbox"],  
.group.radio-group input[type="radio"]{  
  margin-right: 10px;
  position: relative;
  cursor: pointer;
  width: auto !important;
}

.checkbox-styled input[type="checkbox"],
.radio-styled input[type="radio"]{
  position: relative;
}

.group.checkbox-group input[type="checkbox"]::before,
.checkbox-styled input[type="checkbox"]::before,
.group.radio-group input[type="radio"]::before,
.radio-styled input[type="radio"]::before{  
  content: '';
	position: absolute;
	left: -2px;
	top: -2px;
	background:#fff;
	width: 14px;
	height: 13px;
	border: 1px solid #C1C1C1;
	padding: 1px;
}

.group.radio-group input[type="radio"]::before,
.radio-styled input[type="radio"]::before{
  border-radius: 50%;
}

.group.checkbox-group input[type="checkbox"]:checked::before,
.checkbox-styled input[type="checkbox"]:checked::before,
.group.radio-group input[type="radio"]:checked::before,
.radio-styled input[type="radio"]:checked::before{  
  content: '';
	background: #21B35C;
  border-color: #21B35C;
}

.group.checkbox-group div.label,  
.group.radio-group div.label{  
  margin: 0;
}

.invoice-address .fl1{
  padding: 0;
	background-color: transparent;
}

/* SZEROKOŚCI PÓL */
.sections-container .section-block .section-block-content .group.group-product-name{  
  width: calc(81% - 20px);
  margin-right: 20px;
}

.sections-container .section-block .section-block-content .group.group-product-unit{  
  width: 19%;
}

.sections-container .section-block .section-block-content .group.group-product-symbol,
.sections-container .section-block .section-block-content .group.group-product-ean{  
  width: calc(33.3% - 20px);
  margin-right: 20px;
}

.sections-container .section-block .section-block-content .group.group-product-prod-code{  
  width: 33.3%;
}

.sections-container .section-block .section-block-content .group.group-product-desc-short,
.sections-container .section-block .section-block-content .group.group-product-desc-long{
  margin-top: 40px;
}

.sections-container .section-block .section-block-content .group.group-product-form,
.sections-container .section-block .section-block-content .group.group-product-product-tags,
.sections-container .section-block .section-block-content .group.group-product-banner-tags{  
  margin-top: 20px;
}

.sections-container .section-block .section-block-content .group.group-product-form select{  
  width: auto;
}


.sections-container .section-block .section-block-content .group.group-product-priority,
.sections-container .section-block .section-block-content .group.group-product-importance{
  width: 13%;
  margin-right: 20px;
}

.sections-container .section-block .section-block-content .group.group-product-importance{
  margin-right: auto;
}


.sections-container .section-block .section-block-content .group.group-product-quantity,
.sections-container .section-block .section-block-content .group.group-product-quantity-min{
  width: calc((26% + 20px) * 0.66);
	margin-right: 20px;
}

.sections-container .section-block .section-block-content .group.group-product-quantity .ser{
  white-space: nowrap;
}

.sections-container .section-block .section-block-content .group.group-product-quantity-range{
  flex-grow: 1;
  width: auto;
}

.sections-container .section-block .section-block-content .group.group-product-price,
.sections-container .section-block .section-block-content .group.group-product-groupprice,
.sections-container .section-block .section-block-content .group.group-product-oldprice,
.sections-container .section-block .section-block-content .group.group-product-omnibusprice,
.sections-container .section-block .section-block-content .group.group-product-vat{
  width: auto;
}

.sections-container .section-block .section-block-content .group.group-product-groupprice,
.sections-container .section-block .section-block-content .group.group-product-oldprice {
	margin-right: 20px;
}

.sections-container .section-block .section-block-content .group.group-product-price{
  margin-right: auto;
}

@media (min-width: 1295px) and (max-width: 1305px) { /* odpowiednik 1536px szerokości całej przeglądarki */
  .sections-container .section-block .section-block-content .group.group-product-groupprice{
    margin-left: auto;
    margin-right: 10px;
  }
}

.sections-container .section-block .section-block-content .group.group-product-oldprice .label,
.sections-container .section-block .section-block-content .group.group-product-groupprice .label,
.sections-container .section-block .section-block-content .group.group-product-quantity-min .label{
  white-space: nowrap;
}

.sections-container .section-block .section-block-content .group.group-product-price .group{
  flex-direction: row;
}

.sections-container .section-block .section-block-content .group.group-product-price .group input{
  margin-right: 10px;
}

.sections-container .section-block .section-block-content .group.group-product-buy-product4points{
  flex-direction: row;
  flex-wrap: wrap;
}

.sections-container .section-block .section-block-content .group.group-product-buy-product4points .label{
  width: 100%;
}

.sections-container .section-block .section-block-content .group.group-product-buy-product4points .group{
  width: 225px;
  margin-right: 20px;
}

.sections-container .section-block .section-block-content .group.group-product-price .group select,
.sections-container .section-block .section-block-content .group.group-product-price .group input{
  width: 105px !important;
}

.sections-container .section-block .section-block-content .group.group-product-price .group input{
  width: 85px !important;
}

.sections-container .section-block .section-block-content .group.group-product-points4buy input,
.sections-container .section-block .section-block-content .group.group-product-buy-product4points input{
  width: 225px !important;
}
/**********************/

.sections-container .section-block .section-block-content .group .label{  
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  color: #687C8A;
  margin-bottom: 6px;
  display: inline-block;
}

.sections-container .section-block .section-block-content .group .label.special-green{  
  font-size: 14px;
  font-weight: 400;
  text-transform: initial;
  color: #3DC3CA;
}

.sections-container .section-block .section-block-content .group input:not([type="checkbox"]):not([type="radio"]), 
.sections-container .section-block .section-block-content .group select,
.sections-container .section-block .section-block-content .group textarea{  
  font-size: 13px;
  color: #262A2D;  
  border: 1px solid #c5cbcf;
  border-radius: 2px;
  padding: 8px 9px;
  transition: 0.5s;
  width: 100%;
}

.sections-container .section-block .section-block-content .group select{
  padding: 7px 9px;
}

.sections-container .section-block .section-block-content .group .ser ~ input, 
.sections-container .section-block .section-block-content .group .ser ~ select{
  border-color: #EA2222 !important;
}


.sections-container .section-block .section-block-content .group input:focus,
.sections-container .section-block .section-block-content .group select:focus,
.sections-container .section-block .section-block-content .group textarea:focus{  
  border-color:#3EC3C9 !important;
  outline: none !important;
} 

.sections-container .section-block .section-block-content .group .fb{ /* form button styles*/
  background-color: #80AAB4;
	color: #fff;
	padding: 10px 16px;
	border-color: #80AAB4;
  text-transform: uppercase;
  margin-left: 11px;
  transition: .7s;
}

.sections-container .section-block .section-block-content .group .fb:hover{
  background-color: #67869e;
	border-color: #67869e;
}

.sections-container .section-block .section-block-content .group.group-product-max-in-order input,
.sections-container .section-block .section-block-content .group.group-product-package input{
  width: calc(26% + 20px) !important;
  margin-bottom: 20px;
}

.sections-container .section-block .section-block-content .group.group-product-omnibus {}

.sections-container .section-block .section-block-content .group.group-product-weight{
  margin-top: 20px;
}

.sections-container .section-block .section-block-content .group.group-product-weight input{
  width: calc(26% + 20px) !important;
}

.sbtn.grey-button{
  background: none;
	border: none;
	box-shadow: none;
	background-color: #80AAB4;
	padding: 5px 8px;
	border-radius: 0;
}

.sbtn.grey-button:hover{
  background: #67869e;
}


.order-table-info{
  display: flex;
	justify-content: space-between;
	padding: 25px 30px 25px 15px;
	border-bottom: 1px solid #E5EBEF;
	margin: 0 5px;
	margin-bottom: 35px;
}

.order-table-info .order-row{
  font-size: 14px;
	color: #3C4E5A;
}

.order-table-info .order-row span{
  font-size: 22px;
	color: #0C67AC;
}

.order-table-info div:nth-child(2){
  display: flex;
	align-items: baseline;
}

.order-table-info div:nth-child(2) div{
  display: flex;
	align-items: center;
}

.order-table-info div:nth-child(2) div:not(:last-child){
  margin-right: 20px;
}

.order-table-info div:nth-child(2) div img{
  margin-right: 10px;
}

.order-table-statuses{
  display: flex;
	margin: 0 5px;
	margin-bottom: 10px;
}

.order-table-statuses .order-table-status{
  width: 33.3%;
	padding: 0px 30px;
	box-sizing: border-box;
  border-left: 1px solid #E5EBEF;
}

.order-table-statuses .order-table-status.item-status{
  padding-left: 20px;
  border-left: none;
}

.order-table-statuses .order-table-status .heading{
  color: #0C67AC;
  font-size: 22px;
  margin-bottom: 20px;
}

.order-table-statuses .order-table-status .heading.flex{
	display: flex;
  justify-content: space-between;
}

.order-table-statuses .order-table-status .heading.flex .status{
	display: flex;
  color: #000;
}

.order-table-statuses .order-table-status .status{
	font-weight: 700;
	font-size: 14px;
  margin-bottom: 15px;
}


.order-table-statuses .order-table-status .status img.status-icon{
	display: inline-block;
  margin-right: 5px;
}

.order-table-statuses .order-table-status .status span{
  display: flex;
  align-items: center;
}

.order-table-statuses .order-table-status .status span.status-delivery{
  color: #3DC3CA;
}

.order-table-statuses .order-table-status .status img{
  margin-right: 10px;
}

.order-table-statuses .order-table-status .info{  
  font-size: 13px;
  display: inline-block;
	margin-left: 10px;
}

.order-table-statuses .order-table-status .info b {
  color: #687C8A;
  font-size: 11px;
  text-transform: uppercase;
}

.order-table-statuses .order-table-status .info .no-payment {
  color: #f00;
}


.order-table-statuses .order-table-status.item-status .info{  
  padding-left: 30px;
}

.order-table-statuses .order-table-status.item-status .buttons{  
  margin-bottom: 17px;
}

.order-table-statuses .order-table-status.item-delivery .info{  
  padding-left: 8px;
}

.order-table-statuses .order-table-status.item-delivery .info b{  
  margin-left: -8px;
}

.order-table-statuses .order-table-status.item-delivery .info span{  
  margin-left: -8px;
  margin-bottom: 8px;
  display: inline-block;
}

.order-table-statuses .order-table-status.item-delivery .info span.midheader{  
  display: inline-block;
  margin-bottom: 0px;
  margin-top: 8px;  
}

.order-table-statuses .order-table-status.item-delivery .info span.midheader.phone{
  margin-left: 0px;
}  

.order-table-statuses .order-table-status .buttons{  
	display: flex;
	flex-wrap: wrap;
}

.order-table-statuses .order-table-status .buttons .tbutton{ 
    background: none;
    border: none;
    box-shadow: none;
    background-color: #80AAB4;
    padding: 5px 8px;
    border-radius: 0;  
}

.order-table-statuses .order-table-status .buttons .tbutton:hover{
  background: #67869e;
}

.customer-data-comments{
  display: flex;
  flex-wrap: wrap;
	margin: 0 5px;
}

.order-table-comments .info{  
  display: flex;
  width: 100%;
	box-sizing: border-box;
	padding: 0;
  color: #3C4E5A;
  font-size: 13px;
}

.order-table-comments .info.nopadding{  
	padding: 0 !important;
}

.order-table-comments .info .user-comment-container{
  padding-left: 8px;
}

.order-table-comments .info b{  
  margin-left: -8px;
  color: #687C8A;
  text-transform: uppercase;
  display: block;
  font-size: 11px;
}


.wiki-admin-content img[align="left"] {
	margin: 20px 20px 20px 0px;
}
.wiki-admin-content img[align="right"] {
	margin: 20px 0px 20px 20px;
}
.wiki-admin-content h1,.wiki-admin-content h2,.wiki-admin-content h3,.wiki-admin-content h4,.wiki-admin-content h5,.wiki-admin-content h6,.wiki-admin-content strong,.wiki-admin-content b {
	font-weight: bold; 
}

.wiki-admin-content p {
	margin-bottom: 10px; 
}

.wiki-admin-content a {
	font-weight: bold; color: #E21528; 
}


.wiki-admin-content ul, .wiki-admin-content ol {
	margin:10px 0 10px 30px; 
	list-style-position: outside; 
}

.wiki-admin-content li {
	margin:3px 0; 
}

.wiki-admin-content ul {
	list-style-type: disc; 	
}

.wiki-admin-content ul ul {
  list-style-type: circle;
}

.wiki-admin-content ul ul ul {
  list-style-type: square;
}

.wiki-admin-content ol {
	list-style-type: decimal; 
}

ol ol {
  list-style-type: upper-roman; 

}

.wiki-admin-content ol ol ol {
  list-style-type: lower-alpha; 
}

.wiki-admin-content sup {
	vertical-align: super; 
	font-size: x-small; 
}

.wiki-admin-content a.wiki_read_more_button, .wiki-admin-content a.wiki_collapse_button {
  position: relative;
  -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
          border-radius: 4px;
  padding: 8px 30px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 13px;
}
.wiki-admin-content a.wiki_read_more_button::after, .wiki-admin-content a.wiki_collapse_button::after{
  content: '';
  position: absolute;
  right: 5px;
  top: 50%;
  width: 16px;
	height: 16px;
  background: url('/public/i/svgsprite-icons/icon-arrow.svg') no-repeat;
}

.wiki-admin-content a.wiki_read_more_button::after{
  -webkit-transform: translateY(-70%) rotate(-90deg);
     -moz-transform: translateY(-70%) rotate(-90deg);
      -ms-transform: translateY(-70%) rotate(-90deg);
       -o-transform: translateY(-70%) rotate(-90deg);
          transform: translateY(-70%) rotate(-90deg); 
}

.wiki-admin-content a.wiki_collapse_button::after{
  -webkit-transform: translateY(-30%) rotate(90deg);
     -moz-transform: translateY(-30%) rotate(90deg);
      -ms-transform: translateY(-30%) rotate(90deg);
       -o-transform: translateY(-30%) rotate(90deg);
          transform: translateY(-30%) rotate(90deg); 
}

.wiki-admin-content .expand-content{
  display: none;
}

.wiki-admin-content.expandable{
  position: relative;
	max-height: 200px;
	overflow: hidden;
	display: block;
	box-shadow: inset 5px -13px 20px -16px rgba(0,0,0, 0.3);
  transition: 0.7s;
}

.wiki-admin-content.expandable.open{
	max-height: unset;
	overflow: unset;
	box-shadow: unset;
}

.wiki-admin-content.expandable .expand-content{
  display: block;
  position: absolute;
  right: 5px;
  bottom: 5px;
  width: 30px;
  height: 30px;
  background: url('/dlg/di/icons/blue_arrow.png') no-repeat center #fff;
  border: 1px solid #3dc3ca;
  box-sizing: border-box;
  transform: rotateX(180deg);
  transition: 0.7s;
}

.wiki-admin-content.expandable.open .expand-content{
  transform: rotateX(0deg);
}

.order-table-statuses .order-table-status.item-status .buttons{  
  margin-bottom: 17px;
}

.order-table-statuses .order-table-status.item-delivery .info{  
  padding-left: 8px;
}

.order-table-statuses .order-table-status.item-delivery .info b{  
  margin-left: -8px;
}

.order-table-statuses .order-table-status .buttons{  
	display: flex;
	flex-wrap: wrap;
}

.order-table-statuses .order-table-status .buttons .tbutton{ 
    background: none;
    border: none;
    box-shadow: none;
    background-color: #80AAB4;
    padding: 5px 8px;
    border-radius: 0;  
}

.order-table-statuses .order-table-status .buttons .tbutton:hover{
  background: #67869e;
}

.customer-data-comments{
  display: flex;
  flex-wrap: wrap;
	margin: 0 5px;
}


.order-table-customer-data{
  width: 100%;
  margin-top: 0px;
	margin-bottom: 16px;
}

.order-table-comments .heading,
.order-table-customer-data .heading{
  color: #0C67AC;
  font-size: 22px;
  margin-left: 20px;
  margin-bottom: 5px;
}

.order-table-comments .info{  
  display: flex;
  width: 100%;
	box-sizing: border-box;
	padding: 0;
  color: #3C4E5A;
  font-size: 13px;
}

.order-table-comments .info.nopadding{  
	padding: 0 !important;
}

.order-table-comments .info .user-comment-container{
  padding-left: 8px;
}

.order-table-comments .info b{  
  margin-left: -8px;
  color: #687C8A;
  text-transform: uppercase;
  display: block;
  font-size: 11px;
}


.order-table-customer-data .info{  
  padding: 5px 0px;
  color: #3C4E5A;
  font-size: 13px;
  border: 1px solid #E5EBEF;
  display: flex;
  margin-bottom: 15px;
}

.order-table-customer-data .info.despatch-info{  
  padding: 15px 25px;
  justify-content: space-between;
  margin-bottom: 0;
}

.order-table-customer-data .box .subheading{  
  color: #687C8A;
  text-transform: uppercase;
  display: block;
  font-size: 11px;
  font-weight: 700;
  margin-bottom: 10px;
}

.order-table-customer-data .box:nth-child(1){  
  border-right: 1px solid #E5EBEF;
	padding: 15px 25px;
	width: 35%;
	box-sizing: border-box;
}

.order-table-customer-data .box:nth-child(2){  
  border-right: 1px solid #E5EBEF;
	padding: 15px 25px;
	width: 40%;
	box-sizing: border-box;
}

.order-table-customer-data .box:nth-child(3){  
	padding: 15px 25px;
	width: 25%;
	box-sizing: border-box;
}

.order-table-customer-data .row:not(:last-child){  
  margin-bottom: 25px;
}

.order-table-customer-data .row .label{  
  color: #687C8A;
  text-transform: uppercase;
  display: block;
  font-size: 11px;
  font-weight: 700;
}

.order-table-customer-data .row .value{  
  margin-left: 8px;
}



.wiki-admin-content img[align="left"] {
	margin: 20px 20px 20px 0px;
}
.wiki-admin-content img[align="right"] {
	margin: 20px 0px 20px 20px;
}
.wiki-admin-content h1,.wiki-admin-content h2,.wiki-admin-content h3,.wiki-admin-content h4,.wiki-admin-content h5,.wiki-admin-content h6,.wiki-admin-content strong,.wiki-admin-content b {
	font-weight: bold; 
}

.wiki-admin-content p {
	margin-bottom: 10px; 
}

.wiki-admin-content a {
	font-weight: bold; color: #E21528; 
}


.wiki-admin-content ul, .wiki-admin-content ol {
	margin:10px 0 10px 30px; 
	list-style-position: outside; 
}

.wiki-admin-content li {
	margin:3px 0; 
}

.wiki-admin-content ul {
	list-style-type: disc; 	
}

.wiki-admin-content ul ul {
  list-style-type: circle;
}

.wiki-admin-content ul ul ul {
  list-style-type: square;
}

.wiki-admin-content ol {
	list-style-type: decimal; 
}

ol ol {
  list-style-type: upper-roman; 

}

.wiki-admin-content ol ol ol {
  list-style-type: lower-alpha; 
}

.wiki-admin-content sup {
	vertical-align: super; 
	font-size: x-small; 
}

.wiki-admin-content a.wiki_read_more_button, .wiki-admin-content a.wiki_collapse_button {
  position: relative;
  -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
          border-radius: 4px;
  padding: 8px 30px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 13px;
}
.wiki-admin-content a.wiki_read_more_button::after, .wiki-admin-content a.wiki_collapse_button::after{
  content: '';
  position: absolute;
  right: 5px;
  top: 50%;
  width: 16px;
	height: 16px;
  background: url('/public/i/svgsprite-icons/icon-arrow.svg') no-repeat;
}

.wiki-admin-content a.wiki_read_more_button::after{
  -webkit-transform: translateY(-70%) rotate(-90deg);
     -moz-transform: translateY(-70%) rotate(-90deg);
      -ms-transform: translateY(-70%) rotate(-90deg);
       -o-transform: translateY(-70%) rotate(-90deg);
          transform: translateY(-70%) rotate(-90deg); 
}

.wiki-admin-content a.wiki_collapse_button::after{
  -webkit-transform: translateY(-30%) rotate(90deg);
     -moz-transform: translateY(-30%) rotate(90deg);
      -ms-transform: translateY(-30%) rotate(90deg);
       -o-transform: translateY(-30%) rotate(90deg);
          transform: translateY(-30%) rotate(90deg); 
}

.wiki-admin-content .expand-content{
  display: none;
}

.wiki-admin-content.expandable{
  position: relative;
	max-height: 200px;
	overflow: hidden;
	display: block;
	box-shadow: inset 5px -13px 20px -16px rgba(0,0,0, 0.3);
  transition: 0.7s;
}

.wiki-admin-content.expandable.open{
	max-height: unset;
	overflow: unset;
	box-shadow: unset;
}

.wiki-admin-content.expandable .expand-content{
  display: block;
  position: absolute;
  right: 5px;
  bottom: 5px;
  width: 30px;
  height: 30px;
  background: url('/dlg/di/icons/blue_arrow.png') no-repeat center #fff;
  border: 1px solid #3dc3ca;
  box-sizing: border-box;
  transform: rotateX(180deg);
  transition: 0.7s;
}

.wiki-admin-content.expandable.open .expand-content{
  transform: rotateX(0deg);
}

.icon-locker{
  display: inline-block;
	width: 15px;
	height: 20px;
	margin-left: 14px;
	background: url("/dlg/di/icons/icon-locker.svg") no-repeat center;
}

.nook-icon img, .ok-icon img{
  width: 20px;
	height: 16px;
}

.bigbtn-icon img{
  object-fit: none;
}

.bigbtn-icon.refresh-ICON a{
  width: 30px;
	height: 30px;
	display: block;
	background: transparent url(../di/icons/bigbtn/refresh.svg) no-repeat center;
	background-size: 25px;
	margin: 3px;
}

.bigbtn-icon.refresh-ICON a img{
  display: none;
}

.tableicon img{
  object-fit: none;
}

.icon-link{
  margin: 0 3.5px;
}

#image_preview{
  z-index: 1000;
}

.icon-single-arrow{
  display: inline-block;
  width: 10px;
  height: 16px;
  background: url('/dlg/di/icons/pages-single-arrow.png') no-repeat center;
	position: relative;
	top: 3px;
}

.icon-double-arrow{
  display: inline-block;
  width: 15px;
  height: 16px;
  background: url('/dlg/di/icons/pages-double-arrow.png') no-repeat center;
	position: relative;
	top: 3px;
}

.icon-single-arrow.faceleft,
.icon-double-arrow.faceleft{
  transform: rotate(180deg);
}

ul.creator-btns{
	margin-top: 24px !important;
}

ul.creator-btns img{
  width: 18px;
  height: 16px;
}

.setform{
  margin-top: 20px;
  width: 475px;
}

.setform .tbt{
  text-align: center;
	font-size: 14px;
	color: #0A2940;
	padding: 0;
  padding-bottom: 20px;
  position: relative;
}

.setform .tbt::after{
  content: '';
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #eff3f7;
  bottom: 10px;
}

.setform .fl1,
.setform .fr1,
.setform tr:hover .fl1,
.setform tr:hover .fr1{
  background-color: #f9f9f9;
}

.setform .fl2,
.setform .fr2,
.setform tr:hover .fl2,
.setform tr:hover .fr2{
  background-color: #F0F3F7;
}

.setform td select{
  width: 233px;
}

.categories-filter-form{
  margin-top: 20px;
}

.categories-filter-form tr:not(:first-child) td{
  background-color: #F0F3F7;
}

.categories-filter-form tr:hover td{
  background-color: #F0F3F7;
}

.categories-filter-form + .buttons .button{
  padding-left: 14px;
}

.categories-filter-form + .buttons .button::before{
  content: unset;
}

#cats_tree:not(.cats_tree_initial_view) th{
  background-color: #738fa5;
  color: #fff;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 400;
	padding: 12px 5px;
}

#cats_tree:not(.cats_tree_initial_view) td{  
	padding: 8px;
  border-color: #DDEDF9;
}

#cats_tree:not(.cats_tree_initial_view) td:first-child{
  border-left: unset;
}

#cats_tree:not(.cats_tree_initial_view) td:last-child{
  border-right: unset;
}

.fancytree-container .fancytree-exp-cd span.fancytree-expander,
.fancytree-container .fancytree-exp-c span.fancytree-expander,
.fancytree-container .fancytree-exp-cdl span.fancytree-expander,
.fancytree-container .fancytree-exp-cl span.fancytree-expander{
  background-position: unset;
  background: url('/dlg/di/icons/fancytree-arrow.png') no-repeat center;
  background-size: 7px;
}

.fancytree-container .fancytree-exp-cd span.fancytree-expander:hover,
.fancytree-container .fancytree-exp-c span.fancytree-expander:hover,
.fancytree-container .fancytree-exp-cdl span.fancytree-expander:hover,
.fancytree-container .fancytree-exp-cl span.fancytree-expander:hover{
  background-position: center;
  background-size: 7px;
}

.fancytree-container .fancytree-exp-e span.fancytree-expander,
.fancytree-container .fancytree-exp-ed span.fancytree-expander,
.fancytree-container .fancytree-exp-el span.fancytree-expander{
  background: url('/dlg/di/icons/select-arrow.svg') no-repeat center;
  background-size: 12px;
}

.fancytree-container .fancytree-exp-e span.fancytree-expander:hover,
.fancytree-container .fancytree-exp-ed span.fancytree-expander:hover,
.fancytree-container .fancytree-exp-el span.fancytree-expander:hover{
  background-position: center;
  background-size: 12px;
}

.fancytree-container .fancytree-ico-cf span.fancytree-icon,
.fancytree-container .fancytree-ico-ef span.fancytree-icon{
  background-position: unset !important;
  background: url('/dlg/di/icons/catalogue.svg') no-repeat center;
}

.fancytree-container .fancytree-ico-c span.fancytree-icon,
.fancytree-container .fancytree-ico-e span.fancytree-icon{
  background-position: unset !important;
  background: url('/dlg/di/icons/empty.svg') no-repeat center;
}

.delivery-search-form input,
.delivery-search-form select{
  width: 333px;
}

.left-column{
  transition: 0.7s;
  position: absolute;
  left: 0;
}

.left-column.hidden{
  left: -208px;
  top: 0px;
}

.left-column.hidden .menu_management{  
	display: none;
}

.left-column.hidden .label-expand{
  animation: showLeftColBtns 0.7s forwards;
  animation-delay: 0.4s;  
}

.left-column.hidden .label-expand .label span{    
  padding-left: 56px;
}

.left-column.hidden .user_menu-buttons{
  animation: showLeftColBtnsNAV 0.7s forwards;
  animation-delay: 0.4s;
}

.left-column.hidden .user_menu-buttons-element:not(:last-child){
  margin-bottom: 16px;
}

.left-column.hidden .user_menu-buttons-element.edits{
  animation: hideEditBtn 0.7s forwards;
  animation-delay: 0.4s;
  margin-bottom: 0;
}

.left-column.hidden .user_menu-buttons-element .text{
  color: #fff;
}

.left-column.hidden .user_menu-buttons .user_menu-buttons-element i{
  margin-bottom: 4px;
}

.left-column.hidden .user_menu-buttons-element i.icon-home{
  animation: iconHomeWhite 0.7s forwards;
  animation-delay: 0.4s;
}

.left-column.hidden .user_menu-buttons-element i.icon-instruction{
  animation: iconInstructionWhite 0.7s forwards;
  animation-delay: 0.4s;
}

.left-column.hidden .user_menu-buttons-element i.icon-logout{
  animation: iconLogoutWhite 0.7s forwards;
  animation-delay: 0.4s;
}

@keyframes iconHomeWhite {
  0%{    
    background-image: url('/dlg/di/icons/icon-home.svg');
  }
  100%{    
    background-image: url('/dlg/di/icons/icon-home-white.svg');
  }
}

@keyframes iconInstructionWhite {
  0%{    
    background-image: url('/dlg/di/icons/icon-instruction.svg');
  }
  100%{    
    background-image: url('/dlg/di/icons/icon-instruction-white.svg');
  }
}

@keyframes iconLogoutWhite {
  0%{    
    background-image: url('/dlg/di/icons/icon-logout.svg');
  }
  100%{    
    background-image: url('/dlg/di/icons/icon-logout-white.svg');
  }
}

.left-column.hidden .label-expand .label span{
  animation: menuLabelDelayAnimation 0.7s forwards;
  animation-delay: 0.4s;
}

.left-column.hidden .label-expand .expand-column{
  height: 54px;
	background-image: url('/dlg/di/icons/arrows_double.svg');
  background-color: #7BCF9E;
	background-position: center;
	font-size: 0;
	padding: 0;
	border: unset;
	border-top: 1px solid #7BCF9E;
	background-size: 20px;
  position: absolute;
	top: 157px;
}

.content-column .main-iframe{
  width: calc(100% - 208px);
  padding-left: 208px;
  transition: 0.7s;
}


.content-column .main-iframe.expanded{
  animation: expandCol 0.7s forwards;
}

.content-column .main-iframe.static-expanded{
  animation: unset;
  width: calc(100% - 56px);
  padding-left: 56px;
  transition: unset;
}

.left-column.static-hidden{
  left: -208px;
  transition: unset;
}

.left-column.static-hidden *{  
  animation-duration: 0s !important;
  animation-delay: 0s !important;
}


@keyframes expandCol {
  0%{
    width: calc(100% - 208px);
    padding-left: 208px;
  }

  100%{    
    width: calc(100% - 56px);
    padding-left: 56px;
  }
}

@keyframes showLeftColBtns {
  0%{
    left: 0;
  }

  50%{    
    position: absolute;
    flex-direction: column;
  }

  100%{
    position: absolute;
    flex-direction: column;
    left: 208px;
    width: 56px;
  }
}


@keyframes showLeftColBtnsNAV {
  0%{
    left: 0;
    top: 54px;
    transition: 0s;
  }

  50%{    
    position: absolute;
    flex-direction: column;
    transition: 0s;
  }

  100%{
    position: absolute;
    left: 208px;
    flex-direction: column;
    width: 56px;
    top: 54px;
    background-color: #21B25B;
    border: unset;
    padding-top: 0px;
    padding-bottom: 15px;
  }
}

@keyframes hideEditBtn {
  0%{
    height: auto;
    width: auto;
  }

  100%{
    height: 0px;
    width: 0px;
    z-index: -2000;
  }
}

@keyframes menuLabelDelayAnimation {
  0%{
    font-size: 20px;
  }

  50%{
    font-size: 0px;
    background-position: center;
  }

  100%{
    font-size: 0px;
    background-position: center;
  }
}

.full-width-input input{
  width: 100%;
}

.afterupdatemessage{
  display: none;
}

.errorupdatemessage{
  display: none;
}

.adjust-to-title{
  top: 36px;
	margin-top: -36px !important;
  position: relative;
}

div.adjust-to-title .clear,
.adjust-to-title + .clear{
  display: none;
} 

.adjust-to-title-message{  
  float: right;
	width: 100%;
	margin-top: 50px;
	box-sizing: border-box;
}

.heading-and-icons{
  display: flex;
  margin-bottom: 10px;
  margin-top: 20px;
}

.heading-and-icons .heading,
.heading-and-icons .icons{
  width: 50%;
}

.heading-and-icons .heading{  
	padding-bottom: 6px;
}

.heading-and-icons .icons{
  display: flex;
	align-items: center;
	justify-content: flex-end;
}

.heading-and-icons .icons .pids_counter{
  margin-top: 0;
}

.heading-and-icons .icons .clear{
  display: none;
}

.heading-and-icons .icons .refreshBtn{
  margin-left: 5px;
}

table tr td.is_planned {
	color: gray;
	font-style: italic;
}

table tr td div.is_planned {
	font-size: 10px;
}

.top-bar-nav{
  display: flex;
  padding: 15px 0 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.top-bar-nav.bottom {
  justify-content: flex-start;
  padding: 0px 0 5px;
}

.top-bar-nav.last{  
  border-bottom: 1px solid #EBEBEB;
}

.order-test-date{
  display: flex;
	align-items: center;
	gap: 10px;
  margin-left: 15px;
}


.order-test-date input{
  width: auto !important;
}

.order-test-date label{
  white-space: nowrap;
}

.top-bar-nav.bottom .order-test-date .chosen-container{
  width:  540px !important;
}


@media (max-width: 1540px) {
  .top-bar-nav.bottom .order-test-date .chosen-container{
    width:  350px !important;
  }
}

@media (max-width: 1340px) {
  .top-bar-nav.bottom .order-test-date .chosen-container{
    width: 250px !important;
  }
}

.top-bar-nav > table {
  margin-left: 0;
  margin-bottom: 0;
  width: calc(100% - 525px);
}

@media (max-width: 1250px) {
  .top-bar-nav > table {
    width: 100%;
    margin-bottom: 5px;
  }  
}

.top-bar-nav > table tbody {
  display: flex;
}

@media (max-width: 1160px) {
  .top-bar-nav > table tbody{
    flex-wrap: wrap;
  }
}
.top-bar-nav > table tr td{
  background-color: transparent !important;
}

.top-bar-nav > table tr:not(:last-child) {
  margin-right: 15px;
}

.top-bar-nav > table tr:nth-child(3){ 
  display: flex;
	align-items: center;
}

.top-bar-nav > table tr:nth-child(3) td:first-child{ 
	display: inline-block;
}

.top-bar-nav > table tr td,
.top-bar-nav > table tr td:hover,
.top-bar-nav > table tr.active_row{
  background-color: #fff;
}
.top-bar-nav > table tr td:first-child {
  display: none;
}

.top-bar-nav .orders-info {
  display: flex;
  width: 100%;
	align-items: center;
  justify-content: flex-end;
	box-sizing: border-box;
}

.top-bar-nav .orders-info .clear-top-bar{
  display: inline-block;
  margin-right: auto;
  cursor: pointer;
  padding-right: 20px;
}

.top-bar-nav .orders-info .orders-info-box:not(:last-child){
  margin-right: 10px;
  font-size: 14px;
}

.top-bar-nav .orders-info .orders-info-box,
.top-bar-nav .orders-info .orders-info-box:visited{
  color: #000;
  text-decoration: unset;
}
.top-bar-nav .orders-info .orders-info-box span{
  color: #21B35C;
  font-weight: 700;
}


/* TABELA ZLECENIA */

.orders-table tbody td:not(.tbt){
  padding: 10px 5px;
}
.status-icons{
  display: flex;
  align-items: center;
	justify-content: center;
  margin-bottom: 5px;
}

.status-icons i{
  display: inline-block;
}

.status-icons i:not(:last-child){
  margin-right: 5px;
}

.status-icons i.status-icon-1{
  width: 17px;
  height: 19px;
  background: url('/dlg/di/icons/status-icon-1.svg') no-repeat center;
}

.status-icons i.status-icon-2{
  width: 21px;
  height: 15px;
  background: url('/dlg/di/icons/status-icon-2.svg') no-repeat center;
}

.status-icons i.status-icon-3{
  width: 20px;
  height: 21px;
  background: url('/dlg/di/icons/status-icon-3.svg') no-repeat center;
}


.status-important{
  font-weight: 700;
}

.user-icon-1,
.user-icon-2{
  display: inline-block;
  width: 21px;
  height: 21px;
}

.user-icon-1{
  background: url('/dlg/di/icons/user-icon-1.svg') no-repeat center;
}
.user-icon-2{
  background: url('/dlg/di/icons/user-icon-2.svg') no-repeat center;
}

.icon-patient,
.icon-caretaker,
.icon-child{
  display: inline-block;
  width: 18px;
  min-width: 18px;
  height: 13px;
	margin-top: 4px;
	margin-right: 10px;
}

.icon-patient{
  background: url('/dlg/di/icons/icon-patient.svg') no-repeat center;
}

.icon-child{
  background: url('/dlg/di/icons/icon-child.svg') no-repeat center;
}

.icon-caretaker{
  background: url('/dlg/di/icons/icon-caretaker.svg') no-repeat center;
}

.patient-data{
  display: flex;
}

.event-user{
  display: flex;
	align-items: center;
  text-align: left;
  margin-bottom: 5px;
}

.event-user i {
  margin: 0 10px;
}

.event-bar{
  background-color: #7FA9B3;
	color: #fff;
	text-align: left;
	padding: 6.5px 15px;
  margin-bottom: 10px;
  font-size: 11px;
}

.tag-icon{
  max-width: 20px;
  object-fit: contain;
}

.tag-icon:not(:last-child){
  margin-right: 5px;
}

.tag-icon-1,
.tag-icon-2,
.tag-icon-3,
.tag-icon-4,
.tag-icon-5,
.tag-icon-6,
.tag-icon-7,
.action-icon-1,
.action-icon-2,
.action-icon-3{
  display: inline-block;
  cursor: pointer;
}

.tag-icon-1{
  width: 14px;
  height: 16px;
  background: url('/dlg/di/icons/icon-tag-1.svg') no-repeat center;
}
.tag-icon-2{
  width: 20px;
  height: 13px;
  background: url('/dlg/di/icons/icon-tag-2.svg') no-repeat center;
}
.tag-icon-3{
  width: 15px;
  height: 16px;
  background: url('/dlg/di/icons/icon-tag-3.svg') no-repeat center;
}
.tag-icon-4{
  width: 22px;
  height: 15px;
  background: url('/dlg/di/icons/icon-tag-4.svg') no-repeat center;
}
.tag-icon-5{
  width: 21px;
  height: 14px;
  background: url('/dlg/di/icons/icon-tag-5.svg') no-repeat center;
}
.tag-icon-6{
  width: 13px;
  height: 16px;
  background: url('/dlg/di/icons/icon-tag-6.svg') no-repeat center;
}
.tag-icon-7{
  width: 20px;
  height: 15px;
  background: url('/dlg/di/icons/icon-tag-7.svg') no-repeat center;
}


.action-icon-1{
  width: 19px;
  height: 19px;
  background: url('/dlg/di/icons/icon-action-1.svg') no-repeat center;
}

.action-icon-2{
  width: 17px;
  height: 15px;
  background: url('/dlg/di/icons/icon-action-2.svg') no-repeat center;
}

.action-icon-3{
  width: 19px;
  height: 19px;
  background: url('/dlg/di/icons/icon-action-3.svg') no-repeat center;
}

.action-icon-4{
  width: 20px;
  height: 19px;
  background: url('/dlg/di/icons/icon-action-4.svg') no-repeat center;
}

.action-icon-5{
  display: inline-block;
  width: 19px;
  height: 19px;
  background: url('/dlg/di/icons/icon-action-5.svg') no-repeat center;
}

.attachment-icon{
  display: inline-block;
  width: 17px;
  min-width: 17px;
  height: 18px;
  background: url('/dlg/di/icons/icon-attachment.svg') no-repeat center;
}

.attachment-mail-icon{
  display: inline-block;
  width: 17px;
  min-width: 17px;
  height: 18px;
  background: url('/dlg/di/icons/icon-mail-attachment.png') no-repeat center;
}

.attachment-name{
  cursor: pointer;
}

.email-icon{
  display: inline-block;
  width: 20px;
  height: 14px;
  background: url('/dlg/di/icons/icon-email.svg') no-repeat center;
  cursor: pointer;
}

.event-attachment,
.event-user-name{
  display: flex;
	align-items: center;
}

.event-attachment i {
  margin-right: 5px;
}

.event-user-name .user-icons{
  margin-right: 10px;
  display: none;
}

.tags-icons, .actions-icons{
  display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}

.actions-icons i{
  cursor: pointer;
}
.tags-icons i:not(:last-child),
.actions-icons a:not(:last-child){
  margin-right: 10px;
}

@media (max-width: 1150px) {
  .tags-icons, .actions-icons{
    flex-direction: column;
  }

  .tags-icons i:not(:last-child),
  .actions-icons i:not(:last-child){
    margin-right: 0px;
    margin-bottom: 10px;
  }
}

.section-row.responsible-and-deposit,
.section-row.persons-and-transfer,
.section-row.shift-origin-priority,
.section-row.tags,
.section-row.adds,
.transfer-and-deposit{
  background-color: #F3F3F3;
  padding: 10px;
  display: flex;
}

.order-header span{
  font-weight: 400;
}
@media (min-width: 1255px) {
  .section-row.responsible-and-deposit,
  .section-row.persons-and-transfer,
  .section-row.shift-origin-priority,
  .section-row.tags,
  .section-row.adds,
  .transfer-and-deposit,
  .order-header{
      max-width: 1250px;
      margin-left: 0;
      margin-right: auto;
  }
}

.section-row.responsible-and-deposit{
  align-items: center;
}
.section-row.responsible-and-deposit .group.order-number{
  margin: 0 50px;
}

.section-row.responsible-and-deposit .group.responsible{
  width: 532px;
  margin-left: 15px;
}

.section-row.responsible-and-deposit .group.responsible select{
  width: 100%;
}



.section-row.transfer-and-deposit {  
	align-items: flex-end;
}

.section-row.transfer-and-deposit .group.deposit,
.section-row.transfer-and-deposit .group.transfer{
  display: flex;
	align-items: center;
	justify-content: flex-start;
  margin-right: 50px;
}


.section-row.transfer-and-deposit .group.transfer{
  flex-direction: column;
  gap: 5px;
}

.transfer-and-deposit .group.payments{
	display: flex;
	flex-direction: column;
  gap: 5px;
  margin-right: 50px;
}

.section-row.persons-and-transfer .group.not-later-than{
	margin-right: 20px;
}

.section-row.persons-and-transfer .group.priority{
	margin-bottom: 15px;
  display: flex;
	flex-direction: column;
	margin-right: 30px;
}

.section-row.persons-and-transfer .group.not-later-than {
  display: flex;
	align-items: center;
}

.section-row.persons-and-transfer .group.not-later-than label{  
	white-space: nowrap;
}

.section-row.persons-and-transfer .group.not-later-than .time-container{
  display: flex;
  align-items: center;
}
.section-row.persons-and-transfer .group.persons-in-order{
  margin-right: auto;
  display: flex;
	align-items: center;
	white-space: nowrap;
}

.section-row.shift-origin-priority{
  padding-bottom: 35px;
}

.section-row.shift-origin-priority .group.shift,
.section-row.shift-origin-priority .group.source,
.section-row.shift-origin-priority .group.priority{
  width: 170px;
  margin-right: 10px;
}

.section-row.shift-origin-priority .group.shift select,
.section-row.shift-origin-priority .group.source select,
.section-row.shift-origin-priority .group.priority select{
  width: 100%;
}


.section-row.shift-origin-priority .group.installment-payment{
	margin-left: auto;
	display: flex;
	align-items: center;
	width: 340px;
}

.section-row.shift-origin-priority .group.installment-payment .label{  
	order: 1;
}

.section-row.tags .group.tags{  
  width: 350px;
  margin-right: 50px;
}

.section-row.tags .group.shift{
  margin-right: 50px;
}

.section-row.tags .group.shift,	
.section-row.tags .group.source{	
  display: flex;
	flex-direction: column;
}

.section-row.tags .group.tags select{
  width: 350px;
}

.section-row.tags .group.order-number{
  margin-right: 65px;
}

.section-row.adds .group.adds{
  margin-right: 40px;
}

.section-row.adds .group.btns{
  margin-left: 33px;
}
.section-row.adds .group.btns .buttons{
  margin: 0;
  display: flex;
  align-items: center;
	height: 100%;
  flex-wrap: wrap;
	gap: 10px;
}

.section-row.adds .group.btns .buttons::after{
  content: unset;
}

.section-row.adds .group.btns .buttons li{
  margin: 0;
  flex-grow: 1;
}

.order-persons{
  display: flex;
  flex-wrap: wrap;
  margin-top: 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid #EBEBEB;
  margin-bottom: 20px;
}

.order-persons .order-person{
  width: calc(50% - 10px);
}

.order-persons.order-view .order-person{
  width: calc(33.33% - (40px / 3));
}

.order-persons.surveys-view > form{
  width: calc(25% - (60px / 4));
}

.order-persons.surveys-view  > form .order-person{
  width: 100%;
}

@media (max-width: 1300px) {
  .order-persons.order-view .order-person{
    width: calc(50% - 10px);
  }
}

@media (max-width: 1500px) {
  .order-persons.surveys-view > form{
    width: calc(33.33% - (40px / 3));
  }
}

@media (max-width: 1300px) {
  .order-persons.surveys-view  > form{
    width: calc(50% - 10px);
  }
}

.order-persons .order-person header{
  padding: 10px;
  font-size: 21px;
  color: #1A1A1A;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.order-persons .order-person .person-number{
	margin-left: 10px;
}

.order-persons .order-person .persons-count{
  margin-right: auto;
}
.order-persons .order-person .remove-person{
  cursor: pointer;
}

.order-persons .order-person .copy-person{
  cursor: pointer;
  margin-right: 10px;
  	padding: 11.5px 22px;
	border-radius: 5px;
	text-transform: uppercase;
	background-color: #21B35B;
	display: block;
	text-decoration: none;
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	transition: 0.5s;
}

.order-persons .order-person .copy-person:hover { background: #118d43; }

.order-persons .order-person .remove-person i{
  display: inline-block;
  width: 23px;
  height: 23px;
  background: url('/dlg/di/icons/remove-person.svg') no-repeat center;
}

.order-persons:not(.order-view):not(.surveys-view) .order-person:nth-child(odd){
  margin-right: 20px;
}


@media (min-width: 1301px) {
  .order-persons.order-view .order-person:not(:nth-child(n + 3)){
    margin-right: 20px;
  }
  
}
@media (max-width: 1300px) {
  .order-persons.order-view .order-person:nth-child(odd){
    margin-right: 20px;
  } 
}

@media (min-width: 1501px) {
  .order-persons.surveys-view  > form:not(:nth-child(n + 4)){
    margin-right: 20px;
    margin-bottom: 20px;
  }
  
}

@media (min-width: 1301px) and (max-width: 1500px) {
  .order-persons.surveys-view > form:not(:nth-child(n + 3)){
    margin-right: 20px;
    margin-bottom: 20px;
  }  
}

@media (max-width: 1300px) {
  .order-persons.surveys-view > form:nth-child(odd){
    margin-right: 20px;
  } 
}

.person-address-and-tests{
  width: 100%;
}
.order-persons .order-person .order-person-content{
  padding: 20px 12px;
  box-sizing: border-box;
  border: 1px solid #E0E0E0;
  border-top-color: #21B35C;
  box-shadow: 0px 0px 6px 1px rgba(0,0,0, 0.13);
}

.order-persons .order-person .order-person-content .section-row{
  display: flex;
}

.order-persons .order-person .order-person-content .section-row.two-cols .group{
  width: 50%;
	line-height: 22px;
}

.separator{
  margin: 5px 0 15px;
  width: 100%;
  height: 1px;
  background-color: #EBEBEB;
}

.order-persons .order-person .order-person-content .section-row:not(:last-child){
  margin-bottom: 15px;
}

.order-persons .order-person .order-person-form .section-row .group select,
.order-persons .order-person .order-person-form .section-row .group input{
  width: 100%;
}


.order-persons .order-person .order-person-form .section-row .group {
  position: relative;
}

.order-persons .order-person .order-person-form .section-row.test-place{
  align-items: center;
	justify-content: space-between;
}

.order-persons .order-person .order-person-form .section-row.test-place .group.map-btn{
  margin-left: 15px;
}

.order-persons .order-person .order-person-form .section-row.test-place .group.map-btn a{
  padding-top: 9px;
  padding-bottom: 9px;
}

.order-persons .order-person .order-person-form .section-row.name-and-type .group.firstname{
  width: calc(50% - 15px);
  margin-right: 15px;
}

.order-persons .order-person .order-person-form .section-row.name-and-type .group.lastname{
  width: calc(50% - 15px);
  margin-right: 15px;
}

.order-persons .order-person .order-person-form .section-row.name-and-type .group.type{
  width: 30%;
}

.order-persons .order-person .order-person-form .section-row.name-and-type .group.age{
  display: none;
}

.order-persons .order-person .order-person-form .section-row.name-and-type.is-child .group.name{
  width: calc(50% - 15px);
}

.order-persons .order-person .order-person-form .section-row.name-and-type.is-child .group.type{
  margin-right: 15px;
  width: calc(35% - 7.5px);
}

.order-persons .order-person .order-person-form .section-row.name-and-type.is-child .group.age{
  width: calc(15% - 7.5px);
  display: block;
}

.order-persons .order-person .order-person-form .section-row.company-and-nip_pesel .group.company{
  width: calc(70% - 15px);
  margin-right: 15px;
}

.order-persons .order-person .order-person-form .section-row.company-and-nip_pesel .group.nip-pesel{
  width: 30%;
}

.order-persons .order-person .order-person-form .section-row.street-home-apartment .group.street{
  width: calc(50% - 15px);
  margin-right: 15px;
}


.order-persons .order-person .order-person-form .section-row.street-home-apartment .group.home{
  width: calc(25% - 7.5px);
  margin-right: 15px;
}

.order-persons .order-person .order-person-form .section-row.street-home-apartment .group.apartment{
  width: calc(25% - 7.5px);
}

.order-persons .order-person .order-person-form .section-row.zipcode-city .group.zipcode,
.order-persons .order-person .order-person-form .section-row.phone-email .group.phone{
  width: calc(30% - 15px);
  margin-right: 15px;
}

.order-persons .order-person .order-person-form .section-row.zipcode-city .group.city,
.order-persons .order-person .order-person-form .section-row.phone-email .group.email{
  width: 70%;
}

.order-persons .order-person .order-person-form .section-row.brand-and-test .group.brand-and-test,
.order-persons .order-person .order-person-form .section-row.test-place .group.test-place{
  width: 100%;
}

.order-persons .order-person .order-person-form .section-row.brand-and-test .group.brand-and-test div[class^="test_select_container_"]{
  margin-top: 10px;
}

.order-persons .order-person .order-person-form .section-row.test-place .group.test-place{
  max-width: calc(100% - 55px);
}

.order-persons .order-person .order-person-form .section-row.test-date .group.test-date,
.order-persons .order-person .order-person-form .section-row.test-salary .group.test-salary{
  width: 100%;
	display: flex;
	align-items: center;
}

.order-persons .order-person .order-person-form .section-row.test-date .group.test-date input,
.order-persons .order-person .order-person-form .section-row.test-salary .group.test-salary input{
  width: auto;
  margin-left: 12px;
}

.order-persons .order-person .order-person-form .section-row.test-salary .group.test-salary .time-container label{  
	margin-left: 5px;
}

.order-persons .order-person .order-person-form .section-row.nurse-comment .group.nurse-comment,
.order-persons .order-person .order-person-form .section-row.nurse-comment .group.nurse-comment textarea,
.order-persons .order-person .order-person-form .section-row.person-adds .group.person-adds,
.order-persons .order-person .order-person-form .section-row.person-adds .group.person-adds textarea,
.order-persons .order-person .order-person-form .section-row.person-alternatives .group.person-alternatives,
.order-persons .order-person .order-person-form .section-row.person-alternatives .group.person-alternatives textarea{
  width: 100%;
}

.order-persons .buttons{
  width: 100%;
  margin-top: 30px;
	display: flex;
	justify-content: center;
}

.order-persons .buttons .add-person{
  display: flex;
  align-items: center;
  font-size: 15px;
  color: #1A1A1A;
  font-weight: 700;
  background-color: #EBEBEB; 
  padding: 12.5px 51px;
  cursor: pointer;
}

.order-persons .buttons .add-person:hover{
  background-color: #d6d6d6; 
}


.order-persons .buttons .add-person i{
  display: inline-block;
  width: 28px;
  height: 28px;
  background: url('/dlg/di/icons/add-person.svg') no-repeat center;
  margin-right: 10px;
}

.order-details{
  background-color: #F3F3F3;
  padding: 20px;
  box-sizing: border-box;
}

.order-details .order-details-row{
  display: flex;
  margin-bottom: 10px;
}

.order-details .order-details-row:not(.initial-view) .group{
  width: 20%;
  padding: 3px;
  box-sizing: border-box;
}

.order-details .order-details-row:not(.initial-view) .group:first-child{
  width: 40%;
}

.order-details .order-details-row.initial-view .group{
  margin-right: 30px;
  padding: 3px;
}

.order-details .section-row.order-details-row.adds-row{
  margin-bottom: 0;
}

.order-details .section-row.order-details-row .group.order-adds{
  width: 80%;
}

.order-details .section-row.order-details-row .group.order-adds ~ .buttons,
.order-details .section-row.order-details-row .group.order-adds ~ .buttons .buttons{
  text-align: left;
}

.section-row.event-form-row{
  display: flex;
  margin-bottom: 15px;
}

.section-row.event-form-row:last-child{
  margin-bottom: 0;
}

.section-row.event-form-row .group.set-stage,
.section-row.event-form-row .group.tags{
  width: calc(50% - 25px);
}

.section-row.event-form-row .group.role,
.section-row.event-form-row .group.user{
  width: calc(25% - 25px);
}

.section-row.event-form-row .group.user{
  margin-left: 25px;
}

.section-row.event-form-row .group.set-stage{
  margin-right: 50px;
}

.section-row.event-form-row .group.set-stage select,
.section-row.event-form-row .group.role select,
.section-row.event-form-row .group.user select,
.section-row.event-form-row .group.tags select,
.section-row.event-form-row .group.topic,
.section-row.event-form-row .group.message-content,
.section-row.event-form-row .group.topic textarea,
.section-row.event-form-row .group.message-content textarea{
  width: 100%;
}

.section-row.messages-form-row{
  margin-bottom: 15px;
}

.section-row.messages-form-row .group,
.section-row.messages-form-row .group *{
  width: 100%;
}

.section-row.messages-form-row .group.user{
  display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.section-row.messages-form-row .group.user .ser{
  order: 3;
}
.section-row.messages-form-row .group.user .fb{
  width: auto;
}

.section-row.messages-form-row .group.user select{
	width: calc(100% - 105px);
	margin-right: 7px;
}



.section-row.messages-form-row .group.user.fullwidth-select select{
	width: 100%;
	margin-right: 0px;
}


.order-person-content .survey-row .group.survey-patient-name{
  font-size: 16px;
}

.order-person-content .survey-row .group.survey-question-label{
  color: #777777;
  text-transform: uppercase;
}

.order-person-content .survey-row .group.survey-question-answers label{
  margin-bottom: 10px;
  display: block;
}

.order-person-content .survey-row .group.survey-question-answers br{
  display: none;
}

.search-form{  
	display: flex;
	justify-content: space-between;
}

.search-form .search-form-col{
	width: calc(50% - 55px);
}

@media (max-width: 1300px) {
  .search-form .search-form-col{
    width: calc(50% - 20px);
  }  
}

.search-form .search-form-col .section-row{
  margin-bottom: 15px;
  width: 100%;
}


.search-form .search-form-col .section-row select,
.search-form .search-form-col .section-row .chosen-choices,
.search-form .search-form-col .section-row input{
  width: calc(100% - 22px);
}

.search-form.event-search-form .search-form-col .section-row input,
.search-form.event-search-form .search-form-col .section-row .chosen-choices,
.search-form.event-search-form .search-form-col .section-row select{
  width: 100%;
}

.search-form .search-form-col .section-row .group.order-date input,
.search-form .search-form-col .section-row .group.event-date input,
.search-form .search-form-col .section-row .group.order-not-later-than input{
  width: auto;
}

.search-form .search-form-col .section-row .group.order-date label:first-child,
.search-form .search-form-col .section-row .group.event-date label:first-child,
.search-form .search-form-col .section-row .group.order-not-later-than label:first-child{
  margin-right: 20px;
}

.search-form .search-form-col .section-row .group.order-date label:nth-of-type(2),
.search-form .search-form-col .section-row .group.event-date label:nth-of-type(2),
.search-form .search-form-col .section-row .group.order-not-later-than label:nth-of-type(2){
  margin: 0 25px;
}

.search-form .search-form-col .section-row .group.order-nurse,
.search-form .search-form-col .section-row .group.order-point{
  display: flex;
	align-items: center;
}

.search-form .search-form-col .section-row .group.order-nurse select,
.search-form .search-form-col .section-row .group.order-point select{
  width: 100%;
}

.search-form .search-form-col .section-row.search-form-event-role-or-user,
.search-form .search-form-col .section-row.search-form-order-role-or-user{
  display: flex;
  align-items: center;
}


.search-form .search-form-col .section-row.search-form-order-role-or-user .group.order-role,
.search-form .search-form-col .section-row.search-form-order-role-or-user .group.order-role-user,
.search-form .search-form-col .section-row.search-form-event-role-or-user .group.event-role,
.search-form .search-form-col .section-row.search-form-event-role-or-user .group.event-role-user{
  width: calc(50% - 10px);
}

.search-form .search-form-col .section-row.search-form-event-role-or-user .group.event-role-user,
.search-form .search-form-col .section-row.search-form-order-role-or-user .group.order-role-user{
  margin-left: 20px;
}

.search-form.event-search-form ~ .buttons{
  text-align: left;
	padding-left: 120px;
}

.icon-location{
  display: inline-block;
  width: 13px;
  height: 20px;
  margin-left: 10px;
  background: url('/dlg/di/icons/icon-location.svg') no-repeat center;
}

.point-info-popup{  
	display: flex;
	align-items: flex-end;
}

.point-info-popup .buttons{
  margin-left: 70px;
  margin-bottom: 0;
  margin-top: 0;
}

.avatar-img{
  border-radius: 50%;
}

.input-hint{
  background-color: #21B35B;
	color: #fff;
	position: absolute;
	left: 0;
	top: -30px;
	padding: 3px 8px;
	border-radius: 4px;
	box-sizing: border-box;
}

.chosen-choices .input-hint{
  right: 39px;
	left: unset;
	top: 4px;
}

#attachments_drop{
  width: 100%;
  height: 270px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#attachments_drop.has-files{
  align-items: flex-start;
  justify-content: flex-start;
}

#attachments_drop.has-files .info-text{
  display: none;
}

.send-attachments-from-template,
.send-attachments-from-tab{
  display: flex;
  align-items: center;
}

.send-attachments-from-template input,
.send-attachments-from-tab input{
  order: -1;
  margin-right: 20px;
}

.event-messages {
  display: flex;
	flex-direction: column;
  max-height: 150px;
	overflow-y: auto;
}

.event-messages .message{
  margin-bottom: 10px;
  padding: 5px 10px;
  box-sizing: border-box;
  border-radius: 7px;
	max-width: 50%;
}

.event-messages .message.unread,
.event-messages .message.read{
  cursor: pointer;
  position: relative;
}

.event-messages .message.unread::before{
  content: '';
  border: 1px solid #818f86;
  border-radius: 50%;
  width: 7px;
  height: 7px;
  background-color: #fff;
  position: absolute;
  left: -13px;
  bottom: 2px;
}
.event-messages .message.read::before{
  content: '';
  border: 1px solid #818f86;
  border-radius: 50%;
  width: 7px;
  height: 7px;
  background-color: #818f86;
  position: absolute;
  left: -13px;
  bottom: 2px;
}

.event-messages .message.my-message.unread:before,
.event-messages .message.my-message.read:before{
  left: unset;
  right: -13px;
}

.event-messages .message.my-message.read:before{
  background-color: #21B35B;
  border-color: #21B35B;
}
.event-messages .message.my-message.unread:before{
  border-color: #21B35B;
}

.event-messages .message:not(:last-child){
  margin-bottom: 10px;
}

.event-messages .my-message{
  margin-right: auto;
  background-color: #21B35B;
  color: #fff;
  text-align: left;
}

.event-messages .others-message{
  margin-left: auto;
  background-color: #818f86;
  color: #fff;
  text-align: right;
}

.reply-container{
  margin-top: 10px;
  border-top: 1px solid;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 10px;
}

.reply-container textarea{
  width: calc(100% - 130px);
	margin-right: auto;
}

.reply-container .button{
  border: 2px solid #21b35b;
	border-radius: 7px;
	padding: 5px 20px;
	color: #21b35b !important;
	font-weight: 700;
	text-transform: uppercase;
  cursor: pointer;
  transition: 0.7s;
  background-color: #fff !important;
}

.reply-container .button:hover{
  background-color: #21b35b !important;
  color: #fff !important;
}

.reply-container .button.blocked{
  pointer-events: none;
}

.red-pulse-dot{
  background-color: #f00;
  border-radius: 50%;
  width: 8px;
  height: 8px;
	display: inline-block;
  margin-right: 5px;
  margin-bottom: 2px;
  animation: pulse 1s infinite ease-in-out;
}

.red-pulse-dot.hidden{
  display: none;
}

@keyframes pulse {
  0%{
    opacity: 1;
  }
  50%{
    opacity: 0;
  }
  100%{
    opacity: 1;
  }
}


.table-of-events tr .event-user-name{
  margin-left: 20px;
}

.table-of-events tr.type-m td:first-child .event-user-name{
  position: relative;
}

.table-of-events tr.type-m td:first-child .event-user-name::after{
  content: '';
  width: 30px;
  height: 30px;
  position: absolute;
  left: -40px;
  top: 50%;
  transform: translateY(-50%);
  background: url('/dlg/di/icons/icon-event-message.svg') no-repeat center #21B35B;
  border-radius: 50%;
  background-size: 20px;
}

.table-of-events tr.hidden{
  display: none;
}

.deposit-transfer-icons > div{  
	display: inline-block;
  margin: 5px;
}

.icon-deposit-n{
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url('/dlg/di/zaliczka-n.png') no-repeat center;
}
.icon-deposit-o{
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url('/dlg/di/zaliczka-o.png') no-repeat center;
}

.icon-transfer-sum-n{
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url('/dlg/di/naleznosc-n.png') no-repeat center;
}

.icon-transfer-sum-o{
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url('/dlg/di/naleznosc-o.png') no-repeat center;
}

.checkboxes-communication-and-address{
  display: flex;
  align-items: center;
	flex-wrap: wrap;
	gap: 10px;
}

.blocked-tab a{
  pointer-events: none;
	background-color: #ebebeb !important;
	cursor: not-allowed;
}

.point-info-container{
  position: relative;
}
.point-info-container .point-info{
  cursor: help;
}

.point-info-container .point-info:hover + .point-info-popup{
  display: block;
    position: absolute;
    left: 50%;
    top: 0;
    width: 330px;
    transform: translate(-50%, -100%);
    background-color: #fff;
}

.point-info-container .point-info-popup{
  display: none;
  padding: 10px;
  box-sizing: border-box;
}

.in_blanco_list .chosen-container {
	padding-bottom: 10px !important;
}

.transfer-payed-sum.paid{
  color: #21b35c;
  font-weight: 700;
}

.transfer-payed-sum.not-paid{
  color: #f00;
  font-weight: 700;
}

.price-list-container{
  position: relative;
  display: inline-block;
}
.price-list{
  height: 32px;
  margin-left: 10px;
  cursor: help;
  user-select: none;
  white-space: nowrap;
  padding: 8px 5px;
  display: inline-block;
  box-sizing: border-box;
}

.price-list:hover + .price-list-popup{
  display: block;
  position: absolute;
  left: 43px;
  bottom: 45px;
  transform: translateX(-100%);
  background-color: #fff;
  width: 250px;
  box-shadow: 0 0 12px -2px rgba(0, 0, 0, 0.1);
}

.price-list + .price-list-popup{
  display: none;
  padding: 10px;
  box-sizing: border-box;
}