input, textarea { outline-width: 0; }
a:active, a:focus { outline: none; }
input, textarea {outline:none;}
input:active, textarea:active {outline:none;}

.cms-menu { border-collapse: collapse; }
.cms-menu td { border-left: 1px solid #888; border-right: 1px solid #888; padding: 0; }
.cms-menu td a { display: inline-block; padding: 4px 8px; font-size: 13px; text-decoration: none; }

.title-division { width: 100%; border-collapse: collapse; margin-bottom: 10px;  }
.title-division td  { padding: 0; font-size: 16px; vertical-align: middle; color: #0156b0; }
.title-division td.right  { text-align: right; }



.form_item { padding: 0 10px 15px 0; display: block; }
.form_item.inline { display: inline-block; }


.smtext {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000;}

.blsmtext {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #0156B0; font-weight:bold; padding-bottom: 1px;}
.blsm {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #0156B0; padding-bottom: 1px;}

.subtitle { background: #0156B0; color: #FFFFFF; font-size: 13px; font-weight: bold; margin: 25px 0 13px 0; padding: 5px; width: 492px;}

.orsmtext {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FE6500;}

.grsmtext {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #787878;}

.reds {color: #cc0000;}
.gr {color: #787878;}

.osntext{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #000000;}

a, .fn-link {
   color: #cc0000; text-decoration: underline; cursor: pointer;
}

a:hover, .fn-link:hover {
   color: #000000;
   text-decoration: none;
}

td { vertical-align: top; }

.indata {
	border: 1px solid #0156B0;
	width: 85px;
	height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-color: #f5f5f5;
	}

.innum {
	border: 1px solid #0156B0;
	width: 24px;
	height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-color: #f5f5f5;
	}

.intext {
	border: 1px solid #0156B0;
	width: 500px;
	height: 23px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-color: #f5f5f5;
	}

.insmtext {
	border: 1px solid #0156B0;
	width: 200px;
	height: 22px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-color: #f5f5f5;
	}
.inesmtext {
	border: 1px solid #0156B0;
	width: 100px;
	height: 22px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-color: #f5f5f5;
	}

select.in {
        border: 1px solid #0156B0;
        padding: 3px 3px 3px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-color: #f5f5f5;
}
select.intext {
        padding: 3px 3px 3px 0;
        height: auto;
        width: 502px;
        }
select.insmtext {
        padding: 3px 3px 3px 0;
        height: auto;
        width: 202px;
        }

.insmsmtext {
	border: 1px solid #0156B0;
	width: 150px;
	height: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #f5f5f5;
	border-radius: 3px;
	}

.incalendar {
	border: 1px solid #0156B0;
	height: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 72px;
	}


.indata {
	border: 1px solid #0156B0;
	width: 100px;
	height: 22px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-color: #f5f5f5;
	}

.inarea {
	border: 1px solid #0156B0;
	width: 500px;
	height: 100px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-color: #f5f5f5;
	}

.insreset {
	width: 200px;
	height: 22px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	cursor: pointer;
	border: 1px solid #000000;
}


.form_item .insubmit {
  margin-top: 20px;
  height: 25px;
  font-size: 11px;
}
.insubmit {
	width: 202px;
	height: 25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #ffffff;
	cursor: pointer;
	border: 1px solid #000000;
  background-color: #0156B0;
}

.insubmit:hover {
  background-color: #006adb;
}

.insubmitred{
	width: 200px;
	height: 25px;
	line-height: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	cursor: pointer;
	border: 1px solid #000000;
background-color: #cc0000;}

.insubmitgray{
	width: 202px;
	height: 25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
        line-height: 15px;
	color: #666666;
	cursor: pointer;
	border: 1px solid #999999;
    background-color: #eaeaea;
	border-radius: 3px;
}
.insubmitgray:hover {
  background-color: #eee;
}

.img_sel{
margin: 6px;
border: 1px solid #b4b4b4;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
background-color: #f1f1f1;
}

form {
    margin: 0px;
}


.place-edit { border-radius: 3px; width: 100%; overflow: hidden; margin-bottom: 10px; }
table.edit { width: 100%; border-collapse: collapse; font-size: 13px; }
table.edit > * { vertical-align: middle; }
table.edit a.sb {  color: #0156B0; }
table.edit a.sb:hover {   color: #000000;   text-decoration: none;}
table.edit th { color: #0156B0; background-color: #dadada; padding:10px; text-align: left; border-right: 2px solid #fff; }

table.edit td { padding:6px;  padding:10px; text-align: left; border-right: 2px solid #fff; border-bottom: 2px solid #fff;  }
table.edit th:last-child, table.edit td:last-child { border-right: none;}
table.edit tr:last-child  td { border-bottom: none;}

table.edit td td { padding:2px; }

table.edit tr { background-color: #f7f7f7; }
table.edit tr:hover td { background-color: #eaeaea;  }
table.edit tr.select td { background-color: #ffcc99;  }

table.edit .light-red { background-color: #f9c2c2; }
table.edit th.light-red { background-color: #e1b0b0; }

table.edit .light-blue { background-color: #9ec8f2; }
table.edit th.light-blue { background-color: #8eb3d9; }


table.edit tr.light-green td { background-color: #75d975;  }
table.edit tr.orange td { background-color: #ffc286;  }
table.edit tr.yellow td { background-color: #fce83c;  }
table.edit tr.light-blue td { background-color: #9ec8f2;  }
table.edit tr.red td { background-color: #fe7b7b;  }
table.edit tr.red td a { /*color: #fce4e4;*/  }
table.edit tr.light-red td { background-color: #ffdada;  }

table.edit .icon { font-size: 18px; text-decoration: none; color: #0156b0; margin: 0 2px; cursor: pointer; }
table.edit .icon:hover { color: #cc0000; }
table.edit .icon.na { color: #888; cursor: default; opacity: 0.3; }

table.edit .disabled { cursor: default; }
table.edit .disabled:hover { color: #0156b0; }

table.edit .icon.gray { color: #999999; }
table.edit .disabled.gray:hover { color: #999999; }

table.edit .center { text-align: center; }

table.in-edit td { border: none; }

/*
table.edit .icon { display: inline-block; width: 30px; height: 30px; font-size: 0; background: url('/admin/cms/pictures/icon-blue.png') no-repeat; background-color: #fff; }
table.edit .param { background-position: -409px -180px; }
table.edit .parent { background-position: -507px -16px; }
table.edit .text { background-position: -360px -235px; }
*/

.table-row td { background-color: #f7f7f7;  }
.table-row:hover td { background-color: #eaeaea;  }

.table-row.green td { background-color: #c3e8ab;  }
.table-row.green:hover td { background-color: #bde1a5; }

.table-row.red td { background-color: #f3b0b0;   }
.table-row.red:hover td { background-color: #f1a3a3; }

.table-row.yellow td { background-color: #f3e6b0;   }
.table-row.yellow:hover td { background-color: #f4e298; }

.table-row.blue td { background-color: #b0d3f3;   }
.table-row.blue:hover td { background-color: #99c4ec; }

.table-row.sel td { background-color: #ffcc99;  }
.table-row.sel:hover td { background-color: #f4c391;  }



a.ssblue {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000099; text-decoration: underline}

a.ss {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #cc0000; text-decoration: underline}
a.ss:hover {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #000000;  text-decoration: none}

a.ssgrey {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #909090; text-decoration: underline}
a.ssgrey:hover {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000;  text-decoration: none}


a.smenu {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #990000; text-decoration: none}
a.smenu:hover {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #990000;  text-decoration: underline}


a.greysmall {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #b4b4b4; text-decoration: underline}
a.greysmall:hover {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #b4b4b4;  text-decoration: none}

input.inp { vertical-align: middle; padding: 0px; margin: 4px 0; line-height: 16px; }

label { cursor: pointer; vertical-align: middle; }

.crumb {color: #000099;}

#funcTION {
	background: #ffffff;
	padding: 10px;
	box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
	border-radius: 5px;
	position: absolute;
	display: none; z-index: 1500;
	top: 0px; left: 0px;
	}

#usINFO {
	width:150px;
}

#usINFO div{
	padding: 2px 0px 2px 0px;
}

#fuINFO  { border-collapse: collapse; margin: 0 auto 10px; line-height: 1;	}

table.calendar { border-collapse: collapse;margin: 0 auto; font-size: 13px; }
table.calendar th{  background: #0156b0; color: #fff; border: 1px solid #dadada; font-weight: normal; padding: 13px 0 13px 0; width: 42px; }
table.calendar td{ background: #fff; border: 1px solid #dadada; font-size: 13px; font-weight: normal;  padding: 0; }
table.calendar a { display: inline-block; text-decoration: none; padding: 13px 0 13px 0; width: 42px; }
table.calendar td.now {  background: #dadada; }
table.calendar td.sel {  background: #0156b0; }
table.calendar td.sel a, table.calendar td.sel a:hover { color: #fff; }


.toolbar { padding-bottom: 15px; }
/*.toolbar .button { display: inline-block; width: 180px; text-align: center; border: 1px solid #000; background: #0156B0; color: #fff; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; height: 20px; line-height: 15px; padding: 4px 10px 0; margin: 0 5px 5px 0; text-decoration: none; }*/
/*.toolbar .button:hover {  }
.toolbar .button.down { }*/

div.form { width: 835px; margin-bottom: 20px; }
div.form-inner { padding: 13px 15px 20px; }

form .req { color: #f00; font-family: Verdana; line-height: 11px; }
.form-label { font-weight: bold; font-size: 11px; color: #0156B0; padding: 0 0 5px 0; margin-top: 12px; }
.form-label.first { margin-top: 0; }
.form-item-inline { display: inline-block; zoom: 1; }
.form-subtitle { background: #0156B0; font-size: 13px; font-weight: bold; margin: 25px 0 13px 0; padding: 5px; width: 492px; color: #fff; border-radius: 3px; }
.form-subtitle + .cms-form-item > .cms-form-title { margin-top: 0; }

.form-subtitle:first-child { margin-top: 5px; /*padding-top: 0;*/ }
.form-separator { height: 1px; border-top: 1px solid #a9a9a9; margin: 5px 0 10px; width: 500px; }

.form-item-collapse { cursor: pointer; }
.form-item-collapse .arrow { width: 7px; display: inline-block; margin-left: 5px; }
.form-item-collapse:hover { text-decoration: underline; }
.form-item-collapse.open .arrow { background: url('/admin/cms/pictures/form-collapse-up.gif') no-repeat 50% 7px; }
.form-item-collapse.close .arrow { background: url('/admin/cms/pictures/form-collapse-down.gif') no-repeat 50% 7px; }
.form-item-collapse.close { /*padding-bottom: 0px;*/ }
.form-item-collapse-field.close { display: none; }

.form-item input[type=checkbox] { vertical-align: middle; margin: 0 2px 0 0; }
.form-item label { vertical-align: middle; /*padding-top: 1px;*/ }

.input-control { padding-bottom: 5px; display: inline-block; }
.input-control input[type=file] { border: 1px solid #0156B0; }

.group-control { padding-bottom: 5px;  }
.group-control span { display: block; }
.group-control span span { display: inline-block; }
.group-control.inline span { display: inline-block; }
.group-control input { vertical-align: middle; margin: 0 2px 0 0; }
.group-control label { vertical-align: middle; /*padding-top: 1px;*/ }

.text-control { width: 500px; height: 22px; margin-bottom: 5px; border-radius: 3px; background: #f5f5f5; border: 1px solid #888; font-size: 13px;	 font-family: Verdana, Arial, Helvetica, sans-serif; }
.text-control.semi { width: 433px; }
.text-control.small { width: 200px;  }
.text-control.micro { width: 50px;  }
.text-control.extra-small { width: 50px; }
.textarea-control { width: 500px; height: 70px; margin-bottom: 5px; resize: vertical;  border: 1px solid #888; border-radius: 3px;  }
.textarea-control.big { height: 200px; }

select.text-control { padding: 3px; height: 26px; width: 506px; }
select.text-control.micro { padding: 3px; height: 26px; width: 100px; }
select.text-control.midi { padding: 3px; height: 26px; width: 180px; }
select.text-control.mini { padding: 3px; height: 26px; width: 130px; }
select.text-control.small { padding: 3px; height: 26px; width: 252px; }

div.colorPicker-picker {
  display: inline-block;
  zoom: 1;
  vertical-align: top;
  height: 25px;
  width: 25px;
  padding: 0 !important;
  border: 1px solid #0156B0;
  background: url('/admin/cms/pictures/cp-arrow.png') no-repeat bottom right;
  cursor: pointer;
  line-height: 25px;
  margin-left: 10px;
}

div.colorPicker-palette {
  width: 110px;
  position: absolute;
  border: 1px solid #598FEF;
  background-color: #EFEFEF;
  padding: 2px;
  z-index: 9999;
}
  div.colorPicker_hexWrap {width: 100%; float:left }
  div.colorPicker_hexWrap label {font-size: 95%; color: #2F2F2F; margin: 5px 2px; width: 25%}
  div.colorPicker_hexWrap input {margin: 5px 2px; padding: 0; font-size: 95%; border: 1px solid #000; width: 65%; }

div.colorPicker-swatch {
  height: 12px;
  width: 12px;
  border: 1px solid #000;
  margin: 2px;
  float: left;
  cursor: pointer;
  line-height: 12px;
}

.form-data { border-collapse: collapse; }
.form-data td { padding: 0 5px 2px 0; }
input[type="checkbox"], input[type="radio"],  label {
    vertical-align: middle;
}
input[type="checkbox"], input[type="radio"],  label {
    vertical-align: middle;
}


/* автокомплект */
.ac_results { padding: 0px; border: 1px solid #595a5c; background-color: white; overflow: hidden; z-index: 99999; }
.ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0;}
.ac_results li { margin: 0px; padding: 4px 6px 4px 6px; cursor: default; display: block; font-size: 13px; line-height: 16px; overflow: hidden;  }
.ac_loading { background: white url('/templates/pictures/indicator.gif') right center no-repeat; }
.ac_odd { background-color: #eee;}
.ac_over {background-color: #D3D5D5; }
.ac_results table { border-collapse: collapse; width: 100%;}
.ac_results td { padding: 0 10px 0 0; vertical-align: middle;}
.ac_results td.img { width: 20px;}
.ac_results td.img img { width: 20px; height: 20px; }
.ac_results td.id { text-align: right; color: #999; padding: 0;}

/*
a.open-catalog { display: inline-block; border: 1px solid #dadada; background: #eeeeee; text-decoration: none; line-height: 1; padding-top: 0px; font-size: 14px; width: 17px; height: 17px; text-align: center;  }
a.open-catalog:hover { background: #dadada; }
 */




.popup-place { position: absolute; top: 0px; left: 0px; width: 0px; height: 0px; z-index: 2147483640; }
.popup-bg { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 3001; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30); opacity: 0.3; background: #000; z-index: 10001;}
.popup-bg.transparent { background: none; }

.popup-window { z-index: 10010; position: absolute; }

.popup-window-content { background: rgba(0,0,0,0.14); min-width: 400px; padding: 7px; font-family: Arial;  border-collapse: separate; border: none; font-size: 14px; line-height: 17px;  width: 510px; border-radius: 5px; /*max-width: 1000px;*/ }
.popup-window-content-bg { padding: 7px; background: #fff; position: relative; }
.popup-window-title { border-bottom: 1px solid #dfdfdf; margin: 0; font-size: 20px; line-height: 24px; color: #000; font-weight: bold; font-family: Arial; padding: 5px 10px 12px; }
.popup-window-alert, .main_dialog { padding: 22px 30px 19px 30px; color: #757575; font-size: 18px; line-height: 1.3; max-width: 600px; overflow: auto; }
.popup-window-close { position: absolute; font-size: 0; line-height: 0; top: 15px; right: 15px; width: 15px; height: 15px; background: url('/admin/cms/pictures/popup-close.png') no-repeat 50% 50%;  }
.popup-window-close:hover { }

.popup-window-function { padding: 0 30px 16px; font-size: 13px; position: relative; margin: 0; text-align: right; overflow: hidden; }
.popup-window-buttons a, .popup-window-buttons input  { display: inline-block; width: 200px; text-align: center; height: 19px; line-height: 17px; padding: 7px 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #ffffff; cursor: pointer; border: 1px solid #000000; background-color: #0156B0; text-decoration: none; }
.popup-window-buttons a span  { display: inline-block; vertical-align: top; }
.popup-window-buttons .close-dialog { float: right; }
.popup-window-buttons #go_order { float: left; }

.borderless .popup-window-content-bg { padding: 0; }
.popup-window-alert .cart span { color: #f50091; }


.button { display: inline-block; min-width: 100px; text-align: center; border: none; cursor: pointer; background: #0156B0; border-radius: 3px; color: #fff; box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 13px; line-height: 28px; padding: 0 10px 1px; margin: 0 5px 5px 0; text-decoration: none; vertical-align: top; }

.button span { display: inline-block; }
.button:hover, .button.hover { background: #006ADB; color: #fff; }
.button.down { background: #006ADB; }

.button.gray {  border-color: #777 #777 #555; background-color: #808080;}
.button.gray:hover, .button.gray.hover { background-color: #888; }
.button.gray.down { background-color: #737373; border-bottom-color: #777; }

.button.big { margin-top: 20px; /*font-weight: bold; font-size: 16px; padding: 6px 50px 7px;*/ }
.button.big span {  }

.title-division .button { margin: 0; }

.toolbar { padding-bottom: 15px; }

.inline-edit .result {}
.inline-edit .edit { display: none; cursor: pointer; color: #cc0000; }
.inline-edit .edit:hover { text-decoration: underline; }
.inline-edit .cancel { cursor: pointer; color: #cc0000; margin-right: 10px; }
.inline-edit .cancel:hover { text-decoration: underline; }
tr:hover > td > .inline-edit .edit { display: inline-block; }
tr:hover > td > .inline-edit .edit.hide { display: none; }
.inline-edit .form { display: none; }
.inline-edit .form.sel { display: inline-block; }
.inline-edit .form [type="text"], .inline-edit .form select { margin-bottom: 4px; }
.inline-edit .btn { display: inline-block; padding: 2px 10px 4px; vertical-align: top; margin-right: 10px; margin-bottom: 4px; font-family: Verdana, Arial; font-size: 11px; color: #fff; cursor: pointer; border: 1px solid #000; background-color: #0156B0; }
.inline-edit .btn.wide { display: block;margin-right: 0; text-align: center; }

.function-menu { background: #eaeaea; padding: 10px 5px 5px 10px; border-radius: 3px; margin: 10px 0; }

.module-navigator { width: 100%; border-collapse: collapse; /*table-layout: fixed;*/  font-size: 13px; }
.module-navigator.fixed { table-layout: fixed; }
.module-navigator td { padding: 0 10px 10px; vertical-align: middle; }
.module-navigator td:last-child { padding-right: 0; white-space: nowrap; }
.module-navigator .button { margin: 0; margin-left: 10px }

.module-search { padding-bottom: 4px; }
.module-search .element-search { display: inline-block; padding: 10px; vertical-align: top; background: #eaeaea; border-radius: 5px; margin: 0 1px 5px 0; }
.module-search .element-search.submit { padding-top: 24px; }
.module-search  .button { margin-bottom: 0 }
.module-search  .blsmtext { display: block; padding-bottom: 4px; }
.module-search  .text-control { width: 200px; margin: 0; }
.module-search  .text-control.calendar { width: 80px; }
.module-search  .text-control.extend { width: 50px; }

table.edit { margin-bottom: 20px; }

.module-navigator td:last-child { display: none; }

.navigator { margin: 0 0 0 auto; }
.navigator .item { height: auto; width: 40px; font-size: 13px; }
.navigator {border: 1px solid #DFE1EA;width: fit-content;}
.navigator .item.arrow.left {border-left: none;}
.navigator .item.arrow.right {border-left: none;}
.navigator .item.sel { border: none;}

.ui-helper-hidden { display: none; }

.cms-form-image  label { margin-bottom: 5px; display: block; }
.cms-form-image .file { margin-bottom: 5px; }

.ui-file { position: relative; display: inline-block; overflow: hidden; width: 500px; height: 32px; }
.ui-file-input { position: absolute; height: 100px; cursor: pointer; background: transparent; border: 0; opacity: 0; -moz-opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); z-index: 999;  }
.ui-file-disabled { opacity: .5; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); cursor: default;  }
.ui-file-filename { font-size: 13px; background: #f5f5f5; border: 1px solid #888; display: inline-block; width: 363px; height: 21px; padding: 4px 0 0 5px; border-radius: 3px; overflow: hidden; white-space: nowrap; position: relative; border-radius: 3px 0 0 3px; border-right: none; width: 394px; }
.ui-file-fader { position: absolute; display: block; width: 25px; top: 0; right: 0; bottom: 0; background: linear-gradient(to right, transparent, #f5f5f5); }
.ui-file-button {  position: absolute; top: 0; right: 0; cursor: pointer; width: 100px; margin: 0; line-height: 26px; background: #0156B0; line-height: 27px; text-align: center; color: #fff; border-radius: 0 4px 4px 0; }

.ui-file-icon { display: inline-block; width: 16px; height: 16px; vertical-align: top; padding-right: 5px; background: url('/admin/cms/pictures/ui-file-icons.png') no-repeat; }
.ui-file-ext-text { background-position: 0 -16px;  }
.ui-file-ext-pdf { background-position: 0 -32px;  }
.ui-file-ext-excel { background-position: 0 -48px;  }
.ui-file-ext-word { background-position: 0 -64px;  }
.ui-file-ext-presentation { background-position: 0 -80px;  }
.ui-file-ext-ritchtext { background-position: 0 -96px;  }
.ui-file-ext-archive { background-position: 0 -112px;  }
.ui-file-ext-code { background-position: 0 -128px;  }
.ui-file-ext-audio { background-position: 0 -144px;  }
.ui-file-ext-video { background-position: 0 -160px;  }
.ui-file-ext-pictures { background-position: 0 -176px;  }


.cms-column-sortable { cursor: pointer; }
.cms-column-sortable > span { display: flex; justify-content: space-between;  }
.cms-sort-indicator { margin: auto 0 auto 5px; }
.cms-sort-indicator:before { content: ""; margin-bottom: 3px; display: block; width: 0; height: 0; border: 0 solid transparent; border-width: 0 4px 5px 4px; border-bottom-color: #0156B0; }
.cms-sort-indicator:after { content: ""; display: block; width: 0; height: 0; border: 0 solid transparent; border-width: 5px 4px 0 4px; border-top-color: #0156B0; }
.cms-sorted .cms-sort-indicator:before { display: none; }
.cms-sorted-desc .cms-sort-indicator:after { display: none; }
.cms-sorted-desc .cms-sort-indicator:before { margin-bottom: 0; }

.cms-inline-group .cms-form-item { display: inline-block; margin-right: 15px; }
.cms-inline-group .cms-form-item:last-child { margin-right: 0; }

.cms-radio-group label > input { margin: 0 6px 0 0; }
.cms-checkbox-group label > input { margin: 0 6px 0 0; }

.flex { display: flex; width: 500px; }
.flex .text-control { width: 100%; }
.flex > * { margin-right: 10px; }
.flex > *:last-child { margin-right: 0; }
.flex.column-2 > * { width: 50%; }
.flex.column-3 > * { width: 33.333%; }
.flex.column-4 > * { width: 25%; }

.item-subtitle { border-bottom: 2px solid #0156B0; width: 500px; margin-bottom: 10px; padding: 0; }
.item-subtitle > div { background: #0156B0; display: inline-block; padding: 5px 10px; border-radius: 3px 3px 0 0; color: #fff; }
.cms-error { border: 1px solid #f00; background: #fcc; color: #f00; padding: 10px 20px; margin: 11px 0; border-radius: 3px; }

.cms-form-separator { background: #eaeaea; height: 6px; width: 502px; margin-top: 12px; margin-bottom: 12px; border-radius: 3px;}

.module-error { font-size: 14px; color: #f1091f; background: #eaeaea; border-radius: 5px;; padding: 14px 14px; margin: 12px 0; }



.filelist { color: #222; width: 800px; }
.filelist span { display: inline-block; vertical-align: top; }
.filelist .item { margin-bottom: 5px; display: flex; }
.filelist .name { width: 470px; display: flex; background: #f5f5f5;  font-size: 13px; line-height: 1; padding: 6px 0; margin-right: 5px; }
.filelist .name .fname { flex-grow: 1; word-break: break-word;  }
.filelist .name .fname .copy { width: 10px; height: 10px; cursor: pointer; position: relative; margin: 1px 0 0 5px; }
.filelist .name .fname .copy:before { content: ""; width: 5px; height: 8px; border: 1px solid #ccc; border-radius: 0 2px 0 0; background: #fff; display: block; }
.filelist .name .fname .copy:after { content: ""; width: 5px; height: 8px; border: 1px solid #ccc; border-radius: 0 2px 0 0; background: #fff; position: absolute; left: 3px; top: 3px; }
.filelist .name .fname .copy:hover:before { background: #ddd; }
.filelist .name .fname .copy:hover:after { background: #eee; }
.filelist .name .fname .n.edit { outline: 1px solid #333; background: #fff; }
.filelist .size { color: #777; margin-left: 10px; white-space: nowrap; margin-right: 7px; }
.filelist .img { height: 25px; width: 50px; margin: -6px 0; flex-shrink: 0; }
.filelist .img img { height: 25px; width: 50px; object-fit: cover;  }
.filelist .del { cursor: pointer; background: #0156B0;  font-size: 0; line-height: 1; padding: 0; color: #fff; text-align: center; width: 27px; position: relative; }
.filelist .del:after { content: ""; position: absolute; border-top: 2px solid #fff; width: 10px; transform: rotate(45deg); top: 50%; margin-top: -2px; margin-left: -5px; }
.filelist .del:before { content: ""; position: absolute; border-top: 2px solid #fff; width: 10px; transform: rotate(-45deg); top: 50%; margin-top: -2px; margin-left: -5px; }

.filelist .item input[type="checkbox"] { display: none; }
.filelist .item.disable { opacity: 0.5; }
.multiupload-pickfiles-placer { outline: none; display: inline-block; border: 1px solid #ccc; background: #eee; width: 290px; height: 22px; font-size: 10px; text-align: center; color: #bbb; }
.multiupload-pickfiles-placer:hover { border-color: #aaa; }
.multiupload-pickfiles-placer:focus { border-color: #aaa; color: #eee; background: #bbb; }
.multiupload-pickfiles-placer.drop-hover { border-color: #aaa; color: #eee; background: #bbb; }

.uploader-status span { display: inline-block; padding: 5px 10px; border: 1px solid #fbcf20; background: #fceeb6; color: #5f4d04; }