/****************
25-1-2016

Huisstijl van dean one
Communication Red    HTML: #7653F3;
Accent Petrol       HTML: #7653F3;
Basic Grey          HTML: #e5e5e6
Zwart               HTML: #000000

*******************/

/* Fonts
-------------------------------------------------------------- */
@import url("https://use.typekit.net/tjv8bye.css");
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


html {
    margin: 0;
    padding: 0;
    font-family: aktiv-grotesk, Poppins, sans-serif;
    /*font-size: 14px;*/
}

body {
    margin: 10px;
    font-size: 14px;
    color: #000;
    /*background: #fff url("site_background.png") repeat-x 0 0;*/
}

a {
    outline: none;
    color: #7653F3;
    text-decoration: none;
}

    a[role="button"] {
        text-decoration: underline;
    }

    a:hover {
        color: #6800D2;
    }

img {
    border: 0;
}

input {
    margin: 0;
}

div#menu ul {
    padding: 0;
    list-style-type: none;
}

input.button-disabled {
    border-style: none;
    padding: 3px 15px 3px 15px;
    background-color: #CACEE9;
    color: #6E7090;
    font-weight: bold;
    /*font-size: 12px;*/
    cursor: default;
}

input.text-disabled {
    background-color: #CACEE9;
    width: 275px;
    padding: 4px 3px 1px 3px;
    /*line-height: 13px;*/
    /*font-size: 13px;*/
}

input.button_project_start {
    border-style: none;
    padding: 3px 15px 3px 15px;
    background-color: #CACEE9;
    color: #7653F3;
    font-weight: bold;
    /*font-size: 12px;*/
    cursor: hand;
    cursor: pointer;
}

#wrapper {
    /*    min-height: 700px;*/
    /*display: block;
    padding: 5px;*/
}

.end {
    clear: both;
}

.NoPadding {
    padding: 0px !important;
}
/*
.requiredfieldmarker {
  width: 10px;
  background-position: -1px 8px;
  background-image: url("RequiredFieldMarker.gif");
  background-repeat: no-repeat;
  height: 25px;
}
*/

.form td {
    padding-left: 10px;
}

.requiredfieldwrap {
    background-image: url("RequiredFieldMarker.gif");
    background-position: -1px 8px;
    background-repeat: no-repeat;
}
/**********************************************************
 * Outline
 */
.Outline_Selected {
    background-color: #CACEE9;
    color: white;
    margin: 2px;
    border: dashed 1px black;
}

    .Outline_Selected a:link, .Outline_Selected a:visited, .Outline_Selected a:hover, .Outline_Selected a:active {
        padding-left: 2px;
        padding-right: 2px;
        color: white;
        font-weight: bold;
    }
/**********************************************************
 * Site
 */
#jsDisabled {
    margin: 0 200px -28px 200px;
    height: 28px;
    color: #D63301;
    background-color: #FFCCBA;
    text-align: center;
}

#site {
    max-width: 1280px;
    margin: 0 auto;
}

#header {
    background-position: 0px 5px !important;
    overflow: auto;
}

    #header span {
        float: right;
    }

.logo {
    margin: 0 0 5px 0;
    padding: 0;
    height: 55px;
}

.breadcrumb, .breadcrumb a, .breadcrumb a:active, .breadcrumb a:link {
    color: #CACEE9;
    text-decoration: none;
    font-weight: bold;
}

    .breadcrumb a:hover {
        text-decoration: underline !important;
    }
/**********************************************************
 * Top menu
 */
#top_menu {
    /*margin: 0 0 6px 0;
    padding: 0;*/
    /*height: 25px;
    background: transparent url("top_menu_off.png") no-repeat 0 0;*/
    /*background-color: #6800D2;*/
}

    #top_menu .navbar {
        background-color: #6800D2;
        border-color: transparent;
    }

    #top_menu li {
        /*display: inline;*/
        /*display: inline-flex;*/
    }

    #top_menu a {
        /*padding-top: 8px;*/
        display: block;
        /*height: 21px;*/
        /*float: left;*/
        padding-left: 15px;
        padding-right: 15px;
        color: white;
        text-align: center;
        text-decoration: none;
        font-family: aktiv-grotesk, Poppins, sans-serif;
        /*font-size: 13px;*/
        /* https://getbootstrap.com/docs/3.3/getting-started/#third-parties */
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    }

        /*#top_menu a.firstitem:hover, #top_menu a.firstitem_active {*/
            /*background: transparent url("top_menu_on.png") no-repeat 0 0;*/
            /*background-color: #7653F3;
        }*/

        #top_menu a.firstitem:hover {
            background-color: #7653F3;
            color: #FFF;
        }

        #top_menu a.firstitem_active {
            /*background: transparent url("top_menu_on.png") no-repeat -20px 0;*/
            background-color: #7653F3;
            color: #FFF;
        }

        #top_menu a.nextitem:hover {
            background-color: #7653F3;
            color: #FFF;
        }

        #top_menu a.nextitem_active {
            /*background: transparent url("top_menu_on.png") no-repeat -20px 0;*/
            background-color: #7653F3;
            color: #FFF;
        }
/**********************************************************
 * Columns
 */
