/* CSS */
* { margin: 0; padding: 0; outline: 0; }


html {
	overflow-y: scroll;
	overflow: -moz-scrollbars-vertical;
}

html, body {
	height: 100%;

}

body {
	height: 100%;
	background: #3D5770;
	font-family: Arial, Tahoma, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}

#main, #main_login {
	position: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background: #3D5770 url("../images/web/contentBg.gif") center repeat-y;
}
#main_login {
	background: #3D5770 url("../images/web/bgLogo.png") right bottom no-repeat;
}

#top_login, #top {
	width: 100%;
	height: 28px;
	font-size: 11px;
}
#top_login {
	background: url("../images/web/topBg.png") repeat-x;
	position: relative;
}
#top {
	background: #364C61;
	position: relative;
}

#head_login, #head  {
	width: 100%;
	height: 95px;
	background: #E1E4E5 url("../images/web/headBg.png") repeat-x;
	overflow: auto;
	clear: both;
}

#head_login div.center {
	width: 400px;
	height: 56px;
	margin: 16px auto 0 auto;
	padding: 9px 0 0 0;
	color: #547391;
	background: url("../images/web/headLogo.png") no-repeat top left transparent;
	font-size: 19px;
	text-transform: uppercase;
}
#head div.center {
	width: 1000px; /*768*/
	height: 65px;
	margin: 16px auto 0 auto;
	padding: 0;
	background: url("../images/web/headLogo2.png") no-repeat top left transparent;
}

#head div.center > a {
	display: block;
	width: 214px;
	height: 100%;
	margin-right: 18px;
	float: left;
}

#head_login div.center > a {
	display: block;
	width: 200px;
	height: 100%;
	margin-right: 28px;
	float: left;
}

#content {
	width: 100%;
	background: url("../images/web/contentShadow.png") top repeat-x;
	clear: both;
	overflow: auto;
	padding-bottom: 47px;
}
#content_login {
	width: 100%;
	height: 100%;
	background: url("../images/web/contentShadow.png") top repeat-x;
	clear: both;
	overflow: auto;
	position: fixed;
	padding-bottom: 47px;
}

#login {
	width: 400px;
	margin: 26px auto 0 auto;
}

#lost_password {
	width: 600px;
	margin: 50px auto 0 auto;
}

#left_login {
	width: 40%;
	float: left;
}

#right_login {
	width: 60%;
	float: right;
	background: url("../images/web/contentShadow2.gif") repeat-x left top #4d6c88;
	height: 100%;
}
#right_login > div {
	padding: 22px 12px 22px 30px;
}

#foot {
	background: url("../images/web/footBg.png") top left repeat-x;
	bottom:0 !important;
	height:47px;
	position:absolute;
	width:100%;
	color: #DBEEFF;
	font-size: 11px;
}

#menu {
	width: 203px;
	float: left;
	overflow: hidden;
	padding-top: 21px;
	padding-bottom: 20px;
}

#right {
	width: 756px;
	float: right;
	overflow: auto;
	background: url("../images/web/contentShadow2.gif") top left repeat-x;
	padding: 22px 12px 22px 14px;
}

ul {
	list-style: none;
	list-style-type: none;
}

hr.separator {
	border-width: 0px;
	border-bottom: 1px #5D7993 solid;
}

.table {
	display: table;
}

.tr {
	display: table-row;
}

.td {
	display: table-cell;
}

.tleft,
.fleft {
	float: left;
}

.tright,
.fright {
	float: right;
}

.par1 {
	margin-left: 20px !important;
}

.bold {
	font-weight: bold;
}
.normal {
	font-size: 12px;
	font-weight: normal;
}
.reset-style {
	padding: 0px !important;
	border: none !important;
}
.nopadding {
	padding: 0px !important;
}

.bg-dark {
	background-color: #3d5770;
}

.bg-highlight {
	background-color: #617b92;
}

.blur-text {
	color: transparent;
	text-shadow: 0px 0px 5px #FFFFFF;
	transition: color 0.5s, text-shadow 0.5s;
}

/* TOP LOGIN */
#top_login div.center {
	width: 628px;
	margin: 0 auto;
}
#top_login > div > ul {
	list-style: none;
	list-style-type: none;
}
#top_login > div > ul > li {
	display:block;
	float:left;
	width: 34px;
	height: 28px;
	line-height: 28px;
	background: url("../images/web/topSeparator.gif") -1px 0 no-repeat;
}

#top_login ul li.usertools {
	width: 202px;
	background: url("../images/web/topToolsBg.png") top left no-repeat;
	color: #FFC047 /*#FFA800*/;
	/*letter-spacing:-0.02em;*/
	position: relative;
	text-transform: uppercase;
	padding-left: 9px;
}
#top_login ul li.tel { width: 127px; }
#top_login ul li.mail { width: 136px; }
#top_login ul li.helpdesk { width: 78px; position: relative; }
#top_login ul li.lang { padding-top: 5px; height: 23px; }
#top_login ul li.actLang { background: url("../images/web/topHover.png") top left no-repeat; }

/* TOP main page */
#top a.home {
	display: block;
	width: 60px;
	height: 32px;
	background: url("../images/web/home.png") no-repeat;
	background-position: 0 -32px;
	position: absolute;
}

#top > div > ul > li > a, #top_login > div ul > li > a { text-decoration: none; }

#top a.top, #top_login a.top {
	display: block;
	width: 100%;
	height: 28px;
	padding-left: 9px;
}

#top a.topSmall, #top_login a.topSmall {
	display: block;
	width: 100%;
	height: 28px;
	padding-left: 5px;
}

#top > div > ul {
	list-style: none;
	list-style-type: none;
	margin-left: 60px;
}
#top ul li.separator, #top_login ul li.separator {
	width: 1px;
	height: 28px;
	background: url("../images/web/topSeparator.gif") top left no-repeat;
	padding-left: 0;
}
#top > div > ul > li {
	display:block;
	float:left;
	width: 34px;
	height: 28px;
	line-height: 28px;
	background: url("../images/web/topBg.png") top left repeat-x;
}

#top li.hover:hover, #top_login li.hover:hover { background: url("../images/web/topHover.png") top left repeat-x; }

#top ul li.usertools {
	width: 201px;
	background: url("../images/web/topToolsBg.png") -1px 0 no-repeat;
	color: #FFC047 /*#FFA800*/;
	position: relative;
	text-transform: uppercase;
	padding-left: 9px;
	/*letter-spacing:-0.02em;*/
}
#top ul li.sitemap { width: 122px; cursor: pointer; text-transform: uppercase; }

#top ul li.tel { width: 125px; }
#top ul li.mail { width: 138px; }
#top ul li.profile { width: 74px; cursor: pointer; text-transform: uppercase; }
#top ul li.passwd { width: 111px; cursor: pointer; text-transform: uppercase; }
#top ul li.helpdesk { width: 83px; /*cursor: pointer;*/ position: relative; }
#top ul li.lang { padding-top: 5px; height: 23px; }
#top ul li.actLang { background: url("../images/web/topHover.png") top left no-repeat; }

#top ul li.usertools div, #top_login ul li.usertools div {
	width: 190px;
	position: absolute;
	top: 28px;
	left: 0;
	background-color: #617B92;
	z-index: 100;
	line-height: normal;
	color: #FFFFFF;
	padding: 10px;
	display: none;
	opacity:0.98;
	filter:alpha(opacity=98);
	line-height: 15px;
	text-transform: none;
}
#top_login ul li.usertools div {
	left: 1px;
}
ul li.usertools div ul li ul li, ul li.usertools div ul li ul li {
	padding-left: 20px;
	background: url("../images/web/gadgetLi.gif") 7px 4px no-repeat;
}

#top ul li.helpdesk div, #top_login ul li.helpdesk div {
	width: 402px;
	height: 270px;
	position: absolute;
	top: 28px;
	right: 0px;
	z-index: 100;
	line-height: normal;
	color: #000000;
	display: none;
	text-transform: none;
	background: url("../images/web/helpdeskBg.png") top left no-repeat transparent;
	padding: 35px 15px 15px 23px;
	font-size: 1.1em;
}
#top ul li.helpdesk input.input,
#top ul li.helpdesk select {
    background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #95A8B8;
    color: #000000;
    width: 290px;
}
#top ul li.helpdesk select option {
    background: none repeat scroll 0 0 #EEEEEE;
}
#top ul li.helpdesk textarea {
    background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #95A8B8;
    color: #000000;
    width: 260px;
    height: 135px;
}
#top ul li.helpdesk div li {
	margin-bottom: 4px;
}
#top ul li.helpdesk span.close, #top_login ul li.helpdesk span.close {
	display: block;
	position: absolute;
    right: 19px;
    top: 40px;
	z-index: 101;
}
#top_login ul li.helpdesk li {
	margin: 5px 0 8px 5px;
	padding-left: 14px;
	background: url("../images/web/gadgetLi.gif") no-repeat scroll 0 4px transparent;
}


/* HEAD */
#head_login strong {
	font-size: 20px;
	font-weight: bold;
}

#head div.title {
	width: 200px; /*383*/
	font-size: 20px;
	line-height: 65px;
	color: #547391;
	float: left;
}

#head div.changedLog {
	width: 157px;
	height: 65px;
	font-size: 10px;
	color: #9AA5AF;
	float: left;
	padding-left: 26px;
	position: relative;
	background: url("../images/web/headChange.png") top left no-repeat;
}
#head div.changedLog div {
	height: 28px;
	padding-top: 4px;
	line-height: 12px;
}

#head div.user {
	width: 343px;
	height: 65px;
	font-size: 11px;
	color: #9AA5AF;
	float: left;
	padding-left: 42px;
	position: relative;
	background: url("../images/web/headUser.png") top left no-repeat;
	margin-left: auto;
	margin-right: auto;
}
#head div.user span {
	font-size: 14px;
	color: #364C61;
	display: block;
	line-height: 20px;
}
#head div.user span strong { color: #1777BB; }

#head div.user a { color: #364C61; }

#head div.user a.logout {
	width: 90px;
	height: 24px;
	line-height: 24px;
	color: #FFFFFF;
	display: block;
	padding: 0 0 0 41px;
	text-decoration: none;
	position: absolute;
	top: 23px;
	right: 0;
	background: url("../images/web/logoutButton.png") top left no-repeat;
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
}
#head div.user a.logout:hover {
	color: #FFFFFF;
	text-decoration: none;
	background: url("../images/web/logoutButton-hover.png") top left no-repeat;
}

/* LOGIN */
#messageBox {
	display: block;
	height: 27px;
	margin: 0 0 22px 0;
	padding-left: 30px;
}
#messageBox .message {
	width: 258px;
	height: 27px;
	background: url("../images/web/loginMessage.png") top left no-repeat;
	color: #E20303;
	padding: 0 0 0 42px;
	line-height: 27px;
}

