/* START CSS */


#mainheader{
    background-color: #000000;
    color: #FFFFFF;
}

#mainheader a:link, #mainheader a:visited{   

    color: #FFFFFF;
    text-decoration: none;
}

#mainheader a:active, #mainheader a:hover{
    color: #FFFFFF;  
    text-decoration: none;
}


/* header */
#header{     
    position:relative;
    background-color: #000000;
}

.taal {
    cursor: pointer;    
}

.selected_lang {
    color: #16a1a8;
}

table th {
    color: #FFFFFF;
    background-color: #000000;
}

#menu_winkelmand_ref {
    padding-top: 5px;
    display: inline-block;    
}

#menu_winkelmand_ref:link, #menu_winkelmand_ref:visited,
#menu_winkelmand_ref:hover, #menu_winkelmand_ref:active {
    color: #FFFFFF;
}

#header_winkelwagen_count {
    background-color: #16a1a8;
    border-radius: 1em;
    box-shadow: 0 0 0 2px #16a1a8;
    color: #fff;
    font-size: 10px;
    right: -8px;
    letter-spacing: 0;
    line-height: 1;
    min-width: 1em;
    padding: 2px 5px;
    position: absolute;
    top: 0px;
    transition: all 0.1s ease-in-out 0s;
}

#header_winkelwagen_count[data-count="0"] {
    display: none;
}

/*     MENU     */
#menu{     
    background-color: #000000;    
    position: relative;
    padding-left: 0px;
}

#menu ul{   
    list-style-type: none;       
    height: 100%;
    margin: 0 auto;

}

#menu li{    
    color: #FFFFFF;
    float:left;
    text-decoration: none;   
    display: block;
    padding-right: 10px;   
}


.menu_clicked{
    color: #FFFFFF !important;
    display: block !important;
    background-image: url(../images/body/bg_button_blue.png) !important;
    background-position: top center !important;
    background-repeat: repeat-x !important;
    padding: 15px 10px 15px 10px !important;
}

#winkelmand_container {
    position: relative;
}





#paging{
    display: block;
}

#pagingtable{
    list-style-type: none;
}

#pagingtable li{
    float:left;
    margin: 0px 5px;
    cursor: pointer;   
}

#pagingtable a:link, #pagingtable a:visited{
    padding: 3px 4px;
    background-color: #81e5ff;
    color: #FFFFFF;
    text-decoration: none;
}

#pagingtable a:active, #pagingtable a:hover{
    padding: 3px 4px;
    background-color: #ff7e00;
    color: #FFFFFF;
    text-decoration: none;
}



#pagingtable .selected{
    font-weight: bold;
}


/* ADMIN PANEL */
#admin_panel a:link, #admin_panel a:visited{   
    margin-left: 5px;
    color: #16a1a8;
    text-decoration: none;
}

#admin_panel a:active, #admin_panel a:hover{     
    color: #16a1a8;  
    text-decoration: underline;
}


/* ADMIN VERTEGENWOORDIGERS */


#wijzig_vertegenwoordiger h1{
    font-size: 20px;
    margin-bottom: 20px;
}

#wijzig_vertegenwoordiger table{
    width: 100%;
}

#wijzig_vertegenwoordiger td{
    padding-bottom: 5px;
}

#wijzig_vertegenwoordiger input[type=text]{
    width: 100%;
}

#wijzig_vertegenwoordiger input[type=file]{
    padding-bottom: 30px;
}


/*     ADMIN PRODUCTFAMILIES     */

#admin_productfamilies input[type=text]{
    width: 100%;   
}

#admin_productfamilies textarea{
    width: 100%;
    height: 60px;
}
#admin_productfamilies input[type=file] {
    padding-bottom: 30px;
}


/*    ADMIN PRODUCTFAMILIES ONDERDELEN     */
#productfamilie_onderdelen textarea{
    width: 100%;
    height: 75px;
    background-color: #e5e5e5;
}

#productfamilie_onderdelen input[type=submit] {
    margin-bottom: 20px;
}


/*     ADMIN FILES     */

#admin_overzicht_files {
    margin-top: 20px;
}

#admin_overzicht_files li{
    float:left;
    width: 160px;
    height: 190px;
    list-style-type: none;
    margin-right:25px;
}

#admin_overzicht_files p{
    width: 100%;
    text-align: center;
}

#admin_overzicht_files span {
    margin-left: 5px;
    margin-right: 15px;
}

#admin_overzicht_files table{
    width: 100%;
}

