/* Multi Level - See Superfish CSS menu for examples*/

#cssmenu{border:1px solid #DBE6E8;font-family:'Source Sans Pro' !important;font-size: 1em;margin:0 0 0 -1px;padding:0;border-top:0;border-right:0px;border-left:0px;}
#cssmenu table{float:left;}
#cssmenu ul,#cssmenu li{list-style:none;margin:0;padding:0;}
#cssmenu ul{position:relative;z-index:597;float:left;background:#FAFBFD;width:303px;padding:0px;}
#cssmenu ul li{min-height:1px;padding:0;vertical-align:middle;float:none;color:#333;position:relative;border:1px solid #ccc;border-width:1px 1px 0px 0px;}
.last{border-bottom:1px solid #DBE6E8!important;}

/* Multi Level */
#cssmenu ul li.hover,#cssmenu ul li:hover{position:relative;z-index:599;cursor:default;background:#FBFBFB;color:#000}
#cssmenu ul ul{visibility:hidden;position:absolute;top:100%;left:0;z-index:598;width:175px;height:48px;}
#cssmenu ul ul span{width:145px;/*height:40px;*/border:1px solid #DBE6E8;}
#cssmenu ul ul li:hover{float:none;/*height:40px;*/width:175px;/*background:#EaF6FF;*/background:  rgb(235, 243, 245);}
#cssmenu ul ul li{float:none;height:48px;width:175px;background:#FBFBFB; border-left:1px solid rgb(204,204,204);}
#cssmenu ul ul li span{padding:0px 0 0 30px;/*height:40px;*/line-height:37px;font-size:0.8125em!important;}
#cssmenu ul li img{padding:0px; position: relative;top: -2px; margin:0px 2px;}
#cssmenu ul ul,#cssmenu ul ul ul{top:-1px;left:100%;}
#cssmenu ul ul li:hover  > ul{visibility:visible;}

/*#cssmenu ul li:hover  > ul{visibility:visible;}*/
#cssmenu ul li:hover  > ul li span:hover{background:#FBFBFB!important;}
#cssmenu:after,#cssmenu ul:after{content:'';display:block;clear:both;}
/*#cssmenu ul ul label{width:145px;padding:0px 0 0 30px;line-height:37px;font-size:0.8125em!important;}*/
#cssmenu ul ul label{padding:0px 0 0 30px;line-height:37px;font-size:0.8125em!important;}
#cssmenu ul li span.split {border-left:1px solid #ccc;margin-left:75px;padding-left:5px;}
#cssmenu ul li label span.split {border-left:1px solid #ccc;margin-left:0px;padding-left:5px;display:block;}

#cssmenu .has-sub:hover > a:after,#cssmenu .has-sub.hover > a:after{border-color:transparent transparent transparent #333;}
#cssmenu .has-sub > a:after {content:'';width:0;height:0;position:absolute;top:50%;right:11%;margin-top:-5px;-webkit-transform:rotate(360deg);border-color:transparent transparent transparent gray;border-style:solid;border-width:4px 0 4px 4px;}
/*#cssmenu .has-sub ul li.has-sub> label:after{content:'';width:0;height:0;position:absolute;top:50%;right:11%;margin-top:-5px;-webkit-transform:rotate(360deg);border-color:transparent transparent transparent gray;border-style:solid;border-width:4px 0 4px 4px;}*/
#cssmenu .has-sub label  {overflow:hidden;}
/* End Multi Level */

.focus:active{background:#ff0000;}
#cssmenu span.title{font-weight:600;display:block;height:71px;padding:8px 0 0 0px;vertical-align:middle;vertical-align:text-top;margin:0 0 9px 0;font-size:1em;line-height:16px;margin:0;vertical-align: middle;float:left;}
#cssmenu span small {font-size: 0.8125em;line-height:0px;padding-top:-9px;}
#cssmenu span small i{color:#606564;line-height:0px;padding-top:-9px;}

#cssmenu a{display:block;}
#cssmenu ul li.hover > a,#cssmenu ul li:hover > a{color:#333;}
#cssmenu a:link,#cssmenu a:visited{color:#333;text-decoration:none;}
#cssmenu  .active {background:#F1F6F9 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAARCAMAAAArHTYgAAAAM1BMVEVMjiNMjiNMjiNMjiNMjiNMjiNMjiNMjiNMjiNMjiNMjiNMjiNMjiNMjiNMjiNMjiNMjiNeSdtTAAAAEHRSTlP2697Pv66biXZkUUAwIRQJC+dRrgAAACJJREFUeF4FwIcNgCAAALCyN/r/tcSPIEqyomq6YVq24/oeBwoAieqEWU4AAAAASUVORK5CYII=) repeat-x;color:#000;}

#cssmenu label:active  {/*background:#EaF6FF!important;*/}
#cssmenu .checkbox {float:left;background: #eee;width:18px;height:18px;position:absolute;top:3px;left:1px;}
.has-sub ul li .checkbox {position:absolute;top:12px!important;left:5px!important;}

/* Checkbox and Label Code */
.checkbox {margin:-3px 0 -3px 0;}
#cssmenu ul li:hover .label-for-check span.split{background:none!important;}
.root:checked + .rootlabel{background:#EaF6FF;width:75px;height:70px;}
.accradio:checked + span{background:#EaF6FF!important;border: 2px solid #F00!important;}
.check-with-label:checked+ .label-for-check {background-color:rgb(235,243,245)!important;display:block;}
#cssmenu ul li .label-for-check:checked span.split{margin-left:0px!important;display:block;}
#cssmenu ul li .label-for-check span.split{margin-left:0px!important;display:block;position:relative;}
.check-with-label{position:absolute;left:-9999px;}
input.check-with-label+ .label-for-check{background:#FAFBFD!important;}
/* End Checkbox and Label Code */



#accmenu-title {text-align:center;width:307px;border:0;margin:0 0 0 -3px;padding:0;}
#accmenu-title td {border:1px solid #ddd;}
#acc-button {width:73px; height:35px;color:#369;background:#def;border:1px solid #ace;white-space:normal;}
#accmenu-title small {font-size:.9em;}
.radioi{display:inline;}



/*Kostas*/
ul#left-menu {
    width:100%;
    border-right:0px;
}
label.label-for-check {
    height:100%;
    width:100%;
    border-right:0px;
}

label.label-for-check {
    cursor:pointer;
}

#cssmenu .has-sub label {
    margin-bottom: 0px;
    width:90%;
    float:left;
}

#cssmenu > ul > li{border-width:1px 0px 0px 0px;}
#cssmenu > label > span {width:100%;}



.accountImageContainer {
    font-weight:600;
    display:block;
    width:auto;
    float:left;
    line-height:83px;
    vertical-align:middle;
    vertical-align:text-top;
    font-size:1.75em;
    margin:0;
    vertical-align: middle;
}

label.label-for-check {
    width:100%;
}

.menuRightArrow {
    width:10%;
    margin-right:3px;
    color: rgb(144,192,212);
    border-left:1px solid rgb(194,218,228);
}

#left-menu .label-for-check {
    display: table;
}
div.lmContainer {
    border-right:1px solid white;
}
div.menuRightArrow {
    text-align: center;
    width:9.5%;
    line-height: 83px;
    top: 0px;
}
div.lmContainer , div.menuRightArrow{
    display: table-cell;
    vertical-align: middle;
}

span.title > span {
    font-size: 1.75em;
}

.titleSub {
    float:left;
}

.menuRightArrowSub{
    width: 20px;
    margin-right:3px;
    color: rgb(144,192,212);
    border-left:1px solid rgb(194,218,228);
    line-height:48px;
    float:right;
    text-align: center;
    top: 0px;
}

.titleSub{line-height:48px;}
.leftShadowSub {line-height:48px;border-left:1px solid white;float:right;}