body{
  background-image: url("../img/bcg.jpg");
  background-repeat:repeat;
  margin: 0px;
}
button:focus,select:focus,input:focus,textarea:focus{outline:none;}
input[type="text"],input[type="number"],#dataTable_filter input, textarea {
  border-radius: 5px;
  border: 1px solid lightgray;
  height: 25px;
  padding-left:5px;
  padding-right:5px;
  font-size:18px;
}

#HromadneBolk textarea{
  width:170px;
  height:50px;
  float: left;
  resize:none;
}
#HromadneBolk sup, #HromadneBolk input{float:left}
#hromadneBttn {
  width:20px;
  float:left;
  cursor:pointer;
}

input[type="button"]{
  padding-left: 20px;
  padding-right: 20px;
  font-size:18px;
  color: white;
  background-color: #444449;
  border: 1px solid gray;
  height: 30px;
  border-radius: 5px;
  box-shadow: inset 0px 18px 12px -5px rgba(0,0,0,0.75);
  webkit-box-shadow: inset 0px 18px 12px -5px rgba(0,0,0,0.75);
  -moz-box-shadow: inset 0px 18px 12px -5px rgba(0,0,0,0.75);
  cursor: pointer;
  font-weight: bold;
}

.header{
  background-image: url("../img/header_bcg.jpg");
  background-repeat:repeat;
  height:112px;
  width:100%;
}
.logo{
  background-image: url("../img/logo.png");
  background-repeat:no-repeat;
  background-size: contain;
  height:112px;
  width:100px;
  margin: 15px;
  float:left;
}
.header_text{
  font-size: 20px;
  color: white;
  font-weight: bold;
  padding-top:10px;
}
.menu_lvl1{
  height:100%;
}
.menu_lvl1 ul,.menu_lvl2 ul{
  list-style-type: none;
  margin: 0;
  padding: 20 0;
  color:white;
  font-size:18px;
}
.menu_lvl1 ul li{
  float: left;
  margin-right: 20px;
  padding-top: 10px;
  padding-bottom: 3px;
  padding-left: 10px;
  padding-right: 10px;
  cursor:pointer;
  text-shadow: 1px 1px 5px black;
}
.menu_lvl2 ul li{
  float: left;
  margin-right: 20px;
  margin-top: -7px;
  padding-left: 10px;
  padding-right: 10px;
  cursor:pointer;
  text-shadow: 1px 1px 5px black;
}
.select_top_menu{
  background-image: url("../img/top_menu_bcg.jpg");
  background-repeat:repeat;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-top: 1px solid #65778d;
  border-left: 1px solid #65778d;
  border-right: 1px solid #65778d;
}
.select_bottom_menu{
  background-color: black;
  border-radius: 10px;
}
.header_center{
  float:left;
  height:110px;
}
.header_right{
  float:right;
  margin:15px;
  color:white;
  font-weight:bold;
}
#dataTable_filter input{
  width:300px;
  background-image: url("../img/search_icon.png");
  background-repeat:no-repeat;
  background-size: 15px 15px;
  background-position: 5px;
  padding-left:32px !important;
  font-size: 16px;
  margin-bottom:10px;
}
.logout_btn{
  margin-left: 20px;
}
.login{
  width: 350px;
  margin: auto;
  margin-top: 50px;
  border: 1px solid black;
  border-radius: 10px;
  background-color: white;
  box-shadow: 5px 5px 10px grey;
  webkit-box-shadow: 5px 5px 10px grey;
  -moz-box-shadow: 5px 5px 10px grey;
}
.Reklamacia,.Kontakt,.Nastavenie{
  width: 900px;
  margin: auto;
  margin-top: 20px;
  border: 1px solid black;
  border-radius: 10px;
  background-color: white;
  box-shadow: 5px 5px 10px grey;
  webkit-box-shadow: 5px 5px 10px grey;
  -moz-box-shadow: 5px 5px 10px grey;
}
.Kontakt{width:600px !important}
.Nastavenie{width:850px !important;}
//.nastavenie_kontent{height:100%}
.reklamacia_kontent{
  width: 100%;
  border: 0px;
  box-shadow: none;
  webkit-box-shadow: noney;
  -moz-box-shadow:none;
  margin-bottom:50px;
  margin-top:30px;
}
.nastavenie_kontent table{
  margin:20;
  font-size:18px;
  white-space: nowrap;
}
.rekl_user{
  width: 330px;
  height: 240px;
  border-radius: 5px;
  border: 1px solid lightgray;
  margin: 20px;
  padding: 20px;
  float:left;
}
.rekl_user table, .rekl_info table{
  height: 100px;
  width: 90%;
  font-size: 20px;
  white-space: nowrap;
}
.rekl_info{
  width: 400px;
  border-radius: 5px;
  border: 1px solid lightgray;
  margin: 20px;
  padding: 0px 20px 20px 20px;
  float:left;
}
.rekl_zar{
  width: 810px;
  border-radius: 5px;
  border: 1px solid lightgray;
  margin: 20px;
  padding: 20px;
  clear:both;
  font-size:16px;
  display: flex;
}
.rekl_popis,.rekl_block_cely{
  width: 810px;
  border-radius: 5px;
  border: 1px solid lightgray;
  font-size:18px;
  margin: 20px;
  padding: 20px;
} 
.rekl_block_cely table {
  font-size:18px;
}          
.rekl_popis textarea{
  width: 800px;
  height: 50px;
  resize: none;
}
#technik_popis,#technik_ukon_popis{
  width: 600px;
  height: 50px;
  resize: none;
}
.rekl_zar_text{
  float:left;
  margin-bottom:5px;
  margin-right:5px;
}
.rekl_btn{
  width:200px;
  margin:auto;
}
.align_right{text-align:right}
.align_left{text-align:left}
.align_center{text-align:center}
.modul_header{
  height: 28px;
  text-align: center;
  font-weight: bold;
  color: white;
  background-image: url("../img/login_header_bcg.png");
  background-repeat:repeat;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding-top: 10px;
  font-size: 18px;
  text-shadow: 1px 1px 5px black;
}
.login_content{
    padding-top: 20px;
    padding-bottom: 20px;
    background-image: url("../img/login_content_bcg.png");
    background-repeat:no-repeat;
    background-position: bottom right;
}
.login_field{
  border: 1px solid lightgray !important;
  border-radius: 5px !important;
  height: 30px !important;
  font-size: 16px !important;
  padding-left: 5px !important;
}
#login_btn{
  margin-top: 10px; 
}
/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    border: 1px solid #888;
    border-radius: 10px;
    border: 2px solid #65778d;
    width:500px;
    font-size: 18px;    
    background: #eeeeee; /* Old browsers */
    background: -moz-linear-gradient(top, #eeeeee 0%, #eeeeee 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #eeeeee 0%,#eeeeee 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #eeeeee 0%,#eeeeee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
    text-shadow: 1px 1px 5px grey;
}
.modal-content table{padding:20px;width:100%}
/* The Close Button */
.close {
    color: black;
    float: right;
    font-size: 28px;
    font-weight: bold;
}
.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}
#zadavatel{font-weight:bold;font-size:18px}
.emptyField{border:2px solid red !important}
#zadavatel_tel{width:200px}
#info_idZar,#info_obj{width:90% !important}
.menu_lvl2_cointainer{
  height: 49px;
  width: 100%;
  background-image: url("../img/menu_lvl2_bcg.JPG");
  background-repeat:repeat;
  margin-top: -12px;
  display:none;
}
.Zobrazenie{
  width: 95%;
  margin: auto;
  margin-top: 20px;
  border: 1px solid black;
  border-radius: 10px;
  background-color: white;
  box-shadow: 5px 5px 10px grey;
}
.zobrazenie_kontent{
  width: 98%;
  border: 0px;
  box-shadow: none;
  webkit-box-shadow: noney;
  -moz-box-shadow: none;
  margin-bottom: 50px;
  margin: 20px;
}

