/* ============================================================================================================ */
/* login
/* ============================================================================================================ */

#supportcenterlink{
    display: none;
}

input[type=text] {
    /* Remove First */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

#stopwatchstartlink_mobile{
    /*border: 2px solid white;*/
    box-sizing: border-box;
    border-radius: 3px;
    color: white;
    -webkit-tap-highlight-color: white;

    display: block;
    width: 40px;
    height: 40px;
    margin-top: -5px;
    padding: 4px;
    padding-left: 5px;
}

#stopwatchstoplink_mobile{
    /*border: 2px solid orange;*/
    box-sizing: border-box;
    border-radius: 3px;
    color: orange;
    -webkit-tap-highlight-color: orange;

    display: block;
    width: 40px;
    height: 40px;
    margin-top: -5px;
    padding: 4px;
    padding-left: 5px;
}

#wrapper_login #login_logo{
    width: 180px;
    height: 110px;
    background-image: url('../../logo_login_mobile.svg');
    background-size: 180px 110px;
    display: inline-block;
}

#mobile_admin_settings{
    width: 100%;
    height: 200px;
    background-color: #242424;
    /*margin-top: -200px;*/
    /*transition: margin-top .2s ease-out;*/
    box-shadow: 0px 0px 10px #000000;
    box-sizing: border-box;
    padding: 10px;

    position: absolute;
    background-color: black;
    z-index: 1;
    margin-left: 0px;
    margin-top: 60px;
    -webkit-transform: translate(0, -300px);
    transition: -webkit-transform .2s ease-out;

}

#mobile_admin_settings hr{
    height: 1px;
    border: 0px;
    background-color: grey;
}

#mobile_admin_settings a{
    display: block;
    padding: 10px;
    width: 100%;
    color: white;
    font-size: 15px;
    text-decoration: none;
    box-sizing: border-box;
}

#pagegroup_link_container{
    margin-top:90px;
}

#mobile_admin_settings.show{
    /*margin-top: 0px;*/
    -webkit-transform: translate(0, 0);
}

/*nav ul{*/
/*position: absolute;*/
/*top: 0px;*/
/*left: 0px;*/
/*}*/

/*#user_nav{*/
/*z-index: 11;*/
/*top: -300px;*/
/*left: 0px;*/
/*width: 255px;*/
/*box-sizing:border-box;*/
/*background-color: #303030;*/
/*display: block;*/
/*border-radius:0px;*/
/*padding:10px;*/
/*-webkit-box-shadow: 0 10px 10px black;*/
/*transition: -webkit-transform .2s ease-out;*/
/*position: absolute;*/
/*}*/

/*#user_nav.show {*/
/*-webkit-transform: translate(0px, 380px);*/
/*}*/

/*#usernav hr{*/
/*background-color: black !important;*/
/*}*/

/*#user_nav li{*/
/*height:auto;*/
/*}*/

/*#user_nav li a{*/
/*padding: 10px;*/
/*display: inline-block;*/
/*}*/


#wrapper_login .Onetimeinfo{
    display: block;
    padding: 10px;
}

.Onetimeinfo{
    display:none;
}

#wrapper_login .Onetimeinfo .yellowbox{
    background-color: rgba(0,0,0,0.1);
    border: 0px;
    color: white;
}

#wrapper_login .TabcontainerTab{
    color: white;
}

#wrapper_login .passwordrecoverlink a{
    font-size: smaller;
    color: white;
}

#wrapper_login .cleardomainlink a{
    font-size: smaller;
    color: white;
    margin-bottom: 10px;
    display: inline-block;
}

#cleardomainlink{
    display: inline-block !important;
}


#wrapper_login #content{
    padding-top: 30px;
}

#wrapper_login .loggedin_row{
    background-color: rgba(255,255,255,0.1);
    color: white;
}

#wrapper_login .loggedin_row a{
    color: white;
    text-decoration: none;
}

#submitandrememberform{
    color: white;
}


/* ============================================================================================================ */
/* app
/* ============================================================================================================ */


option.NullOptionText{
    opacity: 1;
    color: #acacac;
}

select.placeholder{
    color: #acacac;
}

select{
    width: 100%;
    padding: 5px;
    font-size: 14px;
    height:31px;
}

option{
    color: black;
}


body {
    padding:0;
    margin:0;
    border:0;
}

html, body {
    height:100%;
    background-color: white;
    /*overflow:hidden; *//*fixes the page-bounce on desktop safari. tested on version 5.1 / mac */
}

#footerlinks a {
    color: white !important;
    text-align: center;
}
#createaccountlink{
    display: none;
}

.or-break>span{
    background-color: white !important;
    color: inherit !important;
}

.login_submitbutton{
    background-color: #0060a5 !important;
}
.login_submitbutton:active{
    background-color: #0060a5 !important;
}
.login_submitbutton:hover{
    background-color: #0067b1 !important
}
.loggedin_row{
    background-color: #0060a5 !important;
}



* {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-text-size-adjust: none;
    -webkit-user-select: none;
}

input, select, textarea {
    -webkit-user-select: auto;
}

.forminputerror{
    box-shadow: none;
    -webkit-box-shadow: none;
}

.viewpane{
    width: 100% !important;
}

.n29653n_tabhandle addlink{

}

.Forminputyesno{
    padding-top: 10px;
    padding-bottom: 10px;
}

input:not([type="radio"]):not([type="checkbox"]){
    border:  1px solid #D6D6D6;
    font-size: 15px;
    padding:5px;
    border-radius:2px;
    width: 100%;
    box-sizing:border-box;
    height:31px;
}

textarea{
    font-size: 15px;
}

.inputwidth_600 {
    width: 100% !important;
    box-sizing: border-box;
}

.vertical_scroll{
    width: 100%;
    overflow-x: scroll;
    /*overflow-y: hidden;*/
}

select{
    /*border:  1px solid #D6D6D6;*/ /*geeft lelijke layout op ipad*/
    font-size: 15px;
    padding:5px;
    border-radius:2px;
}

.Forminputcontainer .Forminputcontainerlabel:not(:first-child){
    float: left;

    padding-left: 10px;
    padding-right: 10px;
}

.Gridrowform input{
    border: 1px solid #D6D6D6;
    border-radius: 3px;
    font-size: 15px;
}

