/* Colors */
/* Mazars Tri-color */
/* #F4F6F8 */
/* Graphic mixins */

input{
    background : #F4F4F4;
}

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input{
    background: #E5F0FA;
    color:#464B4B;
}

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {

    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(0,113,206,0.6);
}


input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] {
    cursor: not-allowed;
    background-color: #F4F4F4;
}



.font-slender {
    font-family: 'PT Sans Narrow', sans-serif;
    font-size: 20px;
}
.font-default {
    font-family: "Arial", sans-serif;
    font-size: 13px;
}
.theme,
table,
table tr.row-header,
.info-box,
select {
    background: #E5F0FA;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14);
    border: 1px solid #848b91;
}
.margins,
table,
.button,
.info-box {
    margin: 5px 0;
}
/* Base */
html,
body {
    height: 100%;
}
body {
    font-family: "Arial", sans-serif;
    font-size: 13px;
    color: #464B4B;
}

/* tri pasiky
body:before {
    display: block;
    content: " ";
    position: fixed;
    top: 0;
    left: 0;
    height: 4px;
    width: 100%;
    background: #b9060c;
    box-shadow: 0 4px 0 #fdb600, 0 8px 0 #005497;
    z-index: 2000
}*/
input,
button,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

h1 {
    /*font-family: 'PT Sans Narrow', sans-serif;*/
    font-size: 20px;
    font-size: 32px;
    margin: 20px 0 30px;
}
/* Layout */
.sidebar {
    float: left;
    position: fixed;
    width: 270px;
    height: 100%;
    background: #0071CE;
    overflow: hidden;
    z-index: 1000;
}
.sidebar-inner {
    height: 100%;
    overflow-y: scroll;
}
.sidebar-controls {
    position: fixed;
    left: 0;
    bottom: 5px;
    z-index: 1001;
}
.layout-languages {
    display: absolute;
    top: 0;
    right: 0;
}
/* Modules (Blocks) */
.languages {
    text-align: left;
    padding: 4px;
    padding-left:55px;
    font-family: Arial;
}

.languages-center{
    margin: 0 auto;

}



.languages li {
    display: inline-block;
    
}

.left-40{
    margin-left:40px;
}

.right-40{
    margin-right:40px;
}

.languages li.currentLang {
    border-bottom: 1px solid #0071CE;
}
.languages li a {
    display: block;
    color:#464B4B ;
    padding: 2px 0;
}

.languages li a:hover{
    text-decoration: none;
}

.languages li img {
    border: 1px solid #bac1c7;
    width: 25px;
    height: auto;
}
.sidebar-top {
    background: #fff;
    border-right: 1px solid #bac1c7;
    padding: 5px 25px;
}

.user-box {
    margin-top: 0px;
}

.sidebar-brand{
    background: #fff;
    border-right: 1px solid #bac1c7;
    padding: 25px 50px 25px 25px;
}

.sidebar-web-box{
    width: 100%;
    padding: 15px 25px;
    margin-top:0px;
    color: #fff;
    font-size: 20px;
    font-family: Arial Regular;
    background-color: #0071CE;
}

.user-info{
    border-bottom: 2px solid #000;
    line-height:80% 
}

.user-box ul {
    
    padding: 5px 0;
}
.user-box li {

}
.user-box .user-info li:nth-of-type(2) {
    font-style: italic;
}
.user-box .user-actions li:first-of-type {
    margin-right: 10px;
}
.sidebar-bottom {
    background: #0071CE;
    color: #ffffff;
    margin: 0;
    padding: 0 25px 50px 25px;
    border-right: 1px solid #848b91;
}
.nav {
    padding-top: 10px;
}
.nav h2 {
    margin: 20px 0 2px;
    background: #ffffff;
    color: #005497;
    font-size: 11px;
    border-radius: 2px;
    padding: 7px;
    line-height: 1;
    width: 100px;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14);
}
.nav ul {
    /*font-family: 'PT Sans Narrow', sans-serif;*/
    font-size: 20px;
    font-size: 18px;
}
.nav ul li a {
    color: #ffffff;
    display: block;
    line-height: 1.4;
    padding: 5px 0 2px 0;
    position: relative;
}
.nav ul li ul {
    margin-left: 20px
}