/*#menu_column {
    float: left;
    width: 197px;
}*/

/*.contents {
    float: left;
    width: 765px;
    font-size: 11px;*/
/*min-height: 570px;*/
/*padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    margin-left: 5px;
}*/

#sidebar {
    float: right;
    width: 185px;
}
/**********************************************************
 * Menu
 */
/*#menu_column #menu, #menu_column {*/
#menu_column #menu {
    /*width: 181px;*/
    border-collapse: collapse;
    padding: 0px;
    margin: 0px;
    /*min-height: 30px;*/
}

    #menu_column #menu td {
        border: none;
    }

    #menu_column #menu .left_menu_top {
        background-image: url(menus/left_menu_bg_top.gif);
        background-repeat: no-repeat;
        background-position: left;
    }

    #menu_column #menu .left_menu_top_darkblue {
        background-image: url(menus/darkblue_menu_top.gif);
        background-repeat: no-repeat;
        background-position: left;
        height: 9px;
    }

    #menu_column #menu .left_menu_top_orange {
        background-image: url(menus/orange_menu_top.gif);
        background-repeat: no-repeat;
        background-position: left;
        height: 9px;
    }

    #menu_column #menu .left_menu_top_gray {
        background-image: url(menus/gray_menu_top.gif);
        background-repeat: no-repeat;
        background-position: left;
        height: 9px;
    }

    /*#menu_column #menu .left_menu_middle {
        background-color: #ffffff;
        min-height: 168px;
    }*/

    #menu_column #menu .left_menu_middle_300 {
        /*background-color: #D2D2C2;*/
    }

    #menu_column #menu .left_menu_middle_darkblue {
        background-color: #7653F3;
        ;
        min-height: 300px;
    }

    #menu_column #menu .left_menu_middle_orange {
        font-family: aktiv-grotesk, Poppins, sans-serif;
        background-color: #7653F3;
        min-height: 30px;
    }

    #menu_column #menu .left_menu_middle_gray {
        background-color: #ffffff;
    }

    #menu_column #menu .left_menu_middle ul {
        padding: 0;
    }

        #menu_column #menu .left_menu_middle ul li a:hover {
            /*background-color: #7653F3;
            -webkit-transition: 0.35s;
            -moz-transition: 0.35s;
            -ms-transition: 0.35s;
            -o-transition: 0.35s;
            transition: 0.35s;
            color: #FFF;
            border-radius: 10px;*/
        }

    #menu_column #menu .left_menu_bottom {
        background-repeat: no-repeat;
        height: 10px;
    }

    #menu_column #menu .left_menu_bottom_darkblue {
        background-image: url(menus/darkblue_menu_bottom.gif);
        background-repeat: no-repeat;
        height: 10px;
    }

    #menu_column #menu .left_menu_bottom_orange {
        background-image: url(menus/orange_menu_bottom.gif);
        background-repeat: no-repeat;
        height: 10px;
    }

    #menu_column #menu .left_menu_bottom_gray {
        background-image: url(menus/gray_menu_bottom.gif);
        background-repeat: no-repeat;
        height: 10px;
    }

    #menu_column #menu .left_menu_project_overview {
        font-family: aktiv-grotesk, Poppins, sans-serif;
        /*font-size: 14px;*/
        color: White;
        padding-top: 5px;
        padding: 5px 3px 5px 20px;
        display: block;
        background-color: #000000;
        background-image: url(active_location_indicator_white.png);
        background-repeat: no-repeat;
        background-position: 0 6px;
    }

        #menu_column #menu .left_menu_project_overview:hover {
            background-color: #7653F3;
            text-decoration: none;
            color: #000000;
        }

    #menu_column #menu a.projectsummary:hover {
        text-decoration: none;
    }

    #menu_column #menu .left_menu_middle_summary {
        /*margin-left: 5px;*/
        /*width: 170px;*/
        padding-top: 4px;
        padding-bottom: 4px;
        margin-top: 4px;
    }

        #menu_column #menu .left_menu_middle_summary a {
            background-image: none;
            /*font-size: 10px;*/
        }

    #menu_column #menu .left_menu_middle_accordion {
        margin-left: 9px;
        padding-top: 3px;
        padding-bottom: 3px;
        width: 160px;
        border-top: solid 1px #a5a29d;
        border-left: solid 1px #a5a29d;
        border-right: solid 1px #a5a29d;
        background-color: #ffffff;
        background: #fcfcfc url(accordion-collapse.gif) top;
        cursor: hand;
        /*font-size: 12px;*/
        color: #6d6d6d;
        text-align: center;
    }

    #menu_column #menu .left_menu_middle_accordion_selected {
        margin-left: 9px;
        padding-top: 3px;
        padding-bottom: 3px;
        width: 160px;
        border-top: solid 1px #a5a29d;
        border-left: solid 1px #a5a29d;
        border-right: solid 1px #a5a29d;
        background: #fcfcfc url(accordion-expand.gif) top;
        cursor: pointer;
        cursor: hand;
        /*font-size: 12px;*/
        color: #000000;
        text-align: center;
    }

    #menu_column #menu .left_menu_middle_accordion_content {
        margin-left: 9px;
        padding-top: 3px;
        padding-bottom: 3px;
        width: 160px;
        border-top: solid 1px #a5a29d;
        border-left: solid 1px #a5a29d;
        border-right: solid 1px #a5a29d;
        background-color: #ffffff;
        /*font-size: 11px;*/
        color: #6d6d6d;
    }

        #menu_column #menu .left_menu_middle_accordion_content a {
            margin-left: 4px;
        }

    #menu_column #menu .left_menu_middle_summary td, .left_menu_middle_summary span {
        border-top: none;
        /*font-size: 12px;*/
        padding: 2px;
        /*width: 30px;*/
    }

    #menu_column #menu li {
        list-style-type: none;
        /*font-size: 12px;*/
    }

    #menu_column #menu ul {
        width: 181px;
    }

    #menu_column #menu li a {
        width: 100%;
        /*height: 20px;*/
        margin: 0pt 0pt 4px 0px;
        padding: 6px 0pt 6px 20px;
        color: #4E4F45;
        display: block;
        /*font-size: 12px;*/
        /*background: transparent url(left_menu_item.png) no-repeat scroll 0pt;*/
    }

    #menu_column .submenu fieldset legend {
        /*font-size: 12px;*/
    }

    #menu_column .submenu fieldset {
        padding-left: 0;
    }

    #menu_column .submenu fieldset ul {
        padding: 0;
    }

        #menu_column .submenu fieldset ul li a:hover {
            background-color: #7653F3;
            -webkit-transition: 0.35s;
            -moz-transition: 0.35s;
            -ms-transition: 0.35s;
            -o-transition: 0.35s;
            transition: 0.35s;
            color: #FFFFFF;
            border-radius: 10px
        }

    #menu_column .submenu fieldset li {
        list-style-type: none;
        /*font-size: 12px;*/
    }

    #menu_column .submenu fieldset li a {
        width: 145px;
        /*height: 20px;*/
        margin: 0pt 0pt 4px 0px;
        padding: 6px 0pt 6px 20px;
        color: #4E4F45;
        display: block;
        /*font-size: 12px;*/
        background: transparent url(left_menu_item.png) no-repeat scroll 0pt;
    }

