/*----------GENERAL-----------*/
* {
    margin: 0;
    padding: 0;
    border: 0;
    box-sizing: border-box;
}

body {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    background-color: #fff;
    font-weight: 400;
    font-size: 14px;
    text-rendering: optimizeLegibility;
    scroll-behavior: smooth;
}

.bold{
    font-weight: bold;
}

.center-div {
    margin: 0 auto;
}

.RadMenu:active {
    border: none;
}

.container {
    max-width: 1250px !important;
}
  
.row.maxvw {
    max-width: 100vw;
}

.container-fluid.content {
    min-height: calc(100vh - 300px);
}

ul {
    list-style: none;
}

/*----------HEADER-----------*/
header {
    display: block;
    padding: 0;
    border: 0;
    border-radius: 0;
   /* text-align: center;*/
    z-index: 9000;
    background-color: #14171F;
    /*height:150px;*/
}

    header img {
        max-width: 100%;
        -webkit-transition: all 300ms ease-out;
        -moz-transition: all 300ms ease-out;
        -ms-transition: all 300ms ease-out;
        -o-transition: all 300ms ease-out;
        transition: all 300ms ease-out;
    }

@media only screen and (max-width: 576px) {
    header img {
        width: 50%;
    }
}

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
}

@media only screen and (max-width: 992px) {
    .sticky {
        /*padding-right: 30px;*/
    }
}

.sticked {
    padding-top: 150px;
}

#navbar {
    height: 150px;
    z-index: 9999;
}


/*----------CONTENT-----------*/
#content {
    z-index: 100;
}

.enquete-list > li {
    margin: 15px 0;
}

.enquete-box {
    position: relative;
    height: 100%;
    background-color: whitesmoke;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    overflow: hidden;
}

.enquete-box {
    margin-bottom: 30px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 10px;
}

    .enquete-box:hover,
    .enquete-box:active {
        background-color: white;
    }

.enquete-box-btn {
    width: 100%;
    position: absolute;
    bottom: 0px;
    text-align: center;
    padding-top: 5px;
    margin: 0 -10px;
}

/*----------FOOTER-----------*/
footer {
}

    footer .container-fluid {
        background-color: #14171F;
        right: 0;
        bottom: 0;
        left: 0;
        height: 150px;
    }

        footer .container-fluid .container,
        footer .container-fluid .container .row {
            height: 100%;
            align-self: center;
        }

    footer img {
        max-width: 100%;
        max-height: 75px;
        -ms-interpolation-mode: bicubic;
        border: 0;
        vertical-align: middle;
        margin: auto 0;
    }


/*----------OLD STUFF-----------*/
.blended_grid {
    padding-top: 10px;
    padding-bottom: 10px;
    /*width: 1000px;*/
    margin: auto;
}

.pageHeader {
    height: 300px !important;
    width: 100%;
}

@media (max-width: 400px) {
    .divImage {
        height: 100%;
        background-repeat: no-repeat;
        background-position: left -50px bottom 10px;
    }
}

@media (min-width: 401px) {
    .divImage {
        height: 100%;
        background-repeat: no-repeat;
        background-position: center;
    }
}

.pageTopMenu {
    background-color: white !important;
    /*float: left;
    height: 100px !important;
    width: 100%;
    vertical-align: middle;*/
}

.pageLeftMenu {
    background-color: white;
    float: left;
    width: 200px;
    padding-left: 5%;
    margin: 0 auto;
    min-height: 100%;
    overflow: auto;
}

.MainContainer {
    clear: both;
    width: 1000px;
    background-color: white;
    display: table;
    min-height: 300px;
}

.pageContentTS {
    background-color: white;
    float: right;
    min-height: 100%;
    max-width: 1250px;
    width: 100%;
}


.pageContent {
    background-color: white;
    float: right;
    min-height: 100%;
    max-width: 1080px;
    width: 100%;
}

.pageFooter {
    background-color: #14171F !important;
    clear: both;
    height: 150px;
    width: 1000px;
}

.tekst_PaginaTitel {
    font-family: 'AvenirNextPro', sans-serif;
    color: #172C3A;
    text-transform: uppercase;
    font-size: 28px;
    padding-bottom: 16px;
}

