body {font-family:Calibri, Arial, sans-serif;font-size:14px;}
.drop-shadow{
-webkit-box-shadow: 0 1px 2px rgba(71, 73, 72, 0.19999999999999996);
-moz-box-shadow: 0 1px 2px rgba(71, 73, 72, 0.19999999999999996);
box-shadow: 0 1px 2px rgba(71, 73, 72, 0.19999999999999);
}

/* PRELOADER CONTAINER  */

#preloader-overlay {position: fixed;z-index: 999999;top: 0;left: 0; width: 100%; height: 100%; background-color:rgb(255, 255, 255);display: none;text-align:center;}
    #preloader-overlay.display {display:block; }
.preloader-container { position:relative; left:50%; top:50%;margin: -51px 0 0 -72px; width:144px;height:102px;}
.preloader-label { display:block;color:#2C77BA;padding-top:10px;}

/*  FORMS */
.form-heading { font-size:22px;color:#337ab7;text-align:center;}
.form-row{position:relative;margin:15px 0px;}
.form-label{display:block;position:absolute;left:3px;top:3px;font-weight:bold;color:#777;padding:12px;background-color:#f3f3f3;width:100px;}
.form-label.psw{width:150px;}

.form-input{width:100%;padding:10px 10px 10px 115px; border:2px solid #d4d4d4;line-height:26px;}
.form-input:focus{outline:2px solid #337ab7;}
.form-error {outline:2px solid #337ab7;}


/* USER PROFILE INTERFACE */
.user-profile {background-color:#F7F7F7; }
.main-content-wrapper {padding-top:40px; }

#content-box { margin:0px auto 15px;width:100%; border-radius: 12px;}
.login-form-label { font-size:24px;text-align:center;color:#2C77BA;margin:10px 0px 10px;}
    #content-box .panel-heading { background-color:#2C77BA;color:#fff;margin-bottom: 15px; border-top-left-radius:12px;border-top-right-radius:12px;}
#content-box .panel-body { padding:0px 30px;}
        #content-box .panel-title {text-transform:uppercase;line-height:36px;text-align:center;font-size:24px; }
    #content-box .panel-footer { background-color:#E4EBF1;text-align:center;padding:10px 15px;}
        #content-box .panel-footer a { line-height:36px;display:block;}
.login-submit { font-size:16px;line-height:42px; width:100%;border-radius:0px;text-transform:uppercase;margin-bottom:30px;font-weight:bold;}
    .login-submit span.glyphicon { margin-right:5px;}
.lost-psw { text-align:center;margin:0px 0px 10px 0px;}
.login-links { margin-top:15px; margin-bottom:30px;}

/* CONFIRM PANELS */

h3.confirm { text-align:center;color:#666;margin-top:0px;}
a.email-confirm { width: 200px;margin:0 auto;display:block;margin-top:30px;margin-bottom:30px;border-radius:0px;padding:10px 60px;text-transform:uppercase;font-weight:bold;}

/* USER DASHBOARD*/
.dash-link {display:block;background-color: #fff; color:#2C77BA;border: 1px solid #ddd;
border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05); box-shadow: 0 1px 1px rgba(0,0,0,.05);
padding:15px;margin:0px 0px 30px;
}

    .dash-link:active, .dash-link:focus, .dash-link:hover { background-color:#47A3DA;color:#fff;text-decoration:none;}
    .dash-link span {display:block;text-align:center;margin:0px 0px 15px 0px; }
.dash-link-label { font-size:24px;}
.dash-link-label:hover { font-size:24px;color:#fff;}
.dash-h1 {font-size:30px;color:#2C77BA;padding:0px 0px 15px;margin:0px 0px 30px; border-bottom: 1px #ddd solid;text-align:center;}
.dash-footer { border-top: 1px #ddd solid;padding:15px 0px;text-align:center;}
.back-plan { background-color:#E4EBF1;}

/* USER MENU & CONTENT */
.user-menu { background:#fff;}
.user-content {background:#fff;margin-bottom:30px;padding:30px 30px 200px 30px;}
    .user-content h1, .user-content h2, .user-content h3 { color:#2C77BA;margin:30px 0px 15px;}
.profil-h1 { color:#2C77BA;margin:0px 0px 30px !important;}
.profil-hr { 	background-color: #fff;border-top: 2px dashed #8c8b8b;}
.user-button { min-width:250px;margin-top:30px;line-height:30px;}

/* USER TABLES */

#user-month { }
    #user-month th, #user-history th { background-color:#2C77BA;color:#fff;border:1px solid #5b91bf;}
#user-month td {vertical-align:middle; }
#user-month td .glyphicon {top:3px;}
#user-month td .btn {width:130px;}
#user-history { }

#user-history td.print, #user-history td.detail {width:60px;text-align:center;padding:0px; }
#user-history th.print, #user-history th.detail {width:60px;text-align:center;}
#user-history .print a, #user-history .detail a {display:block;text-align:center;width:100%;height:100%;padding:8px; }
#user-history .print a:hover, #user-history .detail a:hover {background-color:#47A3DA;color:#fff; }
.user-month-summary { margin-top:30px;border-bottom:2px solid #ddd;}
.print-button, .filter-button { min-width:100%;margin-top:33px;}

/* PROFILE MENU */
.menu-header { background:#2C77BA;text-transform:uppercase;color:#fff;font-size:14px;font-weight:bold;border-radius:4px 4px 0 0;border-color:#2C77BA !important; }
.user-menu .active { background:#47A3DA;}
.back-to-plan {background:#E4EBF1;color:#2C77BA !important; }
    .back-to-plan:focus, .back-to-plan:hover { background:#c6d3de !important;}


/* PSW FORM */

#pswform .form-input {padding-left:175px; }

/* GDPR */
.gdpr-check { background:#f2f8fd;padding:15px 10px;margin:10px 0;}
.gdpr-label { padding:0 0 15px 0;}
.gdpr-link { padding:0 0 15px 0;}
.gdpr-sub { }
.gdpr-line { padding-left:30px;}
.gdpr-line i { color:#2C77BA; margin-right:10px;}
    .gdpr-line i.fa-check {color:#5cb85c; }
.gdpr-line i.fa-ban {color:#d9534f; }

/* VOP TAGS*/
.gdpr-check label {display:block;}
.reglink {display:block;float:right;}