@import url("font-awesome/4.7.0/css/font-awesome.min.css");

*  {
    padding: 0; 
    margin: 0; 
}

body {
     font-family: Arial, Helvetica, sans-serif;
     font-size: 1.0em;
     background-color: #fff;
} 

/* a{
    color: #25A0DA;
    }

a:link, a:visited
{
    text-decoration: none;
    }

a:hover, a:active
{
    text-decoration: underline;
    outline: none;
    } */

#content { 
     background: none;
     width: 920px;
     border: 0;
     border-left: dotted 1px transparent;
     border-right: dotted 1px transparent; 
     padding:10px 0;
     margin: 0 auto;
}
h1 {
    padding: 10px;
    font-size: 1.0em;
}
h2
{
   font-size: 0.72em;
   font-weight: bold;
   padding: 10px 12px 0;
    } 

.col h2
{
    padding: 8px 0 0 26px;
    }  
    
h3{
    font-size: 0.65em;
    padding: 10px 20px;
}       

p {
    padding: 10px;
    font-size: 0.85em;
    color: #242424;
}
    
.clear
{
    clear: both;
    }    

.textalignleft
{
   text-align: left !important; 
    }   

.textalignright
{
   text-align: right !important; 
    }   
.textaligncenter
{
   text-align: center !important; 
    }   

.m0
{
   margin: 0 !important; 
    }

.mt
{
   margin: 10px 0 0 0 !important;  
    }
    
.mr
{
   margin: 0 10px 0 0 !important;  
    }
    
.mrb
{
   margin: 0 10px 10px 0 !important;  
    }  
       
.mrl
{
   margin: 0 10px !important;  
    }
.mtb
{
   margin:10px 0 !important;  
    } 
.mb
{
   margin:0 0 10px 0 !important;  
    }        
.mtrbl
{
   margin: 10px !important;  
    }
.mrbl
{
   margin: 0 10px 10px 10px !important;  
    }     
.mtrl
{
   margin: 10px 10px 0 !important;  
    }  
    
.pt
{
   padding: 10px 0 0 0 !important; 
    } 
.pb
{
   padding: 0 0 10px 0 !important; 
    }     
.ptl
{
   padding: 10px 0 0 10px !important; 
    } 
.ptb
{
   padding: 10px 0 !important; 
    } 
.ptbl
{
   padding: 10px 0 10px 10px !important; 
    } 
.ptrbl
{
   padding: 10px !important; 
    } 
.ptrl
{
   padding: 10px 10px 0 10px !important; 
    }     
.prbl
{
   padding: 0 10px 10px 10px !important; 
    } 
.prl
{
   padding: 0 10px 0 10px !important; 
    } 
.pl
{
   padding: 0 0 0 10px !important;
    }
    
.p0
{
   padding: 0 !important; 
    }              

.hauto
 {
    height: auto !important; 
     }  
.wauto
 {
    width: auto !important; 
     }             
    
.w100
{
   width: 100% !important; 
    } 
.p100
{
   width: 100% !important; 
   overflow: hidden;
    }    
    
.floatl
{
   float: left; 
    }
.floatr
{
   float: right; 
    }    
    
.faked.min
{
   margin-top: -10px; 
    }    
    
.relative
{
   position: relative; 
    }