.tekst_Categorie {
    font-family: 'AvenirNextPro', sans-serif;
    color: #172C3A;
    text-transform: uppercase;
    font-size: 16px;
}

.tekst_Categorie_omsch {
    font-family: 'AvenirNextPro', sans-serif;
    color: #172C3A;
    text-transform: uppercase;
    font-size: 14px;
    /*padding-bottom: 16px;*/
}

.tekst_Normaal {
    color: #172C3A;
    font-family: 'AvenirNextPro', sans-serif;
    font-size: 14px;
}

.AlignNumbers {
    text-align: right;
}

.tekst_Titel {
    color: #646466;
    font-weight: bold;
    font-family: 'AvenirNextPro', sans-serif;
    font-size: 14px;
}

.gridStandaardUren {
}

.grid-iinput {
    /*margin: 0 auto;*/
    width: 100%;
}

    .grid-iinput .RadLabel {
        white-space: nowrap;
    }

    .grid-iinput tbody tr td {
        vertical-align: middle;
        height: 24px;
        min-height: 24px;
    }

    .grid-iinput .RadInput,
    .grid-iinput .RadLabel,
    .grid-iinput input[type="Text"],
    .grid-iinput input[type="password"] {
        width: 100% !important;
        white-space: nowrap;
    }

    .grid-iinput .RadPicker,
    .grid-iinput .RadComboBox,
    .grid-iinput .RadButton.rbSkinnedButton,
    .grid-iinput .RadButton.rbVerticalButton,
    .grid-iinput .RadButton .rbDecorated,
    .grid-iinput .RadDropDownList {
        width: 100% !important;
    }

/* Weergave projecten */

.feature-box {
    border: 1px solid transparent;
    position: relative;
    height: 100%;
    background-color: transparent;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    overflow: hidden;
  /*  color: #172C3A;*/
}

    .feature-box:link {
        text-decoration: none;
      /* // color: #172C3A;*/
    }

    .feature-box:hover,
    .feature-box:active {
        border-color: #00b096; 
    }

/*
.feature-list {
    width: 100%;
}
    */
    .article-list > li,
    .feature-list > li {
        margin: 10px 0;
    }

 

.feature-box-content {
    display: block !important;
    text-align: center;
}

    .feature-box-content.text {
        display: inherit !important;
        font-size: 16px;
        padding: 5px 0 5px 0;
    }


#hover-language {
    margin-top: 0px;
    line-height: 16px;
    width: 140px;
    right: 5%;
    z-index: 1100;
    color: white;
    background-color: black;
}


    #hover-language button,
    #hover-language,
    #hover-language .rbDecorated {
        font-size: 14px !important;
        width: 100%;
        color: red;
    }

.wrap-hover {
    z-index: 1200;
    min-height: 50px;
    position: absolute;
    visibility: hidden;
    box-sizing: border-box;
    color: white;
    background-color: black;
}

.hover {
    width: 100%;
    height: 100%;
}

    .hover:hover + .wrap-hover,
    .wrap-hover:hover,
    .hover:active + .wrap-hover,
    .wrap-hover:active {
        visibility: visible;
    }.RadGrid_IT {
    border-color: #768ca5;
    color: #333333;
    background-color: #ffffff;
    font-size: 12px;
    line-height: 16px;
    font-family: 'AvenirNextPro', sans-serif;
    width: 100% !important;
}

    .RadGrid_IT .rgMasterTable, .RadGrid_IT .rgDetailTable, .RadGrid_IT .rgGroupPanel table, .RadGrid_IT .rgCommandRow table, .RadGrid_IT .rgEditForm table, .RadGrid_IT .rgPager table {
        font-size: 12px;
        line-height: 16px;
        font-family: 'AvenirNextPro', sans-serif;
    }

    .RadGrid_IT .rgInput {
        border-color: #6e8aa8;
        color: #333333;
        background-color: #ffffff;
    }

.GridToolTip_IT {
    font-size: 12px;
    line-height: 16px;
    font-family: 'AvenirNextPro', sans-serif;
}

