body {
    padding: 0;
    margin: 0;
    padding-bottom: 20px;
    margin: 0 auto;
    min-width: 300px;
}






/*Change disabled background color to lightgray*/
.dxeDisabled_Office2010Blue,
.dxeDisabled_Office2010Blue td.dxe,
.dxeEditArea_Office2010Blue.dxeDisabled_Office2010Blue,
select:disabled,
input:disabled,
textarea:disabled {
    background-color: lightgray;
    color: #1e395b;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

.center-content {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.custom-message {
    min-width: 300px;
    min-height: 100px;
    background: #ffffff;
    border: 1px solid grey;
    padding: 20px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: #333 5px 5px 2px;
    width: 400px;
    margin: auto;
}

.label-ErrorPage {
    background-color: darkgray;
}

textarea {
    resize: none;
}

.canvas-scalable {
    width: 250px;
    height: 200px;
    margin: 0px;
    border: 1px;
    border: solid;
    border-color: black;
}

.panel-loading {
    position: fixed;
    background-color: aqua;
    color: red;
}

.table-responsive .table {
    max-width: none;
    -webkit-overflow-scrolling: touch !important;
}

.label-adlevo {
    font-weight: 700;
}



.Adlevo-grid .GridHeader {
    background-color: #bdd0e7;
}

/*Table stripes*/
.Adlevo-grid .table-striped > tbody > tr:nth-child(odd) > td {
    background-color: aliceblue;
}

/*Table hover background color*/
.Adlevo-grid .table-hover tbody tr:hover td {
    background-color: #e5e5e5;
    cursor: pointer;
}


/*Table stripes*/
.table-striped > tbody > tr:nth-child(odd) > td {
    background-color: aliceblue;
}

/*Table hover background color*/
.table-hover tbody tr:hover td {
    background-color: #e5e5e5;
    cursor: pointer;
}

/**/
.table-workticket {
    border: 1pt solid;
    width: 100%;
}

    /*Header color of table*/
    .table-workticket th {
        /*office2010blue color*/
        background-color: #bdd0e7;
    }

.panel-Workticket {
    width: 100%;
}

.hiddenItem {
    display: none;
}

.invisibleItem {
    visibility: hidden;
    /*JH: object behoudt zijn oorspronkelijke afmeting en deze functie beinvloed dus niet de lay-out.*/
}

.product-editform {
    width: 700px;
}





/** alles kleiner dan desktop **/
@media only screen and (max-width : 970px) {
}


/**Werkt alleen op schermen die groter zijn dan 768px**/
@media only screen and (min-width : 768px) {
    .stuck {
        position: fixed;
        top: 0px;
        left: 0px;
        max-height: 100%;
        width: 160px;
        overflow-y: visible;
    }

    .notstuck {
        margin-left: 160px;
        width: 90%;
    }
}

.ui-autocomplete {
    position: absolute;
    cursor: default;
    z-index: 90000 !important;
}

/** alles groter dan 1024px (desktops) **/
@media only screen and (min-width : 1024px) {
    .label-special {
        display: block;
    }
}

.myEditForm {
    z-index: 12000 !important;
}

/** Mobile **/
@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
    .product-editform {
        width: 100%;
    }
}

/** Tablet **/
@media only screen and (min-width : 768px) and (max-width : 1024px) {
}

/** Tablet (landscape) **/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
}


/** Tablet (landscape) **/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
}





.divMargin {
    margin-right: 25%;
}

.label-padding {
    padding-left: 10px;
}

.label-padding-collapsible {
    color: white;
    padding: 5px 5px 0 0;
}

.username-color {
    color: white;
}

/*Navigation menu active color*/
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #428bca;
    background-color: #F9F9F9;
}

/*Navigation background color*/
.navbar-default {
    background-color: white;
}

/*This is needed to make the checkboxes looklike bootstrap boxes*/
.checkbox .btn,
.checkbox-inline .btn {
    min-width: 8em;
}

.checkbox label,
.checkbox-inline label {
    text-align: left;
}
/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

.span-Adlevo {
    width: 80%;
    max-width: 100%;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box;
}

