.main-color {
	color: var(--main-color);
}
.bg-main-color {
	background-color: var(--main-color);
}
.link-color {
	color: var(--link-color);
}
.highlight-color {
	color: var(--highlight-color);
}
.highlight-color-hover:hover {
	color: var(--highlight-color);
}
.bg-highlight-color {
	background-color: var(--highlight-color);
}
.bg-highlight-color-hover:hover {
	background-color: var(--highlight-color);
}
.select-color {
	color: var(--select-color);
}
.bg-select-color {
	background-color: var(--select-color);
}
.select-color-hover:hover {
	color: var(--select-color);
}
.bg-select-color-hover:hover {
	background-color: var(--select-color);
}
.border-color {border-color: var(--border-color); }
.bg-header-color {
	background-color: var(--header-background);
}
.title-color{
	color: var(--title-color);
}

::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: rgba(0,0,0,0.25);
}
::-webkit-scrollbar-thumb:hover {
    background: rgba(0,0,0,0.50);
}
::-webkit-scrollbar-track {
	border-radius: 10px;
	background-color: #cccccc;
}
::-moz-scrollbar {
	width: 8px;
	height: 8px;
}
::-moz-scrollbar-thumb {
    border-radius: 10px;
    background: rgba(0,0,0,0.25);
}
::-moz-scrollbar-thumb:hover {
    background: rgba(0,0,0,0.50);
}
::-moz-scrollbar-track {
	border-radius: 10px;
	background-color: #cccccc;
}

/* ie8 a text-decoration*/
a {text-decoration: none;}
/*gia kalamaria de theloume to important sto email gt blepei mono esoteriko diktio*/
/*TOTE AUTOS POU TO EBALE NA TO BALEI MONO GIA THN KALAMARIA!*/
/*#mailImportantSpan{display:none;}*/
/* styling a href in the modals */
.dialog .tableSmsForm a{color: var(--main-color);}
.dialog .tableSmsForm a:hover {color: #69f;}
/* info and warning tips */
.smalltip {text-align:center;padding:5px 10px;font-size:11px;font-style:italic}
/*.info-tip {background:#FFFBE6;border:1px dashed #F2EBC5; color:#C2AE44}*/
/*.warning-tip {background:#FAE0E0;border:1px dashed #F0C8C8; color:#D05F5F}*/
.info-tip {background:#FFFBE6;border:1px solid var(--panel-border);border-radius:3px;color:#C2AE44}
.warning-tip {background:#FAE0E0;border:1px solid var(--panel-border);border-radius:3px;color:#D05F5F}

.chatWidget{display:none;}
th.firstth .table-checkbox + label {
/*border-color:#b2b2b2!important;*/
}

.table-checkbox {
	display: none;
}
#webViewViewGrouping #_group3{display:none;}
.table-checkbox + label {
    background-color: #fff;
	/*border: 1px solid var(--edit-border);*/
	border-color: var(--edit-border);
	border-style: solid;
	border-width: 2px 2px 2px 2px;
    cursor: pointer;
    display: none;
    height: 16px;
    position: relative;
    width: 16px;
	border-radius: 3px;
}

.list-check > .table-checkbox + label {
	display: inline-block;
}

.width10 > .table-checkbox + label {
	display: inline-block;
}

.iconTd.firstTd:hover > .table-checkbox + label {
    display: inline-block;
}

thead > tr > th:first-child label {
	display: inline-block !important;
 }

.regular-checkbox + label:active, .table-checkbox:checked + label:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.table-checkbox[checked] + label:after {
    /*content: '\e81a'; /*url("/app/resources/checkedtable.png");*/
    content: '\e97d';
    font-size: 12px;
	font-family: fontello;
    left: 4px;
    position: absolute;
    top: 0px;
	color: #fff;
}
.table-checkbox[checked] + label {
    background-color: var(--select-color);;/*#5c99d6; /*#777; /*#69c; /*#fa7;*/
    border-color: var(--select-color);;/*#5c99d6; /*555; /*#369; /*var(--select-color);*/
    color: #FFFFFF;
}
#logarea{clear:both;}
.colorNotice {font-size:13px}
.colorNotice span{font-weight:bold;font-size:13px;color:#F8941E}
.chatTab{
    border-left: 1px solid #B8CFE5;
    border-right: 1px solid #B8CFE5;
    border-top: 1px solid #B8CFE5;
    border-radius: 3px 3px 0 0;
    padding: 1px 2px;
	cursor:pointer;
	display:inline-block;
	position:relative;
	height:16px;
	z-index:10
}
.SearchBarToggleTogether>span{display:inline-block;height:16px;width:32%;}
.SearchBarToggleTogether{padding:3px;display:none;}
.chatTab  a{
text-decoration:none;
color:#444466;
padding-left: 4px;
padding-right: 4px;
}
.chatTab  a:hover{
      background:#FFE0A0;
/*background:url("app/system/images/gradientBackround.png") repeat scroll 0 -3px #FFE0A0;*/
}
.chatTabSel{
      background:#FFE0A0;
    /*border-bottom:1px solid #FFE0A0;
	background:url("app/system/images/gradientBackround.png") repeat scroll 0 -3px #FFE0A0;*/
}
.chatTabCont{
	margin-top: 2px;
	overflow:hidden;
}
.chatBotBord{
    border-bottom: 1px solid #B8CFE5;
    position: relative;
    top: 19px;
    z-index: 2;
}
.chatTabSep{
	width:2px;
	display:inline-block;
}
.chatRoomContainer{
    /*border-bottom: 1px solid #B8CFE5;*/
    /*height: 291px;*/
	min-height: 225px;
    clear:both;
}
.chatActiveUsrs{
    font-size: 11px;
	cursor:pointer;
    margin: 0;
    overflow: auto;
    padding: 5px 5px 5px 0;
	margin:0;
}
.chatMsgArea{
	margin-top:1px;
	margin-bottom:1px;
    border: 1px inset #FFC050;
    width: 176px;
	resize:none;/*gia chrome*/
	height:47px !important;
}
.roomArea{
    font-size: 11px;
    height: 200px;
    overflow: auto;
    z-index: 1000;
}
.roomArea .history{
color: #999999;
}
.roomArea .alert{
font-weight: bold;
color: red;
}
.roomArea .systemMsg{
font-weight: bold;
color: orange;
}
.roomArea .usersname{
color: #27aae1;
font-weight: bold;
}
.seleChTab{
	color: red;
	font-weight: bold;
	display: block;
}
#chatUsers{
padding:0;
list-style-type: none;
overflow: hidden;
height:15px;
width:200px;
display:inline-block;
}
.chatUsersDiv{
border-bottom: 1px solid #B8CFE5;
width: 100%;
padding-bottom: 3px;
padding-top: 5px;

}
#expandUsers{
cursor:pointer;
margin-right: 5px;
height: 16px;
vertical-align:top;
}
.chatFixedBut{
width:60px;
min-width:auto !important;
margin:1px;
}
.blinking{
background:url("app/system/images/gradientBackround.png") repeat scroll 0 -3px #F7931D !important;
}
.chatScrollers{
font-size: 11px;
height: 200px;
width:10px;
cursor:pointer;
}
.scrlCenter{
position:relative;
top:50%;
}
#theRenderer{
    position:fixed;
    top:-500000px;
    left:-500000px;
}
#optionsBar .menuUl li{width:100px;border-width:0px 1px 0px 1px;}
.pageWrapper{
	/*margin:0 auto;*/
	min-width:990px;/* display:table; */
	width: 100%; /*calc(100% - 36px);*/
	table-layout:fixed;
	background:var(--general-background);
	padding-top: 56px; /*102px; /*100px; /*100px; /*94px; /*90px; /*88px; /*100px;*/
	padding-left: 0px; /*36px;*/
	padding-bottom: 10px;
}
.topAreaWrapper{background: none repeat scroll 0 0 #79c;height: 40px;width: 100%;position:fixed;z-index:100}
.footerWrapper{display:none;background: #eee;text-align:center;width: 100%;/*padding:0 15%;*/box-sizing:border-box;-moz-box-sizing:border-box;}
.mainAreaWrapper {}

#rightMenu {position:absolute; top:200px; right:0px; width: 50px;}
#rightMenu li{cursor: pointer;}
#rightMenu i:before {
	display: inline-block;
    width: 45px;
    height: 45px;
    margin-right: 5px;
    content: "";
    background-size: 100%;
}
#rightMenu i:hover:before {
	display: inline-block;
    width: 45px;
    height: 45px;
    margin-right: 5px;
    content: "";
    background-size: 100%;
}
#rightMenuSearchIcon:before {
	background : url('../../app/resources/search_img.png') no-repeat 0 0;
}
#rightMenuSearchIcon:hover:before {
	background : url('../../app/resources/search_img_hover.png');
}
#rightMenuChatIcon:before {
	background : url('../../app/resources/contact_img.png');
}
#rightMenuChatIcon:hover:before {
	background : url('../../app/resources/contact_img_hover.png');
}
.right-menu-bar-help-icon:before {
	background : url('../../app/resources/help_img.png');
}
.right-menu-bar-help-icon:hover:before {
	background : url('../../app/resources/help_img_hover.png');
}
#rightMenuNewMailIcon:before {
	background : url('../../app/resources/mail_img.png');
}
#rightMenuNewMailIcon:hover:before {
	background : url('../../app/resources/mail_img_hover.png');
}
#rightMenuNewTaskIcon:before {
	background : url('../../app/resources/task_img.png');
}
#rightMenuNewTaskIcon:hover:before {
	background : url('../../app/resources/task_img_hover.png');
}
#rightMenuLogoutIcon:before {
	background : url('../../app/resources/exit_img.png');
}
#rightMenuLogoutIcon:hover:before {
	background : url('../../app/resources/exit_img_hover.png');
}
.rightMenuDivider {
	border-bottom: 3px solid rgba(41, 184, 239, 1);
}
.centerAreaWrapper {
	margin-left: 50px;
	padding: 0;
	border-width: 0px 0px 0px 0px;
	border-style:solid;
	border-color: var(--mainborder-color);
	/*min-height:550px;*/
	min-height:calc(100vh - 124px);
	border-radius: 5px;
	width: calc(100% - 100px);
	/*background: var(--unit-background);*/
}

/*
.centerAreaWrapper.toLeft {
	margin-left: 15px;
}
.centerAreaWrapper.toRight {

.centerAreaWrapper.maximized {
	width: calc(100% - 80px);
}
.centerAreaWrapper.toRight.maximized {
	margin-left: 35px;
}
*/

