@charset "utf-8";
@font-face {
	font-family: 'our-font';
	src: url('../css/fonts/our-font.eot?-ko7nr8');
	src: url('../css/fonts/our-font.eot?#iefix-ko7nr8') format('embedded-opentype'),
	url('../css/fonts/our-font.woff?-ko7nr8') format('woff'),
	url('../css/fonts/our-font.ttf?-ko7nr8') format('truetype'),
	url('../css/fonts/our-font.svg?-ko7nr8#our-font') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'our-font';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-bag:before {
	content: "\e62f";
}

.icon-comment:before {
	content: "\e630";
}

.icon-cross:before {
	content: "\e631";
}

.icon-folder:before {
	content: "\e632";
}

.icon-framecross:before {
	content: "\e633";
}

.icon-framewindow:before {
	content: "\e634";
}

.icon-heart:before {
	content: "\e635";
}

.icon-location:before {
	content: "\e636";
}

.icon-megaphone:before {
	content: "\e637";
}

.icon-pencil:before {
	content: "\e638";
}

.icon-picture:before {
	content: "\e639";
}

.icon-settings:before {
	content: "\e63a";
}

.icon-shop:before {
	content: "\e63b";
}

.icon-speach:before {
	content: "\e63c";
}

.icon-star:before {
	content: "\e63d";
}

.icon-users:before {
	content: "\e63e";
}

.icon-zoom:before {
	content: "\e63f";
}

.icon-backpack:before {
	content: "\e600";
}

.icon-baggage:before {
	content: "\e601";
}

.icon-bags:before {
	content: "\e602";
}

.icon-balletshoes:before {
	content: "\e603";
}

.icon-belt:before {
	content: "\e604";
}

.icon-blouses:before {
	content: "\e605";
}

.icon-boots:before {
	content: "\e606";
}

.icon-bracelet:before {
	content: "\e607";
}

.icon-briefcase:before {
	content: "\e608";
}

.icon-cardigans:before {
	content: "\e609";
}

.icon-clutches:before {
	content: "\e60a";
}

.icon-coat:before {
	content: "\e60b";
}

.icon-cufflinks:before {
	content: "\e60c";
}

.icon-dresses:before {
	content: "\e60d";
}

.icon-earrings:before {
	content: "\e60e";
}

.icon-glasses:before {
	content: "\e60f";
}

.icon-gloves:before {
	content: "\e610";
}

.icon-gumshoes:before {
	content: "\e611";
}

.icon-hats:before {
	content: "\e612";
}

.icon-jacket:before {
	content: "\e613";
}

.icon-jeans:before {
	content: "\e614";
}

.icon-moccasins:before {
	content: "\e615";
}

.icon-msandals:before {
	content: "\e616";
}

.icon-necklace:before {
	content: "\e617";
}

.icon-pants:before {
	content: "\e618";
}

.icon-ring:before {
	content: "\e619";
}

.icon-scarves:before {
	content: "\e61a";
}

.icon-shirt:before {
	content: "\e61b";
}

.icon-shoes:before {
	content: "\e61c";
}

.icon-shorts:before {
	content: "\e61d";
}

.icon-skirt:before {
	content: "\e61e";
}

.icon-sneakers:before {
	content: "\e61f";
}

.icon-socks:before {
	content: "\e620";
}

.icon-sportsuit:before {
	content: "\e621";
}

.icon-suit:before {
	content: "\e622";
}

.icon-sunglasses:before {
	content: "\e623";
}

.icon-sweaters:before {
	content: "\e624";
}

.icon-swimsuit:before {
	content: "\e625";
}

.icon-ties:before {
	content: "\e626";
}

.icon-tops:before {
	content: "\e627";
}

.icon-t-shirts:before {
	content: "\e628";
}

.icon-vests:before {
	content: "\e629";
}

.icon-wallets:before {
	content: "\e62a";
}

.icon-watch:before {
	content: "\e62b";
}

.icon-what:before {
	content: "\e62c";
}

.icon-wsandals:before {
	content: "\e62d";
}

.icon-wshoes:before {
	content: "\e62e";
}

body {
	font-family: Arial;
	font-size: 14px;
	color: #333;
	background-color: #f8f8f8;
	margin: 0px;
	padding: 0px;
	line-height: normal;
	text-align: left;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	background-image: url(../css/body_bg.jpg);
}

body, html {
	height: 100%;
	min-height: 100%;
}

:focus {
	outline: 0;
}

.hide {
	display: none !important;
}

clr {
	display: block;
	clear: both;
}

/*ALL FORMS*/
form {
	margin: 0px;
	padding: 5px;
	border: 1px solid #CCC;
}

legend {
	font-weight: bold;
	color: #CE7109
}

label {
	float: left;
	line-height: 28px;
	clear: both;
	margin-right: 10px;
}

input[type="text"], input[type="file"], input[type="password"], input[type="checkbox"], textarea, select {
	float: left;
	margin: 0px 0px 5px;
	border: 1px solid #CCC;
	line-height: normal;
	padding: 5px;
}

input[type="checkbox"] {
	margin-top: 8px;
	width: 16px;
	height: 16px;
	margin-right: 5px;
}

input[readonly="readonly"] {
	background-color: #F0F0F0 !important;
}

input[type="submit"], input[type="button"], button {
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	color: #333;
	background: #fff;
	border-color: #ccc;
}

input[type="submit"]:hover, input[type="button"]:hover, button:hover {
	color: #333;
	background-color: #e6e6e6;
	border-color: #adadad;
}

.form_description {
	margin-bottom: 10px;
	padding: 5px;
	border: 1px solid #CDCDCD;
}

.sp-replacer {
	float: left;
}

.row.buttons {
	clear: both;
}

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

.form-group {
	clear: both;
	position: relative;
}

.form_success {
	border: 1px solid #daecdc;
	color: #60ba76;
	background: #FFFFFF;
	padding: 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-bottom: 20px;
}

.required label:after {
	content: '*';
	color: #FF0000;
}

.has-error .help-block {
	background: #f64247;
	background: -moz-linear-gradient(top, #f64247 0%, #ff0024 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f64247), color-stop(100%, #ff0024));
	background: -webkit-linear-gradient(top, #f64247 0%, #ff0024 100%);
	background: -o-linear-gradient(top, #f64247 0%, #ff0024 100%);
	background: -ms-linear-gradient(top, #f64247 0%, #ff0024 100%);
	background: linear-gradient(to bottom, #f64247 0%, #ff0024 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f64247', endColorstr='#ff0024', GradientType=0);
	color: #FFFFFF;
	display: block;
}

.has-error .help-block:after {
	border-color: #ff0024 transparent transparent transparent;
}

.help-block {
	color: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	line-height: 16px;
	font-size: 14px;
	padding: 10px 28px;
	display: none;
	position: absolute;
	right: 15px;
	top: -23px;
}

.help-block:after {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #31a73f transparent transparent transparent;
	content: "";
	position: absolute;
	left: 49%;
	bottom: -9px;
}

.has-success .help-block {
	background: #5aca6f;
	background: -moz-linear-gradient(top, #5aca6f 0%, #31a73f 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5aca6f), color-stop(100%, #31a73f));
	background: -webkit-linear-gradient(top, #5aca6f 0%, #31a73f 100%);
	background: -o-linear-gradient(top, #5aca6f 0%, #31a73f 100%);
	background: -ms-linear-gradient(top, #5aca6f 0%, #31a73f 100%);
	background: linear-gradient(to bottom, #5aca6f 0%, #31a73f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5aca6f', endColorstr='#31a73f', GradientType=0);
}

.errorSummary {
	color: #FF0000;
	padding: 5px;
	font-size: 12px;
	border: 1px solid #FF0000;
	margin: 5px 0px;
}

span.required {
	color: #FF0000;
}

.errorMessage {
	clear: both;
	color: #FF0000;
	font-size: 12px;
	margin-bottom: 10px;
}

.row.error input {
	border: 1px solid #FF0000;
}

#login_form {
	position: absolute;
	width: 400px;
	top: 20%;
	left: 50%;
	margin-left: -200px;
}

#nav1 {
	width: 100%;
	font-size: 16px;
	font-weight: bold;
	height: 31px;
	line-height: 24px;
	background: #e2e2e2;
	background: -moz-linear-gradient(top, #e2e2e2 0%, #fefefe 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e2e2e2), color-stop(100%, #fefefe));
	background: -webkit-linear-gradient(top, #e2e2e2 0%, #fefefe 100%);
	background: -o-linear-gradient(top, #e2e2e2 0%, #fefefe 100%);
	background: -ms-linear-gradient(top, #e2e2e2 0%, #fefefe 100%);
	background: linear-gradient(to bottom, #e2e2e2 0%, #fefefe 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=0);
	border-bottom: 1px solid #CDCDCD;
	font-size: 16px;
}

#nav1 li {
	float: left;
}

#nav1 a {
	display: block;
	padding: 3px 5px;
	text-decoration: none;
	color: inherit;
	border-right: 1px solid #CDCDCD;
	transition: 0.2s linear;
	background: #e2e2e2;
	background: -moz-linear-gradient(top, #e2e2e2 0%, #fefefe 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e2e2e2), color-stop(100%, #fefefe));
	background: -webkit-linear-gradient(top, #e2e2e2 0%, #fefefe 100%);
	background: -o-linear-gradient(top, #e2e2e2 0%, #fefefe 100%);
	background: -ms-linear-gradient(top, #e2e2e2 0%, #fefefe 100%);
	background: linear-gradient(to bottom, #e2e2e2 0%, #fefefe 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=0);
	transition: 0.2s linear;
}

#nav1 a:hover, #nav1 .sel {
	color: #CE7109;
	background: #fefefe;
	background: -moz-linear-gradient(top, #fefefe 0%, #e2e2e2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #e2e2e2));
	background: -webkit-linear-gradient(top, #fefefe 0%, #e2e2e2 100%);
	background: -o-linear-gradient(top, #fefefe 0%, #e2e2e2 100%);
	background: -ms-linear-gradient(top, #fefefe 0%, #e2e2e2 100%);
	background: linear-gradient(to bottom, #fefefe 0%, #e2e2e2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#e2e2e2', GradientType=0);

}

#nav2 li {
	width: 100%;
	border-bottom: 1px solid #CDCDCD;
	line-height: 18px;
}

#nav2 a {
	color: inherit;
	display: block;
	text-decoration: none;
	transition: 0.2s linear;
	padding: 3px 5px;
}

#nav2 a:hover, #nav2 .sel {
	background: #FFFFFF;
	color: #CE7109;
}

main {
	display: table;
	width: 100%;
	height: 100%;
	padding-top: 29px;
	margin-top: -29px;
}

#middle {
	display: table-row;
}

#lcol {
	display: table-cell;
	width: 200px;
	border-right: 1px solid #CDCDCD;
	background-color: #f8f8f8;
}

#rcol {
	padding: 3px 5px;
	display: table-cell;
}

#rcol h1 {
	font-size: 16px;
	font-weight: bold;
	background-color: #FFFFFF;
	padding: 5px 10px;
}

/*ICONS*/
.icon {
	background-repeat: no-repeat;
	background-image: url(../css/ico.png);
	background-color: transparent;
	background-repeat: no-repeat;
	display: inline-block;
	margin: 0px 3px 0px 0px;
	padding: 0px;
	height: 16px;
	width: 16px;
	cursor: pointer;
	border: none;
	text-indent: -999999px;
}

.folder-open, .folder-close, .folderv-open, .folderv-close, .file, .check, .question {
	background: url(../css/ico.png) no-repeat;
}

.folder-open {
	background-position: -32px -96px;
	padding-left: 20px;
}

.folder-close {
	background-position: -32px -48px;
	padding-left: 20px;
}

.folderv-open {
	background-position: -32px -240px;
	padding-left: 20px;
}

.folderv-close {
	background-position: -32px -144px;
	padding-left: 20px;
}

.file {
	background-position: -32px 0px;
	padding-left: 20px;
}

.check {
	background-position: -32px -288px;
	padding-left: 20px;
}

.question {
	background-position: -32px -192px;
	padding-left: 20px;
}

.pay-none {
	background-position: -16px -80px;
}

.pay-ok {
	background-position: -16px -96px;
}

.pay-ok:hover, .pay-none:hover {
	background-position: -16px -112px;
}

.sel-all {
	background-position: -16px -128px;
}

.sel-all:hover {
	background-position: -16px -144px;
}

.magnifier {
	background-position: -16px -48px;
}

.magnifier:hover {
	background-position: -16px -64px;
}

.invoice-show {
	background-position: -16px -16px;
}

.invoice-show:hover {
	background-position: -16px -32px;
}

.folder-add, .folder2-add {
	background-position: 0px -288px;
}

.folder-add:hover, .folder2-add:hover {
	background-position: 0px -304px;
}

.folder-edit, .folder2-edit {
	background-position: 0px -352px;
}

.folder-edit:hover, .folder2-edit:hover {
	background-position: 0px -368px;
}

.folder-delete {
	background-position: 0px -320px;
}

.folder-delete:hover {
	background-position: 0px -336px;
}

.file-add {
	background-position: 0px -160px;
}

.file-add:hover {
	background-position: 0px -176px;
}

.file-edit {
	background-position: 0px -128px;
}

.file-edit:hover {
	background-position: 0px -144px;
}

.file-delete {
	background-position: 0px -192px;
}

.file-delete:hover {
	background-position: 0px -208px;
}

.vis {
	background-position: 0px 0px;
}

.vis:hover {
	background-position: 0px -16px;
}

.add {
	background-position: 0px -32px;
}

.add:hover {
	background-position: 0px -48px;
}

.invis {
	background-position: 0px -480px;
}

.invis:hover {
	background-position: 0px -496px;
}

.price {
	background-position: 0px -512px;
}

.price:hover {
	background-position: 0px -528px;
}

.file-remove {
	background-position: 0px -256px;
}

.file-remove:hover {
	background-position: 0px -272px;
}

.folderv-add {
	background-position: 0px -384px;
}

.folderv-add:hover {
	background-position: 0px -400px;
}

.folderv-edit {
	background-position: 0px -448px;
}

.folderv-edit:hover {
	background-position: 0px -464px;
}

.folderv-delete {
	background-position: 0px -416px;
}

.folderv-delete:hover {
	background-position: 0px -432px;
}

.reload {
	background-position: 0px -544px;
}

.reload:hover {
	background-position: 0px -560px;
}

.image-prev {
	background-position: 0px -576px;
}

.image-prev:hover {
	background-position: 0px -592px;
}

.txt_red {
	color: #ff0000;
}

/**/
/*LIST*/
#item-list {
	margin: 5px;
	width: 800px;
	border: 1px solid #CDCDCD;
	background-color: #FFFFFF;
	line-height: 16px;
}

#item-list.mod1 {
	width: 100%;
}

#item-list1, #item-list2 {
	margin: 5px;
	width: 100%;
	border: 1px solid #CDCDCD;
	background-color: #FFFFFF;
	line-height: 16px;
}

#item-list li, #item-list1 li, #item-list2 li {
	width: 100%;
	min-height: 16px;
	border-top: 1px solid #CDCDCD;
}

#item-list > li:first-child {
	border: none;
}

#item-list li > div, #item-list1 li > div, #item-list2 li > div {
	padding: 3px;
}

#item-list li > div:hover, #item-list li > div.sel, #item-list1 li > div:hover, #item-list2 li > div:hover {
	background-color: #F1FBFF;
}

#item-list li > div .btns {
	float: right;
	height: 16px;
}

#item-list span {
	cursor: pointer;
}

#item-list.is_srt li {
	background-image: url(../css/ico.png);
	background-repeat: no-repeat;
	background-position: -32px -334px;
	padding-left: 18px;
}

#item-list.is_srt li.not-sort {
	background: none;
	padding-left: 0px;
}

#item-list sm {
	display: inline;
	font-size: 12px;
	color: #CE7109;
}

#item-list li ul {
	margin-left: 10px;
}

/*FRM1*/
.frm1 {
	width: 800px;
}

/**/
.tbl1 {
	width: 100%;
	margin-bottom: 20px;
	background: #FFFFFF;
	border-spacing: 0px;
	line-height: 0;
}

.tbl1 td {
	padding: 3px;
	border: solid 1px #CCCCCC;
	border-spacing: 0px;
	line-height: normal;
	vertical-align: middle;
}

.tbl1 input {
	margin-bottom: 0px;
	text-align: right;
	display: block;
}

.tbl1 td:last-child {
	width: 60px;
}

#gtc_cat, #gtc_connected, #gtc_disconnected {
	width: 30%;
	float: left;
	min-height: 20px;
	margin-right: 10px;
}

.tbl-transac td {
	border: 1px solid #cccccc;
	padding: 3px;
}

.cke {
	clear: both;
}

.tbl1 div label, .tbl1 div input, .tbl1 div select, .tbl1 div button {
	width: 100px;
	display: inline-block;
	float: none;
}

.tbl1.tbm1 td:last-child {
	width: auto;
}