#view{
  position: relative;
  float: left;
  margin: 0 0 0 0px;
  border: 0px solid;
  font-family: Ubuntu-Light;
}

#view_box{
  display:none;
}

#main_view{
  position: relative;
  margin: 0 0 0 0px;
  border: 0px solid;
}

#right_icons{
  width: 50px;
}

#table_view{
  border: 0px solid;
  font-size: 11px;
  border-collapse: collapse;
}

#table_view thead tr{
  background-color: rgb(228,109,10);
  color:white;
}

#table_view thead tr th{
  border-right: solid 1px rgb(245,245,245); 
  border-left: solid 1px rgb(245,245,245);
}

#table_view tr:nth-child(odd) td{
  background-color: rgb(238,238,238);
}

#table_view tr:nth-child(even) td{
  background-color: rgb(182,221,232);
}

#table_view tr{
  cursor: pointer;
  border: none;
}

#table_view tr:hover td{
  background-color: rgb(249,178,119); 
}

#table_view tr td {
  padding: 3px 3px 3px 3px;
  border-right: solid 1px rgb(245,245,245); 
  border-left: solid 1px rgb(245,245,245); 
}


#table_view thead tr th:nth-child(1){ width:  35px; text-align: center; }
#table_view thead tr th:nth-child(2){ width: 200px; text-align: center; }
#table_view thead tr th:nth-child(3){ width: 200px; text-align: center; }
#table_view thead tr th:nth-child(4){ width:  90px; text-align: center; }
#table_view thead tr th:nth-child(5){ width: 180px; text-align: center; }
#table_view thead tr th:nth-child(6){ width:  60px; text-align: center; }
#table_view thead tr th:nth-child(7){ width:  80px; text-align: center; }
#table_view thead tr th:nth-child(8){ width: 350px; text-align: center; }
#table_view thead tr th:nth-child(9){ width: 150px; text-align: center; }

#table_view tr td:nth-child(1){ text-align: right; }
#table_view tr td:nth-child(9){ width: 110px; }

#adr_detail_view{
  position: fixed;
  top: 146px;
  width: 0px; 
  border-right: 0px solid;
  z-index: 5;
  left: 1494px; 
  background-color: rgb(250,250,250);
  color: rgb(64,64,64);
}

#adr_ico_detail{
  position: relative;
  width: 50px;
  height: 50px;
  background-color: rgb(49, 132, 155);
  color: white;
  font-size: 35px;  
  margin: 0 0 1px auto;
  cursor: pointer;
  text-align: center;     
}

.fi-eye-adr{
  position: relative;
  top: 8px;    
}

#adr_ico_new{
  position: relative;
  width: 50px;
  height: 50px;
  background-color: rgb(49, 132, 155);
  color: white;
  font-size: 35px;  
  margin: 0 0 1px auto;
  cursor: pointer;
  text-align: center;     
}

.fi-page-add-adr{
  position: relative;
  top: 8px;    
}

#adr_ico_poznamka{
  position: relative;
  width: 50px;
  height: 50px;
  background-color: rgb(49, 132, 155);
  color: white;
  font-size: 35px;  
  margin: 0 0 1px auto;
  cursor: pointer;
  text-align: center;     
}

.fi-clipboard-notes-adr{
  position: relative;
  top: 8px;    
}


/* Detail menu prvky */
#detail_menu{
  position: relative;
  height: 50px;
  background-color: rgb(49,132,155);
  border: 0px solid;
}

#detail_menu_title{
  position: relative;
  font-size:  20px;
  color: white;
  top: 10px;
  left: 25px;
  width: 150px;
  float: left;
}

.detail_menu_btn{
  position: relative;
  width: 55px;
  height: 50px;
  border-left: 1px solid white;
  border-right: 1px solid white;
  float: right;
  margin: 0 0 0 -1px;
  right: 50px;
  text-align: center;
}

.fi-save:hover{
  color: white;
}

.fi-save-detail{
  position: relative;
  color: white;
  font-size: 35px;
  top: 7px;
}