#menu_column #menu ul li a:hover {
    text-decoration: none;
}

#menu_column #menu .meer {
    display: block;
    float: right;
    margin: 5px 12px 0 0;
    padding: 0 0 0 10px;
    background: transparent url(left_menu_pijl.png) no-repeat 0 3px;
    /*font-size: 11px;*/
}
/**********************************************************
 * Content
 */
.contents #heading {
    width: 565px;
    height: 130px;
    margin-bottom: 15px;
    background: transparent url(heading_background.png) no-repeat 0 0;
    color: #fff;
    /*font-size: 11px;*/
}

    .contents #heading h2 {
        padding: 8px 20px 4px 20px;
        /*font-size: 2.3em;*/
        margin: 0;
        /*font-weight: bold;*/
        /*font-size: 2.3em;*/
        /*line-height: 1.4em;*/
        color: #FFF;
    }

    .contents #heading a {
        color: #FFF;
    }

    .contents #heading p {
        height: 50px;
        padding: 0 20px 19px 20px;
        color: #fff;
        /*font-size: 13px;*/
        overflow: hidden;
    }

.contents h2 {
    margin: 10px 0 7px 0;
    /*font-weight: bold;*/
    font-size: 1.5em;
    /*line-height: 1.4em;*/
    color: #000000;
}

.contents h3 {
    margin: 12px 0 5px 0;
    font-size: 1.25em;
    /*line-height: 1.4em;*/
    color: #000000;
}

#text-content h3 {
    margin: 12px 0 5px 0;
}

.contents h4 {
    margin: 2px 0 10px 0;
    font-weight: normal;
    font-size: 1.125em;
    /*line-height: 1.1em;*/
    /*color: #f78f1e;*/
}

.contents hr {
    margin-top: 14px;
    border: 0;
    height: 1px;
    color: #d9d9d9;
    background-color: #d9d9d9;
}

.contents p {
    color: #4e4f45;
    /*font-size: 1.1em;*/
    /*line-height: 1.3em;*/
}

.contents a.meer {
    font-weight: bold;
    color: #7653F3;
    padding-left: 12px;
    background: transparent url(pijl.png) no-repeat 4px 3px;
    text-decoration: none;
}

.contents a:hover.meer {
    text-decoration: underline;
}

.contents a.terug {
    /*font-size: 1.1em;*/
    /*line-height: 1.1em;*/
    font-weight: bold;
    color: #7653F3;
    padding-left: 12px;
    background: transparent url(pijl_terug.png) no-repeat 4px 3px;
    text-decoration: none;
}

.contents a:hover.terug {
    text-decoration: underline;
}

.contents ul {
    margin: 8px;
    padding: 8px;
    /*font-size: 1.1em;*/
}

fieldset {
    border: 0;
    margin: 0;
}

.contents .border {
    border: solid 1px #EDEDED;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 5px;
}

.contents span.headerlabel {
    margin: 12px 0 5px 0;
    /*font-size: 13px;*/
    /*line-height: 1.4em;*/
    color: #000000;
}
/** IE6 fix for top border */
dl.links dt {
    width: 100%;
}