#login table { width: 100%; }
#login table tr td { border-spacing: 1px; line-height: 25px; }
#login table tr td.br { line-height: 14px; }
#login table tr td.cell1 {
	width: 130px;
	text-align: right;
	padding: 0 6px 0 0;
}
#login table tr td.cell2 {
	padding-left: 15px;
	line-height: 18px;
}

#login input {
	width: 144px;
	height: 20px;
	line-height: 20px;
	padding: 2px 4px 2px 4px;
	font-family: Arial, Tahoma, sans-serif;
	font-size: 12px;
	background: url("../images/web/loginInput.png") top left no-repeat;
	color: #111111;
	border: 0;
}
#login .password-view-button {
	width: 23px;
	height: 17px;
	position: relative;
	top: 2px;
}

#login input.loginButton {
	width: 132px;
	height: 24px;
	line-height: 24px;
	text-align: left;
	padding: 0 0 0 32px;
	font-family: Arial, Tahoma, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background: url("../images/web/loginButton.png") top left no-repeat;
	color: #FFFFFF;
	text-transform: uppercase;
}
#login input.loginButton:hover {
	background: url("../images/web/loginButton-hover.png") top left no-repeat;
}
#login input.chkbox {
	width: auto;
	height: auto;
	line-height: normal;
	padding: 0;
}

#lost_password ul {
	margin: 0 0 0 15px;
}
#lost_password ul li {
	margin: 0 0 10px 0;
}

div.center {
	width: 1000px;
	margin: 0 auto;
}

/* FOOT */
#foot div.copy {
	width: 496px;
	float: left;
	line-height: 15px;
	padding: 9px 0 0 4px;
}
#foot div.design {
	width: 496px;
	float: right;
	padding: 25px 4px 0 0;
	text-align: right;
}

/* MENU */
#menu ul, #menu ul li ul {
	list-style: none;
	list-style-type: none;
}
#menu ul {
	overflow: hidden;
	background: #3F5E7C url("../images/web/menuUlBottom.png") left bottom no-repeat;
}
#menu ul li ul {
	width: 202px;
	border-right: 1px solid #1E2b38;
	background: #466382 url("../images/web/menuItemBottom.png") bottom left no-repeat;
	padding: 8px 0 9px 0;
}
#menu ul li.bottom a.link {
	height: 38px;
}
#menu ul li.bottom ul {
	width: 202px;
	border-right: 1px solid #1E2b38;
	background: #3F5E7C;
	margin: 0 0 5px 0;
	padding: 8px 0 9px 0;
}

#menu ul li {
	display: block;
	background: url("../images/web/menuItem.png") top left no-repeat;
	clear: both;
	overflow: hidden;
}
#menu ul li.hover {
	background: url("../images/web/menuItem-hover.png") top left no-repeat;
}
#menu ul li ul { display: none; }
#menu ul li ul li {
	margin-top: 1px;
	height: 21px;
	background: none;
}

#menu ul li.top {
	background: url("../images/web/menuTop.png") top left no-repeat;
}
#menu ul li.top.hover {
	background: url("../images/web/menuTop-hover.png") top left no-repeat;
}
#menu ul li.bottom {
	background: url("../images/web/menuBottom.png") top left no-repeat;
}
#menu ul li.bottom.hover {
	background: url("../images/web/menuBottom-hover.png") top left no-repeat;
}

#menu ul li a.expand {
	display: block;
	position: relative;
	width: 202px;
	height: 37px;
	float: left;
	font-weight: bold;
	text-decoration: none;
	background: url("../images/web/menuExpand.png") 175px 13px no-repeat;
}
#menu ul li a.expand span.img {
	display: block;
	width: 48px;
	height: 35px;
	position: absolute;
	top: 2px;
	left: 2px;
	text-align: center;
	line-height: 35px;
	background-position: center center;
	background-repeat: no-repeat;
}
#menu ul li a.expand span.text, #menu ul li a.expand span.shadow {
	display: block;
	position: absolute;
}
#menu ul li a.expand span.text {
	top: 13px;
	left: 63px;
}
#menu ul li a.expand span.shadow {
	top: 12px;
	left: 62px;
	color: #28405B;
}

/*#menu ul li a.expand {
	display: block;
	position: relative;
	width: 33px;
	height: 37px;
	float: left;
	background: url("../images/web/menuExpand.png") 8px 13px no-repeat;
}*/
#menu ul li a.opened {
	background-position: 175px -12px;
}
#menu ul li ul.opened {
	display: block;
}
#menu ul li a.disabled {
	background: none;
}

#menu ul li ul li a {
	display: block;
	width: 168px;
	height: 21px;
	line-height: 21px;
	background: url("../images/web/menuLi.gif") 16px 7px no-repeat;
	padding-left: 34px;
	text-decoration: none;
}
#menu ul li ul li a:hover, #menu ul li ul li a.active {
	background: #597794 url("../images/web/menuLi.gif") 16px 7px no-repeat;
	text-decoration: none;
}

#menu ul li ul li.menu-item-delimiter {
	height: 2px;
}

#menu ul li ul li.menu-item-delimiter hr.menu-delimiter {
	border-width: 0px;
	border-bottom: 1px #5D7993 solid;
	margin-left: 15px;
	margin-right: 15px;
}

#menu ul li ul li div.menu-textdelimiter {
	border-bottom: 1px #5D7993 solid;
	margin-left: 15px;
	margin-right: 15px;
	text-align:left;
}

#menu ul li ul li div.menu-textdelimiter span.menu-textdelimiter-sub {
	position:relative;
	top: 7px;
	background-color: #466382;
	padding-right: 3px;
}

#menu div.siteSearch {
	margin-bottom: 2px;
}

#siteSearch input.input {
	width: 163px;
	height: 26px;
	background: url("../images/web/siteSearchInput.png") transparent no-repeat;
	line-height: 26px;
	padding: 0 10px 0 30px;
	border: 0;
	font-size: 0.9em;
}

#siteSearch input.inputHelper{
	color: #a8b5c2;
	font-style: italic;
}

/* RIGHT */
#contentBox {
	padding: 0 15px 0 10px;
	position: relative;
}

#msgBoxSet {
	margin-bottom: 4px;
	overflow: hidden;
}

.msgBox {
	/*width: 709px;*/
	line-height: 15px;
	/*background: url("../images/web/infoBg.png") top left no-repeat;*/
	background: url("../images/icons/ok.png") 8px 3px no-repeat #617B92;
	padding: 4px 10px 4px 35px;
	font-size: 11px;
	border: 1px solid #6f889f;
	margin: 0 0 5px 0;
}

.infoPanel {
	background: url("../images/icons/info.png") 8px 3px no-repeat #617B92;
}
.warnPanel {
	color: #FFDE55;
	background: url("../images/icons/warn.png") 7px 3px no-repeat #617B92;
}
.errPanel {
	color: #FFCCCC;
	background: url("../images/icons/error.png") 8px 3px no-repeat #617B92;
}


/* GADGETS */
div.gadgets {
	margin: 33px 0 7px 62px;
	width: 188px;
	float: left;
	color: #283A49;
	font-size: 11px;
}

div.gadgetL,
div.gadgetLong {
	width: 688px;
	margin: 26px 0 0 34px;
	clear: both;
	color: #283A49;
	font-size: 11px;
}

div.gadget {
	width: 188px;
	margin-bottom: 26px;
}

div.gadget div.head,
div.gadgetL div.head,
div.gadgetLong div.head {
	height: 24px;
	position: relative;
	color: #3D5770;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
	padding-left: 48px;
}

div.gadgetL div.head,
div.gadgetLong div.head {
	background: url("../images/web/gadgetLargeTop.png") top left no-repeat;
}
div.gadget div.head {
	background: url("../images/web/gadgetTop.png") top left no-repeat;
}
div.gadget div.head span.img,
div.gadgetL div.head span.img,
div.gadgetLong div.head span.img {
	width: 40px;
	height: 40px;
	position: absolute;
	top: -10px;
	left: 5px;
	background-position: center center;
	background-repeat: no-repeat;
}
div.gadget div.head span.text,
div.gadgetL div.head span.text,
div.gadgetLong div.head span.text {
	background: url("../images/web/gadgetTextBg.png") center center repeat-x;
	padding: 0 11px 0 5px;
	text-transform: uppercase;
}
div.gadget div.head a.expand,
div.gadgetL div.head a.expand,
div.gadgetLong div.head a.expand {
	width: 25px;
	height: 20px;
	position: absolute;
	top: 0;
	right: 1px;
	display: block;
	background: url("../images/web/gadgetExpand.gif") 8px 8px no-repeat;
}
div.gadget div.body,
div.gadgetL div.body,
div.gadgetLong div.body {
	background: #EDF0F3;
	padding: 8px 15px 0 10px;
}
div.gadgetL div.foot,
div.gadgetLong div.foot {
	height: 9px;
	background: url("../images/web/gadgetLargeBottom.png") top left no-repeat;
}
div.gadget div.foot {
	height: 9px;
	background: url("../images/web/gadgetBottom.png") top left no-repeat;
}

div.gadget div.closed,
div.gadgetL div.closed,
div.gadgetLong div.closed {
	background-position: left bottom;
}
div.gadget div.closed span.text,
div.gadgetL div.closed span.text,
div.gadgetLong div.closed span.text {
	background: url("../images/web/gadgetTextBg2.png") center center repeat-x;
}
div.gadget div.closed a.expand,
div.gadgetL div.closed a.expand,
div.gadgetLong div.closed a.expand {
	background-position: 8px -4px;
}

div.gadget div.body ul li,
div.gadgetL div.body ul li,
div.gadgetLong div.body ul li {
	padding-left: 12px;
	background: url("../images/web/gadgetLi.gif") 0 4px no-repeat;
	line-height: 18px;
}

div.gadget a,
div.gadgetL a,
div.gadgetLong a,
li.helpdesk div a {
	color: #283A49;
}
div.gadget a:hover,
div.gadgetL a:hover,
div.gadgetLong a:hover,
li.helpdesk div a:hover {
	color: #1777BB;
	text-decoration: underline;
}
#newsView {
	width: 500px;
	margin: 8px 0 0 0;
}
#newsView ul {
	margin: 5px 0 10px 15px;
}
#newsView ul li {
    background: url("../images/web/li.gif") no-repeat scroll 0 4px transparent;
    padding-left: 14px;
}

#dashboardContent {
	/*margin: 26px 34px 0 34px;*/
	margin: 10px 10px 0 10px;
	overflow: hidden;
}