.nav ul li a:before {
    /* shadow */
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: block;
    content: " ";
    height: 1px;
    background: #bac1c7;
    box-shadow: 0 1px 0 #848b91;
}
.nav ul li a:hover {
    text-decoration: none;
}

.toggle-sidebar {
    display: block;
    background: #E5F0FA;
    border-radius: 0 6px 6px 0;
    border: 1px solid #848b91;
    text-align: center;
    width: 135px;
    padding: 10px 16px 6px;
    /*font-family: 'PT Sans Narrow', sans-serif;*/
    font-size: 20px;
    font-size: 16px;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14);
}
.toggle-sidebar i {
    display: none;
}
.content-wrapper {
    margin-left: 270px;
    padding: 20px 20px 20px 40px;
}
.attendance-table {
    table-layout: fixed;
    overflow: hidden;
    border-collapse:collapse;height:100%
}

.attendance-table td, .attendance-table th {
    border: 0px solid white !important; height:100%
}

.attendance-table.attendance-table-locked td, .attendance-table.attendance-table-locked th {
    border: 1px solid #b4b1b1 !important; 
}

.attendance-table th {
    border-bottom: 1px solid #b4b1b1 !important;
}

.attendance-table tr.timeBankNegative th {
    color: #b9060c !important;
}

.attendance-table .atc-cell0,
.attendance-table .atc-cell1,
.attendance-table .atc-cell2 {
    font-family: "Arial", sans-serif;
    font-size: 11px;
}
.attendance-table .atc-cell0 {
  width:60px; 
  border-right: 0;
}

.attendance-table .atc-cell1 {
    width: 30px;
    border-right: 0;
}
.attendance-table .atc-cell2 {
    width: 120px;
}
.attendance-table .day-cell {
    width: 20px;
}
.attendance-table.attendance-table-locked .day-cell {
    width: 20px;
}
.attendance-table.attendance-table-locked .data-cell {
    font-size: 10px; padding: 2px; text-align: center; vertical-align: middle;
}
.attendance-table .action_selecting_select {
    padding: 0; position: relative; height: 100%; width: 20px; 
}




.attendance-table .action_selecting_select .select-wrapper {
     overflow: hidden;  padding-top: 10px; border: 1px solid #b4b1b1; border-top: 0px solid white;
    width:100%!important;height:100%!important;
}

.attendance-table .action_selecting_select .select-wrapper select {
    background: transparent;
    width: 70px;
    height: 100%;
    font-size: 10px;
    padding: 0;
    border: 0px solid white;
    outline: none;
}


/*This will work for firefox*/
@-moz-document url-prefix() {
    .attendance-table .action_selecting_select .select-wrapper select {
        height: auto
    }
}

.attendance-table .action_selecting_select .more-info-toggle {
    display: block; position: absolute; width: 100%; height: 10px; top: 0; left: 0; background: url('../images/more.png') center center #222 no-repeat;
}

.attendance-table .action_selecting_select .more-info-toggle.hidden {
    display: none;
}

.login .login-logo {
    margin-top: 50px;
    width:250px;
    padding:44px 45px;

}

#main-wrapper {
   width: 100%;
   max-width: 1000px;
}

.login .login-input{
    background:#fff;
     border-top-style: hidden;
      border-right-style: hidden;
      border-left-style: hidden;
      border-bottom-style: groove;
    border-bottom :1px solid #000;
    margin-left:55px;
    outline: none;
    border-radius:0;    
    padding:10px 0px;
    width:370px;
    box-shadow: none;
    color:#464B4B;
}


.center{
      margin: 0 auto;
}

.login{
    max-width:480px;
}


.login-input:focus:invalid:focus,.login .login-input:focus {
    border-color:  #0071CE !important;
    box-shadow: none;
}



.login-input:focus {
  outline: none;
}

.login form {
    margin: 30px 0 25px;
}
.login .button {
    margin-top:50px;
    width: 210px;
    margin-left: 55px;
    border-radius: 0px 0px 0px 20px;
    background: #0071CE;
    height:45px;
    font-family: Arial;
    font-size: 16px;
    color:#fff;
    text-align:center;
    border:0px;
}
.login .button:hover{
    background: #081F8F;
     outline: none;
}
.login .button:active{
     outline: none;
}


