/*----------------*/
/* BASE MENU AREA */
/*----------------*/

body {
    background-color: #E2E2E2;
       }

#jilove {
    font-family: Arial;
    font-size: 12pt;
		}

#jilove .container {
    background-color: #FFFFFF;
    display: flex;
    flex: auto;
    flex-wrap: wrap;
    display: -webkit-box;        
}

#jilove .container .subcontainer {
    padding: 10px 10px 10px 10px;
    margin: 10px 5px 10px 5px;
    border: groove;
    align-self: flex-start;
    width: 230px;
}

#jilove .container .subcontainer:hover {
    text-decoration:none;
    border-color:#E1A629;
}

#jilove .dash_container {
    margin-left: 10px;
    background-color: #FFFFFF;
    display: flex;
    flex: auto;
    flex-wrap: wrap;
}

#jilove .dash_container .dash_subcontainer {
    padding: 10px 10px 10px 10px;
    margin: 10px 5px 10px 5px;
    border: groove;
    align-self: flex-start;
    width: 300px;
    height: 300px;
    cursor: hand;
    display: grid;
}

#jilove .dash_container .dash_subcontainer_disabled {
    padding: 10px 10px 10px 10px;
    margin: 10px 5px 10px 5px;
    border: groove;
    align-self: flex-start;
    width: 300px;
    height: 300px;
    cursor: not-allowed;
    filter: grayscale(0.9);
    display: grid;
}



#jilove .dash_container .dash_subcontainer:hover {
    text-decoration:none;
    border-color:#E1A629;
}

#jilove .worker_container {
    width: 70%;
    margin-left: 10px;
    background-color: #FFFFFF;
    flex: auto;
    flex-wrap: wrap;
}

#jilove .worker_detail_container {
    width: 70%;
    margin-left: 10px;
    margin-bottom: 30px;
    flex: auto;
    display: flex;
}

#jilove .worker_container1 {
    background-color: #FFFFFF;
    flex-wrap: wrap;    
}

#jilove .worker_container2 {
    margin-left: 10px;
    background-color: #FFFFFF;
    display: flex;
    flex: auto;
    flex-wrap: wrap;
}


#jilove .worker_container1 .dep_title {
    background-color: #305D94;
    padding: 5px 10px 5px 10px;
    font-size: 13pt;
    font-weight: bold;
    color: #FFFFFF;
}

#jilove .worker_container .worker_subcontainer {
    padding: 10px 10px 10px 10px;
    margin: 10px 5px 10px 5px;
    border: groove;
    align-self: flex-start;
    width: 200px;
    height: 200px;
    cursor: hand;
    display: grid;
}

#jilove .worker_container .worker_subcontainer_red {
    padding: 10px 10px 10px 10px;
    margin: 10px 5px 10px 5px;
    border: groove;
    background-color: lightcoral;    
    align-self: flex-start;
    width: 200px;
    height: 200px;
    cursor: hand;
    display: grid;
}

#jilove .worker_container .worker_subcontainer_green {
    padding: 10px 10px 10px 10px;
    margin: 10px 5px 10px 5px;
    border: groove;
    background-color: darkseagreen;    
    align-self: flex-start;
    width: 200px;
    height: 200px;
    cursor: hand;
    display: grid;
}

#jilove td.holiday_subcontainer_green {
    padding: 0px 5px 0px 5px;
    background-color: darkseagreen;    
    align-self: flex-start;
}

#jilove td.holiday_subcontainer_red {
    padding: 0px 5px 0px 5px;
    background-color: lightcoral;    
    align-self: flex-start;
}


#jilove .worker_detail_container .worker_detail_subcontainer {
    padding: 10px 10px 10px 10px;
    border: groove;
    background-color: #FFFFFF;
    align-self: flex-start;
    width: 200px;
    height: 200px;
    cursor: hand;
    display: grid;
}

#jilove .worker_detail_container .worker_detail_subcontainer_red {
    padding: 10px 10px 10px 10px;
    border: groove;
    background-color: lightcoral;
    align-self: flex-start;
    width: 200px;
    height: 200px;
    cursor: hand;
    display: grid;
}

#jilove .worker_detail_container .worker_detail_subcontainer_green {
    padding: 10px 10px 10px 10px;
    border: groove;
    background-color: darkseagreen;
    align-self: flex-start;
    width: 200px;
    height: 200px;
    cursor: hand;
    display: grid;
}


#jilove .worker_detail_container .worker_detail_subcontainer1 .detail_normal{
    font-size: 11pt;
    padding-bottom: 5px;
    font-weight: normal;
    text-decoration: none;    
			}

#jilove .worker_detail_container .worker_detail_subcontainer1 .detail_normal_sep{
    margin-top: 5px;
    margin-bottom: -5px;
    border: groove;
    border-color: #305D94;
    border-width: 1px 0px 0px 0px;
    text-decoration: none;
			}			