.fi-page-edit-detail{
  position: relative;
  color: white;
  font-size: 35px;
  top: 7px;
}

.fi-x-detail{
  position: relative;
  color: white;
  font-size: 35px;
  top: 7px;
}

.closebtn{
  display: none;
}


/* styly pro form prvky v detailu kontaktu */
#detail_nazev{
  position: relative;
  top: 25px;
  left: 25px;
  border: none;
  width: 550px;
  font-size: 18px;
}

.form_title{
  position:relative;
  width: 65px;
  left: 10px;
  border: 0px solid;
  float:left;
  font-size: 12px;
}

.form_title_kontakt{
  position:relative;
  width: 65px;
  left: 10px;
  border: 0px solid;
  font-size: 12px;
}

.edit_detail:disabled{
  color: rgb(80,80,80);    
}


/* fakturační adresa */
#fakturacni_adresa{
  position: relative;
  top: 25px;
  left: 25px;
  border: 0px solid;
  width: 350px;
  float: left;
}

#fakturacni_adresa_title{
  position: relative;
  margin: 0px 0 3px 0px;
  font-size: 11px;
}

#detail_ulice{
  position: relative;
  border: none;
  width: 250px;
  margin: 0 0 3px 0;
  font-size: 12px; 
}

#detail_mesto{
  position: relative;
  border: none;
  width: 250px;
  margin: 0 0 3px 0;
  font-size: 12px;
}

#detail_psc{
  position: relative;
  border: none;
  width: 250px;
  margin: 0 0 3px 0;
  font-size: 12px;
}

#detail_ico{
  position: relative;
  border: none;
  width: 250px;
  margin: 0 0 3px 0;
  font-size: 12px;
}

#detail_dic{
  position: relative;
  border: none;
  width: 250px;
  font-size: 12px;
}


/* poštovní adresa form */
#postovni_adresa{
  position: relative;
  top: 25px;
  left: 25px;
  border: 0px solid;
  width: 350px;
  float: left;
}

#postovni_adresa_title{
  position: relative;
  margin: 0px 0 3px 0px;
  font-size: 11px;
}

#detail_p_ulice{
  position: relative;
  border: none;
  width: 250px;
  margin: 0 0 3px 0;
  font-size: 12px; 
}

#detail_p_mesto{
  position: relative;
  border: none;
  width: 250px;
  margin: 0 0 3px 0;
  font-size: 12px;
}

#detail_p_psc{
  position: relative;
  border: none;
  width: 250px;
  font-size: 12px;
}

/* styl pro parent/child seznam */
#parchild_box{
  position: absolute;
  top:50px;
  width: 360px;
  right:0px;
  border: 1px solid black;
  display: none;
}

/* master kontakt */
#master_kontakt{
  position: relative;
  border: 0px solid;
  top: 35px;
  width: 800px;
  height: 30px;
  left: 25px;
  //background-color: rgb(238,238,238);
  border-top: 1px solid rgb(194,201,208);
}

#detail_kontakt{
  position: relative;
  border: none;
  width: 140px;
  margin: 7px 0 3px 6px;
  font-size: 12px;
}

#detail_telefon{
  position: relative;
  border: none;
  width: 100px;
  margin: 7px 0 3px 2px;
  font-size: 12px;
}

#detail_email{
  position: relative;
  border: none;
  width: 245px;
  margin: 7px 0 3px 2px;
  font-size: 12px;
}

#detail_poznamka{
  position: relative;
  border: none;
  width: 290px;
  margin: 7px 0 3px 2px;
  font-size: 12px;
}

#view_box input{
  border: 0px dotted green;
}

#view_box input:disabled{
  background-color: rgb(250,250,250); 
}

/* Oddělovač + formuláře pro přidávání kontaktních osob */
#parcon_line{
  position: relative;
  top: 40px;
  left: 25px;
  width: 800px;
  height: 30px;
  background-color: rgb(49,132,155);
}

#parcon_line_title{
  position: relative;
  top: 6px;
  left: 15px;
  font-size: 13px;
  color: white;
  float: left;
  porder: 1px solid;
}


