body {
    color: #424242;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    background: #CCCCCC;
}

textarea {
    border: 1px silver solid;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 0.9em;
}

.login-body {
    color: #424242;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    /*background: #CCCCCC;    */
    /*background: url("../images/bg3.png");*/
  background:
    linear-gradient(27deg, #151515 5px, transparent 5px) 0 5px,
    linear-gradient(207deg, #151515 5px, transparent 5px) 10px 0px,
    linear-gradient(27deg, #222 5px, transparent 5px) 0px 10px,
    linear-gradient(207deg, #222 5px, transparent 5px) 10px 5px,
    linear-gradient(90deg, #1b1b1b 10px, transparent 10px),
    linear-gradient(#1d1d1d 25%, #1a1a1a 25%, #1a1a1a 50%, transparent 50%, transparent 75%, #242424 75%, #242424);
  background-color: #131313;
  background-size: 20px 20px;    
}

.img_bottom_right {
    /*float: left;*/
    right: 10px;
    bottom: 10px;
}

.loginForm {
    width: 90%;
    height: 180px;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-shadow: 10px 10px 17px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 17px 0px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 17px 0px rgba(0,0,0,0.75);    
}

@media only screen and (min-width: 450px) {
    .loginForm {
        width: 400px;
    }
    .img_bottom_right {
        position: absolute;
        right: 10px;
        bottom: 10px;
    }
}

.full_screen {
    position: absolute;
    left: 1px;
    right: 1px;
    top: 1px;
    bottom: 1px;
    background: silver;
    overflow-y: scroll;
    z-index: 10;
}

.full_screen_preview {
    position: absolute;
    left: 1px;
    right: 1px;
    top: 1px;
    bottom: 1px;
    background: silver;    
    overflow-y: scroll;
}

.full_screen_form {
    position: absolute;
    left: 1px;
    right: 1px;
    top: 1px;
    bottom: 1px;
    background: white;
}
/******************************************************************************/
/***** template_list_edit *****************************************************/
/******************************************************************************/

.header_div {
    margin: 5px;
    padding: 5px;
    width: 542px;
    height: 235px;
    float: left;
    box-shadow: 3px 3px 5px #888888;
    border: 1px solid #888888;
    background: white;
}
.grid_div {
    margin: 5px;
    padding: 5px;
    width: 542px;
    height: 350px;
    float: left;
    box-shadow: 3px 3px 5px #888888;
    border: 1px solid #888888;
    background: white;
}
.grid_segment {
    background: white;
    position: relative;
    width: 100%;
    height: 100%;
}
.fieldset_main {
    margin: 0px 5px;
    padding: 10px;
    width: 520px;
    background: #FFFFFF;
    border: 1px solid #AAAAAA;
    float: left;
}
label {
    width: 120px;
    text-align: right;
    display: block;
    float: left;
    padding-right: 10px;
}
.radio_btn {
    margin: auto;
    border: 1px solid #AAAAAA;
    float: left;
    width: 100%;
}
.radio_btn input {
    margin-left: 15px;
    margin-right: 5px;
}
.w2str {
    width: 360px;
    margin-bottom: 5px;
}
.w2strA {
    width: 360px;
    height: 82px;
}
.w2int {
    width: 120px;
    float: left;
}

.radio-toolbar input[type="radio"] {
    display:none;
}

.radio-toolbar label {
    display:inline-block;
    background-color: #F5F5F5;
    text-align: center;
    font-size:0.8em;
    border: 1px solid gray;
    margin-right: 5px;
    padding: 4px 5px 4px 5px;
    height: 26px;
    border-radius: 6px;
    box-shadow: 4px 4px 2px #888888;
    width: 160px;
}

.radio-toolbar input[type="radio"]:checked + label {
    background-color:#bbb;
    box-shadow: 1px 1px 1px #888888;
}
/******************************************************************************/
/***** END template_list_edit *************************************************/
/******************************************************************************/

.file_info {
    width: 100%;
    height: 100%;
    background-color: #E5E5E5;
    padding: 4px;
}
.file_info p {
    margin-top: 4px;
    margin-bottom: 1px;
    font-weight: bold;
    font-size: 0.8em;
}

.file_info_h {
    font-size: 0.8em;
    height: 100%;
    width: 100%;
    /* background-color: red; */
}

.file_info_h .full-table{
    width: 100%;
    height: 100%;
    /*border-collapse:collapse;*/
}

.file_info_h .table-chat {
    width: 100%;
    border-collapse:collapse;
    /*height: 100%;*/
}

.file_info_h .table-chat a {
    color: #29a329;
    font-weight: bold;
    text-decoration: none;
}

.file_info_h table th {
    height: 25px;
    color: black;
    border: 1px solid #b9cee9;
    background: -webkit-linear-gradient(#dae6f3, #c2d5ed);
    background: -moz-linear-gradient(#dae6f3, #c2d5ed);
    background: -ms-linear-gradient(#dae6f3, #c2d5ed);
    background: -o-linear-gradient(#dae6f3, #c2d5ed);
}

.file_info_h table td {
    vertical-align: top;
}

.file_info_h div {
    width: 100%;
    height: 100%;
}

.file_info_h label {
    line-height: 20px;
    width: 85px;
    margin-top: 5px;
}

.file_info_h .half_button {
    margin-top: 5px;
    height: 20px;
    width: 130px;
}

.file_info_h .button-header {
    padding : 0px !important;
    text-align: left;
}

/*.file_info_h .top_button {*/
/*    height: 20px;*/
/*    width: 130px;*/
/*}*/

.file_info_h input[type="button"] {
    color: black;
    border: 1px solid #0D9E0D;
    background: -webkit-linear-gradient(#F2FAF2, #80CC80);
    background: -moz-linear-gradient(#F2FAF2, #80CC80);
    background: -ms-linear-gradient(#F2FAF2, #80CC80);
    background: -o-linear-gradient(#F2FAF2, #80CC80);
}

.file_info_h input[type="button"]:disabled {
    color: gray;
    border: 1px solid gray;
    background: -webkit-linear-gradient(#F2F2F2, #8C8C8C);
    background: -moz-linear-gradient(#F2F2F2, #8C8C8C);
    background: -ms-linear-gradient(#F2F2F2, #8C8C8C);
    background: -o-linear-gradient(#F2F2F2, #8C8C8C);
}

.file_info_h input[type="button"]:hover:not([disabled]) {
    color: black;
    border: 1px solid #0D9E0D;
    background: -webkit-linear-gradient(#B2E0B2, #33AD33);
    background: -moz-linear-gradient(#B2E0B2, #33AD33);
    background: -ms-linear-gradient(#B2E0B2, #33AD33);
    background: -o-linear-gradient(#B2E0B2, #33AD33);
}

.file_info_h .half_width {
    margin-top: 5px;
    height: 20px;
    width: 75px;
    margin-right: 80px;
}

.file_info_h .full_width {
    margin-top: 5px;
    height: 20px;
    width: 170px;
}

.file_info_h textarea {
    margin-top: 5px;
    resize: none;
    border: 1px silver solid;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 0.9em;
}

.file_info_h input {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 0.9em;
    border: 1px silver solid;
}
.file_info_h input[type="text"]:disabled {
    background-color:white;
    color: #333333;
    font-weight: bold;
}
.file_info_h textarea:disabled {
    background-color:white;
    color: #333333;
    font-weight: bold;
}

.file_info_h button {
    width:100%; 
    height: 70px;
    margin-bottom: 10px;
    font-weight: bolder;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ebf1f6+0,abd3ee+50,89c3eb+51,d5ebfb+100;Blue+Gloss+%234 */
    background: rgb(235,241,246); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(235,241,246,1) 0%, rgba(171,211,238,1) 50%, rgba(137,195,235,1) 51%, rgba(213,235,251,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(235,241,246,1)), color-stop(50%,rgba(171,211,238,1)), color-stop(51%,rgba(137,195,235,1)), color-stop(100%,rgba(213,235,251,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(235,241,246,1) 0%,rgba(171,211,238,1) 50%,rgba(137,195,235,1) 51%,rgba(213,235,251,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(235,241,246,1) 0%,rgba(171,211,238,1) 50%,rgba(137,195,235,1) 51%,rgba(213,235,251,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(235,241,246,1) 0%,rgba(171,211,238,1) 50%,rgba(137,195,235,1) 51%,rgba(213,235,251,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(235,241,246,1) 0%,rgba(171,211,238,1) 50%,rgba(137,195,235,1) 51%,rgba(213,235,251,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf1f6', endColorstr='#d5ebfb',GradientType=0 ); /* IE6-9 */
}

.file_info_h button:disabled {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2f6f8+0,d8e1e7+50,b5c6d0+51,e0eff9+100;Grey+Gloss+%232 */
    background: rgb(242,246,248); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,246,248,1)), color-stop(50%,rgba(216,225,231,1)), color-stop(51%,rgba(181,198,208,1)), color-stop(100%,rgba(224,239,249,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9',GradientType=0 ); /* IE6-9 */
}

.file_info_h button:enabled:hover {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#feccb1+0,f17432+50,ea5507+51,fb955e+100;Red+Gloss+%232 */
    background: rgb(254,204,177); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(254,204,177,1) 0%, rgba(241,116,50,1) 50%, rgba(234,85,7,1) 51%, rgba(251,149,94,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,204,177,1)), color-stop(50%,rgba(241,116,50,1)), color-stop(51%,rgba(234,85,7,1)), color-stop(100%,rgba(251,149,94,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(254,204,177,1) 0%,rgba(241,116,50,1) 50%,rgba(234,85,7,1) 51%,rgba(251,149,94,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(254,204,177,1) 0%,rgba(241,116,50,1) 50%,rgba(234,85,7,1) 51%,rgba(251,149,94,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(254,204,177,1) 0%,rgba(241,116,50,1) 50%,rgba(234,85,7,1) 51%,rgba(251,149,94,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(254,204,177,1) 0%,rgba(241,116,50,1) 50%,rgba(234,85,7,1) 51%,rgba(251,149,94,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feccb1', endColorstr='#fb955e',GradientType=0 ); /* IE6-9 */
}

.file_info_h .div-chat {
    overflow-y: scroll; 
    width:100%; 
    height: 250px; 
    margin-top: 5px; 
    padding: 5px; 
    background: white; 
    font-family: Arial,Helvetica,sans-serif; 
    font-size: 0.9em; 
    border: 1px solid silver;
}
.file_info_h .div-chat .empty-span {
    color: #A4A4A4 !important;
    font-weight: bold;
}

.file_info_h .div-chat th {
    height: 15px;
    color: black;
    border: 1px solid silver;
    padding: 3px;
    background: -webkit-linear-gradient(#D8D8D8, #A4A4A4);
    background: -moz-linear-gradient(#5FB404, #21610B);
    background: -ms-linear-gradient(#5FB404, #21610B);
    background: -o-linear-gradient(#5FB404, #21610B);    
}
.file_info_h .div-chat td {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 3px;
    padding-right: 3px;
    border: 1px solid silver;
}
.file_info_h .div-chat tr:nth-child(odd) {
    background: #E6E6E6;
}

.file_info_h .div-chat .td-date {
    font-weight: bold;
    width: 110px;
}

.file_info_h .div-chat .td-operator {
    font-weight: bold;
    width: 90px;
    text-align: center;
}

.span_graph {
    font-weight: bold;
    color: red;
}

.ht_current_row {
    background-color: #DDFFD9 !important;
}

.ht_current_col {
    background-color: #DDFFD9 !important;
}

.handsontable table thead th{
        /*background-color: black;*/
        /*color:white;*/
        font-weight:bold;
        font-size:0.85em;
}
    
.transparent-div {
    background: url("../images/transparent.png");
}

/*******************************
*******************************/
.lang-edit {
  width: 100%;
  height: 100%;
}

.lang-edit .img-flag {
  height: 14px;
}

.lang-edit table {
  width: 100%;
  background: black;
  margin-bottom: 10px;
  border-collapse: collapse;
  box-shadow: 5px 5px 5px #999;
  border: 1px solid black;
}

.lang-edit td {
}

.td-text {
    text-align: justify;
    padding: 5px;
}

.lang-edit .tr-header {
  /*height: 14px;*/
  background: gray;
  vertical-align: middle;
  color: white;
  border-bottom: 1px solid black;
}

.tr-header .td-flag {
  width: 35px;
  padding-left: 5px;
}

.tr-header .td-language {
  text-transform: uppercase;
  font-size: 0.8em;
}

.tr-header .td-buttons {
  width: 75px;
  text-align: right;
}

.tr-text {
  height: 90px;
  background: white;
}

.tr-text td {
  vertical-align: top;
  font-size: 0.8em;
}

.btn-edit {
  background-color: gray;
  
  border: 1px solid gray;
  color: black;
  padding: 1px 2px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
}


.btn-edit:hover {
  border: solid white 1px;
  background-color: silver;
}

/*******************************
*******************************/

.info_preview_table {
    border: 1px solid white;
    width: 100%;
}

.info_preview_table th {
    background-color: gray;
    color: white;
    text-shadow: 0.5px 0.5px 1px black;
}

.info_preview_img {
    max-width: 250px;
    max-height: 250px;
    vertical-align: middle;
}

/*******************************
*******************************/

.attendance_fullscreen {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
    
}
.attendance_main {
    width: 100%;
    max-width: 975px;
    float: left;
    overflow-y: scroll;
}

.attendance_info {
    margin-top: 5px;
    width: 300px;
    float: left;
}

.dochazka_table {
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    /*background: black;*/
}

.dochazka_table select {
    width: 100px;
}
.dochazka_table input {
    width: 55px;
    text-align: right;
}


.att_note_text {
    font-size: 0.75em !important;
    min-width: 150px;
}
.dochazka_table .att_note {
    width: 180px;
    height: 23px;
    text-align: left;
    font-size: 0.7em;
}

.dochazka_table tr {
    vertical-align: top;
}
.dochazka_table th {
    background: gray;
    padding: 5px;
    color: white;
}

.dochazka_table .vikend td{
    background: #D8D8D8 !important;
    color: gray;
}

.dochazka_table .svatek td{
    background: #D8D8D8 !important;
    color: red;
}
.dochazka_table td {
    background: white;
    padding-left: 10px;
    padding-right: 10px;
}

.dochazka_table .centered {
    text-align: center;
}

.dochazka_table .right {
    text-align: right;
}

/*******************************
*******************************/
.dochazka_souhrn_table {
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
    width: 285px;
}

.dochazka_souhrn_table th {
    background: gray;
    padding: 4px;
    color: white;    
    text-align: left;
}

.dochazka_souhrn_table td {
    background: white;
    padding: 4px;
    text-align: right;
}

/*******************************
*******************************/
.edit_table {
    /*border: solid 1px black;*/
}

.edit_table input[type="text"] {
    width: 175px;
}
.edit_table th {
    text-align: right;
    width: 190px;
    padding-right: 5px;
    padding-left: 5px;
}
    
.edit_table td, th {
    /*background: white;*/
    border: 0px white !important;
    color: black !important;
    font-weight: normal !important;
    padding-top: 3px;
    padding-bottom: 3px;
}

.edit_table td {
    text-align: left;
}

.edit_table .client {
    background: #FFF2F2;
}
.edit_table .vehicle {
    background: #F2FFF2;
}
.edit_table .ecu {
    background: #FFFFE6;
}

.edit_table .engine {
    
    background: #F2F2FF;
}

.edit_table .other {
    background: #F2FFFF;
}

.edit_table .empty {
     background: #f5f6f7;
}
/*******************************
*******************************/
.calendar_panel {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    height: 420px;
    background: white;
}
.calendar_other_panel {
    position: absolute;
    top: 420px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    /*background: blue;    */
}

.highlight {
    background: #FFD9D9 !important;
}

.report_table {
    width: 90%;
    background: white;
    margin-left: auto;
    margin-right: auto;
    margin-top : 15px;
    margin-bottom : 15px;
    padding: 5px;
    border-collapse:collapse;
    border-spacing:0;
    box-shadow: 7px 7px 20px #333333;
}

.report_table td, th {
    border: 1px gray solid;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 7px;
    padding-bottom: 7px;
}

.report_table .number {
    text-align: right;
}

.report_table .summary {
    background: navy;
    color: white !important;
}

.report_table .error {
    color: #ff3333;
}

/*******************************
*******************************/
.files_select {
    /*background-color: lime;*/
    width:100%;
    height:100%;
}

.files_select table {
    width : 100%;
    border-collapse:collapse;
}
.files_select .fs_header {
    /*background: none;*/
    font-weight: bold !important;
    padding-top: 1px;
    padding-bottom: 1px;
    text-align: left;
}
.files_select .fs_field {
    background: white;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    border: solid 1px silver; 
    /*font-weight: bold !important;*/
}

.fs_files_table {
    margin-top: 10px;
    background: white;
    border: 1px solid silver;
    font-size: 0.8em;
}
.fs_files_table td {
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 3px;
    padding-right: 3px;
    vertical-align: top;
    
}
.fs_files_table .fs_header {
    font-weight: bold;
    /*padding-bottom: 5px;*/
    background: black;    
    color: white !important;    
}
.fs_files_table .fs_icon {
    width: 64px;
    border: solid 1px silver;
}

.fs_files_table .fs_date {
    width: 80px;
    border: solid 1px silver;
    text-align: right;
}

.fs_files_table .fs_name {
    width: 200px;
    border: solid 1px silver;
}

.fs_files_table .fs_operator {
    width: 120px;
    border: solid 1px silver;
}
.fs_files_table .fs_note {
    border: solid 1px silver;
}

.files_select_buttons {
    width:100%;
    text-align: center;
}

.fs_td_btn {
    width: 50%;
    text-align: center;
    padding-right: 5px;
    padding-bottom: 5px;
}

.file-btn {
    width: 99%;
    height: 80px;
}

.att_time {
    width: 20px;
}

.simple_button {
	/*margin-top: 5px;*/
	width: 23px;
	height: 23px;
	border: 1px solid silver;
}

.simple_button:hover {
	border: 1px solid gray;
}

.simple_button:active {
    border: 1px solid white;
}
.simple_button_add {
	background: url("../img/add.png") no-repeat center center transparent;
}