#jilove .worker_detail_container .worker_detail_subcontainer1 {
    padding: 10px 10px 10px 10px;
    border: groove;    
    font-weight: normal;
    background-color: #FFFFFF;
    align-self: flex-start;
    width: 300px;
    height: 200px;
    cursor: hand;
    flex: auto;
}

#jilove .worker_container .worker_subcontainer_disabled {
    padding: 10px 10px 10px 10px;
    margin: 10px 5px 10px 5px;
    border: groove;
    align-self: flex-start;
    width: 200px;
    height: 200px;
    cursor: not-allowed;
    filter: grayscale(0.9);
    display: grid;
}

#jilove .worker_container .worker_subcontainer:hover {
    text-decoration:none;
    border-color:#E1A629;
}

#jilove .rez_container0 {
    display: flex;
    flex: auto;
    flex-wrap: wrap;
    width: 400px;
}

#jilove .rez_container1 {
    display: flex;
    flex: auto;
    flex-wrap: wrap;
    padding-left: 30px;
    font-family: Arial;
    font-size: 12pt;
    font-weight: bold;
}

#jilove .rez_container2 {
    display: flex;
    flex: auto;
    flex-wrap: wrap;
    padding: 20px
}

#jilove .settings_list_table{
  display: table;
}

#jilove .edit_container {
    margin-left: 10px;
    background-color: #FFFFFF;
    display: flex;
    flex: auto;
    flex-wrap: wrap;
}

#jilove .edit_table {
    background-color: #7D7A73;
}

#jilove td.edit_table_head {
    background-color: #305D94;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 10pt;
    padding: 5px;
}

#jilove td.edit_table_head0 {
    background-color: #E2E2E2;
    color: #000000;
    font-weight: bold;
    font-size: 12pt;
    padding: 10px;
}

#jilove td.edit_table_head1 {
    background-color: #305D94;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 9pt;
    padding: 5px 10px 5px 10px;
}


#jilove td.edit_table_row {
    background-color: #E6F5FC;
    padding: 5px;
    font-size: 10pt;
}

#jilove td.edit_table_row1 {
    background-color: #BCCEE5;
    padding: 5px;
    font-size: 9pt;
}


#jilove td.edit_table_disrow {
    background-color: lightgray;
    color: gray;
    padding: 5px;
    font-size: 10pt;
    cursor: not-allowed;
    filter: grayscale(0.9);    
}

#jilove .made_rez_table {
    background-color: #7D7A73;
}

#jilove td.made_rez_head {
    background-color: #305D94;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 10pt;
    padding: 5px;
}

#jilove .holiday_button {
    border: none;
    color: white;
    outline: none;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    border-radius: 10px;
    background: #305D94;
    padding: 8px;
    cursor: pointer;
    font-size: 11pt;
}

#jilove .holiday_button:hover {
  background: #02326C;
  color: #FFFFFF;
}

#more-button {
    border: none;
    color: white;
    outline: none;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    border-radius: 10px;
    background: #305D94;
    padding: 8px;
    cursor: pointer;
    font-size: 11pt;
}

#grow input:checked {
  color: red;
}

#more-button:hover {
  background: #02326C;
  color: #FFFFFF;
}

#grow {
  -moz-transition: height .5s;
  -ms-transition: height .5s;
  -o-transition: height .5s;
  -webkit-transition: height .5s;
  transition: height .5s;
  /*height: 0;*/
  overflow: hidden;
}

#jilove .settings_container {
    background-color: #FFFFFF;
    padding: 25px 35px 25px 35px;
    width: 800px;
    margin-left: 20px;
    border-color: #7D7A73;
    border-style: solid;
    border-width: 1px;
}

#jilove .settings_container .settings_title {
    padding-bottom: 25px;
    font-weight: bold;
    font-size: 14pt;
    color: #305D94;
}

#jilove .edit_success_row {
    margin-top: 80px;
}

#jilove .edit_success_row .edit_success {
    margin-top: -50px;
    padding: 15px;
    margin-bottom: 20px;
    background-color: green;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
}

#jilove .edit_success_row .edit_error {
    margin-top: -50px;
    padding: 15px;
    margin-bottom: 20px;
    background-color: red;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
}

#jilove .settings_line {
   border-bottom-color: #305D94;
   border-width: 0px 0px 1px 0px;
   border-style: solid;
}

#jilove .settings_row {
    padding-top: 10px;
    flex: auto;
    display: flex;    
}

#jilove .settings_row .settings_label {
    padding: 5px;
    font-size: 11pt;
}

#jilove .settings_row .settings_value {    
    padding-right: 5px;
    flex: auto;
}

#jilove .settings_row .holiday_value1 {    
    width: 40%;
    padding-right: 5px;
    flex: auto;
}