#admin_overzicht_files table tr:last-child {
    border-bottom: #16a1a8 solid 1px;
}

#admin_overzicht_files table tr:nth-child(odd) {
    border-top: #16a1a8 solid 1px;
    border-left: #16a1a8 solid 1px;
    border-right: #16a1a8 solid 1px;

}

#admin_overzicht_files table tr:nth-child(even) {
    border-left: #16a1a8 solid 1px;
    border-right: #16a1a8 solid 1px;
}

#admin_overzicht_files table td {
    padding: 5px 10px;
}

#admin_overzicht_files input[type=submit] {
    margin-bottom: 10px;
    margin-top: 10px;
    float:right;
}

/* ADMIN PRODUCT EXTRA VELD */
#product_extra_velden h1{
    font-size: 20px;
    margin-bottom: 15px;
}

#product_extra_velden table.dataTable tr td:first-child {
    text-align: center;
}

#product_extra_velden table.dataTable tr td:first-child:before {
    content: url(../images/icons/uncheck.png); /* fa-square-o */
    font-family: FontAwesome;    
}

#product_extra_velden table.dataTable tr.selected td:first-child:before {
    content: url(../images/icons/check.png); /* fa-check-square-o */
}

#product_extra_velden table.dataTable tr td.dataTables_empty:first-child:before {
    content: "";
}

#product_extra_velden_hulp {

}

#product_extra_velden_hulp p {
    color: red;
    margin: 2px;   
}

#product_extra_velden_hulp p:nth-child(3) {
    margin-bottom: 10px;
}


/*     ADMIN PRODUCTFILES     */

#btn_sync_files {
    float: right;
}

#productfilesdetail_table_wrapper {
    margin-top: 50px;
}

#productfilesdetail_table.dataTable tr td:first-child {
    text-align: center;
}

#productfilesdetail_table.dataTable tr td:first-child:before {
    content: url(../images/icons/uncheck.png); /* fa-square-o */
    font-family: FontAwesome;    
}

#productfilesdetail_table.dataTable tr.selected td:first-child:before {
    content: url(../images/icons/check.png); /* fa-check-square-o */
}

#productfilesdetail_table.dataTable tr td.dataTables_empty:first-child:before {
    content: "";
}


/*     ADMIN WELKOM     */

#admin_welkom {

}

#admin_welkom textarea {
    width: 100%;
    height:150px;
}


/* PRODUCTEN */
#producten{

}

#producten td.details-control {
    background: url('../images/icons/details_open.png') no-repeat center center;
    cursor: pointer;
}
#producten tr.shown td.details-control {
    background: url('../images/icons/details_close.png') no-repeat center center;
}


#zoekfilter_refresh {    
    cursor: pointer;
    position: absolute;
    right: 0;
}

#producten_filters {
    position: relative;
}

#producten_filters select {
    width: 100%;
}
#producten_filters input[type=checkbox] {
    text-align: center;
    vertical-align: middle;
}

#producten a:link, #producten a:visited{   

    color: #000000;
    text-decoration: none;
}

#producten a:active, #producten a:hover{
    color: #16a1a8;  
    text-decoration: none;
}



/* LEGENDE */

#legende {
    border: 2px solid #16a1a8;
    margin: 25px 1px 25px;
}

#legende div {
    padding-top: 5px;
}



/*     REGISTREER KNOP     */
#login_registreer_link {
    text-decoration: none;
    float: left;
}

#login_registreer_link:hover,
#login_registreer_link:active{
    color: #16a1a8 !important;    
}

#login_registreer_link:link,
#login_registreer_link:visited{
    color: #aeaeae;   
}

#registreer_form {

}

#registreer_form input[type=text], #registreer_form input[type=submit] {
    width: 300px;
    padding: 5px 10px;
    margin-bottom: 10px;
}

#registreer_form textarea{
    width: 300px;
    height:100px;
    padding: 5px 10px;
}



/*     WACHTWOORD VERGETEN     */

#wachtwoord_vergeten_link {
    text-decoration: none;
    float: right;
}

#wachtwoord_vergeten_link:hover,
#wachtwoord_vergeten_link:active{
    text-decoration: underline;
}

#wachtwoord_vergeten_link:link,
#wachtwoord_vergeten_link:visited{
    color: #16a1a8;   
}



/* BESTELLINGEN */
#bestellingen_menu_winkelmand_ref:hover, #bestellingen_menu_winkelmand_ref:focus{
    color: #81e5ff;    
}