.bootstrap-tagsinput{
    border: 0px;
    border-bottom: 1px solid #D6D6D6;
    border-radius: 0px;
}
.bootstrap-tagsinput input{
    border: 0px;
}

.Gridrowform .bootstrap-tagsinput{
    border: 1px solid #D6D6D6;
    border-radius: 3px;
}


.bootstrap-tagsinput_searchresult_dummycontainer{
    position: relative;
    width: 100%;

}

.bootstrap-tagsinput_resultcontainer{
    -webkit-box-shadow: none;
    position: relative;

    min-width: 0px;
    margin-bottom: 20px;

    padding: 0px;
    border-top: 0px;
}

.bootstrap-tagsinput_resultcontainer .resultitem{
    padding: 10px;
    border-bottom: 1px solid #D6D6D6;
}

.bootstrap-tagsinput_resultcontainer .resultitem.touchstart{
    background-color: #d1d1d1;
}

.bootstrap-tagsinput_resultcontainer .resultitem:last-child{
    border-bottom: 0px;
}

.bootstrap-tagsinput_resultcontainer .resultitem.selected{
    background-color: transparent;
}


.copypastable {
    -webkit-user-select: text;
}

.Forminputgroup{
    width: 100%;
}

.Forminputgroup .Forminputtext textarea{
    width: 100%;
}

.Forminputgroup .Forminputtext {
    width: 100%;
}

.Forminputgroup .Forminputtextmarkdown textarea{
    width: 100%;
}

.Forminputgroup .Forminputtextmarkdown {
    width: 100%;
}

#messagecontainer{
    position: fixed;
    bottom: 0px;
    z-index: 15;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
}

#messagecontainer ul{
    list-style-type:none;
    margin: 0;
    padding: 0;
}


.custombottomnavcontainer{
    position: fixed;
    bottom: 0px;
    z-index: 15;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
}


.flash{
    padding: 17px 10px 15px;
    width: 100%;
    color: white;
    z-index: 15;
    box-sizing: border-box;
    text-align: center;
    border-radius: 3px;
}




.Plusbuttongrid .Gridrowform{
    width: 100%;
    box-sizing: border-box;
}

.Plusbuttongridcollapsible .Gridrowform{
    width: 100%;
    box-sizing: border-box;
}

.Timeline .Gridrowform{
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    margin-top: 0px;
    background-color: white;
}

.Timeline .Forminput{
    padding-bottom: 5px;
}

.Timeline{
    float: left;
    padding: 10px;
    box-sizing: border-box;
    background-color: white;
}


.TabcontainerTab input{
    display:none;
}

.flash-error {
    background-color: rgba(162, 0, 0, 1);
}

.flash-info{
    background-color: rgba(0, 0, 0, 0.60);
}


.flash-warning{
    background-color: rgba(237, 152, 0, 1);
}

.Helparea{
    display:none;
}

.Warningarea{
    /*display:none;*/
}

.Infoarea{
}


.Forminputsearch{
    width: 100% !important;
}

.Forminputsearchmultiple{
    width: 100% !important;
}

.Blockpopup .Forminputdropdown{
    /*width: 100% !important;*/
}

.Blockpopup .checkbox_touch_target{
    display: none;
}

.actionbar_div{
    float: right;
    height: 100%;
}

.delete_action_button{
    float: left;
    width: 50px;
    height: 100%;
    padding-top: 35px;
    box-sizing: border-box;
}

.delete_action_button .icon{
    background-image: url('../images/wastebin.png');
    background-repeat: no-repeat;
    background-size: 21px 22px;
    width: 21px;
    height: 22px;
}

.showgridselectioncustmactions_action_button{
    float: left;
    width: 45px;
    height: 100%;
    padding-top: 38px;
    box-sizing: border-box;
    padding-left:11px;
}

.showgridselectioncustmactions_action_button .icon{
    background-image: url('../images/mobilebar_icons/arrowdown.png');
    background-repeat: no-repeat;
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    transition: -webkit-transform .2s ease-out;
}

.showgridselectioncustomactions .showgridselectioncustmactions_action_button .icon{
    -webkit-transform:rotate(180deg);
}

.gridselectioncustomactions_div{
    width: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    position: fixed;
    max-height: 350px;
    top: -270px;
    left: 0;
    z-index: 1;
    transition: -webkit-transform .2s ease-out;
    color: white;
}

.gridselectioncustomactions_div .item{
    width: 50%;
    box-sizing: border-box;
    font-size: 11px;
    padding: 10px;
    float: left;
    height: 70px;

}

.gridselectioncustomactions_div .item .innerdiv{
    padding: 10px;
    border-radius: 4px;
    background-color: #444444;
    height: 100%;
    box-sizing: border-box;

    display: flex;
    text-align: center;
    justify-content: center;
    align-content: center;
    flex-direction: column;
}

.showgridselectioncustomactions .gridselectioncustomactions_div{
    -webkit-transform: translate(0, 350px);
}













.showtasklinks_button{
    float: left;
    width: 45px;
    height: 100%;
    padding-top: 36px;
    box-sizing: border-box;
    padding-left:13px;
}

.showtasklinks_button .icon{
    background-image: url('../images/mobilebar_icons/arrowdown.png');
    background-repeat: no-repeat;
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    transition: -webkit-transform .2s ease-out;
}

.showtasklinks .showtasklinks_button .icon{
    -webkit-transform:rotate(180deg);
}

.tasklinks_div{
    width: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    position: fixed;
    max-height: 300px;
    top: -220px;
    left: 0;
    z-index: 1;
    transition: -webkit-transform .2s ease-out;
    color: white;
}

.tasklinks_div .item{
    width: 50%;
    box-sizing: border-box;
    font-size: 11px;
    padding: 10px;
    float: left;
    height: 70px;

}

.tasklinks_div .item .innerdiv{
    /*padding: 10px;*/
    border-radius: 4px;
    background-color: #444444;
    height: 100%;
    box-sizing: border-box;

    display: flex;
    text-align: center;
    justify-content: center;
    align-content: center;
    flex-direction: column;
}

.tasklinks_div .item .innerdiv .Tasklink{
    padding: 0px;
    width: 100%;
    height: 100%;
}

.tasklinks_div .item .innerdiv .Tasklinkdownloaddocument{
    padding: 0px;
}


.tasklinks_div .item .innerdiv a{
    color: white;
    text-decoration: none;

    display: block;
    width: 100%;
    height: 100%;
    padding: 10px;
    box-sizing: border-box;
}