dl.links > dt {
    width: 100%;
}

dl.links dt a, dl#faq dt a {
    font-weight: bold;
    /*font-size: 11px;*/
    color: #4E4F45;
    text-decoration: underline;
}

dl.links img {
    /*float: right;*/
}

dl#faq img {
    float: right;
}
/**********************************************************
 * Forms
 */
.error-message, .success-message, .warning-message {
    border: 1px solid;
    padding: 20px 10px 20px 70px;
    background-repeat: no-repeat;
    background-position: 10px center;
    /*font-size: 12px;*/
    margin-bottom: 15px;
    margin-right: 0;
}

    .error-message .form-message span, .error-message span, .error-message .form-message div span {
        background-repeat: no-repeat;
        background-position: left center;
        padding-left: 10px;
        /*line-height: 16px;*/
    }

.error-message {
    color: #000000;
    background-color: #7653F3;
    background-image: url(error-icon.png);
}

    .error-message .form-message span, .error-message div span, .error-message span {
        color: #FFFFFF !important;
        font-weight: 900;
    }

.success-message {
    color: #000000;
    background-color: #ffffff;
    background-image: url(success-icon.png);
}

    .success-message div span {
        padding-left: 10px;
        color: #000000 !important;
        font-weight: 900;
    }

.warning-message {
    color: #000000;
    background-color: #ffffff;
    background-image: url(warning-icon.png);
}

    .warning-message div span {
        padding-left: 10px;
        color: #000000 !important;
        font-weight: 900;
    }

/*table .form {
    max-width: 750px;
    empty-cells: show;
}*/

.form th {
    width: 140px;
    text-align: left;
    padding-right: 0px;
}

.form td {
    min-width: 5px;
    padding-right: 10px;
}

.form .radiobuttonlist label {
    padding-left: 5px;
    position: relative;
    top: -2px;
}

.fieldclass, .infoRequiredField {
    background-image: url(field-bg.gif);
    background-repeat: repeat-x;
    border: #CACEE9 1px solid;
    padding: 4px 3px 1px 3px;
    /*line-height: 13px;*/
    /*font-size: 13px;*/
    color: #333333;
    width: 275px;
}

.infoRequiredField {
}

.fieldclassip {
    background-image: url(field-bg.gif);
    background-repeat: repeat-x;
    border: #CACEE9 1px solid;
    padding: 4px 3px 1px 3px;
    /*line-height: 13px;*/
    /*font-size: 13px;*/
    color: #333333;
    width: 275px;
}

.fieldclassarea {
    background-image: url(field-bg.gif);
    background-repeat: repeat-x;
    border: #CACEE9 1px solid;
    padding: 4px 3px 1px 3px;
    /*line-height: 13px;*/
    /*font-size: 13px;*/
    color: #333333;
    width: 715px;
    height: 75px;
}

.fielddropdown {
    background-image: url(field-bg.gif);
    background-repeat: repeat-x;
    border: #CACEE9 1px solid;
    padding: 2px;
    /*line-height: 13px;*/
    /*font-size: 13px;*/
    color: #333333;
    width: 275px;
}

    .fielddropdown:disabled {
        background-image: url(field-bg.gif);
        background-color: #FFF !important;
        background-repeat: repeat-x;
        border: #CACEE9 1px solid;
        padding: 2px;
        /*line-height: 13px;*/
        /*font-size: 13px;*/
        color: #333333;
        width: 275px;
    }

.koporanje {
    font-weight: bold;
    color: #F78F1E;
    /*font-size: 13px;*/
}

.kopgrijs {
    font-weight: bold;
    color: #4E4F45;
    /*font-size: 12px;*/
}

.geenopmaak {
    color: #000;
    font-weight: normal;
    /*font-size: 11px;*/
}

select[disabled] {
    color: #333333;
    background: #FFF !important;
}

.ajax__calendar_container, .ajax__calendar_body {
    width: 310px !important;
}

/*klantgegevens form*/

.kg-sub {
    width: 350px;
}

.error-field {
    font-weight: 900;
    /*font-size: 12px;*/
    color: Red;
}
/**********************************************************
 * Footer
 */
/*#footer {
    clear: both;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}*/

#footer span {
    color: #52565a;
    /*text-align: right;*/
    /*height: 14px;*/
    /*padding: 4px 7px;*/
    /*font-size: 1.1em;*/
    /*background: transparent url(footer_background.png) no-repeat 0 0;*/
    /* https://getbootstrap.com/docs/3.3/getting-started/#third-parties */
    /*-webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;*/
}

/*#footer a {
        color: #000000;
    }*/
/**********************************************************
 * Control panel
 */
.contactcontrolpanel {
    float: left;
    margin-bottom: 3px;
    margin-top: -30px;
    margin-left: 105px;
}

.projectcontrolpanel, .provisioningcontrolpanel {
    float: right;
}

.controlpanel {
    float: left;
    margin-bottom: 3px;
    margin-top: -30px;
    margin-left: 75px;
}

.customercontrolpanel {
    float: left;
    margin-bottom: 3px;
    margin-top: -30px;
    margin-left: 75px;
}

.controlpanel_errormessage {
    color: red;
    font-weight: bold;
}