/* PRODUCT DETAILS */
#product_details table.dataTable tr td:first-child {
    text-align: center;
}

#product_details table.dataTable tr td:first-child:before {
    content: url(../images/icons/uncheck.png); /* fa-square-o */
    font-family: FontAwesome;    
}

#product_details table.dataTable tr.selected td:first-child:before {
    content: url(../images/icons/check.png); /* fa-check-square-o */
}

#product_details table.dataTable tr td.dataTables_empty:first-child:before {
    content: "";
}

.product_detail_link {
    color: #16a1a8 !important;   
}

.product_detail_link a:link, .product_detail_link a:visited{   

    color: #16a1a8 !important;
    text-decoration: none !important;
}

.product_detail_link a:active, .product_detail_link a:hover{
    color: #16a1a8 !important;  
    text-decoration: underline !important;
}


/* ADMIN IMPORT */
#import_extra_velden .fout{
    margin-bottom: 10px;
}

#import_extra_velden input{
    margin-bottom: 10px;
}

/* KLANTEN */

#login_keuze_timespan {
    float:right;
}

#klanten{

}


#klanten td.details-control {
    background: url('../images/icons/details_open.png') no-repeat center center;
    cursor: pointer;
}
#klanten tr.shown td.details-control {
    background: url('../images/icons/details_close.png') no-repeat center center;
}


/* NEW USER */
#new_user {

}

#new_user input {
    width: 300px;
}

#new_user select {
    width: 300px;
}

#new_user textarea {
    width: 300px;
    height:75px;
}

/* WINKELMAND */

.winkelmand_referentie {
    width: 100%;    
}

.winkelmand_opmerking{
    width: 100%;
    height: 100px;
}

#winkelmand_nav div{
    margin-left: 10px;
}

.winkelmand_wijzig_volgorde {
    width: 100%;;
}

.projectlijn_aantal {
    width: 100%;
    text-align: right; 
}

.winkelmand_bebat, .winkelmand_recupel {
    text-align: right;
}


/* WINGS IMPORT */

#wings_import{

}

#wings_import li{
    float: left;
    width: 300px;
    height: 50px;
    margin-right: 50px;
    margin-bottom: 50px;
    list-style-type: none;
}

#wings_import input[type=submit]{
    border: none;
    width: 100%;    
    height: 100%;
    background-color: #0066ff;
    color: #FFFFFF;
    font-size: 14px;
    cursor: pointer;
}

#wings_import input[type=submit]:hover{
    background-color: #1188FF;
    color: #FFFFFF;
}



/* CLASSES */

.cmsicon{
    width: 20px;
    height: 20px;
}

.cmsfileicon {
    width: 20px;
    height: 25px;
}

.cmsicon_height {
    width: 20px;
    height: 25px;
}

.cmsicon_width {
    width: 25px;
    height: 20px;
}

.cmsicon_10_15 {
    width: 10px;
    height: 15px;
}

.pointer{
    cursor: pointer;
}

.fout{
    color:red;
}

.succes {
    color: green;
}

.ta-center {
    text-align: center;
}

.pright15 {
    padding-right: 15px;
}

.buttonOpmaak{
    border: none;
    border-left: #000000 solid 6px;
    border-right: #000000 solid 6px;
    border-bottom: #000000 solid 3px;
    border-top: #000000 solid 3px;        
    background-color: #000000;
    color: #FFFFFF;
}

.buttonOpmaak_green{
    border: none;
    border-left: #16a1a8 solid 6px;
    border-right: #16a1a8 solid 6px;
    border-bottom: #16a1a8 solid 3px;
    border-top: #16a1a8 solid 3px;        
    background-color: #16a1a8;
    color: #FFFFFF;
}

.totaaltr{
    border-top: #000000 1px solid;
}

.right_align {
    text-align: right;
}

.middle_align {
    text-align: center;
}

.light_blue {
    color: #81e5ff;
}

.green_ref:link, .green_ref:visited, .green_ref:hover, .green_ref:active {
    color: #16a1a8;
}

.red {
    color: red;
}

.green {
    color: green;
}

.orange {
    color: orange;
}

.wh25 {
    width: 25px;
    height: 25px;
}

.promo_class {
    color: red;
    font-weight: bold;
}

/* AUTOCOMPLETE WORKAROUND */
.ui-autocomplete { max-height: 290px; overflow-y: scroll; overflow-x: hidden;}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-state-active.ui-button:hover 
{
    border: 1px solid #C4C4C4;
    background: #C4C4C4;
}