.filter_table{
  font-size: 18px;
}
.filter_table td{
  padding-right:50px;
  padding-left:10px;
}
.filter_table select{
  border-radius: 5px;
  border: 1px solid lightgray;
  height: 25px;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 18px;
  margin: 5px;
}
.Time{
  width:150px !important;
}
.ui-datepicker-trigger{
  cursor:pointer !important;
}
.Kontakt table{margin:20px}
#dataTable{font-size:16px;}
#dataTable tbody tr{cursor:pointer}
#dataTable thead tr{background-color: lightgray;}
#dataTable tbody td{text-align:center}
.zobraz_table{margin-top:20px}
.export img{cursor:pointer}
.export{float:right}
.zobraz_filter{
  border-bottom: 1px solid lightgray;
  padding-bottom: 20px;
}
.dataTables_length {margin-top:10px;}
.dataTables_length label{
  font-size:18px;
}
.dataTables_length select{
    border-radius: 5px;
    border: 1px solid lightgray;
    height: 25px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 18px;  
}
.user_typ{
    border-radius: 5px;
    border: 1px solid lightgray;
    height: 25px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 18px;  

}
#remove_filter{
  vertical-align: -webkit-baseline-middle;
  cursor:pointer;
  margin-left:10px;
}
.info_title{
    height: 15px;
    cursor: pointer;
    margin-left: 3px;
}

a.tooltip strong{
line-height: 30px;
font-size: 16px;
margin-bottom: 10px;
}