.Adlevo-max-width200px {
    width: 150px;
    max-width: 150px;
}

/* Set widths on the form inputs since otherwise they're 100% wide
 */
input[type="text"],
input[type="textarea"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="select"],
input[type="number"],
input[type="time"],
input[type="date"],
textarea,
.AdlevoMaxWidth,
select {
    width: 100%;
    max-width: 100%;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box;
}



.PanelMargin {
    overflow: hidden;
    height: 0;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }

    .body-content {
        padding: 0;
    }
}

.div-centered-header {
    text-align: center;
    width: 100%;
    background-color: #428bca;
    height: 50px;
    color: white;
    margin: 0 auto;
    font-size: 30px;
    margin-top: 5px;
    vertical-align: middle;
}

.div-centered-extra {
    text-align: center;
    width: 100%;
    background-color: #428bca;
    height: 35px;
    color: white;
    margin: 0 auto;
    font-size: 20px;
    margin-top: 5px;
    vertical-align: middle;
}



/*Make hover over the grid header not change color*/
/*
.table-hover tbody tr:hover th {
    background-color: darkgrey;
}*/





.menu-customized {
    height: 25px;
}

.panel-collapse-header {
    height: 30px;
    vertical-align: middle;
}

.panel-color-on {
    background-color: rgb(51, 122, 183);
}

.panel-color-off {
    background-color: rgb(40, 96, 144);
    cursor: pointer;
}

.upload-container {
    position: relative;
}

.upload-base {
    position: absolute;
}

.upload-overlay {
    position: absolute;
    z-index: 10;
}




/*input.alt {
    border: none;
    padding: 2px;
}
input.alt:focus {
    border: 1px inset #999;
    -moz-border-radius: 2px;
    border-radius: 2px;
}*/





/** Primary bootstrap breadcrumb css Start**/
/** The Magic **/
.btn-breadcrumb .btn:not(:last-child):after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
    border-left: 10px solid white;
    position: absolute;
    top: 50%;
    margin-top: -17px;
    left: 100%;
    z-index: 3;
}

.btn-breadcrumb .btn:not(:last-child):before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
    border-left: 10px solid rgb(173, 173, 173);
    position: absolute;
    top: 50%;
    margin-top: -17px;
    margin-left: 1px;
    left: 100%;
    z-index: 3;
}

/** The Spacing **/
.btn-breadcrumb .btn {
    padding: 6px 12px 6px 24px;
}

    .btn-breadcrumb .btn:first-child {
        padding: 6px 6px 6px 10px;
    }

    .btn-breadcrumb .btn:last-child {
        padding: 6px 18px 6px 24px;
    }

    /** Primary button **/
    .btn-breadcrumb .btn.btn-primary:not(:last-child):after {
        border-left: 10px solid #428bca;
    }

    .btn-breadcrumb .btn.btn-primary:not(:last-child):before {
        border-left: 10px solid #357ebd;
    }

    .btn-breadcrumb .btn.btn-primary:hover:not(:last-child):after {
        border-left: 10px solid #3276b1;
    }

    .btn-breadcrumb .btn.btn-primary:hover:not(:last-child):before {
        border-left: 10px solid #285e8e;
    }
/** Bootstrap breadcrumb css END**/







/*Gridview start*/
/*used to set the color of gridview header*/
.GridHeader {
    background-color: darkgray;
    color: rgb(82, 82, 82);
}



/*Login start*/
.Login-div {
    display: table;
    margin: 0 auto;
    vertical-align: middle;
}

.error-message {
    color: red;
}

.warning-message {
    color: orange;
}

.succes-message {
    color: darkblue;
}

/*Login end*/

.bt-hide {
    display: none;
}

.my-error-class {
    color: #FF0000; /* red */
}

.my-valid-class {
    color: #00CC00; /* green */
}

.connectSucces {
    background-color: green;
}

.connectFail {
    background-color: red;
}

.calculate-textfield {
    text-align: right;
}


.OverLayed {
    z-index: 1590;
}

