/* 
    Document   : Theme style
    Description:
        This css contains all needed classes to style the website
    
    Main color:         Blue light      #DDEBF6 
    Secondary color:    Blue dark       #325694


*/

body { background: #ffffff; }
a { color: #325694; }
figure { background: #CCC; }
h4 { color: #325694; }
h5 { color: #325694; }
table td.title { background: #f5f5f5; }

.a_link { cursor: pointer; }
.input_add_yellow { background: #FFFF99; padding: 0 11px; border: 1px solid #ddd; }
.input_add_red { background: #f2dede; opacity: 0.5; padding: 0 11px; border: 1px solid #a94442; color:#a94442; }
.input_add_yellow_textarea { background: #FFFF99; padding: 6px 12px; border: 1px solid #ddd; }
.input_mandatory { background: #f5f5f5; padding: 0 7px; border: 1px solid #aaa; color: #666666; }
.form-control { padding: 0 7px; }
/* HEADER */
#div_header { background: #FFFFFF; margin-bottom: 0px; }
#div_header_container {}
#header_box { margin: 10px; }
#h3_header_logo { margin: 26px 0 0 10px;}
#a_header_logo { color: #FFFFFF; text-decoration: none; }

/* NAVIGATION --> see navigation.css */
#div_navigation { height: 100px; }
#div_navigation_container { background: #ffffff; height: 100px; }
#site_navbar { height: 100px; border-bottom: 2px solid #DDEBF6; padding-top: 5px; background: #FFF; }
#ul_navbar { margin-top: 18px; }
.navbar-toggle { margin-right: 30px; }
#ul_navbar > li {  }
#ul_navbar > li > a { padding: 5px 15px; color: #325694;  }
#ul_navbar > li.active { border-bottom: 3px solid #325694; }
#ul_navbar > li.active > a { color: #325694; background: none; box-shadow: none; }

/* Submenus */
#section_submenu { background: #325694; padding: 10px;  }
.data_submenu  { color: #FFFFFF; font-size: 1.2em; text-align: left; }
.data_submenu a { color: #FFFFFF; font-size: 1.3em; }

/* OPTIONBAR */
#ul_optionbar { margin: 0; }
#ul_optionbar li { color: #666666; text-decoration: underline; cursor: pointer; padding-right: 15px; }

/* LANGUAGE SELECTOR */
#btn_language { background: #FFFFFF; }
#ul_lang_select {}
#ul_lang_select li { padding: 10px; }
#ul_lang_select li:hover { background: #eeeeee; }

/* LOGO */
#img_logo { width: 160px; margin-top: -20px; margin-left: 20px; }

/* TITLE BAR */
#div_title { background: #DDEBF6; color: #888888; font-weight: bold; height: 55px; padding-top: 6px; padding-left: 25px; font-size: 1.8em; }
#div_title_container { color: #325694; text-align: center; }

/* CONTENT */
#div_content {}
#div_content_container {}
#myContentBucket { min-height: 550px; }
#div_content { min-height: 400px; padding-top: 0px; }
.div_data_section { padding-top: 15px; padding-bottom: 20px; }

/* FOOTER */
#div_footer { background: #DDEBF6; color: #325694; padding-top: 15px; margin-top: 50px; border-top: 0px solid #428bca; min-height: 75px; }
#div_footer_container {  }
#div_footer a { color: #325694; }

/* DATA BLOCKS DEFAULT */
.adv_data_block { margin-bottom: 15px; }
.adv_data_block_default { background: #FFFFFF; border-radius: 2px; padding: 5px;  }
.adv_row { }

/* LOGIN */
#login_error_message { color: #d80000; }
.btn_load_logout { }
.btn_load_login_modal { }

/* BASKET */
#row_basket { margin-top: 15px; }

/* MODAL */
.modal-header { background: #ddebf6 none repeat scroll 0 0; border-radius: 5px 5px 0px 0px; }
.modal-body { padding: 15px; }
.modal-footer { background: #ddebf6 none repeat scroll 0 0; border-radius: 0px 0px 5px 5px; padding: 15px; margin-top: 0px; }

/* Flash */
#modal_newsflash_dialog { width: 800px; }
#modal_newsflash_content { background: #076ba7; color: #666666; }
#modal_newsflash_header { background: #076ba7; border-bottom: 0px solid #ff7500; }
#modal_newsflash_body { min-height: 300px; background: #FFFFFF; }
#modal_newsflash_footer { background: #076ba7; border-top: 0px solid #ff7500; }

/* Product detail page */
.tbl_prod_details { width: 100%; }
.tbl_prod_details td { padding: 5px 10px 5px 15px; }
.tbl_prod_details td.title { color: #0066ff; vertical-align: top; min-width: 25%; }
.tbl_prod_details td.title2 { color: #666666; vertical-align: top; font-weight: bold; text-align: left; }

/* Product Filter */
#div_products_filter_left { background: #eeeeee; margin-top: 40px; padding: 10px; font-size: 0.9em; }

/* Custom styles */
#sde_hp_welcome {  }
.row { margin-bottom: 2px; }
.div_data_section h1 { color: #325694; font-size: 1.8em; margin-top: 5px; }
.div_data_section h2 { color: #325694; font-size: 1.5em; margin-top: 5px; }
.div_data_section h3 { color: #325694; font-size: 1.3em; margin-top: 5px; }
.div_data_section h4 { color: #325694; font-size: 1.1em; margin-top: 5px; }
.div_data_section h5 { color: #325694; font-size: 1.0em; margin-top: 5px; }
.div_data_block { padding: 5px 10px; }
.h4_title { color: #325694; }
.h4_title_tile { color: #666666 !important; }

/* Default table styling */
.div_data_section { color: #666666; }
.div_data_section table th { padding: 10px;  }  /* background: #325694 !important;  */
.div_data_section table td { padding: 8px; }

/* Zuiderkempen */
.font_color_tennis { color: #325694; }
.font_color_tennis:hover { color: #325694; }
.div_tennis_page_tile { border: 1px solid #325694; padding: 5px; margin-bottom: 10px; cursor: pointer; }
.div_tennis_page_tile_nolink { border: 1px solid #325694; padding: 5px; margin-bottom: 10px; background: #325694; color: #FFFFFF; }
.div_tennis_page_tile_nolink a { color: #FFFFFF; text-decoration: underline; }
.div_tennis_kal_tile_1 { border: 1px solid #325694; padding: 5px; margin-bottom: 10px; cursor: pointer; background: #325694; color: #FFFFFF; }
.div_tennis_kal_tile_2 { border: 1px solid #7692c3; padding: 5px; margin-bottom: 10px; cursor: pointer; background: #7692c3; color: #FFFFFF; }
.div_tennis_kal_tile_3 { border: 1px solid #ddebf6; padding: 5px; margin-bottom: 10px; cursor: pointer; background: #ddebf6; color: #666666; }

#div_tennis_page_edit_data { border: 1px solid #325694; padding: 12px 10px; margin-bottom: 10px; min-height: 300px; border-top: 0px; }
.tbl_tennis_list { border-spacing: 4px; border-collapse: separate; margin-left: 20px; width: 95%; }
.tbl_tennis_list thead th { background: #325694; margin: 2px; padding: 5px 7px; color: #FFFFFF; }
.tbl_tennis_list tbody td { border-left: 1px solid #eee; border-bottom: 1px solid #eee; padding: 5px 10px; }
.nav-tabs { border-bottom: 1px solid #325694; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { border-color: #325694 #325694 transparent; }
.nav-tabs > li > a:hover { border-color: #325694 #325694 transparent; }
#select_club_page_menu { border-color: #325694; }
#modal_new_speler_dialog { width: 900px; }
#modal_spelerslijst_dialog { width: 900px; }
#modal_upd_ploeg_dialog { width: 400px; }
.modal-footer {  }
.tbl_playdates {  }
.tbl_playdates td { border-bottom: 1px solid #EEEEEE; padding: 8px 15px; }
.div_login_page { border: 1px solid #325694; padding: 15px 50px; margin-bottom: 15px; }
#zk_home_title { background: #ddebf6; text-align: center; padding: 30px 30px 10px 30px; margin-bottom: 15px; }
#zk_home_title h3 { color: #7692c3; }
#zk_home_buttons { margin-bottom: 15px; margin-bottom: 30px; }
#zk_home_contact { background: #eeeeee; padding: 10px 0 30px 0; }
.modal-dialog_zk_large { width: 900px; }
.modal-dialog_zk_medium { width: 600px; }
.table_zk_disp {  }
.table_zk_disp td { padding: 1px; }

/* Banner */
#div_banner {  }
#div_banner_container { background: #ffffff; }


@media (min-width: 1200px) {
    /* General */
    #sde_hp_welcome { background-image: url("../../../images/content/banner_full_v2.jpg"); height: 250px; padding: 85px 0 0; }
    img.img-responsive { display: table-cell; max-width: 100%; }
}
@media (min-width: 980px) and (max-width: 1199px) {
    /* General */
    #sde_hp_welcome { background-image: url("../../../images/content/banner_1200.jpg"); height: 200px; padding: 85px 0 0; }
    img.img-responsive { display: table-cell; max-width: 100%; }
    #site_navbar { height: 100px; }
    #img_logo { margin-top: -35px; margin-left: 0; width: 200px; }
    #ul_navbar { margin-top: 15px; }
    #div_navigation { height: 100px; }
    #div_title { margin-top: 0px; }
}
@media (min-width: 768px) and (max-width: 979px) {
    /* General */
    #sde_hp_welcome { background-image: url("../../../images/content/banner_1200.jpg"); height: 200px; padding: 55px 0 0; font-size: 0.9em; }
    img.img-responsive { display: table-cell; max-width: 55%; min-width: 250px; }
    #div_navigation { height: 100px; }
    #ul_navbar { margin-top: 0px; width: 430px; }
    #site_navbar { height: 100px; }
    #img_logo { margin-top: -35px; width: 200px; }
    #div_title { margin-top: 0px; }
    #modal_new_speler_dialog { width: 100%; margin: 0; }
    #modal_upd_ploeg_dialog { width: 100%; margin: 0; }
    #ul_navbar > li { height: 34px; }
    .modal-dialog_zk_large { width: 100%; margin: 0; border-radius: 0;}
    .modal-dialog_zk_medium { width: 100%; margin: 0; border-radius: 0;}
}
@media (max-width: 767px) {
    /* General */
    #sde_hp_welcome { background-image: url("../../../images/content/banner_767.jpg"); height: 150px; padding: 35px 0 0; font-size: 0.8em; }
    img.img-responsive { display: table-cell; max-width: 65%; }
    #img_logo { margin-top: -35px; width: 200px; }
    #div_navigation { height: 100px; }
    #site_navbar { height: 100px; }
    /* Navigation */
    ul.nav > li { border: 1px solid #cccccc; padding-right: 20px; min-width: 250px; }
    #ul_navbar { background: #ffffff; margin-top: 0px; margin-right: 5px; }
    #ul_navbar > li > a { padding: 5px 15px; }
    #ul_navbar > li.active { border-bottom: 3px solid #325694; background: #eee; }
    #ul_navbar > li.active > a { color: #325694; background: none; box-shadow: none; }    
    #div_tennis_page_edit_data { border-top: 1px solid #325694; }
    #modal_new_speler_dialog { width: 100%; margin: 0; }
    #modal_upd_ploeg_dialog { width: 100%; margin: 0; }
    .modal-dialog_zk_large { width: 100%; margin: 0; border-radius: 0;}
    .modal-dialog_zk_medium { width: 100%; margin: 0; border-radius: 0;}
}
@media (max-width: 480px) {
    /* General */
    #sde_hp_welcome { background-image: url("../../../images/content/banner_480.jpg"); height: 94px; padding: 15px 0 0; font-size: 0.6em; }
    img.img-responsive { display: table-cell; max-width: 75%; }
    #img_logo { margin-top: -25px; width: 170px; margin-left: 0px; }
    #div_navigation { height: 100px; }
    #site_navbar { height: 100px; }
    .navbar-toggle { margin-right: 15px; }
    #ul_optionbar > li { padding-right: 0px; }
    /* Navigation */
    ul.nav > li { border: 1px solid #cccccc; padding-right: 20px; min-width: 250px; }
    #ul_navbar { background: #ffffff; margin-top: 0px; margin-right: 5px; }
    #ul_navbar > li > a { padding: 5px 15px; }
    #ul_navbar > li.active { border-bottom: 3px solid #325694; background: #eee; }
    #ul_navbar > li.active > a { color: #325694; background: none; box-shadow: none; }    
    #div_tennis_page_edit_data { border-top: 1px solid #325694; }
    #modal_new_speler_dialog { width: 100%; margin: 0; }
    #modal_upd_ploeg_dialog { width: 100%; margin: 0; }
    .modal-dialog_zk_large { width: 100%; margin: 0; border-radius: 0;}
    .modal-dialog_zk_medium { width: 100%; margin: 0; border-radius: 0;}
}