/* DEFAULTS
----------------------------------------------------------*/

body {
    background-color: white;
    font-size: .80em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #696969;
}

a:link, a:visited
{
    color: #034af3;
}

a:hover
{
    color: #1d60ff;
    text-decoration: none;
}

a:active
{
    color: #034af3;
}

p
{
    margin-bottom: 10px;
    line-height: 1.6em;
}

textarea {
    overflow: auto;
    FONT-FAMILY: Segoe UI, Arial, Helvetica, Calibri, Tahoma;
    font-size: 9pt;
}
/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #666666;
    font-variant: small-caps;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
}

h1
{
    font-size: 1.6em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h2
{
    font-size: 1.5em;
    font-weight: 600;
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}

h3normal
{
    font-size: 1.2em;
    font-variant: normal;
}

.info
{
	color: Green;
    font-variant: normal; 
}

.warning
{
    color: #FF6700;
    font-variant: normal; 
}

.error
{
    color: #C70505;
    font-variant: normal; 
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0px;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page
{
    width: 960px;
    background-color: #fff;
    margin: 20px auto 0px auto;
    border: 1px solid #496077;
}

#RadRibbonBar1
{
	max-width: 1380px;
}

html .RadRibbonBar .RibbonBarTabHelp {
    float: right;
}

html .RadRibbonBar .rrbButtonAreaIn {    
    width: 1380px;
}

html .RadRibbonBar .rrbButtonAreaIn .RibbonBarGroupHelp {
    float: right;  
}

/* RadGrid skin overrides */
div.RadGrid_Simple .rgRow td {
    background-color: #EBEBEB;
}
div.RadGrid_Simple .rgAltRow td {
    background-color: #D9D9D9;
}
div.RadGrid_Simple .rgSelectedRow td{
    background-color: #EB8705 !important;
}
div.RadGrid_Simple .rgEditRow td {
    background-color: #FBCE07 !important;
}


/* ContentPanel content pane */
#ContentPanel > div
{
	width: 1720px;
	height: 770px;
}

/* ContentPanel Background */
.subpagebackground
{
	 background-color:white; 
	 overflow:hidden;
}
.subpagebackgroundP {
    background-color: white;
    overflow: hidden;
}
.subpagebackgroundN {
    background-color: #003C88;
    overflow: hidden;
}
.subpagebackgroundD {
    background-color: #C2FFE4;
    overflow: hidden;
}
.subpagebackgroundL {
    background-color: #C2FFE4;
    overflow: hidden;
}
.restrictionZone
{
	 background-color:white;
	 height: 524px;
	 overflow:hidden;
}
/* ContentPanel Background */
.subpopupbackground
{
	 background-color:white;
	 height: 686px;
}
/* Error page  */
.errorpage
{
	 background-color:white; 
     padding-left: 100px;
     margin-left: 50px;
     margin-top: 50px;
	 overflow:auto;
     color:black;
}
.subconfirmbackground
{
    background-color:white;
	height: 486px;
}

.PopupRadWindow
{
	Height: 400px;
	Width: 900px;
}

.PopupRadWindow2 {
    Height: 600px;
    Width: 920px;
}

.popuppagebackground
{
	 background-color:white;
}

/* voor raddatepicker width */
.width100, .width100 table 
{ 
    width: 100px !important; 
}

/* voor ragrid PagerText */
.rgInfoPart
{ 
    font-size:7pt;
}

/* voor ragrid PageSizeLabel */
.rgPagerLabel
{ 
    font-size:7pt;
}

.header
{
    position: relative;
    margin: 0px;
    padding: 0px;
    background: #4b6c9e;
    width: 100%;
} 

.header h1
{
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    color: #f9f9f9;
    border: none;
    line-height: 2em;
    font-size: 2em;
    background: #4b6c9e;
}
.main
{
    padding: 0px 12px;
    margin: 12px 8px 8px 8px;
    min-height: 420px;
}
.leftCol
{
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}

.footer
{
    color: #4e5766;
    padding: 8px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
}

.PANELBoxReadonly
{  
	background-color:#DFE9F5;  
	border-color:#638098;
	border-width:thin;
	border-style:solid;
}

.PANELBoxEdit
{  
	background-color:White;  
	border-color:#638098;
	border-width:thin;
	border-style:solid;
}

.RadUploadProgressArea {
    position: fixed;
    top: 50% !important;
    left: 50% !important;
    margin: -93px 0 0 -188px;
    z-index: 100000;
} 

.LABELGenericValue
{  
	background-color:darkblue;  
    color:white; 
}

.LABELPrivateValue
{  
	background-color:blue;  
    color:white; 
}

.LABELAdminValue
{  
	background-color:darkgreen;  
    color:white; 
}

.LABELAzureValue 
{
    background-color: darkred;
    color: white;
}

.LABELTitelValue
{ 
	FONT-FAMILY:verdana; 
	font-weight:normal;
	color:#385083;
}

.LABELTitle1Value 
{
    FONT-FAMILY: verdana;
    font-weight: bold;
    color: #385083;
}

.LABELTitle1ValueInverse 
{
    FONT-FAMILY: verdana;
    font-weight: bold;
    background-color: #385083;
    color: white; 
}

td.TDTitle1ValueInverse { 
    background-color: #385083; 
}

.LABELTitle2ValueRight {
    FONT-FAMILY: verdana;
    font-weight: normal;
    font-size: 7pt;
    text-align: right;
    color: #385083;
}

.LABELReadonlyValue
{ 
	FONT-FAMILY:"Segoe UI", Arial, sans-serif; 
	font-size:9pt;
	font-weight:normal;
	color:#385083; 
} 

.LABELReadonlyValueSmall
{ 
	FONT-FAMILY:"Segoe UI", Arial, sans-serif; 
	font-size:7pt;
	font-weight:normal;
	color:#385083; 
	text-align:left;
}

.LABELExplanationSmall {
    FONT-FAMILY: "Segoe UI", Arial, sans-serif;
    font-size: 7pt;
    font-weight: normal;
    font-style:italic;
    color:darkgrey ;
    text-align: left;
}

.ColumnSizeSmaller {
    FONT-FAMILY: "Segoe UI", Arial, sans-serif;
    font-size: 8pt;
    overflow: auto;
}

.LABELEditableValue
{ 
	FONT-FAMILY:"Segoe UI", Arial, sans-serif; 
	font-size:9pt;
	font-weight:normal;
	color:black;
}

.LABELReadonlyValueAlignRight
{ 
	FONT-FAMILY:verdana; 
	font-weight:normal;
	color:#385083;
	text-align:right;
}

.LABELReadonlyValueAlignBoldRight {
    FONT-FAMILY: verdana;
    font-weight: bold;
    color: #385083;
    text-align: right;
} 

.LABELCheckmarkValue
{ 
	FONT-FAMILY:verdana;
	font-size:14pt;
	font-weight:bold;
	color:#505050;
}

.LABELRowColumnHeader
{ 
	FONT-FAMILY:"Segoe UI", Arial, sans-serif; 
	font-size:9pt;
	color:#505050;
} 

.LABELRowColumnHeaderSmall
{ 
	FONT-FAMILY:"Segoe UI", Arial, sans-serif; 
	font-size:7pt;
	color:#505050;
} 

.LABELReportParameter
{ 
	FONT-FAMILY:"Segoe UI", Arial, sans-serif; 
	font-size:8pt;
	font-weight:normal;
	color:black; 
	text-align:left;
}

.TEXTBOXReadonlyValue
{
	FONT-FAMILY:Segoe UI, Arial, Helvetica, Calibri, Tahoma;  
	font-size:9pt;
	color:#385083; 
}

/** combobox Columns */

.rcbHeader ul,
.rcbFooter ul,
.rcbItem ul,
.rcbHovered ul,
.rcbDisabled ul {
    margin: 0;
    padding: 0;
    width: 100%;
    display: inline-block;
    list-style-type: none;
}

.rcbScroll {
    overflow: scroll !important;
    overflow-x: hidden !important;
}

.DropdownRadComboBox.RadComboBoxDropDown .rcbHeader {
    padding: 5px 27px 4px 7px;
}

.DropdownRadComboBoxColumn1 {
    margin: 0;
    padding: 0 5px 0 0;
    width: 40%;
    line-height: 14px;
    float: left;
}

.DropdownRadComboBoxColumn2 {
    margin: 0;
    padding: 0 5px 0 0;
    width: 20%;
    line-height: 14px;
    float: left;
}

.DropdownRadComboBoxColumn3 {
    margin: 0;
    padding: 0 5px 0 0;
    width: 15%;
    line-height: 14px;
    float: left;
}

.DropdownRadComboBoxColumn {
    margin: 0;
    padding: 0 5px 0 0;
    width: 5%;
    line-height: 14px;
    float: left;
}
.ExcelHeader 
{
    border: none;
    border-bottom: solid;
    border-top: solid;
    font: bold;
}

.ExcelFooter 
{
    border: none;
    border-bottom: solid;
    border-top:solid;
    border-bottom-width:medium;
}

html body form .RadInput .TEXTBOXReadonlyValue {
    FONT-FAMILY: Segoe UI, Arial, Helvetica, Calibri, Tahoma;
    font-size: 9pt;
    color: #385083;
    overflow: auto;
}

html body form .RadInput .TEXTBOXEnabledValue {
    FONT-FAMILY: Segoe UI, Arial, Helvetica, Calibri, Tahoma;
    font-size: 9pt;
    overflow: auto;
}

.TEXTBOXEnabledValueSmall {
    FONT-FAMILY: Segoe UI, Arial, Helvetica, Calibri, Tahoma;
    font-size: 8pt;
    overflow: auto;
}

.LabelWarning
{ 
	FONT-FAMILY:verdana; 
	color: Red; 
}

.LabelMessage
{
    font-family: verdana; 
    color: Green; 
}

.LinkButtonWarning
{ 
	FONT-FAMILY:verdana;
	font-size: 10pt;
	color: Red;
}

.LinkButtonMessage
{
    font-family: verdana; 
    color: Red;
}

.marginTop5
{
	margin-top: 7px;
}

/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink
{
    background-color:#3a4f63;
    width:100%;
}

div.menu
{
    padding: 4px 0px 4px 8px;
}

div.menu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
}

div.menu ul li a, div.menu ul li a:visited
{
    background-color: #465c71;
    border: 1px #4e667d solid;
    color: #dde4ec;
    display: block;
    line-height: 1.35em;
    padding: 4px 20px;
    text-decoration: none;
    white-space: nowrap;
}

div.menu ul li a:hover
{
    background-color: #bfcbd6;
    color: #465c71;
    text-decoration: none;
}

div.menu ul li a:active
{
    background-color: #465c71;
    color: #cfdbe6;
    text-decoration: none;
}

/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset
{
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    display: block;
}

.inline
{
	display: inline;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input.textEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}
INPUT
{
	color:#2F4868;
	FONT-FAMILY:verdana;
	font-size:8pt; 
}

input.passwordEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

div.accountInfo
{
    width: 42%;
}



/* MISC  
----------------------------------------------------------*/

.clear
{
    clear: both;
}

.title
{
    display: block;
    float: left;
    text-align: left;
    width: auto; 
}

.loginDisplay
{
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 10px;
    color: White;
}

.loginDisplay a:link
{
    color: white;
}

.loginDisplay a:visited
{
    color: white;
}

.loginDisplay a:hover
{
    color: white;
}

.failureNotification
{
    font-size: 1.2em;
    color: Red;
}

.bold
{
    font-weight: bold;
}

.submitButton
{
    text-align: right;
    padding-right: 10px;
}

/* SPECIFIEK */
#btCopyRegelingenPanel, #btCopyContractPanel
{
  display: inline !important;
}

.vertical {
    height: 40px;
    text-align: left;
    transform: rotate(-90deg);
    transform-origin: right;
}