.OverLayed1 {
    z-index: 1580;
}

.OverLayed2 {
    z-index: 1570;
}

.OverLayed3 {
    z-index: 1570;
}

.OverLayed3to4 {
    z-index: 1560;
}

.OverLayed4 {
    z-index: 1560;
}

.OverLayed5 {
    z-index: 1550;
}

.OverLayed6 {
    z-index: 1530;
}

.OverLayed7 {
    z-index: 1520;
}

.OverLayed8 {
    z-index: 1510;
}

.OverLayed9 {
    z-index: 1500;
}

.OverLayedMax {
    z-index: 99999;
}

.OverLayable {
    z-index: 0;
}

.AutoResize {
    width: 100%;
    min-height: 20px;
    max-height: 300px;
    resize: none;
}




.Adlevo-header {
    /*height: 10vh;*/
    /*position: fixed;*/
    vertical-align: top;
    left: 0;
    background-color: aliceblue;
}

.Adlevo-content-panel-heading {
    top: 15vh;
    border: solid 1px;
    border-width: 1px;
}

.Adlevo-content-header {
    border: solid 1px;
    border-color: black;
}

.Adlevo-content-panel-body {
    background-color: aliceblue;
}

.Adlevo-content, .Adlevo-content-content {
    /*top: 10vh;*/
    position: fixed;
    height: 100%;
}

.Adlevo-content {
    /*top: 10vh; 
    height: 90vh;*/
    /*Total of 100*/
    padding-top: 60px;
    /*padding-left: 150px;*/
    height: 100%;
    position: fixed;
    overflow-y: scroll;
}

.Adlevo-content_mob {
    /*top: 10vh; 
    height: 90vh;*/
    /*Total of 100*/
    height: 100%;
    position: fixed;
    overflow-y: scroll;
}

.Adlevo-content-content {
    /*top: 23vh;
    height: 76vh;*/
    /*Total of 99*/
    top: 150px;
    height: 80vh;
    position: fixed;
    overflow-y: scroll;
    /*position: absolute;
  right: 50px;  top: 100px;  bottom: 0; left: 50px;
  margin: auto;*/
}


.Adlevo-Sidebar-Left {
    background-color: green;
    display: block;
}

.navbar-toggle {
    background-color: #337ab7;
}

/*Icons in ttextfields Start*/
/* enable absolute positioning */
.inner-addon {
    position: relative;
}

    /* style icon */
    .inner-addon .glyphicon {
        position: absolute;
        padding: 2px;
        pointer-events: none;
    }

/* align icon */
.left-addon .glyphicon {
    left: 0px;
}

.right-addon .glyphicon {
    right: 0px;
}

/* add padding  */
.left-addon input {
    padding-left: 30px;
}

.right-addon input {
    padding-right: 30px;
}
/*Icons in textfields End*/

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: lightgray
}

::-moz-placeholder { /* Firefox 19+ */
    color: lightgray;
}

:-ms-input-placeholder { /* IE 10+ */
    color: lightgray;
}

:-moz-placeholder { /* Firefox 18- */
    color: lightgray;
}



@media(device-width: 768px) and (device-height: 1024px) {
    ::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 7px;
    }

    ::-webkit-scrollbar-thumb {
        border-radius: 4px;
        background-color: rgba(0,0,0,.5);
        -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
    }
    /*https://stackoverflow.com/questions/7492062/css-overflow-scroll-always-show-vertical-scroll-bar*/
}

/* FlxProject */
/*/* Begin FlxOrderScan */
.OrderScanWidgetBox {
    position: relative;
    margin-left: -15px;
    right: -15px;
    background-color: white;
    width: 100%;
    height: 100vh;
    z-index: 0;
    margin-top: -40px;
}

@media (max-width:300px) {
    .OrderscanHeader {
        font-size: 15px;
    }
}

.OrderscanAmountfield {
    padding: 0.375rem 0.25rem;
}


