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

input, textarea , select { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; }

.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;}

.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 {
   color: #cc0000;
}

a:hover {
   color: #000000;
   text-decoration: none;
}

td { vertical-align: top; } 

H1 {font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 13px; font-weight: bold;	text-transform: uppercase; color: #FE6500; text-decoration: none;
	margin-bottom: 0px; }

H2 {font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 13px; font-weight: bold;	text-transform: uppercase; color: #990000; text-decoration: none;
}

.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;
	}		
	
.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;
	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;
}	
.insubmitgray:hover {
  background-color: #eee;
}	

.smb { width: 140px; }

.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;
}


table.edit {  width: 100%;   border-collapse: separate;   border-spacing: 4px; }
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:6px; text-align: left; }
table.edit td { padding:6px; vertical-align: top; }
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 tr.light-blue td { background-color: #9ec8f2; }
table.edit tr.light-blue:hover td { background-color: #8eb3d9; }

.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 { 
	border: 2px solid #999999; 
	background: #ffffff;
	padding: 6px 8px 6px 8px;
	position: absolute;
	display: none; z-index: 1500; 
	top: 0px; left: 0px;
	}

#usINFO { 
	width:150px;
}

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

table.calendar { border-collapse: collapse;	}
table.calendar td{ background: #fff; }
table.calendar th{ background: #0156b0; color: #fff; }
table.calendar td, table.calendar th{ border: 2px solid #dadada; padding: 4px 10px 4px 10px; }
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;  }




.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; 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 {  }

.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; /*font-family: Arial;*/  }
.form-subtitle div { /*padding: 6px 15px 8px 15px; background: url('/admin/cms/pictures/table-bg.gif') repeat-x;*/ }
.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; margin-right: 4px; margin-bottom: 4px; padding: 0 3px 1px;  }
.group-control.inline span:hover { background: #eee; }
.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; background: #f5f5f5; border: 1px solid #0156B0; font-size: 13px; }
.text-control.small { width: 200px; margin-bottom: 5px;  }
.text-control.micro { width: 50px; margin-bottom: 5px; }
.textarea-control { width: 500px; height: 70px; margin-bottom: 5px;  border: 1px solid #0156B0;  }
.textarea-control.big { height: 200px; }
select.text-control { padding: 3px 3px 3px 0; height: auto; width: 502px; }
select.text-control.micro { padding: 3px 3px 3px 0; height: auto; width: 100px; }
select.text-control.midi { padding: 3px 3px 3px 0; height: auto; width: 180px; }
select.text-control.mini { padding: 3px 3px 3px 0; height: auto; width: 130px; }
select.text-control.small { padding: 3px 3px 3px 0; height: auto; width: 252px; }


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



.ui-file { position: relative; display: inline-block; overflow: hidden; }
.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 #0156B0; display: inline-block; width: 363px; height: 21px; padding: 4px 0 0 5px; overflow: hidden; white-space: nowrap; position: relative; }
.ui-file-fader { position: absolute; display: block; width: 25px; top: 0; right: 0; bottom: 0; background: url('/admin/cms/pictures/ui-file-fader.png') repeat-y; }
.ui-file-button { float: right; padding-top: 5px; margin-left: 10px; cursor: pointer; width: 100px }

.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;  }


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;
}


/* автокомплект */
.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; }


/* кроп */
#div_image { position:relative; border: 8px solid #0156b0; }
#table_div { width:100%; height:100%; position:absolute; top: 0px; left: 0px; border-collapse: collapse; font-size: 0; line-height: 0; }
#table_div:hover { background: url(/admin/cms/pictures/bg_drag.png); }
#table_div td { padding: 0; }
#table_div .corner { width: 8px; height: 8px; background-color: #eaeaea; }
#table_div .vertical { height: 8px; }
#table_div .gorizont { width: 8px; }

#table_div .top {  background: #eaeaea url(/admin/cms/pictures/cth.gif) 50% 2px no-repeat; cursor: s-resize; }
#table_div .top:hover {  background: #eaeaea url(/admin/cms/pictures/cth.gif) 50% -8px no-repeat; }

#table_div .left {  background: #eaeaea url(/admin/cms/pictures/clh.gif) 2px 50% no-repeat; cursor: e-resize; }
#table_div .left:hover {  background: #eaeaea url(/admin/cms/pictures/clh.gif) -8px 50% no-repeat; }

#table_div .bottom {  background: #eaeaea url(/admin/cms/pictures/cbh.gif) 50% -8px no-repeat; cursor: n-resize; }
#table_div .bottom:hover {  background: #eaeaea url(/admin/cms/pictures/cbh.gif) 50% 2px no-repeat; }

#table_div .right {  background: #eaeaea url(/admin/cms/pictures/crh.gif) -8px 50% no-repeat; cursor: w-resize; }
#table_div .right:hover {  background: #eaeaea url(/admin/cms/pictures/crh.gif) 2px 50% no-repeat; }

#table_div .center {  background: url(/admin/cms/pictures/dragh.gif) 50% 50% no-repeat; cursor: move; }
#table_div .center:hover {  background: url(/admin/cms/pictures/dragh_hover.gif) 50% 50% no-repeat; }





.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; }