.RadGrid_IT .rgHeader:first-child, .RadGrid_IT th.rgResizeCol:first-child, .RadGrid_IT .rgFilterRow > td:first-child, .RadGrid_IT .rgRow > td:first-child, .RadGrid_IT .rgAltRow > td:first-child {
    border-left-width: 0;
    padding-left: 8px;
}

.RadGrid_IT .rgSave, .RadGrid_IT .rgAdd, .RadGrid_IT .rgRefresh, .RadGrid_IT .rgEdit, .RadGrid_IT .rgDel, .RadGrid_IT .rgFilter, .RadGrid_IT .rgPagePrev, .RadGrid_IT .rgPageNext, .RadGrid_IT .rgPageFirst, .RadGrid_IT .rgPageLast, .RadGrid_IT .rgExpand, .RadGrid_IT .rgCollapse, .RadGrid_IT .rgSortAsc, .RadGrid_IT .rgSortDesc, .RadGrid_IT .rgUpdate, .RadGrid_IT .rgCancel, .RadGrid_IT .rgUngroup, .RadGrid_IT .rgExpXLS, .RadGrid_IT .rgExpDOC, .RadGrid_IT .rgExpPDF, .RadGrid_IT .rgExpCSV {
    background-image: url('Grid/sprite.gif');
}

.RadGrid_IT .rgHeaderDiv {
    background: #dae2e8 0 -7050px repeat-x url('Grid/sprite.gif');
}

.rgTwoLines .rgHeaderDiv {
    background-position: 0 -6550px;
}

.RadGrid_IT .rgHeader, .RadGrid_IT th.rgResizeCol, .RadGrid_IT .rgHeaderWrapper {
    /* border: 1px solid;*/
    border-color: #98acbf #728ba1 #3d556c #455f77;
    border-top-width: 0;
    /*background: 0 -2300px repeat-x #718ca1 url('Grid/sprite.gif');*/
    background-color: #14171F;
    font-weight: bold;
}

.RadGrid_IT .rgMultiHeaderRow th.rgHeader, .RadGrid_IT .rgMultiHeaderRow th.rgResizeCol {
    /*border: 1px solid;*/
    border-color: #98acbf #728ba1 #3d556c #455f77;
    border-top-width: 0;
    font-weight: bold;
}

.RadGrid_IT .rgHeaderDiv {
    border-right-color: #768ca5;
}

.RadGrid_IT th.rgSorted {
    border-color: #7c93a8 #758ea4 #334d65 #39556e;
    background-color: #5c7990;
    background-position: 0 -2600px;
}

.RadGrid_IT .rgHeader {
    color: #fff;
}

    .RadGrid_IT .rgHeader a {
        color: #fff;
    }

.RadGrid_IT .rgRow > td, .RadGrid_IT .rgAltRow > td, .RadGrid_IT .rgEditRow > td, .RadGrid_IT .rgFooter > td {
    border-width: 0 1px 1px;
}

.RadGrid_IT .rgRow > td {
    border-color: #14171F; /*#fff #fff #fff #dae2e8*/
    ;
}

.RadGrid_IT .rgAltRow {
    background: #dae2e8;
}

    .RadGrid_IT .rgAltRow > td {
        border-color: #14171F;
    }

.RadGrid_IT .rgRow .rgSorted {
    border-bottom-color: #f0f0f0;
    background-color: #f0f0f0;
}

.RadGrid_IT .rgSelectedRow .rgSorted, .RadGrid_IT .rgActiveRow .rgSorted, .RadGrid_IT .rgHoveredRow .rgSorted, .RadGrid_IT .rgEditRow .rgSorted {
    background-color: transparent;
}

.RadGrid_IT .rgRow a, .RadGrid_IT .rgAltRow a, .RadGrid_IT .rgEditRow a, .RadGrid_IT .rgFooter a, .RadGrid_IT .rgEditForm a {
    color: #0e3d4f;
}

.RadGrid_IT .rgMasterTable .rgSelectedCell, .RadGrid_IT .rgSelectedRow {
    background: #7bbbcf 0 -3900px repeat-x url('Grid/sprite.gif');
}

    * + html .RadGrid_IT .rgSelectedRow .rgSorted {
        background-color: #7bbbcf;
    }