.subprojectcontrolpanel {
    float: right;
    margin-top: -30px;
    margin-right: 1px;
}
/**********************************************************
 * Grid
 */

.mGrid {
    width: 100%;
    background-color: #fff;
    margin: 5px 0 10px 0;
    border-left: solid 1px #CACEE9;
    border-right: solid 1px #CACEE9;
    border-bottom: solid 1px #CACEE9;
    border-collapse: collapse;
}

    .mGrid tr {
        min-height: 28px;
    }

        .mGrid tr:hover {
            background-color: #ECEDF8;
        }

        .mGrid tr.nohover:hover {
            background-color: transparent;
        }

    .mGrid th {
        color: #000;
        /*font-size: 12px;*/
        background: #CACEE9;
        border-top: solid 1px #CACEE9;
        border-left: solid 1px #CACEE9;
        border-right: solid 1px #CACEE9;
        vertical-align: top;
        padding: 7px;
    }

        .mGrid th a {
            color: #000;
            padding-right: 10px;
        }

            .mGrid th a:hover {
                color: #6800D2;
            }

    .mGrid td {
        padding: 7px;
        border: solid 1px #CACEE9;
        /* color: #717171; */
        /*font-size: 11px;*/
    }

        .mGrid td.bedrag {
            text-align: right;
        }

        .mGrid td.telnr {
            text-align: center;
        }

    .mGrid .pgr {
        border: 1px solid #CACEE9;
        background-color: #FFF;
    }

        .mGrid .pgr table {
            margin: 5px 0;
            float: right;
        }

        .mGrid .pgr td {
            border: 0px;
            padding: 0 6px;
            font-weight: bold;
            color: #000;
            /*line-height: 12px;*/
        }

        .mGrid .pgr a {
            color: #7653F3;
            text-decoration: none;
        }

            .mGrid .pgr a:hover {
                color: #6800D2;
                text-decoration: none;
            }

    .mGrid.orderLine th.amount {
        width: 75px;
        text-align: right;
    }

    .mGrid.orderLine td.amount {
        text-align: right;
    }

.sortindicator {
    float: left;
    margin-left: -10px;
    margin-right: -10px;
    width: 20px;
}

.sortindicatorLinkButton {
    border: solid 0px red;
    float: left;
}

.mGridBlue th {
    background: #7653F3;
    /*url(grids/grd_head_filter.png) repeat-x top !important;*/
    color: White;
}

th.mGridCosts, td.mGridCosts {
    width: 100px;
    /*font-size: 12px;*/
    text-align: right;
}

.rGrid {
    width: 100%;
    background-color: #fff;
    margin: 5px 0 10px 0;
    border-left: solid 1px #CACEE9;
    border-right: solid 1px #CACEE9;
    border-bottom: solid 1px #CACEE9;
    border-collapse: collapse;
}

    .rGrid tr {
        min-height: 28px;
    }

        .rGrid tr:hover {
            background-color: #EBEBEB;
        }

    .rGrid th {
        color: #000;
        font-weight: bold;
        /*font-size*/: 12px;
        background: #EBEBEB;
        /*url(grids/grd_head.png) repeat-x top;*/
        border-top: solid 1px #EBEBEB;
        border-left: solid 1px #EBEBEB;
        border-right: solid 1px #EBEBEB;
        text-align: left;
        vertical-align: top;
        padding: 7px;
    }

        .rGrid th a {
            color: #000;
            padding-right: 10px;
        }

            .rGrid th a:hover {
                color: #6800D2;
            }

    .rGrid td {
        padding: 7px;
        border: solid 1px #CACEE9;
        color: #717171;
    }

    .rGrid .pgr {
        border: 1px solid #CACEE9;
        background-color: #FFF;
    }

        .rGrid .pgr table {
            margin: 5px 0;
            float: right;
        }

        .rGrid .pgr td {
            border: 0px;
            padding: 0 6px;
            font-weight: bold;
            color: #000;
            /*line-height: 12px;*/
        }

        .rGrid .pgr a {
            color: #000;
            text-decoration: none;
        }

            .rGrid .pgr a:hover {
                color: #fff;
                text-decoration: none;
            }

    .rGrid tr td {
        text-align: right;
    }

        .rGrid tr td:first-child {
            text-align: left;
        }

/**********************************************************
 * Site Specific parts
 */
div .orderlineitem {
    width: 20px;
    height: 20px;
    margin: 0;
}

div .orderlineitem_active {
    background-image: url(grids/orderlineitem_checkmark.gif);
    background-position: left;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    float: left;
    margin-left: 3px;
}

div .orderlineitem_invalid {
    background-image: url(grids/orderlineitem_exclamationmark.gif);
    background-position: left;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    float: left;
    margin-left: 3px;
}

div .orderlineitem_edit {
    background-image: url(grids/orderlineitem_edit.gif);
    background-position: left;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    float: left;
}

div .orderlineitem_add {
    background-image: url(grids/orderlineitem_add.png);
    background-position: left;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    float: left;
    margin-left: 3px;
}

div .orderlineitem_delete {
    background-image: url(grids/orderlineitem_delete.gif);
    background-position: left;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    float: left;
    margin-left: 0px;
    border: 0px;
}