/* QUOTA */
div.quota {
	width: 369px;
	height: 21px;
	background: url("../images/web/quotaBg.png") top left no-repeat;
	position: relative;
	margin-top: 5px;
}
div.quota span {
	position: absolute;
	width: 10px;
	height: 19px;
	display: block;
	background: url("../images/web/slider.png") top left no-repeat;
	top: -8px;
}

/* TABLES */
table.listTable, #htmlInput table, table.listTable2, table.listTable3 {
	width: 100%;
	border-collapse: collapse;
}
table.listTable tr, table.listTable3 tr {
	background: none repeat scroll 0 0 #4e6d89;
}
table.listTable tr.highlight, table.listTable3 tr.highlight {
	background: none repeat scroll 0 0 #617b92;
}
table.listTable th, #htmlInput table th, table.listTable3 th {
	background: none repeat scroll 0 0 #49657e;
    border: 1px solid #3b5369;
    font-weight: bold;
    padding: 0.6em;
    text-align: left;
}
table.listTable td, #htmlInput table td, table.listTable3 td {
    background: none repeat scroll 0 0;
    border: 1px solid #3b5369;
    padding: 0.3em;
    text-align: left;
}
table.listTable tr.no-border td:first-of-type {
	border-right: none;
}
table.listTable tr.no-border td:not(:first-of-type):not(:last-of-type) {
	border-left: none;
	border-right: none;
}
table.listTable tr.no-border td:last-of-type {
	border-left: none;
}
table.listTable caption, table.listTable2 caption, table.listTable3 caption {
	font-size: 1.2em;
	font-weight: bold;
	padding: 15px 0 5px 0;
}
table.listTable .change, table.listTable2 .change, table.listTable3 .change, table.horiz .change {
	width: 1%;
	white-space: nowrap;
}
table.listTable .id, table.listTable2 .id, table.listTable3 .id {
	width: 1%;
	text-align: right;
	font-family: monospace;
}
table.listTable tr.search th, table.listTable3 tr.search th {
	background: none repeat scroll 0 0 #49657e;
}
table.listTable tr.white th, table.listTable tr.white td, table.listTable tr td.white  {
	border-bottom: 1px solid #8AA0B5;
}
/*table.listTable tr.white td {

}*/

table.listTable tr.emptyDelim, table.listTable tr.emptyDelim td {
	background: none;
	border: 0;
	font-size:5px;
	height: 10px;
}

table.listTable table.innerTable {
	border: 1px solid #3B5369;
}
table.innerTable td {
	background: none repeat scroll 0 0;
    border: none;
  	padding: 1px;
    text-align: left;
}
table.innerTable td:first-of-type {
	padding-left: 0;
}
table.horiz table.innerTable td {
    padding: 0.2em 0.2em 0 0;
}

table.innerTable tr.highlight {
	background: none repeat scroll 0 0 #617b92;

}

/*TR*/
table.listTable tr.redBg, table.listTable tr.redBg.highlight,
table.listTable tr td.redBg,
table.listTable2 tr.redBg, table.listTable2 tr.redBg.highlight  {
	background: none repeat scroll 0 0 #685d75;
}
table.listTable tr.highlight td.redBg {
	background: none repeat scroll 0 0 #72697d;
}
table.listTable tr.redStrongBg, table.listTable tr.redStrongBg.highlight,
table.listTable tr td.redStrongBg,
table.listTable2 tr.redStrongBg, table.listTable2 tr.redStrongBg.highlight {
	background: none repeat scroll 0 0 #c24545;
}
table.listTable tr.orangeBg {
	background: none repeat scroll 0 0 #FF9900 !important; /*#817261*/
}
table.listTable tr.orange2Bg {
	background: none repeat scroll 0 0 #FF9900 !important; /*#817261;*/
}
table.listTable tr.greenBg, table.listTable tr.greenBg.highlight,
table.listTable2 tr.greenBg, table.listTable2 tr.greenBg.highlight {
	background: none repeat scroll 0 0 #47a752;
}
table.listTable tr.lightblueBg {
	/* TODO: tato otrasna modra musi byt fixnuta! */
	/* background: none repeat scroll 0 0 #3355FF; */
}
table.listTable tr.darkblueBg,
table.listTable th.darkblueBg {
	background: none repeat scroll 0 0 #455869 !important;
}
table.listTable tr.darkBg,
table.listTable td.darkBg,
table.listTable th.darkBg {
	background-color: #3D5770 !important;
}
table.listTable tr.grey,
table.listTable td.grey,
table.listTable th.grey {
	background: none repeat scroll 0 0 #525C66 !important;
	color: #eee !important;
}
table.listTable tr.yellowBg,
table.horiz tr.yellowBg {
	background: none repeat scroll 0 0 #888855 !important;
}
table.listTable tr.whiteBg,
table.horiz tr.whiteBg {
	background: none repeat scroll 0 0 #eee !important;
}
table.listTable tr.whiteBg td,
table.horiz tr.whiteBg td {
	color: #111;
}

table.listTable tr.redline {
	border-top: 2px #CC0000 solid;
}
table.norules td {
	border: none;
}
.darklog {
	background-color:#073642 !important;
}

/*TH*/
table.listTable th.redBg,
table.horiz tr.redBg {
	background-color: #685d75;
}
table.listTable th.orangeBg,
table.horiz tr.orangeBg {
	background-color: #817261;
}
table.listTable th.orange2Bg,
table.horiz tr.orange2Bg {
	background-color: #817261;
}
table.listTable th.greenBg,
table.horiz tr.greenBg {
	background-color: #47a752;
}


table .tableIcon {
	margin-left: 5px;
	margin-top: 3px;
}

div.changedInfo {
	width: 140px;
	height: 114px;
	/*background: url("../images/web/changed-info.png");*/
	float: right;
	font-size: 0.9em;
	margin: 5px 0 0 0;
	padding: 8px;
	color: #C9D6E2; /*#354a5d*/
	overflow: hidden;
}
div.changedInfo div {
	float: right;
}
div.changedInfo div span {
	font-size: 0.9em;
	font-weight: bold;
	display: block;
	text-align: right;
	margin: 3px 0 1px 0;
	padding-bottom: 1px;
	border-bottom: 1px solid #C9D6E2;
}

div.viewInfo {
	width: 530px;
	min-height: 100px;
	overflow: hidden;
}/*
div.viewInfo table {
	width: 100%;
}
div.viewInfo table td.cell1 {
	width: 120px;
}
div.viewInfo table td.name {
	font-size: 1.4em;
	font-weight: bold;
}*/

.mono {
	font-family: "Courier New", monospace, sans-serif !important;
}
div.cell {
	padding: 0.5em;
}

table.horiz {
	border-collapse: collapse;
	border: 1px solid #5D7993;
	margin: 0 2px 10px 0;
	background: none repeat scroll 0 0 #44607A;
	width: 360px;
}
table.horiz-nomargin {
	margin: 0px;
}
table.horiz td.cell {
	padding: 0.5em;
}
table.horiz td.cell1 {
/*	background: none repeat scroll 0 0 #49657e;*/
	width: 130px;
	padding: 0.5em;
}
table.horiz td.cell3 {
/*	background: none repeat scroll 0 0 #49657e;*/
	padding: 0.5em;
/*	border-left: 1px solid #3b5369;*/
}
table.horiz td {
    background: none repeat scroll 0 0;
/*    border-top: 1px solid #3b5369;*/
/*	border-bottom: 1px solid #3b5369;*/
    padding: 0.5em 0.6em;
    text-align: left;
	color: #e6e9ed;
}
table.horiz th {
	background: none repeat scroll 0 0 #3D5770;
	padding: 0.5em;
	text-align: left;
	font-weight: bold;
}
table.horiz tr.th {
	border: 1px solid #678099;
	background: none repeat scroll 0 0 #3D5770;
}

table.horiz td.name {
	font-size: 1.4em;
	font-weight: bold;
}
table.horiz td.hr {
	font-size: 6px;
}

table.horiz hr {
	border-width: 0px;
	border-bottom-width: 0px;
	border-bottom: 1px #5d7993 solid;
	color: #5d7993;
	margin-top: 7px;
	margin-bottom: 7px;
}

table.horiz .code2 {
	background-color: #073642;
	padding: 10px;
}

/* table.horiz !important */
table.horiz-important,
horiz-important-noborder {
	border-collapse: collapse !important;
	margin: 0 2px 10px 0 !important;
	background: none repeat scroll 0 0 #44607A !important;
	/*width: 360px;*/
	width: 100%;
}
table.horiz-important {
	border: 1px solid #5D7993 !important;
}
table.horiz-important td.cell1,
horiz-important-noborder td.cell1 {
	width: 130px;
	padding: 0.5em;
}
table.horiz-important td.cell3,
table.horiz-important-noborder td.cell3 {
	padding: 0.5em;
}
table.horiz-important td,
table.horiz-important-noborder td {
	background: none repeat scroll 0 0;
	padding: 0.5em 0.6em;
	text-align: left;
	color: #e6e9ed !important;
	border-width: 0px;
}
table.horiz-important th,
table.horiz-important-noborder th {
	background: none repeat scroll 0 0 #3D5770 !important;
	padding: 0.5em !important;
	text-align: left;
	font-weight: bold;
	border: 0px;
	border-bottom: 1px solid #5D7993 !important;
}
table.horiz-important tr.th,
table.horiz-important-noborder tr.th {
	border: 1px solid #678099 !important;
}

table.horiz-important td.name,
table.horiz-important-noborder td.name {
	font-size: 1.4em;
	font-weight: bold !important;
}
table.horiz-important td.hr,
table.horiz-important-noborder td.hr {
	font-size: 6px;
}

table.horiz-important tr.highlight,
table.horiz-important-noborder tr.highlight {
	background-color: #49657E;
}

table.highlight tr:nth-child(odd):not(:first-child) {
	background-color: #617b92;
}

.tabsContent {
	margin-left: 15px;
	margin-right: 15px;
}

.tabsNumberCircle {
	border-radius: 50%;
	min-width: 18px;
	min-height: 18px;
	background-color: #0c0;
	background: -webkit-linear-gradient(rgb(0,255,0), rgb(0,200,0)); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(rgb(0,255,0), rgb(0,200,0)); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(rgb(0,255,0), rgb(0,200,0)); /* For Firefox 3.6 to 15 */
	background: linear-gradient(rgb(0,255,0), rgb(0,200,0)); /* Standard syntax */
	border: 0px solid #00FF00;
	color: #fff;
	text-align: center;
	font-size: 14px;
	position: absolute;
	display: inline-block;
	top: -16px;
	padding: 2px;
	right: 2px;
}

