@font-face {font-family: 'rb'; src: url('font/pfdindisplaypro-bold-webfont.eot'); src: url('font/pfdindisplaypro-bold-webfont.eot?#iefix') format('embedded-opentype'), url('font/pfdindisplaypro-bold-webfont.woff2') format('woff2'), url('font/pfdindisplaypro-bold-webfont.woff') format('woff'), url('font/pfdindisplaypro-bold-webfont.ttf') format('truetype'), url('font/pfdindisplaypro-bold-webfont.svg#pf_dindisplay_probold') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'rr'; src: url('font/pfdindisplaypro-reg-webfont.eot'); src: url('font/pfdindisplaypro-reg-webfont.eot?#iefix') format('embedded-opentype'), url('font/pfdindisplaypro-reg-webfont.woff2') format('woff2'), url('font/pfdindisplaypro-reg-webfont.woff') format('woff'), url('font/pfdindisplaypro-reg-webfont.ttf') format('truetype'), url('font/pfdindisplaypro-reg-webfont.svg#pf_dindisplay_proregular') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'rl'; src: url('font/pfdindisplaypro-thin-webfont.eot'); src: url('font/pfdindisplaypro-thin-webfont.eot?#iefix') format('embedded-opentype'), url('font/pfdindisplaypro-thin-webfont.woff2') format('woff2'), url('font/pfdindisplaypro-thin-webfont.woff') format('woff'), url('font/pfdindisplaypro-thin-webfont.ttf') format('truetype'), url('font/pfdindisplaypro-thin-webfont.svg#pf_dindisplay_prothin') format('svg'); font-weight: normal; font-style: normal;}


html {
	width: 100%;
	height: 100%;
}

body {
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
	background: #FFFFFF;
	font-family: 'rr', Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 20px;
	color: #333333;
}

input[type=submit]{-webkit-appearance: none;}

.clear, .clr {
	clear: both;
}

pre {
	font-size: 12px;
	line-height: 11px;
}
embed {
	z-index: 0;
}

strong, .strong {
	font-family: 'rb','Helvetica Neue',Helvetica,Arial,sans-serif;
	font-weight: normal;
}

