/*Copyright  2013-2014 Iron Summit Media Strategies

    URI: http://http://www.ironsummitmedia.com/

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

    http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.*/



/* Global Styles */

/* ------------------------------- */

 body {
    background-color: white;
    font-family: 'Open Sans', sans-serif;
}

/* Wrappers */

/* ------------------------------- */

 #wrapper {
    width: 100%;
    margin-top: 79px!important;     
}

#page-wrapper {
    padding: 0 15px;
    min-height: 568px;
}


h1{font-size: 22px!important;margin: 0!important;margin-top: 20px!important;margin-bottom: 10px!important;padding: 0!important;color: #9B9B9B;}
    

.navbar-static-side ul li {
    border-bottom:2px solid rgb(213,213,213) !important;
}

/* Navigation */

.navbar-header{float: right;}
.navbar-right{float: right;min-height:47px;}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 10px 10px;
    margin-top: 8px;
    /* margin-right: 15px; */
    /* margin-bottom: 8px; */
    background-color: transparent;
    background-image: none;
    border: none;
    border-radius: 4px;
    background: none;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background: none;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fab900;
}

.navbar-default .navbar-toggle:hover .icon-bar {
    background-color: #f29100;
}

.navbar-toggle .icon-bar {
    display: block;
    width: 35px;
    height: 5px;
    border-radius: 1px;    
}

/* ------------------------------- */

/* Top Right Navigation Dropdown Styles */

 .navbar-top-links li {
    display: inline-block;
    vertical-align: top;
    margin-top: 0;
}

.navbar-top-links li:last-child {
    margin-top: 5px;
    margin-right: 10px;
}

.navbar-top-links li a {
    padding: 15px;
    /*min-height: 50px;*/
}

.navbar-top-links .dropdown-menu li {
    display: block;
    padding: 3px 20px;
}

.navbar-top-links .dropdown-menu li:last-child {
    margin-right: 0;
}

.navbar-top-links .dropdown-menu li a {
    padding: 3px 20px;
    min-height: 0;
}

.navbar-top-links .dropdown-menu li a div {
    white-space: normal;
}

.navbar-top-links .dropdown-messages,
.navbar-top-links .dropdown-tasks,
.navbar-top-links .dropdown-alerts {
    width: 310px;
    min-width: 0;
}

.navbar-top-links .dropdown-messages {
    margin-left: 5px;
}

.navbar-top-links .dropdown-tasks {
    /*margin-left: -59px;*/
}

.navbar-top-links .dropdown-alerts {
    margin-left: -123px;
}

.navbar-top-links .dropdown-user {
    right: 0;
    left: auto;
}

/* Sidebar Menu Styles */

 .sidebar-search {
    padding: 15px;
}

.arrow {
    /*float: right;*/
}

.fa.arrow:before {
    content: "\f104";
}

.active > a > .fa.arrow:before {
    content: "\f107";
}

.nav-second-level li,
.nav-third-level li {
    border-bottom: none !important;
}

.nav-second-level li a div,
.nav-third-level li a div {
    padding-left: 5px;
}

.nav-second-level li a {
    padding-left: 37px;
}

.nav-third-level li a {
    padding-left: 52px;
}

.panel-heading {  
  background-color: #9B9B9B!important;  
}

.panel-heading .btn-group > .btn {  
  background: #f36f32;
}

@media(max-width:768px) {
    .navbar-static-side {
        float: none;
        z-index: 1;
        position: relative;
        width: auto;
        left: 0!important;
    }
    
    .navbar-static-side .trigger {
        display: none;        
    }    
}

@media(min-width:768px) {
    .navbar-static-side {
        float: left;
        z-index: 1;
        position: fixed;
        width: 240px;
        left: -200px;
        transition: all 300ms ease 0s;
    }
    
    .navbar-static-side .trigger {
        display: block;
        cursor: pointer;
        position: relative;
        background-color: #9B9B9B;
        text-align: right;
        font-size: 25px;
        color: #9CDCD9;
        padding: 10px 13px;
    }

    .navbar-top-links .dropdown-messages,
    .navbar-top-links .dropdown-tasks,
    .navbar-top-links .dropdown-alerts {
        margin-left: auto;
    }
}


.attendance-page {
    margin-top: -79px;
}