table.tabsHoriz {
	padding-left: 10px;
}
table.tabsHoriz td.cell {
	padding: 0.5em 0px;
}
table.tabsHoriz td.cell1 {
	width: 130px;
	padding: 0.5em;
}
table.tabsHoriz tr.th th {
	padding: 0.5em;
	text-align: left;
	font-weight: bold;
	border-bottom: 1px solid #5D7993;
}
table.tabsHoriz.rowsLight tr:nth-child(2n+2) {
	background: none repeat scroll 0 0 #617b92;
}

table.tabsRows {
	border-collapse: collapse;
	width: 100%;
}
table.tabsRows th {
	text-align: left;
}
table.tabsRows td {
	border-top: 1px #5D7993 solid;
}
table.tabsRows td,
table.tabsRows th {
	padding-top: 3px;
    padding-bottom: 3px;
}

table.tabsRows tr.highlight {
	background: none repeat scroll 0 0 #42586F;
}

table.tabsRows td.cell-action {
	padding-left: 15px;
}

.no-border {
	border: 0px transparent solid !important;
}

/* listTable2 */
table.listTable2 {
	background: #44607a;
	border: 1px solid #5d7993;
	margin: 0 0 10px 0;
}
table.listTable2 tr {
	border: 1px solid #5d7993;
	background: none repeat scroll 0 0 #44607A;
}
table.listTable2.nolines tr {
	border: none;
}
table.listTable2 tr.highlight {
	background: none repeat scroll 0 0 #42586F;
}
table.listTable2 th {
	background: none repeat scroll 0 0 #3d5770;
    font-weight: bold;
    padding: 0.6em;
    text-align: left;
}
table.listTable2 tr.th {
	background: none repeat scroll 0 0 #3d5770;
	border: 1px solid #678099;
}
table.listTable2 td {
    background: none repeat scroll 0 0;
/*    border: 1px solid #3b5369;*/
    padding: 0.3em;
    text-align: left;
	color: #e6e9ed;
}
table.listTable2 tr.white th, table.listTable2 tr.white td, table.listTable2 tr td.white  {
	border-bottom: 1px solid #8AA0B5;
}

table.listTable2 td.blank-cell {
	border-top: 1px #44607A solid;
}

table.listTable2 td.cell {
	padding: 10px;
}

table tr.delim td {
	font-size: 2px;
	height: 4px;
	background: #49657e;
}

th div.actions {
	float: right;
	height: 14px;
}

div.c2 {
	width: 360px;
	margin: 0 11px 10px 0;
	float: left;
}
div.c2 table.horiz {
	width: 100% !important;
}
div.c2.edge {
/*	clear: both;*/
	margin-right: 0;
}

div.table-buttons {
	float: right;
	margin-bottom: 10px;
}

.topspace {
	padding-top: 20px;
}

/* listTable3 */
table.listTable3 {
	width: 50%;
	margin: 10px;
	border-color: transparent;
}
table.listTable3 tr, table.listTable3 th, table.listTable3 td {
	border-color: #44607a;
}

/* Tabs */
.tabs .ui-tabs-panel {
	/*padding-top: 15px !important;*/
	/*padding-bottom: 15px !important;*/
}

.tabs h2 {
	padding: 10px;
	background-color: /*#4E6D89;*/ #3d5770;
	margin: 0px;
	margin-top: 10px;
}
h3 {
	background-color: /*#4E6D89;*/ #3d5770;
	font-size: 14px;
	padding: 2px 25px;
	border-top: 1px #5d7993 solid;
	margin-top: 10px;
	margin-bottom: 10px;
}
h4 {
	border-bottom: 1px #5D7993 solid;
	/* color: #30455A; */
	color: #5D7993;
}

.tabs .right-h2 {
	float: right;
	padding-top: 15px;
}
.tabs .right-h2 a {
	position: relative;
	top: 8px;
	right: 8px;
}

.tabs p {
	padding-left: 10px;
	padding-right: 10px;
	text-align: justify;
	margin: 0px;
	margin-top: 5px;
	margin-bottom: 10px;
}
span.tabs {
	padding: 6px 8px;
	text-align: justify;
	display: inline-block;
	border-right: 1px solid #5d7993;
}
span.tabs a,
span.tabs input {
	display: inline;
	border: none !important;
	padding: 0px !important;
	float: none !important;
}
.tabs ul {
	margin-left: 5px;
	margin-top: 10px;
    margin-bottom: 0px;
}
.tabs ul li {
	padding-left: 20px;
	background: url("../images/web/gadgetLi.gif") 7px 4px no-repeat;
}
.tabs hr {
	border-width: 0px;
	border-bottom: 1px #5d7993 solid;
	color: #5d7993;
	margin-top: 7px;
	margin-bottom: 7px;
}
.tabs .code {
	background-color: /*#617b92;*/ #4e6d89;
	margin: 10px;
	padding: 10px;
}
.tabs .code2 {
	background-color: #073642;
	padding: 10px;
}
.tabs code span {
	border: none;
	display: inline;
	padding: 0px;
}
.tabs .c2 {
	width: 350px;
}
.tabs .experimental {
	font-size: 10px;
	font-style: italic;
	color: #9AA5AF;
	position: relative;
	top: -4px;
}

/* Tabs2 */
.tabs2 {
	background: #44607a;
	border: 1px solid #5d7993;
	border-radius: 0 !important;
}
.tabs2 .tabs2-header {
	background: #3d5770;
}
.tabs2 .tabs2-buttons {
	display: flex;
	flex-direction: row;
	height: 30px;
	line-height: 30px;
	/* border: 1px yellow solid; */
	border-bottom: 1px solid #5d7993;
}
/* .tabs2 .tabs2-buttons:not(:last-child) {
	border-bottom: 1px solid #5d7993;
} */
.tabs2 .tabs2-buttons>span,
.tabs2 .tabs2-buttons>a,
.tabs2 .tabs2-buttons>a {
	/* border: 1px red solid; */
	padding-left: 8px;
	padding-right: 8px;
	border-right: 1px solid #5d7993;
}
.tabs2 .tabs2-buttons a,
.tabs2 .tabs2-buttons a:visited {
	text-decoration: none;
	font-weight: bold;
	/* border-bottom: 1px solid #5d7993; */
}
.tabs2 .tabs2-button-active,
.tabs2 .tabs2-button-active:visited {
	background-color: #44607a;
	border-bottom: none !important;
	height: 31px; /* removed bottom line */
}
.tabs2 .tabs2-actions-right {
	background: #3d5770;
	float: right;
	/* margin-top: 5px; */
	padding-right: 5px;
	height: 30px;
	border-bottom: 1px solid #5d7993;
	/* border: 1px red solid; */
}
.tabs2 .tabs2-actions-right > :nth-child(n) {
	/* border: 1px yellow solid; */
	display: inline-block;
	margin-top: 5px;
}
.tabs2 .tabs2-tab {
	padding: .5em;
}
.tabs2 h2 {
	padding: 10px;
	background-color: /*#4E6D89;*/ #3d5770;
	margin: 0px;
	margin-top: 10px;
}
.tabs2 .right-h2 {
	float: right;
	padding-top: 15px;
}
.tabs2 .right-h2 a {
	position: relative;
	top: 8px;
	right: 8px;
}
.tabs2 p {
	padding-left: 10px;
	padding-right: 10px;
	text-align: justify;
	margin: 0px;
	margin-top: 5px;
	margin-bottom: 10px;
}
.tabs2 hr {
	border-width: 0px;
	border-bottom: 1px #5d7993 solid;
	color: #5d7993;
	margin-top: 7px;
	margin-bottom: 7px;
}
.tabs2 .code {
	background-color: /*#617b92;*/ #4e6d89;
	margin: 10px;
	padding: 10px;
}
.tabs2 code span {
	border: none;
	display: inline;
	padding: 0px;
}
.tabs2 .c2 {
	width: 350px;
}

/* Server list */
div.server-list-wrapper {
	margin-right: -15px;
	overflow: hidden;
}
div.server-view-wrapper {
	overflow: hidden;
	margin: 0 12px 15px 0;
	/*clear: both; */
	float: left;
}

div.server-view-main {
	float: left;
	width: 360px;
}
div.server-view-main div.head {
	width: 346px;
	height: 24px;
	background: none repeat scroll 0 0 #3D5770;
	border: 1px solid #678099;
	line-height: 18px;
	font-size: 12px;
	font-weight: bold;
	padding: 6px 6px 2px 6px;
}
div.server-view-main div.body {
	border-color: #678099;
	border-style: solid;
	border-width: 0 1px 1px 1px;
	background: none repeat scroll 0 0 #44607A;
	width: 358px;
}

div.server-view-main div.actions {
	border-color: #678099;
	border-style: solid;
	border-width: 0 1px 1px 1px;
	background: none repeat scroll 0 0 #42586F;
	width: 358px;
}

div.server-view-wrapper table {
	width: 100%;
	border-spacing: 0;
}
div.server-view-wrapper table td {
	padding: 0.3em;
}
div.server-view-wrapper table td {
	width: 130px;
	padding: 0.5em;
}
div.server-view-wrapper table td {
	border-top: 1px solid #54708A;
}
div.server-view-wrapper table tr.first td {
	border-top: 0 !important;
}
div.server-view-main div.body table td.cell1,
div.server-view-main div.actions table td.cell1 {
	width: 35%;
}

div.server-view-right {
	float: left;
	margin-top: 33px;
	padding-left: 2px;
	width: 300px;
}
/*div.server-view-right div.head {
	width: 288px;
	background: none repeat scroll 0 0 #3D5770;
	font-weight: bold;
	padding: 6px 6px 2px 6px;
	border-color: #678099;
	border-style: solid;
	border-width: 1px 1px 1px 0;
	text-align: right;
}*/
div.server-view-right div.body {
	border-color: #678099;
	border-style: solid;
	border-width: 1px 1px 1px 0;
	background: none repeat scroll 0 0 #42586F;
	font-size: 11px;
}

div.server-view-right div.body table td.cell1 {
	width: 50%;
	padding-left: 1em;
}
div.server-view-right div.body td {
	padding: 0.3em;
}