.red {color: #B60000}
.orange {color: #FF7F00}
.green {color: #008000}
.grey {color: #DFDFDF}
.blue {color: #2F83EB}


.hide {display: none;}

.center {text-align: center !important;}
.left {text-align: left !important;}
.right {text-align: right !important;}

.padding10 {padding: 10px !important;}
.padding15 {padding: 15px !important;}
.padding20 {padding: 20px !important;}

.sep {width: 100%; border-bottom: 1px solid #DFDFDF;}

.mb50 {margin-bottom: 50px !important;}
.mb30 {margin-bottom: 30px !important;}

span.icon {vertical-align: baseline;}
span.icon.icon_pointer {cursor: pointer;}

.ui-widget {font-size:75% !important;}
.print-head {display: none;}

.menu-mobile {display: none;}

/* ------------------ */
/* -- PUBLIC BLOCK -- */
/* ------------------ */

.public .head {background: #202020 !important; border-bottom: 1px solid #202020 !important;}
.public form.login {width: 30%; margin: 0px auto 0px auto; padding-top: 200px;}
.public form.login input[type="submit"]{width: 100%; margin: 0px; background: #D2232A; color: #FFFFFF; border: 0px; text-transform: uppercase;}
.public form.login input {margin: 0px 0px 10px 0px;}
.public .box-cont {padding: 80px 0px 0px 0px;}

/* --------------- */
/* -- ENV BLOCK -- */
/* --------------- */

.box-all {height: 100%; width: 100%; position: relative;}

.box-head {height: 80px; width: 100%; position: fixed; top: 0px; z-index: 10;}
.box-head .head {height: 80px; background: #FFFFFF; line-height: 80px; border-bottom: 1px solid #D8D8D9;}
.box-head .head .head-menu a, .box-head .head .head-menu div {color: #333333; font-family: 'rr','Helvetica Neue',Helvetica,Arial,sans-serif; text-decoration: none; float: right; display: block; padding-right: 20px; padding-left: 20px;}
.box-head .head .head-menu a:hover, .box-head .head .head-menu div:hover {color: #D2232A;}
.box-head .head .head-menu div {cursor: pointer; color: #D2232A;}
.box-head .head h1 {float: left; color: #C4C4C4; padding: 15px; margin: 0px; width: 270px; height: 81px; background: #202020;  box-sizing: border-box; text-align: center; line-height: 50px;}
.box-head .head h1 img {max-width:100%; max-height:100%;	margin:auto; display:block;}
.box-head .head h1 span {color: #D2232A;}



.box-menu {position: fixed; top: 0px; left: 0px; height: 100%; z-index: 5; margin-right: 402px;}

.menu_l {padding-top: 0px; padding-bottom: 0px; height: 100%; float: left;}

.menu_l {width: 270px; background: #38363C; position: relative; overflow: hidden;}
.menu_l:first-child{margin-top: 80px;}
.menu_l a {width: 270px; height: 43px; padding: 0px 0px 0px 15px; display: block; color: #FFFFFF; text-decoration: none; line-height: 47px; font-family: 'rr', Helvetica, Arial, sans-serif; vertical-align: middle; line-height: 43px; box-sizing: border-box; text-transform: uppercase; cursor: pointer;}
.menu_l a span {display: inline-block; width: 35px;}
.menu_l a:hover {background: #2D2B30; color: #FFFFFF;}
.menu_l a.active {background: #2D2B30; padding: 0px 0px 0px 15px; color: #FFFFFF;}

.menu_l.sub_opened {background: #202020;}

.menu_sub {display: none;}
.menu_l .menu_sub {background: #2D2B30; height: 100%; position: absolute; top: 0px; width: 226px; left: 270px;}
.menu_l .menu_sub .title {width: 226px; padding: 0px 0px 0px 10px; display: block; color: #D2232A; text-decoration: none; line-height: 47px; font-family: 'rr', Helvetica, Arial, sans-serif; vertical-align: middle; line-height: 43px; box-sizing: border-box; text-transform: uppercase;}
.menu_l .menu_sub .title .text {float: left;}
.menu_l .menu_sub .title .icon {float: right; display: block; height: 43px; vertical-align: middle; line-height: 43px; padding-right: 15px; padding-left: 10px; cursor: pointer;}

.menu_l .menu_sub a {width: 226px; color: #9b98a1; padding: 0px 0px 0px 10px;}
.menu_l .menu_sub a:hover {width: 226px; color: #ffffff; background: #38363C;}
.menu_l .menu_sub a.sub_active {color: #ffffff; background: #38363C;}

.box-cont {padding: 80px 0px 0px 270px; width: 100%; box-sizing: border-box;}
.box-cont a {color: #D2232A; text-decoration: none;}

/* ----------------- */
/* -- DEV OBJECTS -- */
/* ----------------- */

.box-dev {width: 100%; height: 100%; position: absolute; background: #38363C; color: #DFDFDF; left: 0px; top: 0px; z-index: 100; display: none; position: fixed;}
.box-dev .box {float: left; box-sizing: border-box; padding: 1%; border: 1px solid #2D2B30; overflow: auto;}

.box-dev .box .title {border-bottom: 1px solid #DFDFDF;}
.box-dev .box pre {font-size: 11px;}

.box-dev .w20 {width: 20%;}
.box-dev .w25 {width: 25%;}
.box-dev .w30 {width: 30%;}
.box-dev .w50 {width: 50%;}
.box-dev .w70 {width: 70%;}
.box-dev .w80 {width: 80%;}
.box-dev .w100 {width: 100%;}
.box-dev .h50 {height: 50%;}
.box-dev .h100 {height: 100%;}

.box-dev .close {position: absolute; right: 1%; top: 10px; cursor: pointer; color: #D2232A;}

/* ----------------- */
/* -- ENV OBJECTS -- */
/* ----------------- */

.menu-control {width: 100%;}
.menu-control a {padding: 11px 25px 11px 25px; display: block; float: left; background: #FDFDFD; border-right: 1px solid #DEDEDE; border-bottom: 1px solid #DEDEDE; box-sizing: border-box;}
.menu-control a:hover {background: #DEDEDE;}
.menu-control a.right {float: right; border-left: 1px solid #DEDEDE; border-right: 0px;}

h2 {margin: 20px 1% 0px 1%; text-transform: uppercase; border-bottom: 1px solid #D8D8D9; padding-bottom: 10px; font-size: 25px;}
.size1 h2, .size2 h2, .size4 h2, .size8 h2, .size78 h2, .size3 h2, .size34 h2, .size23 h2 {margin: 20px 0px 1%;}

.paging {margin: 0px 1% 40px 1%;}
.paging a, .paging .pg, .paging span {display: block; float: left; width: 25px; height: 25px; line-height: 25px; margin-right: 5px; margin-bottom: 5px; background: #FDFDFD; border: 1px solid #DEDEDE; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; text-align: center; cursor: pointer;}
.paging a.text {width: auto; padding: 0px 10px 0px 10px;}
.paging span {background: #181818; color: #FFFFFF; border: 1px solid #181818;}
.paging .pg {color: #D2232A;}
.paging a:hover, .paging .pg:hover {background: #DEDEDE;}
.paging span:hover {color: #181818; background: #DEDEDE;}
.paging input {font-family: 'rr', Helvetica, Arial, sans-serif; font-size: 16px; display: block; float: left; width: 100px; height: 27px; line-height: 27px; margin-right: 5px; margin-bottom: 5px; background: #FDFDFD; border: 1px solid #DEDEDE; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; text-align: center; box-sizing: border-box;}

	
.link {color: #D2232A; cursor: pointer;}
.link_box {border: 1px solid #DFDFDF; padding: 11px 10px 11px 10px; box-sizing: border-box; display: block; white-space: pre-wrap; word-break: break-all;}
.fullw .link_box {border-top: 0px solid #DFDFDF;}
.fullw .link_box:last-child {border-bottom: 1px solid #DFDFDF;}


.button {
	font-family: 'rr', Helvetica, Arial, sans-serif;
	font-size: 16px;
	background: #D2232A;
	color: #FFFFFF;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	width: 23%;
	height: 40px;
	line-height: 40px;
	margin: 10px 1% 0px 1%;
	padding: 1px 10px 0px 10px;
	display: block;
	float: right;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
}
.button:hover {background: #A61C23;}
a.button {color: #FFFFFF; box-sizing: border-box;}
.button.green {background: #57C749;}
.button.green:hover {background: #3FA633;}
.button.grey {background: #2D2B30;}
.button.grey:hover {background: #000000;}
.button.orange {background: #FF7F00;}
.button.orange:hover {background: #FF7F00;}
.button.blue {background: #2F83EB;}
.button.orange:hover {background: #FF7F00;}



.confirm_popup {width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); position: fixed; left: 0px; top: 0px; z-index: 999; line-height: 100vh; text-align: center; display: none;}
.confirm_popup .confirm_popup-cont {width: 33%; background: #FFFFFF; padding: 2%; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: inline-block; line-height: normal; vertical-align: middle; box-sizing: border-box; text-align: left; position: relative;}
.confirm_popup .confirm_popup-cont .close {position: absolute; right: 10px; top: 10px; cursor: pointer;}
.confirm_popup .button {display: inline-block; float: none;}
.confirm_popup .size1 {text-align: center;}

.modal {width: 100%; height: 50px; position: fixed; bottom: 0px; color: #FFFFFF; z-index: 9999; text-align: center; font-size: 20px; line-height: 50px;}
.modal.ok {background: #008000;}
.modal.xx {background: #CC3300;}


.complete {position: relative; z-index: 1000; display: none;}
.complete_box {position: relative;}
.complete_list {border: 1px solid #181818; box-sizing: border-box; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; position: absolute; left: 0px; top: 0px; width: 100%; background: #FFFFFF;}
.complete_item, .complete_empty {padding: 1% 2% 1% 2%; box-sizing: border-box; cursor: pointer;}
.complete_empty {text-align: center; color: #B60000;}
.complete_item span.note {font-size: 13px; display: block;}
.complete_item:hover {background: #DEDEDE;}
.complete_reset {position: absolute; top: 12px; right: 2%; cursor: pointer; display: none;}


.catbox {display: table; table-layout: fixed; width:100%; border-spacing: 5px; padding-bottom: 10px;}
.catbox div, .catbox a {display: table-cell; padding: 5px; box-sizing: border-box; border: 1px solid #B60000; text-align: center; cursor: pointer; border-radius: 3px; vertical-align: middle;}
.catbox div:hover, .catbox a:hover, .catbox div.a, .catbox a.a {background: #B60000; color: #FFFFFF;}


/* --------------------- FORM --------------------- */

form {padding: 0px; margin: 0px; width: 100%;}

.form-box, .view-box {padding: 20px 0px 40px 0px;}

.view-box .form_title {font-weight: bold; display: block;}
.view-box table.list {width: 100%; margin: 0px;}
.view-box .filter-msg-box {margin: 0px;}

.view-box .filter-msg-box .filter-msg {margin-top: 5px; margin-bottom: 5px;}

.form-box.line {width: 60%; margin: 0px auto 0px auto;}
.form-box.line .form_title {float: left; width: 20%; line-height: 43px;}
.form-box.line .form_obj {float: left;}

.form-box.line .size1 {width: 78%;}
.form-box.line .size2 {width: 38%;}
.form-box.line .size4 {width: 18%;}
.form-box.line .size8 {width: 8%;}

.form-box input:focus, .form-box select:focus, .form-box textarea:focus {border-color: #333333;}

.input {
	font-family: 'rr', Helvetica, Arial, sans-serif;
	font-size: 16px;
	background: #FFFFFF;
	border: 1px solid #DEDEDE;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	height: 40px;
	line-height: 38px;
	margin: 3px 0px 0px 0px;
	padding: 1px 10px 0px 10px;
	display: block;
	box-sizing: border-box;
}

.input[disabled] {
  	background-color: #F2F2F2;
}

.textarea {
	font-family: 'rr', Helvetica, Arial, sans-serif;
	font-size: 16px;
	background: #FFFFFF;
	border: 1px solid #DEDEDE;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	height: 200px;
	line-height: 17px;
	margin: 3px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.mce-tinymce {
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	box-sizing: border-box !important;
	width: 100% !important;
}

.select {
	font-family: 'rr', Helvetica, Arial, sans-serif;
	font-size: 16px;
	background: #FFFFFF;
	border: 1px solid #DEDEDE;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	height: 40px;
	margin: 3px 0px 0px 0px;
	padding: 6px 5px 6px 7px;
	display: block;
	box-sizing: border-box;
}

.submit {
	font-family: 'rr', Helvetica, Arial, sans-serif;
	font-size: 16px;
	background: #D2232A;
	color: #FFFFFF;
	border: 0px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	width: 23%;
	height: 40px;
	line-height: 35px;
	margin: 10px 1% 0px 1%;
	padding: 1px 10px 0px 10px;
	display: block;
	float: right;
}

.submit:hover {background: #A61C23;}
.submit.green {background: #57C749;}
.submit.green:hover {background: #3FA633;}
.submit.grey {background: #2D2B30;}
.submit.grey:hover {background: #000000;}
.submit.blue {background: #2F83EB;}
.submit.blue:hover {background: #2F83EB;}
.submit.orange {background: #FF7F00;}
.submit.orange:hover {background: #FF7F00;}

.db_print {
	line-height: 37px;
	display: block;
	margin: 3px 0px 0px 2px;
	padding: 1px 8px 0px 8px;
	border: 1px solid #DEDEDE;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.form_pass_gen_box {position: relative;}
.form_pass_gen {position: absolute; right: 10px; top: 13px;}


.checkbox {cursor: pointer; line-height: 43px;}
.checkbox input {display: none;}
.checkbox .checkbox-off, .checkbox .checkbox-on {display: inline-block; width: 16px;}

.onoffswitch {position: relative; width: 50px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none; display: inline-block; vertical-align: bottom; margin: 9px 0px 13px 0px;}
.onoffswitch-descr {line-height: 40px; display: inline-block;}
.onoffswitch-checkbox {display: none;}
.onoffswitch-label {display: block; overflow: hidden; cursor: pointer; border: 1px solid #999999; border-radius: 3px;}
.onoffswitch-inner {display: block; width: 200%; margin-left: -100%; transition: margin 0.3s ease-in 0s;}
.onoffswitch-inner:before, .onoffswitch-inner:after {display: block; float: left; width: 50%; height: 20px; padding: 0; line-height: 20px; font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold; box-sizing: border-box;}
.onoffswitch-inner:before {content: ""; padding-left: 10px; background-color: #57C749; color: #FFFFFF;}
.onoffswitch-inner:after {content: ""; padding-right: 10px; background-color: #B60000; color: #FFFFFF; text-align: right;}
.onoffswitch-switch {display: block; width: 18px; margin: 1px; background: #FFFFFF; position: absolute; top: 0; bottom: 0; right: 28px; border: 1px solid #999999; border-radius: 3px; transition: all 0.3s ease-in 0s;}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {margin-left: 0;}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {right: 0px;}


.webcam {position: relative;}
.webcam img {display: block; width: 100%; height: auto;}
.webcam video {width: 100%; height: auto; display: block;}
.webcam input {display: none;}
.webcam_new {background: #B60000; color: #FFFFFF; width: 40px; height: 40px; position: absolute; right: 0px; bottom: 0px; cursor: pointer; line-height: 45px; text-align: center; font-size: 30px;}

.fileupload-box .file-box {width: 225px; height: 200px; float: left; margin-right: 10px; margin-bottom: 10px;}
.fileupload-box .file-box img {display: block; float: left;}
.fileupload-box .file-box .file-type-box {float: left; width: 200px; height: 200px; text-align: center;}
.fileupload-box .file-box .file-type-box .icon {font-size: 100px; display: inline-block; padding: 10px 0px 10px 10px;}
.fileupload-box .file-box .nav {width: 25px; height: 25px; display: block; cursor: pointer; text-align: center; line-height: 25px; vertical-align: bottom; float: right;}
.fileupload-box .file-box .nav.prev,
.fileupload-box .file-box .nav.next,
.fileupload-box .file-box .nav.first,
.fileupload-box .file-box .nav.last,
.fileupload-box .file-box .nav.descr,
.fileupload-box .file-box .nav.link,
.fileupload-box .file-box .nav.hide,
.fileupload-box .file-box .nav.view-hide
{background-color: #202020; color: #FFFFFF;}

.fileupload-box .file-box .nav.prev:hover,
.fileupload-box .file-box .nav.next:hover,
.fileupload-box .file-box .nav.first:hover,
.fileupload-box .file-box .nav.last:hover,
.fileupload-box .file-box .nav.descr:hover,
.fileupload-box .file-box .nav.link:hover,
.fileupload-box .file-box .nav.hide:hover
{background-color: #38363C; color: #FFFFFF;}

.fileupload-box .file-box .nav.unhide,
.fileupload-box .file-box .nav.rem,
.fileupload-box .file-box .nav.view-unhide
{background-color: #D2232A; color: #FFFFFF;}

.fileupload-box .file-box .nav.unhide:hover,
.fileupload-box .file-box .nav.rem:hover
{background-color: #A81C23; color: #FFFFFF;}

.fileupload-box .file-box .nav.view-unhide, .fileupload-box .file-box .nav.view-hide {cursor: context-menu;}

.fileupload-box .fileUpload {position: relative; overflow: hidden; width: 100%; font-family: 'rr', Helvetica, Arial, sans-serif; font-size: 16px; background: #D2232A; color: #FFFFFF; border: 0px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; height: 40px; line-height: 40px; margin: 10px 0px 10px 0px; padding: 1px 0px 0px 0px; display: block; text-align: center;}
.fileupload-box .fileUpload input.upload {position: absolute; top: 0; right: 0; margin: 0; padding: 0; font-size: 20px; cursor: pointer; opacity: 0; filter: alpha(opacity=0); width: 100%;}
.fileupload-box .fileUpload span.title-drop {display: none; color: #D2232A; line-height: 100px;}
.fileupload-box .fileUpload.drop { height: 100px; background: none; border: 2px dashed #D2232A;}

.fileupload-box .bar {height: 18px; background: #008000; margin-bottom: 10px;}

.fileupload-box .fileupload-popup {width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); position: fixed; left: 0px; top: 0px; z-index: 999; line-height: 100vh; text-align: center; display: none;}
.fileupload-box .fileupload-popup-cont {width: 33%; background: #FFFFFF; padding: 2%; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: inline-block; line-height: normal; vertical-align: middle; box-sizing: border-box; text-align: left; position: relative;}
.fileupload-box .fileupload-popup-cont .close {position: absolute; right: 10px; top: 10px; cursor: pointer;}



.array-box {display: table; table-layout: fixed; width:100%;}
.array-head, .array-db {display:table-row;}
.array-box .ui-sortable-helper {display: table; table-layout: fixed; width:100%;}
.array-box .array-column {display: table-cell; padding-bottom: 1%; vertical-align: top; padding-right: 1%; box-sizing: border-box; position: relative;}
.array-box .array-button {width: 50px; padding-right: 60px;}
.array-box .array-small {width: 10%;}
.array-box .array-big {width: 50%;}
.array-box .array-column:last-child {padding-right: 0%;}
.array-box .array-addline, .array-box .array-storage-addline, .array-box .array-rem, .array-box .array-storage-rem, .array-box .array-orde {height: 40px; line-height: 40px; text-align: center; background: #D2232A; color: #FFFFFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: block; cursor: pointer; width: 50px; margin-top: 3px;}
.array-box .array-addline, .array-box .array-storage-addline {background: #202020;}
.array-box .array-orde {background: none; color: #DEDEDE; border: 1px solid #DEDEDE; box-sizing: border-box;}

.array-box .storage-line.array-head .array-column {vertical-align: top;}
.array-box .complete_reset {top: 15px; right: 3%;}


.size0 {display: none;}

.size1, .size78, .size34, .size2, .size3, .size23, .size4, .size8, .sizei2, .sizei4 {
	float: left;
}

.fullw {width: 100%; margin-left: 0%; margin-right: 0%;}

.input, .textarea, .select {width: 100%;} 
.size1 {width: 98%; padding: 1px 1% 10px 1%;}
.size1.fullw {width: 100%; padding: 1px 0% 10px 0%;}
.size78 {width: 85.5%; padding: 1px 1% 10px 1%;}
.size78.fullw {width: 87.5%; padding: 1px 0% 10px 0%;}
.size34 {width: 73%; padding: 1px 1% 10px 1%;}
.size34.fullw {width: 75%; padding: 1px 0% 10px 0%;}
.size2 {width: 48%; padding: 1px 1% 10px 1%;}
.size2.fullw {width: 50%; padding: 1px 0% 10px 0%;}
.size23 {width: 65%; padding: 1px 1% 10px 1%;}
.size23.fullw {width: 67%; padding: 1px 0% 10px 0%;}
.size3 {width: 31%; padding: 1px 1% 10px 1%;}
.size3.fullw {width: 30%; padding: 1px 0% 10px 0%;}
.size4 {width: 23%; padding: 1px 1% 10px 1%;}
.size4.fullw {width: 25%; padding: 1px 0% 10px 0%;}
.size8 {width: 10.5%; padding: 1px 1% 10px 1%;}
.size8.fullw {width: 12.5%; padding: 1px 0% 10px 0%;}
.sizei2 {width: 49%; padding: 0px 2% 0px 0%;}
.sizei4 {width: 23.5%; padding: 0px 2% 0px 0%;}


.x .input, .x textarea, .x select, input.x, textarea.x, select.x {border-color: #B60000;}
.x .checkbox {color: #B60000;}

.size_multi .sizei2:last-child {padding: 0px 0% 0px 0%;}
.size_multi .sizei4:nth-child(4n+4) {padding: 0px 0% 0px 0%;}

.form_title {display: inline-block;}


.form_icon {position: relative;}
.form_icon:hover .form_icon_text {display: block;}
.form_icon.validate {display: none;}
.form_icon.validate div {display: none;}
.form_icon_text {position: absolute; left: -100px; bottom: 25px; display: block; width: 200px; padding: 10px; font-family: 'rr', Helvetica, Arial, sans-serif; z-index: 100; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: none;}
.form_icon_text:after {content: ""; position: absolute; bottom: -16px; left: 50%; margin-left: -9px; height: 0; width: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid transparent;}

.form_icon_text.info {background: #2F83EB; color: #FFFFFF;}
.form_icon_text.info:after {border-top: 8px solid #2F83EB;}

.form_icon_text.warn {background: #B60000; color: #FFFFFF;}
.form_icon_text.warn:after {border-top: 8px solid #B60000;}

.form_icon_text.help {background: #008000; color: #FFFFFF;}
.form_icon_text.help:after {border-top: 8px solid #008000;}


.adder_item {
	border: 1px solid #DEDEDE;
	box-sizing: border-box;
	margin: 1% 0.5% 0% 0.5%;
	padding: 10px 25px 10px 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	position: relative;
	width: 24%;
	float: left;
}

.adder_size2 .adder_item {
	width: 49%;
}

.adder_size1 .adder_item {
	width: 99%;
}

.adder_item .close {
	position: absolute;
	right: 10px;
	top: 50%;
	cursor: pointer;
	color: #B60000;
	margin-top: -8px;
}

/* --------------------- FILTER --------------------- */

.filter {float: left;}

.filter.filter-size1 {width: 98%; margin: 20px 1% 0px 1%;}
.filter.filter-size2 {width: 73%; margin: 20px 1% 0px 1%;}
.filter.filter-size4 {width: 48%; margin: 20px 1% 0px 1%;}

.filter .filter-obj {
	font-family: 'rr', Helvetica, Arial, sans-serif;
	font-size: 15px;
	background: #FFFFFF;
	border: 1px solid #DEDEDE;
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 8px 7px;
	display: block;
	float: left;
	width: 30%;
	height: 35px;
}

.filter .filter-cond {
	width: 350px;
	height: 35px;
	float: left;
	position: relative;
	width: 50%;
}

.filter .filter-cond .filter-cond-box {
	display: none;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
}

.filter .filter-cond .filter-input, .filter .filter-cond .filter-input2 {
	font-family: 'rr', Helvetica, Arial, sans-serif;
	font-size: 15px;
	background: #FFFFFF;
	border: 1px solid #DEDEDE;
	height: 35px;
	line-height: 30px;
	margin: 0px 0px 0px 0px;
	padding: 1px 10px 0px 10px;
	float: left;
	display: block;
	box-sizing: border-box;
}
.filter .filter-cond .filter-input {width: 100%;}
.filter .filter-cond .filter-input2 {width: 50%;}

.filter .filter-cond .filter-select, .filter .filter-cond .filter-select2 {
	font-family: 'rr', Helvetica, Arial, sans-serif;
	font-size: 15px;
	background: #FFFFFF;
	border: 1px solid #DEDEDE;
	margin: 0px 0px 10px 0px;
	padding: 5px 5px 8px 7px;
	display: block;
	float: left;
	height: 35px;
	box-sizing: border-box;
}
.filter .filter-cond .filter-select {width: 100%;}
.filter .filter-cond .filter-select2 {width: 50%;}

.filter .filter-enable {width: 20%; float: left;}
.filter .filter-enable input {
	font-family: 'rr', Helvetica, Arial, sans-serif;
	font-size: 15px;
	background: #F0F0F0;
	border: 1px solid #DEDEDE;
	width: 50%;
	height: 32px;
	line-height: 30px;
	margin: 0px 0px 0px 0px;
	padding: 1px 10px 0px 10px;
	display: block;
	float: left;
	height: 35px;
}

.filter-msg-box {
	margin: 0px 1% 0px 1%;
	box-sizing: border-box;
}

.filter-msg-box .filter-msg {
	float: left;
	border: 1px solid #D2232A;
	margin-right: 10px;
	margin-top: 10px;
	padding: 3px 5px 3px 5px;
	color: #D2232A; 
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.filter-msg-box .filter-msg.green {
	border: 1px solid #008000;
	color: #008000;
}

.filter-msg-box button {
	border: 0px;
	padding: 0px 0px 0px 5px;
	margin: 0px;
	background: none;
	color: #D2232A;
	font-size: 16px;
	cursor: pointer;
}

/* --------------------- MSG --------------------- */

.msg, .msg_x, .msg_ok {
	text-align: center;
	padding: 1%;
	margin: 20px 1% 0px 1%;
	box-sizing: border-box;
	border: 1px solid;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.msg_big_x, msg_big_ok {
	text-align: center;
	line-height: 80px;
	margin: 20px 1% 0px 1%;
	box-sizing: border-box;
	border: 1px solid;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.msg {border-color: #181818; color: #181818;}
.msg_x {border-color: #B60000; color: #B60000;}
.msg_ok {border-color: #008000; color: #008000;}
.msg_big_x {border-color: #B60000; color: #B60000;}
.msg_big_ok {border-color: #008000; color: #008000;}


.msg.red {background: #B60000; border-color: #B60000; color: #FFFFFF}
.msg.orange {background: #FF7F00; border-color: #FF7F00; color: #FFFFFF}
.msg.green {background: #008000; border-color: #008000; color: #FFFFFF}
.msg.grey {background: #DFDFDF; border-color: #DFDFDF; color: #FFFFFF}
.msg.blue {background: #2F83EB; border-color: #2F83EB; color: #FFFFFF}

/* ------------------ */
/* -- LIST OBJECTS -- */
/* ------------------ */
table.list {width: 98%; margin: 0px 1% 40px 1%;}
table.list thead th {font-weight: bold; padding: 39px 10px 9px 10px;}
table.list thead th a.act {color: #D2232A;}
table.list tbody tr:nth-child(odd) td {background: #F2F2F2;}
table.list tbody tr:hover td {background: #333333; color: #FFFFFF;}
table.list tbody tr:hover td a {color: #FFFFFF;}
table.list td {padding: 15px 10px 15px 10px;}
table.list a {color: #666666; cursor: pointer;}
table.list a:hover {text-decoration: underline; cursor: pointer;}

table.list.compact thead td {font-weight: bold; padding: 10px 5px 5px 5px; font-size: 14px;}
table.list.compact td {padding: 8px 5px 8px 5px; font-size: 14px;}
table.list.fullw {width: 100%; margin: 0px 0px 0px 0px;}

.list-submit {margin-top: -30px; margin-bottom: 20px;}

a.list_icon {color: #008000 !important; text-decoration: none !important;}
a.list_icon.confirm {color: #D2232A !important; text-decoration: none !important;}

.box-img:hover {background: #181818; color: #FFFFFF;}
.box-img:hover a {color: #FFFFFF;}
.box-img:hover .noimg {color: #181818;}
.box-img {width: 377px; height: 180px; float: left; border-top: 1px solid #666666;}
.box-img img {display: block; float: left; margin-right: 10px;}
.box-img .noimg {width: 180px; height: 180px; background: #F7F7F7; float: left; margin-right: 10px; line-height: 180px; font-size: 100px; text-align: center;}
.box-img table {display: block; float: left; width: 187px; margin-top: 10px;}
.box-img table td {padding: 0px 10px 0px 0px;}
.box-img table td:last-child {padding: 0px;}
.box-img a {color: #666666; cursor: pointer;}
.box-img a:hover {text-decoration: underline; cursor: pointer;}


/* -------------------- */
/* -- CUSTOM OBJECTS -- */
/* -------------------- */


/* BAMIPASIZE */

.bamipasize .title {
	text-align: center;
	padding-left: 10px;
}
.bamipasize .input {
	width: 45px;
	padding: 0px 2px 0px 2px;
	text-align: center;
}
.bamipasize .box {
	width: 50px;
	float: left;
	margin-right: 5px;
}

.bamipasize .sum {
	line-height: 40px;
}



/* cont-box */
.cont-box3 {
	width: 31%;
	background: #FFFFFF;
	border: 1px solid #DEDEDE;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 1%;
	padding: 10px;
	float: left;
}

.cont-box3.green {
	background: #E6F3E6;
	color: #181818;

}

.cont-box3 .title {
	font-size: 20px;
	text-align: center;
	padding-bottom: 20px;
}

.cont-box3 .big {
	text-align: center;
	font-size: 30px;
	font-weight: bold;
}

/* home */
.syn-home {
	background: url(img/home_logo.png) no-repeat center center;
	width: 100%;
	height: 100%;	
}