.bb {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.bgf1 {
    background: #f1f1f1;
}


/***********  Telerik Tabstrip  **************/

.rtRMP{
    width: auto;
    margin: -1px 0 20px 0;
    padding: 10px 0 0 0;
    border: solid 1px #aeaeae;
    border-top: none;
}
 
 .rtRMP.sub1, .RadTabStripTop_Metro.sub1
 {
    margin: 0 10px; 
     }

 .rtRMPabs {
    position:absolute;
    top:48px;
    bottom:46px;
    left:0px;
    right:0px;
}

  .rtRMPabs.mettweedelevel {
    top:71px;
}

/**************   Waardegebieden  ****************/

.wstemplatewrapper {
    display: block;
    height: 19px;
    width: 660px;
}
.wstemplatetext {
    cursor: pointer;
    float: left;
    font-family: Arial;
    height: 18px;
    width: 300px;
}
.wstemplategraphics {
    float: right;
    height: 18px;
    text-align: right;
    width: 200px;
}
.wstemplatebuttonobj {
    float: right;
    height: 18px;
    text-align: right;
    width: 50px;
}
.wstemplatebuttonws {
    float: right;
    height: 18px;
    text-align: right;
    width: 75px;
}
.wsOverige {
    background: url("../img/waardeset/tvOverige_off.gif") no-repeat scroll 0 0 transparent;
    border: 1px solid #c0c0c0;
    display: block;
    float: right;
    height: 16px;
    margin: 0 2px 0 0;
    width: 20px;
}
.wsOverige.on {
    background: url("../img/waardeset/tvOverige_on.gif") no-repeat scroll 0 0 transparent;
}
.wsGrond {
    background: url("../img/waardeset/tvGrond_off.gif") no-repeat scroll 0 0 transparent;
    border: 1px solid #c0c0c0;
    display: block;
    float: right;
    height: 16px;
    margin: 0 2px 0 0;
    width: 20px;
}
.wsGrond.on {
    background: url("../img/waardeset/tvGrond_on.gif") no-repeat scroll 0 0 transparent;
}
.wsObjecten {
    background: url("../img/waardeset/tvObjecten_bar.gif") no-repeat scroll -100px 0 transparent;
    border: 1px solid #c0c0c0;
    display: block;
    float: right;
    font-size: 11px;
    height: 16px;
    line-height: 14px;
    margin: 0 2px 0 0;
    text-align: center;
    width: 100px;
}

/***** Ajax Kaart ******/
.ajaxMap
{
    position:absolute !important;
    top:26px;
    left:0;
    bottom:0;
    right:0;
}


/***** Ajax Loader ******/

.fullload {
    width:100%; 
    height:100%; 
    position:fixed; 
    top:0; 
    left:0; 
    background-color:#fff;
    text-align: center; 
    z-index: 10000;
    padding-top: 25%;
    opacity: 0.55;
    filter: alpha(opacity = 55);

}
 
 
.loading {
    width:230px; 
    height:56px; 
    position:fixed; 
    top:50%; 
    left:50%; 
    margin:-30px auto auto -100px; 
    border:1px solid #aeaeae; 
    background-color:#f8f8f8;
    text-align: center; 
    z-index: 10001;
    padding-top: 10px;
} 

.loading p{
    font-size: 0.65em;
}

.binary-image
{
   border: solid 1px #E5E5E5;
   padding: 4px; 
   margin: 0 0 10px 0;
    }

/************** Telerik Overrides ***************/

.RadGrid_Metro .rgEditForm:not(.RadGrid_Metro)
{
    /* aan bovenkant uitklapgrid extra marge */
   margin-top: 10px; 
    }  

.rtsLevel.rtsLevel2
{
    border-left: solid 1px #aeaeae;
    background: url(/img/core/aeaeae.png) repeat-y right;
   }

.faked .rtsLevel.rtsLevel2
{
    border-left: none;
    background: none;
    }

.noborderlr {
    border-left: none !important;
    border-right: none !important;
}
    
.RadUpload
{
    width: auto !important;
    }

.elementmodal .ruButton.ruBrowse {
margin-left: 0;
}

.elementmodal .ruDropZone {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    left: 0;
    top: 0;
    padding: 0;
}

 html.RadForm .rfdValidationSummaryControl ul {

color: #ee1111;
}


.elementmodal .RadUpload .ruInputs li.ruError {
    outline: 1px solid #ee1111;
    }

.elementmodal .ruErrorMessage {
    display: inline-block;
    height: 24px;
    line-height: 20px;
    overflow: hidden !important;
    position: relative;
    vertical-align: top;
    white-space: nowrap;
    margin-left: 10px;
    color: #ee1111;
    font-weight: bold;
}
   
.RadForm_Metro .rfdValidationSummaryControl, .RadForm_Metro .rfdLoginControl
{
   margin: 10px 10px 0; 
   border-radius: 0;
   background-color: #f8f8f8 !important;
    }  
    
.RadUploadProgressArea
{
   margin: 0 auto;
   clear: both;
   padding-top: 10px !important; 
    }    
      
      
.RadInput .riRead {
    background: #f1f1f1 !important;
    border-color: #e0e0e0 !important;
    color: #666 !important;
}      
      
      
/*.RadWindow .rwTopLeft, .RadWindow .rwTopRight, .RadWindow .rwTitlebar, .RadWindow .rwFooterLeft, .RadWindow .rwFooterRight, .RadWindow .rwFooterCenter{

    line-height: 0 !important;
}

#ctl00_ctl00_RadToolTipManager1Panel
{
    display: none !important;
}	  */	   
      
    
li.rtLI a:link,
li.rtLI a:visited
{
    color:#333;
    } 
li.rtLI a:active,
li.rtLI a:hover
{
    text-decoration: none;
    }        

li.rtLI .rtSelected a:link,
li.rtLI .rtSelected a:visited
{
    color:#fff;
    }  
li.rtLI .rtSelected a:active,
li.rtLI .rtSelected a:hover
{
    text-decoration: none;
    }           
    
.rtsLink.fakelvl.rtsSelected
{
    display: none;
    }	
    
    
td.rwStatusbar input
{
    width: 90% !important; 
    }        
    
.ruFakeInput
{
   display: none; 
    }    
    
.fakeupload .ruButton.ruBrowse
{
   width: 120px; 
   margin: 0;
    }    
    
.RadForm .rfdRoundedCorners {
    border-radius: 0 !important;
}  
 
 
/*.RadGrid .rgRow td, .RadGrid .rgAltRow td, .RadGrid .rgEditRow td, .RadGrid .rgFooter td {
    line-height: 22px;
    padding-bottom: 1px !important;
    padding-top: 1px !important;
} 
    
.RadGrid .rgRow td, .RadGrid .rgAltRow td, .RadGrid .rgEditRow td, .RadGrid .rgFooter td, .RadGrid .rgFilterRow td, .RadGrid .rgHeader, .RadGrid .rgResizeCol, .RadGrid .rgGroupHeader td {
    padding-left: 4px !important;
    padding-right: 4px !important;
}   */ 

.RadComboBoxDropDown .rcbItem.rcbTemplate {
    padding: 0;
}



.abs_b_t .RadGrid .rgGroupHeader td div div{
top: 0 !important;
}


.RadGrid_Metro td.rgPagerCell {
    border-width: 1px 0 0px 0px !important;
}

.RadGrid_Metro .rgPager .rgStatus {
    border-width: 1px 1px 0 0 !important;
}

.widebtns {
    padding: 0 2px;
}

.widebtns .rfdSkinnedButton {
    width: 100%;
    box-sizing: border-box;
    height: 24px !important;
    margin: 2px 0 !important;
}


.hauto .rgDataDiv {
    height: auto !important;
}


.RadPicker.RadPicker_Metro {
    display: inline-block;
}

.rcbSeparator label {
    color: #fff !important;
}

.RadForm.rfdRadio .rcbDisabled.rcbSeparator label, .RadForm.rfdCheckbox .rcbDisabled.rcbSeparator label{
    padding-left: 10px !important;
}

.rcbDisabled.rcbSeparator label input {
    display: none;
}

.RadMultiColumnComboBox_Metro .k-dropdown-wrap, .RadMultiColumnComboBox_Metro .k-select {
    border-radius: unset !important;
}
.RadMultiColumnComboBox_Metro .k-dropdown-wrap .k-input {
    height: 16px;
}

.RadGrid_Metro .rgFilterBox {
    width: 70%
}
/****** TOOLTIP STYLES ******/


.rtWrapperContent h6 
{
    color: #fff;
    font-size: 1.1em;
    padding: 4px;
}
.rtWrapperContent p
{
    font-size: 0.9em;
    padding: 4px;
    color: #fff;
}     
  
.formtooltip
{
    float: left;
    width: 12px;
    height: 19px;
    padding-top:7px;
    margin: 2px 0;
    }
.formtooltip img
{
    cursor: pointer;
}

 /****** EINDE TOOLTIP STYLES ******/    
    
 /************** custom styling ***************/   
    
.detailbtn{
    position: absolute; 
    width:22px; 
    height: 22px; 
}

.detailbtn.prev{
    margin: 0;
    background: transparent url(../img/icons/icon-prev.png) no-repeat;
    top: 0;
    right: 0;
}

.detailbtn.next{
    margin: 0;
    background: transparent url(../img/icons/icon-next.png) no-repeat;
    top: 0;
    left: 1px
}

.detailbtn.next:hover{
    cursor: pointer;   
    background: transparent url(../img/icons/icon-next-on.png) no-repeat; 
}

.detailbtn.prev:hover{
    cursor: pointer;
    background: transparent url(../img/icons/icon-prev-on.png) no-repeat;
}

.prevnextbtns {
    float: right;
    width: 44px;
    margin: 7px 0 0;
}   
.beldetail.prevnextbtns {
    margin: 7px 12px 0;
}   
  
.prevnextbtns div{
    width:22px; 
    height: 22px;
    display: inline-block;
}

.prevnextbtns .prev{
    background: transparent url(../img/icons/icon-prev.png) no-repeat;
    float: left;
}

.prevnextbtns .next{
    background: transparent url(../img/icons/icon-next.png) no-repeat;
    float: right;
}

.prevnextbtns .next:hover{
    cursor: pointer;   
    background: transparent url(../img/icons/icon-next-on.png) no-repeat; 
}

.prevnextbtns .prev:hover{
    cursor: pointer;
    background: transparent url(../img/icons/icon-prev-on.png) no-repeat;
}    
  
  
.piclist
{
   border: 1px solid #e5e5e5;
   padding: 8px;
    }        
    
.inlineblock
{
   display: inline-block; 
    }       
    
.colorstrip
{
       
    width: 12px;
    height: 12px;
    border: 1px inset #999;
    margin: 6px 2px ;
    float: left;
    padding: 0;
}
    
.colorstripPhoto
{
       
    width: 12px;
    height: 12px;
    border: 1px solid #999;
    margin: 6px 2px ;
    float: left;
    padding: 0;
}
    
.labelstrip
{
    float: right; 
    font-size:0.88em !important; 
    height: 22px; 
    text-align: right; 
    line-height: 22px; 
    color: #666 !important;
    margin: 1px 3px;
}
.legendakaart {
    float: right;
    height: 22px;
    text-align: right;
    line-height: 22px;
    color: #242424 !important;
    margin: 1px 3px;
}
.thinlegend .labelstrip
{
    max-width: 50px;
    overflow: hidden;
    text-align: left;
}
 
.cijfer{
    border: 1px solid #e5e5e5;
	background: #f5f5f5;
    font-family: arial;
    font-size: 12px;
    font-weight: 700;
    height: 20px;
    line-height: 20px;
    margin: 5px;
    text-align: center;
    width: 40px;  
	color: #242424;
	float: left;
	   } 
.progress{
	width: 500px;
	height: 20px;
	border: solid 1px #e5e5e5;
	background: transparent url(../img/core/progress-bg.gif) no-repeat 0px 0;
	background-color: red;
	padding: 0;
	margin: 5px 0;
	float: left;
	}    
    
.help
{
   width: 23px;
   height: 23px;
   margin: 0;
   padding: 0;
   position: absolute;
   right: 16px;
   top: 5px; 
   background: transparent url(/img/layout/help-off.png) no-repeat;
    } 
    
.help:hover
{
   background: transparent url(/img/layout/help-on.png) no-repeat;
   cursor: pointer;
    }        
      
      
.history
{
    width:22px;
    height: 22px;
    background: url(/img/icons/history.png) no-repeat;
    } 
.history:hover
{
    cursor: pointer;
    background: url(/img/icons/history-on.png) no-repeat;
    }       
    
a.icnwozremarks
{
   display: block;
   width: 19px;
   height: 22px;
   float: right;
   text-align: left;
   text-decoration: none;
   font-size: 0.65em;
   color: #fff; 
   background: url(/img/icons/remarks.png) no-repeat;  
   padding: 0;
   margin: 7px 12px 0 0;
    }

.detailalert a.icnwozremarks, .detailalert .prevnextbtns{
   margin-right: 56px;    
}
a.icnwozremarks:hover
{
   color: #fff; 
   background: url(/img/icons/remarks-on.png) no-repeat;  
    }           
    
a.icnwozremarks.aanwezig span
{
    background: #d6ae00;
    border-radius: 5px;
    margin-left: 10px;
    padding: 0.05em 0.2em;
    } 
a.icnwozremarks.aanwezig:hover
{
    } 
a.icnwozremarks.aanwezig.prio span
{
    background: #ee0000;
    border-radius: 5px;
    margin-left: 10px;
    padding: 0.05em 0.2em;
    } 
a.icnwozremarks.aanwezig.prio:hover
{

    }
 

a.icntaxdetremarks
{
   display: block;
   width: 19px;
   height: 22px;
   float: right; 
   text-align: left;
   text-decoration: none;
   font-size: 0.65em;
   color: #fff; 
   background: url(/img/icons/remarks.png) no-repeat; 
   padding: 0; 
   margin: 7px 12px 0 0;
    }  
a.icntaxdetremarks:hover
{
   color: #fff; 
   background: url(/img/icons/remarks-on.png) no-repeat;  
    }           
    
a.icntaxdetremarks.aanwezig span
{
    background: #d6ae00;
    border-radius: 5px;
    margin-left: 10px;
    padding: 0.05em 0.2em;
    } 
a.icntaxdetremarks.aanwezig:hover
{
    } 
a.icntaxdetremarks.aanwezig.prio span
{
    background: #ee0000;
    border-radius: 5px;
    margin-left: 10px;
    padding: 0.05em 0.2em;
    } 
a.icntaxdetremarks.aanwezig.prio:hover
{

    }


a.icncamera
{
   display: block;
   width: 22px;
   height: 22px;
   float: right; 
   text-align: left;
   text-decoration: none;
   font-size: 0.65em;
   color: #fff; 
   background: url(/img/icons/icon-camera.png) no-repeat; 
   padding: 0; 
   margin: 0 10px 0 0;
    }  
a.icncamera:hover
{
   background: url(/img/icons/icon-camera-on.png) no-repeat;  
    }  
    
a.icntrash, .delcol a
{
   display: block;
   width: 22px;
   height: 22px;
   background: url(/img/icons/icon-trash.png) no-repeat;
    }                   
a.icntrash:hover, .delcol a:hover
{
   background: url(/img/icons/icon-trash-on.png) no-repeat;
    }

.delVcol a {
    display: block;
    width: 22px;
    height: 22px;
    background: url(/img/icons/deleteV.png) no-repeat;
    margin: 2px 0px 0px 2px;
}

    .delVcol a:hover {
        background: url(/img/icons/deleteV-on.png) no-repeat;
    } 
a.afrcol a
{
   display: block;
   width: 22px;
   height: 22px;
   background: url(/img/icons/icon-trash.png) no-repeat;
    }                   
a.afrcol a:hover
{
   background: url(/img/icons/icon-trash-on.png) no-repeat;
    } 
a.icntrash.remarks
{
   position: absolute;    
   top: 4px;
   right: 10px;  
    }
a.icntrash.fotodeelobject
{
   position: absolute;    
   top: 117px;
   left: 161px;  
    } 
a.icntrash.media
{
   position: absolute;    
   right: 4px;
   bottom: 4px;  
    }   
      
.icncol
{
    padding: 1px 0 0 !important
    }      
      
       
a.icnedit, .editcol a
{
   display: block;
   width: 22px;
   height: 22px;
   background: url(/img/icons/icon-edit.png) no-repeat;
    }                   
a.icnedit:hover, .editcol a:hover
{
   background: url(/img/icons/icon-edit-on.png) no-repeat;
    }        
a.icnedit.media
{
   position: absolute;    
   right: 26px;
   bottom: 4px;  
    }
a.icnedit.remarks 
{
    position: absolute;
    top: 4px;
    right: 35px;
    }
       
.gallery {

}
	
.thumbwrapper {
    margin: 0;
    padding: 10px 0;
}

.photowrapper
{
   position: relative;
   display: inline-block;
   width: 229px;
   height: 205px; 
    }

a.fancythumb {
    background: #f7f7f7;
    display: inline-block;
    height: 188px;
    margin: 0 1px 1px 0;
    padding: 16px 0 0;
    text-align: center;
    text-decoration: none;
    width: 228px;
}
a.fancythumb:hover
{
    
    }
a.fancythumb.main img
{
    background: #7f7f7f;
    }    
a.fancythumb img, .gallery img {
 border: 1px solid #e5e5e5;
 padding: 8px;    
 height: 132px;
 background: #fff;
}
a.fancythumb img:hover {
   border: 1px solid #25A0DA; 
}	

.fancythumbdescription
{
    bottom: 20px;
    display: block;
    font-size: 11px;
    height: 20px;
    left: 8px;
    line-height: 20px;
    padding: 0 2px 0 2px;
    position: absolute;
    width: 206px;
    overflow: hidden;
    white-space: nowrap;
    }    
.fancythumbdate
{
    bottom: 2px;
    display: block;
    font-size: 0.55em;
    height: 20px;
    left: 8px;
    line-height: 20px;
    padding: 0 2px 0 2px;
    position: absolute;
    width: 100px;
    white-space: nowrap;
    }
 
/**** GRID ICONS ****/ 
    
a.grdicnsub
{
   display: block;
   width: 22px;
   height: 22px;
   background: url(/img/icons/icon-sub-grid.png) no-repeat; 
    }  
a.grdicnsub:hover
{
   background: url(/img/icons/icon-sub-grid-on.png) no-repeat; 
    } 
    
a.grdicnkad
{
   display: block;
   width: 22px;
   height: 22px;
   background: url(/img/icons/icon-kad-grid.png) no-repeat; 
    }  
a.grdicnkad:hover
{
   background: url(/img/icons/icon-kad-grid-on.png) no-repeat; 
    } 
    
a.grdicnvrb
{
   display: block;
   width: 22px;
   height: 22px;
   background: url(/img/icons/icon-vrb-grid.png) no-repeat; 
    }  
a.grdicnvrb:hover
{
   background: url(/img/icons/icon-vrb-grid-on.png) no-repeat; 
    }
    
a.grdicntax
{
   display: block;
   width: 22px;
   height: 22px;
   background: url(/img/icons/icon-tax-grid.png) no-repeat; 
    }  
a.grdicntax:hover
{
   background: url(/img/icons/icon-tax-grid-on.png) no-repeat; 
    }

a.grdicnctl
{
   display: block;
   width: 22px;
   height: 22px;
   background: url(/img/icons/icon-ctl-grid.png) no-repeat; 
    }  
a.grdicnctl:hover
{
   background: url(/img/icons/icon-ctl-grid-on.png) no-repeat; 
    }
    
a.grdicntrn
{
   display: block;
   width: 22px;
   height: 22px;
   background: url(/img/icons/icon-trn-grid.png) no-repeat; 
    }  
a.grdicntrn:hover
{
   background: url(/img/icons/icon-trn-grid-on.png) no-repeat; 
    }
    
a.grdicnbzw
{
   display: block;
   width: 22px;
   height: 22px;
   background: url(/img/icons/icon-bzw-grid.png) no-repeat; 
    }  
a.grdicnbzw:hover
{
   background: url(/img/icons/icon-bzw-grid-on.png) no-repeat; 
    } 


a.grdicnwfl
{
   display: block;
   width: 22px;
   height: 22px;
   background: url(/img/icons/icon-wfl-grid.png) no-repeat; 
    }  
a.grdicnwfl:hover
{
   background: url(/img/icons/icon-wfl-grid-on.png) no-repeat; 
    } 

a.grdicnzkn
{
   display: block;
   width: 22px;
   height: 22px;
   background: url(/img/icons/icon-zkn-grid.png) no-repeat; 
    }  
a.grdicnzkn:hover
{
   background: url(/img/icons/icon-zkn-grid-on.png) no-repeat; 
    }    
    
a.grdicnrma
{
   display: block;
   width: 22px;
   height: 22px;
   background: url(/img/icons/icon-rma-grid.png) no-repeat; 
    }  
a.grdicnrma:hover
{
   background: url(/img/icons/icon-rma-grid-on.png) no-repeat; 
    }
    
a.grdicnbel
{
   display: block;
   width: 22px;
   height: 22px;
   background: url(/img/icons/icon-bel-grid.png) no-repeat; 
    }  
a.grdicnbel:hover
{
   background: url(/img/icons/icon-bel-grid-on.png) no-repeat; 
    } 
    
a.grdicnbag
{
   display: block;
   width: 22px;
   height: 22px;
   background: url(/img/icons/icon-bag-grid.png) no-repeat; 
    }  
a.grdicnbag:hover
{
   background: url(/img/icons/icon-bag-grid-on.png) no-repeat; 
    }  

a.grdicnbagp
{
   display: block;
   width: 22px;
   height: 22px;
   background: url(/img/icons/icon-bag-grid-p.png) no-repeat; 
    }  
a.grdicnbagp:hover
{
   background: url(/img/icons/icon-bag-grid-p-on.png) no-repeat; 
    } 

a.grdicnbagp.warning
{
   display: block;
   width: 22px;
   height: 22px;
   background: url(/img/icons/icon-bag-grid-p-warning.png) no-repeat; 
    }  
a.grdicnbagp.warning:hover
{
   background: url(/img/icons/icon-bag-grid-p-warning.png) no-repeat; 
    }


a.grdicnbgt {
    display: block;
    width: 22px;
    height: 22px;
    background: url(/img/icons/bgt.png) no-repeat;
}

    a.grdicnbgt:hover {
        background: url(/img/icons/bgt-on.png) no-repeat;
    }

    a.grdicnbgt.warning {
        display: block;
        width: 22px;
        height: 22px;
        background: url(/img/icons/bgt-warning.png) no-repeat;
    }

    a.grdicnbgt.warning:hover {
        background: url(/img/icons/bgt-warning.png) no-repeat;
    } 



a.grdicnbagv
{
   display: block;
   width: 22px;
   height: 22px;
   background: url(/img/icons/icon-bag-grid-v.png) no-repeat; 
    }  
a.grdicnbagv:hover
{
   background: url(/img/icons/icon-bag-grid-v-on.png) no-repeat; 
    } 

a.grdicnbagv.warning
{
   display: block;
   width: 22px;
   height: 22px;
   background: url(/img/icons/icon-bag-grid-v-warning.png) no-repeat; 
    }  
a.grdicnbagv.warning:hover
{
   background: url(/img/icons/icon-bag-grid-v-warning.png) no-repeat; 
}

a.grdicnbagl
{
   display: block;
   width: 22px;
   height: 22px;
   background: url(/img/icons/icon-bag-grid-l.png) no-repeat; 
    }  
a.grdicnbagl:hover
{
   background: url(/img/icons/icon-bag-grid-l-on.png) no-repeat; 
    } 

a.grdicnbagl.warning
{
   display: block;
   width: 22px;
   height: 22px;
   background: url(/img/icons/icon-bag-grid-l-warning.png) no-repeat; 
    }  
a.grdicnbagl.warning:hover
{
   background: url(/img/icons/icon-bag-grid-l-warning.png) no-repeat; 
}   

a.grdicnbags
{
   display: block;
   width: 22px;
   height: 22px;
   background: url(/img/icons/icon-bag-grid-s.png) no-repeat; 
    }  
a.grdicnbags:hover
{
   background: url(/img/icons/icon-bag-grid-s-on.png) no-repeat; 
    } 

a.grdicnbags.warning
{
   display: block;
   width: 22px;
   height: 22px;
   background: url(/img/icons/icon-bag-grid-s-warning.png) no-repeat; 
    }  
a.grdicnbags.warning:hover
{
   background: url(/img/icons/icon-bag-grid-s-warning.png) no-repeat; 
}   
    
a.grdicnlkt
{
   display: block;
   width: 22px;
   height: 22px;
   background: url(/img/icons/icon-lkt-grid.png) no-repeat; 
    }  
a.grdicnlkt:hover
{
   background: url(/img/icons/icon-lkt-grid-on.png) no-repeat; 
    } 

a.grdicnsql
{
   display: block;
   width: 22px;
   height: 22px;
   background: url(/img/icons/icon-sql-grid.png) no-repeat; 
    }  
a.grdicnsql:hover
{
   background: url(/img/icons/icon-sql-grid-on.png) no-repeat; 
    } 
    
a.grdicnrpt
{
   display: block;
   width: 22px;
   height: 22px;
   background: url(/img/icons/icon-rpt-grid.png) no-repeat; 
    }  
a.grdicnrpt:hover
{
   background: url(/img/icons/icon-rpt-grid-on.png) no-repeat; 
    }                                                

a.grdicninv
{
   display: block;
   width: 22px;
   height: 22px;
   background: url(/img/icons/icon-inv-grid.png) no-repeat; 
    }  
a.grdicninv:hover
{
   background: url(/img/icons/icon-inv-grid-on.png) no-repeat; 
    } 

a.grdicndl
{
   display: block;
   width: 22px;
   height: 22px;
   background: url(/img/icons/icon-download-grid.png) no-repeat; 
    }  
a.grdicndl:hover
{
   background: url(/img/icons/icon-download-grid-on.png) no-repeat; 
    }                                                
    
a.grdicnul
{
   display: block;
   width: 22px;
   height: 22px;
   background: url(/img/icons/icon-upload-grid.png) no-repeat;
    }
a.grdicnul:hover
{
   background: url(/img/icons/icon-upload-grid-on.png) no-repeat;
    }

a.grdicnadd
{
   display: block;
   width: 22px;
   height: 22px;
   background: url(/img/icons/icon-add.png) no-repeat; 
    }  
a.grdicnadd:hover
{
   background: url(/img/icons/icon-add-on.png) no-repeat; 
    }

a.grdicnmeten
{
   display: block;
   width: 22px;
   height: 22px;
   background: url(/img/icons/icon-meten-grid.png) no-repeat;
    }
a.grdicnmeten:hover
{
   background: url(/img/icons/icon-meten-grid-on.png) no-repeat;
    }

a.grdicntekenen
{
   display: block;
   width: 22px;
   height: 22px;
   background: url(/img/icons/icon-tekenen-grid.png) no-repeat;
    }
a.grdicntekenen:hover
{
   background: url(/img/icons/icon-tekenen-grid-on.png) no-repeat;
    }

a.grdicnext
{
   display: block;
   width: 22px;
   height: 22px;
   background: url(/img/icons/icon-ext-grid.png) no-repeat; 
    }  
a.grdicnext:hover
{
   background: url(/img/icons/icon-ext-grid-on.png) no-repeat; 
    } 

a.grdicnlink
{
   display: block;
   width: 22px;
   height: 22px;
   background: url(/img/icons/icon-link-grid.png) no-repeat; 
    }  
a.grdicnlink:hover
{
   background: url(/img/icons/icon-link-grid-on.png) no-repeat; 
    } 

a.grdicnunlink
{
   display: block;
   width: 22px;
   height: 22px;
   background: url(/img/icons/icon-unlink-grid.png) no-repeat; 
    }  
a.grdicnunlink:hover
{
   background: url(/img/icons/icon-unlink-grid-on.png) no-repeat; 
    } 

a.grdicnkws
{
   display: block;
   width: 22px;
   height: 22px;
   background: url(/img/icons/icon-kws-grid.png) no-repeat; 
    }  
a.grdicnkws:hover
{
   background: url(/img/icons/icon-kws-grid-on.png) no-repeat; 
    }

a.grdicnversturen {
    display: block;
    width: 22px;
    height: 22px;
    background: url(/img/icons/icon-versturen-grid.png) no-repeat;
     }

a.grdicnversturen:hover {
    background: url(/img/icons/icon-versturen-grid-on.png) no-repeat;
      }

a.grdicnverstuurd {
    display: block;
    width: 22px;
    height: 22px;
    background: url(/img/icons/icon-versturen-grid-succes.png) no-repeat;
}
/**** EINDE GRID ICONS ****/  

/**** TAX DASHBOARD ****/     

ul.dashboard
{
    margin: 1em 0;
    padding: 0;    
    }
    
ul.dashboard li
{
    display: block;
    float: left;
    list-style-type: none;
    margin: 0.2%;
    width: 32.75%;
    min-width: 300px;
    position: relative;
    background: #f8f8f8;
    }    

ul.dashboard li a
{
    }
   
   
.radgaugewrapper
{
   width: 240px;
   height: 260px;
   padding: 20px 30px;   
   margin: 0 auto;
   position: relative;
    }  
    
.radgaugewrapper span
{
    background: #fff;
    bottom: 56px;
    display: block;
    font-size: 0.82em;
    left: 50%;
    margin-left: -40px;
    position: absolute;
    text-align: center;
    width: 80px;
    white-space: nowrap;
    } 
         
.radgauge
{
   width: 240px;
   height: 240px; 
    }

.voortgang
{
   width: 300px;
   height: 300px;    
   margin: 0 auto;   
    }    
    
    
/**** EINDE TAX DASHBOARD ****/


/*** KAART RESULTAAT ***/

.rspPane > div
{
    position: relative;
}

.kaarttopbar
{
    background: #f1f1f1; 
    width: 100%; 
    height: 26px; 
    position: absolute; 
    left: 0; 
    top: 0; 
    z-index: 1000;
    border-bottom:  solid 1px #999;
}

body.splitterOverOpenLayersTonen .RadSplitter
{
    z-index: 1000 !important;
}

/*** BULK MODE ***/

.bulkverschil {
    background-color: #CCEFFF !important;
}
.RadComboBox.bulkverschil .rcbInput {
    background-color: #CCEFFF !important;
}

/*** IPADRESSENBEHEER ***/

.ipadressen table td {
    padding: 4px;
}
.onderbouwingheader {
    margin-left:16px;
    width:100%;
}
.onderbouwingheader div {
    width:7%;
    display:inline-block;
    background:#E5E5E5;
    padding: 0 4px;
    box-sizing: border-box;
}

.group:after {
  content: "";
  display: table;
  clear: both;
}


/*** alert ***/
.alert {
    color: #ee1111;
}

/*** overleden ***/

.overleden::after {
    font-family: Arial;
    content:"†";
    background: #666;
    color: #fff;
    padding: 2px 4px;
    border-radius: 3px;
    margin: 0 2px;
}

/*** uitgeschreven bij Kvk ***/

.uitgeschrevenKvk::after {
    font-family: FontAwesome;
    content: "";
    color: #fff;
    background: #111177;
    padding: 2px 4px;
    border-radius: 3px;
    margin: 0 2px;
}

/*** geheim ***/

.geheim::after {
    font-family: FontAwesome;
    content:"";
    background: #ee1111;
    color: #fff;
    padding: 2px 4px;
    border-radius: 3px;
    margin: 0 2px;
}

/*** Bijzonder Object ***/

.bijzonder::after {
    font-family: FontAwesome;
    content:"";
    background: #ff6600;
    color: #fff;
    padding: 2px 4px;
    border-radius: 3px;
    margin: 0 2px;
}

/*** Ingeboekt Object ***/

.ingeboekt {
    background: rgb(227, 162, 26);
}

/*** Privacy ***/

.privacy::after {
    font-family: FontAwesome;
    content:"";
    color: #da532c;
    padding: 2px 4px;
    margin: 0 2px;
}

/*** detailalert voor bovenstaande alerts ***/

.detailalert::after {
    font-size: 140%;
    height: 100%;
    padding: 0 14px;
    text-align: center;
    position: absolute;
    right: 0;
    top: 0;
    color: #fff;
    line-height: 36px;
    margin: 0;
    border-radius: 0;
}

.kohierregels {
    position:absolute;
    top:91px;
    bottom:20px;
    left:0px;
    right:0px;
}


/*** vervallen ***/
.vervallen {
    background: #e1e1e1;
}
/*** kaartknoppen ***/
.kaartknoppen
{
    cursor: pointer;
    padding: 10px;
    width: 4px;
    float: left;
    height: 5px;
}

.dataLayersDiv input{
    /*margin: 0 0 0 -14px;*/
    display: inline-block;
    /*float: left;*/
    height: 22px;
    width: 22px;
    margin-left: 5px;
}

.baseLayersDiv input{
    display: inline-block;
    height: 22px;
    margin-right: 5px;
}

.dataLayersDiv .labelSpan {
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 174px;
    height: 22px;
    line-height: 25px;
}

.kopjegrootboek {
    display: inline-block;
    margin-right: 3px;
    padding-left: 4px;
    width: 156px;
}

/*** beldet_termijnen ***/

.radratingrisico {
    float: left;
    text-align: left;
    min-width: 230px;
}
.radratingrisico span {
    float: left;
    font-size: 75%;
    line-height: 24px;
}

/*** instellingen schermen naar 100% ***/
.abs_b_t {
    position: absolute;
    bottom: 20px;
    top: 20px;
}


/*** INFOMELDINGEN ***/
.msg {
    background: #777;
    color: #fff;
    text-align: center;
}

.msg.info {
    background: #25a0da; 
}
.msg.warning {
    background: #da532c; 
}
.msg.success {
    background: #00a300; 
}
.msg.error {
    background: #ee1111; 
}

.msg a, .msg a:link, .msg a:visited {
    color: #f0f0f0;
}
.msg a:hover {
    color: #e0e0e0;
}
.msg a:active {
    color: #c0c0c0;
}

/*** EINDE INFOMELDINGEN ***/

/*** BURGER FORMULIER ***/

#vrisformsend, #vrisformsave {
display: none;
}