.OrderscanHeader {
    position: absolute;
    top: 5px;
    color: white;
    background-color: white;
    text-align: center;
    font-size: 30px;
    border-radius: 5px;
    border: 2px solid steelblue;
    z-index: 10;
    width: 100%;
    background-color: steelblue;
    box-shadow: 0 0 7px 0px black;
    text-shadow: 0 0 5px black;
    display: none;
}

.Orderscan-layout {
    position: absolute;
    top: 120px;
    width: 100%;
    border: 2px solid steelblue;
    padding-left: 5px;
    padding-right: 5px;
    margin-right: 15px;
    background-color: white;
    bottom: 10px;
    border-radius: 10px;
    overflow-y: auto;
    box-shadow: 0px 0px 12px black;
    font-size: 20px !important;
    z-index: 5;
    font-family: Verdana, Geneva, sans-serif !important;
}



.OrderscanToptext {
    width: 100%;
}

.OrderscanTBKlant {
    position: relative;
    float: left;
    width: 80%;
    padding-left: 2.5%;
}

.OrderscanbttnKlant {
    position: relative;
    width: 20%;
    float: right;
    text-align: center;
    height: 50px;
}

.OrderscanButtonFooter {
    position: relative;
    width: 100%;
    height: 55px;
    z-index: 1;
}

#OrderscanFooter {
    top: 55px;
}

.OrderscanTBdate {
    position: relative;
    float: left;
    width: 99.9%;
}


#OrderscanCalendar:hover {
    cursor: pointer;
    -webkit-box-shadow: 0px 3px 2px 1px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 3px 2px 1px rgba(0,0,0,0.25);
    box-shadow: 0px 3px 2px 1px rgba(0,0,0,0.25);
    border-bottom: 2px solid orange;
    height: 50px;
    width: 49px;
}

#OrderscanCalendar:active {
    border: 1px solid orange;
    -webkit-box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.25);
    box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.25);
}

.OrderscanTBOmschrijving {
    position: relative;
    float: left;
    width: 77.5%;
    margin-right: 20%;
    margin-left: 2.5%;
}

.OrderScanWidgetBox input:disabled {
    background-color: gainsboro !important;
    color: white !important;
    border-color: #c0d0dc !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

    .OrderScanWidgetBox input:disabled :focus {
        outline: 0 !important;
    }

.OrderscanMainDiv {
    overflow: hidden;
    height: 90% !important;
    overflow-y: auto;
}


#SearchGrid {
    position: relative;
    z-index: 20;
}

.OrderscanB {
    font-family: Verdana, Geneva, sans-serif !important;
}


.OrderscanArticleInput {
    position: relative;
    float: left;
    width: 40%;
}

.OrderscanArticleBtn {
    position: relative;
    width: 20%;
    float: right;
    top: 10px;
    left:10px;
}

#Orderscantabel {
    overflow: hidden;
    border: 2px solid white;
    overflow: hidden;
}


.OrderscanSelectedRow {
    color: orange;
}

.OrderscanAantalTB {
    position: relative;
    width: 40%;
    float: left;
    height: 85px;
}



.OrderscanDeleteRow {
    cursor: pointer;
    border-bottom: 2px solid #2b587c !important;
    border-radius: 4px;
    width: 30px;
    background-color: steelblue;
    -webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.43);
    -moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.43);
    box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.43);
}

    .OrderscanDeleteRow:hover {
        cursor: pointer;
        -webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.43);
        -moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.43);
        box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.43);
        border-bottom: 2px solid orange;
        width: 30px;
    }

    .OrderscanDeleteRow:active {
        border: 1px solid orange;
        -webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.43);
        -moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.43);
        box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.43);
    }

.OrderscanFixedHeader {
    position: relative;
}

tr.OrderscanFixedHeader {
    width: 100%;
}


.OrderscanBody {
    overflow-y: hidden;
}

@media (max-width:650px) {
    .OrderscanHeader {
        font-size: 19px;
    }

    .Orderscan-layout {
        top: 35px;
    }

    .OrderscanB {
        font-size: 20px;
    }
}

@media (max-height:450px) {
    .OrderscanB {
        font-size: 20px;
    }
}

.OrderscanSecretDiv {
    position: absolute;
    margin-top: -100px;
}