#jilove .settings_row .holiday_value2 {    
    width: 60%;
    padding-right: 5px;
    flex: auto;
}


#jilove .settings_row .settings_value_radio{    
    border-color: #305D94;
    align-self: center; 
}

#jilove .settings_container .button {
    border: none;
    color: white;
    outline: none;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    border-radius: 12px;
    background: #02326C;
    padding: 8px;
    cursor: pointer;
    font-size: 11pt;
}

#jilove .settings_separator {    
    border-color: #305D94;
    margin: 0px 10px 0px 10px;
    border-style: solid;
    border-width: 0px 2px 0px 0px;
    align-self: center; 
}

#jilove input.settings_style {
  width: 100%;
  padding: 3px 3px;
  display: inline-block;
  border: 1px solid #305D94;
  border-radius: 4px;
  box-sizing: border-box;
  font-size: 11pt;
}

#jilove input.holiday_date_style {
  width: 90px;
  padding: 3px 3px;
  display: inline-block;
  border: 1px solid #305D94;
  border-radius: 4px;
  box-sizing: border-box;
  font-size: 11pt;
}

#jilove input.holiday_time_style {
  width: 70px;
  padding: 3px 3px;
  display: inline-block;
  border: 1px solid #305D94;
  border-radius: 4px;
  box-sizing: border-box;
  font-size: 11pt;
}



#jilove textarea.textsettings_style {
  width: 100%;
  height: 80px;
  padding: 3px 3px;
  display: inline-block;
  border: 1px solid #305D94;
  border-radius: 4px;
  box-sizing: border-box;
  font-size: 11pt;
  font-family: Arial;
}

#jilove select.settings_style_select {
  width: 100%;
  padding: 3px 3px;
  display: inline-block;
  border: 1px solid #305D94;
  border-radius: 4px;
  box-sizing: border-box;
  font-size: 11pt;
}

#jilove td.made_rez_row {
    background-color: #E6F5FC;
    padding: 5px;
    font-size: 10pt;
}

#jilove .rez_container3 {
    display: flex;
    flex: auto;
    flex-wrap: wrap;
    padding: 20px;
    background-color: #FFFFFF;
}

#jilove .rez_container3 .head0 {
    color: darkorange;
    padding: 15px;
    margin-left: 5px;
    border: solid;
    border-width: thin;
    border-color: darkorange;
    margin-bottom: 1px;
    text-align: center;
    background-color: #E6F5Fc;
    font-weight: bold;
}

#jilove .rez_container3 .head {
    color: #02326C;
    padding: 5px;
    margin-left: 5px;
    background-color: #E6F5Fc;
    font-weight: bold;
}

#jilove .rez_container3 .head1 {
    color: #02326C;
    padding: 10px;
    margin-left: 5px;
    margin-bottom: 1px;
    background-color: #E2E2E2;
    font-weight: bold;
}

#jilove .rez_container3 .notice {
    background-color: #E2E2E2;
    flex: auto;
    display: flex;
    margin-left: 5px;
    margin-bottom: 1px;    
    padding: 10px;    
}

#jilove .rez_container3 .notice_name {
    color: #02326C;
    font-weight: bold;
    vertical-align: top;    
}

#jilove .rez_container3 .notice_text {
    display: grid;
    flex: auto;
    padding-right: 10px; 
}

#jilove .rez_container3 .notice_text1 {
    background-color: #FFFFFF;
    color: #02326C;
    padding: 5px;
    margin-left: 10px;
}

#jilove .rez_container3 .email_info {
    color: #02326C;
    padding: 10px;    
    margin-left: 5px;
    margin-bottom: 1px;
    background-color: #E2E2E2;
    font-weight: bold;
    vertical-align: top;
    flex: auto;
    display: -webkit-box;    
}

#jilove .rez_container3 .email {
    color: #02326C;
    flex: auto;
    padding: 5px;
    display: grid;
}

#jilove textarea.notice {
   color: #02326C;   
   font-weight:bold;
}

#jilove .rez_container3 .footer {
    padding: 5px;
    background-color: #E6F5FC;
}

#jilove .rez_container3 .footer .button {
    border: none;
    color: white;
    outline: none;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    border-radius: 12px;
    background: #02326C;
    padding: 8px;
    cursor: pointer;
    font-size: 0.9rem;
}

#jilove .rez_container3 .footer .button:hover {
    background: #105BB6;    
}

#jilove .rez_container3 .rez_single_table {
    display: flex;
    flex: auto;
    flex-wrap: wrap;
    padding: 10px;
}

#jilove .rez_container3 .rez_single_table .period_name {
    color: #FFFFFF;
    background-color: #305D94;
    padding: 5px 0px 5px 5px;
    font-weight: bold;
}