.RadGrid_IT .rgMasterTable .rgActiveCell, .RadGrid_IT .rgActiveRow, .RadGrid_IT .rgHoveredRow {
    background: #bfe3f6 0 -2900px repeat-x url('Grid/sprite.gif');
}

    * + html .RadGrid_IT .rgActiveRow .rgSorted, * + html .RadGrid_IT .rgHoveredRow .rgSorted {
        background-color: #bfe3f6;
    }

.RadGrid_IT .rgEditRow {
    background: white 0 -4900px repeat-x url('Grid/sprite.gif');
}

    * + html .RadGrid_IT .rgEditRow .rgSorted {
        background-color: #fff;
    }

    .RadGrid_IT .rgSelectedRow > td, .RadGrid_IT .rgActiveRow > td, .RadGrid_IT .rgHoveredRow > td, .RadGrid_IT .rgEditRow > td {
        border-left-width: 0;
        border-right-width: 0;
        padding-left: 8px;
        padding-right: 8px;
    }

.RadGrid_IT .rgSelectedRow > td {
    border-bottom-color: #133c44;
}

    .RadGrid_IT .rgSelectedRow > td.rgSorted {
        border-bottom-color: #133c44;
    }

.RadGrid_IT .rgActiveRow > td, .RadGrid_IT .rgHoveredRow > td, .RadGrid_IT .rgActiveRow td.rgSorted, .RadGrid_IT .rgHoveredRow td.rgSorted {
    border-bottom-color: #5d9fb7;
}

.RadGrid_IT .rgEditRow > td {
    border-color: #fff #fff #768ca5 #fff;
}

    .RadGrid_IT .rgEditRow > td.rgSorted {
        border-color: #fff #fff #768ca5 #fff;
    }

.RadGrid_IT .rgEditRow {
    background-color: rgba(118, 140, 165, 0.75);
    color: #333333;
}

.RadGrid_IT .rgDeletedRow.rgHoveredRow > td {
    border-color: #dae2e8;
}

.RadGrid_IT .rgBatchOverlay {
    background: rgba(118, 140, 165, 0.75);
}