.serviceitem {
    padding: 5px 0px 5px 5px;
    margin-left: 3px;
    background-position: left;
    background-repeat: no-repeat;
}

.serviceitem_active {
    background-image: url(checkmark.png);
    background-position: left;
    background-repeat: no-repeat;
}

.serviceitem_hide {
    display: none;
}

.serviceitem_invalid {
    background-image: url(exclamationmark.gif);
    background-position: left;
    background-repeat: no-repeat; 
}

.serviceitem_menu_separator {
    border-bottom: 1px solid #ddd;
}

/*div.serviceitem {
	width: 181px;
}*/

.serviceitem a {
    /*font-size: 12px;*/
    margin-left: 20px;
    /*white-space: nowrap;*/
    display: block;
    /*overflow: hidden;
	text-overflow: ellipsis;*/
    /*width: 158px;*/
}

    .serviceitem a.active {
        font-weight: 900;
    }

.location {
    padding: 5px 2px;
    /*font-size: 13px;*/
    font-weight: bold;
}

.location_active {
    padding: 5px 2px;
    font-weight: bold;
    color: #ffffff;
}

    .location a, .location_active a {
        /*font-size: 13px;*/
        color: #ffffff;
    }

    .location_active a {
        text-decoration: none;
    }

.accordion_header {
    overflow: hidden;
}

    .accordion_header a {
        /*font-size: 13px;*/
        font-weight: bold;
        color: #000000;
    }

.active-loc:hover {
    color: #000000;
    background-color: #D2D2C2;
}

.accordion_header:hover a, .accordion_header.active-loc a {
    /*font-size: 13px;*/
    font-weight: bold;
    color: #FFFFFF;
}

div.accordion_header div.collapse_location {
    padding: 8px 7px;
    text-align: right;
}

.accordion_header.active-loc .collapse_location {
}

div.accordion_header div.collapse_location:hover {
    background-color: #D2D2C2;
    cursor: pointer;
}

div .customerselect {
    display: inline-block;
    width: 20px;
    height: 20px;
}

div .customerselect_active {
    background-image: url(grids/customer_select.gif);
    background-position: left;
    background-repeat: no-repeat;
}

#OneXSLogo {
    background-image: url(https://webassets.gammacommunications.nl/gamma/portal-logos/svg/orion.svg);
    background-position: top left;
    background-repeat: no-repeat;
    height: 100px;
    background-size: 180px 55px;
}

#waitimage_div {
    height: 160px;
    width: 470px;
    border: solid 2px #707070;
    background-color: #ffffff;
    display: none;
    position: absolute;
    left: 30%;
    top: 30%;
    text-align: center;
    /*font-size: 16px;*/
    padding-top: 70px;
    color: #717171;
    font-weight: 500;
}

.overzicht-orderlines {
    border-collapse: collapse;
}

    .overzicht-orderlines tr td, .overzicht-orderlines tr th {
        border-right: solid 1px #6E7090;
        border-left: solid 1px #6E7090;
        border-top: solid 1px #6E7090;
        border-bottom: solid 1px #6E7090;
        padding: 3px 3px 3px 3px;
        text-align: left;
        border-collapse: collapse;
    }

    .overzicht-orderlines th {
        background-color: #CACEE9;
    }

    .overzicht-orderlines .aantal {
        text-align: center;
    }

    .overzicht-orderlines .bedrag {
        text-align: right;
        width: 80px;
    }

    .overzicht-orderlines .telnr {
        text-align: center;
    }

    .overzicht-orderlines th .location {
        text-align: right;
        background-color: #ECEDF8;
        color: #000;
        padding: 5px;
        width: 650px;
    }

/******************** tab style ********************/
/*
.ajax__tab_header {
    font-family: aktiv-grotesk, Poppins, sans-serif;
    background: url(tabs/tab-line.png) repeat-x bottom;
    font-size: 12px;
    display: block;
}

     .ajax__tab_header .ajax__tab_outer {
        background: url(tabs/tab.png) no-repeat left top;
        border-color: #222;
        color: #222;
        padding-left: 10px;
        margin-right: 3px;
    }

     .ajax__tab_header .ajax__tab_inner {
        background: url(tabs/tab.png) no-repeat right top;
        border-color: #666;
        color: #666;
        padding: 3px 10px 2px 0px;
    }

 .ajax__tab_hover .ajax__tab_inner {
    color: #000;
}

 .ajax__tab_active .ajax__tab_outer {
    background: url(tabs/tab.png) no-repeat 0pt -40px;
    border-bottom-color: #ffffff;
}

 .ajax__tab_active .ajax__tab_inner {
    background: url(tabs/tab.png) no-repeat right -40px;
    color: #000;
    border-color: #333;
}
*/

.ajax__tab_body {
    font-family: aktiv-grotesk, Poppins, sans-serif !important;
    /*font-size: 10pt;*/
    background-color: #fff;
    border: solid 1px #d7d7d7;
    border-top-width: 0;
    /*font-size: 1em !important;*/
    overflow: hidden;
}

.ajax__tab_panel {
    padding: 10px;
}

