@import url('https://fonts.googleapis.com/css2?family=Biryani:wght@300;400;700&family=Open+Sans:ital,wght@1,300&display=swap');

@import url(buttons.skin.css);

:root {
    --postenorange:#F58214;
    --postenred:#B41419;
    --postengrey:#646473;
    --thuisindewijk:#467828;
    --werkgeluk:#006EA0;
    --woonpark:#78695A;
    --goedgeregeld:#F58214;
    --postenlightgrey:#E0E0E3;
    --postenmidgrey:#A2A2AB;
    --thuiszwak:#8FAE7E;
    }

html {
  position: relative;
  min-height: 100%;
}

body, .RadGrid_Bootstrap, .RadMenu_Bootstrap, .RadTabStrip {
  font-family: "Biryani", Arial!important;
}

body {
  overflow-x: hidden;
  margin-bottom: 60px;
  font-size:0.9rem;
}

body.cms {background-color:var(--postenlightgrey);}

p {
  line-height: 1.75;
}

a {
  color: var(--postenorange);
  text-decoration:underline;
}
.footer a {
  color: #fff;
}
a:hover {
  text-decoration:none;
}

a.radButton:hover {text-decoration:none!important}

.text-primary {
  color: var(--postenorange) !important;
}

.bg-postenlightgrey {
    background-color:var(--postenlightgrey)!important;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  line-height: 60px; /* Vertically center the text there */
  background-color: var(--postenred);
  color:#fff;
}


/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

body > .container-fluid {
  padding: 140px 15px 0;
}

.footer > .container {
  padding-right: 15px;
  padding-left: 15px;
}

code {
  font-size: 80%;
}

#mainNav {
  background-color: #fff;
  border-bottom: 1px solid var(--postenmidgrey);
  height:180px;
}

#menuMain {
position:absolute;
left:15px;
top:15px;
}

#menuUser {
position:absolute;
right:104px;
top:15px;
}

/*begin =Tools */
.Tools {
	position:absolute;
	bottom:10px;
	right:15px;
	z-index:20;
	height:32px;}

.Tools a:link,
.Tools a:visited
 {text-decoration:none;}
