/* Algemene layout voor form controls */
/* ================================== */

div.pnlSelect 
{
    margin: 0 auto;
    margin-bottom: 15px;
    width: 975px;
    z-index: 1;
}

/* witruimte laten tussen 2 cellen in een selectcontrol */
div.pnlSelect div.row div.col
{
    margin-right: 15px;
}

div.row
{
    padding-bottom: 2px; /* Default ruimte tussen de rijen */
    height: 23px;
}

div.col,
div.geoCol
{
    float: left;
}

div.col
{
    width: 325px;/*TEST AUTOM width: 240px;*/
}

div.col_shift_right /* schuift een kolom een positie naar rechts zonder dat er links een colom wordt toegevoegd */
{
    /*margin-left: 650px;*/ /* .col width */
    margin-left: 0;
    float: right;
}

/* cell die enkel een hyperlink bevat om GIS data te tonen (wereldbol-icoon)*/
div.pnlSelect div.row div.geoCol
{
    /* Default gaan we ervan uit dat de geoLink als laatste cell toegevoegd wordt.
    Indien anders moet dit maar overruled worden in de pagina specifieke CSSfile. */
    margin-right: 0;
    
    width: 25px;
}

/* Image in de cell die enkel een hyperlink bevat om GIS data te tonen (wereldbol-icoon)*/
div.pnlSelect div.row div.geoCol img.geoImg
{
    height: 25px;
    width: 25px;
}

fieldset 
{
    padding: 22px;
}

label,
span.label
{
    position: absolute;     /* Opgelet ook bij FwMobile.css */
    height: 15px;
    width: 76px;
    padding: 4px 4px 4px 0;
    text-align: right;    
}


input.text,
input.password,
input.submit,
input.button,
textarea, 
select,
div.radlookup div.RadComboBox table tr td input.rcbInput
{
    border: 1px ridge black;
}

input.readonly,
textarea.readonly
{
    font-weight: bold;
    border: 1px solid Gray;
    overflow: hidden; /* suppress scrollbar in readonly textboxes and textareas in IE */
}

input.text,
input.password, 
textarea, 
select,
div.radlookup,
ul.fwrdblistlbl,
span.indent,
span.chblist,
div.datetimeselect
{
	margin-left: 80px; /* label.width + label.padding-left + label.padding-right */
}


input.text,
input.password, 
textarea, 
select,
input.submit,
input.button
{
    padding: 2px;
}

/* Readonly TextBoxes in een tabel krijgen by default geen rand. */
table input.readonly
{
    border: 0;
}

input.text, 
input.password, 
textarea
{
    width: 158px;
}

select 
{
    width: 164px; /* input[type=text].width + 6px */
}

input.text, 
input.password,
div.radlookup div.RadComboBox table tr td input
{
    height: 17px; /* (label.height + label.padding-top + label.padding-bottom) - (this.padding-top + this.padding-bottom + this.border-top + this.border-bottom) */
}

select, 
input.submit,
input.button
{
    height: 23px;
}

textarea
{
    height: 75px;
}

input.radio, 
span.chb input
{
    margin: 3px 5px 0 5px;
}

input.submit
{
    float: right;
    margin-right: 81px; /* (.col.width - (select.width - input[type=submit].width) */
    /*TEST AUTOMmargin-right: 0px;*/
    padding-top: 0;
    width: 80px;
}

input.button,
input.submit
{
	background-image: url(Images/knop.gif);
	background-repeat: repeat-x;
}

ul.fwrdblist li label, 
span.chb label
{
    position: relative;
}

ul.fwrdblist li 
{
    list-style: none;
}

ul.fwrdblist li.inline
{
    display: inline;
}

ul.fwrdblist li label 
{
    text-align: left;
}

/* DateTimeSelect */

div.datetimeselect
{
    overflow: hidden; /* Content bleeding voorkomen */
    height: 23px; /* Hoogte van de gewone textboxes¨*/
}

div.datetimeselect input
{
    /* De default ruimte die we aan de linker kant voorzien voor het label bij een textbox is niet van */
    /* toepassing op textboxes in een datepicker. Daar wordt de ruimte op de datepicker zélf voorzien. */
    margin-left: 0 !important; 
}

div.datetimeselect input.txt_hour
{
    margin-left: 23px !important;
}


div.datetimeselect input.txt_date 
{
    width: 74px;  /* Opgelet zit ook bij FwMobile.css */
}

div.datetimeselect input.txt_hour, 
div.datetimeselect input.txt_minute
{
    width: 18px;  /* Opgelet zit ook bij FwMobile.css */
}