.login .button
.fr label {
   /* font-family: 'PT Sans Narrow', sans-serif;*/
    font-size: 20px;
    vertical-align: middle;
    padding-right: 10px;
    line-height: 30px;
    display: inline-block;
    min-width: 100px;
}
.attendance-legend {
    font-size: 12px;
}
.attendance-legend td {
    position: relative;
}
.attendance-legend .color {
    position: absolute;
    left: 5px;
    top: 5px;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    border: 1px solid #848b91;
}
.attendance-legend .text {
    padding-left: 20px;
    display: block;
}
/* Elements */
table {
    min-width: 100%;
}
table tr:nth-of-type(1n) {
    background-color: #E5F0FA;
}
table tr:nth-of-type(2n) {
    background-color: #ffffff;
}
table tr.row-header th {
    width: auto;
}
table td,
table th {
    border-right: 1px solid #848b91;
    position: relative;
}
table th {
    /*font-family: 'PT Sans Narrow', sans-serif;*/
    font-size: 20px;
    width: 20%;
    padding: 10px 12px 7px;
    text-align: left;
}
table td {
    padding: 7px 12px;
}

.table thead th{
    background:#0071CE;
} 

.table th {
    font-weight: 300;
    color:#fff;
}

button{
    background: #fff;
}

.btn,.button, button , input[type=submit]{
    display: inline-block;
    padding: 7px 12px;
    border-radius: 2px;
    cursor: pointer;
    border: 1px solid #001221;
    color: #0071CE;
}

.btn:focus, .btn:active.button:focus,button:active{
    display: inline-block;
    padding: 7px 12px;
    /*border-radius: 0 0 0 20px;  */  
    color: inherit;
    cursor: pointer;
    outline:0;
}

/*
.btn:hover, .button:hover {
    background: #d7edff;
    color: inherit;
    text-decoration: none;
}*/

.btn-primary.button-full-width ,.button-primary.button-full-width {
    width: 100%;
    height: 60px;
    line-height: 60px;
    text-align: center;
    padding: 0;
    max-width: 540px
}
 input[type=submit], .btn-primary, .button-primary {   
    background: #fff;
    border: 1px solid #001221;
    color: #0071CE;
}

.btn-primary:hover, .button-primary:hover,  input[type=submit]:hover {
    color: #fff;
    background: #0071CE;
}



.btn-secondary, .button-secondary{   
    background: #fff !important;
    border: 1px solid #001221;
    color: #0071CE;
}

.btn-secondary:hover,.button-secondary:hover {
    color: #fff;
    background: #0071CE !important;
}




/*
.btn-secondary ,.button-secondary {   
    background:  #0071CE;
    border: 1px solid #001221;
    color: #fff;
}

.btn-secondary:hover,.button-secondary:hover {
    color:  #0071CE;
    background: #fff;
}*/

/*
.btn-primary:active, .btn-primary:focus, .button-primary:active, .button-primary:focus {
    color: #ffffff;
}*/
.info-box h2 {
    /*font-family: 'PT Sans Narrow', sans-serif;*/
    font-size: 20px;
    padding: 0 10px;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14);
    border-bottom: 1px solid #848b91;
}
.info-box h2.rounded-all {
    border-bottom: 0;
}
.info-box i {
    float: right;
    padding-right: 10px;
    line-height: 38px;
}
.info-box div.filling {
    padding: 10px;
}
input {
    background: #ffffff;
    border-radius: 4px;
    border: 1px solid #848b91;
    padding: 6px 12px;
}
select {
    height: 32px;
    line-height: 32px;
}

#attendance_fulltext_input {
    margin-bottom: 0; width: 150px;
}

.hide {
    display: none;
}

.tcenter {
    text-align: center !important;
}

.attendance-part-employee-background {
    background-color: #BBDEFB !important;
}

.delete-image-input {
    width: 30px; height: 30px
}

.big-checkbox {
    width: 24px !important; height: 24px !important
}

.relative-wrapper {
    position: relative;
}

.day-name {
    font-size: 14px;
}