.headerWrapper{clear:both; height:40px; background:var(--main-color); color: #FFF; text-align: center; line-height: 40px;} /*font-weight:bold}*/

.centralMenu { float:right;font-size:16px;}
.mainMenuWrapper{height:40px;background:#79c;clear: both;border:none;box-sizing:border-box;-moz-box-sizing:border-box;width:100%;margin:0 auto;}
.topSeparator{height:3px;width:100%;clear:both;margin:0px; background:#000;} /*#FFB000;  58A*/

/*.leftColumnWrapper{float:left;width:65px;margin-top:4px;display:block;}*/

.leftColumnWrapper{
	top:44px; /*72px;*/
	position:absolute;
	left:44px;
	width:300px; /*250px; /*240px;*/
	min-height:calc(100vh - 44px);
	max-height:calc(100vh - 44px);
	height:calc(100vh - 44px);
	/*background:#fff;*/
	background:var(--general-background);
	/*border:1px solid #DEE2E5;*/
	padding:0px;
	z-index:11;
	border-color: var(--border-color);
	border-style: solid;
	border-width: 0px 1px 0px 0px;
	/*border-radius: 4px 0px 0px 0px;*/
	/*overflow-x:scroll;*/
	/*overflow-x:auto;
	overflow-x:auto;*/
	display: none;
	box-shadow: 5px 10px 10px 0px rgba(0, 0, 0, 0.3);
}

.leftColumnToolbar{
	top:44px; /*72px;*/
	left:-60px;
	position:absolute;
	width:44px;
	min-height:calc(100vh - 44px);
	max-height:calc(100vh - 44px);
	height:calc(100vh - 44px);
	background: var(--toolbar-background);
	border-right: 0px solid var(--light-color);
	padding:0px 0px 0px 0px;/*16px 10px 0px 8px;*/
	margin:0px;
	/*box-shadow: 0px 0px 0px 1px rgba(128, 128, 128, 0.12);*/
	/*box-shadow: 0px 10px 20px 10px rgba(128, 128, 128, 0.12), 0px 5px 10px 5px rgba(128, 128, 128, 0.08);*/
	display: none;
	z-index:90;
}

.rightColumnWrapper,.infoRightBlock{
	top:82px;
	position:absolute;
	right:40px;
	width:250px; /*250px; /*240px;*/
	min-height:calc(100vh - 82px);
	max-height:calc(100vh - 82px);
	height:calc(100vh - 82px);
	background:var(--lightgray-color);
	/*border:1px solid #DEE2E5;*/
	padding:0px;
	z-index:10;
	border-color: var(--border-color);
	border-style: solid;
	border-width: 0px 0px 0px 0px;
	/*border-radius: 4px 0px 0px 0px;*/
	/*overflow-x:scroll;*/
	/*overflow-x:auto;
	overflow-x:auto;*/
	display: none;
}

.rightColumnToolbar{
    width: calc(100vh - 150px);
	height: 30px;
	top: 80px;
	position: fixed;
	right: calc(181px - 100vh); /*-400px;*/
	/*width:40px; /*250px; /*240px;*/
	/*min-height:calc(100vh - 82px);
	/*background:var(--lightgray-background);*/
	/*background:var(--topbar-background);*/
	/*border-left: 1px solid #eee;*/
	padding:0px;
	margin:0px;
	display: none;
	/*box-shadow: 0px 0px 0px 1px rgba(128, 128, 128, 0.2);*/
    transform: rotate(-90deg) translate(-100%, 50%);
    transform-origin: 0 50%;
	z-index: 10;
	display: flex;
 	flex-wrap: wrap;
	flex-direction: row;
    justify-content: space-between;
}

.rightColumnWrapper.minimized {
	/*width: 40px;
	background: var(--topbar-background); */
	display: none;
}

.unitHandlerToolbar {
	position: absolute;
	top: 60px;
	right: 0px;
	width: 28px;
	/* background: var(--mediumgray-background); */
	border: 0px solid var(--light-color);
	border-radius: 4px 0px 0px 4px;
	padding: 2px 0px 2px 2px;
}

/* .unitHandlerToolbar:hover {
	background: var(--highlight-color);
} */

.unitHandlerToolbar .icon-unit-close:before {
	color: #fff;
}

#appSearch {
	position: absolute;
    left: 48px;
    top: -10px;
    height: 48px;
    width: 277px;
    text-indent: 5px;
    z-index: 10;
	background: none !important;
	border: none !important;
}

#appSearchWrapper{
	height: 80px;
    position: absolute;
    width: 300px;
    z-index: 11;
}

.appNone {
	display:none;
}

/*
@media all and (max-width: 1679px) {
	.centerAreaWrapper {
		width: 1200px;
	}
	.rightColumnWrapper,.infoRightBlock{
	}
}

@media all and (max-width: 1365px) {
	.centerAreaWrapper{
		width: 1100px;
	}
}

@media all and (max-width: 1279px) {
	.centerAreaWrapper {
		width: 1000px;
	}
}
*/

/** Top Bar Responsiveness - FINISH **/

#secretInfo{display:none}

#secretInfo1,#videoChat{	display:none;margin-top: 20px;	width:100%;	-moz-box-sizing:border-box;	box-sizing:border-box;}

/*********** some hightlights and helper classes for new forms 14/01/2014 ***************/
.highlightGreen {color:#11AE6F}
.important-txt {font-weight:bold!important}
.highlightOrange{color:#E16565;}
.light-back {background:#f3f3f3;}
.percentageCircle {display:inline-block!important}
.no-margin {margin:0px!important;}
.top-align {vertical-align:top !important;}
.middle-align {vertical-align:middle;}

.inline-space {display:inline-block;width:10px!important;}

/* creates a nice tip as a third input in the forms */
.required-field {color:red;}
.dif-block {
    background: none repeat scroll 0 0 #f5f5f5;
    border: 1px solid var(--border-color);
    margin: 20px 0 40px 0;
    width: 100%;
    display: inline-block;
	padding:10px;
}

.dif-block div.primary {
	padding-left: 5px;
}

.dif-block div.primary > span {
	font-weight: bold;
}

.dif-block div.secondary > span {
	float: left;
}

.dif-block div.secondary > span:last-child {
	width: 70%;
	padding-top: 13px;
}

.dif-block div.secondary > span:last-child > div:nth-child(2) {
	font-size: 12px;
	font-weight: bold;
}

.dif-block div.secondary > span:last-child > div:last-child {
	text-align: right;
}

.dif-block .notificationImgClass {
	padding: 15px;
}

.button {
    background: #9EAABA;
    border-radius: 3px;
    box-shadow: 0 2px 0 #6B788B;
	-webkit-box-shadow:0 2px 0 #6B788B;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 12px;
    padding: 3px 5px;
    text-align: center;
    transition: all 0.1s linear 0s;
	border:0px;
}
.lastChecked{float:right;font-style:italic;padding-right:5px;}

#mailForm{float:left;}

.simpleBtn {
    background: #259BDB!important;
    border: 1px solid #1983BC!important;
    border-radius: 3px;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    margin-left: 10px;
    margin-top: 2px;
    padding: 4px 7px !important;
}
.simpleBtn:hover {opacity:0.8;text-decoration:none!important}
.stylishBut.smallBut {padding:2px 5px!important;font-size:12px!important}
.redbutton{background-color:red !important;background-image: linear-gradient(to bottom, rgba(0, 170, 255, 0), #c12800) !important;}
.stylishBut:hover, .stylishBut:focus {
   /* background-color: #2ecc71;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.35);
    color: white;
    outline: medium none;*/
	opacity:1;
    text-decoration: none;
}
.stylishBut:active, .stylishBut.active, .button_group .selected .stylishBut {
    background: none repeat scroll 0 0 #0099E5;
    border-color: #005580 #004466 #00334D;
    /*box-shadow: 0 2px 0 #1983BC;
	-webkit-box-shadow:0 2px 0 #1983BC;*/
    /*transition: all 0.05s linear 0s;*/
}
.stylishBut.disabled, .stylishBut[disabled] {
    background-color: #F6F6F6 !important;
    background-image: linear-gradient(to bottom, #eeeeee, #dddddd) !important;
    background-position: 0 center !important;
    border-color: #DADADA !important;
    /*box-shadow: 0 2px 0 #bbbbbb;*/
    color: #BBBBBB !important;
    cursor: default !important;
    text-shadow: none !important;
    transition: all 0s linear 0s !important;
}
.stylishBut.disabled:hover, .stylishBut.disabled:focus, .stylishBut[disabled]:hover, .stylishBut[disabled]:focus {
    /*box-shadow: none;*/
    color: #BBBBBB !important;
}

.defaultBtn a:hover, .button:hover{
    opacity:0.8;
    outline: medium none;
    text-decoration: none;
}


.special {
	color: #FFFFFF;
    cursor: pointer;
    font-size: 12px;
    text-align: center;
    transition: all 0.1s linear 0s;
	padding:5px;
}
button:active, .button:active {
   box-shadow: 0px 2px 2px rgba(0,0,0,0.3) inset;
   -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.3) inset;
}
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
    box-shadow: none;
    color: #BBBBBB;
}
.defaultBtn a:hover, button.primary:hover, .button.primary:hover{
    background-color: #58D68D;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.35);
    color: white;
    outline: medium none;
    text-decoration: none;
}
.stylishBut.greyButton:active {border-color:#ada8a8;}
.stylishBut.greyButton {
	background: var(--button-cancel-color);; /*#ddd;*/
	/*background: -moz-linear-gradient(top,  #e9e8e8 0%, #d4d4d4 100%)!important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9e8e8), color-stop(100%,#d4d4d4))!important;
	background: -webkit-linear-gradient(top,  #e9e8e8 0%,#d4d4d4 100%)!important;
	background: -o-linear-gradient(top,  #e9e8e8 0%,#d4d4d4 100%)!important;
	background: -ms-linear-gradient(top,  #e9e8e8 0%,#d4d4d4 100%)!important;
	background: linear-gradient(to bottom,  #e9e8e8 0%,#d4d4d4 100%)!important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e8e8', endColorstr='#d4d4d4',GradientType=0 )!important;	*/
	border:1px solid var(--button-cancel-color);; /*#bbb;*/
	/*box-shadow:0 2px 0 #b2b2b2!important;
	-webkit-box-shadow:0 2px 0 #b2b2b2!important;*/
	color: #fff; /*#444;*/
    text-shadow: none;
}
.stylishBut.redButton:active {border-color:#a64243}
.stylishBut.redButton {
	background: #d51207; /*e16565;*/
	/*background: -moz-linear-gradient(top,  #e16565 0%, #d35f5f 100%)!important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e16565), color-stop(100%,#d35f5f))!important;
	background: -webkit-linear-gradient(top,  #e16565 0%,#d35f5f 100%)!important;
	background: -o-linear-gradient(top,  #e16565 0%,#d35f5f 100%)!important;
	background: -ms-linear-gradient(top,  #e16565 0%,#d35f5f 100%)!important;
	background: linear-gradient(to bottom,  #e16565 0%,#d35f5f 100%)!important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e16565', endColorstr='#d35f5f',GradientType=0 )!important;*/
	border:1px solid #b21004; /*C86A6B;*/
	/*box-shadow:0 2px 0 #ad4242!important;
	-webkit-box-shadow:0 2px 0 #ad4242!important;*/
}
.stylishBut.green-button:active {border-color:#3e8d49;}
.stylishBut.green-button {
	background: var(--button-ok-color);
	/*background: -moz-linear-gradient(top,  #52c480 0%, #48ad4c 100%)!important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#52c480), color-stop(100%,#48ad4c))!important;
	background: -webkit-linear-gradient(top,  #52c480 0%,#48ad4c 100%)!important;
	background: -o-linear-gradient(top,  #52c480 0%,#48ad4c 100%)!important;
	background: -ms-linear-gradient(top,  #52c480 0%,#48ad4c 100%)!important;
	background: linear-gradient(to bottom,  #52c480 0%,#48ad4c 100%)!important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#52c480', endColorstr='#48ad4c',GradientType=0 )!important;*/
	border:1px solid #008522;
	/*box-shadow:0 2px 0 #3c935f!important;
	-webkit-box-shadow:0 2px 0 #3c935f!important;*/
}

.stylishBut.blueButton {
    border-color: transparent;
    background: var(--main-color);;
}

.attachmentLabel + .stylishButSmall {text-decoration:none!important}

.whiteButton {
	background: none repeat scroll 0 0 #fff!important;
    border: 1px solid #dedede!important;
    color: #484848!important;
}
.smallPad {padding:6px 10px!important}

/*used in desktop calendar only*/
input.specialBtn {
	-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
	background-color: #5c99d6; /*#2b6;*/
	color: white;
    cursor: pointer;
	padding:4px 6px;
    display: inline-block;
    font-weight: normal;
    text-align: center;
    text-decoration: none;
    /*transition: all 0.1s linear 0s;*/
	font-size:13px;
	border:1px solid #47a;
	border-radius:3px;
	opacity:0.9;
	-webkit-opacity:0.9;
	box-shadow:0px 1px 1px rgba(255, 255, 255, 0.2) inset;
	-webkit-box-shadow:0px 1px 1px rgba(255, 255, 255, 0.2) inset;
}
input.specialBtn:hover {opacity:1}
input.primary, .input.primary,.stylishBut,.defaultBtn a{
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
/*
	background: #44c5ec;
	background: -moz-linear-gradient(top,  #44c5ec 0%, #259bdb 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#44c5ec), color-stop(100%,#259bdb));
	background: -webkit-linear-gradient(top,  #44c5ec 0%,#259bdb 100%);
	background: -o-linear-gradient(top,  #44c5ec 0%,#259bdb 100%);
	background: -ms-linear-gradient(top,  #44c5ec 0%,#259bdb 100%);
	background: linear-gradient(to bottom,  #44c5ec 0%,#259bdb 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#44c5ec', endColorstr='#259bdb',GradientType=0 );*/
	background-color: var(--button-ok-color); /*#2a6;*/
	/*background: -moz-linear-gradient(top,  #8EB2CB 0%, #6F98B4 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8EB2CB), color-stop(100%,#6F98B4));
	background: -webkit-linear-gradient(top,  #8EB2CB 0%,#6F98B4 100%);
	background: -o-linear-gradient(top,  #8EB2CB 0%,#6F98B4 100%);
	background: -ms-linear-gradient(top,  #8EB2CB 0%,#6F98B4 100%);
	background: linear-gradient(to bottom,  #8EB2CB 0%,#6F98B4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8EB2CB', endColorstr='#6F98B4',GradientType=0 );
	text-shadow:0 1px 0 rgba(0, 0, 0, 0.2);*/
    color: white;
    cursor: pointer;
	padding:8px;
    display: inline-block;
    font-weight: normal;
    text-align: center;
    text-decoration: none;
    /*transition: all 0.1s linear 0s;*/
	font-size: 14px;
	margin: 0px 2px;
	border:1px solid #00a522;
	border-radius:4px;
	/*opacity:0.9;
	-webkit-opacity:0.9;*/
	/*box-shadow:0px 1px 1px rgba(255, 255, 255, 0.2) inset;
	-webkit-box-shadow:0px 1px 1px rgba(255, 255, 255, 0.2) inset;*/
}

.stylishButSmall:hover{
	/*text-decoration:underline;*/
	/*background-color:#fff;*/
	color:var(--highlight-color);
    /*outline: none none;
	background-color:transparent;*/
}
.stylishButSmall{
    font-weight: normal !important;
	font-size:12px !important;
	color:#666;
	background-color:transparent;
	border:0px;
	padding:2px;
}
.discrete-button:hover{color: var(--highlight-color)!important;}
.discrete-button:visited,
.discrete-button:active {border:none!important; text-decoration: none!important;}
.discrete-button {
	background: transparent!important;
	border:none!important;
	outline: none!important;
	text-decoration: underline!important;
	color: #555860;
	cursor: pointer;
}

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
    background: none repeat scroll 0 0 var(--edit-background);
    /*border: 1px solid var(--edit-border); /*#ace;*/
	border-color: var(--edit-border);
	border-style: solid;
	border-width: 2px 2px 2px 2px;
	border-radius: 3px;
    color: var(--text-color);
    font-size: 14px;
    font-family: Segoe ui, 'Noto Sans', Arial, sans-serif;
    font-weight: normal;
    /*height: 30px;*/
    /*margin-top: 2px;
    margin-bottom:2px;*/
    resize: none;
/*    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;*/
}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus {
    /*border-color: rgba(82, 168, 236, 0.8);
	border-width:2px;
    box-shadow:0 0 3px #9ecaed;
	-webkit-box-shadow:0 0 3px #9ecaed;*/
	/*border:1px solid var(--select-color);*/
	background: #eaefff;
    outline: 0 none;
}
.ie7 textarea:focus, .ie7 input[type="text"]:focus, .ie7 input[type="password"]:focus, .ie7 input[type="datetime"]:focus, .ie7 input[type="datetime-local"]:focus, .ie7 input[type="date"]:focus, .ie7 input[type="month"]:focus, .ie7 input[type="time"]:focus, .ie7 input[type="week"]:focus, .ie7 input[type="number"]:focus, .ie7 input[type="email"]:focus, .ie7 input[type="url"]:focus, .ie7 input[type="search"]:focus, .ie7 input[type="tel"]:focus, .ie7 input[type="color"]:focus {
    outline: thin dotted;
}
input[disabled], textarea[disabled] {
    background: none repeat scroll 0 0 #eaeaea;
    color: #777777;
}
input[disabled][type="radio"], textarea[disabled][type="radio"] {
    background: none repeat scroll 0 0 transparent;
}
input.hasPtTimeSelect[disabled] + span + a {pointer-events: none; touch-action: none;}

ul.token-input-list-facebook li input {
    /*padding: 0px 4px 0px 4px;*/
	background-color: var(--edit-background) !important;
	height: 26px;
}
.xicon{
    margin: 0;
    padding: 0;
    position: absolute;
    right: -2px;
    text-decoration: none !important;
    top: -1px;
    width: 11px;
	color:#ccc;
}

#mainMenu {
	/*box-shadow: 2px 0 4px #999;*/
	display:table-cell;
	height: 100%;
    width: 0px; /*140px;*/
    /*background: #eee; /*#50508e; /*#54308f; /*#255c93; /*#258; /*468; /*#333;*/
 	-moz-box-sizing:border-box;
	vertical-align:top;
	display:none;
}

#mainToolBar {
	width:36px;
	/*height:1000px;*/
	position: absolute;
	top: 0px;
	/*left: 0px;*/
	right: 0px;
	background: #fff; /*#fcdcae; /*#fa8;*/
	z-index: 99;
}

#toolsBar {
	/*padding-top: 50px;*/
}

.toolbarItem {
	padding: 4px 0px;
}

.top-first-elem {
	height: 50px;
	padding: 0px;
	margin: 0px;
	background: #bbb;
}

.icon-toolbar-help{
	background: #999;
}

.icon-toolbar-help:hover {
	background: var(--highlight-color);
}

.icon-toolbar-help:before {
	content: '\e987';
	color: var(--topbar-color);
	margin: 0px;
	padding: 8px;
	font-size: 20px;
}

.icon-toolbar-help:hover:before {
	color: #fff;
}

.icon-toolbar-task{
	background: #777;
}

.icon-toolbar-task:hover {
	background: var(--highlight-color);
}

.icon-toolbar-task:before {
	content: '\e80f';
	color: var(--topbar-color);
	margin: 0px;
	padding: 8px;
	font-size: 20px;
}

.icon-toolbar-task:hover:before {
	color: #fff;
}

.icon-toolbar-new {
	background: #aaa;
}

.icon-toolbar-new:hover {
	background: var(--highlight-color);
}

.icon-toolbar-new:before {
	content: '\e983';
	color: var(--topbar-color);
	margin: 0px;
	padding: 8px;
	font-size: 20px;
}

.icon-toolbar-new:hover:before {
	color: #fff;
}

.icon-toolbar-view {
	background: #999;
}

.icon-toolbar-view:hover {
	background: var(--highlight-color);
}

.icon-toolbar-view:before {
	content: '\ea87';
	color: var(--topbar-color);
	margin: 0px;
	padding: 8px;
	font-size: 20px;
}

.icon-toolbar-view:hover:before {
	color: #fff;
}

.icon-toolbar-act {
	background: #888;
}

.icon-toolbar-act:hover {
	background: var(--highlight-color);
}

.icon-toolbar-act:before {
	content: '\eac2';
	color: var(--topbar-color);
	margin: 0px;
	padding: 8px;
	font-size: 20px;
}

.icon-toolbar-act:hover:before {
	color: #fff;
}

.icon-toolbar-app{
	background: #666;
}

.icon-toolbar-app:hover {
	background: var(--highlight-color);
}

.icon-toolbar-app:before {
	content: '\eb3a';
	color: var(--topbar-color);
	margin: 0px;
	padding: 8px;
	font-size: 20px;
}

.icon-toolbar-app:hover:before {
	color: #fff;
}

.icon-toolbar-rpt {
	background: #999;
}

.icon-toolbar-rpt:hover {
	background: var(--highlight-color);
}

.icon-toolbar-rpt:before {
	content: '\eafc';
	color: var(--topbar-color);
	margin: 0px;
	padding: 8px;
	font-size: 20px;
}

.icon-toolbar-rpt:hover:before {
	color: #fff;
}

.icon-toolbar-tool {
	background: #aaa;
}

.icon-toolbar-tool:hover {
	background: var(--highlight-color);
}

.icon-toolbar-tool:before {
	content: '\e9c1';
	color: var(--topbar-color);
	margin: 0px;
	padding: 8px;
	font-size: 20px;
	font-weight: 600;
}

.icon-toolbar-tool:hover:before {
	color: #fff;
}

.icon-toolbar-adm {
	background: #888;
}

.icon-toolbar-adm:hover {
	background: var(--highlight-color);
}

.icon-toolbar-adm:before {
	content: '\ea1d';
	color: var(--topbar-color);
	margin: 0px;
	padding: 8px;
	font-size: 20px;
}

.icon-toolbar-adm:hover:before {
	color: #fff;
}

.icon-toolbar-sys {
	background: #666;
}

.icon-toolbar-sys:hover {
	background: var(--highlight-color);
}

.icon-toolbar-sys:before {
	content: '\e9c1';
	color: var(--topbar-color);
	margin: 0px;
	padding: 8px;
	font-size: 20px;
}

.icon-toolbar-sys:hover:before {
	color: #fff;
}

.icon-toolbar-dev {
	background: #666;
}

.icon-toolbar-dev:hover {
	background: var(--highlight-color);
}

.icon-toolbar-dev:before {
	content: '\e84e';
	color: var(--topbar-color);
	margin: 0px;
	padding: 8px;
	font-size: 20px;
	font-weight: 600;
}

.icon-toolbar-dev:hover:before {
	color: #fff;
}

.icon-toolbar-cust {
	background: #999;
}

.icon-toolbar-cust:hover {
	background: var(--highlight-color);
}

.icon-toolbar-cust:before {
	content: '\ebda';
	color: var(--topbar-color);
	margin: 0px;
	padding: 8px;
	font-size: 20px;
}

.icon-toolbar-cust:hover:before {
	color: #fff;
}

.rightWidgetBlock {
	display:none;
    -moz-box-sizing: border-box;
    background-color: #FFFFFF;
    border: 1px solid #DEE2E5;
    bottom: 0;
    box-shadow: 1px 1px 5px #666666;
	-webkit-box-shadow:1px 1px 5px #666666;
    right: 0px;
    overflow: hidden;
    padding: 0;
    position: fixed;
    width: 300px;
}
.rightWidgetBlock ul{padding:0px;}
.rightWidgetBlock .header{
	margin-top:0px;
	color:#555;
	font-size:16px;
    cursor: pointer;
    outline: medium none;
    padding: 3px;
	text-indent: 7px;
	 border-bottom:1px solid #ccc;
    font-size:18px;
    text-align:center;
    color:#555;
    font-weight:normal;
}
.rightWidgetBlock .body{
	/*border-radius: 0px 0px 7px 7px;*/
    /*background:#fff;*/
	overflow:auto;
}
.rightWidgetBlock #chatButton{
	border-bottom: none !important;
	border-top: 1px solid #dedede;
}

.rightWidgetBlock #chat_units{
	width: 90%;
	margin-left: 5%;
}
#uniInner {padding:0px;}
.qmsgDiv {border-bottom:1px solid #dedede;height:30px }
.qmsgLabel {cursor:pointer;float:right;padding:0px 5px;}
.qmsgLabel:hover {background:#ccc;border-radius:4px;}
.qmsgDesc {margin:6px 0px;float:left; color:#666;font-size:11px;}
.qmsgIcon {
    float: right;
    height: 27px;
    margin-left: 3px;
}

.footerWrapper .content {
	color: #444444;
	font-size: 12px;
	margin-right: 20px;
	display: inline-block;
	vertical-align: top;
	line-height: 48px;
}
.footerWrapper .content a{
	color:#393939;
	text-decoration:none;
}
.footerWrapper .content a:hover{
	color:#69f;
}
/*desktop css*/
.bottomMenu li{
	display: inline-block;
	list-style: none;
	overflow: hidden;
	margin-right: 2px;
	font-size:12px;
	color:var(--main-color);;
	cursor:pointer;
}
.bottomMenu li:hover{
	display: inline-block;
	list-style: none;
	overflow: hidden;
	margin-right: 2px;
	font-size:12px;
	color:#69f;
}
.bottomMenu {
	margin-left: 120px;
	display: inline-block;
	font-size: 12px;
	vertical-align: top;
	line-height: 48px;
}
.bottomMenu a{
	color:#393939;
	text-decoration:none;
}
.bottomMenu a:hover{
	color:#69f;
	text-decoration:none;}




/*#userButton{padding: 3px 7px;}
#userButton .alink{color:#446; text-shadow:1px 1px 0 rgba(255, 255, 255, 0.6);}
#userButton ul{  position:absolute;  list-style:none;margin: 12px 5px 5px;    padding: 0;    text-align: right;}
#userButton ul li{
    font-size: 13px;
    margin: 0;
    padding: 2px 0;
}*/
.menubarButton {
    cursor:pointer;
    margin: 3px;
    padding: 7px;
    font-size: 13px;
	margin-top: 30px;
}
.menubarButton:hover {
	color: #F7931D;
}


.menut{
	margin-bottom:2px;
}
/*border-top:1px solid #fff;border-bottom:1px solid #fff;border-left:1px solid #fff;border-radius:0px 0px 0px 23px;*/

#optionsBar {
	display: none; /*block;	*/
	height: 32px;
	left: 40px;
	width: 100%;
	background:var(--menu-background);
	position:relative;	/* needed for userOptionsDiv - absolutely positioned */
	z-index:9;
}

.mainAreaTabsContainer {
	background-color: var(--menu-background);
	/*border-top: 1px solid #aaaaaa;*/
	/*border-bottom: 1px solid var(--border-color);*/
	width:100%;
	top: 40px; /*56px; /*54px; /*64px;*/
	left: 0px;
	position:fixed;
	z-index: 91;
	/*box-shadow: 0 8px 3px -3px rgba(208, 160, 192, 0.5);*/
	/*box-shadow: 0 8px 3px -3px rgba(128, 128, 128, 0.33);*/
	/*box-shadow: 0 4px 8px 0 rgba(0,0,0,0.12), 0 2px 4px 0 rgba(0,0,0,0.08);*/
	/*box-shadow: 0 15px 30px 0 rgba(0,0,0,0.11), 0 5px 15px 0 rgba(0,0,0,0.08);*/
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.16), 0 4px 12px 0 rgba(0,0,0,0.16);
}

#lastSlot{float:left;}

#mainLink__MorePrograms{padding-top:20px;}
.noborder{    background:#f4f4f4; height:1px;}
.days{font-size:11px; font-weight:bold;color:#222}



/* ===== RECENT ACTIONS ====== */
#recentInner ul{list-style:none;margin:0;padding:0}
#recentInner ul li{list-style:none;margin-bottom:4px;padding:0;overflow: hidden;     white-space: nowrap; font-size:12px;}
#recentInner ul li img{height:13px;}
#recentInner ul li .imageHolder{float:left;width:20px;height:15px;}


/* ==== FIXED BOTTOM BAR ===== */
#fixedBottomBar {
    background: none repeat scroll 0 0 #f5f5f1;
    bottom: 0;
    height: 25px;
    padding: 0px 10px 0 0;
    position: fixed;
    border-top:1px solid #bbb;
    border-left:1px solid #bbb;
    left:-1px;
}
#fixedBottomBar .handle{
    width:25px;
    text-align:center;
    cursor: pointer;
    border-right:1px solid #ddd;
    padding:5px 0px 2px;
}

.bbitem{float:left; }
.bbitem a{
    color: #444466;
    cursor: pointer;
    display:inline-block;
    font-size: 15px;
    padding:5px 5px 2px;
    border-right:1px solid #ddd;
    text-decoration: none;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6);
}

/* ====== MINI CALENDAR ===== */
#calendarInner {text-align:center; border-top: 1px solid #CCCCCC;}
#calendarInner .bottomMenuBar{ padding:3px 3px 2px; text-align: center;margin:auto;width:90%;}
#calendarInner .bottomMenuBar .button.leftArrow{ float:left; }
#calendarInner .bottomMenuBar .button.rightArrow{ float:right;}
#calendarInner .bottomMenuBar .button{padding:5px; font-size:15px; cursor:pointer;color:#555;font-weight:normal;}
#calendarInner .bottomMenuBar .button:hover{
    box-shadow:0px 0px 2px 0px black;
    -moz-box-shadow:0px 0px 2px 0px black;
    -webkit-box-shadow:0px 0px 2px 0px black;
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(243,243,243,0.95) 50%, rgba(237,237,237,0.95) 51%, rgba(244,244,244,0.9) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(243,243,243,0.95)), color-stop(51%,rgba(237,237,237,0.95)), color-stop(100%,rgba(244,244,244,0.9))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,0.95) 50%,rgba(237,237,237,0.95) 51%,rgba(244,244,244,0.9) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,0.95) 50%,rgba(237,237,237,0.95) 51%,rgba(244,244,244,0.9) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,0.95) 50%,rgba(237,237,237,0.95) 51%,rgba(244,244,244,0.9) 100%); /* IE10+ */
    background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,0.95) 50%,rgba(237,237,237,0.95) 51%,rgba(244,244,244,0.9) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6f4f4f4',GradientType=0 ); /* IE6-9 */

}

