﻿/* TODO: verticale scrollbar in activiteiten op de gewone website!!! */

/*body Framework zet padding op 10px*/
body
{
    padding: 0;
}

/*Logo links*/
.pnlLogo
{
    float: left;
}

h1
{
	display: none;
}

/********* CONTENT *********/

/*Ruimte tussen de header-blok en de content-blok*/

/* Default margins. */
div.content
{
    margin: 0 20px 0 20px;
}

/* Overrule default margins op publieke pagina's. */
div.contentpub
{
    margin: 0 0 0 0;
}

/* Overrule default margins en de margins op publieke pagina's indien 'externalcalled'. */
div.contentext
{
    margin: 4px 0 0 0;
}

/* Overrule default margins in popups. */
div.contentpopup
{
    margin: 10px 10px 0 10px;
}

/********* LOGIN *********/

div.fwLogin
{
    margin-top: 40px;
}

div.fwLogin, 
div.fwLogin div.AspNet-Login div.AspNet-Login-UserPanel input, 
div.fwLogin div.AspNet-Login div.AspNet-Login-PasswordPanel input, 
div.fwLogin div.AspNet-Login div.AspNet-Login-SubmitPanel input
{
   border: 1px solid #000000;
}

/******* EINDE LOGIN *******/

/********** MENU **********/

div.buiten div.RadMenu_TRS
{
    background: #002550;
    position: relative; /* fixed overrulen */
}

div.buiten div.RadMenu_TRS ul.rmRootGroup li.rmItem a.rmLink:hover, 
div.buiten div.RadMenu_TRS ul.rmRootGroup li.rmItem a.rmFocused, 
div.buiten div.RadMenu_TRS ul.rmRootGroup li.rmItem a.rmExpanded, 
div.buiten div.RadMenu_TRS ul.rmRootGroup li.rmItem div.rmSlide ul.rmGroup li.rmItem a.rmLink, 
div.buiten div.RadMenu_TRS ul.rmRootGroup li.rmItem div.rmSlide ul.rmGroup li.rmItem a.rmFocused, 
div.buiten div.RadMenu_TRS ul.rmRootGroup li.rmItem div.rmSlide ul.rmGroup li.rmItem a.rmExpanded
{
    background: #002550;
    color: #06a7e5; 
}

div.buiten .RadMenu_TRS .rmRootGroup .rmGroup .rmItem, 
div.buiten .RadMenu_TRS_Context .rmGroup .rmItem
{
    border-bottom: 1px solid silver;    
}

div.buiten .RadMenu_TRS .rmRootGroup .rmGroup .rmLast, 
div.buiten .RadMenu_TRS_Context .rmGroup .rmLast
{
    border-bottom: none;      
}

div div.RadMenu_TRS ul.rmRootGroup li.sysCheckbox
{ 
     background-color: #002550;   
}

div div.RadMenu_TRS ul.rmRootGroup li.sysCheckbox label
{
     color: #FFFFFF;    
}

/******** EINDE MENU ******/

/********** HEADER *******/

div.header,
div.pnlMenu
{
   height: 50px;
}

/********** WELKOM *******/

div.WelkomContent 
{
    margin-left: 30px;
}

/****** EINDE WELKOM *****/


/* Debug */
/* ===== */

input.debugImage
{
    /* De luis altijd in de rechter-benedenhoek van de browser. */
    position: fixed;
    right: 0;
    bottom: 0;
}

/* Popups */
/* ====== */

body.Popup
{
    /* Overrule framework padding in popups. */
    padding: 10px 0 0 0;
}

/* ReisActiviteit */
/* ============== */

div.reisactiviteit div.col
{
    width: 244px;
}

div.reisactiviteit div.btnRow input.submit
{
    /* margin-right van het framework overrulen. */
    margin-right: 0;
}

/* Reis lading */
/* =========== */

div.reislading div.col
{
    width: 577px;
}

div.reislading div.col label
{
    width: 128px;
}

div.reislading div.col input,
div.reislading .con_id_gddaanvrager 
{
    margin-left: 131px;
}

div.reislading div.row_kortingscode
{
    margin-top: 25px;
}

div.reislading .goed_info,
div.reislading .vrt_omschrijving 
{
    width: 400px;
}

div.reislading div.col_ton
{
    width: 221px;
}

div.reislading div.col_hv
{
    width: 316px;
}

div.reislading .hvr_omschrijving
{
    width: 179px;
}

div.reislading .lossen_ton,
div.reislading .laden_ton
{
    width: 80px;
}

div.reislading .gdd_code,
div.reislading input.gdd_code[type="text"]:focus 
{
    background-color: #1a68ae !important;
    color: white;
}

input[type="text"]:focus

div.reislading .readonly {
    background-color: rgb(192, 192, 192);
}

div.reislading div.radlookup div.RadComboBox 
{
    width: 406px !important;
}

div.reislading div.row div.radlookup div.RadComboBox table tr td.rcbInputCell input.rcbInput 
{
    width: 400px !important; /* Breedte van de textboxes - (td.rcbArrowCell <-- is er niet meer, width + 1px + btnLookup margin-left + btnlookup width) */
}

div.reislading div.row_kortingscodefout textarea 
{
    width: 400px;
    margin-left: 131px;
}

div.reislading.valid .gdd_code 
{
    background-color: #28a745 !important;
}

div.reislading.invalid .gdd_code,
div.reislading.invalid .fout_kortingscode 
{
    background-color: rgba(255, 193, 7, 0.45) !important;
}

div.reislading div.row_kortingscodefout
{
    height: 91px;
}

/* Mededelingen: open gebeurtenissen */
/* ================================= */
h4.mededelingenTitle
{
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    text-align: center;
}

div.publiekStartContent div.mededelingen h4.mededelingenTitle
{
    color: #FFFFFF; /* witte kleur noodzakelijk, want donkere achtergrond */
}

/* Wachtwoord wijzigen */
/* =================== */
body form i.bi-eye-slash 
{
    font-size: 25px;
    margin-left: 298px;
    margin-top: -24px;
}