/******************** tab style ********************/
#projectdetailsheader {
    width: 100%;
}

    #projectdetailsheader .addressblock {
        text-align: right;
        color: #7653F3;
        font-family: aktiv-grotesk, Poppins, sans-serif;
        /*font-size: 14px;*/
    }

    #projectdetailsheader .projectheader {
        font-weight: bold;
        text-transform: uppercase;
    }

.projectdetails_border {
    border: solid 1px #e3e3e3;
    padding: 5px;
}
/******************** virtual control popup style ********************/
.vc-header {
    background-color: #e5e5e6 !important;
    color: white !important;
}

iframe {
    width: 100%;
}

.zoekDiv {
    float: right;
    margin-bottom: 5px;
    /*margin-top: -30px;*/
}

    .zoekDiv .fieldclass {
        width: 100px;
    }

.klantnaam {
    text-align: left;
    font-weight: bold;
    /*overflow: hidden;*/
}

.costs {
    text-align: right;
    font-weight: bold;
}

.projectoverzichtklantnaam {
    display: block;
    /*white-space: nowrap;
    text-overflow: ellipsis;*/
}

/************************* comments *******************/
.commentsDiv {
    width: 748px;
    border: 1px solid #CACEE9;
    margin-bottom: 5px;
}

.posterDiv, .postedTimeDiv {
    background-color: #CACEE9;
    border-bottom: 1px solid #CACEE9;
    font-weight: 900;
    width: 356px;
    float: left;
    padding: 3px;
    height: 16px;
}

.posterDiv {
    /*font-size: 14px;*/
    padding-left: 7px;
    color: #4E4F45;
    height: 16px;
}

.postedTimeDiv {
    text-align: right;
    color: #FFF;
}

.messageDiv {
    clear: both;
    color: #717171;
    padding: 7px;
}

    .messageDiv ul li {
        list-style-type: square;
    }

        .messageDiv ul li a {
            color: #717171;
            font-weight: 900;
            /*font-size: 10px;*/
        }

    .messageDiv ul {
        margin: 0px !important;
        padding: 0 0 0 20px !important;
    }

.submitComment {
    float: right;
    margin-top: -25px;
    margin-right: 15px;
}

.deleteCommentDiv {
    background-color: #CACEE9;
    border-bottom: 1px solid #CACEE9;
    width: 14px;
    float: left;
    text-align: right;
    height: 16px;
    padding: 3px;
}

/**********************************************************
 * Hyperlink listitem
 */
.linklist-container {
    border-collapse: collapse;
    background-position: top;
    background: #fcfcfc url(grids/grd_alt.png) repeat-x top;
}

    .linklist-container td {
        height: 20px;
        white-space: nowrap;
    }

    .linklist-container th {
        /*font-size: 14px;*/
        font-weight: bold;
        padding: 4px 2px;
        color: #000;
        background: #CACEE9;
        /*url(grids/grd_head_filter.png) repeat-x top;*/
        border-top: solid 1px #CACEE9;
        border-left: solid 1px #CACEE9;
        border-right: solid 1px #CACEE9;
        text-align: left;
        padding: 7px;
        white-space: nowrap;
    }

.linklist-container-border {
    border: 1px solid #CACEE9;
}

.linklistitem-selected {
    margin: 3px;
    padding: 3px;
    background-color: #CACEE9;
}

.linklistitem {
    margin: 4px;
    padding: 4px;
    color: Black;
    /*font: Arial;*/
    /*font-size: 11px;*/
}

.linklist {
    padding: 0px !important;
    margin: 0px !important;
}

    .linklist li {
        color: Black;
        /*font-size: 11px;*/
        list-style: none;
        margin: 3px;
        height: 20px;
    }

        .linklist li a {
            display: block;
            width: 100%;
            height: 100%;
            padding: 3px;
        }

    .linklist .active {
        background-color: #CACEE9;
    }

        .linklist .active a {
            color: Black;
        }

.button {
    border-style: none;
    padding: 3px 15px 3px 15px;
    background-color: #7653F3;
    color: #FFFFFF;
    /*font-size: 12px;*/
    border-radius: 5px;
}

    .button a, .button a:visited, .button a:hover, .button a:link, .button a:active, .button:hover {
        text-decoration: none !important;
        background-color: #6800D2;
        cursor: pointer;
        /*font-size: 12px;*/
    }

span.button a {
    color: #FFFFFF;
}


.spanbutton {
    border-style: none;
    padding: 3px 15px 3px 15px;
    background-color: #7653F3;
    color: #FFFFFF;
    /*font-size: 12px;*/
    border-radius: 5px;
}

    .spanbutton b, .spanbutton b:visited, .spanbutton b:hover, .spanbutton b:link, .spanbutton b:active, .spanbutton:hover {
        text-decoration: none !important;
        background-color: #6800D2;
        cursor: pointer;
        /*font-size: 12px;*/
    }

span.spanbutton a {
    color: #FFFFFF;
}

.section_header {
    padding: 5px 2px 5px 10px;
    /*font-size: 13px;*/
    font-weight: bold;
    background-color: #000000;
    color: #ffffff;
}

.submit-summary {
    padding: 10px;
    border: solid 1px;
    margin-bottom: 10px;
    border: 1px solid;
    padding: 20px 10px 20px 70px;
    background-position: 10px center;
    clear: both;
}