/* ====== SHORT HOVER FORMS ====== */
.hoverFormContainer{ padding:10px; font-size:13px; text-align:right; min-width: 200px;}
.hoverFormContainer .headerWrapper{ padding:4px 0px;}
.hoverFormContainer .header{ font-size:16px; font-weight:700;}
.hoverFormContainer .infoHeader{ font-size:13px;}
.hoverFormContainer .subheader{ font-size:13px; color:#444;text-align:right; }
.hoverFormContainer .label{ font-size:13px; color:#777; }
/*@font-face {	font-family: Ubuntu;  src: url('/codebase/basic/fonts-Sans-serif/Sans-serif-Regular.ttf'); }*/
/*@font-face {	font-family: Ubuntu;  font-weight: bold; src: url('/codebase/basic/fonts-Sans-serif/Sans-serif-Bold.ttf'); }*/
#imDiv{
    background: none repeat scroll 0 0 white;
    border: 1px solid green;
    border-radius: 5px 5px 5px 5px;
    top: 74px;
    position: fixed;
    right: 1px ;
}
#imDiv img{
    cursor: pointer;
    padding: 2px;
    width:20px;
    height:20px;
}
/* ====== Dashboard drap-drop =======*/

* html .container {height: 1%;}
.clearfix, .container {display:block;}
.container { margin: 0 auto; }
.c26 {width:520px}
.c11 {width:50%}
.column { float:left;position:relative; min-height:20px;}
.border,.border1  { border-width: 1px }
.round { -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }

/* -- box -- */
.rax-box { border: 1px solid #CFDAE5; background-color: #eee;margin-bottom:10px;margin-left:10px; margin-right:10px;}
.rax-box.alert { background-color: #FFF6BF; color: #514721; border-color: #FFD324; }
.rax-box.info { background-color: #E5ECF9; color: #514721; border-color: #C3D9FF; }
.rax-box.success { background-color: #E6EFC2; color: #264409; border-color: #C6D880; }
.rax-box.error { background-color: #ffcccc; color: #000; border-color: #e99292; }
.rax-box.alert a { color: #514721; }
.rax-box.success a  { color: #264409; }
.rax-box.info a { color: #000099;  }
.rax-box.error a { color: #8a1f11; }
.rax-box .box-title { font-weight:bold; border-bottom: 1px solid #777; background:#C1C1C1;} /* box title */
.rax-box.success .box-title { background-color:#B8D152; border-color:#91A92E}
.rax-box.alert .box-title { background-color:#FFD900; border-color:#CEAF00}
.rax-box.info .box-title { background-color:#98B4E7; border-color:#5381D7}
.rax-box.error .box-title { background-color:#EF8F95; border-color:#BA1B23}
.rax-box, .rax-box .box-title { background-image: url(app/system/images/glossy-mat.png); background-repeat: repeat-x; }  /* box highlight */

/*  -- box ui -- */
.rax-box { padding: 8px; }
.rax-box .box-title { margin:-7px -7px 10px -7px; padding: 2px 5px; display:block; }



/* ====== helpPopUps ========= */
.bubblepopup {
    background: rgb(249,216,53); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(249,216,53,1) 0%, rgba(243,150,28,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,216,53,1)), color-stop(100%,rgba(243,150,28,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(249,216,53,1) 0%,rgba(243,150,28,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(249,216,53,1) 0%,rgba(243,150,28,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(249,216,53,1) 0%,rgba(243,150,28,1) 100%); /* IE10+ */
    background: linear-gradient(top,  rgba(249,216,53,1) 0%,rgba(243,150,28,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9d835', endColorstr='#f3961c',GradientType=0 ); /* IE6-9 */
    border-radius: 25px 25px 25px 25px / 50px 50px 50px 50px;
    box-shadow:0 4px 16px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:0 4px 16px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow:0 4px 16px rgba(0, 0, 0, 0.2);
    color: #000000;
    margin: 0;
    padding: 20px ;
    position: relative;
}
.bubblepopup  p {
    margin: 0;
    max-width:180px;
    min-width:50px;
    color:white;
}
.bubblepopup:before {
    border-color: transparent #F3961C;
    border-style: solid;
    border-width: 0 15px 22px 0px;
    bottom: -20px;
    content: "";
    display: block;
    position: absolute;
    right: 25px;
    width: 0;
}

.popupContainer{position:absolute; z-index:1000000;/*big zindex because windows keep incrementing their index each time they open*/}
.infoSymbol{
    background: url("/DataServlet?unit=Main&image=INFO") no-repeat scroll center center transparent;
    display: inline-block;
    width:15px;
}


/* ====== MESSAGE VIEWER ====== */

.messageViewerContainer.INFO {
	background-color: var(--main-color);;
	/*background: -moz-linear-gradient(top,  #DEF0FF  0%, #C4E4FF 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#DEF0FF ), color-stop(100%,#C4E4FF));
	background: -webkit-linear-gradient(top,  #DEF0FF  0%,#C4E4FF 100%);
	background: -o-linear-gradient(top,  #DEF0FF  0%,#C4E4FF 100%);
	background: -ms-linear-gradient(top,  #DEF0FF  0%,#C4E4FF 100%);
	background: linear-gradient(to bottom,  #DEF0FF  0%,#C4E4FF 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DEF0FF', endColorstr='#C4E4FF',GradientType=0 );*/
}
.messageViewerContainer.ERROR {
	background-color: #FF7B7B;
	background: -moz-linear-gradient(top,  #FFAAAA 0%, #FF7B7B 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFAAAA), color-stop(100%,#FF7B7B));
	background: -webkit-linear-gradient(top,  #FFAAAA 0%,#FF7B7B 100%);
	background: -o-linear-gradient(top,  #FFAAAA 0%,#FF7B7B 100%);
	background: -ms-linear-gradient(top,  #FFAAAA 0%,#FF7B7B 100%);
	background: linear-gradient(to bottom,  #FFAAAA 0%,#FF7B7B 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFAAAA', endColorstr='#FF7B7B',GradientType=0 );
}
.messageViewerContainer.WARNING {
	background-color: #ffeec0;
	background: -moz-linear-gradient(top,  #fff6dc 0%, #ffeec0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff6dc), color-stop(100%,#ffeec0));
	background: -webkit-linear-gradient(top,  #fff6dc 0%,#ffeec0 100%);
	background: -o-linear-gradient(top,  #fff6dc 0%,#ffeec0 100%);
	background: -ms-linear-gradient(top,  #fff6dc 0%,#ffeec0 100%);
	background: linear-gradient(to bottom,  #fff6dc 0%,#ffeec0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff6dc', endColorstr='#ffeec0',GradientType=0 );
}

.messageViewerContainer{
	border-radius:5px;
	right:50%;
	margin-right:-235px;
	position:fixed;
	text-align:center;
	z-index:100000000;
	width:470px;
	top: 5px;
	/*box-shadow:0px 2px 0px rgba(0,0,0,0.2);*/
}

.messageViewerContainer .mainTile{border-radius:5px; display:inline-block;width:450px; padding:10px;font-size:13px;}
.messageViewerContainer .mainTile .messagesContainer{ }
.messageViewerContainer .mainTile .messagesContainer .content{width:100%;float:left; border:none;background:none;white-space:pre-wrap;}
.messageViewerContainer .mainTile .closeButDiv{ float:right;background-color: rgba(100, 100, 100, 0.3);  border-radius: 3px; font-size: 16px; height: 13px; margin: 0 0 0 15px; padding:0 0 0 0;  position: relative; width: 15px; cursor:pointer; line-height: 16px; font-weight:bold;}

.messageViewerContainer .mainTile .closeButDiv:hover{ background-color: rgba(100, 100, 100, 0.8); }/*defaults*/
.messageViewerContainer .mainTile .extraContent { float:left;clear:left;width:100%;margin: 4px 0 0; padding: 4px 0 0;font-size:12px; }

/*.messageViewerContainer .INFO {margin-left:5px;color:#346B96;background-image:url(/DataServlet?unit=main&image=INFO);background-repeat:no-repeat;background-position:left center;}*/
.messageViewerContainer .INFO {position:relative;color:#FFF;}
.messageViewerContainer .INFO .msgTile  {padding:0 0 4px;text-align: center;}
.messageViewerContainer .INFO .msgTile .x {position:absolute; right:5px; height:30px; margin-top:-15px; font-size:24px; font-weight:bold; line-height:24px; cursor:pointer;}
.messageViewerContainer .INFO .extraContent {border-top:1px solid #FFF;}

.messageViewerContainer .ERROR {position:relative;color:#81333c;}
.messageViewerContainer .ERROR .msgTile  {padding:0 0 4px;}
.messageViewerContainer .ERROR .msgTile .x {position:absolute; right:5px; height:30px; margin-top:-15px;font-size: 24px;font-weight: bold; line-height:24px; cursor:pointer;}
.messageViewerContainer .ERROR .extraContent {border-top:1px solid #FFAAAA; padding:4px 0 0;}

.messageViewerContainer .WARNING {position:relative;color:#a4752b;}
.messageViewerContainer .WARNING .msgTile  {padding:0 0 4px;}
.messageViewerContainer .WARNING .msgTile .x {position:absolute; right:5px; height:30px; margin-top:-15px;font-size: 24px;font-weight: bold; line-height:24px; cursor:pointer;}
.messageViewerContainer .WARNING .extraContent {border-top:1px solid #ffeec0; padding:4px 0 0;}
.searchERROR {color:red; font-size:13px;}

/* ====== REMINDER VIEWER ====== */

.reminderViewerContainer.INFO {
	background-color: var(--select-color);
	/*background: -moz-linear-gradient(top,  var(--select-color)  0%, #C4E4FF 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,var(--select-color) ), color-stop(100%,#C4E4FF));
	background: -webkit-linear-gradient(top,  var(--select-color)  0%,#C4E4FF 100%);
	background: -o-linear-gradient(top,  var(--select-color)  0%,#C4E4FF 100%);
	background: -ms-linear-gradient(top,  var(--select-color)  0%,#C4E4FF 100%);
	background: linear-gradient(to bottom,  var(--select-color)  0%,#C4E4FF 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--select-color)', endColorstr='#C4E4FF',GradientType=0 );	*/
}

.reminderViewerContainer{
	border-radius:5px;
	right:50%;
	margin-right:-235px;
	position:fixed;
	text-align:center;
	z-index:100000000;
	width:470px;
	top: 5px;
	background-color: var(--select-color);
	/*box-shadow:0px 2px 0px rgba(0,0,0,0.2);*/
}

.reminderViewerContainer .mainTile{border-radius:5px; display:inline-block;min-width:140px;max-width:490px; padding:12px;font-size:13px;width: 95%}
.reminderViewerContainer .extraTile{width: 100%;}
.reminderViewerContainer .mainTile .remindsContainer{ }
.reminderViewerContainer .mainTile .remindsContainer .content{padding-right: 15px; border:none;background:none; }

.reminderViewerContainer .mainTile .extraContent { float:left;clear:left;width:100%;margin: 4px 0 0; padding: 4px 0 0;font-size:12px; width: 100%}

.reminderViewerContainer .INFO {position:relative;color:#fff;}
.reminderViewerContainer .INFO a{color:#fff;}
.reminderViewerContainer .INFO .msgTile  {padding:0 0 4px;}
.reminderViewerContainer.INFO .x {height:28px; font-size: 24px;font-weight: bold;position: absolute; right: 5px;z-index: 10;bottom: 0;color:#FFF;}
.reminderViewerContainer.INFO .dismiss {height:28px; font-size: 24px;font-weight: bold;position: absolute; right: 25px;z-index: 10;bottom: 0;color:#FFF;}
.reminderViewerContainer .INFO .msgTile .stylishBut {clear:left; border-radius:10px; margin-top:5px; padding:4px 8px;}
.reminderViewerContainer .INFO .extraContent {border-top:1px solid #C4E4FF; padding:4px 0 0;}

/*===== GENERAL FORM STYLES ======*/
.h3label{ color:#000;font-size: 12px; font-weight:bold; margin-bottom: 5px;}
.h2label{ color:#888;font-size:13px;}
.h3data { color:#222;font-size: 12px; }
.h2data { font-size:13px; color:222;}
.h1data { font-size:13px; color:222; margin-bottom: 5px; font-weight: bold;}
.subheader{color:#000; font-size: 12px; clear:both;}
.label  {color:#777; text-align:left; width:120px; padding-right: 5px;}
.labelPadded  { padding:1px 10px 1px 1px; text-align:right; }
.iconList img{ float:right;clear:right;padding:2px;}
.img img {max-width:80px;max-height:80px;}
.smallImg {float:left; padding:7px; }
.tinyImg img { height:13px; padding:0px 0px -2px 0px;}
.inlineIcon  {padding:3px 0 0 0;}
.mainImg {float:left; padding:10px; }
.ib{display:inline-block;}
.minitext {color:#798;font-size:12px;}
.normaltext {color:#798;font-size:13px;}
.maxitext {color:#798;font-size:15px;}
.hugetext {color:#798;font-size:17px;}
.autowidth{ width:auto !important; }
/*======= VERTICAL MENUS ======== */
.verticalMenu1Height1{
	height:408px;
}
.verticalMenu1{
	width: 180px; /*width of menu*/
	border-right:1px solid #dedede;
}
.verticalMenu1 ul{
	list-style-type: none !important;
	margin: 0 !important;
	padding: 0 !important;
}
.verticalMenu1 li a{
	font: 'Open Sans', sans-serif;
	font-size:13px;
	display: block;
    height: 24px; /*Set to height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	padding: 4px 0 4px 10px;
	line-height: 24px; /*Set line-height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	text-decoration: none;
}
.verticalMenu1 li a:not(.selected):hover {background:#f0f0f0!important}
.verticalMenu1 li a:link, .verticalMenu1 li a:visited {
	color: #666;
}
.verticalMenu1 li a:hover{
	color:#0080BF;
	background-position: 100% -32px;
}
.verticalMenu1 li a.selected{
	background-color: var(--select-color);; /*#5c99d6;*/
	/*background: -moz-linear-gradient(top,  #44c5ec 0%, #259bdb 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#44c5ec), color-stop(100%,#259bdb));
	background: -webkit-linear-gradient(top,  #44c5ec 0%,#259bdb 100%);
	background: -o-linear-gradient(top,  #44c5ec 0%,#259bdb 100%);
	background: -ms-linear-gradient(top,  #44c5ec 0%,#259bdb 100%);
	background: linear-gradient(to bottom,  #44c5ec 0%,#259bdb 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#44c5ec', endColorstr='#259bdb',GradientType=0 );*/
	color: #fff;
}
/*======== SETTINGS ========= */
.settingsBox{
height:378px;
width:570px;
padding:5px;
float: left;
}
.mailGroup_Toggler{
padding:0px 0px 0px 5px;
}
.preTag{
    font-size: 14px;
    font-weight: normal;
    margin: 0;
    white-space: pre-wrap;
	word-break: break-word;
	overflow: auto;
    color: #484848;
	display: inline-block;
	width: 100%;
	max-width: 500px;
    word-wrap: break-word;
}

/*in a window when there are no tabs noFlow,noTab help fix some issues*/
.noFlow{
overflow:visible !important;
}
.noTab{}

.srchCheck{
vertical-align:middle;
}

.rFieldset{ margin: 2px; border: 1px dotted #AAA; padding: 5px; }
.allow{ background:#ecffed;}
.allow legend {color: #00ac00; font-size:16px; font-weight:bold;}
.restrict{background:#fff0d0; }
.restrict legend {color: #e05000; font-size:16px; font-weight:bold;}

.plusList, .minusList{
padding:1px;
height: 75px;
overflow: auto;
width: 260px;
}

.customBut {
  background: none repeat scroll 0 0 #DEDEDE;
    border: 1px solid #C0C0C0;
    border-radius: 3px 3px 3px 3px;
}
.customBut span + span {border-left:1px solid #c0c0c0; cursor:pointer}
.customBut span + span img{vertical-align:middle}
.linkedRecs .grpBut span.link:after {
	content:"To link press the link icon on the search results you will find above";
	width:0;
	height:0;
	margin-left:20px;
	color:#999;
	font-size:10px;
}
.grpMinus,
.grpPlus {margin-right:2px}
.grpBut, .usBut {
float: left;
height: 17px !important;
margin: 2px;
padding: 2px 4px !important;
min-width:20px !important;
-moz-border-radius: 3px;
}

/*style gia text links me hover effect*/
.newrecordwidgetlink{
color:var(--link-color); /*var(--main-color);; /*#1A65A5;*/
cursor:pointer;
text-decoration:none;
font-weight: 600;
}
.newrecordwidgetlink.emphasize{
	text-decoration: underline;
}
.newrecordwidgetlink:hover:not(.polite){
cursor: pointer;
text-decoration:underline;
/*color:var(--highlight-color);*/
}
.polite {
    font-size: 10px;
    font-weight: normal;
    text-decoration:none;
	color:var(--main-color);
	margin-top:4px;
	margin-right:8px;
}
.barButton{
    float:right;padding:3px;line-height:13px;top:0;right:0;position:absolute;color:white;
}
.barButton:hover{color:yellow !important;}
.hide{display:none;}
/*======== FAST COMMENTS =============*/
.commentsContainer{
/* clear: both;*/
    float: left;
    position: relative;
    width: 100%;
	/*border:1px solid #cde;*/
	box-sizing: border-box;
}

.commentsContainer ol {
	list-style: decimal;
}

.commentsContainer ul {
	list-style: initial;
}

.newCommentTextarea.myInput:focus {
	border-color: rgba(82, 168, 236, 0.8)!important;
    border-width: 1px!important;
    box-shadow: none!important;
}
.commentsContainer .actionbar{
	float:left;
	clear:both;
	padding:4px 0px;
	width:100%; /*342px;*/
	font-size:10px;
	border-bottom:1px solid var(--border-color);
	/*margin:2px;*/
}
.commentsContainer .actionbar span{
	float:left;
	margin:0px 4px;
	font-size:13px;
	color:var(--link-color);
	cursor:pointer;
	font-weight: 600;
}
.commentsContainer .actionbar .closeComments {
	float:right;
	margin-right: 10px;
}

.commentsContainer .actionbar .icon-comments-close:before {
	content: '\e97e';
	cursor:pointer;
}
.commentsContainer .actionbar span:hover{
	text-decoration:underline;
/*color:#000;*/
}
.newComment:before {
    border-color: #cde rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 0 15px 12px;
    content: " ";
    height: 0;
    left: 20px;
    position: absolute;
    top: 39px;
    width: 0;
}
.newComment:after {
    border-color: #FFFFFF rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 0 15px 12px;
    content: " ";
    height: 0;
    left: 20px;
    position: absolute;
    top: 40px;
    width: 0;
}
.newComment {
	float:left;
	clear:both;
	/*padding:4px;*/
	width:100%!important;
	margin-top:20px!important;
	margin-left:0px!important;
	/*background:#fff!important;*/
	border-radius: 3px;
}
.commentsContainer .comment{
	float:left;
	clear:both;
	width: 100%;
	/*margin:3px 1%;*/
	/*background: var(--panel-background);*/
	overflow:hidden;
	border-radius: 4px;
	padding: 5px 0px;
}
.commentsContainer .comment .avatar{
	float:left;
	width:44px;
	height:44px;
	padding: 0px 10px 0 5px;
	overflow:hidden;
}
.commentsContainer .comment .avatar img{
	float:left;
	max-width:50px;
	max-height:50px;
	border-radius:5px;
}
.commentsContainer .comment .header{
	float:left;
	width:284px;
	padding:0 0 3px 0;
	font-size:11px;
	color:var(--label-color);
}
.commentsContainer .comment .content{
	float:left;
	width:85%;
	font-size:13px;
	color:#333;
	border:none;
}

.commentsContainer .comment textarea{
background: none repeat scroll 0 0 white;
/*border: 1px dotted #ccc;*/
font-size: 13px;
clear: both;
float: left;
height: 60px;
padding: 3px;
width: 100%;
}
.commentsContainer .comment input{
float:right;
margin:20px 8px 0 0;
}
/* loading an outlook view of a single record (i.e. events) */
.loading{
float: left;
padding: 150px 0;
text-align: center;
width: 350px;
font-size:18px;
color:#999;
}
/* ======== FLYOUT ===========*/
.generalFlyout{
    border:1px solid #CCC;
    padding:5px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
    z-index:10000;
	background:#fff;
}
/**********/

#platformLogo{
position:relative;
left:-16px;
top:2px;
}

#chatTableHeader tr td{
	color:#556677;
	font-size:16px;
	position:relative;
	top:0px;
}

html{
	overflow-y:scroll;
}

img{
border-style: none;
}
input[disabled], input.disabled,input[disabled="disabled"],input[disabled="true"]{
	/*background: none repeat scroll 0 0 #eee !important;*/
    /*border: 1px solid var(--border-color) !important;*/
    cursor: default !important;
}
input[disabled] + .listArrow, input.disabled + .listArrow, input[disabled="disabled"] + .listArrow, input[disabled="true"] + .listArrow {
	background: none repeat scroll 0 0 #eee !important;
    border-left: 1px solid #DEDEDE !important;
    /*box-shadow: -1px 0 0 rgba(0, 0, 0, 0.1);
	-webkit-box-shadow:-1px 0 0 rgba(0, 0, 0, 0.1);*/
}

textarea[disabled], textarea.disabled,textarea[disabled="disabled"],textarea[disabled="true"]{
background-color: #eeeeee;
}

/*---*/
.underlined { cursor:pointer;}
.underlined:hover {color:var(--highlight-color);}
#fillInfo_form{
height: 100%;
margin-top: 15px;
background-color: #F4F4F4;
border: 1px solid #5F789D;
}

/*----outlook, htmltable----*/
.taskdial{
width:95px;
float:left;
font:11px Verdana;
}
.generaltaskdial{
width:170px;
float:left;
font:11px Verdana;
}
.taskDialog{
height:100%;
}

.noteDialog  select {
margin-top:2px;
margin-bottom:2px;
}

.columntdFull{
font-weight:bold !important;
font-size:12px;
/*background:url("app/system/images/gradientBackround.png") repeat scroll 0 -3px #F5D999;*/
color:#005577;
overflow:hidden;
}

.columntdFull a{
color:#3056B4;
}

/*-----------------------*/

.dwnlft{
display:inline-block;
float:left;
}

.dwnlft tr{
height:20px;
}

.emptFrm{
margin:0;
padding:0;
}

.opFileBut{
border:none;

cursor:pointer;
padding:0;
}

.comidorMainTable{
height:100%;
min-width:927px;
}
.newback{
background-image:url(app/system/images/officeBack.png);
background-repeat:repeat-x;
height:100%;
}
.newback2{
height:100%;
}
.catState{
   border-top: 1px solid #667080;
    font-size: 13px;
    font-weight: normal;
    padding-bottom: 2px;
    padding-top: 5px;
}

#imDiv2 {
/* IE5.5+/Win - this is more specific than the IE 5.0 version */
right: auto; bottom: auto;
left: expression( ( -20 - imDiv2.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
top: expression( ( -10 - imDiv2.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

body {
	margin:0px;
	position: relative;
	background-color: #eee;
	/*border-left: 8px solid #ffb600;*/
	/* font-family: Segoe ui, Tahoma, Arial, sans-serif; */
	font-family: Segoe ui, 'Noto Sans', Arial, sans-serif;
	/* SAFARI - MACOSX COMPATIBILITY */
	-webkit-font-smoothing: antialiased;
	/* font-family: Segoe ui, 'Roboto', Tahoma, Arial, sans-serif; */
	/* font-family: 'Open Sans'; */
	/* font-family: 'Noto Sans'; */
	/* font-family: 'Roboto'; */
}

.pForm{
width:100%;
}



.memos{
overflow:auto;
padding-left: 5px;
padding-right: 5px;
}
.unselectable {
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   user-select: none;
}
.filebutton.stylishBut input[type="file"] {
	display: none;
}
.inputLong, .inputDouble, .inputInteger, .inputNumber, .inputCurrency{
text-align:right;
}
.dfltText{
color:#888 !important;
}

.pgrdInput{
height:18px;
}

.pgrdInput:focus{
background-color:#FFF8E6;
}

.pInputRed{
    border:1px solid var(--select-color) !important;
}
.pinImage{width:32%;}

#pinImage {
	padding: 3px 0 0 3px;
}
.pInput{
    background-color: var(--edit-background); /*#fff; /*#ecf0ff; /*#fff; /*#eaeff5;*/
    padding: 3px; /*4px;*/
	height: 30px;
    /*border: 1px solid var(--edit-border);*/
	border-color: var(--edit-border);
	border-style: solid;
	border-width: 2px 2px 2px 2px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}

.pInputRounded{
/*	height: 26px; /*30px;*/
    max-width: 200px;
/*    padding: 0 5px;*/
    vertical-align: baseline;
    width: 150px;
	color: #585858 !important;
}

textarea.pInput{
	height:auto;
}

.pInputMargin{
margin-right:5px;
/*width:60%;*/
}

/*.pInput:focus{border: 2px solid var(--select-color);}*/

.lgrdInput{
padding:0;
border:none;
/*font:11px Tahoma,Trebuchet MS,Tahoma, Arial,Times New Roman;*/
height:18px;
}

.lgrdInput:focus{
background-color:#FFF8E6;
border:none;
padding:0;
}

.linput_wrapper{
   /* margin:6px;*/
    white-space: nowrap;
    /*display:inline-block;*/
}
.lInput{
    border: 1px solid orange; /*#FFD050;*/
    padding:2px;
    margin:0px;
    /*font:12px Tahoma,Trebuchet MS,Tahoma, Arial,Times New Roman;*/
    height:15px;
}
.lInput:focus{
    padding:2px;
    margin:0px;
    height:15px;
}
.listArrow2{
vertical-align:text-bottom;
}
.disabledList{
	background-color:#EEEEEE;
}

.icon-calendar-1.ui-datepicker-trigger {
	cursor: pointer;
	margin-left: -25px;
}
.icon-calendar-1.ui-datepicker-trigger:before {
	font-size: 16px;
	color:var(--main-color);;
}
.onedit{
text-decoration: underline;
color:yellow;
}

#scrollMenu{
height:28px;
position:relative;
padding-left:2%;
padding-right:2%;
}

.menuItems{
padding-left:20px;
padding-right:20px;
padding-top:5px;
padding-bottom:5px;
background-repeat:no-repeat;
background-image:url(app/servers/eurokteo/images/top-menu-divider.png);
display:inline-block;
}

.unitsMenu {
width:100%;
height:100%;
padding:0px;
margin:0px;
}

.unitsMenu li{
float:left;
list-style:none;
padding-left:20px;
padding-right:20px;
padding-top:8px;
padding-bottom:5px;
text-align:center;
background-repeat:no-repeat;
background-image:url(app/servers/eurokteo/images/top-menu-divider.png)
}

.unitsMenu li a, .menuItems{
text-decoration:none;
font-weight:bold;
font-size:13px;
color:#ef7749;
}
.unitsMenu li a:hover, .menuItems:hover{
text-decoration:none;
color:#C77405 !important;
}

.rax-box-unsortable { cursor:pointer;border: 1px solid #CFDAE5; background-color: #eee;margin-bottom:10px;margin-left:10px; margin-right:10px;}
.rax-box-unsortable { background-image: url(app/system/images/glossy-mat.png); background-repeat: repeat-x; }  /* box highlight */

.actionLabel{
	vertical-align:middle;
    color:#565;
    font-weight:normal;
    font-size:13px;
    margin:0px 0px;
    text-decoration: none;
    padding:2px 0 0 2px;
	margin:3px 5px 2px 10px;
    display:inline-block;
}

.rightActionBar .actionLabel {
    color: #A0A0A0 !important;
    font-weight: bold !important;
    margin: -3px 0 0 !important;
    padding: 0 4px !important;
}

/* Paste button in the documents. Changed with class stylishBut */
/*
.pasteButton {
    background: url("app/system/images/pasteIcon.png") #F78F18;
	background-position: 3px 3px;
	background-repeat:no-repeat;
	color: #383838!important;
}
.pasteButton:hover {
	background-position: 3px -23px;
	color: #222222 !important;
}

.buttoned {
    border: 1px solid #CDCDCD !important;
    padding: 5px 5px 5px 27px !important;
    width: 74px;
	font-weight: bold !important;
}
*/
.actionBut{
	/*vertical-align:middle;*/
    border-radius:3px;
    color:#446;/*#556677;*/
    font-weight:normal;
    font-size:13px;
    margin:0px 0px;
    cursor:pointer;
    text-decoration: none;
    /*padding: 0 0 0 2px;*/
	margin:0 4px;/*2px -1px 2px 0;*/
    display:inline-block;
    outline:none;
}

.actionBut:hover{
    color:var(--highlight-color);
}

.actionButSmall{
	font-size:12px;
	color:#000;
	font-weight:normal;
	/*margin-top:4px;*/
}

.actionButBig{
	font-size:14px;
	color:var(--main-color);;
	margin:0 6px;/*6px 3px 2px 0;*/
    font-weight:bold;
	/*padding:4px;
	vertical-align:top;*/
}

.actionButEmpty{
	cursor: default;
}

.actionButEmpty:hover {
    color: var(--main-color);;
}

.actionBut::-moz-focus-inner, a::-moz-focus-inner {
  border: 0;
}

.actionButton {
    /*background: none repeat scroll 0 0 #69c; /*48e; /*#1065c5; /*#777;*/
    color: var(--menu-color);; /*#fff; /*#1065c5;*/
    font-size: 14px;
	font-weight: 600;
    /*margin: 0px 0px 0px 4px;*/
	margin-top:4px;
    padding: 2px 10px 2px 10px;
	display:inline-block;
	/*line-height:24px;*/
    text-decoration: none;
	float:left;
	border-bottom:none;
	cursor:pointer;
	/*border-radius:3px;*/
	/*border:1px solid #15c;*/
    /*vertical-align: bottom;*/
}
.actionSelectedButton {
	/*border-bottom:2px solid #0a56b8; /*2c5*/
	color: var(--select-color); /*#0a56b8;*/
}
.actionButton:hover {
	color:var(--highlight-color);
}

.actionLink{
    color:var(--link-color); /*#3056B4;*/
    font-weight:400;
    font-size:13px;
    padding:2px 4px;
    cursor:pointer;
    text-decoration: none;
    line-height: 14.5px;
	display:inline-block;
}
.actionLink:hover{
    /*color:#666 !important;*/
	text-decoration:underline;
}
.create-new-rec {
    color: var(--main-color);;
    font-size: 16px;
    margin: 0px 10px;
    text-decoration: none;
    display: inline-block;
}
.create-new-rec:hover {color:#69f}
#userButton.listopen:hover{
    border-bottom:none;
}
#userButton .list{
    background:#B0C0D0;
    padding: 15px 10px 10px;
    text-align:left;
    list-style:none;
    margin:0;
    position:absolute;
    right:0px;
    display:none;
    color:#222222;
	width:166px;
	top:15px;
	right:-3px;
	z-index: 3;

}
#userAccountDiv:hover .list{
    display:block;
	box-shadow: 0px 0px 2px 0px black;
	-moz-box-shadow:0px 0px 2px 0px black;
	-webkit-box-shadow:0px 0px 2px 0px black;
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(243,243,243,0.95) 50%, rgba(237,237,237,0.95) 51%, rgba(244,244,244,0.9) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(243,243,243,0.95)), color-stop(51%,rgba(237,237,237,0.95)), color-stop(100%,rgba(244,244,244,0.9))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,0.95) 50%,rgba(237,237,237,0.95) 51%,rgba(244,244,244,0.9) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,0.95) 50%,rgba(237,237,237,0.95) 51%,rgba(244,244,244,0.9) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,0.95) 50%,rgba(237,237,237,0.95) 51%,rgba(244,244,244,0.9) 100%); /* IE10+ */
    background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,0.95) 50%,rgba(237,237,237,0.95) 51%,rgba(244,244,244,0.9) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6f4f4f4',GradientType=0 ); /* IE6-9 */
}
#userButton .list li{  padding:2px 0px 6px;}
#userButton .list .lhov:hover{font-weight:bold;}
.lhov{cursor:pointer;}
.actionButImg img{
    padding:3px;
    height:24px;

}
.actionButImg img:hover{
    background:#fdfada none repeat scroll 0 0;
    border:1px solid #FBCB09;
    padding:2px;
}


.actionButMiniImg{
display:block;
float:left;
}

.actionButMiniImg img{
padding-left:3px;
height:20px;
}
.actionButMiniImg img:hover{
background:#fdfada none repeat scroll 0 0;
padding-left:3px;
}
/*
.butActionClass{
	background:none;
	border:none;
	box-shadow:none;
}
*/
.butActionClass{
	padding: 6px;
	margin-bottom: 12px;
	border: 1px solid var(--panel-border);
	border-radius: 4px;
	clear: both;
}

.butSearchClass{height: 22px; padding: 5px 4px 10px; color:#666666;}
.butSearchClass, .butSearchClass input, .butSearchClass select{ font-size:11px !important;}

.vAsLef{
display:block;/*inline-block*/
position:relative;
}
.vAsRig{
display:inline-block;
position:relative;
white-space:nowrap;
text-align:right;
padding-top:20px;
padding-right:0px;
height:20px;
}
.vAsRig span a + input{border:none!important;background:transparent!important}

.upgradePrice {font-size:10px;}
.orange {font-weight:bold}
.myInput {
	background-color: var(--edit-background);
	/*border: 1px solid var(--edit-border);*/
	border-color: var(--edit-border);
	border-style: solid;
	border-width: 2px 2px 2px 2px;
	font-size: 13px;
	text-overflow: ellipsis;
	margin: 0;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	border-radius:3px;
}
input.myInput {
	/*padding: 5px 25px 5px 3px;*/
	/*padding: 2px 25px 4px 3px;*/
}
select.myInput {padding:3px;}
.myInput:focus {/* border-color: rgba(82, 168, 236, 0.8);box-shadow: 0 0 2px #9ECAED;*/border:1px solid var(--select-color);outline: medium none;}
.onspan{cursor:pointer;background:#E0E5EA!important;font-size:11px;}
.offspan{cursor:pointer;font-size:11px;	}
.stylishButDisabled  {
	background-color: #CDCDCD !important;
    color: #999999 !important;
    cursor: default !important;
}

.stylishButDisabled:hover  {
	background-color: #CDCDCD !important;
}

.searchDialogCheckboxWrapper {
	display: inline-block;
	margin-left: 10px;
	margin-right: 2px;
}

.stylishBut_checkbox{
    background:#F0F7FB none repeat scroll 0 0;
    border:1px solid #B8CFE5;
    color:#1C94C4;
    font-weight:bold;
    font-size:11px;
    padding:2px;
    cursor:pointer;
    height: 20px;
    background-color: white;
}

.stylishBut_checkbox:hover{
    background:#fdfada none repeat scroll 0 0;
    border:1px solid #FBCB09;
    color:#C77405 !important;
    font-weight:bold;
}

.stylishBut_checkbox:active{
    background:#FFFFFF none repeat scroll 0 0;
    border:1px solid #FBD850;
    color:#EB8F00 !important;
    font-weight:bold;
    outline-color:-moz-use-text-color;
    outline-style:none;
    outline-width:medium;
}


/*Apo edw einai to menu tis main*/
.generalmenuall
{
margin:5px;
}

.menuBlock{
margin-bottom:20px;
}
.menuBlock .header{
font-weight:bold;
font-size:15px;
vertical-align:middle;
padding:7px;
margin:5px 5px 0px 5px;
background:url("app/system/images/themes/blue16.png") repeat scroll 0 260px transparent;
background-color:#c5dbe5;
border:1px solid #c5dbe5;
-moz-border-radius:4px 4px 0 0;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-left-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
}

.menuBlock ul{
list-style: none;
display:block;
margin: 0px 5px 0px 5px;
padding:0px;
}
.menuBlock a:hover{
background-color: #FFCC72;
color: #444444;
width:140px;
}
.menuBlock ul li{
padding:2px 3px 2px 8px;
margin:0px 0px 1px 0px;
background-color:#f6fafd;
}

.menuBlock ul li a{
display:block;
text-decoration:none;
color:#444444;
font-size:13px;
padding:2px 3px 2px 8px;
}
.menuBlock ul li a:hover{
background-color:#FFCC72;
padding:2px 3px 2px 8px;

}
.menuBlock li li a{
display: block;
color: #444444;
background-color: #F6FAFD;
width: 140px;

text-decoration: none;
border-bottom: 1px solid #fff;
font-weight: normal;

}
.menuBlock li li li a:hover{
width: 118px;
padding: 2px 3px 2px 24px;
}
.menuBlock li li li a{
width: 118px;
padding: 2px 3px 2px 24px;

}
menuBlock li li li li a{
width: 90px;
padding: 2px 3px 2px 32px;
}
menuBlock li li li li a:hover{
width: 90px;
padding: 2px 3px 2px 32px;
}


.menuBlock .lastElement{
-moz-border-radius:0 0 4px 4px;
-webkit-border-top-left-radius: 0;
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
}
.menuShop {
padding:2px 3px 2px 8px;

background-color:#f6fafd;
margin: 0px 5px 0px 5px;
}


.menueShop ul li a{

text-decoration:none;
color:#444444;
font-size:13px;
padding:2px 3px 2px 8px;
display: inline !important;
}

.menueShop ul li a:hover{
background-color:#F6FAFD !important;
padding:2px 3px 2px 8px;


}
.widgets	a {
/*text-align:left;*/
color:black;
/*font: normal 12px Tahoma,Trebuchet MS,Tahoma, Arial,Times New Roman;*/

}

.widgets a:hover{
color:blue;
}

.bopencolor a
{
color:#FFA23F;
/*font: bold 16px Tahoma,Trebuchet MS,Tahoma, Arial,Times New Roman;*/
}

.bopencolor a:hover
{
color:blue;

}
/*ws edw einai i main*/


.democlass{
height:100%;
}

.diatableView{
width:100%;
background-color:white;
}
.diatableView td{
padding-right:7px;
font-size:11px;
overflow:hidden;
}
.tags td{
font-size:12px;
}
.notes td{
font-size:12px;
}
.rights td{
font-size:12px;
}

.dialogRadio{
font-size:11px;
}

.dialogDescript{
/*font-size:11px;*/
/*width:90%;*/
}

.critdiaTable td{
padding-right:10px;
font-size:11px;
}

.critdialogInput{
font-size:11px;
padding:0;
}

.lang{
padding-left:20px;
text-align:left;
}


.default{
position:absolute;
left:0px;
top:0px;
}

.tdexpand{
height:100px;
width:900px;
}
/*to xroma tis row sta criteria*/
/*.critdiaTable tr{
background-color:#F2F7FC;
}*/

.record-bar-btn.close {
    float: right;
	/*margin-top:5px;*/
}

.tdPadding{
    /*padding-top:5px;*/
}

.tabFormContainer {
   width:100%;
   /*float:left;
   width:10%;
   margin-right:5px;
   margin-left:5px;*/
}

.tabForm {
   float:left;
   background:#e0e5ea;
   border-color:#bcd #bcd #fff;
   border-radius:3px 8px 0 0;
   border-style:solid solid none;
   border-width:1px 1px medium;
   color:#555;
   font-size:13px;
   margin-left:5px;
   padding:8px 5px;
}
.article_body p, table tr td{
/*text-align:left;*/
color:#222;
font-size:12px;
/*font-family: Proximanova, Segoe ui, Tahoma, Arial, sans-serif, Helvetica;*/
}

.styledRadio{
background-image:url(app/servers/eurokteo/images/top-menu-divider.png)
}



button::-moz-focus-inner {
  border: 0;
}

/***************** Chat.css ******************/
/*#chatContent{
background-color:#f9f9f9;
}*/
.privateMessage,#chatMessages_global{
height:250px;
border-bottom:1px solid #B8CFE5;
background-color:#f9f9f9;
padding-top:5px;
padding-left:5px;
padding-bottom:5px;
overflow:auto;
z-index:1000;
display: block;
font-size:11px;
}

/*#privateMessages,#privateMessages_global{
border-bottom:1px solid #B8CFE5;
}*/
.privateMessage{
border:none;
}
.privateMessage .history{
color: #999999;
}
.privateMessage .alert{
font-weight: bold;
color: red;
}
.privateMessage .systemMsg{
font-weight: bold;
color: orange;
}
.privateMessage .usersname{
color: #3056B4;
font-weight: bold;
}

#main_chat_div{
    z-index: 100;
    box-shadow:0 4px 16px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:0 4px 16px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow:0 4px 16px rgba(0, 0, 0, 0.2);
    position: fixed;
    right: 5px;
    bottom: 5px;
    width: 65%;
}

#chatUser,#chatUser_global{
white-space:nowrap;
overflow:hidden;
cursor: pointer;
cursor: hand; /*Legacy code for old IE versions. Current order must be kept the same.*/
}

#roomsContainer,#roomsContainer_global{
border-bottom:1px solid #B8CFE5;
border-top:1px solid #B8CFE5;
background-color:#f9f9f9;
overflow:visible;
}

#messageChatButton, #messageChatButton_global{
margin-right: 2px;
width: 100%;
min-width:60px;
}
.outline td{border:1px solid red;}
#switchChats{
width:68%;
}

#usersContainer,#usersContainer_global{
border-bottom:1px solid #B8CFE5;
border-top:1px solid #B8CFE5;
border-left:1px solid #B8CFE5;
}

#privateChatImages,#privateChatImages_global{
z-index:1001;
overflow:auto;
}

#public_chatroom_img,#public_chatroom_img_global{
position:relative;
}

.linkImagesPublic{
padding-top: 3px;
padding-bottom: 2px;
padding-left: 6px;
cursor: pointer;
cursor: hand; /*Legacy code for old IE versions. Current order must be kept the same.*/
}

.linkImagesPrivate{
padding-top: 3px;
padding-bottom: 2px;
padding-left: 6px;
cursor: pointer;
cursor: hand; /*Legacy code for old IE versions. Current order must be kept the same.*/
}

/****************************/



/**********************TABS.CSS**************/


.tabmenu, .tabmenuScroll{
position:relative;
/*top:10px;*/
float:left;
font: normal 12px Verdana;
width:100%;
/*margin-top:10px;*/
}
.tabmenu ul, .tabmenuScroll div{
list-style-type : none;
margin : 0;
padding : 0;
margin-bottom:0px;
margin-right:0px;
margin-left:0px;
padding-top : 2px;
padding-bottom : 23px;
padding-left : 10px;
}
.tabmenu li, .tabmenuScroll a{
display : inline;
list-style-type : none;
margin : 0;
padding : 0;
}
/************************/
/****** css-tabs  *******/
/************************/

ul.css-tabs, div.css-tabs { margin:0 !important; padding:0; height:30px; overflow:hidden; border-bottom:1px solid var(--border-color);}
ul.css-tabs li:first-child, div.css-tabs:first-child {padding-left:10px!important;}
ul.css-tabs li , div.css-tabs a{ float:left; padding:0; margin:0; margin-right: 5px; list-style-type:none; }

/* link inside the tab. uses a background image */
ul.css-tabs a.current, div.css-tabs a.current {
	background-color: var(--select-color);/*#5c99d6;*/
	/*background: -moz-linear-gradient(top,  #44c5ec 0%, #259bdb 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#44c5ec), color-stop(100%,#259bdb));
	background: -webkit-linear-gradient(top,  #44c5ec 0%,#259bdb 100%);
	background: -o-linear-gradient(top,  #44c5ec 0%,#259bdb 100%);
	background: -ms-linear-gradient(top,  #44c5ec 0%,#259bdb 100%);
	background: linear-gradient(to bottom,  #44c5ec 0%,#259bdb 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#44c5ec', endColorstr='#259bdb',GradientType=0 );*/
	color:#fff;
}
ul.css-tabs a , div.css-tabs a{
    float : left;
    font-size : 14px;
    padding: 5px 10px;
    text-decoration : none;
    display:block;
	border-color:#ccc;
	border-width:1px 1px 0px 1px;
    color: var(--main-color);
	/*background: none repeat scroll 0 0 var(--main-color);*/
	border-radius:3px 3px 0 0;
}
ol, ul { list-style: none outside none;	margin:0px;padding:0px}

/*gia to span wrapper tis eikona sta tabs
fix to thema me to alt tis eikonas kai ti kathisterisi tou dataservlet na ferei tin eikona
*/
div.css-tabs span.tbImgWpr{
width: 16px;
display: inline-block;
overflow: hidden;
vertical-align: bottom;
}

ul.css-tabs li .refresh, div.css-tabs a .refresh  { float: left;  margin:2px 4px 2px 0px; width:16px; height:16px; background: url("/DataServlet?unit=Main&image=REFRESH16") no-repeat scroll 0 0 transparent; }
ul.css-tabs li .refresh:hover, div.css-tabs a .refresh:hover  { background: url("/DataServlet?unit=Main&image=REFRESHOVER16") no-repeat scroll 0 0 transparent; }
ul.css-tabs li .text, div.css-tabs a .text{  }


ul.css-tabs a:active, div.css-tabs a:active {     background: #f8f8f0;    text-shadow:none;color:#68b}

/*At least one Current and one Border must be selected for css-tabs to be styled appropriately*/
ul.CurrentWhite a.current, ul.Currentwhite li.current a , div.CurrentWhite a.current, div.Currentwhite a.current a { height:18px; background: white;   color:#EF7749;  border-bottom: 0px; padding-bottom:4px;}
ul.CurrentBackLight a.current, ul.CurrentBackLight li.current a , div.CurrentBackLight a.current, div.CurrentBackLight a.current a { height:18px; background: #f6f6f6;   color:#EF7749;  border-bottom: 0px; padding-bottom:4px;
    box-shadow: 0 4px 10px -4px black;
    -moz-box-shadow: 0 4px 10px -4px black;
    -webkit-box-shadow: 0 4px 10px -4px black;}

ul.CurrentGrey a.current, ul.CurrentGrey li.current a , div.CurrentGrey a.current, div.CurrentGrey a.current a  { height:19px; background: #f4f4f4; color:#489;  border-bottom: 0px; padding-bottom:4px;}

ul.BorderBlue a, div.BorderBlue a { border: 1px solid #B8CFE5; border-bottom : 0px;}
ul.BorderBlue, div.BorderBlue { border-bottom : 1px solid #B8CFE5;}
ul.BorderGrey a, div.BorderGrey a  { border: none;}
ul.BorderLightGrey a, div.BorderLightGrey a  { border: none;}
ul.BorderLightGrey, div.BorderLightGrey { border-bottom : 1px solid #d5d5d5;}
ul.fixedWidth1 a, div.fixedWidth1 a{ width:140px;}

/*GENERIC*/
.Back1 {background-color:#f4f4f4;}
.Back2{
	/*margin-bottom:10px;*/
	overflow:visible;
	position:relative;
}
.BackLight{background-color:#f6f6f6;}   /*change also .CurrentBackLight*/
.bodyBack{background-color:#ffffff;}

.criteriaWrapper {
    display: flex;
    white-space: pre-wrap;
    vertical-align: middle;
    overflow: hidden;
}

.criteriaWrapper .actionButBig {
    display: block;
}

.table-paging-container  {
    width: max-content;
    float: right;
	position:absolute;
	right:0;
}

.popOutBack:hover{
    background:#ddd;
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(243,243,243,0.95) 50%, rgba(237,237,237,0.95) 51%, rgba(244,244,244,0.9) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(243,243,243,0.95)), color-stop(51%,rgba(237,237,237,0.95)), color-stop(100%,rgba(244,244,244,0.9))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,0.95) 50%,rgba(237,237,237,0.95) 51%,rgba(244,244,244,0.9) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,0.95) 50%,rgba(237,237,237,0.95) 51%,rgba(244,244,244,0.9) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,0.95) 50%,rgba(237,237,237,0.95) 51%,rgba(244,244,244,0.9) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,0.95) 50%,rgba(237,237,237,0.95) 51%,rgba(244,244,244,0.9) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6f4f4f4',GradientType=0 ); /* IE6-9 */
    box-shadow: 0 0 2px 0 black;
}}

.right{float:right;}


/************************/
/******NewRec-tabs*******/
/************************/

ul.NewRec-tabs {
width: 100%;
margin:0 !important;
padding:0;
height:27px;
border-bottom:1px solid #777777;
}

/* single tab */
ul.NewRec-tabs li {
float:left;
/*width:24%;*/
/*padding-left:1%; */
padding-left:5px;
margin:0;
list-style-type:none;
}

/* link inside the tab. uses a background image */
ul.NewRec-tabs a {
font-size:13px;
display:block;
padding:5px 15px;
text-decoration:none;
border:1px solid #B8CFE5;
border-bottom:0px;
height:15px;
background-color:#efefef;
color:#777;
position:relative;
top:1px;
outline:0;
text-align:center;
-moz-border-radius:4px 8px 0 0;

-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 8px;
-webkit-border-bottom-left-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
}

ul.NewRec-tabs a:hover {
background-color:#F7F7F7;
color:#333;
}

/* selected tab */
ul.NewRec-tabs a.current {
background:none repeat scroll 0 0 #FFFFFF;
border-color:#777777;
border-bottom:1px solid #FFFFFF;
color:#000;
cursor:default;
}

/***************************/
/*********tab-panes*********/
/***************************/
.css-panes .css-div {
padding:15px 16px;
}

/***************************/
/********NewRec-panes*******/
/***************************/
.NewRec_panes {
min-height:150px;
padding-top:30px;
background-color:white;
}

.NewRec_panes .NewRec-div {
min-height:150px;
padding:15px 20px;
background-color:#e8e8e8;
}

/***************************/
/********   Slide skin    *******/
/***************************/
ul.slideSkin {
margin:0 !important;
padding:0;
padding-top:10px;
height:27px;
border-bottom:1px solid #5F789D;
}
/* single tab */
ul.slideSkin li {
float:left;
padding:0px;
margin:0px;
list-style-image:none !important;
}
/* link inside the tab. uses a background image */
ul.slideSkin a {
background: url("app/system/images/sprite.png") repeat-x scroll -420px 0 #D8D8D8;
color:#333;
}
ul.slideSkin a:active {
outline:none;
}
/* when mouse enters the tab move the background image */
ul.slideSkin a:hover {
background-position: -420px -31px;
color:#f00;
}
/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.slideSkin a.current, ul.slideSkin a.current:hover, ul.slideSkin li.current a {
/*
background-position: -420px -62px;
cursor:default !important;
color:#000 !important;
background : #e8e8e8;
border-bottom : 1px solid #e8e8e8;
*/
cursor:default !important;
background : #FAFCFE;
background-position: -420px -62px;
color:#3056B4 !important;
font-size: 13px;
font-weight: bold;
text-align: center;
text-shadow: 1px 1px 0 #FAFCFE, 0 1px 10px #FFFFFF;
border-bottom : 1px solid #FAFCFE;

}
/* class for windows that have only one Tab */
ul.slideSkin a.simpleTab, ul.slideSkin a.simpleTab:hover, ul.slideSkin li.simpleTab a {
cursor:default !important;
background : white;
color:#3056B4 !important;
font-size: 13px;
font-weight: bold;
text-align: center;
text-shadow: 1px 1px 0 #FAFCFE, 0 1px 10px #FFFFFF;
border-bottom : 1px solid #FFF;
}
div.slideSkin .css-div {
min-height:150px;
padding:10px 10px;
}


/***************************/
/******* NewRec-skin *******/
/***************************/

ul.NewRec-skin li {
float:left;
width:24%;
padding:1%;
margin:0;
list-style-type:none;
list-style-image:none !important;
}

/* link inside the tab. uses a background image */
ul.NewRec-skin a {
background: url("app/system/images/sprite.png") repeat-x scroll -420px 0 #D8D8D8;
color:#333;
}

ul.NewRec-skin a:active {
outline:none;
}

/* when mouse enters the tab move the background image */
ul.NewRec-skin a:hover {
background-position: -420px -31px;
color:#f00;
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.NewRec-skin a.current, ul.NewRec-skin a.current:hover, ul.NewRec-skin li.current a {
background-position: -420px -62px;
cursor:default !important;
color:#000 !important;
background : #e8e8e8;
border-bottom : 1px solid #e8e8e8;
}

div.NewRec-skin .css-div {
min-height:150px;
padding:10px 10px;
}

/*********************************/

/* New window design, instead of alphacube */
.windowStyle_content {
	color: #000;
	/*padding: 10px; /*10px;*/
	box-sizing: border-box;
}


.windowStyle_title {
    /*background: transparent;*/
	background: var(--window-title);
    color: #fff; /*var(--header-color);*/
    font-size: 20px;
    /*font-weight: 600;*/
    /*padding:3px 0;
    text-align: center;*/
    width: 100%;
	text-overflow: ellipsis;
    white-space: nowrap;
	overflow: hidden;
	padding: 4px 0px 8px 0px;
}

.windowStyle_n {
	text-align:center;
}

#links_Window_top .windowStyle_n {
	width:100%;
}

.windowStyle_nw { display:none;}

.windowStyle_ne { display:none; }

.windowStyle_w { display:none; }

.windowStyle_e { display:none; }


.windowStyle_sw {
width:10px;
height:10px;
}

.windowStyle_s {
height:10px;
}

.windowStyle_se, .windowStyle_sizer  {
width:10px;
height:10px;
}

.windowStyle_sizer {
cursor:se-resize;
}

.windowStyle_close {
position:absolute;
top:10px;
right:10px;
cursor:pointer;
z-index:1000;
}

.windowStyle_minimize {
width: 23px;
height: 23px;
position:absolute;
top:10px;
right:40px;
cursor:pointer;
z-index:1000;
}

.overlay_windowStyle {
background-color: rgba(41, 47, 51, 0.6);
}

.windowStyle_maximize {
width: 23px;
height: 23px;
background: transparent url(alphacube/button-max-focus.gif) no-repeat 0 0;
position:absolute;

top:0px;
right:30px;
cursor:pointer;
z-index:1000;
}

/* For alert/confirm dialog */
.windowStyle_window {
border:1px solid #F00;
background: #FFF;
padding:20px;
margin-left:auto;
margin-right:auto;
width:400px;
}

.windowStyle_message {
/*font: 12px 'Open Sans',sans-serif;*/
text-align:center;
width:100%;
padding-bottom:10px;
}

.windowStyle_buttons {
text-align:center;
width:100%;
}

.windowStyle_buttons input {
width:20%;
margin:10px;
}

.windowStyle_progress {
float:left;
margin:auto;
text-align:center;
width:100%;
height:16px;
background: #FFF url('alert/progress.gif') no-repeat center center
}

.windowStyle_wired_frame {
background: #FFF;
filter:alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}

/*************************************************/

/*alert*/

.overlay_alert {
background-color: #666666;
filter:alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}

.alert_nw {
-webkit-border-top-left-radius: 4px;
-moz-border-radius: 4px 0px 0px 0px;
background: #6D6E71;
width:10px;
height:30px;
}

.alert_n {
background: #6D6E71;
height:30px;
}

.alert_ne {
-webkit-border-top-right-radius: 4px;
-moz-border-radius: 0px 4px 0px 0px;
background: #6D6E71;
width:10px;
height:30px;
}

.alert_w {
background: #6D6E71;
width:4px;
}

.alert_e {
background: #6D6E71;
width:4px;
}

.alert_sw {
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius: 0px 0px 0px 4px;
background: #fff;
width:7px;
height:4px;
}

.alert_s {
background: #fff;
height:4px;
}

.alert_se, .alert_sizer  {
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius: 0px 0px 4px 0px;
background: #fff;
width:7px;
height:4px;
}

.alert_sizer {
cursor:se-resize;
}

.alert_close {
width: 23px;
height: 23px;
/*background: transparent url(alphacube/button-close-focus.gif) no-repeat 0 0;*/
background: transparent url(app/system/images/close.png) no-repeat 0 0;
position:absolute;
top:1px;
right:3px;
cursor:pointer;
z-index:1000;
}

.alert_minimize {
width: 23px;
height: 23px;
background: transparent url(alphacube/button-min-focus.gif) no-repeat 0 0;
position:absolute;
top:0px;
right:55px;
cursor:pointer;
z-index:1000;
}

.alert_maximize {
width: 23px;
height: 23px;
background: transparent url(alphacube/button-max-focus.gif) no-repeat 0 0;
position:absolute;
top:0px;
right:33px;
cursor:pointer;
z-index:1000;
}

.alert_title {
float:left;
/*height:13px;*/
font-size:13px;
text-align:center;
/*margin-top:2px;*/
width:100%;
color:#123456;
}

.alert_content {
overflow:auto;
color: #000;
font-size: 12px;
background:#fff;
}

/* For alert/confirm dialog */
.alert_window {
border:1px solid #F00;
background: #FFF;
padding:20px;
margin-left:auto;
margin-right:auto;
width:400px;
}

.alert_message {
font-size: 12px;
text-align:center;
width:100%;
padding-bottom:10px;
}

.alert_buttons {
text-align:center;
width:100%;
}

.alert_buttons input {
width:20%;
margin:10px;
}

.alert_progress {
float:left;
margin:auto;
text-align:center;
width:100%;
height:16px;
background: #FFF url('alert/progress.gif') no-repeat center center
}

.alert_wired_frame {
background: #FFF;
filter:alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}

.clearer{clear:both;}
/*css for the viewForms*/
.FormViewInfoContainer {float: left;}
.FormViewImageThumb {
	border: 3px solid #fff;
	border-radius: 4px;
}
.FormViewImageWrap {
	width: 120px;
	height: 190px;
	margin-right: 10px;
	padding: 3px;
	float: left;
}
.FormViewHeaderLink {
	font-weight: bold;
	margin-bottom: 10px;
	margin-left: 10px;
}
.FormViewHeaderLink h3 {display: inline-block; margin: 0px;}
.FormViewTableHeader h3 {
	color: #000000;
	text-align: left;
}
.hr {
	color: #ccc;
	background-color: #ccc;
	height: 2px;
	border: none;
}
.tableAdditional {border: none; display: table; }
.tableRowAdditional {border: none; display: table-row; height: 100%; color: #000; }
.tableCellAdditional {border: none; display: table-cell; padding: 3px; }
.tableViewForm {border: none; display: table; }
.tableViewFormRow {border: none; display: table-row; height: 100%; color: #000;}
.tableViewFormCell {border: none; display: table-cell; padding: 3px;}
.tableViewFormlabel{ font-weight: bold; }
.important {color: green; font-weight: bold; font-size:13px;}
.green {color: #348237;}
/*new Comidor Layout CSS Tomasz*/

/*************************************search icon and company title***************************************/
#gSearchInput {
	border-color: #D9D9D9;
}
#gSearchInput:focus {
	border-color: #D9D9D9;
	box-shadow: none;
	background: none repeat scroll 0 0 #FFF8D5;
}

.logo img {
	/*width:140px;  /*140*/
	color:#404349;
	font-size:14px;
	font-weight:bold;
}
.allPrograms {	display: inline-block;height: 84px;text-align: center;margin-right: 5px;z-index: 1;position: relative;}

.rightMore{float:right}
#rightNotificationBar{
	/*display:none;
	top:32px;
	right:0px;
	background-color:#fff;
	margin-bottom:5px;
	width:330px;
	margin-bottom:15px*/
	width: 100%;
}
#rightNotificationBar table tr td{
	font-size:13px;
	color:#008ACA;
}
#rightNotificationBar img{
	width:20px;
	margin-right:4px;
	vertical-align:middle;
}
#rightNotificationBar span{
	color:#393939;
	font-weight:bold;
}
#userMailsWrapper{
	margin-top:10px;
	white-space:nowrap;
	/*display:none;*/
}
.topRightTable{background-color:#fff;border-radius:0px 0px 0px 28px;}
.menuBorderBottom {position: relative;background-repeat:repeat-x;	top: 98px;	z-index: 1;}
#logoffimage{padding-left:5px;width:20px;margin-right:10px;cursor:pointer; vertical-align: middle;}
.userName {	display: inline-block;	margin: 5px 15px 10px 5px;	font-weight: bold;	color: #6e6f71;	cursor:default;}
/************************************ css ********************************************/
#tooltipA ,
#tooltipB,
#tooltipC,
#tooltipD,
#tooltipE{
	display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
}
#one-column-emphasis,
#one-column-emphasis2
{
	font-size: 12px;
	margin: 0px;
	width: 100%;
	text-align: left;
	border-collapse: inherit;
}
#one-column-emphasis th
{
	font-size: 15px;
	font-weight: bold;
	padding: 7px 4px;
	color: #fff;
	background:#008aca;
}
#firstth {border-radius: 4px 0px 0px 0px}
#lastth {border-radius: 0px 4px 0px 0px}
#one-column-emphasis2 th
{
	font-size: 15px;
	font-weight: bold;
	padding: 7px 4px;
	color: #585858;
}
#one-column-emphasis td,
#one-column-emphasis2 td
{
	padding: 7px 4px;
	color: #669;
	border-top: 1px solid #c0c0c0;
}
.oce-last
{
	background: #C9E1EC;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
}
.ocecheck {width:50px;}
/*#one-column-emphasis tr:hover td
{
	color: #585858;
	background: #f6f6f6;
}*/
.tableLabel {line-height:30px!important; font-weight:bold!important; color:#008ACA!important;}
.tableRed {line-height:30px!important; font-weight:bold!important; color:#c80c0c!important;}
.tableSupport {line-height:30px!important; font-weight:bold!important; color:#27aae1!important; background-color:#fff!important;}
#one-column-emphasis select {
border: 1px solid #F0F0F0;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 2px #393939;
    font-size: 15px;
    height: 33px;
    padding: 6px;
    width: 73px;
}
.storage {float: left; margin: 3px 3px; width: 23px; height:25px;}
/* CSS Grid */
#plannerSlider {overflow:auto;}
.controls input {height: 19px; margin-left: 3px; padding: 0;width: 82px;}
#hourRange img { vertical-align: middle; margin-left: 4px;}
.controls img {vertical-align: middle; margin-left: 4px;}
.controls img:hover{cursor:pointer;	}
.controls {background: none;height: 20px;margin-left: 7px; padding: 3px;width: 140px;float: left;}
.rightArrow, .leftArrow {margin-right:3px;cursor:pointer;padding:5px;background:#f0f0f0;border-radius:3px}
.rightArrow{float:right;}
.leftArrow{float:left;}
.leftArrow img {margin-right:5px;}
.controls span:hover {background:#cdcdcd}
#plannerOrder,
#hourRange,
#dateRange {float: left; height: 20px; margin-left: 10px;}
#plannerOrder span {font-weight:bold; color: #484848;}
.overviewPaging {text-align:right}
.overviewPaging a{text-decoration:none}
.overviewLbl {width:180px;display:inline-block}
.overviewLbl2 {width:180px;display:inline-block;vertical-align:super;}
.userLink {display:block;padding:5px 0px}
.calDate {
    background: none repeat scroll 0 0 #D0D0D0;
    border: 1px solid #8e72bd; /*#5c99d6;*/
    border-radius: 3px 3px 3px 3px;
    color: #484848;
    font-weight: bold;
    height: 24px;
    min-width: 243px;
    padding: 4px 0 0;
    text-align: center;
}
.overviewUserList {
    background: none repeat scroll 0 0 #D0D0D0;
    border: 1px solid #8e72bd; /*#5c99d6;*/
    border-radius: 3px 3px 3px 3px;
    color: #484848;
    font-weight: bold;
    height: 24px;
    min-width: 243px;
    padding: 4px 0 0;
    text-align: center;
}
#getOverview {height:25px}
.plannerContainer { clear: both; width:auto; overflow:visible;min-height: 500px;padding-bottom:20px}
#PlannerHeader h2 {
    background: none repeat scroll 0 0 var(--main-color);;
    border-radius: 5px 5px 0 0;
    color: #FFFFFF;
    font-size: 20px;
    margin: 0 0 17px;
    padding: 10px;
    text-align: left;
}
#plannerOrder select,
#hourRange select {
    border: 1px solid #ccc;
    border-radius: 3px 3px 3px 3px;
    font-size: 13px;
    height: 30px;
    line-height: 1;
    padding: 4px;
}
.userSelection,
.selectByUser {width:460px; margin:10px;padding:5px;font-size:13px;background:#dedede;}
.userSelection select {
    border: 1px solid #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    font-size: 13px;
    height: 27px;
    line-height: 1;
    padding: 3px;
    width: 252px;
}
.selectByUser input {
    border: 1px solid #CDCDCD;
    border-radius: 3px 3px 3px 3px;
    padding: 5px;
    width: 240px;
}

.overviewSearch {width:200px}
#dateRange span {
    border-radius: 3px 3px 3px 3px;
    font-size: 13px;
    line-height: 2;
    padding: 5px;
}
#dateRange input {
    border: 1px solid #CDCDCD;
    border-radius: 3px 3px 3px 3px;
    margin-left: 5px;
    width: 108px;
}
.tabbedHeader2 {
	background-image: -moz-linear-gradient(center top , transparent, rgba(0, 0, 0, 0.2));
    border: 1px solid #EEEEEE;
    border-radius: 5px;
    box-shadow: 0 3px 1px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    display: inline-block;
    padding: 7px;
    text-align: center;
    text-decoration: none;
    transition: all 0.5s ease 0s;
    width: 80px;
}
.tabbedHeader2.selectedCal{background-image:-moz-linear-gradient(center top , transparent, rgba(0, 0, 0, 0.4))}
.tabbedHeader2:hover {background-image:-moz-linear-gradient(center top , transparent, rgba(0, 0, 0, 0.4))}
.usersLi {
    border-bottom: 1px solid #B2B2B2;
    color: #222222;
    font-weight: bold;
    height: 21px;
    padding: 4px 5px;
}
.usersLi:hover { background:#2E7BBD; color: #fff; cursor: pointer;}
.usersLi:active {background:#2E7BBD; color: #fff; cursor: pointer;}
#userList { float: left; padding: 10px;text-align: right;}
.plannerCal {float: left;margin:1px;}
.main{/*margin:0 auto; margin-right: 20px;*/ width:auto; padding-top:10px;}
.g80header {float:left; display: inline; background: #585858; color: #fff; font-size: 11px; width: 28px;margin:1px;}
.g80headerMonth {float:left; display: inline; background: #585858; color: #fff; font-size: 13px; width: 15px;margin:1px; text-align: center;}
.g80{float:left; display: inline; margin:1px; width:26px; height: 26px; border: 1px solid #5c99d6; background: #f9f9f9; }
.g80Month{float:left; display: inline; margin:1px; width:13px; height: 26px; border: 1px solid #5c99d6; background: #f9f9f9; }
.g80hour{float:left; display: inline; margin:1px; width:33px; height: 26px; border: 1px solid #585858; background: #585858;color:#fff; text-align: center;}
.g80content{float:left; display: inline; margin:1px; width:200px; white-space:nowrap;overflow:hidden;height: 26px; border: 1px solid #585858; background: #f9f9f9; font-weight: bold; color:#444; text-indent: 10px;}
.g80Task{float:left; display: inline; margin:1px; width:26px; height: 26px; border: 1px solid #5c99d6; background:#8DC63F; }
.g80Task:hover {cursor:pointer}
.inside{margin-left:0;}

.iconsHolder {}
p.grid{ padding-left:10px;}
.userMails{font-size:11px;color:#393939;margin:5px;text-align:left;}
.clear {clear:both;}
.clearfix:after, .main:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
	 }

.clearfix, .main{ display:block;}
.boldLabels {font-weight: bold;}
/*#speedcontainer {float:right; margin:30px}*/
.speedEnded {float:right; right:0px; top:26px; background:#e30000;color:#fff; border-radius:5px 0px 0px 5px; height:56px; width:0px;}
.speedLimit {float:right; right:0px; top:26px; color:#383838; border-radius:5px 0px 0px 5px; height:85px; width:0px;}
#spaceUsage span {margin-left:35px}
#spaceUsage {padding:10px;display:none;}
#spaceFinished span {margin-left:24px; color:#fff}
#spaceFinished {padding:10px}
.smsLabel {
    /*font-weight: bold;*/
    font-size: 13px;
    text-align: right;
    border-bottom: 1px solid #fff;
    color: #777;
    padding: 5px 10px 3px 4px;
}

/*********************payment popup css******************************/
.storageSelect,
.packageSelect,
.paymentProcess,
.storageSummary,
.periodSelect {margin:10px 0px;padding:10px; background:#e0e5e8; font-size:16px; width:79%; border-radius:10px}
.paymentContainer {width:80%}
.selectStep1 img,
.selectStep2 img,
.selectStep3 img
{vertical-align:middle}
.selectionDiv {width:40px}
#cardImages {float: right;margin-top:0px;}
#paypalform {padding:10px; margin-top: 10px; float:right;}
.periodSelect select {height:30px; padding:4px; border-radius:3px; border:1px solid #ccc}
.bordered {font-size:16px;}
.packageInform {padding:10px; background:#f0f0f0; font-size:18px; color:#484848}
.packageInform  img{margin-right:10px; vertical-align:middle;}
.packageInform span {
    color: #222;
    font-size: 18px;
    font-weight:bold;
}
.packageDetails {padding: 10px; font-size: 18px; margin-top:5px}
.packageDetails img {vertical-align:middle; margin-right: 4px}
.packageContractDetails {margin:10px}
#packageData th {
	background: none repeat scroll 0 0 #008ACA;
    border-bottom: 2px solid #000000;
    border-radius: 5px 5px 0 0;
    color: #FFFFFF;
    font-size: 18px;
    padding: 10px;
    width: 120px;
}
#packageData td {
 background: none repeat scroll 0 0 #F0F0F0;
    color: #222222;
    font-size: 13px;
    font-weight: bold;
    padding: 10px;
    text-align: center;
}

/*==================== right tabs menu ======================*/

.centralMenuOptions {margin:0;padding:0}
.centralMenuOptions li {
position:relative;
cursor:pointer;
list-style:none;
float:left;
line-height:30px;
padding:4px 6px;
color:#FFFFFF;
}

.centralMenuOptions li .allUnits {font-weight: 600;margin-top: 1px;padding: 0 5px;}
.centralMenuOptions li:hover {background-color:rgba(51,51,51,0.6);}

.centralMenuOptions li .admin1 {background:url('app/resources/admin.png') no-repeat 3px 3px;}
.centralMenuOptions li .admin1:hover {background-position:3px -21px}

.centralMenuOptions li .crogs {background:url('/app/resources/crogs.png') no-repeat 3px 3px;}
.centralMenuOptions li .crogs:hover {background-position:3px -21px}

.centralMenuOptions li .help1 {background:url('app/resources/help.png') no-repeat 3px 3px;}
.centralMenuOptions li .help1:hover {background-position:3px -21px}

.centralMenuOptions li .logOff {background:url('app/resources/logOff.png') no-repeat 3px 3px;}
.centralMenuOptions li .logOff:hover {background-position:3px -21px}
.centralMenuOptions li .emailMsg {background:url('app/resources/infoAlerts.png') no-repeat 3px 3px;}
.centralMenuOptions li .emailMsg:hover {background-position:3px -22px}
.tabedNav span:before {
    font-size: 17px;
}
.tabedNav.redAlert {
    color: orangered;
}
/*========================================*/
.renueBtn {
 background-image: url("app/servers/main/images/packageRefresh.png") !important;
    background-position: -6px 4px !important;
    background-repeat: no-repeat !important;
    text-indent: 15px;
    width: 90px !important;
}
/*.upgradeBtn {
 background-image: url("app/servers/main/images/packageUpgrade.png") !important;
    background-position: -4px 4px !important;
    background-repeat: no-repeat !important;
    text-indent: 20px;
    width: 103px !important;
}*/
.storageBtn {
	background-image: url("app/servers/main/images/addStorage.png") !important;
    background-position: -7px 4px !important;
    background-repeat: no-repeat !important;
    text-indent: 20px;
    width: 140px !important;
}
.upgradeOptions {
float:left;
padding:10px;
margin-top:19px;
}
.packageBtnControls {float:left; margin: 23px 0 0 10px;}
.packageBtnControls input {
    background: none repeat scroll 0 0 #444444;
    border: medium none;
    border-radius: 3px 3px 3px 3px;
    color: #fff;
    cursor: pointer;
    float: left;
    font-size: 17px;
    height: 33px;
    margin-right: 20px;
    padding: 3px;
    width: auto;
}
.packageBtnControls input:hover {background:#222222}
.upgradeContainer {padding:10px; box-shadow:1px 1px 7px #ccc;}
.chargeContainer {padding:10px; box-shadow:1px 1px 7px #ccc; text-align:left;}
.chargeContainer table th{background:#484848;text-align:center;font:bold 1.0em/2em 'Open Sans', sans-serif;color:#fff;padding: 0 10px;}
.chargeContainer table td{font-size:13px;padding:10px;border-bottom:1px solid #000}
.masterRow{background-color:#EEEEEE}
.upgradeContainer h2 {/*background:#f0f0f0; border-radius:5px;*/ border-bottom:2px solid #f09020; padding:15px; margin:0px}
.upgradeContainer img {vertical-align:middle; margin-right:10px; }
#stepTitle {color:#444; font-size:20px}
.tableLabel .red {color:#c8710c}
.nopadnoborder {padding:0px 4px!important; border:none!important;}
.rightAlignTh {text-align:right!important}
.upgradeSlogan {margin-top:25px}
.gb10Btn,
.gb20Btn,
.gb30Btn,
.gb50Btn,
.yearBtn,
.month6Btn,
.month3Btn,
.month1Btn {background:#f09020!important; padding:3px; border:none; border-radius:3px; cursor:pointer!important;color:#2d2d2d;}

.gb10Btn:hover,
.gb20Btn:hover,
.gb30Btn:hover,
.gb50Btn:hover,
.yearBtn:hover,
.month6Btn:hover,
.month3Btn:hover,
.month1Btn:hover {background:#F08100!important}
#paymentButtons {float:right}
.BuyButton {
	background: url("app/servers/main/images/checkout.png")no-repeat;
    border: medium none;
    cursor: pointer;
    height: 42px;
    margin-top: 8px;
    width: 151px;
}
.ExitButton {
	background: url("app/servers/main/images/exit.png")no-repeat;
    border: medium none;
    cursor: pointer;
    height: 24px;
    margin-left: 8px;
    width: 41px;
}
.backBtn {float:right; font-size:20px; color: #F08100; cursor:pointer}
.customButton {
    background: none repeat scroll 0 0 #27AAE1;
    border: medium none;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 13px;
    padding: 0 5px;
}

.chargeHeaders {
	background-color:#EEEEEE;
	padding: 5px 3px;
}

.chargesTotals {
	padding: 5px;
	border-bottom: 1px solid #EEE;
}
.chargeHeaders .chargeTotal {

}
.chargesFooter {
    height: 50px;
    margin-top: 15px;
	 padding: 5px;
}
.chargesFooter > span {
    font-size: 15px;
    line-height: 28px;
    vertical-align: middle;
}
.chargeDate {width:250px;float:left;}
.chargeService {width:250px;float:right;}
.chargePrice {width:100px; text-align:right !important;float:right;}
.chargeVat {width:100px; text-align:right !important;float:right;}
.chargeQuantity {width:100px; text-align:right !important;float:right;}
.chargeTotal {width:100px; text-align:right !important;float:right;}

ul.chargesTree {
list-style-type: none;
margin: 0 0 0 -22px;
padding: 0;
}

ul.chargesTree ul {
list-style-type: none;
margin: 0;
padding: 0;
}

ul.chargesTree li {
padding: 0 0 0 22px;
margin: 1px;
}


.closed ul {
display: none;
}
.treecheck {
    cursor: pointer;
    padding: 3px 3px 3px 15px;
    position: relative;
	border-bottom:1px solid #EEE;
}
.treecheck:hover {
    background-color:#EEEEEE;
}
.treecheck:after {
    border-bottom: 5px solid transparent;
    border-left: 7px solid #555555;
    border-top: 5px solid transparent;
    content: " ";
    height: 0;
    left: 5px;
    position: absolute;
    top: 8px;
    width: 0;
}
.treechecked:after {
    border-color: #555555 transparent !important;
    border-style: solid !important;
    border-width: 7px 5px 0 !important;
    left: 3px !important;
    top: 10px !important;
}

#MailsContainer{
	float:left;
	margin:0 22px;

}
#MailsContainer span:hover{
	color:#2DAAE1;
	cursor:pointer;
}
/*--css christina gia to ADD MAIL */
.mailsTable  {float:left;width:20%}
.mailsTable2 th ,
.mailsTable th {
background:#D0D4D9;
text-align:center;
font:bold 1.2em/2em 'Open Sans', sans-serif;
color:#666;
font-weight:normal;
}
.mailsTable tr td {text-align:left;line-height:20px; padding:7px; border-bottom:1px solid #d2d2d2; font-size:13px; color:#666; cursor:pointer;font-weight:normal;}
.mailsTable tr:hover {background:#f0f0f0;}
.mailsTable2  {float:left;border-left:1px solid #ddd;width:80%}
.mailsTable2 tr td {
	text-align:left;
	line-height:20px;
    color: #808080!important;
    font-weight: normal!important;
    height: 20px!important;
    padding: 1px!important;
}
/* fail and success message when connecting emails to comidor*/
.failMessage {
	display: inline-block;
    margin: 1px;
    padding: 1px 3px;
    border-radius: 3px;
	background-color: #FF7B7B;
	background: -moz-linear-gradient(top,  #FFAAAA 0%, #FF7B7B 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFAAAA), color-stop(100%,#FF7B7B));
	background: -webkit-linear-gradient(top,  #FFAAAA 0%,#FF7B7B 100%);
	background: -o-linear-gradient(top,  #FFAAAA 0%,#FF7B7B 100%);
	background: -ms-linear-gradient(top,  #FFAAAA 0%,#FF7B7B 100%);
	background: linear-gradient(to bottom,  #FFAAAA 0%,#FF7B7B 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFAAAA', endColorstr='#FF7B7B',GradientType=0 );
	color: #81333C;
}
.successMessage {
	display: inline-block;
    margin: 1px;
    padding: 1px 3px;
    border-radius: 3px;
	background-color: #6fe4a9;
	background: -moz-linear-gradient(top,  #6fe4a9  0%, #4ec287 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6fe4a9 ), color-stop(100%,#4ec287));
	background: -webkit-linear-gradient(top,  #6fe4a9  0%,#4ec287 100%);
	background: -o-linear-gradient(top,  #6fe4a9  0%,#4ec287 100%);
	background: -ms-linear-gradient(top,  #6fe4a9  0%,#4ec287 100%);
	background: linear-gradient(to bottom,  #6fe4a9  0%,#4ec287 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6fe4a9', endColorstr='#4ec287',GradientType=0 );
	color: #2f865a;
}
/*css christina gia to change password*/
/*#Company_testMsg {padding:10px;background: none repeat scroll 0 0 #FFFBE6;border: 1px dashed #F2EBC5;color: #C2AE44;}*/

.changePasswordTable td{height:30px;padding:2px;}
#changePassTips ul{
font-size:12px;
font-weight:bold;
margin:35px 0 0 32px;
color:#AAABBB;
list-style-type: none;
}
#changePassTips ul:first-child{
padding-bottom:3px;
}

#changePassTips li{
padding:2px 0;
}
.stateButtonArea,.workflowstatestooltip{padding-bottom:10px;padding-top:10px;border-bottom:1px solid #ccc}
.stateButtonArea{text-align:right;}
.red{color:#ef7f7d!important;font-weight:bold;}
.normal{color:var(--main-color);;text-decoration:underline;}
/*css gia to delete email*/
.deleteMailFromRow i {font-size:12px!important}
.deleteMailFromRow {background:#D35F5F;color:#fff;padding:2px 4px;font-size:12px;border-radius:3px; position:absolute;right:2px;}
.deleteMailFromRow:hover {opacity:0.8}
.selectedTD {background:#D35F5F}
.fetchMailOptions{font-weight:bold;font-size:13px;}
.closableTab { background: url("app/resources/deleteTab.png") no-repeat scroll 4px -16px rgba(0, 0, 0, 0);}
.closableTab:hover {   background-position: 4px 3px;}
.fc-widget-header {font-size:12px;/* color:var(--select-color); */font-weight:normal;}
.fc-header-title h2 input {margin-left:10px;}
.fc-first.fc-last .fc-resourceName {display:none}


#userGuide {
	background: transparent;
	line-height:1.5!important;
    cursor: pointer;
}

/**************************** changing the tabs and the layout of the tables **************************/
.mainDivWrapper.Back3 {/*background:#fff; border:1px solid #cdd5e2*/}

#mainLink_AlertMsg{display:none}
.analytics{
	font-weight:bold;
	font-size:16px;
}
.views_label {
	color: #777777;
	text-align: left;
	width: 120px;
	font-size: 12px;
	padding: 10px 10px 10px 5px;
}

.views_SlideTable tr {
	width:119px;
	height:34px;
}

/***** 'CUSTOM.INIT' styling ****/

.checkbox{width: 19px;height: 25px;padding: 0 5px 0 0;display: block;clear: left;float: left;background: url(/DataServlet?unit=main&image=CHECKED16) no-repeat;}
.checkboxChecked, .checkboxToCheck {
	/*
	background: url("/DataServlet?unit=main&image=CHECKED16") no-repeat scroll 0 0 transparent; display: inline-block; height: 16px; margin: 0; padding: 0 5px 0 0; width: 16px; cursor: pointer;
	*/
    cursor: pointer;
    display: inline-block;
    height: 16px;
    position: relative;
    width: 16px;
    background-color: #fff; /*var(--main-color);;*/
    border: none; /*1px solid var(--main-color);; /*#ace;*/
    color: #000; /*#FFFFFF;	*/
	vertical-align: middle;
	border-radius: 3px;
	padding:2px;
}
.checkField .checkboxChecked, .checkField .checkboxToCheck, .checkField.checkboxChecked {
	border: 1px solid var(--border-color);
}
.checkboxChecked:after, .checkboxToCheck:after {
    /*content: '\e81a'; /*'\e97d'; /*url("/app/resources/checkedtable.png");*/
    content: '\e97d';
    font-size: 13px;
    position: absolute;
	font-family: fontello;
    left: 4px;
	color: #000; /*var(--main-color);;*/
    /*top: 6px;*/
}
.checkField .checkboxChecked:after, .checkField .checkboxToCheck:after {
}
.checkboxUnchecked, .checkboxToUncheck{
	/*
	background: url("/DataServlet?unit=main&image=UNCHECKED") no-repeat scroll 0 0 transparent; cursor: pointer;display: inline-block; height: 16px; margin: 0 0; width: 16px;
	*/
    background-color: #fff; /*eaeff5;*/
    border: 1px solid var(--border-color); /*#ace; /*cdd6dd;*/
    cursor: pointer;
    display: inline-block;
    height: 16px;
    position: relative;
    width: 16px;
	vertical-align: middle;
	border-radius: 3px;
	padding:2px;

}
.uncheckedView{cursor:pointer;border:none;}
.radio {width: 19px;height: 25px;padding: 0 5px 0 0;display: block;clear: left;float: left;background: url(/DataServlet?unit=main&image=CHECKED16) no-repeat;}
.radioChecked{cursor:pointer;width: 19px;height: 25px;padding: 0 5px 0 0;display: block;clear: left;float: left;background: url(/DataServlet?unit=main&image=CHECKED16) no-repeat;}
.radioUnchecked{cursor:pointer;width: 19px;height: 25px;padding: 0 5px 0 0;display: block;clear: left;float: left;background: url(/DataServlet?unit=main&image=UNCHECKED) no-repeat;}
.radioToCheck{width: 19px;height: 25px;padding: 0 5px 0 0;display: block;clear: left;float: left;background: url(/DataServlet?unit=main&image=TOCHECK) no-repeat;}
.radioToUncheck{width: 19px;height: 25px;padding: 0 5px 0 0;display: block;clear: left;float: left;background: url(/DataServlet?unit=main&image=UNCHECKED) no-repeat;}
.select {position: absolute;width: 158px;/* With the padding included, the width has to be equal to the total width of the image. */
height: 21px;padding: 0 24px 0 8px;color: #fff;font: 12px/21px Tahoma, Arial,sans-serif;background: url(select.png) no-repeat;overflow: hidden;}

input.styled {display: none;}


input[type="checkbox"].styled, input[type="radio"].styled {display: none;}
input[type="checkbox"].styled + label, input[type="radio"].styled + label {
    background-color: var(--edit-background);
    /*border: 1px solid var(--edit-border);*/
	border-color: var(--edit-border);
	border-style: solid;
	border-width: 2px 2px 2px 2px;
    cursor: pointer;
    display: inline-block;
    height: 16px;
    position: relative;
    width: 16px;
    vertical-align: middle;
    border-radius: 3px;
    /*padding: 4px;*/
	margin-right: 4px;
}

input[type="radio"].styled + label {
	/* border-radius: 50%; */
}

input[type="checkbox"].styled.view-only + label, input[type="radio"].styled.view-only + label {
    border-color: transparent;
    pointer-events: none;
}

input[type="checkbox"].styled[disabled]:not(.view-only) + label, input[type="radio"].styled[disabled]:not(.view-only) + label {
    background-color: #eee;
	pointer-events: none;
}

input[type="checkbox"].styled + label span:before, input[type="radio"].styled + label span:before {
	content: '';
	font-size: 14px;
	margin: 2px 1px;
}

input[type="checkbox"].styled[readonly] + label,
input[type="radio"].styled[readonly] + label {pointer-events: none; touch-action: none; background: none; border: none;}

input[type="checkbox"].styled:checked + label span:before {
    content: '\e97d';
	font-weight: bold;
}

input[type="radio"].styled:checked + label span:before {
    /* content: '\ea05'; */
	/*content: '\e81a';*/
    content: '\e97d';
	font-weight: bold;
}

/* select.styled {position: relative;width: ' + selectWidth + 'px;opacity: 0;filter: alpha(opacity=0);z-index: 5;}
 .styled + label {
   background-color:#f3f5f9;
	border: 1px solid #CBD2DA;
    cursor: pointer;
    display: inline-block;
    height: 13px;
    position: relative;
    width: 13px;
}
.styled + span {
	margin: 0 5px;
	vertical-align: middle;
} */
/* .styled:checked + label:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
 */
/* .styled:checked + label:after {
    content: '\e81a';
	font-size: fontello;
    font-size: 13px;
    left: 1px;
    position: absolute;
    top: 0;
} */
/* .styled:checked + label {
    background-color: #43A5D5;
    border: 1px solid #5FBCEA;
    color: #FFFFFF;
} */
 /* .disabled {opacity: 0.5;filter: alpha(opacity=50);} */

/*	STEFANOS START */
.screen-bottom-right-positioning {
	right: 13%;
	bottom: 10px;
	top: auto;
}
/*	STEFANOS FINISH */
#emailsToShare {margin-top:30px;}

.serviceTableLi {width:46%;text-align:center}
.serviceTableLi a {font-size:18px;}
.chargeContainer h2 {min-width:1024px;}
.accessGroupDiv {cursor:pointer; border-style:solid;border-color:#333333;border-width:0 0 1px 0;}
.accessGroupDiv.selected{background-color: #EEEEEE;}
.accessGroupDiv:hover {background-color: #EEEEEE;}
#accessGroupsContainer {width:20%;float:left;min-height:600px;}
#accessGroupsContainer div {padding:5px;}
#unitsContent {display:none}
#unitsContainer {float:right;width:77%;border:1px solid grey;}
#deactivatedUnits {float:right;width:77%;clear:right;}
#deactivatedUnitsContent {border:1px solid grey; height:200px;}
#deactivatedUnitsContent span{padding:0 5px;cursor: pointer;}
.packageWrapper {color: #333333;font-size: 17px;font-weight: bold;padding: 5px;}
.packUnitsWrapper{color: #333333;cursor: pointer;display: inline-block;font-size: 16px;margin-bottom: 10px;padding: 10px 5px;text-decoration: none;}
.packUnitsWrapper span {padding:0 5px;}



/* ========================================================================================================================================================================*/

#profile_container {overflow:hidden;}

/************* table css *****************/
.targetsTable {
    border-collapse: separate;
    font-size: 12px;
    line-height: 16px;
    margin: 0 auto;
    text-align: left;
    width: 100%;
}
.targetsTable thead tr th:after {
    background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.08)) repeat scroll 0 0 rgba(0, 0, 0, 0);
    /*content: "";*/
    display: block;
    height: 25%;
    left: 0;
    margin: 1px 0 0;
    position: absolute;
    top: 25%;
    width: 100%;
}
.targetsTable thead tr th {
    background: none repeat scroll 0 0 #eee;
    border-style: solid;
    border-width: 0 0 1px;
	border-color:#ccc;
    color: #333;
    font-weight: bold;
    padding: 10px 15px;
    position: relative;
}
.targetsTable tbody tr td:first-child {
    box-shadow: 1px 0 0 #fff inset;
	padding-left: 5px;
}
.targetsTable tbody tr td {
    border-style: solid;
    border-width: 0;
    padding: 7px 0;
    position: relative;
    transition: all 300ms ease 0s;
}
.targetsTable tbody tr:nth-child(2n) {
    background: none repeat scroll 0 0 #f1f1f1;
}
#servicesTableTab {
	border:2px solid var(--border-color);
	/*margin-left:5px;*/
	padding:10px;
	clear:both;
}
/*======= some adjustments for the analytics events table =====*/
.targetsTable.analyticsVar tbody tr:nth-child(2n) {
    background: none repeat scroll 0 0 #fff;
}
.targetsTable.analyticsVar tbody tr td:first-child {
    width:180px;
}
.targetsTable.analyticsVar tbody tr td:last-child textarea,
.targetsTable.analyticsVar tbody tr td:last-child input{
    width:550px;
}
.targetsTable.analyticsVar tbody tr td {padding:0}
/*========= on-off-switch =============*/

.onoffswitch-inner.inactive {
    background-color: #e16565;
    color: #FFF;
    text-align: center;
}
.onoffswitch-inner.active {
    background-color: #52c480;
    color: #FFF;
    text-align: center;
}

h3.serviceGroups {
    border-bottom: 1px solid #d2dae0;
    padding-bottom: 15px;
    padding-left: 20px;
	font-size:16px;
}
.generic-search {padding-right:20px;float: left;}
.generic-search-input {height:30px;}
/*============ last checkbox ==============*/

#serviceGroups {padding:0}
#serviceGroups  li {padding:5px 5px 5px 20px;border-bottom:1px solid #dedede}
#serviceGroups  li:last-child {border-bottom:none;}

#serviceGroups li div {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	box-sizing: border-box;
	padding-right: 5px;
	white-space: nowrap;
}
.width90 {width:90%}
.width10 {width:10%}

.table-overlay {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 89;
	background-color: rgba(255, 255, 255, 0.8);
	/*box-shadow: inset 0 0 20px #0f0, inset 0 0 20px #0f0, inset 0 0 20px #0f0;*/
}
.table-overlay div {
    background: none repeat scroll 0 0 #fff;
    border: 3px dashed #dedede;
    color: #333;
    font-size: 19px;
    /*height: 100%;*/
    left: 50%;
    margin-left: -350px;
    margin-top: -70px;
    opacity: 1;
    padding: 60px 50px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 600px;
}
#unitsTableTab .table-overlay div {
	top: 15%;
}
#unitsTableTab {display:none}
.smallText {font-size:15px;}

.formButtonsArea {
	float: right;
	margin-right: 10px;
	padding-top: 10px;
}
.formButtonsArea input {
	margin: 5px;
}

.panelComp {
	/*padding: 10px 0;*/
}

/*input[notnull] {
	background: #fffde3!important;
}*/

/** Top Bar - START **/


#topBarCell1 {
	display: table-cell;
	width: 25%;
	height: 100%;
	vertical-align: middle;
}
#customImg {
	height: 100%;
	/* cursor: pointer; */
	width: 30px;
}
/*
#customImg>img{
	background-color: #fff;
}
*/
#customImg img[src]{
	height: 36px;
	padding: 0px 8px;
	border-radius: 50%;
	margin-top: 4px;
}

/* #customImg>img:hover{
	background-color: #fff;
} */

#logoImg {
	max-width: 100px;
    position: absolute;
    z-index: 99;
    /*width: 32px;*/
	margin-left: 100px;
    height: 32px;
    top: 4px;
    /*border-radius: 50%;
	background-color: var(--menu-background);
	color: #ffffff;
	cursor:pointer;*/
}

#logoImg>img {
	height: 36px;
}

/*
#logoImg {
	max-width: 100px;
    position: absolute;
    z-index: 99;
    width: 32px;
	margin-left: 5%;
    height: 32px;
    top: 4px;
    border-radius: 50%;
	background-color: var(--menu-background);
	color: #ffffff;
	cursor:pointer;
}
#logoImg:before{
	content: '\e873';
	font-size: 24px;
    padding-top: 1px;
    color: #ffffff;
	font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    padding-left: 6px;
}
#logoImg:hover{
	background-color:var(--highlight-color);
}
*/
/*
#logoImg:hover:before{
	font-size:31px;
	padding-top:2px;
	padding-left:7px;
}
*/
#topBarCell2 {
	display: table-cell;
	width: 25%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
	/*padding-left: 10%;*/
}

#topBarSearchWrapper {
	width: 500px;
}

#topBarSearchInput {
	width: 400px;
	border-width: 0px 0px 0px 0px;
	border-style: solid;
	border-color: var(--topbar-color);
	border-radius: 4px 0px 0px 4px;
	height: 30px;
	padding: 0px 0px 0px 8px;
	float: left;
	margin-top: 1px;
	background-color: var(--edit-background);
}

#topBarSearchIcon {
	border-width: 0px 0px 0px 0px;
	border-style: solid;
	border-color: var(--topbar-color);
	background-color: var(--edit-background);
	border-radius: 0px 4px 4px 0px;
	padding: 7px;
	float: left;
	cursor: pointer;
	color: var(--topbar-background);
	margin-top: 1px;
}

/*#topBarHelpIcon {
	padding: 8px 7px;
	float: left;
	cursor: pointer;
	color: var(--main-color);;
}

#topBarHelpIcon:before {
	font-size: 20px;
	border-bottom: 1px solid;
}*/

#topBarCell3 {
	display: table-cell;
	width: 25%;
	height: 100%;
	text-align: right;
	vertical-align: middle;
	white-space: nowrap;
	/*padding-right: 5%;*/
}

#topBarCell4 {
	display: table-cell;
	width: 25%; /*65px;*/
	height: 100%;
	vertical-align: middle;
}
#topBarRightMenuUL a {color:var(--main-color);}
#topBarRightMenuUL {
	list-style: none;
	display: table;
	float: right;
	width: 440px;
	padding-top: 2px;
}

li#userIconLI:hover {
	/*background-color: var(--main-color);;*/
}

#topBarRightMenuUL li.topBarRightMenuULLI {
	display: none; /* Choose between 'table-cell' and 'none' */
	list-style-type: none;
	vertical-align: middle;
	height: 60px;
	width: 60px;
	text-align: center;
	position: relative;
	color: var(--main-color);;
	cursor: pointer;
}

#topBarRightMenuUL li.topBarRightMenuULLI:not(#userIconLI):hover {
	/*background-color: var(--main-color);;
	color: white;*/
	color: var(--highlight-color);
}

#userIconLI:hover > #meSmallIcon{
	border: 3px solid var(--main-color);;
}

#topBarRightMenuUL li.topBarRightMenuULLI:hover span.topBarIndocator {
	background-color: white;
	color: var(--main-color);;
	border: 1px solid var(--main-color);;
}

#topBarRightMenuUL li.topBarRightMenuULLI i:before {
	font-size: 26px;
}

.topBarRightMenuULLI .icon-plus:before {content: '\eb7b';}
.topBarRightMenuULLI .icon-briefcase-2:before {content: '\e8f0';}

.topBarIndocator {
	position: absolute;
	top: 5px;
	right: 10px;
	font-size: 11px;
	cursor: default;
	display: none;
	background-color: var(--main-color);;
	color: white;
	padding: 3px;
	border-radius: 4px;
	font-weight: 600;
	border: 1px solid #eee;
}

.topBarIndocator_Hover {
	color: white;
}

.topBarIndicatorNumberIncremented {
	background-color: var(--highlight-color);
	font-weight: bold;
}

#meSmallIcon {
	width: 50px;
	height: 50px;
	vertical-align: middle;
	border-radius: 50%;
	border: 3px solid transparent;
}
#meSmallIcon:hover {
	border: 3px solid var(--highlight-color) !important;
}
.topBarDropDownDivContainer {
	position: relative;
	z-index: 999;
}

#userIconDropDownDivContainer {
	position: relative;
}

#topBarHelpLI {
	cursor: pointer;
}

.topBarDropDownDiv {
	border-width: 2px;
	border-style: solid;
	border-color: var(--border-color); /*#ccc;*/
	display: none;
	width: 600px;
	position: absolute;
	top: 12px;
	right: -30px;
	background-color: white;
	max-height: 600px;
	box-shadow: 4px 4px 4px rgba(128, 128, 128, 0.5);
	border-radius: 3px;
}

#userIconMenuDiv {
	padding-top: 5px;
}

.topBarDropDownTable {
	padding: 15px 0;
	margin: 0 5px;
}

.topBarDropDownTable tbody tr:nth-child(odd) {
   background-color: #f5f5f5;
}

i.icon-infobox-cancel::before {
	font-size: 16px !important;
}

i.icon-infobox-completed::before {
	font-size: 16px !important;
}

i.icon-infobox-check::before {
	font-size: 16px !important;
}

.infobox-date.uniboxHighlightToday .state,
.infobox-date.uniboxHighlightToday .date,
.infobox-date.uniboxHighlightToday .done {
	color: #095;
}

.topBarDropDownTitleTable {
	display: table;
	width: 100%;
}

.topBarDropDownTitleCell1 {
	display: table-cell;
	padding: 5px 0;
	background-color: var(--main-color);;
	color: white;
	font-weight: bold;
	/*border-radius: 2px 0 0 0;*/
}

.topBarDropDownTitleCell1.alignLeft {
	text-align: left;
	padding-left: 10px;
}

.topBarDropDownTitleCell2 {
	display: table-cell;
	width: 280px;
	background-color: var(--main-color);;
	color: white;
}

.topBarDropDownTitleCell2 i:before {
	font-size: 16px !important;
}

.topBarDropDownTitleCell3 {
	display: table-cell;
	width: 30px;
	background-color: var(--main-color);;
	color: white;
}

.topBarDropDownTitleCell3 i:before {
	font-size: 14px !important;
}

.topBarDropDownDivTitle {
	text-align: left;
	background-color: black;
	color: white;
	padding: 5px;
	font-weight: bold;
}

.topBarDropDownTitleCell2 .topBarMessagesIcon,
.topBarDropDownTitleCell2 .topBarCalendarIcon,
.topBarDropDownTitleCell2 .topBarNewsIcon,
.topBarDropDownTitleCell2 .topBarCasesIcon {
	display: inline-block;
	margin: 0 6px;
	font-size: 14px;
}

.topBarDropDownTitleCell2 .topBarMessagesIcon.active,
.topBarDropDownTitleCell2 .topBarCalendarIcon.active,
.topBarDropDownTitleCell2 .topBarNewsIcon.active,
.topBarDropDownTitleCell2 .topBarCasesIcon.active {
	border-bottom: 1px solid var(--select-color);
}

.topBarMessagesRow {display: table-row;}
.topBarMessagesRow.today {display: table-row;}
.topBarMessagesRow.future,.topBarMessagesRow.past {display: none;}
.topBarCalendarRow {display: table-row;}
.topBarCalendarRow.today {display: table-row;}
.topBarCalendarRow.future,.topBarCalendarRow.past {display: none;}
.topBarNewsRow {display: table-row;}
.topBarNewsRow.today {display: table-row;}
.topBarNewsRow.future,.topBarNewsRow.past {display: none;}
.topBarCasesRow {display: table-row;}
.topBarCasesRow.today {display: table-row;}
.topBarCasesRow.future,.topBarCasesRow.past {display: none;}

.topBarFilterDiv {
	display: none;
}

.topBarMenuContent .mCSB_container {min-height:30px;}

.topBarMenuContent {
	max-height: 300px;
	text-align: left;
	overflow-y: auto;
	color: black;
	padding:0 10px;
}

.topBarMenuContent ul {
	list-style: none;
}

.topBarMenuContent ul li {
	/*border-bottom: 1px solid black;*/
	padding: 5px 0;
	font-size: 14px;
}

.topBarNothingToDisplay {
    position: absolute;
    top: 3px;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
    left: 0;
}

#userIconDropDownDiv {
	display: none;
	width: 200px;
	position: absolute;
	top: 0px;
	right: -10px;
	z-index: 90;
}

#userIconMenuUL {
	list-style: none;
}

#userIconMenuUL li.userIconMenuULLI {
	display: block;
	text-align: left;
	border-bottom: 1px solid #9AB4F7;
	margin: 0px;
	padding: 5px;
	cursor: pointer;
	color: black;
	cursor: pointer;

	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */

}

#userIconMenuUL li.userIconMenuULLI:hover {
	background-color: #cecece;
	-webkit-transition: background-color 200ms linear;
    -moz-transition: background-color 200ms linear;
    -o-transition: background-color 200ms linear;
    -ms-transition: background-color 200ms linear;
    transition: background-color 200ms linear;

	background: rgb(247,251,252); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(247,251,252,1) 0%, rgba(217,237,242,1) 40%, rgba(173,217,228,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,251,252,1)), color-stop(40%,rgba(217,237,242,1)), color-stop(100%,rgba(173,217,228,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(247,251,252,1) 0%,rgba(217,237,242,1) 40%,rgba(173,217,228,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(247,251,252,1) 0%,rgba(217,237,242,1) 40%,rgba(173,217,228,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(247,251,252,1) 0%,rgba(217,237,242,1) 40%,rgba(173,217,228,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(247,251,252,1) 0%,rgba(217,237,242,1) 40%,rgba(173,217,228,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7fbfc', endColorstr='#add9e4',GradientType=0 ); /* IE6-9 */

}

#userIconMenuUL li.userIconMenuULLI:last-child {
	border-bottom: 0px;
}

#adminMenuJuly2015Handler {
	position: relative;
}

#adminMenuJuly2015 {
	display: none;
	position: absolute;
	width: 200px;
	height: 400px;
	background-color: white;
	left: -202px;
	top: -5px;
	border: 1px solid var(--main-color);;
}

.topBarRightMenuULLIseperator {
	width: 50px;
}

.mainAreaTabsTable {
	width: 1400px;
	/*margin: 0 auto;*/
	border-left: 0px solid #dddddd; /*#c0c0c0; /*var(--topbar-background);*/
	border-right: 0px solid #dddddd; /*#c0c0c0; /*var(--topbar-background);*/
	display: table;
	table-layout: fixed;
}

.mainAreaTabsTableCell1 {
	display: table-cell;
	width: 50px;
	vertical-align: top;
}

.mainAreaTabsTableCell2 {
	display: table-cell;
	vertical-align: top;
}



#comidorPackagesMenuDivTop {
	/*background-color: #94d5f5;*/
	height: 10px;
	flex: none;
}

#comidorPackagesMenuDiv {
	/*border-top: 5px solid var(--select-color);*/
	padding: 14px 12px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: auto;
	flex: 1 auto;
}

#comidorPackagesMenuDiv:before {
	content: "";
	position: absolute;
	top: -15px; /*7px;*/
	left: 30px; /*16px;*/
	width: 0;
	height: 0;
	border-left: 13px solid transparent;
	border-bottom: 13px solid var(--main-color);; /*var(--select-color);*/
	border-right: 13px solid transparent;
}

.topBarEmptyMessage {
	text-align: center;
	font-size: 16px;
}

.topBarEmptyMessage i:before {
	font-size: 40px !important;
}

.userMenuItemDiv {
	text-align: left;
	color: var(--title-color);
	cursor: pointer;
	padding: 5px;
	font-size: 14px;
	font-weight: 600;
	/*border-bottom: 1px solid #eee;*/
}

.userMenuItemDiv:last-child {
	/*border-bottom: 0px solid #eee;*/
}

.userMenuItemDiv i:before {
	font-size: 16px !important;
}

.userMenuItemDiv:hover {
	background-color: var(--hover-background);
	color: var(--highlight-color);
}

.userMenuLogoutItemDiv {
	text-align: left;
	color: var(--main-color);;
	font-size: 14px;
	border-top: 2px solid var(--main-color);;
	margin-top: 30px;
	cursor: pointer;
	background-color: #eee;
	height: 37px;
	line-height: 35px;
	padding-left: 3px;
}

#topBarRightMenuUL .userMenuLogoutItemDiv .icon-logout:before {
	font-size: 16px;
}

.topBarNewUL {
	margin: 4px;
}

.topBarNewUL li {
	font-size: 12px;
	padding: 6px 0;
	cursor: pointer;
	border-bottom: 0px;
	padding-left: 20px;
}

#newIconLI .mCSB_container ul li {
	/*color: var(--main-color);;*/
	padding:5px;
	font-size:12px;
}

.topBarNewUL li:hover {
	color: var(--highlight-color);
}

.topBarNewUL li:nth-child(2n) {
	background-color: #f5f5f5;
}

#newIconLI .topBarDropDownDiv {
	width: 200px;
}

.view-Container {
	margin-left: 1%;
	width: 98% !important;
}

/** Top Bar - FINISH **/

/** Top Bar Responsiveness - START **/

@media all and (max-width: 1679px) {
	#topBarSearchWrapper {
		width: 400px;
	}

	#topBarSearchInput {
		width: 200px;
	}

	#topBarTable {
		width: 1204px;
		margin-left: -602px;
	}

	/*.centerAreaWrapper, .mainAreaTabsTable  {
		width: 1200px;
	}*/
}

/*@media all and (max-width: 1920px) {
	form .filtInp input, form .linput_wrapper input {
		width: 250px;
	}
}

@media all and (max-width: 1300px) {
	form .filtInp input, form .linput_wrapper input {
		width: 180px;
	}
}*/

@media all and (max-width: 1365px) {
	#topBarSearchWrapper {
		width: 300px;
	}

	#topBarSearchInput {
		width: 200px;
	}

	#topBarTable {
		width: 1104px;
		margin-left: -552px;
	}

	/*.centerAreaWrapper, .mainAreaTabsTable {
		width: 1100px;
	}*/
}

@media all and (max-width: 1050px) {
	.filtInp input, .linput_wrapper input {
		width: 90px;
	}
}

@media all and (max-width: 1279px) {
	#topBarSearchWrapper {
		width: 300px;
	}

	#topBarSearchInput {
		width: 200px;
	}

	#topBarTable {
		width: 990px;
		margin-left: -495px;
	}

	/*.centerAreaWrapper, .mainAreaTabsTable {
		width: 986px;
	}*/
}
/** Top Bar Responsiveness - FINISH **/

/** Form field widths - START **/
/** Normal input **/
.dialogInput.pInput {
	width: 256px; /*300px;*/
}

/** Date fields **/
.dialogInput.pInput.hasDatepicker {
	width: 110px;
	padding-right: 25px;
}
/** Date fields **/
.dialogInput.pInput.hasDatepicker[validate='DATETIME'] {
	width: 140px;
	padding-right: 25px;
}
/** Numbers **/
.dialogInput.pInput.inputLong, .dialogInput.pInput.inputDouble, .dialogInput.pInput.inputInteger, .dialogInput.pInput.inputNumber, .dialogInput.pInput.inputCurrency {
	width: 110px;
}

/** Record descriptors **/
.dialogInput.myInput,
.dialogDescript.myInput {
	width: 300px;
}

/** Large field width **/
.dialogInput.pInput.largeFieldWidth,
.dialogInput.myInput.largeFieldWidth,
.dialogDescript.myInput.largeFieldWidth {
	width: 360px;
}

/** Medium field width **/
.dialogInput.pInput.mediumFieldWidth,
.dialogInput.myInput.mediumFieldWidth,
.dialogDescript.myInput.mediumFieldWidth {
	width: 200px;
}

/** Small field width **/
.dialogInput.pInput.smallFieldWidth,
.dialogInput.myInput.smallFieldWidth,
.dialogDescript.myInput.smallFieldWidth {
	width: 110px;
}

.dialogInput.myTextarea.myInput {
	width: 450px;
}

/** special handling **/
.dialogInput.pInput.formTitleInputField {
	width : 100%;
}

/* @media all and (max-width: 1366px) {
	.dialogInput.pInput {
		width: 240px;
	}

	.dialogInput.pInput.hasDatepicker {
		width: 110px;
	}

	.dialogInput.myInput,
	.dialogDescript.myInput {
		width: 240px;
	}

	.dialogInput.pInput.largeFieldWidth,
	.dialogInput.myInput.largeFieldWidth,
	.dialogDescript.myInput.largeFieldWidth {
		width: 240px;
	}

	.dialogInput.pInput.mediumFieldWidth,
	.dialogInput.myInput.mediumFieldWidth,
	.dialogDescript.myInput.mediumFieldWidth {
		width: 200px;
	}

	.dialogInput.pInput.smallFieldWidth,
	.dialogInput.myInput.smallFieldWidth,
	.dialogDescript.myInput.smallFieldWidth {
		width: 110px;
	}

	.dialogInput.myTextarea.myInput {
		width: 400px;
	}
} */
/** Form field widths - FINISH **/

#userIconLI {
	display: table-cell!important;
}

i.icon-rv-close-all {
	position: absolute;
	right: 1px;
	top: 5px;
}

i.icon-rv-close-all:before {
	content: '\e81e';
	cursor: pointer;
	color: #FFF;
}

#post-preview-wrapper {max-height: 400px;overflow:auto;}
#post-preview-wrapper ul > li {margin-bottom: 5px;}
#post-preview-wrapper div.post-preview-avatar {background-position: center;background-repeat: no-repeat;background-size: cover;width: 50px;height: 50px;float: left;border-radius:50%;}
#post-preview-wrapper div.post-preview-details {overflow:hidden;    padding: 0 10px;}
#post-preview-wrapper div.post-preview-user {}
#post-preview-wrapper div.post-preview-body {margin-top: 5px;}
#post-preview-wrapper div.post-preview-body > a {margin-left: 5px;}
#post-preview-wrapper div.post-preview-date {text-align:right;font-size: 0.9em;}

form ._protected:before {
	font-family: "fontello";
	content: '\e98f';
	color: var(--highlight-color); /*red;*/
	margin-right: 2px;
	font-size: 15px;
}

form ._protected:before {
	font-family: "fontello";
	content: '\e98f';
	color: #222;
	margin-right: 2px;
	font-size: 15px;
}

form ._private:before {
	font-family: "fontello";
	content: '\e98f';
	color: #0c0;
	margin-right: 2px;
	font-size: 15px;
}

form ._sensitive:before {
	font-family: "fontello";
	content: '\e98f';
	color: #00c;
	margin-right: 2px;
	font-size: 15px;
}

form ._confidential:before {
	font-family: "fontello";
	content: '\e98f';
	color: #fe0;
	margin-right: 2px;
	font-size: 15px;
}

form ._secret:before {
	font-family: "fontello";
	content: '\e98f';
	color: #c00;
	margin-right: 2px;
	font-size: 15px;
}

form ._topsecret:before {
	font-family: "fontello";
	content: '\e98f';
	color: #f00;
	margin-right: 2px;
	font-size: 15px;
}

form ._encrypted:before {
	font-family: "fontello";
	content: '\e90b';
	color: #f00;
	margin-right: 2px;
	font-size: 15px;
}

form ._notnull:before {
	font-family: "fontello";
	content: '\e974';
	color: var(--highlight-color); /*red;*/
	margin-right: 2px;
	font-size: 15px;
}

form .requiredField:before {
	font-family: "fontello";
	content: '\e974';
	color: var(--highlight-color); /*red;*/
	font-size: 16px;
	margin-right: 2px;
}
/*
form .requiredField:after {
	content: ' *';
	color: red;
}
*/
form .icon-requiredField:before {
	content: '\e974';
	color: red;
}

form .time-label {display:none;}

#casesIconLI{display:none !important;}
.cke_skin_kama .cke_wrapper {
	background-color: var(--general-background) !important;
	padding: 5px 3px 3px 3px !important;
	background-image: none !important;
	border: 1px solid var(--border-color); !important;
	border-radius: 3px !important;
}
.cke_skin_kama .cke_toolgroup {
	/*background-color: #fff !important;*/
	background-image: none !important;
	/*margin-left: 4px !important;*/
}
.cke_skin_kama .cke_rcombo a, .cke_skin_kama .cke_rcombo a:active, .cke_skin_kama .cke_rcombo a:hover {
	/*background-color: #fff !important;*/
	background-image: none !important;
}
.cke_toolbar {
}
.cke_skin_kama .cke_rcombo .cke_text {
	opacity: 1 !important;
	font-style: normal !important;
	width: auto !important;
}

.cke_skin_kama a.cke_toolbox_collapser  {
	display: none;
}

.icon-input-time:before {cursor: pointer;font-size: 16px;margin-left: -24px;margin-right:8px;top:0px;position: relative;color:var(--main-color);;}
.formRowValue.icon-input-time:before {font-size: 14px;vertical-align:middle;}
.formRowValue.icon-time:before {color: #777;}
.formRowValue .icon-to-users:before {color: #777;}
/*
.centerAreaWrapper{
	width: calc(100% - 308px;);
	background: var(--unit-background);
}
*/
.mainAreaTabsTable{
	width: calc(100% - 50px); /*86px); /*90%;*/
	/*background: var(--unit-background);*/
}
#topBarTable {
	position: fixed;
	width: 100%; /*calc(90% + 4px);*/
	margin-left: 0; /*calc(5% - 2px);*/
	display: table;
    table-layout: fixed;
	z-index: 92;
	height: 44px; /*40px; /*50px; /*64px;*/
    /*background-color: var(--general-background);*/
	/*background: linear-gradient(#bbb, var(--general-background));*/
	/*background: linear-gradient(#ccc. var(--general-background));*/
	background: var(--topbar-background);
	/*border-bottom: 1px solid #bcbcbc;*/
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.15), 0 4px 12px 0 rgba(0,0,0,0.15);
}

/* jPLATON FULL CALENDAR STYLING (MOVED FROM FULLCALENDAR.CSS) PREFIXED WITH body to override default styling */

body .fc-header-title h2 {
	color: #4D4D4D;
}

body .fc-header .fc-button {
	margin:0px;
}

body .fc-widget-header,
body .fc-widget-content {
	border-color: var(--border-color);
}

body .fc-state-highlight {
	background: lightyellow;
}

body .fc-button-today {
	color:#333 !important;
}

body .fc-state-default {
	background-color: rgba(0, 0, 0, 0.1);
	background-image:none!important;
	border-color: rgba(0, 0, 0, 0);
	text-shadow: rgba(0, 0, 0, 0);
	box-shadow: none!important;
}

body .fc-state-disabled {
	color: #333;
	background-color: rgba(0, 0, 0, 0.15);
}

body .fc-state-down, body .fc-state-active {
	/*background-color: rgba(0, 0, 0, 0.4);*/
	background: var(--select-color);
	color:#fff;
}

body .fc-event {
	border: 1px solid #ccc !important; /* default BORDER color */
	background-color: #e7e7e7; /* default BACKGROUND color */
	color: #333;               /* default TEXT color */
}

body .fc-ltr .fc-event-hori.fc-event-start,
body .fc-rtl .fc-event-hori.fc-event-end {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

body .fc-ltr .fc-event-hori.fc-event-end,
body .fc-rtl .fc-event-hori.fc-event-start {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

body .fc-event-vert .fc-event-time {
	margin-left: 20px;
}

#s_Table144_firstDiv .scrollableDiv {
	border-left: 1px solid var(--border-color);
	border-right: 1px solid var(--border-color);
}
.side-bar{z-index:95 !important}
/**** END OF jPLATON FULL CALENDAR STYLING *****/

/* platonassignee */
span.assignee-icon:before {color: #555; font-size: 1em;}

#newMemoAreaid_richTextEditor_Window_table_content > div.buttonsArea > input {
    position: absolute;
    bottom: 60px;
    right: 15px;
}