a.tooltip > span{ 
//width: 500px; 
padding: 10px 20px;
margin-top: 20px; 
margin-left: -210px; 
opacity: 0; 
visibility: hidden; 
z-index: 10; 
position: absolute; 
font-size: 18px; 
font-style: normal; 
-webkit-border-radius: 3px; 
-moz-border-radius: 3px; -o-border-radius: 3px; 
border-radius: 3px; -webkit-box-shadow: 2px 2px 2px #999; 
-moz-box-shadow: 2px 2px 2px #999; 
box-shadow: 2px 2px 2px #999; 
-webkit-transition-property: opacity, margin-top, visibility, margin-left; 
-webkit-transition-duration: 0.4s, 0.3s, 0.4s, 0.3s; 
-webkit-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out; 
-moz-transition-property: opacity, margin-top, visibility, margin-left; 
-moz-transition-duration:0.4s, 0.3s, 0.4s, 0.3s; 
-moz-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out; -o-transition-property:opacity, margin-top, visibility, margin-left; -o-transition-duration:0.4s, 0.3s, 0.4s, 0.3s; -o-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out; 
transition-property:opacity, margin-top, visibility, margin-left; 
transition-duration:0.4s, 0.3s, 0.4s, 0.3s; 
transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out; 
color: #FFFFFF; 
background: #333333; 
background: -moz-linear-gradient(top, #333333 0%, #999999 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#999999)); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#999999',GradientType=0 ); 
border: 1px solid #000000; 
} 


a.tooltip:hover > span
{ 
opacity: 1; 
text-decoration:none; 
visibility: visible; 
overflow: visible; 
margin-top: 35px; 
display: inline; 
margin-left: -200px; 
}

a.tooltip span b{ 
width: 15px; 
height: 15px; 
margin-left: 20px; 
margin-top: -19px; 
display: block; 
position: absolute; 
-webkit-transform: rotate(-45deg); 
-moz-transform: rotate(-45deg); 
-o-transform: rotate(-45deg); 
transform: rotate(-45deg); 
-webkit-box-shadow: inset -1px 1px 0 #fff; 
-moz-box-shadow: inset 0 1px 0 #fff; -o-box-shadow: inset 0 1px 0 #fff; 
box-shadow: inset 0 1px 0 #fff; 
display: none\0/; *display: none; 
background: #333333; 
border-top: 1px solid #000000; 
border-right: 1px solid #000000; 
}
.user_tree{
  clear:both;
  width:400px;
  padding:10px;
  margin-left:10px;
  margin-right:10px;
  float:left;
  font-size:18px;
  border-right:1px solid lightgray;
  color: black;
   background-color: none;
}
.user_info{
    padding-left: 5px;
    padding-right: 5px;
}
.user_info:hover{
  background-color:lightgray;
  cursor:pointer;
  color:black;
  border-radius: 5px;
}
.user_tree_select{
    background-color: #444449;
    color: white;
    border-radius: 5px;
}
.user_tree_btn{
  margin-bottom:10px;
  border-bottom:1px solid lightgray
}
.user_tree_btn img{cursor:pointer}
.gen_pswd{width:100%;font-size:16px;cursor:pointer}    
#zariadenie_text{
  font-size:18px;
  font-weight:bold;
  margin-left: 20px;
  margin-top: -2px;
}
.info_rekl_zozn{
  margin-right:10px;
}
.caption{
  float: left;
  padding: 5px;
}
#export_table{display:none}

#hromadny_tlac{
  width:100%;
  text-align: center;
  display:none;
}

.tabSheets{
    border-bottom: 1px solid lightgray;
    height:40px;
    margin-top: 20px;
} 

.tabSheets ul{
    list-style-type: none;
    margin: 0;
    padding: 0 15;
    font-size: 18px;
}

.tabSheets ul li{
float: left;
    margin-right: 20px;
    padding-left: 10px;
    padding-right: 10px;
    cursor: pointer;
    padding-top: 10px;
    height: 30px;
}

.SelTabSheet{
    background-color: lightgray;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

#nast_sys{
  margin:20px;
}

.filter_datumy{
  float:left;
  margin-left:15px;
}

.poc_zmien{
    vertical-align: super;
    font-size: smaller;
    position: absolute;
    color: yellow;
    margin-top: -5px;
}

.refresh_zmeny{
  float: left;
  margin-right: 10px;
}

.modul_upperIcons{
  width:100%;
  height:20px;
}

#upper_icon_print{
  float:right;
  margin: 5px 25px;
}

#oprava_ceny_nacen,#oprava_textu_nacen{
    cursor: pointer;
    margin-left: 10px;
}

#podpis_rekl_btn{
    color: black !important;
    background-color: #bde687 !important;
    box-shadow: inset 0px 18px 12px -5px rgba(2, 135, 6, 0.75) !important;
}