div.submit-summary ul li {
    margin-top: 5px;
}

.error-summary {
    color: #D63301;
    border-color: #D63301;
    background-color: #FFCCBA;
    background-image: url('error-icon.png');
    background-repeat: no-repeat;
}

.success-summary {
    color: #000000;
    border-color: #858500;
    background-color: #CCCC00;
    background-image: url('success-icon.png');
    background-repeat: no-repeat;
}

.error-summary ul {
    margin: 0;
    padding: 10px;
}

    .error-summary ul li {
        margin-left: 10px;
    }

#menu_column #menu #accordion {
    background-color: #FFF;
}

#accordion .ui-accordion-header {
    background-color: #D2D2C2;
    color: #333;
    cursor: pointer;
}

    #accordion .ui-accordion-header:hover {
        background-color: #7653F3;
    }

#accordion .ui-accordion-header-active {
    background-color: #7653F3;
    color: #333;
    cursor: default;
}

#mask {
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 4;
    opacity: 0.4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; /* first!*/
    filter: alpha(opacity=40); /* second!*/
    background-color: gray;
    display: none;
    width: 100%;
    height: 100%;
}

table.resultsTable {
    border-spacing: 0px;
    border-collapse: collapse;
    float: left;
    width: 320px;
    margin: 10px 10px 10px 0px;
}

    table.resultsTable th {
        text-align: left;
    }

    table.resultsTable td {
        border-top: solid 1px black;
        padding: 5px;
    }

    table.resultsTable tbody tr:last-child {
        background-color: #ee5;
    }

.fiberAddBar {
    clear: both;
    border: 1px dashed black;
    padding: 4px;
    overflow: auto;
}

.loadingImage {
    display: none;
    margin-left: 300px;
    clear: both;
    position: relative;
}


/* dean one Tables
-------------------------------------------------------------- */

/* dean one Table Red
---------------------------------------- */
.do-table-red {
    margin: 0rem 0rem 0.25rem 0rem;
    margin-bottom: 20px;
}

    .do-table-red th {
        color: #000;
        background: #CACEE9;
        border-radius: 0.5rem 0.5rem 0rem 0rem;
        padding: 15px;
        text-transform: lowercase;
        border-right: 2px solid #fff;
        border-left: 2px solid #fff;
        font-weight: bold;
        width: 200px;
    }

        .do-table-red th:last-child {
            border-right: 2px solid #fff;
            border-right: 0px;
        }

        .do-table-red th:first-child {
            border-left: 0px;
            border-right: 2px solid #fff;
        }

    .do-table-red td {
        padding: 0.5rem;
        border-bottom: 2px solid #CACEE9;
        text-align: center;
        border-right: 2px solid #fff;
        border-left: 2px solid #fff;
    }

        .do-table-red td:first-child {
            text-align: left;
            border-left: 0px;
            border-right: 2px solid #fff;
        }

        .do-table-red td:last-child {
            border-right: 2px solid #fff;
            text-align: right;
            border-right: 0px;
        }

/* dean one Table Petrol
---------------------------------------- */
.do-table-petrol {
    margin: 0rem 0rem 0.25rem 0rem;
    margin-bottom: 20px;
}

    .do-table-petrol th {
        color: #000;
        background: #CACEE9;
        border-radius: 0.5rem 0.5rem 0rem 0rem;
        padding: 15px;
        text-transform: lowercase;
        border-right: 2px solid #fff;
        border-left: 2px solid #fff;
        font-weight: bold;
        width: 200px;
    }

        .do-table-petrol th:last-child {
            border-right: 2px solid #fff;
            border-right: 0px;
        }

        .do-table-petrol th:first-child {
            border-left: 0px;
            border-right: 2px solid #fff;
        }

    .do-table-petrol td {
        padding: 0.5rem;
        border-bottom: 2px solid #CACEE9;
        text-align: center;
        border-right: 2px solid #fff;
        border-left: 2px solid #fff;
    }

        .do-table-petrol td:first-child {
            text-align: left;
            border-left: 0px;
            border-right: 2px solid #fff;
        }

        .do-table-petrol td:last-child {
            border-right: 2px solid #fff;
            text-align: right;
            border-right: 0px;
        }

    .do-table-petrol tbody {
        margin-bottom: 1rem;
    }

div.col-md-6 table.two-cell-table th {
    width: 33%
}

table.two-cell-table th {
    width: 25%
}

.dataListAligning {
}

    .dataListAligning td {
        vertical-align: top;
    }

.cblInsideTable {
}

    .cblInsideTable td {
        border: none;
    }

        .cblInsideTable td label {
            padding: 0 0 0 0;
            margin-left: 10px;
        }

th.nrc, th.mrc {
    width: 95px;
}

th.sorted-asc {
    color: white;
    background-image: url("grids/up.gif");
    /*background-color: #7653F3;*/
    background-position-x: right;
    background-position-y: 80%;
    background-repeat: no-repeat;
}

th.sorted-desc {
    color: white;
    background-image: url("grids/dwn.gif");
    /*background-color: #7653F3;*/
    background-position-x: right;
    background-position-y: 80%;
    background-repeat: no-repeat;
}