.tasklinks_div .item .innerdiv a.touchstart{
    border-radius: 4px;
    background-color: grey;
}


.showtasklinks .tasklinks_div{
    -webkit-transform: translate(0, 300px);
}
































.cancelbutton_div{
    float: left;
    padding-top: 30px;
    padding-left: 20px;
    height: 100%;
    box-sizing: border-box;
}



button {
    border-radius: 3px;
    border: 1px solid #B1B1B1;
    font-weight: bold;
    color: black;
    font-size: 13px;
    padding: 10px;
    background-color: rgba(255,255,255, 1);
}

button:active{
    background-color: #d1d1d1;
}

.Buttoncancelgridrowform{
    line-height: 34px;
    margin-left: 20px;
}

/*.button{*/
/*padding: 10px;*/
/*}*/

.mainheader_mobile_front .hamburgermenu_target{
    width: 50px;
    height: 80px;
    float: left;
}

.hamburgermenu_target .hamburgermenu_icon{
    background-image: url('../images/mobilebar_icons/hamburgermenu_white.png');
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
    margin-top: 37px;
    margin-left: 20px;
}

.mainheader_mobile_front .title_div{
    float: left;
    font-size: 21px;
    color: white;
    margin-top: 34px;
    margin-right: 10px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    -webkit-flex: 1;
    flex: 1;

    /*background: linear-gradient(to right, rgba(255, 255, 255, 1) 90%, rgba(255, 255, 255, 0) 100%);*/
    /*-webkit-background-clip: text;*/
    /*-webkit-text-fill-color: transparent;*/

}

/*.mainheader_mobile_front .afloop{*/
/*position: absolute;*/
/*right: 0px;*/
/*top: 0px;*/
/*height: 100%;*/
/*width: 30px;*/
/*background-color: red;*/


/*background: -moz-linear-gradient(left, rgba(63, 122, 224,0) 0%, rgba(63, 122, 224,1) 100%);  FF3.6+ */
/*background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(63, 122, 224,0)), color-stop(100%,rgba(63, 122, 224,1)));  Chrome,Safari4+ */
/*background: -webkit-linear-gradient(left, rgba(63, 122, 224,0) 0%,rgba(63, 122, 224,1) 100%);  Chrome10+,Safari5.1+ */
/*background: -o-linear-gradient(left, rgba(63, 122, 224,0) 0%,rgba(63, 122, 224,1) 100%);  Opera 11.10+ */
/*background: -ms-linear-gradient(left, rgba(63, 122, 224,0) 0%,rgba(63, 122, 224,1) 100%);  IE10+ */
/*background: linear-gradient(to right, rgba(63, 122, 224,0) 0%,rgba(63, 122, 224,1) 100%);  W3C */

/*}*/

.extrainfopopupcontainer{
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 20;
}

.extrainfopopupcontainer .popup{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;

    box-shadow: 0 0 70px #444;
    -moz-box-shadow: 0 0 70px #444;
    -webkit-box-shadow: 0 0 70px #444;

    background-color: white;
    padding: 20px;
    border-radius: 4px;

    z-index: 20;
    margin: 0px auto;
    margin-top: 40px;
    width: 500px;

    overflow: auto;
}

.n27371n_content .checkbox{
    width: 0px !important;
}
.n27371n_content input{
    display: none;
}


.typelabel.large{
    margin-right: 0px;
    margin-left: 10px;
}


.mainheader_mobile_front .gridpresets_div{
    float: right;
    margin-left: 0px;
    width:45px;
    height:100%;

    background-image: url('../images/mobilebar_icons/filter.png');
    background-position: 11px 37px;
    background-repeat: no-repeat;
    background-size: 20px 20px;
}


.mainheader_mobile_front .extrainfo_div{
    float: right;
    margin-left: 0px;
    width:45px;
    height:100%;

    background-image: url('../images/mobilebar_icons/extrainfo.png');
    background-position: 13px 37px;
    background-repeat: no-repeat;
    background-size: 20px 20px;
}


.n28325n{
    font-size: 16px;
}

.n36620n{
    font-size: 16px;
}


.mainheader_mobile_front .gridpresets_div select{
    opacity: 0;
    width: 50px;
    height: 100%;
    box-sizing: border-box;
}

.deletelinktdinnercontents{
    display: none;
}

#loadingindicator.small{
    background-color: grey;
}

#loadingindicator.small .loadingimage{
    display: none;
}

#loadingindicator.large{
    background-color: white;
    border-radius: 0px;
    top: 80px;
    left: 0px;
    padding: 0;
    margin: 0;
    bottom: 0;
    right: 0;
    opacity: .8;
}

.timelinecontainer{
    float: left;
    width: 100%;
}

.timelinerow_message .center_div{
    margin-right: 5px;
}

.timelinerow_message{
    border-radius: 4px;
}

.timelinecontainer .editlinks{
    display: none;
}



#loadingindicator .loadingimage{
    width: 40px;
    height: 40px;
    margin: 0px auto;
    background-image: url('../images/mobile_loading_image.png');
    background-size: 40px 40px;
    margin-top: 110px;
    display: block;


    -webkit-animation: scaleout 1.0s infinite ease-in-out;
    animation: scaleout 1.0s infinite ease-in-out;

    /*-webkit-animation-name: heartbeat;*/
    /*-webkit-animation-direction: normal;*/
    /*-webkit-animation-duration: 1.5s;*/
    /*-webkit-animation-iteration-count: infinite;*/
    /*-webkit-animation-timing-function: ease;*/

    /*animation-name: heartbeat;*/
    /*animation-direction: normal;*/
    /*animation-duration: 1.5s;*/
    /*animation-iteration-count: infinite;*/
    /*animation-timing-function: ease;*/
}


@-webkit-keyframes scaleout {
    0% {
        -webkit-transform: scale(0.0) }
    50% {
        -webkit-transform: scale(1.0);
        /*opacity: 0;*/
    }
    100% {
        -webkit-transform: scale(0.0);
        /*opacity: 0;*/
    }
}

@keyframes scaleout {
    0% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }
    50% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
        /*opacity: 0;*/
    }
    100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
        /*opacity: 0;*/
    }
}

/*@keyframes heartbeat {*/
/*0% { transform: scale3d(0.4,0.4,0.4); }*/
/*50% { transform: scale3d(1,1,1); }*/
/*100% {transform: scale3d(0.4,0.4,0.4); }*/
/*}*/

