/* Kosten - library */

/* Tree */
#calc_toggler_large { position:absolute; width:60px; height:60px; background-color:lightgray; opacity:0.7; z-index:98; cursor:pointer; }
#calc_toggler_large:hover { opacity:1.0; }

#calc_toggler_large div { width:24px; height:24px; margin: 18px 0px 0px 18px; background-image:url('/images/bouwkosten/tree/toggler_24.png') }
#calc_tree { position:relative; width:300px; background-color:white; overflow:auto; z-index:97; }
#calc_selection { position:relative; background-color:white; overflow-x:hidden; overflow-y:auto; z-index:96; }

/* Path viewer */
#lib_path { border-collapse:separate; width: 1px }
.lib_path_selected { padding:5px 5px 5px 10px; border:1px solid white; white-space:nowrap; }
.lib_path_selected:hover { border:1px solid rgb(1,56,147); }

.lib_path_header      { padding-right:10px; width:100%; }
.lib_path_header div  { overflow:hidden; margin-right:4px; float:left; }
.lib_path_header div span { position:relative; white-space:nowrap; cursor:pointer; }
.lib_path_header img { float:right; margin-top:3px; }

.lib_path_link { margin-right:5px; color: rgb(1,56,147); font-size:95%; text-decoration:none; }
.lib_path_navigate { padding:5px 5px 5px 5px; border:1px solid white;  }
.lib_path_navigate:hover { border:1px solid rgb(1,56,147); }

.lib_path_options {	z-index: 9000; position: absolute; border: 1px solid rgb(1,56,147); background-color: white; }
.lib_path_option  { padding:5px 5px 5px 5px; white-space:nowrap; }
.lib_path_option a { color: rgb(1,56,147); font-size:95%; text-decoration: none;  }
.lib_path_option:hover { background-color:rgb(172, 203, 254); }


/* Selection */
#lib_items { margin-top:5px; border-collapse:separate; }
.lib_items_container_last { opacity: 0; }		/* initial hidden */

.lib_items_item       { padding:5px 5px 5px 10px; border:1px solid white; background-color:rgb(130, 176, 254); color:white; font-size:100%; white-space:nowrap; cursor: pointer; }    /* background-color:rgb(172, 203, 254); */
.lib_items_item:hover { background-color: rgb(66, 136, 255);  }
.lib_items_item img, .lib_items_selected img { float:right; margin-top:3px; }
.lib_items_selected, .lib_items_selected:hover { background-color:rgb(1,56,147); }