.RadGrid_IT .rgBatchUndoDeleteButton {
    padding: 0 7px 0 0;
    left: 7px;
    border: 1px solid;
    border-radius: 4px;
    border-color: #6e8aa8;
    color: #0d202b;
    background-color: #d7e2e7;
    background-image: linear-gradient(#e0e7ed, #c2d2dd 50%, #a3baca 50%, #d7e2e7);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.45);
}

    .RadGrid_IT .rgBatchUndoDeleteButton:before {
        vertical-align: -7px;
        background-image: url('Common/radActionsSprite.png');
        background-position: 0px -2380px;
        background-repeat: no-repeat;
    }

    .RadGrid_IT .rgBatchUndoDeleteButton:hover {
        border-color: #1c9fcc;
        color: #0e3d4f;
        background-color: #bee3f6;
        background-image: linear-gradient(#d4eaf8, #baddf4 50%, #9edaf2 50%, #bee3f6);
        box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.32);
    }

        .RadGrid_IT .rgBatchUndoDeleteButton:hover:before {
            background-position: -20px -2380px;
        }

.RadGrid_IT .rgDrag {
    background-image: url('Grid/rgDrag.gif');
}

.RadGrid_IT .rgFooterDiv, .RadGrid_IT .rgFooter, .RadGrid_IT .rgFooterWrapper {
    /* background: #dae2e8;*/
}

    .RadGrid_IT .rgFooter > td, .RadGrid_IT .rgFooterWrapper {
        border-top-width: 1px;
        border-color: #14171F; /*//#a2b3c7 #dae2e8 #fff #dae2e8;*/
        font-weight: bold;
    }

        .RadGrid_IT .rgFooterWrapper .rgFooter > td {
            border-bottom: 0;
            font-weight: bold;
        }

.RadGrid_IT .rgFooterWrapper {
    border-bottom: 1px solid #fff;
}

.RadGrid_IT .rgPager .rgStatus {
    border: 1px solid;
    border-color: #a2b3c7 #9cb6c5 #fff #9cb6c5;
    border-left-width: 0;
}

.RadGrid_IT .rgStatus div {
    background-image: url('Common/loading_small.gif');
}

.RadGrid_IT .rgPager {
    background: #dae2e8;
}

.RadGrid_IT td.rgPagerCell {
    border: 1px solid;
    border-color: #a2b3c7 #fff #fff;
    border-right-width: 0;
}

.RadGrid_IT .rgInfoPart {
    color: #506175;
}

    .RadGrid_IT .rgInfoPart strong {
        color: #000;
    }

.RadGrid_IT .rgPageFirst {
    background-position: 0 -550px;
}

    .RadGrid_IT .rgPageFirst:hover {
        background-position: 0 -600px;
    }

.RadGrid_IT .rgPagePrev {
    background-position: 0 -700px;
}

    .RadGrid_IT .rgPagePrev:hover {
        background-position: 0 -750px;
    }

.RadGrid_IT .rgPageNext {
    background-position: 0 -850px;
}

    .RadGrid_IT .rgPageNext:hover {
        background-position: 0 -900px;
    }

.RadGrid_IT .rgPageLast {
    background-position: 0 -1000px;
}

    .RadGrid_IT .rgPageLast:hover {
        background-position: 0 -1050px;
    }

.RadGrid_IT .rgPager .rgPagerButton {
    border-color: #4e667e #476077 #425c71;
    background: #d7e2e7 repeat-x 0 -1550px url('Grid/sprite.gif');
    color: #0d202b;
    font: 12px "Segoe UI", Arial, Helvetica, sans-serif;
}

.RadGrid_IT .rgNumPart a {
    color: #000;
}

    .RadGrid_IT .rgNumPart a:hover, .RadGrid_IT .rgNumPart a.rgCurrentPage {
        background: no-repeat url('Grid/sprite.gif');
    }

        .RadGrid_IT .rgNumPart a:hover span, .RadGrid_IT .rgNumPart a.rgCurrentPage span {
            background: no-repeat url('Grid/sprite.gif');
        }

    .RadGrid_IT .rgNumPart a:hover {
        background-position: 100% -1250px;
        color: #0e3d4f;
    }

        .RadGrid_IT .rgNumPart a:hover span {
            background-position: 0 -1150px;
            cursor: pointer;
        }

    .RadGrid_IT .rgNumPart a.rgCurrentPage {
        background-position: 100% -1450px;
        color: #0053a5;
    }

        .RadGrid_IT .rgNumPart a.rgCurrentPage:hover {
            background-position: 100% -1450px;
            color: #0053a5;
        }

            .RadGrid_IT .rgNumPart a.rgCurrentPage span, .RadGrid_IT .rgNumPart a.rgCurrentPage:hover span {
                background-position: 0 -1350px;
            }

.RadGrid_IT .rgHeader .rgSortAsc {
    background-position: 3px -247px;
    height: 10px;
}

.RadGrid_IT .rgHeader .rgSortDesc {
    background-position: 3px -197px;
    height: 10px;
}

.RadGrid_IT .rgCommandRow .rgPrev,
.RadGrid_IT .rgCommandRow .rgNext {
    padding: 0 10px;
    line-height: 20px;
    border-radius: 3px;
    border-color: #6e8aa8;
    color: #0d202b;
    background-color: #d7e2e7;
    background-image: linear-gradient(#e0e7ed, #c2d2dd 50%, #a3baca 50%, #d7e2e7);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.45);
    margin-right: 10px;
}

    .RadGrid_IT .rgCommandRow .rgPrev span,
    .RadGrid_IT .rgCommandRow .rgNext span {
        width: 10px;
        height: 10px;
        background-image: url('Common/radActionsSprite.png');
    }

    .RadGrid_IT .rgCommandRow .rgPrev:hover,
    .RadGrid_IT .rgCommandRow .rgNext:hover {
        border-color: #1c9fcc;
        color: #0e3d4f;
        background-color: #bee3f6;
        background-image: linear-gradient(#d4eaf8, #baddf4 50%, #9edaf2 50%, #bee3f6);
        box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.32);
    }

    .RadGrid_IT .rgCommandRow .rgPrev.rgDisabled:hover,
    .RadGrid_IT .rgCommandRow .rgNext.rgDisabled:hover {
        border-color: #6e8aa8;
        color: #0d202b;
        background-color: #d7e2e7;
        background-image: linear-gradient(#e0e7ed, #c2d2dd 50%, #a3baca 50%, #d7e2e7);
        box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.45);
    }

.RadGrid_IT .rgPrev span {
    margin-right: 10px;
    background-position: -5px -45px;
}

.RadGrid_IT .rgNext span {
    margin-left: 10px;
    background-position: -5px -65px;
}

.GridReorderTop_IT {
    background: 0 0 no-repeat url('Grid/sprite.gif');
}

.GridReorderBottom_IT {
    background: 0 0 no-repeat url('Grid/sprite.gif');
    background-position: 0 -50px;
}

.RadGrid_IT .rgFilterRow {
    background: #dae2e8;
}

    .RadGrid_IT .rgFilterRow > td {
        border: 1px solid;
        border-top-width: 0;
        border-color: #dae2e8 #dae2e8 #a2b3c7;
    }

.RadGrid_IT .rgFilter {
    background-position: 0 -300px;
}

    .RadGrid_IT .rgFilter:hover {
        background-position: 0 -350px;
    }

.RadGrid_IT .rgFilterActive {
    background-position: 0 -400px;
}

    .RadGrid_IT .rgFilterActive:hover {
        background-position: 0 -400px;
    }

.RadGrid_IT .rgFiltered {
    background-position: 0 -325px;
}

    .RadGrid_IT .rgFiltered:hover {
        background-position: 0 -375px;
    }

    .RadGrid_IT .rgFiltered.rgFilterActive {
        background-position: 0 -425px;
    }

.RadGrid_IT .rgFilterBox {
    border-color: #768ca5;
    font: 12px "Segoe UI", Arial, Helvetica, sans-serif;
    color: #000;
}

.RadGrid_IT .rgOptions {
    background: url('Common/radActionsSprite.png') -2.5px -2402.5px no-repeat;
}

.RadGrid_IT .rgOptSelected {
    background-position: -22.5px -2402.5px;
}

.RadMenu_IT .rgHCMClear, .RadMenu_IT .rgHCMFilter {
    border-color: #4e667e #476078 #425c71;
    background: #d7e2e7 center -23px repeat-x url('FormDecorator/ButtonSprites.gif');
    color: #0d202b;
    font-family: 'AvenirNextPro', sans-serif;
    border-radius: 2px;
}

    .RadMenu_IT .rgHCMClear:hover, .RadMenu_IT .rgHCMFilter:hover {
        border-color: #5d9fb7;
        background-position: center -67px;
        background-color: #bee3f6;
        color: #0e3d4f;
    }

.RadMenu_IT_Context .rgFilterApply,
.RadMenu_IT_Context .rgFilterCancel {
    background-image: url('Common/radGradientButtonSprite.png');
    border-color: #6e8aa8;
    color: #0d202b;
    background-color: #d7e2e7;
    background-image: linear-gradient(#e0e7ed, #c2d2dd 50%, #a3baca 50%, #d7e2e7);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.45);
    font-family: 'AvenirNextPro', sans-serif;
    font-size: 12px;
}

div.RadMenu_IT_Context .rlbGroup {
    border-color: #ffffff;
}

.GridContextMenu_IT .rmLeftImage {
    background-image: url('../Common/Grid/contextMenu.gif');
}

.GridContextMenu_IT .rgHCMSortAsc .rmLeftImage {
    background-position: 0 0;
}

.GridContextMenu_IT .rgHCMSortDesc .rmLeftImage {
    background-position: 0 -40px;
}

.GridContextMenu_IT .rgHCMUnsort .rmLeftImage {
    background-position: 0 -80px;
}

.GridContextMenu_IT .rgHCMGroup .rmLeftImage {
    background-position: 0 -120px;
}

.GridContextMenu_IT .rgHCMUngroup .rmLeftImage {
    background-position: 0 -160px;
}

.GridContextMenu_IT .rgHCMCols .rmLeftImage {
    background-position: 0 -200px;
}

.GridContextMenu_IT .rgHCMFilter .rmLeftImage {
    background-position: 0 -240px;
}

.GridContextMenu_IT .rgHCMUnfilter .rmLeftImage {
    background-position: 0 -280px;
}

.RadGrid_IT .rgGroupPanel {
    border: 0;
    border-bottom: 1px solid #3d556c;
    background: #dfeeff;
}

    .RadGrid_IT .rgGroupPanel td {
        border: 0;
        padding: 3px;
        vertical-align: middle;
    }

        .RadGrid_IT .rgGroupPanel td td {
            padding: 0;
        }

    .RadGrid_IT .rgGroupPanel .rgSortAsc {
        background-position: 4px -144px;
    }

    .RadGrid_IT .rgGroupPanel .rgSortDesc {
        background-position: 4px -94px;
    }

.RadGrid_IT .rgUngroup {
    background-position: 0 -6500px;
}

.RadGrid_IT .rgGroupItem {
    border: 1px solid #506175;
    background: #ebf7ff;
    color: #0053a5;
}

.RadGrid_IT .rgGroupHeader {
    background: #14171F;
    font-size: 1.1em;
    line-height: 21px;
    color: #fff;
}

    .RadGrid_IT .rgGroupHeader > td {
        padding: 0 8px;
    }

.RadGrid_IT td.rgGroupCol, .RadGrid_IT td.rgExpandCol {
    /*background: #14171F none;*/
    border-color: #14171F;
}

.RadGrid_IT tfoot .rgGroupCol,
html .RadGrid_IT .rgFooterWrapper .rgGroupCol {
    /*background: #14171F;*/
    border-color: #14171F;
    font-weight: bold;
}

.RadGrid_IT .rgExpand {
    background-position: 5px -496px;
}

.RadGrid_IT .rgCollapse {
    background-position: 3px -454px;
}

.RadGrid_IT .rgEditForm:not(.rgEditPopup) {
    border-bottom: 1px solid #768ca5;
}

.RadGrid_IT .rgUpdate {
    background-position: 0 -1800px;
}

.RadGrid_IT .rgCancel {
    background-position: 0 -1850px;
}

.RadGrid_IT .rgDetailTable {
    border-color: #14171F;
}

.RadGrid_IT .rgCommandRow {
    background: #495a70 0 -2099px repeat-x url('Grid/sprite.gif');
    color: #fff;
}

.RadGrid_IT .rgCommandCell {
    border: 1px solid #212f41;
    padding: 0;
}

.RadGrid_IT .rgCommandTable {
    border: 1px solid;
    border-color: #14171F;
}

    .RadGrid_IT .rgCommandTable td {
        border: 0;
        padding: 2px 7px;
    }

.RadGrid_IT .rgCommandRow a {
    color: #fff;
    text-decoration: none;
}

.RadGrid_IT .rgAdd {
    margin-right: 3px;
    background-position: 0 -1650px;
}

.RadGrid_IT .rgRefresh {
    margin-right: 3px;
    background-position: 0 -1600px;
}

.RadGrid_IT .rgEdit {
    background-position: 0 -1700px;
}

.RadGrid_IT .rgDel {
    background-position: 0 -1750px;
}

.RadGrid_IT .rgExpXLS, .RadGrid_IT .rgExpDOC, .RadGrid_IT .rgExpPDF, .RadGrid_IT .rgExpCSV {
    background-image: url('../Common/Grid/export.gif');
}

.RadGrid_IT .rgExpXLS {
    background-position: 0 0;
}

.RadGrid_IT .rgExpDOC {
    background-position: 0 -50px;
}

.RadGrid_IT .rgExpPDF {
    background-position: 0 -100px;
}

.RadGrid_IT .rgExpCSV {
    background-position: 0 -150px;
}

.rgCellSelectorArea_IT, .GridRowSelector_IT {
    background: #3d556c;
}

.GridItemDropIndicator_IT {
    border-top: 1px dashed #3d556c;
}

.GridToolTip_IT {
    border: 1px solid #768ca5;
    padding: 3px;
    background: #dae2e8;
    color: #000;
}

.RadGridRTL_IT .rgHeader:first-child, .RadGridRTL_IT th.rgResizeCol:first-child, .RadGridRTL_IT .rgFilterRow > td:first-child, .RadGridRTL_IT .rgRow > td:first-child, .RadGridRTL_IT .rgAltRow > td:first-child {
    border-left-width: 1px;
    padding-left: 7px;
}

.RadGridRTL_IT .rgPageFirst {
    background-position: 0 -1000px;
}

    .RadGridRTL_IT .rgPageFirst:hover {
        background-position: 0 -1050px;
    }

.RadGridRTL_IT .rgPagePrev {
    background-position: 0 -850px;
}

    .RadGridRTL_IT .rgPagePrev:hover {
        background-position: 0 -900px;
    }

.RadGridRTL_IT .rgPageNext {
    background-position: 0 -700px;
}

    .RadGridRTL_IT .rgPageNext:hover {
        background-position: 0 -750px;
    }

.RadGridRTL_IT .rgPageLast {
    background-position: 0 -550px;
}

    .RadGridRTL_IT .rgPageLast:hover {
        background-position: 0 -600px;
    }

.RadGridRTL_IT .rgExpand {
    background-position: -20px -496px;
}


/*RADGRID FOR MOBILE*/
.RadGrid_IT {
    min-width: fit-content;
}

    .RadGrid_IT table {
        border-collapse: collapse;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
    }

    .RadGrid_IT th {
        background-color: #eee;
        font-weight: bold;
    }

    /*Fixing situations*/
    .RadGrid_IT .rfdRealInput {
        position: initial !important;
    }

    .RadGrid_IT:focus {
        outline: none;
    }

/* Stack rows vertically on small screens */
@media (max-width: 55em) {
    .RadGrid_IT {
        border: 0 !important;
        padding-top: 10px;
    }

        .RadGrid_IT .rgMasterTable {
            display: block;
        }

        .RadGrid_IT thead tr {
            position: absolute;
            top: -9999em;
            left: -9999em;
        }

        .RadGrid_IT tbody > tr.rgRow,
        .RadGrid_IT tbody > tr.rgAltRow {
            border: 1px solid transparent;
            transition: all linear 0.15s
        }

            .RadGrid_IT tbody > tr.rgRow:active,
            .RadGrid_IT tbody > tr.rgRow:hover,
            .RadGrid_IT tbody > tr.rgRow:focus,
            .RadGrid_IT tbody > tr.rgAltRow:active,
            .RadGrid_IT tbody > tr.rgAltRow:hover,
            .RadGrid_IT tbody > tr.rgAltRow:focus {
                border: 1px solid #21A794;
            }

        .RadGrid_IT tr + tr,
        .RadGrid_IT .rgPager {
            margin-top: 0.5em;
        }

        .RadGrid_IT tbody > .rgRow,
        .RadGrid_IT tbody > .rgRow > td,
        .RadGrid_IT tbody > .rgAltRow,
        .RadGrid_IT tbody > .rgAltRow > td {
            display: block;
        }

        .RadGrid_IT tbody {
            width: 100% !important;
            display: inherit;
        }

            .RadGrid_IT tbody > tr > td {
                box-sizing: border-box;
                border-bottom: 1px solid transparent !important;
                border-left: 0 !important;
                border-top: 0 !important;
                border-right: 0 !important;
                /*padding-left: 20px;*/
                width: 100% !important;
                text-align: right;
            }


            .RadGrid_IT tbody .rgWrap.rgAdvPart {
                margin-top: 10px;
            }

            .RadGrid_IT tbody > .rgRow {
                background: #ecf0f1;
            }

                .RadGrid_IT tbody > .rgRow > td {
                    border-color: #14171F !important;
                }

            .RadGrid_IT tbody > .rgAltRow {
                background: #bdc3c7;
            }

                .RadGrid_IT tbody > .rgAltRow > td {
                    border-color: #14171F !important;
                }

        .RadGrid_IT .rgGroupHeader td {
            text-align: left;
        }

        .RadGrid_IT .rgRow td,
        .RadGrid_IT .rgAltRow td {
            text-align: right;
            position: relative;
        }

            .RadGrid_IT .rgRow td:before,
            .RadGrid_IT .rgAltRow td:before {
                content: attr(data-label);
                display: inline-block;
                font-weight: bold;
                left: 10px;
                position: absolute;
                top: 50%;
                transform: translate(0, -50%);
            }
}