/*@-webkit-keyframes heartbeat {*/
/*0% { transform: scale3d(0.4,0.4,0.4); }*/
/*50% { transform: scale3d(1,1,1); }*/
/*100% {transform: scale3d(0.4,0.4,0.4); }*/
/*}*/



#loadingindicator .loadingmessage{
    display: none;
}

#loadingindicator:after {
    content: ' ... ';
}

.mainheader_mobile_front .addbutton_div{
    float: right;

    margin-top: 29px;
    margin-right: 10px;


    /*width: 50px;*/
    /*height: 100%;*/
    /*overflow: hidden;*/

    /*background-image: url('../images/mobile_addbutton.png');*/
    /*background-size: 20px 20px;*/
    /*background-position: 16px 34px;*/
    /*background-repeat: no-repeat;*/
}

.mainheader_mobile_front .addbutton_div .Buttonadd {
    /*opacity: 0;*/
    /*height: 100%;*/
    /*box-sizing: border-box;*/
}

.checkbox_touch_target{
    width: 30px;
    width: 100%;
    padding-top:25px;
    padding-bottom:25px;
}

.checkbox_touch{
    width: 14px;
    height: 14px;
    margin: 10px;
    background-size: 14px 14px;
    background-image: url('../images/touch_checkbox_unchecked.png');
}

.checkbox_touch.selected{
    background-image: url('../images/touch_checkbox_checked.png');

}

#loadingscreen{
    background-color: #3f7ae0;
}

#loadingscreen .content{
    display: block;
    text-align: center;
}

#loadingscreen .content .bigspinner{
    margin-top: 30px;
}

.mBox {
    display:none;
}

#modulebar{
    display: none;
}

#mask{
    z-index: 11 !important;
    background-color: rgba(0, 0, 0, 0.8) !important;
}

.closelink{
    padding-bottom: 20px;
    padding-left: 20px;
}

#blockpopupcontainer{
    padding: 0px;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 12;
    box-sizing: border-box;
    margin: 0px;
    overflow: auto;
}

#logo{
    display: none;
}


#pagegroupbar{
    position: fixed;
    padding-top: 40px;
    top: 0;
    left: 0;
    background-color: #424242;
    height: 100%;
    width: 256px;
    border-radius:0;
    padding:0px;


    z-index: 10;
    /*background: white;*/

    /*overflow-y: scroll;*/
    /*overflow-x: hidden;*/
}

#adminsettings{
    background-color: #424242;
    height: 80px;
    width: 100%;
    border-bottom: 1px solid #393939;
    padding: 16px;
    padding-top: 36px;
    box-sizing: border-box;

    position: absolute;
    z-index:2;
}

#adminsettings #photodiv{
    width: 24px;
    height: 24px;
    padding: 3px;
    border: 1px solid #534d4d;
    float: left;
}


#adminsettings #usernamediv{
    float: left;
    width: 142px;
    padding-left: 14px;
    box-sizing: border-box;
}

#adminsettings #usernamediv #username{
    line-height: 18px;
}

#adminsettings #usernamediv #companyname{
    color: #a2a2a2;
    font-size: 11px;
    display: block;
    margin-top: -6px;
}

#adminsettings #settingsbuttondiv{
    /*background-image: url('../images/mobilebar_icons/mobile_app_logout.png');*/
    /*background-repeat: no-repeat;*/
    /*background-position: 20px 0px;*/
    width: 45px;
    height: 25px;
    /*background-size: 20px 20px;*/
    float: left;
    /*opacity: .5*/
}

.HeaderMainmobile{
    height: 80px;
    width: 100%;
    border-bottom: 1px solid #757575;
}

.mainheader_mobile_front.add{
    background-color: var(--bg_purple);
}

.mainheader_mobile_front.edit{
    background-color: var(--bg_orange);
}

.mainheader_mobile_front.view{
    background-color: #3f7ae0;
}

.mainheader_mobile_back.add{
    background-color: #5f005f;
}

.mainheader_mobile_back.edit{
    background-color: #d38100;
}

.mainheader_mobile_back.view{
    background-color: #2f51a0;
}


.HeaderMainmobile .subpagelinks_container{
    float: right;
    width: 50px;
    height:100%;
}

.HeaderMainmobile .subpagelinks_container .button{
    width: 45px;
    height:100%;

    background-image: url('../images/mobilebar_icons/subpagelinkscontainer_icon.png');
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: 14px 38px;
}

#currentsubpagecontainer.shiftsubpagelinks #subpagelinks_container{
    -webkit-transform: translate(0px, 0px);
}

#currentsubpagecontainer.shiftsubpagelinks #currentsubpage_protector {
    display: block;
}

#subpagelinks_container{
    position: fixed;
    top: 0px;
    right: 0px;
    width: 200px;
    height: 100%;
    background-color: white;
    z-index: 30;
    transition: -webkit-transform .1s ease-out;
    -webkit-transform: translate(210px, 0px);
    -webkit-box-shadow: 0 0 10px black;
    padding-top: 25px;
    box-sizing:border-box;
}

#subpagelinks_container.shifted{

}


/*#subpagelinks_container .Subpagelink{*/
/*box-sizing:border-box;*/
/*width: 100%;*/
/*padding: 15px;*/
/*}*/

#subpagelinks_container .Subpagelink{
    /*padding: 5px;*/
    border:0px;
}

#subpagelinks_container .Subpagelink a{
    box-sizing:border-box;
    width: 100%;
    padding: 15px;
    display:block;
    text-decoration: none;
    font-weight:bold;
    color: black;
}

#subpagelinks_container .Subpagelink.active a{
    border:0px;
    background-color: #ADADAD;
    border-radius: 4px;
    color: white;


    -webkit-box-shadow: inset 0px 7px 5px -5px #858585, inset 0px -7px 5px -7px #858585;
    border-radius: 0px;

}

#subpagelinks_container .Subpagelink.active a.touchstart{
    background-color: grey;
}



.HeaderMainmobile .posttitle_div{
    font-size: 9px;
    color: #E9E9E9;
}

.mainheader_mobile_front{
    background-color: inherit;
    height: 80px;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    transition: -webkit-transform .2s ease-out;
    z-index: 5;
    overflow: hidden;
    display: -webkit-flex;
    display: flex;
}