@media (max-width:750px) {
    .OrderscanHeader {
        font-size: 20px;
    }

    .Orderscan-layout {
        top: 105px;
    }

    #OrderscanFooter {
        top: 42px;
    }

    /*.OrderscanDateTB {
        padding-top: 15px;
    }*/
}

#OrderscanDatebttn {
    margin-bottom: 4px;
}

.OrderScanWidgetBox .alert {
    padding: 10px;
    margin-bottom: 5px;
}

.OrderScanWidgetBox .close {
    margin-top: -2.5px;
}

.OrderscanPanel {
    position: relative;
    float: left;
    width: 80%;
    padding-left: 2.5%;
    margin-right: 20%;
    margin-top: 5px;
}

.OrderscanPanelBottom {
    position: relative;
    bottom: 0;
    width: 99.99%;
    text-align: center;
    z-index: 100;
    margin-bottom: 30px;
}

#OrderscanCollapsePanel {
    line-height: normal;
    background-color: steelblue;
    color: white !important;
    padding-top: 0px;
    border-radius: 5px;
}

.OrderscanDeleteAllInputDiv {
    position: relative;
    bottom: 0;
    background-color: #ffffff;
    width: 99.5%;
    margin-top: 30px;
}

.OrderscanArticleData {
    overflow-y: scroll;
    height: 50%;
    border: 1px solid #cecece;
    border-radius: 3px;
}

.OrderscanArtikelregeldata tbody .OrderscanRows td {
    vertical-align: middle;
}

@media (max-width:399px) {

    .OrderscanArticleData {
        overflow-x: scroll;
    }


    tr.OrderscanRows {
        font-size: 12px !important;
    }

        tr.OrderscanRows td {
            font-size: 12px !important;
        }

            tr.OrderscanRows td input {
                font-size: 12px !important;
            }
}

.OrderscanDateLbl {
    padding-left: 2.5%;
}

.OrderscanTBKlant input[type="text"] {
    background-color: white;
    margin-top: 0px;
    margin-bottom: 0px;
}

.OrderscanArtikelSearchGrid input[type="text"] {
    background-color: white;
    margin-top: 0px;
    margin-bottom: 0px;
}

.OrderscanArtikelSearchGrid .dxeButtonEdit_Moderno td.dxic, .OrderscanTBKlant .dxeButtonEdit_Moderno td.dxic {
    padding: unset !important;
}
/*.OrderscanTBOmschrijving input[type="date"], .OrderscanTBOmschrijving input[type="text"] {
    height: 50px;
}*/
.OrderScanHeaderButtonLeft, .OrderScanHeaderButtonRight {
    position: relative;
    background-color: steelblue;
    color: white;
    float: right;
    right: 5px;
    top: 5px;
    font-size: 20px;
    border-radius: 10px;
    border-bottom: 2px solid #2b587c;
    -webkit-box-shadow: 0px 3px 2px 1px rgba(0,0,0,0.45);
    -moz-box-shadow: 0px 3px 2px 1px rgba(0,0,0,0.45);
    box-shadow: 0px 3px 2px 1px rgba(0,0,0,0.45);
    outline: 0;
}

    .OrderScanHeaderButtonLeft:hover, .OrderScanHeaderButtonRight:hover {
        border-bottom: 2px solid orange;
        -webkit-box-shadow: 0px 3px 2px 1px rgba(0,0,0,0.25);
        -moz-box-shadow: 0px 3px 2px 1px rgba(0,0,0,0.25);
        box-shadow: 0px 3px 2px 1px rgba(0,0,0,0.25);
    }

.OrderScanHeaderButtonLeft {
    float: left;
    left: 5px;
}

.OrderScanHeaderButtonRight {
    float: right;
    right: 5px;
}

.OrderscanLoadingCustomer {
    position: absolute;
}

.OrderscanIframeBottom {
    width: 100%;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-radius: 3px;
    margin-top: -6px;
    background-color: white;
}

.OrderscanSettings {
    font-size: 15px !important;
}