@media(max-width:1199px) {
    .attendance-page #panelFooter .alert-txt-lg {
        font-size: 16px;
    }
}
@media(min-width:1200px) {
    .attendance-page {
        /* margin-top: 0;*/
    }
    .attendance-page .btn {
        padding-top: 25px;
        padding-bottom: 25px;
        margin-bottom: 10px;
        font-size: 22px;
    }
}

/* Buttons */

/* ------------------------------- */

 .btn-outline {
    color: inherit;
    background-color: transparent;
    transition: all .5s;
}

.btn-primary.btn-outline {
    color: #428bca;
}

.btn-success.btn-outline {
    color: #5cb85c;
}

.btn-info.btn-outline {
    color: #5bc0de;
}

.btn-warning.btn-outline {
    color: #f0ad4e;
}

.btn-danger.btn-outline {
    color: #d9534f;
}

.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {
    color: #fff;
}

/* Pages */

/* ------------------------------- */

/* Dashboard Chat */

 .chat {
    margin: 0;
    padding: 0;
    list-style: none;
}

.chat li {
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #B3A9A9;
}

.chat li.left .chat-body {
    margin-left: 60px;
}

.chat li.right .chat-body {
    margin-right: 60px;
}

.chat li .chat-body p {
    margin: 0;
    color: #777777;
}

.panel .slidedown .glyphicon,
.chat .glyphicon {
    margin-right: 5px;
}

.chat-panel .panel-body {
    height: 280px;
    overflow-y: scroll;
}

/* Login Page */

 .login-panel {
    margin-top: 15%;
}
.body-Backcolor {
    background-color:#000;
}
.logo-margin {
    margin-top:100px;
}

/* Flot Chart Containers */

 .flot-chart {
    display: block;
    height: 400px;
}

.flot-chart-content {
    width: 100%;
    height: 100%;
}

/* DataTables Overrides */

 table.dataTable thead .sorting,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
    background: transparent;
}

table.dataTable thead .sorting_asc:after {
    content: "\f0de";
    float: right;
    font-family: fontawesome;
}

table.dataTable thead .sorting_desc:after {
    content: "\f0dd";
    float: right;
    font-family: fontawesome;
}

table.dataTable thead .sorting:after {
    content: "\f0dc";
    float: right;
    font-family: fontawesome;
    color: rgba(50,50,50,.5);
}

/* Circle Buttons */

 .btn-circle {
    width: 30px;
    height: 30px;
    padding: 6px 0;
    border-radius: 15px;
    text-align: center;
    font-size: 12px;
    line-height: 1.428571429;
}

.btn-circle.btn-lg {
    width: 50px;
    height: 50px;
    padding: 10px 16px;
    border-radius: 25px;
    font-size: 18px;
    line-height: 1.33;
}

.btn-circle.btn-xl {
    width: 70px;
    height: 70px;
    padding: 10px 16px;
    border-radius: 35px;
    font-size: 24px;
    line-height: 1.33;
}

.show-grid [class^="col-"] {
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #ddd;
    background-color: #eee !important;
}

.show-grid {
    margin: 15px 0;
}