.mainheader_mobile_back{
    background-color: var(--bg_red);
    height: 80px;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    overflow: hidden;
    z-index: 2;
}

.HeaderMainmobile.showback .mainheader_mobile_front{
    -webkit-transform: translate(0, -80px);
}

#pagegroupbar ul.nav {
    padding:0;
}


#pagegroupbar ul.nav li{
    float: none;
    font-size: 16px;

    margin-bottom: 10px;
    margin-top: 10px;
    margin-left: 7px;
    margin-right: 7px;

    padding: 0px;

    clear: left;
}

.TabcontainerTab.active{
    background-color: transparent;
}

.tabcontentcontainer{
    border-top: 0px;
}

.TabcontainerTab  .Gridsearchbox{
    display:none;
}



.HeaderMain{
    padding: 0px;
    width: 100%;
    font-size: 16px;
    box-sizing:border-box;
}

.HeaderMaincontainer{
    padding: 10px;
    box-sizing: border-box;
}

.columnwidth_checkboxtd{
    width: 15px;
    padding: 0px !important;
}

.columnwidth_checkboxtd input{ /*testje voor onze fake-checkboxes*/
    display: none;
}

.Page .HeaderMainel{
    display: none;
}

.HeaderMaincontainer .titleelement{
    display: none;
}

.HeaderMaincontainer .pretitleelement{
    display:none;
}

.HeaderMainmobile  .pretitleelement {
    margin-top: 37px;
    /*padding-left: 10px;*/
}

.HeaderMaincontainer .posttitleelement{
    display:none;
}

.HeaderMain{
    padding-bottom: 0px;
}

.hamburgermenu{
    float: left;
    margin-top: 6px;
    display: block;
}

.Blockpopup .HeaderMain{
    color: black;
}

.Blockpopup .Form{
    padding: 0px;
}

.Blockpopup .Header1{
    /*max-width: 240px;*/
    overflow: hidden;
    white-space: nowrap;
    font-size: 17px;
}

.Gridpreset{
    background:none;
    border: none;
    border-bottom: 4px solid grey;
    margin-right: 3px;
}

.Gridpreset.inactive{
    background: none;
    border-bottom: 0px;
}

.Gridaddoncontainer{
    background-color: #eeeeee;
    border-bottom:1px solid #E4E4E4;
    display: none;
}

.Grid .wwgrid thead{
    display: none;
}

.Grid{
    clear: left;
}

a.gridpagelink{
    color: black;
    text-decoration: none;
}

.tag{
    border-radius: 2px;
    padding-left: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    font-size: 10px;
    color: white;
}

.tag.user{
    background-color: var(--bg_purple);
    border: 0px;
}

.tag.label{
    background-color: #c0c0c0;
    border: 0px;
}

.tag.label2{
    background-color: var(--bg_orange);
    border: 0px;
}

.pagedropdown{
    position: relative;
    top:0px;
    box-shadow: none;
    width:100%;
    background-color: inherit;
    border: 0px;
    padding:0px;
    margin:0px;
    float: left;
    box-sizing:border-box;
    margin-bottom: 20px;
    margin-top: 10px;
    z-index: 0;
}

.pagedropdown .pagelink{
    float: left;
    border-left: 1px solid grey;
    margin-right: 0px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 13px;
}

.pagedropdown .pagelink a{
    padding: 5px;
}

.pagedropdown .pagelink a.touchstart{
    background-color: #242424;
    border-radius: 4px;
}


.pagedropdown .pagelink:first-child{
    border-left: none;
    padding-left: 14px;
}

.Block{
    padding: 10px;
}

.pagedropdown.hide{
    display: block !important;
}



.typelabel.medium{
    width: 15px;
    height:15px;
    overflow:hidden;
    text-indent: 30px;
}

.typelabel.small{
    width: 15px;
    height:15px;
    overflow:hidden;
    text-indent: 30px;

}

.columnwidth_typelabel{
    width: 20px;
}

.wwgrid.tablefooter{
    display:  none;
}

#debugmode{
    display: none;
}

#readonlymode{
    display: none;
}

#content{
    padding: 0px;
    /*margin-left:100px;*/
    max-width: inherit;
    min-width: inherit;
}



.pagelink a{
    color: #d9d9d9 !important;
}

#pagelinks{
    display: none;
}

.pagegrouplink{
    color: #d9d9d9;
    padding: 12px;
    box-sizing: border-box;
}

.pagegrouplink a {
    color: #d9d9d9;
}

.pagegrouplink.active{
    border-radius: 3px;
    color: #fdfdfd;
    background-color: #1f1f1f;
}

.pagegrouplink.active a{
    color: #d9d9d9;
}

#header{
    display: none;
}


table.wwgrid tr.selected{
    background-color: #d7e8fa;
}

tr.touchstart{
    background-color: #386ce4;
    color: white !important;
    /*transition: background-color 0.1s cubic-bezier(.15,1.04,0,1);*/
}
tr.touchstart .subtext{
    color: white;
}
tr.touchstart a{
    color: white;
}


tr.touchend{
    background-color: #386ce4;
    color: white !important;
    /*transition: background-color 0.1s cubic-bezier(.15,1.04,0,1);*/
}
tr.touchend .subtext{
    color: white;
}
tr.touchend a{
    color: white;
}


#currentsubpagecontainer{
    position: absolute;
    width: 100%;
    z-index: 10;
    background-color: white;
    min-height: 100%;
    transition: -webkit-transform .1s ease-out;
    margin-left:0px;

    -webkit-box-shadow: 0 0 10px black;

    overflow-x: hidden;
}

#currentsubpage_protector{
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 12;
}

#currentsubpagecontainer{
    z-index: 11;
    background-color: #F1F1F1;
}

#currentsubpagecontainer.shifted #currentsubpage_protector{
    display: block;
}

#currentsubpagecontainer.shifted{
    -webkit-transform: translate(256px, 0);
}



#breadcrumbstrail{
    display: none;
}

.Gridexport{
    display: none;
}

#footer{
    display:none;
}

.filterlink{
    display: none;
}

.hidetablet{
    display:none !important;
}



.hidedesktop{
    display: block !important;
}

.HeaderMain{
    /*padding-bottom: 5px;*/
}

.Blockcontainermain{
    width: 100%;
    padding-right:0px;
    background-color: #f1f1f1;
}