/* LookupControl */
div.radlookup
{
    overflow: hidden; /* Content bleeding voorkomen */
    height: 23px; /* Hoogte van de gewone textboxes¨*/
}

div.radlookup div.RadComboBox
{
    /* overschrijf inline gerenderde css in de radcombobox */
    display: block !important;

    /* De breedte van de div moet gelijk zijn aan die van de textbox (inclusief diens padding en borders) */
    /* De breedte van de dropdown wordt bepaald door die van de div, en we willen die even breed als de textbox. */
    width: 164px !important; /* Breedte van de textbox + paddings en borders */
    
    /* In Chrome speelt de margin-left die op -1 inline staat ons parten */
    margin-left: 0 !important;
}

div.radlookup div.RadComboBox table tr td input
{
    /* De breedte van de textbox moet gelijk zijn aan die van de div.RadCombobox (min de padding en borders van de textbox) */
    /* De breedte van de dropdown wordt bepaald door die van de div, en we willen die even breed als de textbox. */
    width: 158px !important; /* Breedte van normale textboxes overgenomen. */
}

div.radlookup div.RadComboBox table
{
    border-collapse: collapse;
}

div.radlookup div.RadComboBox table.rcbHovered,
div.radlookup div.RadComboBox table.rcbHovered tr td.rcbInputCell,
div.radlookup div.RadComboBox table.rcbFocused tr td.rcbInputCell
{
    background-color: transparent; /* overwrite de hover van RAD */
}

div.radlookup div.RadComboBox table tr td
{
    padding: 0;
    border: 0;
}

div.radlookup div.RadComboBox table tr td.rcbArrowCell
{
    display: none; /* We tonen nergens de pijl, dus kunnen we ook maar beter zorgen dat ze niet in de weg staat andere elementen */
}


div.radlookup div.RadComboBox table tr td input,
div.radlookup input.readonly
{
    margin: 0 !important; /* (linker) margins worden ingesteld op de div.radlookup, niet op de interne textbox. */
}

div.radlookup div.RadComboBox table tr td input
{
    padding: 2px !important; /* zelfde waarde als gewone textboxes, maar we moeten padding van rad overschrijven, dus important */
}

div.radlookup input.btnLookup
{
    width: 27px;
    float: right;
}


/* READONLY */
/* ======== */

table input.readonly
{
    border: 0;
    
    padding: 4px 2px 0 2px;
}


textarea.readonly,
input.readonly
{
    width: 158px;

    height: 19px;
    padding: 2px 2px 0 2px;
}

input.button
{
    /* 23px is de default, maar voor readonly textboxes wordt de hoogte op alle inputs overschreven. */
    height: 23px; 
}

input.readonly,
textarea.readonly
{
	cursor: not-allowed;
}


.frmerror
{
    position: absolute;
    margin-left: 5px;
    margin-top: 2px;
}

.txt_numeric 
{
    margin-left: 120px;
    width: 110px;
    text-align: right;
}

legend 
{
    padding: 0 10px;
}

.no_margin 
{
    margin-left: 0 !important;
}

/* FwYesNoTranslator */
input.cb_yesno
{
    width: 15px !important;
}

div.fwopmerking
{
    height: 81px;
}

div.fwopmerking textarea
{
    height: 75px;
}

div.BldOpmerkingCert
{
	height:81px;
}

div.pnlBeloodsingOpmerkingCert select
{
	width: 150px;
}

div.fwRapport div.fwGridViewWrap div.gvScroll
{
    border: 0;
}

/* Disabled */
input[disabled],
a[disabled]
{
    cursor: not-allowed;
}
 
/* Detail tonen of verbergen */

.lnkHideDetailup,
.lnkHideDetaildown 
{
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
    display: block;
    float: right;
    text-decoration: none;
}

.lnkHideDetailup 
{
    background: url(../../../Framework/Images/up.png);
}

.lnkHideDetaildown 
{
    background: url(../../../Framework/Images/down.png);
}

/* Checkbox: rendered als readonly + layout voor het weergeven van een tooltip */

.readonly_checkbox_tt::after 
{
    display: none;
    margin-left: 3px;
    content: attr(data-title);
    padding: 3px;
    border: 1px solid #002f5f;
    background-color: #FFF079;
    position: absolute;
    width: fit-content;
    z-index: 9999999;
}

.readonly_checkbox_tt:hover 
{
    color: #002f5f;
    cursor: pointer;
}

.readonly_checkbox_tt:hover::after 
{
    display: inline-block;
}

.readonly_checkbox_tt label,
.readonly_checkbox_tt input[disabled]
{
    cursor: pointer;
}