.nav > li > a {width: 100%;}
.nav > li > a > div {width: 90%; float: left;font-size:13px;}
.has-submenu > a > div {font-weight:normal;}
.has-submenu > ul > li > a > div {font-weight:normal;font-size:13px;}
.nav > li > a > i {text-align: right; width: 10%; color: #009AA6;}
.navbar-top-links > li > a > i { color: #9CDCD9; }
.navbar-top-links > li > a:hover > i { color: #F36F32; }
.menu-active .fa {color: #f36f32;}

.no-botom-margin {margin-bottom: 0px !important;}

/* year/month table*/
.day-label { text-align: center; vertical-align: middle !important; background: #fff !important; }
.day-label span, .day-label a, .day-label a:hover { font-weight: bold !important; text-align: center; font-size: large !important; }
.day-common { font-weight: bold; text-align: center; }
.day-common .panel, .weekend .panel {
    border-bottom: 1px solid #ddd !important;
    margin-bottom: 10px;
    padding-bottom: 10px; 
}
.day-common .panel:last-child, .weekend .panel:last-child {
    border: 0 !important;
}

.weekend { font-weight: bold; text-align: center; background-color: lightgray; }
.day-in-month-label { font-size: large; text-transform: uppercase; }
.year-month-table-header { text-transform: uppercase; }
.year-month-table-header > tr > th { padding: 15px 0px !important; }
.year-month-table-header a, .year-month-table-header a:hover { color: rgb(105,126,127); font-size: 14px; font-weight: bolder;}
.year-month-table-day-pointer {  }


/*calendar*/
.calendar-title-big { line-height: 2em; text-transform: uppercase; font-size: x-large; }
.calendar-next-prev-month-title { font-size: smaller; }
.calendar-day-header { font-size: large !important; }
.calendar-day { line-height: 4em !important; font-weight: bold; }
.calendar-day-other-month { font-weight: normal !important;  }
.calendar-day-content { line-height: 1em; }
.calendar-day-event { padding: 10px; text-align: left !important; font-weight: bold !important; font-size: larger !important; }

/*dynamic-modal*/
.dynamic-modal { 
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    position: absolute;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    outline: none;
    box-sizing: border-box;
    padding: 10px;
    text-align: left;
    z-index: 9999;
    xfont-size: smaller;
    font-weight: normal;
    min-width: 120px;
    margin-left: 30px;
}
.dynamic-modal-separator {
    border-top: 1px solid #ddd;
    margin: 5px -10px;
}

.big-alert {
    font-weight: bold;
    font-size: 20px;
}

.user-info a {
  color: white;
  padding-top: 5px;
}
.user-info a:hover,
.user-info a:focus {
  color: #262626;
  text-decoration: none;
  background-color: rgb(118, 135, 142);
}
.user-info-logout {
  padding-top: 5px;
  padding-left: 0px;
}
.rf-name a {
    cursor: context-menu;
}
@media print {
    table thead a[href]:after, table thead a[title]:after, table tbody a[href]:after, table tbody a[title]:after {
        content: "" !important;
    }

    .table-responsive {
        width: auto;
        overflow: visible;
    }
    .log-admin { display: none; }
}
#ZasIntagBodyPlaceHolder_predpl_skupiny label { width: 85% !important; }


@media print {

    .panel {
        font-weight: normal !important;
    }

    .page-header {
        font-size: 14px;
	margin-left: 25px !important;

    }
    #wrapper {
        margin: 10px 0 0 0 !important;
    }

    #LeftPanel, #ZasIntagBodyPlaceHolder_PanelFilterBox1 {
        display: none;
    }

    .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
        padding: 2px !important;
        font-size: 11px !important;
        line-height: 1.1 !important;
        border-color: #444 !important;
    }

    .day-common .panel, .weekend .panel {
        border-color: #444 !important;
        border-radius: 0;
    }

    .panel {
        margin: 0;
    }

    strong {
        font-weight: normal;
    }

    .rf-name strong {
        font-weight: bold !important;
    }

    .fa-pencil-square-o {
        display: none !important;
    }

    .day-label span {
        font-size: 11px !important;
        font-weight: bold;
    }

    .year-month-table-header a, .year-month-table-header a:hover {
        font-size: 12px !important;
    }

    .month-table-header th:first-child, .week-table-header th:first-child {
        width: auto !important;
    }

    .daily-ferman td:first-child, .daily-ferman td:nth-child(2), .daily-ferman th:first-child, .daily-ferman th:nth-child(2) {
        display: none !important;
    }

    .hide-print {
        display: none !important;
    }

    .print-panel-body, .print-panel {
        border: 0 !important;
        padding: 0 !important;
        border-radius: 0 !important;
    }

    .print-panel {
    }

    .print-bold {
        font-weight: bold !important;
    }

    .print-inline {
        display: inline;
    }

    .panel-heading {
        padding: 0;
    }

    #LogForAdmin {
        display: none;
    }

    .print-border-top {
        border-top: 2px solid #444 !important;
    }

    tr:first-child + .print-border-top {
        border-top: 1px solid #444 !important;
    }
}


.soubor-1 {background-color: #CE92B4;}
.soubor-1.typ-1 {background-color: #CE92B4;}
.soubor-1.typ-2 {background-color: #bf0;}
.soubor-1.typ-3 {background-color: #F2ABD3;}
.soubor-1.typ-4 {background-color: #FFB5DE;}

.soubor-1, .soubor-2 {
    -webkit-print-color-adjust: exact; 
}

@media print {
    body {-webkit-print-color-adjust: exact;}
}


.soubor-2 {background-color: #929915;}
.soubor-2.typ-1 {background-color: #929915;}
.soubor-2.typ-2 {background-color: #BCC32D;}
.soubor-2.typ-3 {background-color: #F6FC84;}
.soubor-2.typ-4 {background-color: #FAFEAE;}

.soubor-3 {background-color: #0D5D5D;}
.soubor-3.typ-1 {background-color: #0D5D5D; color: #fff;}
.soubor-3.typ-2 {background-color: #1C7676;}
.soubor-3.typ-3 {background-color: #519B9B;}
.soubor-3.typ-4 {background-color: #87C4C4;}

.soubor-4 {background-color: #344F84; color: #fff;}
.soubor-4.typ-1 {background-color: #344F84;}
.soubor-4.typ-2 {background-color: #526C9E;}
.soubor-4.typ-3 {background-color: #A9B9DA;}
.soubor-4.typ-4 {background-color: #D8E0F1;}


/* Admin log */
.log-admin .collapsePanelHeader {
  padding: 5px;
  white-space: nowrap;
  height: auto;
}
.log-admin .collapsePanelHeader > div:before,
.log-admin .collapsePanelHeader > div:after {
  content: " ";
  display: table;
}
.log-admin .collapsePanelHeader > div:after {
  clear: both;
}
.log-admin .collapsePanelHeader > div > div {
  margin: 0 5px;
}
.log-admin-header {
  background: #f3f3f3;
  border: 1px solid #ccc;
  border-right: 0;
  border-bottom: 0;
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 999;
}
.log-admin-header .log-section {
  display: inline-block;
  border-right: 1px solid #ccc;
  padding: 3px 10px;
  margin: 2px 0;
  color: #000;
}
.log-admin-header .log-section:last-child {
  border-right: 0;
}
.log-admin-header .log-section img {
  vertical-align: middle;
  position: relative;
  top: -1px;
  margin-right: 1px;
}
.log-admin-header a.log-section {
  color: #337ab7;
}
.log-admin-body {
  position: fixed;
  bottom: 40px;
  top: 10%;
  right: 10px;
  max-width: 50%;
  background: #f3f3f3;
  overflow-y: scroll;
  padding: 20px;
  display: none;
  z-index: 1004;
  box-shadow: 0 0 10px 3px #ddd;
}
.log-admin-body > div {
  display: block !important;
  overflow: auto !important;
  visibility: visible !important;
  height: auto !important;
}
.log-admin-body .pLogItems td {
  padding: 3px 3px 3px 0;
}
.log-body-opened .log-admin-body {
  display: block;
}
.p-log-inner-div { padding: 1px 0px 1px 0px;}
.select2-selection__rendered {font-weight: bold;}
.form-control, .form-control option {font-weight:bold;}

.btn-fixed-big-size {width: 200px; height: 50px;}
.btn-lg-intag-width {width: 100% !important;}

.btn-lg-lg, .btn-group-lg-lg > .btn {
    padding: 15px 0px;
    font-size: 25px;
    line-height: 1.33;
    border-radius: 6px;
    margin: 5px 0px;
}
.form-control-lg-lg {
    font-size: 25px;
    height: 70px;
}
.alert-txt-lg {
    font-size: 22px;
    font-weight: bold;
    padding: 10px 35px 10px 15px;
}

.table {
    margin-bottom: 0;
}
table th, table td {background: #fff;}
.fht-table thead, .fht-tfoot {font-weight: bold;}

.login-ext-link {
    display: inline-block;
    line-height: 1;
    background: #eee;
    border-radius: 4px;
    padding: 12px 15px 12px 50px;
    margin: 0;
    color: #fff !important;
    text-decoration: none !important;
}

.facebook-btn {
    background: #33599b;
}

.google-btn {
    background: #d34836;
}
.microsoft-btn {
    background: #2f2f2f;
    color: #ffffff;
}

.fb-login-btn {
    position: relative;
    margin: 0 0 10px 0;
}
.fb-login-btn i {
    position: absolute;
    color: #fff;
    left: 12px;
    font-size: 20px;
    top: 50%;
    transform: translate(0, -50%);
}