.Form{
    background-color: white;
    margin-top: 0px;
    border-radius: 4px;
    font-size: 15px;
}

.Blockcontainersidebar{
    display: none;
}

.Gridsearchbox{
    background-color: white;
}

.mBox.Tooltip-Gripp.show{
    display:none;
}

.wwgrid{
    background-color: white;
}

.wwgrid td{
    border-bottom: #d8d8d8;
}

.Gridcontainer .Gridsearchbox{
    position: relative;
    width: 100%;
    border-bottom: 1px solid #d8d8d8;
    background-image: url('../images/mobile_search_icon.png');
    background-size: 25px 25px;
    background-repeat: no-repeat;
    background-position: 7px 9px;
    padding-left: 35px;
    box-sizing: border-box;
}

.Gridcontainer .Gridsearchbox input{
    width: 100%;
    border: 0px;
    height: 40px;
}

.mobileactionbar{
    height: 63px;
    width: 100%;
    padding: 10px;
}

.TabcontainerBegin{
    width: 15px;
}

.Block .Block{
    padding: 0px;
}

.TabcontainerTab.tabhandle{
    border: 0px;
    border-bottom: 1px solid transparent; /*voorkomt 1px scrolling als er een error optreedt*/
    font-size: 13px;
    padding:0px;
    padding-left: 5px;
    padding-right: 5px;
    margin-right: 10px;
}

.TabcontainerTab{
    border: 1px solid transparent;
}

/*.TabcontainerTab.tabhandle .tabhandle_mobile{*/
/*display: none;*/
/*}*/



.Blockpopup .tabhandlecontainer{
    padding-bottom:15px;
    border-bottom: 1px solid #D6D6D6;
    margin-bottom: 10px;
}



.TabcontainerTab.tabhandle.active{
    background-color: grey;
    color: white;
    border-radius: 4px;
}


.Helppopup{
    display:none;
}

.searchlink{
    display: none;
}

.Forminputsearch .addlink{
    display: none;
}

.editwidgetslink{
    display: none;
}

.submitbutton_div .Buttonedit{
    display: block;

    margin-top: 29px;
    margin-right: 10px;

    position: relative;
    padding-left: 0px;

    /*opacity: 0;*/
    /*width: 50px;*/
    /*height: 100%;*/
    /*padding:0px;*/

}


.editbutton_div .Buttonedit{
    display: block;

    margin-top: 29px;
    margin-right: 10px;

    position: relative;
    padding-left: 0px;

    /*opacity: 0;*/
    /*width: 50px;*/
    /*height: 100%;*/
    /*padding:0px;*/

}

.editbutton_div .Buttonedit button{
    /*width: 50px;*/
    /*height: 100%;*/
    /*min-width: 50px;*/
}



.editbutton_div{
    float: right;
    /*width: 50px;*/
    /*height: 100%;*/

    /*background-image: url('../images/mobile_editbutton.png');*/
    /*background-size: 20px 20px;*/
    /*background-position: 16px 34px;*/
    /*background-repeat: no-repeat;*/
}










.submitbutton_div .Buttonedit button{
    /*width: 50px;*/
    /*height: 100%;*/
    /*min-width: 50px;*/
}

.submitbutton_div .Buttonsubmit{
    display: block;
    margin-top: 29px;
    margin-right: 10px;

    /*opacity: 0;*/
    /*width: 50px;*/
    /*height: 100%;*/
    /*padding:0px;*/
}

.submitbutton_div .Buttonsubmit button{
    /*width: 50px;*/
    /*height: 100%;*/
    /*min-width: 50px;*/
}

.Forminputyesno label{
    float: left;
}
.Forminputyesno input{
    float: left;
}

input[type='checkbox']{
    padding: 5px;
}


.submitbutton_div .cancellink{
    display: none;
}


.submitbutton_div{
    float: right;
    /*width: 50px;*/
    /*height: 100%;*/

    /*background-image: url('../images/mobile_submitbutton.png');*/
    /*background-size: 20px 20px;*/
    /*background-position: 16px 34px;*/
    /*background-repeat: no-repeat;*/
}











.Buttonsubmitandnew{
    display: none;
}

.Buttonsubmit{
    display: none;
}






.faderight{
    background: none;
}

.HeaderMaincontainer .Buttonedit{
    display:none;
}

.Systemlevelindicator{
    display: none;
}

.Forminputcontainerlabel{
    float: none;
    width: auto; /* #10323 IPAD: relatie.. label "extra betalingstermijn" staat op twee regels... waarom is dat?*/
}

.Forminputgroup .Forminputcontainerlabel{
    font-weight: bold;
}

.subtitle{
    display:none;
}

.Forminputsearch .subtitle{
    display: block;
}
.Forminputsearchmultiple .subtitle{
    display: block;
}

.n14582n .Blockcontainermain{
    width: 100%;
}

.rapportagesettingsbox .settingcontainer_w2{
    width: 100%;
    margin-bottom: 5px;
}

.rapportagesettingsbox .settingcontainer_w4{
    width: 100%;
    margin-bottom: 5px;
}


.rapportagesettingsbox .periodviewmode{
    font-size: 16px;
}

.rapportagesettingsbox .periodviewmode.touchstart{
    background-color: #a0a0a0;
    color: white;
}


.pagegrouplink{
    display: block;
    width: 100%;
    /*border: 1px dotted white;*/
    margin: 0px;
    color: white;
}

.pagegrouplink.touchstart{
    background-color: #242424;
    border-radius: 4px;
}
.pagegrouplink.touchend{
    background-color: #242424;
    border-radius: 4px;
}

.Pagegroup.active{
    background-color: transparent;
}

.Pagegroup.active .pagegrouplink{
    background-color: #242424;
    border-radius: 4px;
}

.Pagegroup.active a{
    color: white;
}

.pagegrouplink.active{
    color: white;
}

.pagegrouplink .label{

}

/*.Onetimeinfo{*/
/*position: absolute;*/
/*left: 0px;*/
/*z-index: 1;*/
/*padding: 20px;*/
/*width: 100%;*/
/*height: 100%;*/
/*box-sizing: border-box;*/
/*background-color: rgba(0,0,0,.4);*/
/*}*/

/*.Onetimeinfo .yellowbox{*/
/*background-color: white;*/
/*border: 0px;*/
/*border-radius: 4px;*/
/*margin-top: 0px;*/
/*}*/


.Subpagelink{
    padding: 0px;
}