#jilove .single_table {
    background-color: #7D7A73;
}

#jilove td.rez_table_cell_hour {
    padding: 5px;    
    background-color: #E6F5FC;
    font-weight:bold;
}

#jilove td.rez_table_cell_circle {
    padding: 3px;    
    background-color: #E6F5FC;
}

#jilove .cell_circle_start {
    border-color: orange;
    border-style: dotted;
    border-width: 2px;
    border-radius: 100%;
}

#jilove .cell_circle_end {
    border-color: red;
    border-style: dotted;
    border-width: 2px;
    border-radius: 100%;
}

#jilove td.car_name {
    font-family: Arial;
    font-size: 12pt;
    font-weight: bold;
    text-decoration: none;
    color:green;
    height:20px;
			}

#jilove td.car_rz {
    font-family: Arial;
    font-size: 11pt;
    font-weight: bold;
    text-decoration: none;
    color:red;
			}

#jilove td.car_info {
    font-family: Arial;
    font-size: 10pt;
    font-weight: normal;
    text-decoration: none;
			}

#jilove a.rezav_list{
    text-decoration:none;
    color: green;
    font-weight: bold;
    }

#jilove a.rezav_list:hover{
    text-decoration: underline;
    color: darkgreen;
    }

#jilove table.set_list {
    /*background-color:#C7B95E;*/
    background-color:#E2E2E2;    
		     }


#jilove table.dep_list {
    /*background-color:#C7B95E;*/
    background-color:#E2E2E2;    
		     }

#jilove table.dep_list0 {
    background-color:#FFFFFF;
		     }

#jilove table.dep_list1 {
    background-color:#C7B95E;    
		     }

#jilove table.dep_list_green {
    background-color:darkseagreen;    
		     }

#jilove table.dep_list_red {
    background-color:lightcoral;    
		     }
		     		     
#jilove td.nadpis_dep {
    font-family: Arial;
    font-size: 12pt;
    font-weight: bold;
    text-decoration: none;
    color:#000000;
    background-color:#E2E2E2;
			}

#jilove td.nadpis_dep1 {
    font-family: Arial;
    font-size: 12pt;
    font-weight: bold;
    text-decoration: none;
    color:#000000;
    background-color:#C7B95E;
			}

#jilove td.nadpis_dep2 {
    font-family: Arial;
    font-size: 12pt;
    font-weight: bold;
    text-decoration: none;
    color:#000000;
    background-color:#B29F26;
			}
			
#jilove td.normal_dep {
    font-family: Arial;
    font-size: 11pt;
    font-weight: normal;
    text-decoration: none;
			}			

#jilove td.normal_dep1 {
    font-family: Arial;
    font-size: 11pt;
    font-weight: normal;
    text-decoration: none;
    background-color:#FFFFFF;
    word-break: break-word;
			}			


#jilove td.normal_dep2 {
    font-family: Arial;
    font-size: 11pt;
    font-weight: bold;
    text-decoration: none;
    color: green;
    background-color: #FFFFFF;
			}			


#jilove td.small_dep {
    font-size: 10pt;
    font-weight: normal;
    text-decoration: none;
			}			

#jilove td.small_dep_rez {
    font-size: 10pt;
    font-weight: normal;
    text-decoration: none;
    width: 60px;
			}			


#jilove td.final_nadpis {
    font-size: 12pt;
    font-weight: bold;
    text-decoration: none;
			}			



#jilove td.green_box {
    font-size: 11pt;
    font-weight: none;
    text-decoration: none;
    background-color: lightgreen;
			}			

#jilove td.gray_box {
    font-size: 11pt;
    font-weight: none;
    text-decoration: none;
    background-color: #CBCBCB;
			}		

#jilove td.orange_box {
    font-size: 11pt;
    font-weight: none;
    text-decoration: none;
    background-color: orange;
			}			

#jilove td.red_box {
    font-size: 11pt;
    font-weight: none;
    text-decoration: none;
    background-color: red;
			}			



#jilove input.warning {
    border-color: red;
	 }

#jilove .user_line{
    width: 100%;
    position: fixed;
    background: #7D7A73;
    padding: 5px 5px 5px 10px;
    display: flex;
    top: 0;
}

#jilove .user_line .user_line_text {
    margin: 8px 5px 5px 10px;
    font-weight: bold;
    color: #FFFFFF;
}

#jilove .user_line .user_line_img_container {
    padding-left: 20px;
    display: flex;
}

#jilove .user_line .user_line_img_container .user_line_img {
    padding-left: 10px;
}

#jilove .login-screen {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -250px;
    margin-left: -150px;
}

#jilove .login-screen td.gray_box {
    font-size: 12pt;
    font-weight: bold;
    padding: 5px;
    text-decoration: none;
    background-color: #CBCBCB;
			}