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; }
.home-page { min-width: 1200px !important; }
.logo-wrapper { float: left; padding: 5px 0 5px 15px; }
.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 15px; }
            .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.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; }
/*THIS ROW*/
#wrapper { padding:15px;width: 100%; margin: 0 auto; overflow: hidden; min-width: 1200px; }
/**/
#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; }
.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 { 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('/assets/stripback.png'); background-position: left top; background-repeat: repeat-x; }
.match-novapaka { background-color: #1F98C7; background-image: url('/assets/stripback.png'); background-position: right top; background-repeat: no-repeat; }

/* 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-range-from, .order-range-to { margin-top: 15px; }
.order-range-to { text-align: right; }

/* STACK ITEMS */
.item { display: block; opacity: .85;  float: left; cursor: move; }
    .item .content { position:relative;margin: 3px; overflow: hidden; color: #fff; padding: 4px; height: 54px; width:54px;font-size: 12px; font-weight: bolder; white-space: normal; }
        /*.item .content::after { content: "\f013"; font-family: "FontAwesome"; margin-left: 5px; }*/
        .item .home { text-overflow: ellipsis; overflow: hidden; }
.generic { clip-path: polygon(0 0, 44px 0, 54px 10px, 54px 54px, 0 54px); border-bottom: 4px solid #00000080; }
.setlink {display:block;position:absolute;left:40px;top:35px;color:#fff;text-decoration:none;}
    .setlink:hover, .setlink:active, .setlink:focus { color: #fff; text-decoration: none; }

/* CATEGORY ITEMS */

.category-item { display: block; float: left; }
.category-link { border: 2px solid #00000080; display: block; font-size: 12px; font-weight: 600; text-align: center; text-decoration: none; color: #FFFFFF; width: 54px; height: 54px; margin: 3px; overflow: hidden; white-space: normal; text-overflow: clip; }
    .category-link:hover, .category-link:active, .category-link:focus { border: 2px solid #00000040;text-decoration: none; color: #FFFFFF; }
.category-label { display: block; background: #00000080; margin-bottom: 12px; padding:2px 0; }
.category-plus { display: block; font-weight:bold;font-size:36px;line-height:0;}


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


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


/* PAYMENT INTERFACE */

.user-payment { background-color: #F7F7F7; }
    .user-payment h1, .user-payment h2, .user-payment h3 { color: #2C77BA; margin: 30px 0px 15px; }
.payment-h1 { color: #2C77BA; margin: 15px 0px 0px !important; }
.payment-h3 { color: #2C77BA; margin: 6px 0px 4px !important; }

.user-payment-content { background: #fff; margin-bottom: 30px; padding: 30px 30px 60px 30px; }

.payprice { font-size: 43px; FONT-WEIGHT: BOLD; color: #337AB7; line-height: 39px; }
.paybox { background: #e9f5ff; padding: 15px; margin-bottom: 15px; }
.paylabel { font-weight: bold; }
.payvalue i { color: #2C77BA; }

#paycancel, #payment { width: 100%; padding: 10px; }
.payinfo, .paygp { text-align: center; }
.fa.paycancel, .fa.paysuccess, .fa.payicon { font-size: 120px; }
.fa.paycancel { color: #d9534f; }
.fa.paysuccess { color: #5cb85c; }
.fa.payicon { }
.paybutton { margin-bottom: 15px; }
.payheader { text-align: center; }
.paystrip { text-align: center; margin-bottom: 15px; FONT-WEIGHT: BOLD; }
.paygp { margin-top: 15px; }
.payreceipt { font-size: 24px; color: #3c763d; background: #dff0d8; border: 1px solid #d6e9c6; padding: 30px; margin-top: -30px; border-radius: 8px; }
.payerror { font-size: 24px; color: #a94442; background: #f2dede; border: 1px solid #ebccd1; padding: 30px; margin-top: -30px; margin-bottom: 15px; border-radius: 8px; }

.pay-footer { padding: 15px 0px; text-align: center; }

/* srafovani 2020 */
#planner table td.dstrip { background: url('../img/dstrip2.png' ) }

/* RL BUTTONS BS 3 MODIFICATION */

.modal-button-wrapper {margin-top:15px;}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus
 {
    outline: 0px auto -webkit-focus-ring-color;
    outline-offset: 0px;
}

.rl-btn-blue { background-color: #3276b1; border-radius: 0px; color: #fff; }
.btn i { margin-right: 5px; }
.rl-btn-blue:hover, .rl-btn-blue:active, .rl-btn-blue:focus { background-color: #265b8a !important; border-radius: 0px; color: #fff !important; }

.rl-btn-red { background-color: #d9534f; border-radius: 0px; color: #fff; }
    .rl-btn-red:hover, .rl-btn-red:active, .rl-btn-red:focus { background-color: #a43f3c !important; border-radius: 0px; color: #fff !important; }

.rl-btn-grn { background-color: #5cb85c; border-radius: 0px; color: #fff; }
    .rl-btn-grn:hover, .rl-btn-grn:active, .rl-btn-grn:focus { background-color: #449d44 !important; border-radius: 0px; color: #fff !important; }

.rl-btn-tuq { background-color: #1abc9c; border-radius: 0px; color: #fff; }
    .rl-btn-tuq:hover, .rl-btn-tuq:active, .rl-btn-tuq:focus { background-color: #16a085 !important; border-radius: 0px; color: #fff !important; }

.user-submit { font-size: 14px; line-height: 30px; width: 100%; border-radius: 0px; text-transform: uppercase; margin: 10px 0; }