.Pagegroup .Subpagelink .Subpagelink_link{
    display: block;
    width: 100%;
    color: #B7B7B7;
    text-decoration: none;
    padding: 15px;
    box-sizing: border-box;
}


.Subpagelink_link.touchstart{
    border: 0px;
    background-color: #ADADAD;
    border-radius: 4px;
    color: white;
    -webkit-box-shadow: inset 0px 7px 5px -5px #858585, inset 0px -7px 5px -7px #858585;
    border-radius: 0px;
    color:white;
}

.Pagegroup .Subpagelink .Subpagelink_link:before{
    content: ' • ';
}

.Pagegroup .Subpagelink.active .Subpagelink_link{
    color: white;
}



.Pagegroup .Subpagelink{
    border: 0px;
}

.Pagegroup  .Subpagelink.active{
    color: white;
    border: 0px;
    padding: 20px;
}

.Pagegroup .Subpagelink.active{
    color: white;
    padding: 0px;
}



/*.inputwidth_300 {*/
/*width: 100% !important;*/
/*}*/

.inputwidth_500 {
    width: 100% !important;
}

.Forminputstring{
    width: auto;
}

.Forminput{
    padding-right: 10px;
}


.Url{
    display: none;
}


/*kleurtjes menu*/
/*.pagegrouplink.n4n{ border-left: 5px solid #ea369b; } *//*taken*//*                         *//*INITIAL LAUNCH*/
/*.pagegrouplink.n234n{ border-left: 5px solid #9857bc; } *//*relaties*//*                    *//*INITIAL LAUNCH*/
/*.pagegrouplink.n6062n{ border-left: 5px solid #9e6c93; } *//*offertes*/
/*.pagegrouplink.n9063n{ border-left: 5px solid #e24e34; } *//*opdrachten*/
/*.pagegrouplink.n846n{ border-left: 5px solid #e38000;  } *//*facturen*/
/*.pagegrouplink.n14573n{ border-left: 5px solid #eeb400;  } *//*contracten*/
/*.pagegrouplink.n9296n{ border-left: 5px solid #39af54; } *//*uren*//*                       *//*INITIAL LAUNCH*/
/*.pagegrouplink.n14566n{ border-left: 5px solid #3d96e1;  } *//*producten*/
/*.pagegrouplink.n27063n{ border-left: 5px solid #63b7b1;  } *//*bank*/
/*.pagegrouplink.n14580n{ border-left: 5px solid #ea369b; } *//*rapportage*//*                *//*INITIAL LAUNCH*/
/*.pagegrouplink.n81n{ border-left: 5px solid #9857bc;  } *//*medewerkers*/

/*.HeaderMaincontainer.n25275n{ background-color: #ea369b; } *//*taken*/
/*.HeaderMaincontainer.n239n{ background-color: #9857bc; } *//*relaties*/
/*.HeaderMaincontainer.n6142n { background-color: #9e6c93; } *//*offertes*/
/*.HeaderMaincontainer.n9083n{ background-color: #e24e34; } *//*opdrachten*/
/*.HeaderMaincontainer.n1049n{ background-color: #e38000; } *//*facturen verkoop*/
/*.HeaderMaincontainer.n26006n{ background-color: #e38000; } *//*facturen inkoop*/
/*.HeaderMaincontainer.n13917n{ background-color: #e38000; } *//*facturen batches*/
/*.HeaderMaincontainer.n14807n{ background-color: #eeb400; } *//*contracten*/
/*.HeaderMaincontainer.n28303n { background-color: #39af54; } *//*uren*/
/*.HeaderMaincontainer.n15567n { background-color: #3d96e1; } *//*producten*/
/*.HeaderMaincontainer.n30830n { background-color: #3d96e1; } *//*paketten*/
/*.HeaderMaincontainer.n27121n { background-color: #63b7b1; } *//*bank*/
/*.HeaderMaincontainer.n14585n { background-color: #ea369b; } *//*rapportage 1*/
/*.HeaderMaincontainer.n20967n { background-color: #ea369b; } *//*rapportage 2*/
/*.HeaderMaincontainer.n21641n { background-color: #ea369b; } *//*rapportage 3*/
/*.HeaderMaincontainer.n24417n { background-color: #ea369b; } *//*rapportage 4*/
/*.HeaderMaincontainer.n214n{ background-color: #9857bc; } *//*medewerkers*/


#mobile_admin_settings_modules{
    display: none;
}

.n4n{ } /*taken */
.n234n{ } /*relaties  */
.n6062n{ } /*offertes*/
.n9063n{ } /*opdrachten*/
.n846n{ } /*facturen*/
.n14573n{ }/* contracten*/
.n9296n{ }/* uren  */
.n14566n{ } /*producten*/
.n27063n{ } /*bank*/
.n14580n{ } /*rapportage  */
.n81n{ } /* medewerkers*/

.columnwidth_15{
    width: 15%;
}

.n32903n{
    display: none;
}

.n27411n{
    display:none;
}



.Plusbuttongrid .grippy{
    display:none;
}

.Plusbuttongridcollapsible .grippy{
    display:none;
}


.n15451n .Warningarea{
    display:none;
}


.gridopenexportlink{
    display:none;
}

.Tab .Gridcontainer .Gridsearchbox{
    border: 0px;
}


.vflex {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-align: stretch;
    -webkit-box-flex:1;
}

.scrolling {
    -webkit-overflow-scrolling: touch;
    overflow:auto;
}

.mcontent {
    position:absolute;
    top:0px;
    bottom:0px;
    left:0;
    right:0;
    background:#999;
}

.pagegroupbar {
    background:#eee;
    position:absolute;
    top:0;
    width:250px;
    bottom:0;
    left:0; /* gets .vflex + .scrolling */
}

.detail {
    background:#eee;
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0px; /* gets .vflex + .scrolling */
}

.Forminputfile{
    /*display: none;*/
}

.Forminputfile .drop-instructions{
    display: none;
}

/* this adds the extra pixel that's neccessary if the content is < panel height */
.panel-content {
    margin-bottom:-1px;   /* gets .vflex*/

}

#mobilemarker{
    display: block;
}

/*.Tab > .Form{*/
/*margin: 10px;*/
/*}*/

.Tab{
    padding: 10px;
    box-sizing: border-box;
}

.Tab > .Block{
    padding: 0px;
}

