html{margin:0;padding:0;background:#f2f2f2}
body{margin:0;padding:0;font-family:'Open Sans', sans-serif;font-size:12px;min-width:640px}
a{text-decoration:none;color:inherit}

.content{padding-top:60px;margin-left:10px}
.topbar {
    position:fixed;
    z-index:1000;
    top:0;
    left:0;
    right:0;
    height:60px;
    border-bottom:1px solid #c5c5c5;
    background-color:#FFF;
    box-shadow:0 2px 5px #ccc
}

.langselect{margin:0;padding:0;list-style-type:none;position:fixed;top:13px;right:10px;height:30px;z-index:1001;overflow:hidden;cursor:pointer;border:1px solid #c5c5c5;border-radius:3px;background:#fff}
.langselect a{text-align:left;display:block;line-height:30px;padding:0;margin:0;font-size:10px;width:70px}
.langselect a:first-child{display:block;border-bottom:1px solid #c5c5c5;position:relative}
.langselect a:hover{background:#f2f2f2}
.langselect .arrow{position:absolute;right:0;top:0;bottom:0;background:#f2f2f2;border-left:1px solid #c5c5c5;line-height:30px;color:#000;width:16px;text-align:center;font-size:10px}
.langselect .iconlang{margin:0 5px;vertical-align:middle}
.langselect.open{height:auto;box-shadow:0 6px 12px rgba(0,0,0,0.175)}
.langselect.open a{float:left}
.langselect.open a:nth-child(3n+2) {clear:left}
.langselect.open a:first-child{float:none;width:100%}

.alert{display:block;margin:0 auto;padding:10px;color:#fff}
.alert-error{color:#fff;background:#900;border-top:1px solid #040}
.alert-success{color:#fff;background:#060;border-top:1px solid #040}
.alert-info{color:#fff;background:#007cc2;border-top:1px solid #004}
.alert-warning{color:#333;background:#fee337;border-top:1px solid #D6AB00}
.alert b{font-size:14px}

.iconlang{background:url(../images/langs.png) no-repeat -96px 0;display:inline-block;width:16px;height:11px}
.icon_it{background-position:0 0}
.icon_en{background-position:-16px 0}
.icon_fr{background-position:-32px 0}
.icon_de{background-position:-48px 0}
.icon_es{background-position:-64px 0}
.icon_ru{background-position:-80px 0}
.icon_ar{background-position:-112px 0}
.icon_br{background-position:-128px 0}
.icon_bu{background-position:-144px 0}
.icon_ca{background-position:-160px 0}
.icon_cz{background-position:-176px 0}
.icon_da{background-position:-192px 0}
.icon_el{background-position:-208px 0}
.icon_et{background-position:-224px 0}
.icon_fi{background-position:-240px 0}
.icon_hu{background-position:-256px 0}
.icon_jp{background-position:-272px 0}
.icon_ko{background-position:-288px 0}
.icon_nl{background-position:-304px 0}
.icon_no{background-position:-320px 0}
.icon_pl{background-position:-336px 0}
.icon_pt{background-position:-352px 0}
.icon_ro{background-position:-368px 0}
.icon_sl{background-position:-384px 0}
.icon_sv{background-position:-400px 0}
.icon_th{background-position:-416px 0}
.icon_tr{background-position:-432px 0}
.icon_us{background-position:-448px 0}
.icon_vt{background-position:-464px 0}
.icon_zh{background-position:-480px 0}

.login{box-sizing:border-box;width:100%;max-width:400px;margin:30px auto 0 auto;border-radius:3px;border:2px solid #666;background:#fff;box-shadow:#666 0 0 7px}
.login .logo{background:#f2f2f2;padding:10px;border-bottom:2px solid #e4b41d}
.login form{margin:0;padding:20px 10px}
.login form .row{background:#fff;display:block;line-height:24px;overflow:hidden;border:1px solid #c5c5c5;margin:0 0 10px 0;text-align:left;border-radius:3px;padding:0}
.login form .row span{background:#f2f2f2;width:10%;font-size:20px;border-right:1px solid #ccc;display:block;height:30px;line-height:30px;float:left;text-align:center}
.login form .row input{border:none;margin:0;padding:0 5px;height:24px;outline:none;width:89.5%;height:30px}
.login form .submit{height:24px;display:block}
.login form .submit{display:block;width:100%;height:34px;line-height:32px;cursor:pointer;color:#fff;border-radius:3px;background:#3D9400;border: 1px solid #327b00}
.login form .submit:hover{background-color:#327b00;border-color:#286100}
.login .info{background:#f2f2f2;padding:10px;border-bottom:1px solid #e4b41d}
.login .secure{background:#f2f2f2;padding:5px;border-top:1px solid #e4b41d;text-align:center}
.login .forgot{background:#666;padding:6px 0 4px 0;color:#fff;text-align:center}
.social {font-size: 0;margin: 0;padding: 10px 0;list-style: none;text-align: center;}
.social li {display: inline-block;}
.social a {display: block;width: 40px;height: 40px;background-image: url(../images/social.png);background-repeat: no-repeat;margin: 0 10px;}
.social .f {background-position: 0 0;}
.social .t {background-position: -40px 0;}
.social .g {background-position: -80px 0;}
.social .y {background-position: -120px 0;}
.social .i {background-position: -160px 0;}
.social .p {background-position: -200px 0;}

#login-popup{display:none;position:absolute;top:60px;width:100%;z-index:1000}

.open .selectedLang {
    margin-left: 10px;
}

a.langItem{
    width: 60px;
    line-height: 22px;
    margin: 10px 0 0 5px;
    box-sizing: border-box;
}

a.langItem .iconlang {
    margin: 3px 5px 5px 10px;
}

.langItem.disabled, .langItem.disabled:hover{
    background: #ffd747;
    border: 1px solid #ffae2f;
    border-radius: 3px;
    cursor: default;
}
.login .passwordGeneration{
    background:#f2f2f2;
    padding:5px;
    border-top:1px solid #e4b41d;
}
.login .lostpasswd {
    display:block;
    text-align: center;
    color: #007cc2;
}
/*.topbar.debug{
    background-image:url('../images/logo_debug.png');    
}*/
.topbar .mainlogo {
    width:222px;
    margin-top: 15px;
    margin-left: 10px
}