.Tools a:hover,
.Tools a:active
 {text-decoration:none;}

 .Tools .tool-Terug {background: #ed1c24 url('/images/tool-Terug.png') no-repeat center;}
 .Tools .tool-Save {background: #5a5a5a url('/images/tool-Save.png') no-repeat center;}
 .Tools .tool-Mail {background: #5a5a5a url('/images/tool-Mail.png') no-repeat center;}
 .Tools .tool-Print {background: #5a5a5a url('/images/tool-Print.png') no-repeat center;}
 .Tools .tool-SaveExit {background:#3cb878 url('/images/tool-SaveExit.png') no-repeat center;}
 .Tools .tool-Nieuw {background:#00aeef url('/images/tool-Nieuw.png') no-repeat center;}

/*begin =Tabs */
 .Tabs {position:absolute;bottom:2px;left:10px;z-index:20;height:28px;}

 .Tabs a {
   display:block;
   float:left;
   background: #ffffff;
   padding:0;
   text-align:left;
height:28px!important;
line-height:28px!important;
   padding-left:32px!important;
   padding-right:24px!important;
   border-right:1px solid #ddd;
   border-left:1px solid #ddd;
   border-top:1px solid #ddd;
   background-position:8px 6px!important;
   font-size:0.8rem!important;
  font-weight:400;
 }

 #brandingPlaceHolder {
position:absolute;
right:15px;
top:15px;
}

#brandingPlaceHolder a {
height:15px;
display:block;
}

#Version {display:none;}

/* begin =infoblock */

#InfoBlock {
position:absolute;
left:15px;
top:75px;
height:60px;
}

#InfoBlock #InfoBlockTitel h1 {font-weight:600;font-size:1.6rem;text-transform:uppercase}
#InfoBlock #InfoBlockTitel h1 span.TitleSmaller {font-size:1.5rem}

#InfoBlock em {
font-weight:500;
font-style:normal;
color:var(--postengrey);
}

.InfoBlockData {
position:absolute;
top:30px;
font-size:0.8rem;
}

tbody tr.rgRow:hover td,
tbody tr.rgAltRow:hover td
{
border-bottom:1px solid #aaa !important;
}

.RadGrid .LastEdited tr,
.RadGrid .LastEdited td {background-color:#ffffaa!important;border-bottom:1px solid #FFFFAA;}

.RadGrid .Aangenomen tr,
.RadGrid .Aangenomen td{background-color:#CECECE!important;border-bottom:1px solid #FFFFAA;}

ul.PuzzleList li {
float:left;
width:150px;
color:#5a5a5a;
font-size:0.8rem;
text-transform:uppercase;
font-weight:bold;
margin:0 12px 38px 0;
height:120px;
text-align:center;
list-style-type:none;
background:rgba(255,255,255,0);
border-radius:2px;
overflow:hidden;
border-bottom:2px solid rgba(255,255,255,0);
}

ul.PuzzleList li:hover {
color:#000;
border-bottom:2px solid var(--insightorange);
}

ul.PuzzleList li div {padding:4px 0 4px 0;position:relative; }
ul.PuzzleList li a {height:100%;height:94px;display:block; }
ul.PuzzleList li div span {width:100%;display:block;position:absolute;top:100px; pointer-events:none }

/* image preview in webwinkel module assets*/
div.Loep {
	position:absolute;
	/*z-index:2001;*/
	width:24px;
	height:24px;
	background:url(/images/icon-close-neutral_magnifying_glass.png) no-repeat;
	background-size:24px auto;
	pointer-events: none;
	}

a.ImgPreview {
	height:40px;
	display:inline-block;
	/*position:absolute;
	z-index:2000;*/
	}

a.ImgPreview img {
	max-height:40px;
	width:auto;
	margin-left:16px}

/* max image width/height in tooltip webshop module assets*/
img.ImgTooltip {
	max-height:300px;
	max-width:800px;
	width:auto;
	height:auto;
	}

.btn {
    text-decoration:none!important;
  font-size: 1rem!important;
  line-height:22px!important;
  padding: 8px 10px!important;
 font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.btn-xl {
  font-size: 18px!important;
  padding: 20px 40px!important;
}

.btn-primary {
  border:none!important;
  border-radius:4px!important;
  transition:0.3s all!important;
}

.btn-primary:active, .btn-primary:focus, .btn-primary:hover {
 background-color: var(--postenorange)!important;
 transition:0.3s all!important;
 color: white!important;
}

.btn-postenred {
  background-color: var(--postenred)!important;
  color:#fff!important;
}

.btn-postenred:active, .btn-postenred:focus, .btn-postenred:hover {
 background-color: var(--postenorange)!important;
 color: white!important;
}

.rgFilterRow td:first-child {background:url(/images/icon-filter.png) no-repeat 12px 12px !important;background-size:16px 16px !important;}
.rgFilterBox {width: 100%!important;}

.rwTitleBar {height:40px!important}

	.Branding {
	float:right;
	text-align:right;
	}

.NavigationLevel1 {
font-weight: bold;
}
.NavigationLevel2 {
padding-left: 30px!important;
}
.NavigationLevel3 {
padding-left: 60px!important;
}
.NavigationLevel4 {
padding-left: 90px!important;
}
.NavigationLevel5 {
padding-left: 120px!important;
}
.RadToolTip_Bootstrap {
	background-color:#f5f5f5!important;
	color: #000!important;
}

.text-danger label {
    color: #f00!important
}

.RadComboBoxDropDown label {
            float: left;
        }
.rbl label {margin-right:20px;}

.RadMenu_Bootstrap .rmRootGroup {background-color:var(--postenlightgrey)!important;border-color:var(--postenmidgrey)!important;}

.RadMenu_Bootstrap .rmRootGroup .rmRootLink {padding:13px 10px 10px 10px!important;}

.RadForm_Bootstrap.rfdFieldset fieldset {border-color:var(--postenmidgrey)!important;}

    .obfus
    {
        margin-left: -40px;
        margin-right: 15px;
    }
    .riTextBox.obfus-input
    {
        padding-right: 40px !important;
    }