/* FORMS */
input.button,
input.button-green,
input.bulk-enabled,
button.button,
button.button-green,
button.bulk-enabled,
a.button,
a.button-green {
	background: -moz-linear-gradient(top,  #f1f4f7,  #d9dce0);
	background:	-webkit-gradient(linear, left top, left bottom, from(#f1f4f7), to(#d9dce0));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f4f7', endColorstr='#d9dce0');
	border: 1px solid #455667;
	padding: 2px;
	color: #162433;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
}
a.button-green {
	text-decoration: none;
	display: inline-block;
}
.button-green.big {
	padding: 7px;
	transition: border 0.4s ease-in-out, box-shadow 0.4s ease-in-out, color 0.4s ease-in-out;
}
.button-green.big:hover {
	box-shadow: 1px 1px 5px 1px #A3E8AB;
	border: 1px #A3E8AB solid;
	color: #c5ecc9;
}
input.button:hover,
button.button:hover,
a.button:hover {
	border: 1px solid #FFFFFF;
}
input.button-green,
input.bulk-enabled,
button.button-green,
button.bulk-enabled,
a.button-green {
	background: -moz-linear-gradient(top,  #A3E8AB,  #008F11);
	background:	-webkit-gradient(linear, left top, left bottom, from(#A3E8AB), to(#008F11));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A3E8AB', endColorstr='#008F11');
	border: 1px solid #364555;
	color: #000000;
}
input.button-red,
button.button-red {
	background: -moz-linear-gradient(top,  #E8A3AB,  #8F0011);
	background:	-webkit-gradient(linear, left top, left bottom, from(#E8A3AB), to(#8F0011));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E8A3AB', endColorstr='#8F0011');
	border: 1px solid #364555;
	color: #000000;
}
select.button-small,
input.button-small,
button.button-small {
	font-size: 0.75em !important;
}
input.change,
button.change {
	padding-left: 10px;
	padding-right: 10px;
	width: auto !important;
}

input.tableSearch,
button.tableSearch {
	width: 100%;
	background: #30455A;
	border: 1px solid #30455A;
	padding: 2px 0 2px 0;
	color: #FFFFFF;
	font-size: 1em;
	-moz-border-radius: 2px 2px 2px 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
input.input-bottom-line {
	border-bottom: 1px #3b5369 solid;
}

input.input,
button.input,
select.input {
	width: 160px;
	background: #30455A;
	border: 1px solid #30455A;
	padding: 2px 4px 2px 4px;
	color: #FFFFFF;
	font-size: 1.1em;
	margin-bottom: 1px;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	box-sizing: content-box;
}
input.input[disabled], input.input[readonly],
button.input[disabled], button.input[readonly],
select:disabled, select[readonly],
textarea[disabled], textarea[readonly]  {
	color: #d0d0d0 !important;
	background: #3d3d3d !important;
}
span.input {
	background: -moz-linear-gradient(center top , #00FF00, #00AA00) repeat scroll 0 0 transparent !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#00ff00), to(#00aa00));
	background-color: #00FF00;
	color: white !important;
	border: 1px solid #30455A;
	padding: 2px 4px 2px 4px;
	color: #FFFFFF;
	font-size: 1.1em;
	margin-bottom: 1px;
	-moz-border-radius: 0px 3px 3px 0px;
	-webkit-border-radius: 0px 3px 3px 0px;
	border-radius: 0px 3px 3px 0px;
}
input.button[disabled],
button.button[disabled] {
	color: #d0d0d0 !important;
	background: -moz-linear-gradient(top,  #4C6985,  #334B61);
	background:	-webkit-gradient(linear, left top, left bottom, from(#4C6985), to(#334B61));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4C6985', endColorstr='#334B61');
	border: 1px solid #455667;
}
.ui-dialog input.input,
.ui-dialog select.input {
	background: #44607a;
    border: 1px solid #5d7993;
}
.dialog-text {
	text-align: justify;
}
.dialog-actions {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin: 10px 0px;
}

::-webkit-input-placeholder { color:#a8b5c2; font-style: italic; }
::-moz-placeholder { color:#a8b5c2; font-style: italic; } /* firefox 19+ */
:-ms-input-placeholder { color:#a8b5c2; font-style: italic; } /* ie */
input:-moz-placeholder { color:#a8b5c2; font-style: italic; }

input.tiny   { width: 25px;  } /* Max 3-digits number size */
input.tiny4  { width: 34px;  } /* Max 4-digits number size */
input.tiny5  { width: 42px;  } /* Max 5-digits number size */
input.small  { width: 75px;  } /* Date field YYYY-MM-DD size */
input.medium { width: 140px; }
input.long   { width: 210px; }
input.verylong { width: 400px; }
input.fullw  { width: 95%;   }
select.fullw { width: 95%;   }
textarea.fullw { width: 95%;   }
select.tiny { width: 25px; }
select.smaller { width: 50px; }
select.small { width: 75px; }
select.medium { width: 140px; }
select.long { width: 210px; }

table.listTable tr.search input, table.listTable tr.search select {
	font-size: 0.75em !important;
}


input.tt { font-family: monospace, sans-serif; }


select {
	background: #30455A;
	border: 1px solid #30455A;
	padding: 2px;
	color: #FFFFFF;
	font-size: 1em;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

select option {
	background: #30455A;
	color: white;
}

select.small {
	font-size: 0.75em;
	padding: 1px;
}

textarea,
.readonly,
.readonly-100 {
	width: 220px;
	background: #30455A;
	border: 1px solid #30455A;
	padding: 2px 4px 2px 4px;
	color: #FFFFFF;
	font-size: 1.1em;
	font-family: Arial, Tahoma, sans-serif;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
textarea.tt {
	font-family: monospace, sans-serif;
}

textarea.medium { width: 140px; }
textarea.long {	width: 210px; }

label[for],
input[type=radio] {
	cursor: pointer;
}

.bulk-enabled-show { display: none; }

.readonly-100 {
	width: 98%;
	min-height: 100px;
}

.image-text-onlick-title {
	margin-left: 5px;
	position: relative;
	top: -3px;
}
.image-text-onlick-title:hover {
	text-decoration: underline;
}

.text-image-onlick-title {
	margin-right: 5px;
	position: relative;
	top: -3px;
}
.text-image-onlick-title:hover {
	text-decoration: underline;
}

/* SITEMAP */
#sitemap {
	font-size: 1.2em;
	font-weight: bold;
}
#sitemap > li {
	margin-bottom: 8px;
}
#sitemap ul {
	list-style-position: inside;
	font-size: 0.8em;
	font-weight: normal;
	margin-left: 15px;
}

#newsList {
	max-height: 134px;
	overflow: auto;
}

/* OTHERS */

h1 {
    color: #E9EFF4;
    font-size: 1.6em;
	margin: 6px 0 18px 0;
}
h2 {
    color: #E9EFF4;
    font-size: 1.4em;
	margin: 10px 0 6px 0;
}

h3 {
    color: #FFFFFF;
    font-size: 1.2em;
	margin: 4px 0 3px 0;
}

p {
	margin: 10px 0 0 0;
}

a,
.as-link {
	color: #FFFFFF;
	text-decoration: underline;
}
a:hover,
.as-link:hover {
	color: #FFFFFF;
	text-decoration: none;
}

#head div.user span a {
	color: 1777BB;
	text-decoration: none;
}
#head div.user span a:hover {
	color: 1777BB;
	text-decoration: underline;
}

#foot a {
	color: #DBEEFF;
}
#foot a:hover {
	color: #DBEEFF;
}

a.small {
	font-size: smaller;
}
a.small:hover {
	font-size: smaller;
}
a.repair {
	padding-left: 20px;
	margin-left: 3px;
	padding-right: 0;
	margin-right: 0;
	background: url('../images/icons/pme-repair.png') left no-repeat transparent;
}
a.repair:hover {
	background: url('../images/icons/pme-repair-hover.png') left no-repeat transparent;
}

.icon-top {
	position: relative;
	top: 3px;
}
.icons-top img {
	position: relative;
	top: 3px;
}

.as-li {
	background: url("../images/web/li.gif") no-repeat scroll 0 2px transparent;
	padding-left: 14px;
}
a.external,
.iconExternal,
.iconExternalLeft {
	height: 17px;
	line-height: 17px;
	width: auto;
	padding-right: 16px;
	margin-right: 3px;
	background: url('../images/icons/pme-external.png') right no-repeat transparent;
}
a.external:hover,
.iconExternal {
	background: url('../images/icons/pme-external-hover.png') right no-repeat transparent;
}
a.external.imgleft,
.iconExternalLeft {
	padding-left: 20px;
	margin-left: 3px;
	padding-right: 0;
	margin-right: 0;
	background: url('../images/icons/pme-external.png') left no-repeat transparent;
}
a.external.imgleft:hover,
.iconExternalLeft:hover {
	background: url('../images/icons/pme-external-hover.png') left no-repeat transparent;
}

.iconAdd {
	height: 16px;
	line-height: 16px;
	width: auto;
	padding-left: 20px;
	margin-left: 3px;
	background: url('../images/icons/addnew.png') left no-repeat transparent;
}
.iconAdd:hover {
	background: url('../images/icons/addnew-hover.png') left no-repeat transparent;
}

.iconAdd3 {
	height: 18px;
	line-height: 18px;
	width: auto;
	padding-left: 20px;
	margin-left: 3px;
	background: url('../images/icons/addnew3.png') left no-repeat transparent;
}
.iconAdd3:hover {
	background: url('../images/icons/addnew3-hover.png') left no-repeat transparent;
}

.iconRemove {
	height: 16px;
	line-height: 16px;
	width: auto;
	padding-left: 20px;
	margin-left: 3px;
	background: url('../images/icons/remove.png') left no-repeat transparent;
}
.iconRemove:hover {
	background: url('../images/icons/remove-hover.png') left no-repeat transparent;
}

.iconAttributes {
	height: 17px;
	line-height: 17px;
	width: auto;
	padding-left: 20px;
	margin-left: 3px;
	background: url('../images/icons/pme-attributes.png') left no-repeat transparent;
}
.iconAttributes:hover {
	background: url('../images/icons/pme-attributes-hover.png') left no-repeat transparent;
}

.iconMonitoring {
	height: 18px;
	line-height: 16px;
	width: auto;
	padding-left: 20px;
	margin-left: 3px;
	background: url('../images/icons/pme-monitoring.png') left no-repeat transparent;
}
.iconMonitoring:hover {
	background: url('../images/icons/pme-monitoring-hover.png') left no-repeat transparent;
}

.iconLogs,
.iconProducts {
	height: 16px;
	line-height: 17px;
	width: auto;
	padding-left: 20px;
	margin-left: 3px;
	background: url('../images/icons/pme-logs.png') left no-repeat transparent;
}
.iconLogs:hover,
.iconProducts:hover {
	background: url('../images/icons/pme-logs-hover.png') left no-repeat transparent;
}

.iconAdvanceAmount {
	display: inline-block;
	height: 19px;
	line-height: 19px;
	width: auto;
	padding-left: 33px;
	margin-left: 3px;
	background: url('../images/icons/pme-advance-amount.png') left no-repeat transparent;
}
.iconAdvanceAmount:hover {
	background: url('../images/icons/pme-advance-amount-hover.png') left no-repeat transparent;
}

.iconUpdate {
	height: 14px;
	line-height: 14px;
	width: auto;
	padding-left: 17px;
	margin-left: 3px;
	background: url('../images/icons/pme-update.png') left no-repeat transparent;
}
.iconUpdate:hover {
	background: url('../images/icons/pme-update-hover.png') left no-repeat transparent;
}

.iconCopy {
	height: 16px;
	line-height: 16px;
	width: auto;
	padding-left: 19px;
	margin-left: 3px;
	background: url('../images/icons/pme-copy.png') left no-repeat transparent;
}
.iconCopy:hover {
	background: url('../images/icons/pme-copy-hover.png') left no-repeat transparent;
}

.iconInfo {
	display: inline-block;
	height: 17px;
	line-height: 17px;
	width: auto;
	padding-left: 20px;
	margin-left: 3px;
	background: url('../images/icons/info.png') left no-repeat transparent;
}
.iconInfo:hover {
	background: url('../images/icons/info-hover.png') left no-repeat transparent;
}

.iconInvert {
	height: 16px;
	line-height: 16px;
	width: auto;
	padding-left: 20px;
	margin-left: 3px;
	background: url('../images/icons/pme-invert.png') left no-repeat transparent;
}
.iconInvert:hover {
	background: url('../images/icons/pme-invert-hover.png') left no-repeat transparent;
}

.iconToggleExpand {
	height: 16px;
	line-height: 16px;
	width: auto;
	padding-left: 20px;
	margin-left: 3px;
	background: url('../images/icons/toggle-expand.png') left no-repeat transparent;
}
.iconToggleExpand:hover {
	background: url('../images/icons/toggle-expand-hover.png') left no-repeat transparent;
}

.iconToggleCollapse {
	height: 16px;
	line-height: 16px;
	width: auto;
	padding-left: 20px;
	margin-left: 3px;
	background: url('../images/icons/toggle-collapse.png') left no-repeat transparent;
}
.iconToggleCollapse:hover {
	background: url('../images/icons/toggle-collapse-hover.png') left no-repeat transparent;
}

.iconDocumentClose {
	height: 18px;
	line-height: 18px;
	width: auto;
	padding-left: 20px;
	margin-left: 3px;
	display: inline-block;
	background: url('../images/icons/pme-document-close.png') left no-repeat transparent;
}
.iconDocumentClose:hover {
	background: url('../images/icons/pme-document-close-hover.png') left no-repeat transparent;
}

.iconClose {
	height: 16px;
	line-height: 16px;
	width: auto;
	padding-left: 20px;
	margin-left: 3px;
	background: url('../images/icons/close_small.png') left no-repeat transparent;
}
.iconClose:hover {
	background: url('../images/icons/close_small-hover.png') left no-repeat transparent;
}

.iconURL {
	height: 16px;
	line-height: 16px;
	width: auto;
	padding-left: 19px;
	margin-left: 3px;
	background: url('../images/icons/pme-url.png') left no-repeat transparent;
}
.iconURL:hover {
	background: url('../images/icons/pme-url-hover.png') left no-repeat transparent;
}

.iconHelp {
	height: 17px;
	line-height: 18px;
	width: auto;
	padding-left: 20px;
	margin-left: 3px;
	background: url('../images/icons/help_small.gif') left no-repeat transparent;
}
.iconHelp:hover {
	background: url('../images/icons/help_small.gif') left no-repeat transparent;
}

a.tableArrowRight,
.iconArrowRight {
	height: 6px;
	line-height: 17px;
	width: auto;
	padding-left: 12px;
	margin-left: 3px;
	background: url('../images/web/arrowRight.png') left no-repeat transparent;
}

a.tableAddNew,
.iconAddNew {
	height: 17px;
	line-height: 17px;
	width: auto;
	padding-left: 20px;
	margin-left: 3px;
	background: url('../images/icons/addnew2.png') left no-repeat transparent;
}
a.tableAddNew:hover,
.iconAddNew:hover {
	background: url('../images/icons/addnew2-hover.png') left no-repeat transparent;
}
a.tableBilling,
.iconBilling {
	height: 17px;
	line-height: 17px;
	width: auto;
	padding-left: 20px;
	margin-left: 3px;
	background: url('../images/icons/pme-billing.png') left no-repeat transparent;
}
a.tableBilling:hover,
.iconBilling:hover {
	background: url('../images/icons/pme-billing-hover.png') left no-repeat transparent;
}
a.tableChange,
.iconChange {
	height: 16px;
	line-height: 16px;
	width: auto;
	padding-left: 20px;
	margin-left: 3px;
	background: url('../images/icons/pme-change.png') left no-repeat transparent;
}
a.tableChange:hover,
.iconChange:hover {
	background: url('../images/icons/pme-change-hover.png') left no-repeat transparent;
}
.iconView {
	height: 16px;
	line-height: 16px;
	width: auto;
	padding-left: 20px;
	margin-left: 3px;
	background: url('../images/icons/pme-view.png') left no-repeat transparent;
}
.iconView:hover {
	background: url('../images/icons/pme-view-hover.png') left no-repeat transparent;
}
.iconDelete {
	height: 16px;
	line-height: 16px;
	width: auto;
	padding-left: 20px;
	margin-left: 3px;
	background: url('../images/icons/pme-delete.png') left no-repeat transparent;
}
.iconDelete:hover {
	background: url('../images/icons/pme-delete-hover.png') left no-repeat transparent;
}
.iconUpload {
	height: 16px;
	line-height: 16px;
	width: auto;
	padding-left: 20px;
	margin-left: 3px;
	background: url('../images/icons/pme-upload.png') left no-repeat transparent;
}
.iconUpload:hover {
	background: url('../images/icons/pme-upload-hover.png') left no-repeat transparent;
}
.iconDownload {
	height: 16px;
	line-height: 16px;
	min-width: 16px;
	padding-left: 20px !important;
	margin-left: 3px;
	background: url('../images/icons/pme-download.png') left no-repeat transparent;
}
.iconDownload:hover {
	background: url('../images/icons/pme-download-hover.png') left no-repeat transparent;
}
.iconPDF {
	height: 14px;
	line-height: 17px;
	width: auto;
	padding-left: 20px;
	margin-left: 3px;
	background: url('../images/icons/pme-pdf.png') left no-repeat transparent;
}
.iconPDF:hover {
	background: url('../images/icons/pme-pdf-hover.png') left no-repeat transparent;
}
.iconTLD {
	height: 16px;
	line-height: 16px;
	width: auto;
	padding-left: 20px;
	margin-left: 3px;
	background: url('../images/icons/pme-tld.png') left no-repeat transparent;
}
.iconTLD:hover {
	background: url('../images/icons/pme-tld-hover.png') left no-repeat transparent;
}
.iconTicket {
	height: 18px;
	line-height: 18px;
	width: auto;
	padding-left: 20px;
	margin-left: 3px;
	background: url('../images/icons/pme-ticket.png') left no-repeat transparent;
}
.iconTicket:hover {
	background: url('../images/icons/pme-ticket-hover.png') left no-repeat transparent;
}

a.tableAddNew2 {
	height: 18px;
	line-height: 18px;
	width: auto;
	display: inline-block;
	padding-left: 20px;
	margin-left: 3px;
	background: url('../images/icons/addnew3.png') left no-repeat transparent;
}
a.tableAddNew2:hover {
	background: url('../images/icons/addnew3-hover.png') left no-repeat transparent;
}

img { border: 0; }
span.inlineImg img { vertical-align: text-bottom; }

span.newsDate {
	width: 72px;
	display: block;
	float: left;
}

li.NewsShowAll {
	background: none !important;
}

ul.li li {
	background: url("../images/web/li.gif") no-repeat scroll 0 4px transparent;
	padding-left: 14px;
}

ul.wider li {
	margin-bottom: 6px;
}

ul.sublist {
	margin: 0px;
}

div.loader {
	height: 20px;
	text-align: right;
}
div.loader img { display: none; }

div.hr {
	font-size: 10px;
	font-stretch: narrower;
	height: 10px;
}
div.hr table {
	width: 100%;
	border-spacing: 0;
	height: 10px;
	border-width: 0 !important;
}
div.hr table td {
	border: 0;
	padding: 0 2px;
	border-width: 0 !important;
}

div.box {
	border: 1px solid #5D7993;
	padding: 10px;
	background: none repeat scroll 0 0 #44607A;
	line-height: 17px;
}
div.box > p:first-of-type {
	margin-top: 0;
}

div.box > p {
	margin-bottom: 16px;
}

div.redBox {
	border: 1px solid #8F7A7A;
	background: #892A2A;
}

div.box.boxMargin {
	margin-bottom: 16px;
}

.green, a.green {
	color: #c6f8b6 !important;
}
a.green:hover {
	text-decoration: none !important;
}
.red, a.red {
	color: #ff6265 !important;
}
a.red:hover {
	text-decoration: none !important;
}

.lightRed, a.lightRed {
	color: #FFAAAA !important;
}
a.lightRed:hover {
	text-decoration: none !important;
}

.lightGreen, a.lightGreen {
	color: #00FF00 !important;
}
a.lightGreen:hover {
	text-decoration: none !important;
}

a.reverted {
	text-decoration: none;
}
a.reverted:hover {
	text-decoration: underline;
}

a.status-ok {
	background-image: url('../images/icons/small-OK.png');
	background-repeat: no-repeat;
	background-position: 3px 5px;
	padding-left: 20px !important;
}

pre.wordwrap {
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
pre.totalwrap {
	white-space: wrap;
	word-wrap: anywhere;
}
.wrap-500 {
	max-width: 500px;
	word-wrap: break-word;
}

small.tt,
span.tt,
a.tt {
	font-family: monospace;
}

.hide {
	display: none;
}
.invisible {
	visibility: hidden;
	height: 0px;
}
.no-background {
	background: none !important;
}

.visible {
	display: inline-block;
}

.right,
.cellright {
	text-align: right !important;
}

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

.big {
	font-size: 150%;
}

td.center, th.center {
	text-align: center !important;
	width: auto;
}

td.help {
	font-size: x-small;
	font-style: italic;
}

td.tt {
	font-family: "Courier New", monospace, sans-serif;
}

span.help {
	border-bottom: 1px dashed #FFFFFF;
	cursor: help;
}

span.small, .xsmall {
	font-size: x-small;
}
span.normalweight {
	font-weight: normal;
}
tt.smaller {
	font-size: smaller;
}
.cellright {
	padding-right: 10px;
}

.grey {
	color: #AFB0B3 !important;
}

.yellow {
	color: yellow !important;
}

.italic {
	font-style: italic !important;
}

.nowrap {
	white-space: nowrap;
}

.nounderline {
	text-decoration: none;
}

.bgred {
	background-color: #ff6265;
}

.missing-data {
	background-color: #ff6265;
	padding: 0px 3px;
}

.nobg {
	background: none !important;
}

.noborder {
	border: 0 !important;
}

.bold {
	font-weight: bold;
}

.pointer {
	cursor: pointer;
}

.nomargin {
	margin: 0px !important;
}

.breaker {
	clear: both;
}

.width100 {
	width: 100% !important;
}
.width98 {
	width: 98% !important;
}
.width96 {
	width: 96% !important;
}
.width75 {
	width: 75% !important;
}

.width50 {
	width: 49% !important;
}

.width40 {
	width: 40% !important;
}

.width1 {
	width: 1% !important;
}

.widthSmall {
	width: 40px !important;
}
.widthMedium {
	width: 80px !important;
}
.widthLarge {
	width: 160px !important;
}

.mt3 {
	margin-top: 3px;
}

.mt16 {
	margin-top: 16px;
}

.lh19 {
	line-height: 19px;
}

.floatRight {
	float: right !important;
}
.floatLeft {
	float: left;
}

.valignTop { vertical-align: top; }

/*
Removed by cooll
Use .gray instead

.disabled {
	color: #AAA !important;
}*/

.price {
	font-weight: bold;
}

.price-old {
	/*font-weight: bold;*/
	text-decoration: line-through;
}

/* Override default value */
input.default-value {
	color: gray;
}

.table-space {
	clear: both;
	padding-bottom: 10px;
}

/* qTip Dynamic Width - http://ix.sk/RYOqx */
.qtip { max-width: none !important; }

/* Popup info balloon */
span.popup-info,
span.popup-info2,
span.tooltip {
	text-decoration: none;
	border-bottom: 1px dotted white;
}
span.popup-info2 {
	cursor: help;
	text-decoration: none;
	border-bottom: 1px dotted white;
}

.iconExpand {
	background-image: url("../images/web/menuExpand.png");
	background-repeat: no-repeat;
	width: 11px;
	height: 16px;
}

.version-link {
	float: right;
}

.version-link img {
	padding-bottom: 2px;
	padding-right: 2px;
}

/* Cart */

#update_cart_button input,
.button-green2 {
	background: -moz-linear-gradient(center top , #00FF00, #00AA00) repeat scroll 0 0 transparent !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#00ff00), to(#00aa00)) !important;
	background-color: #00FF00;
	color: white !important;
}

/* Invoice */
.invoice-post {
	display: inline-block;
	float: right;
}

.table-navigation {
	display: inline-block;
	position: relative;
	float: right;
	top: -10px;
	right: 0px;
	margin: 0px;
	padding:0px;
}

#subnavigation {
	text-align: right;
	border: 1px #3b5369 solid;
	margin-bottom: 20px;
	background-color: #44607A;
	padding: 5px 10px;
}

.content-top-right {
	top: 0px;
	right: 0px;
	position: absolute;
	float: right;
	padding: 0px;
	padding-right: 15px;
	text-align: right;
	vertical-align: top;
}
.content-top-right .leftspace {
	padding-left: 20px;
}

.archive-hide,
.contractor-hide,
.customer-hide
{
	display: none;
	border-top: 0px black solid !important;
}

.archive-row td {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

.archive-row .row-space {
	height: 10px;
	display: block;
}
.invoice-preview-pagination,
.expense-preview-pagination {
	display: flex;
}
.invoice-preview-pagination-label,
.expense-preview-pagination-label {
	line-height: 20px;
}
.invoice-preview-pagination-buttons,
.expense-preview-pagination-buttons {
	width: 100%;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	align-content: stretch;
	flex-direction: row;
}
.invoice-preview-page-box,
.expense-preview-page-box {
	background-color: #49657e;
	border: 1px solid #3b5369;
	min-width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	margin-left: 5px;
	cursor: pointer;
	flex: 1;
}

/* Logs */
td.logs-value pre {
	overflow-x: auto;
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
}


/* Reports */
.info {
	background-image: url('../images/icons/info.png');
	background-repeat: no-repeat;
	padding-left: 25px;
	min-height: 20px;
}
.ok {
	background-image: url('../images/icons/ok.png');
	background-repeat: no-repeat;
	padding-left: 25px;
	min-height: 20px;
}
.ok-yellow {
	background-image: url('../images/icons/small-OK-yellow.png');
	background-repeat: no-repeat;
	padding-left: 25px;
	min-height: 20px;
}
.ok-red {
	background-image: url('../images/icons/small-OK-red.png');
	background-repeat: no-repeat;
	padding-left: 25px;
	min-height: 20px;
}
.warn {
	background-image: url('../images/icons/warn.png');
	background-repeat: no-repeat;
	padding-left: 25px;
	min-height: 20px;
}
.warn-red {
	background-image: url('../images/icons/warn-red.png');
	background-repeat: no-repeat;
	padding-left: 25px;
	min-height: 20px;
}
.err {
	background-image: url('../images/icons/error.png');
	background-repeat: no-repeat;
	padding-left: 25px;
	min-height: 20px;
}
.none {
	background-image: url('../images/icons/small-NONE.png');
	background-repeat: no-repeat;
	padding-left: 25px;
	min-height: 20px;
}
.report-highlight {
	background-color: yellow;
	font-weight: bold;
}
.report-line {
	border-width: 0px;
	border-bottom: 1px  white solid;
	margin-top: 3px;
	margin-bottom: 5px;
}
.c3-tooltip-container {
	color: black;
	opacity: 1;
	background: #333333;
	border: 1px solid;
}
.c3-ygrid-line.zeroline line {
    stroke: #333333;
}
.c3-ygrid-line.zeroline text {
	fill: #000000;
	font-weight: bold;
}

/* Switch */
div.switch,
div.SmartSwitch,
div.switch-js {
	background: #30455A;
	border: 1px solid #30455A;
	color: #FFFFFF;
	font-size: 1.1em;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	display: inline-block;
	padding: 3px;
	margin-bottom: 5px;
	margin-top: 5px;
}

div.switch a,
div.switch a:visited,
div.SmartSwitch a,
div.SmartSwitch a:visited,
div.switch-js a,
div.switch-js a:visited {
	text-decoration: none;
}

div.SmartSwitch div,
div.switch-js .switch-js-item {
	cursor: pointer;
}

div.switch div,
div.SmartSwitch div,
div.switch-js .switch-js-item {
	display: inline-block;
	padding: 5px;
}

div.switch div.selected,
div.SmartSwitch div.selected,
div.switch-js div.selected {
	/* background: -moz-linear-gradient(center top , #00FF00, #00AA00) repeat scroll 0 0 rgba(0, 0, 0, 0) !important; */
	background: linear-gradient(to top , #00FF00, #00AA00) !important;
	color: #FFFFFF;
	/*-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px;*/
	border-radius: 3px;
}

/* PaymentGateway */
.payment-button-desc {
	font-size: 8pt;
}

.expand-open,
.expand-close {
	background-image: url(../images/web/gadgetExpand.gif);
	background-repeat: no-repeat;
	width: 10px;
	height: 10px;
	display: inline-block;
	cursor: pointer;
}

.expand-open {
	background-position: 0px 4px;
}

.expand-close {
	background-position: 0px -8px;
}

.note {
	font-size: 10px;
	font-weight: normal;
}

/*
 * Checkboxes and radio buttons the same size as text
 * https://stackoverflow.com/questions/306924/can-i-change-the-checkbox-size-using-css?rq=1
 */

label{
	position: relative;
	line-height: 1.4;
}
/* radio */
input.for-label[type=radio] {
	width: 1em;
	font-size: inherit;
	margin: 0;
	transform: translateX(-9999px);
}
input.for-label[type=radio]+ label:before {position: absolute;
	content: '';
	left: -1.3em;
	top: 0;
	width: 1em;
	height: 1em;
	margin: 0;
	border:none;
	border-radius: 50%;
/*	background-color: #bbbbbb; */
}
input.for-label[type=radio] + label:after {
	position: absolute;
	content: '';
	left: -1.3em;
	top: 0;
	width: 1em;
	height: 1em;
	margin: 0;
	border: none;
	background-color: white;
	border-radius: 50%;
	transform: scale(0.8);
}
/*checked*/
input.for-label[type=radio]:checked + label:before {
	position:absolute;
	content:'';
	left: -1.3em;
	top: 0;
	width: 1em;
	height: 1em;
	margin: 0;
	border: none;
/*	background-color: #3b88fd; */
}
input.for-label[type=radio]:checked + label:after {
	position: absolute;
	content: '';
	left: -1.3em;
	top: 0;
	width: 1em;
	height: 1em;
	margin: 0;
	border: none;
	background-color: white;
	border-radius: 50%;
	transform: scale(0.3);
}
/*focused*/
input.for-label[type=radio]:focus + label:before {
	border: 0.2em solid #8eb9fb;
	margin-top: -0.2em;
	margin-left: -0.2em;
	box-shadow: 0 0 0.3em #3b88fd;
}


/*checkbox/*/
input.for-label[type=checkbox] {
	width: 1em;
	font-size: inherit;
	margin: 0;
	transform: translateX(-9999px);
}
input.for-label[type=checkbox] + label:before {
	position: absolute;
	content: '';
	left: -1.3em;
	top: 0;
	width: 1em;
	height: 1em;
	margin: 0;
	border:none;
	border-radius: 10%;
	background-color: #ddd;
}
input.for-label[type=checkbox] + label:after {
	position: absolute;
	content: '';
	left: -1.3em;
	top: 0;
	width: 1em;
	height: 1em;
	margin: 0;
	border: none;
	background-color: #ddd;
	border-radius: 10%;
	transform: scale(0.8);
}
/*checked*/
input.for-label[type=checkbox]:checked + label:before {
	position:absolute;
	content:'';
	left: -1.3em;
	top: 0;
	width: 1em;
	height: 1em;
	margin: 0;
	border: none;
	background-color: white;
	content: "■";
}
input.for-label[type=checkbox]:checked + label:after {
	position: absolute;
	content: "\2713";
	left: -1.3em;
	top: 0;
	width: 1em;
	height: 1em;
	margin: 0;
	border: none;
	background-color: white;
	border-radius: 10%;
	color: black;
	text-align: center;
	line-height: 1;
	content: "■";
}
/*focused*/
input.for-label[type=checkbox]:focus + label:before {
	border: 0.1em solid #8eb9fb;
	margin-top: -0.1em;
	margin-left: -0.1em;
	box-shadow: 0 0 0.2em #3b88fd;
	content: "■";
}

/**
 * Images as radiobuttons
 */
 .as-image[type=radio] {
	position: absolute;
	opacity: 0;
  }
  .as-image[type=radio]+img {
	cursor: pointer;
	margin-right: 0.5rem;
	border: 3px solid transparent;
  }
  .as-image[type=radio]:checked + img {
	/*outline: 5px solid orange;*/
	padding: 0px 3px;
	border: none;
    border-top: 3px solid #00FF00;
    border-bottom: 3px solid #00AA00;
	border-radius: 3px;
    background-image:
        linear-gradient(#00FF00, #00AA00),
        linear-gradient(#00FF00, #00AA00)
    ;
    background-size:3px 100%;
    background-position:0 0, 100% 0;
    background-repeat:no-repeat;
  }

/**
 * Password JS Utils
 */
.password-generator-button {
	background-image: url(../images/icons/pme-lock.png);
	background-repeat: no-repeat;
	background-position: 5px 3px;
	display: inline-block;
	width: 20px;
	height: 16px;
	cursor: pointer;
}
.password-generator-button:hover {
	background-image: url(../images/icons/pme-lock-hover.png);
}
.password-view-button {
	background-image: url(../images/icons/pme-view.png);
	background-repeat: no-repeat;
	background-position: 5px 3px;
	display: inline-block;
	width: 20px;
	height: 16px;
	cursor: pointer;
	margin-left: -25px;
}
.password-view-button:hover {
	background-image: url(../images/icons/pme-view-hover.png);
}
.password-view-button-hide {
	background-image: url(../images/icons/pme-hide.png);
}
.password-view-button-hide:hover {
	background-image: url(../images/icons/pme-hide-hover.png);
}
.password-meter-indicator {
	display: block;
	/*border: 1px #5D7993 solid;*/
	vertical-align: middle;
	width: auto;
	height: auto;
	margin-left: 0px;
}
.password-meter-level-1,
.password-meter-level-2,
.password-meter-level-3,
.password-meter-level-4 {
	width: 25%;
	height: 3px;
	background-color: #30455A;
	display: inline-block;
	margin-bottom: 1px;
	transition: background 1s;
}
.password-meter-indicator-level-0 {
}
.password-meter-indicator-level-1 .password-meter-level-1 {
	background-color: red;
}
.password-meter-indicator-level-2 .password-meter-level-1,
.password-meter-indicator-level-2 .password-meter-level-2 {
	background-color: orange;
}
.password-meter-indicator-level-3 .password-meter-level-1,
.password-meter-indicator-level-3 .password-meter-level-2,
.password-meter-indicator-level-3 .password-meter-level-3 {
	background-color: yellow;
}
.password-meter-indicator-level-4 .password-meter-level-1,
.password-meter-indicator-level-4 .password-meter-level-2,
.password-meter-indicator-level-4 .password-meter-level-3,
.password-meter-indicator-level-4 .password-meter-level-4 {
	background-color: #47a752; /* green */
}

/**
 * Input tools
 */
.input-length-meter-label {
	margin-left: 3px;
	position: absolute;
	margin-top: 4px;
	font-size: 11px;
}

/**
 * Trips
 */
.trip-meals-radiobuttons label span {
	display: none;
}
.trip-meals-radiobuttons:hover label span {
	display: inline;
}

.loadmore-block {
	margin-top: 30px;
}

/**
 * Bottom Messages
 */
.bottom-messages {
	position: fixed;
	bottom: 0px;
	width: 100%;
}
.bottom-message-info,
.bottom-message-ok,
.bottom-message-warning,
.bottom-message-error {
	text-align: center;
	padding: 10px 0px;
	color: white;
}
.bottom-message-info {
	background-color: rgba(32, 134, 223, 0.9);
}
.bottom-message-ok {
	background-color: rgba(71, 167, 82, 0.9);
}
.bottom-message-warning {
	background-color: rgba(209, 170, 97, 0.9);
}
.bottom-message-error {
	background-color: rgba(167, 71, 82, 0.9);
}

/**
 * Progress Bar
 */
.progress-bar-cover {
	background-color: #30455A;
	border: 1px #8eb9fb solid;
	width: 100%;
	height: 20px;
}
.progress-bar-scroll {
	position: relative;
	background-color: #3b88fd;
	height: 20px;
	top: -20px;
	width: 0%;
	transition: width 1s;
	z-index: 1;
}
.progress-bar-label {
	position: relative;
	color: white;
	font-size: 13px;
	line-height: 20px;
	width: 100%;
	text-align: center;
	z-index: 2;
}

/**
 * Progress Line
 */
 .progress-line-cover {
	background-color: #30455A;
	border: none;
	width: 100%;
	height: 1px;
}
.progress-line-scroll {
	position: relative;
	background-color: #3b88fd;
	height: 1px;
	width: 0%;
	transition: width 1s;
	z-index: 1;
}

/**
 * Ticket
 */
 .ticket-content-plain,
 .ticket-content-html {
	overflow: auto;
	max-width: 680px;
	padding: 10px;
}
.ticket-content-html {
	background-color: white;
	color: black;
	max-height: 800px;
}
.ticket-content-html * {
	all: revert !important;
}
.ticket-attachment .image-preview {
	text-align: center;
}
.ticket-attachment .image-preview img {
	max-width: 100%;
}
.ticket-content-iframe {
	width: 100%;
	height: 90vh;
	background-color: white;
	color: black;
}

/**
 * Highlight on mouse over for common elements
 */
.highlight-active {
	background: none repeat scroll 0 0 #3b88fd !important;
	transition: background 1s;
}
.highlight-active .grey{
	color: #e2e3e5 !important;
	transition: color 1s;
}

/**
 * Pattern in inputs
 */
.pattern-invalid {
	border: 1px red solid !important;
}

/**
 * Stats and charts
 */
.chart {
	min-height: 400px;
}
.chart-loader {
	position: relative;
	top: 190px;
	left: 360px;
	display: block;
}
.stats-no-data {
	color: white;
	font-size: 20px;
	position: relative;
	top: -210px;
	text-align: center;
	/*width: 95%;*/
	display: block;
}

/**
 * GEO map
 */
#map_dialog {
	background-color: #44607a;
}
#map_dialog_countries {
	height: 120px;
	overflow: auto;
	float: right;
	width: 45%;
}
.map-dialog-country-name {
	top: -5px;
	position: relative;
}
.geomap-flags-box {
	display: inline-block;
	margin-right: 10px;
}
.geomap-edit-button {
}
.geomap-label {
	margin-left: 10px;
}
.geomap-flag {
	margin-left: 0px !important;
}
.geomap-flag-country-name {
	position: relative;
	top: -3px;
	margin-left: 5px;
}

/**
 * Web domain
 */
.table-restrictions .flag {
	margin-left: 10px;
}
.table-restrictions .flag-country-name {
	top: -3px;
	position: relative;
	padding-left: 5px;
}
.usernames-user-box {
	margin-right: 20px;
	display: inline-block;
}
.usernames-name {
	position: relative;
	top: -4px;
	padding-left: 3px;
}

/**
 * Pager
 */
.pager {
	display: flex;
	flex-direction: row;
}
.pager .label {
	height: 20px;
	line-height: 20px;
}
.pager .pages {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.pager .page {
	width: 20px;
	height: 20px;
	line-height: 20px;
	border: 1px #5d7993 solid;
	color: white;
	text-align: center;
	margin: 0px 5px;
	margin-bottom: 10px;
	cursor: pointer;
}
.pager .page:hover,
.pager .page.selected {
	/* background-color: #1777BB; */
	background-color: white;
	color:#5d7993;
}

/**
 * Loader after click
 */
.loader-after-click {
	/* border: 1px red solid; */
	display: inline-block;
	position: absolute;
	text-align: center;
	/* background-color: rgba(125,125,125,0.3); */
	backdrop-filter: blur(1px);
}
.loader-image {
	display: inline-block;
	width: 16px;
	height: 16px;
	background-image: url(../images/web/ajax-loader.gif);
	background-repeat: no-repeat;
}

/**
 * Lock for record
 */
.lock-description {
	margin-bottom: 10px;
	background-color: #44607a;
	border: 1px solid #5D7993;
	padding: 5px;
	padding-left: 30px;
	background-image: url(../images/icons/info.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
}

/**
 * Pagination
 */
.pagination {

}
.pagination a,
.pagination a:visited {
	background-color: #49657e;
	border: 1px solid #3b5369;
	padding: 4px 8px;
	text-decoration: none;
	margin-left: 10px;
	display: inline-block;
	margin-bottom: 10px;
}
.pagination .page-selected {
	background-color: #6389aa !important;
}

/**
 * Dot symbol
 */
.dot-before {
	position: absolute;
	margin-left: -10px;
	margin-top: 5px;
}
.dot-green {
	background-color: #00FF00;
	width: 5px;
	height: 5px;
	display: inline-block;
	border-radius: 50%;
}

/**
 * Switch button
 */
.switch-button {
	display: inline-block;
	cursor: pointer;
	background-color: #073642;
	width: 32px;
	height: 16px;
	border-radius: 10px;
	border: 1px #3D5770 solid;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: black;
	border-top-color: black;
}
.switch-button-lever {
	width: 9px;
	height: 9px;
	background-color: /* #44607A; */ #AAA;
	border-radius: 12px;
	border: 1px #666 solid;
	position: relative;
	top: 2px;
	left: 3px;
	/* border-left-color: #666;
	border-top-color: #666;
	border-right-color: #333;
	border-bottom-color: #333; */
	box-shadow: 2px 0px 1px black;
	transition: left 0.5s, background-color 0.5s, box-shadow 0.5s;
}
.switch-button-lever-on {
	left: 17px;
	box-shadow: -2px 0px 1px black;
	background-color: /* #44607A; */ #FFF;
}

/**
 * Bank batch prepare
 */
.key-value {
	display: flex;
	flex-direction: row;
	width: 100%;
	/* border: 1px red solid; */
}
.key-value div {
	padding-left: 5px;
	/* white-space: nowrap; */
	/* border: 1px green solid; */
}
.key-value > div:nth-of-type(1) {
	width: 30%;
	font-size: 9px;
	/* background-color: #666; */
}
.key-value > div:nth-of-type(2) {
	width: 70%;
	background-color: #666;
}
.key-value:hover div {
	background-color: #1777BB;
}

/**
 * CKeditor
 */
.ck-editor__top,
.ck-editor__main {
	width: 600px !important;
}
.ck-content {
	color: black;
}
.ck-content a,
.ck-content a:visited {
	color: #1777BB;
	text-decoration: none;
	cursor: pointer;
}
.ck-content a:hover {
	text-decoration: underline;
}

/*
 vim600: fdm=marker fdl=0 fdc=3
 */