.Orderscanrow {
    border: 1px solid steelblue;
    border-radius: 3px;
    margin-left: 0.5px;
    margin-right: 0.5px;
    margin-bottom: 5px;
    margin-top: 0.5px;
}

.OrderScanmodalBackground {
    opacity: 0 !important;
    display: none;
}

#OrderscanDivFooter2, #OrderscanDivFooter3, #OrderscanDivFooter4, #OrderscanDivFooter5 {
    display: none;
}
/* Einde FlxOrderScan */
/* flxWorkOrder*/
.CenterPage500 {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -250px;
    margin-left: -250px;
}


.TableHeader {
    background: linear-gradient(#c0d0dc,#e4effa,#c0d0dc);
    height: 36px;
    vertical-align: middle;
}

.maxsize {
    width: 100% !important;
}

.Adlevo-Sidetab-back {
    padding-left: 40px;
}
/* Einde flxWorkOrder*/
/*Start MasterPage FlxProject*/
.main-move-fromTop {
    top: 65px;
}

#body-row {
    margin-left: 0;
    margin-right: 0;
}

#sidebar-container {
    min-height: 100vh;
    background-color: #333;
    padding: 0;
}

/* Sidebar sizes when expanded and expanded */
.sidebar-expanded {
    top: 51px;
    bottom: 0;
    left: 0;
    width: 230px;
    Display: block;
    position: fixed;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 1;
}

.sidebar-collapsed {
    top: 51px;
    width: 60px;
    z-index: 1;
}

/* Menu item*/
#sidebar-container .list-group a {
    height: 50px;
    color: white;
}

/* Submenu item*/
#sidebar-container .list-group .sidebar-submenu a {
    height: 45px;
    padding-left: 30px;
}

.sidebar-submenu {
    font-size: 0.9rem;
}

/* Separators */
.sidebar-separator-title {
    background-color: #333;
    height: 35px;
}

.sidebar-separator {
    background-color: #333;
    height: 25px;
}

.logo-separator {
    background-color: #333;
    height: 60px;
}

/* Closed submenu icon */
#sidebar-container .list-group .list-group-item[aria-expanded="false"] .submenu-icon::after {
    content: " \f0d7";
    font-family: FontAwesome;
    display: inline;
    text-align: right;
    padding-left: 10px;
}
/* Opened submenu icon */
#sidebar-container .list-group .list-group-item[aria-expanded="true"] .submenu-icon::after {
    content: " \f0da";
    font-family: FontAwesome;
    display: inline;
    text-align: right;
    padding-left: 10px;
}


@media (min-width: 768px) {
    .mainFlxProject {
        padding-left: 245px;
    }
}

.Adlevo-sidebar-selected {
    background-color: #1d2124 !important;
}
/*Einde masterpage FlxProject*/

.clean-padding {
    padding-right: 0;
    padding-left: 0;
}

.Adlevo-tabs {
    padding-top: 15px;
    padding-bottom: 15px;
    border: 1px solid;
    border-color: #007bff;
}

.Adlevo-shadow {
    box-shadow: -3px 3px 8px -1px rgba(0,0,0,0.10)
}

label{
    margin-bottom:0;
    display:inline;
}


/*start loading */
.Adlevo-Loader {
    border: 5px solid #f3f3f3;
    border-radius: 50%;
    border-top: 5px solid BLACK;
    width: 20px;
    height: 20px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
/*end loading*/

/*start urenregistratie*/
.HourRegistration.dxgvLVR.bg-success { /*Editted cell*/
    background-color: #8cc3ff !important /*#007bff*/
}

.HourRegistration.deleted.bg-warning { /*Deleted row*/
    background-color: #ffdf82 !important /*#ffc107*/
}

.HourRegistration td.bg-success { /*Added row*/
    background-color: #8cc3ff !important /*#007bff*/
}

.disabledRow {
    background-color: lightgrey;
}


/*Project calculation*/
@media (min-width: 768px) {
    .modal-xl {
        width: 90%;
        max-width: 1200px;
    }
}

/*end project calculation*/

.fa-trash{
    z-index:30;
}