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);
}

/*TOP STRIP */

#top-strip { background:#337ab7;margin-bottom:30px;min-width:400px;}
.home-page { min-width:1200px !important;}
.logo-wrapper { float:left;padding:5px 0 5px 30px;}
.main-menu-wrapper { float:right;padding:0px;}
.main-menu { padding:0px;margin:0px;}
.main-menu li { display:inline-block;border-left: 1px dotted rgba(255, 255, 255, 0.63);}
    .main-menu li a { display:block;color:#fff;line-height:60px;padding:0 30px;}
        .main-menu li a:hover { background:#1e5280;text-decoration:none;}

.main-planner-wrapper {margin:50px 20px;min-width:1280px;}
#menu-buttons-wrapper { background:#337ab7;position:relative;}
.menu-buttons {position:absolute;right:0px; }

.main-planner-wrapper {margin:50px 20px;min-width:1280px;}
#menu-buttons-wrapper { background:#337ab7;position:relative;}
.menu-buttons {position:absolute;right:0px; }
.form-error {outline:2px solid #337ab7;}

/*  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;}

/* PREVIOUS PLANNER STYLE */
#planner { padding:15px 15px;background:#E4EBF1;}
#wrapper{width:95%;margin: 0 auto;overflow:hidden;min-width:1170px;}
#nopublic {display: block; position: absolute;width: 400px;height: 200px;margin: 0 0 0 -150px;z-index: 100;top: 30%;left: 50%;text-align: center;background:#2c77ba;color: #fff;border: 10px solid #fff;outline: 1px solid #e0e0e0;padding:35px  0px;}
#nopublic span {display:block;text-align:center;line-height:20px; font-size:24px;padding-top:15px;}

#gridplan th {white-space:nowrap;font-weight:bold;font-size:14px;padding:3px;text-align:center;}
#gridplan .weekday { background: #c6d3de;width:1.19047619047619%;}
#gridplan .weekday-wrapper { text-align:center;}
#gridplan .weekday span { display:block;}

#gridplan {width:100%;background:#E4EBF1;border-collapse:separate;border-left:2px solid #000;border-top:1px solid #000;border-bottom:1px solid #000;}
#gridplan th {border-right:2px solid #000;border-bottom:1px solid #000;border-top:1px solid #000;}
#gridplan td {border-bottom:1px solid #000;border-top:1px solid #000; border-right:1px solid #000;background-color:#fff;width:1.19047619047619%;}
#gridplan td.over { background: #c6d3de; }

/*#gridplan tr td:nth-child(4n) { border-right: 2px solid #000;}*/
#gridplan tr td:last-of-type {border-right:2px solid #000;}
#gridplan tr:first-of-type th {border-top:1px solid #000;}

[id^=dayname] { color:#000;font-size:36px;line-height:36px;}
[id^=dayinfo] { color:#000;font-size:14px;line-height:14px;}

#surfaces{background:#e4ebf1;}
#surface1, #surface2 { }
#surface2 { padding:30px;}

.week-switcher {background:#c6d3de;padding:10px 30px; }
    .week-switcher a {}
    .week-switcher a span {}
        .wprev{font-size:18px;padding:0px 10px 0px 10px;}
        .wtext{font-size:24px;padding:0px 5px 0px 10px;}
        .wnext{font-size:18px;padding:0px 10px 0px 10px;}
        .wthis{font-size:18px;padding:3px;}

/*PLANNER LEGEND*/
.planner-legend { background:#c6d3de;padding:15px 30px;margin:15px -15px -15px -15px;}
.legend-table { }
.legend-ico {display:block;float:left;border:2px solid #fff;width:20px;height:20px;margin:3px 10px 0px 20px; }
.legend-text { float:left;padding: 3px 0px 0px 0px;}

/* EVENTS & TEXT ROWS*/
.event {position:absolute;left:0px;top:0px;height:56px;z-index:10;padding:2px 3px;color:#fff;opacity: 0.9;cursor:pointer;}
    .event:hover, .event:focus, .event:active { color:#fff;text-decoration:none;}
    .event span { display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.row1 {font-size:12px;line-height:14px;font-weight:bolder;text-transform: uppercase;}
.row2 {font-size:12px;line-height:14px;font-weight:bolder;text-transform: uppercase;}
.row3 { font-size:10px;line-height:14px;}
.row4 { font-size:10px;line-height:12px;}
.hodinovka { width:60px;}
.dvouhodinovka { width:120px;}
.rolba { width:15px;background:rgba(0, 0, 0, 0.75)}
.objednavka { background:#5cb85c;color:#fff;text-align:center; }
.planicon { font-size:28px;margin-top:5px;}
.planorder {font-size:14px;font-weight:bold; }
.match {background-color:#1F98C7;background-image:url('../img/stripback.png');background-position: left top;background-repeat: repeat-x; }

/* EVENTS & MODALS*/
.first-modal { display:block;height:60px;width:100%;background:rgba(44, 119, 186, 0.20);}
.pop-detail { border-bottom:1px solid #ddd;}

.modal-login-wrapper { border-right:1px solid #ddd;padding-right:45px;}
.modal-login-label { font-size:24px;text-align:left;color:#2C77BA;margin:10px 0px 10px;}
.modal-button { width:100%;}

/* MODAL SLIDER */
.order-price { text-align:right;}

.slider-label { margin-bottom:15px;}
.order-label { background:#e4ebf1;color:#2C77BA;font-size:20px;font-weight:bolder;line-height:40px;padding:0px 10px;margin:15px 0px;}

.order-range-from, .order-range-to { margin-top:15px;}
.order-range-to { text-align:right;}

/* STACK ITEMS */
.item { display:block; width: 50px; opacity: .85; height: 50px; float: left; cursor:move;}
.item .content {margin: 3px;overflow: hidden;color: #fff;padding: 4px;height: 44px;font-size: 12px;font-weight: bolder;white-space: normal;}
.item .home { text-overflow: ellipsis; overflow: hidden; }*/

/* 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;}
.reglink { text-align:center;margin:0 0 15px;}

/* 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-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;}

/* HELP INTERFACE */

.imghelp { border:1px solid #ddd;display:block;}

/* USER TABLES */

#user-month { }
    #user-month th, #user-history th { background-color:#2C77BA;color:#fff;border:1px solid #5b91bf;}
#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;}

/* PSW FORM */

#pswform .form-input {margin-left:150px; }

/* 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;}

/* HELP INTERFACE */

.imghelp { border:1px solid #ddd;display:block;}

.user-profile { background-color: #F7F7F7; }


/* MULTI SURFACE GRID */

.surface-label { white-space:nowrap; font-size:12px;font-weight:bold;padding-left:3px;border-right: 2px solid #000 !important; }
#gridplan td { height:60px;border-bottom:1px solid #000;border-top:1px solid #000; border-right:1px solid #000;background-color:#fff;}
#gridplan td.border { border-right: 2px solid #000; }
#gridplan td.fh { height: 60px; }
#gridplan td.hh { height: 30px; }

#gridlegend { margin-top:0px; padding-top:0px;  }
#gridlegend div { margin-top:0px; }

.actionorder { font-size: 14px; font-weight: bold; }
.actionnote { font-size: 14px; font-weight: bold; }

.center-menu-wrapper { float:left;padding:0px;margin-left:15px;}
.center-menu { padding:0px;margin:0px; border-left: 1px dotted rgba(255, 255, 255, 0.63);}
.center-menu li { display:inline-block; border-right: 1px dotted rgba(255, 255, 255, 0.63);}
.center-menu li a { display:block;color:#fff;line-height:60px;padding:0 30px;}
.center-menu li a:hover { background:#1e5280;text-decoration:none;}