.widgetcontainer{
    margin-top: 0px;
    padding: 0px;
}




#ripple { /*let op, geeft grote witruimte aan de onderkant */
    /*position: absolute;*/
    /*top: 0;*/
    /*left: 0;*/
    /*width: 1px;*/
    /*height: 1px;*/
    /*z-index: 100;*/
    /*overflow: visible;*/
}

circle {
    fill: rgba(255,255,255,0.5);
    opacity: 0;

    -webkit-animation-name: rippleout;
    -webkit-animation-direction: normal;
    -webkit-animation-duration: 0.3s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-out;
}

@-webkit-keyframes rippleout {
    0% {
        transform: scale3d(1,1,1);
        opacity: 1;
    }
    100% {
        transform: scale3d(100, 100, 100);
        opacity: 0;
    }
}


#urenformweek .Grid{
    display: none;
}

#urenformweek .Form{
    display: none;
}

#urenformweek .WarningPhone{
    display: block
}

#urenformweek .WarningPhone .Warningarea{
    display: block
}

.urenform{
    float: left;
}

#urenformdagweeklijstpicker{
    float: left;
    padding: 15px;
}

#urenformdag .daypicker{
    display: none;
}

.urenform select{
    width: 100%;
}

.Form.urenform{
    width: 100%;
}

.urenformdagweeklijstpicker .typebutton.week{
    display: none;
}

.urenformdagweeklijstpicker .typebutton.day{
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-left: 1px solid #dcdcdc;
}


.autocompleter-choices{
    position: relative;
}

.autocompleter-choices ul{
    -webkit-box-shadow: none;
    position: relative;

    min-width: 0px;
    margin-bottom: 20px;

    padding: 0px;
    border-top: 0px;
    marign-top: -5px;
}

.bootstrap-tagsinput_resultcontainer .resultitem.touchstart{
    background-color: #d1d1d1;
}

.bootstrap-tagsinput_resultcontainer .resultitem:last-child{
    border-bottom: 0px;
}

.bootstrap-tagsinput_resultcontainer .resultitem.selected{
    background-color: transparent;
}

.bootstrap-tagsinput {
    padding: 0px;
    padding-left: 5px;
    padding-right: 5px;
}

.autocompleter-choices li{
    padding: 10px;
    border-bottom: 1px solid #D6D6D6;
}

.autocompleter-choices li.touchstart{
    background-color: #d1d1d1;
}

.autocompleter-choices li:last-child{
    border-bottom: 0px;
}

.autocompleter-choices li.autocompleter-selected{
    background-color: transparent;
}

.widget .contactinfo1_div{
    color: grey;
    font-size: 14px;
    float: none;
    width: 100%;
    margin-bottom: 20px;
}

.widget .contactinfo2_div{
    color: grey;
    font-size: 14px;
    float: none;
    width: 100%;
    margin-bottom: 20px;
}

.RelatieContactgegevens .container_contactgegevens_adres{
    float: none;
    margin-top: 5px;
    width: 100%;
}

.RelatieContactgegevens .container_maps{
    width:100%;
    float: none;
    margin-top:10px;

}

/*.widget.block_h1{*/
/*height: auto;*/
/*overflow: auto;*/
/*}*/

.widget.block_w3{
    /*background-color: yellowgreen;*/
    background-color: white;
    width: 100%;
}


.widget.block .handle{
    display:none; /*op ipad eventjes niet kunnen verslepen, is irritant met scrollen*/
}





.Subpagelinkcontainer{
    margin-bottom: 0px;
}

.Subpagelinkcontainer .title{
    padding: 5px;
    padding-left:20px;
    padding-right:20px;
    background-color: #C5D3EB;
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;
}


.Onetimeinstruction{
    display: none;
}



.n4045n {
    position: relative;
}
.n14133n  {
    float: right;
    position: absolute;
    right: 0px;
    top: 0px;
}



.Plusbuttonform .deletelink{
    display: none;
}


.Plusbuttonform hr{
    margin:0px;
    background-color: #d6d6d6;
    height:1px;
    margin-bottom:10px;
}



.Tab > .Grid:first-child{ /*grids direct onder een tab moeten een pixeltje hoger*/
    margin-top: 0px;
}

.Tab > .Gridcontainer:first-child{ /*grids direct onder een tab moeten een pixeltje hoger*/
    margin-top: 0px;
}

.Tab > .Plusbuttongrid:first-child{ /*grids direct onder een tab moeten een pixeltje hoger*/
    margin-top: 0px;
}

.Tab > .Plusbuttongridcollapsible:first-child{ /*grids direct onder een tab moeten een pixeltje hoger*/
    margin-top: 0px;
}

.n27126n .checkbox_touch_target{
    display:none;
}


.n28018n thead{
    display: table-header-group !important;
}

.scrollLoaderIndicator{
    width: 100%;
    height: 60px;
    /*background-color: white;*/
    padding-top: 20px;
}

.scrollLoaderIndicator .waitindicator{
    width: 20px;
    height: 20px;
    margin: 0px auto;
    background-image: url('../images/mobile_loading_image.png');
    background-size: 20px 20px;
    /*visibility: hidden;*/

    -webkit-animation: scaleout 1.0s infinite ease-in-out;
    animation: scaleout 1.0s infinite ease-in-out;
}

.scrollLoaderIndicator.inprogress .waitindicator{
    /*visibility: visible;*/
}

.scrollLoaderIndicator.fullyloaded .waitindicator{
    visibility: hidden;
}

.grootboekenkostenplaats{
    display:none;
}

.n28833n .Warningarea{
    display: none;
}

.n28234n{ /*#11607*/
    display: block !important;
}

.n28239n{ /*#11607*/
    display: block !important;
}

.gridsearchinfobutton{
    /*display:none;*/
}

/*boekhouding uit op mobile*/
.pagelink.n27064n, .pagelink.n38084n, .pagelink.n37961n, .pagelink.n38306n, .pagelink.n38787n, .pagelink.n38940n{
    display: none !important;
}
.pagedropdown.n27063n{
    display: none !important;
}


.Forminputgroup .Url{ /* de groep toevoegen linkjes wel tonen op ipad*/
    display: inherit
}

.Forminputtextmarkdown .WhiteWorksButtonBar{
    display:none;
}

.Forminputtext {
    width: 100%;
}

.Forminputtextmarkdown .fullscreenbuttonnew{
    display:none;
}