.lib_items_header      { padding-right:10px; width:100%; }
.lib_items_header div  { overflow:hidden; margin-right:4px; float:left; }
.lib_items_header div span { position:relative; color:white; white-space:nowrap; text-transform:lowercase; }

	
/* Tiles */
.lib_tiles_carousel { opacity: 0; }		/* initial hidden */
.lib_tiles_wrapper { z-index:8000; margin: 5px 0px 5px 0px; color:white; display:inline-block;}	
.lib_tiles_wrapper .lib_tiles_carousel { width:198px; height:160px; overflow: hidden; border: 1px solid silver; display:block; float:left; cursor: pointer; }
.lib_tiles_wrapper .lib_tiles_carousel:hover { border:1px solid #d3d3d3; }

.lib_tiles_wrapper .lib_tiles_carousel img    { display:inline; position:relative; left:-10px; }	
.lib_tiles_title      { position:relative; background-color:rgb(127,127,127); overflow:hidden; height:35px; padding:5px 5px; margin-top:-23px; text-align:left; font-size:100%; } 
.lib_tiles_title span { font-size:90%;  }
.lib_tiles_title ul   { list-style:none; padding-left: 10px; margin-left: 10px; line-height:17px;  }
.lib_tiles_title ul li { text-transform:lowercase; }


/* Calculation */
#tbl_calc { border-collapse:separate !important; color:white; width:100%; }

.lib_calc_item       { padding:5px 5px 5px 10px; border:1px solid white; background-color:rgb(130, 176, 254); color:white; font-size:100%; white-space:nowrap; cursor: pointer; }		/* background-color:rgb(172, 203, 254); */
.lib_calc_item:hover { background-color: rgb(66, 136, 255); }
.lib_calc_item img, .lib_calc_selected img { margin-top:3px; }
.lib_calc_selected, .lib_calc_selected:hover { background-color:rgb(1,56,147); }

.lib_calc_header     { color:white; white-space:nowrap; }
.lib_calc_header div  {  display:inline-block; overflow:hidden; width:800px; }
.lib_calc_header div span { color:white; white-space:nowrap; text-transform:lowercase; }
.lib_calc_header .calc_description { width: 780px; display:inline-flex; }

.lib_calc_container  { background-color:rgb(1,56,147); color:white; font-size:95%; }		/*font-weight:bold; */

#tbl_calc_element       { border-left:1px solid white; }
#tbl_calc_element tr td { vertical-align: middle; }

#tbl_calc_onderbouwing { background-color:white; color:black; font-weight:normal; padding:2px; }
#1tbl_calc_onderbouwing tr td, #1tbl_calc_onderbouwing tr th { height:30px; border-bottom:1px solid silver; padding:0px 0px 0px 5px; }
#tbl_calc_onderbouwing tr td, #tbl_calc_onderbouwing tr th { border-bottom:1px solid silver; padding:6px 5px 6px 5px; vertical-align:baseline; }
#tbl_calc_onderbouwing input { font-size:95%; }

#tr_calc_onderbouwing_header { line-height:25px; padding-left:5px; padding-right:5px; color:rgb(1,56,147); } 

#tbl_calc_hoeveelheid input { border:1px solid rgb(1,56,147); color:rgb(1,56,147); background-color:white; font-weight:bold; text-align:right; width:75px; }
#tbl_calc_onderbouwing input { border:1px solid gray; color:black; background-color:white; font-weight:normal; text-align:right; width:55px; }

#tbl_calc_totaal { cursor:default; }
#tbl_calc_totaal, #tbl_calc_hoeveelheid { display:flex; padding:0px 5px 0px 10px; }	/*width:970px; */
#tbl_calc_totaal .calc_description { width:780px; }

#tbl_calc_totaal td, #tbl_calc_hoeveelheid td { padding-left:5px; }
#tbl_calc_totaal, #tbl_calc_hoeveelheid { background-color:rgb(1,56,147); color:white; line-height:30px; font-weight:bold; border-bottom:none; }
.label_calc { background-color:transparent; color:white; border:none; text-align:right; font-weight:bold; white-space:nowrap; }
.label_calc:disabled { background-color:transparent; border:none; }


#tbl_ovz_selected { background-color:white; color:black; font-weight:normal; padding:2px; }
#tbl_ovz_selected tr td, #tbl_ovz_selected tr th { border-bottom:1px solid silver; }

#tr_ovz_header { line-height:25px; padding-left:5px; padding-right:5px; color:rgb(1,56,147); background-color:white; } 
.lib_ovz_item       { line-height:25px; padding-right:10px; color:black; white-space:normal; }
.lib_ovz_item:hover { background-color:#e9e9e9; }
.lib_ovz_item  div  { overflow-x:hidden; }
.lib_ovz_selected   { background-color:#d7d7d7; }
.lib_ovz_container  { color:black; font-size:100%; }		/*font-weight:bold; */


/* Login */
#tbl_calc_login    { border-collapse:separate; background-color:transparent; padding-top:30px; padding-bottom:30px; color:black; font-weight:normal;  }
#tbl_calc_login td { padding-bottom:10px; padding-left:10px;  }
#tbl_calc_login .lib_button { width:100px; float:right }

.panel_login_lib, .panel_login_abo { padding:10px 10px 10px 10px; height:220px; width:430px; background-color:white; border:1px solid #c3c3c3; display:inline-table; }
.panel_login_alg     { height:200px; width:315px; border:1px solid #c3c3c3; display:inline-table; }
.panel_login_update  { height:40px; width:315px; border:1px solid #c3c3c3; display:inline-table; }
.panel_login_nietlid { background-color:#eaeaea; }
.panel_login_geenabo { background-color:#eaeaea; }
.panel_login_stretch { width:640px; }


#tbl_bouwkosten_login  { border-collapse:separate; background-color:transparent; padding-top:20px; padding-bottom:20px; color:black; font-weight:normal; }
#tbl_bouwkosten_login .panel_login_abo { margin:10px 10px 10px 0px; height:100px; border:1px solid #c3c3c3; display:inline-table; }
#tbl_bouwkosten_login .panel_login_lib { margin:10px 10px 10px 35px; height:100px; border:1px solid #c3c3c3; display:inline-table; }
#tbl_bouwkosten_login .panel_login_lib td { padding-bottom:10px; padding-left:10px; }
#tbl_bouwkosten_login .lib_button { min-width:100px; float:right }

/* Buttons */
.lib_button                { padding:5px; color:white; border-left:1px solid white; border-bottom:1px solid white; border-right:none; border-top:none; line-height:15px; min-width:80px; width:100px; white-space:nowrap; text-align:center; font-weight:normal; cursor:pointer; }
.lib_button_placeholder    { padding:5px; color:transparent; background-color:transparent; border:none; line-height:15px; min-width:80px; white-space:nowrap; }
.lib_button_wide           { width:175px; }
.lib_button:hover	       { border-left: 1px solid gray; border-bottom: 1px solid gray; }
.lib_button_disabled       { background-color:#f79646; cursor:default; }
.lib_button_disabled:hover { border-left: 1px solid white; border-bottom: 1px solid white; }
.lib_button_error          { background-color:#f00; }
.lib_button_ok             { background-color:#58b925; }
.lib_button_blue           { background-color:rgb(1,56,147); }
.lib_button_orange         { background-color:rgb(255,109,109); width:125px; }
.lib_button_black          { background-color:black; }

.lib_button_selected       { background-color:#f79646; cursor:default; }
.lib_button_selected:hover { border-left: 1px solid white; border-bottom: 1px solid white; }
.lib_button_select         { background-color:#58b925; }
.lib_button_toggler        { min-width:24px; width:24px; background-image:url('/images/bouwkosten/tree/toggler_16.png'); background-repeat:no-repeat; background-position:center; }

/* Textboxes */


/* Details */
.lib-details-container { width:100%;  }
.lib-details-container img { margin:10px 20px 10px 0px; border:1px solid gray; }
.lib-details-container td:last-child { width: 100%; padding-right:10px; }


/* Logo */
.lib_logo_wrapper { z-index:8000; margin: 5px 0px 5px 0px; color:white; break-before:always; }


/* Structure */
#lib-content-container { margin-top: 5px; display:inline-block; }
#lib-content-container-spacer { width: 8px; min-width: 8px; display:inline-block; }
#lib-content-container-main { width: 978px; vertical-align:top; display:inline-block;  }
#lib-content-container-sidebar { width:299px; vertical-align:top; display:inline-block; }
#lib-content-container-sidebar a .advert { margin-top: 15px; }
#lib-content-container-fullspan { width: 978px; vertical-align: top; }
#lib-content-container-thirdparty { width: 974px; vertical-align:top; display:inline-block;  }


/* New user */
#tbl_user_new { margin-right:50px; }
#tbl_user_new td { padding-bottom:10px; padding-left:10px }
#tbl_user_new .lib_button { width: 100px; float:right }


/* Print */
#imgPrintLogo { position:relative; left:10px; width:400px }

@media screen {
    #printContainer {  position:absolute; display:inline-block; width:950px; margin:auto; left:0px; right:0px; border-left:1px solid gray; border-top:1px solid gray; border-right:2px solid black; border-bottom:2px solid black;}
}
@media print {
   #printContainer {  position:absolute; display:inline-block; width:950px; margin:auto; left:0px; right:0px; border:none;}
} 

#printContainer .print_totaal { width:100%; border-collapse:collapse; vertical-align:top; }
#printContainer .print_element { width:100%; margin:10px; border-collapse:collapse; vertical-align:top; }
#printContainer .print_onderbouwing { width:100%; margin:0px; border-collapse:collapse; vertical-align:top; }
.print_element td, .print_onderbouwing td { vertical-align:top; }

.print_element_bold { font-weight: bold; }
.print_element_header { line-height:25px; }
.print_element_enkel { border:none; font-weight: bold; line-height:25px; vertical-align:top; }
.print_element_onderbouwd { border:1px solid gray; font-weight: bold; line-height:25px; vertical-align:top; }
.print_element_onderbouwing { line-height:25px; vertical-align:top; }
.print_element_aantal { font-weight: bold; }

.print_onderbouwing_header { background-color: #eeeeee; }
.print_onderbouwing_row { font-weight: bold; }
.print_onderbouwing_aantal { font-weight: bold; }

/* Zoeken */
.search_line { width: 100%; border-collapse: collapse; }
.search_selected { background-color: transparent; text-align:left; }
.search_selected:hover { background-color: #ededed; cursor:pointer; }
.search_text_element { font-weight:normal; }
.search_text_folder { font-weight:bold; }