.vrisform {
    position: absolute;
    top: 10px;
    left: 50%;
    width: 300px;
    height: 16px;
    margin: 10px 10px 10px -190px;
    padding: 10px 40px;
    text-align: center;
    background: #68c30e;
    color: #fff;
}

.vrisform h2{
    padding: 0;
    font-size: 0.8em;
}

.vrisform p{
    color:#fff ;
    font-size: 0.8em;
    padding: 0;
}

.vrisform .close{
    width: 36px;
    height: 36px;
    margin-top: -10px;
    background: url(/css/images/icons-36-white.png) no-repeat -144px 0;
    position: absolute;
    right: 0;
    cursor: pointer;
}

.listinform{
    font-size: 0.85em;
}

/*** EINDE BURGER FORMULIER ***/

#OndToggle {
    display: none;
}

.highlightbg {
    background-color: transparent;
    transition: background 0.5s linear;
    float: left;
    width: 100%;
}

.highlight {
    background-color: #e3a21a;
}

.gewijzigd {
    color: Red !important;
}

/*** BAG NAUWKEURIG TEKENEN ***/

.wrappertekenkaart {
    border: solid 1px #e5e5e5;
    margin-left: auto;
    margin-right: 10px;
    width: 540px;
}

div.oleDialog select, div.oleDialog input {
    background-color: #fff;
    height: 20px;
    margin-right: 4px;
    font-size: 10px;
    padding: 0 3px 0 3px;
    border: 1px solid #e5e5e5;
}
div.oleDialog {
    border: 1px solid #e5e5e5;
}