table.variable_items {
    border-collapse: collapse;
    border: 0px solid white;
}
.variable_items input {
    width: 120px
}

.variable_items select {
    width: 132px; font-size: 10px;
}

.variable_items td.plus {
    vertical-align: middle;
    font-size: 30px;
    padding: 2px;
    text-align: center;
    background: #333
}

.variable_items .last_element {
    padding: 0;
}

.variable_items .plus a {
    display: block; height: 100%; width: 100%; color: white; text-decoration: none;
}

.variable_items .plus a:hover  {
    color: orange;
}
.variable_items td {
    border: 0px solid white !important;
}
.variable_items .remove_td {
    text-align: center;
}

.variable_items input[type="text"] {
    margin-bottom: 0;
}

.variable_items .remove_td img {
    width: 16px; height: 16px;
}

.variable_items .employee-row {
    border-bottom: 1px solid #d5d5d5;
}

/*
.form-form_attendance{
    display: none;
}*/

.folders {
    width: 100%; overflow: hidden; margin-bottom: 1px;
}

.folders .folder {
    float: left; height: 50px;
}

.folders .folder.active a{
    background: #88c7fd;
}

.folders .folder.folder2 {
    width: 50%;
}

.folders .folder.folder3 {
    width: 33.33%;
}

.folders .folder.folder4 {
    width: 25%;
}

.folders .folder.folder5 {
    width: 20%;
}

.folders .folder.folder6 {
    width: 16.66%;
}

.folders .folder.folder7 {
    width: 14.48%;
}

.folders .folder.folder8 {
    width: 12.5%;
}

.folders .folder.folder9 {
    width: 11.11%;
}

.folders .folder.folder10 {
    width: 10%;
}

.folders .folder a {
    background: #E5F0FA; margin-right: 1px; display: block; height: 100%; line-height: 50px; text-align: center; font-size: 14px; color: #414141; text-decoration: none;
}

.cb {
    clear: both;
}

.hidden{
    display: none
}


.attendance-table tbody th{
    background: #E5F0FA;

    color: #0071CE;
}



.ui-widget-header {
    border: 1px solid  #0071CE!important;
    background: #0071CE !important;
    color: #fff;
    font-weight: bold;
}


.login-box{
    width: 380px;
    padding: 30px 55px;
    color: #fff;
    font-size: 26px;
    font-family: Arial Regular;
    background-color: #0071CE;
}

/* A */
.color-14{
    color:#e9e5e5
}

/* D */
.color-2{
   
    color: #e9e5e5;
}

/* D */
.color-3{
   
    color: #e9e5e5;
}

/* D5 */
.color-8{
   
    color: #e9e5e5;
}

/* H */
.color-28{
   
    color: #e9e5e5;
}


/* H5 */
.color-29{
   
    color: #e9e5e5;
}

/* L */
.color-9{
   
    color:#555;
}

/* LD */
.color-11{
    
    color:#555;
}

/* NAD */
.color-19{
   
    color: #e9e5e5;
}

/* NNAD */
.color-23{
   
    color: #e9e5e5;
}

/* NV */
.color-13{
   
    color: #e9e5e5;
}


/* NV5 */
.color-30{
   
    color: #e9e5e5;
}

/* OA */
.color-24{
   
    color: #e9e5e5;
}

/* OCR */
.color-10{
   
    color: #e9e5e5;
}

/* PN */
.color-4{
   
    color: #e9e5e5;
}
/* POH */
.color-20{
   
    color: #e9e5e5;
}

/* PRE */
.color-25{
   
    color: #e9e5e5;
}

/* PRE5 */
.color-26{
   
    color: #e9e5e5;
}

/* PV */
.color-12{
   
    color: #e9e5e5;
}

/* PVN */
.color-31{
   
    color: #e9e5e5;
}

/* SC */
.color-16{
   
    color: #e9e5e5;
}


/* SD */
.color-32{
   
    color: #e9e5e5;
}

/* SD5 */
.color-33{
   
    color: #e9e5e5;
}

/* xbg */
.color-27{
   
    color:#555;
}

/* T */
.color-21{
   
    color: #e9e5e5;
}


/* x */
.color-1{
   
    color:#555;
}