#parcon_line_edit{
  position: relative;
  float: right;
  height: 30;
  width: 35px;
  margin: 0 -1px 0 0;
  text-align: center;
  border-left: 1px solid white;
  border-right: 1px solid white;
  cursor: pointer;
  display: none;
}

.fi-page-edit-parcon{
  position: relative;
  top: 6px;
  font-size: 20px;
  color: white;
}


#parcon_line_save{
  position: relative;
  float: right;
  height: 30;
  width: 35px;
  margin: 0 -1px 0 0;
  text-align: center;
  border-left: 1px solid white;
  border-right: 1px solid white;
  cursor: pointer;
  display: none;
}

.fi-check-parcon{
  position: relative;
  top: 5px;
  font-size: 20px;
  color: white;
}

#parcon_line_trash{
  position: relative;
  float: right;
  height: 30;
  width: 35px;
  margin: 0 -1px 0 0;
  text-align: center;
  border-left: 1px solid white;
  border-right: 1px solid white;
  cursor: pointer;
  display:none;
}

.fi-trash-parcon{
  position: relative;
  top: 5px;
  font-size: 20px;
  color: white;
}

#parcon_line_cancle{
  position: relative;
  float: right;
  height: 30;
  width: 35px;
  margin: 0 0px 0 0;
  text-align: center;
  border-left: 1px solid white;
  border-right: 1px solid white;
  cursor: pointer;
  display:none;
}

.fi-x-parcon{
  position: relative;
  top: 5px;
  font-size: 20px;
  color: white;
}

#parcon_f_jmeno{
  position: relative;
  width: 100%;
}

#parcon_f_telefon{
  position: relative;
  width: 100%;
}

#parcon_f_email{
  position: relative;
  width: 100%;
}

#parcon_f_poznamka{
  position: relative;
  width: 100%;
}

/* styl pro výpis přiřazených podřízených kontaktních osob (kontaktní osoby - skladník, účetní) */
#subkontakt_thead{
  background-color: rgb(228,109,10);
  color: white; 
}
#subkontakt_thead tr:nth-child(1){font-size: 10px; font-weight: 300;}
#subkontakt_tbody tr:nth-child(even) td{
  background-color: rgb(238,238,238);
}

#subkontakt_tbody tr:nth-child(odd) td{
  background-color: rgb(182,221,232);
}

#subkontakt_tbody tr:hover td{
  background-color: rgb(249,178,119);
}

#parcon_box{
  position: relative;
  border: 0px solid;
  top: 40px;
  width: 800px;
  left: 25px;
}

#parcon_box table{
  font-size: 12px;
}   

.subc{
  cursor: pointer;
}

/* CSS pro styl poznámek */

#adresar_poznamky{
  position: absolute;
  width: 1187px; 
  top: 106px;
  border: 0px solid;
  background-color: rgb(250,250,250);
  display: none;
}

#adr_poznamka_list{
  position: relaitive;
  border: 0px solid;
  width: 300px;
  float: left;
}

#adr_poznamka_content{
  position: relaitive;
  border: 0px solid;
  width: 870px;
  float: right;
  overflow: scroll;
}

.poznamka_element{
  position: relative;
  background-color: rgb(182,221,232);
  width: 290px;
  padding: 5px 0 5px 10px;
  margin: 1px 0 0 0;
  cursor: pointer;
  font-size: 11px;
}

#poznamka_control_panel{
  position: absolute;
  width: 450px;
  height: 50px;
  background-color: rgb(49,132,155);
  top: 0px;
  right: 0px;
  display: none;
}

.fi-check-poznamka{
  position: relative;
  color: white;
  font-size: 35px;
  top: 7px;
  cursor: pointer;
}

.fi-page-add-poznamka{
  position: relative;
  color: white;
  font-size: 35px;
  top: 7px;
  cursor: pointer;
}

.fi-trash-poznamka{
  position: relative;
  color: white;
  font-size: 35px;
  top: 7px;
  cursor: pointer;
  display:none;
}

#poznamka_nazev{
  font-size: 14px;
  background-color: rgb(213,213,213);
}