div.oleDialog.oleDialogToolbar {
    top: 10px;
    right: 10px;
}

div.oleDialog.oleDialogToolbar input[type='checkbox']+label,
div.oleDialog input[type='checkbox']+label{
    vertical-align: 6px;
}

div.olEditorControlEditorPanel {
    border: 1px solid #e5e5e5;
    right: -1px;
    top: 327px;
    background: #eaeaea;
}

div.olEditorControlEditorPanel .olControlSeparatorItemInactive {
    width: 1px !important;
}

div.oleDialog h3 {
    padding: 0;
    font-size: inherit;
    color: #666;
}

/*** EINDE BAG NAUWKEURIG TEKENEN ***/

.berichtenCount
{
    border: 1px solid #e5e5e5;
    float: left;
    margin: 10px;
    padding: 0 0 10px 0;
    width: 545px;
    background: #fafafa;
}
.count
{
    padding: 8px;
}

.count .labelmodal
{
    width: 37%;
    float: left;  
    margin: 2px 0;
    padding: 0;
    font-size:0.75em;
    height: 22px;
    text-align: right;
    line-height: 22px;
    color: #666;
    word-wrap: break-word;
}

.countTestBox
{
    float: left;
    margin: 2px;  
    padding: 2px;  
    font-size: 0.75em;  
}

.RadCalendarPopup .beschikbaar
{
    background-color: lawngreen;
}

.uppercase
{
    text-transform: uppercase !important;
}
.rgHeight {
    overflow: scroll !important;
    height: 27vh !important;
}

.flex-wrapper {
    display: flex;
    flex-flow: column;
    height: 100%;
}

.flex-radgrid {
    flex: 1;
}

.centered-box {
    width: 25vw;
    min-width: 300px;
    margin: 0 auto;
    margin-bottom: 8px;
    padding: 16px;
    box-sizing: border-box;
    border: 1px solid #AEAEAE;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}