/*.dataTables_wrapper .dataTables_processing {*/
    /*position: absolute;*/
    /*top: 50%;*/
    /*left: 50%;*/
    /*width: 100%;*/
    /*height: 40px;*/
    /*margin-left: -50%;*/
    /*text-align: center;*/
    /*font-size: 1.2em;*/
    /*background-color: white;*/
    /*background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));*/
    /*background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);*/
    /*background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);*/
    /*background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);*/
    /*background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);*/
    /*background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);*/
/*}*/

.flat{border-radius:0!important;}

.centerProgress {
    position: fixed;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #53539b;
    font-size: 70px;
}

.highlight {
    background-color: #ecf98f;
}



.no-gutter {
    padding: 0 !important;
    margin: 0 !important;
}

.images-div {
    float: left;
    height: 75px;
    width: 75px;
    /*border: 1px solid #000000;*/
}

.images-preview {
    float: left;
    height: 100%;
    width: 100%;
}

/*.btn-default {*/
    /*background-color: #e5b4b2;*/
/*}*/

.images-caret {
    float: left;
    position: absolute;
    right:0px;
    bottom:0px;
    height: 20px;
    width: 20px;
    text-align: center;
    cursor: pointer;
}
.edg-round {
    border-radius: 5px;
}


#PlannerModal{
    text-shadow: 1px 1px #fef9ff;
    position: fixed;
    width: 100% !important;
    height: 100% !important;
    left:0px;
    top:0px;
    z-index: 10001;
    background-color: #e5e5e5;
}

#PlannerModal-Body{
    width: 100% !important;
    height: calc(100% - 35px) !important;
}



.clip-header-edit {
    position: absolute;
    top: -7px;
    right: -3px;
    font-size: 14px;
    /*background: #f7f9fa;*/
    padding: 7px 7px;
    /*border-left: 1px solid #e4e5e7;*/
    /*border-bottom: 1px solid #e4e5e7;*/
}




.deliveryNoteBeforeLogo{
    margin-bottom: 20px;
    padding: 5px;
    min-width:35% !important;
    float: left;
}
.deliveryNoteLogo{
    margin-bottom: 20px;
    padding: 5px;
    width:40% !important;
    float: left;
}
.deliveryNoteCompanyAddress{
    margin-bottom: 20px;
    padding: 5px;
    width:25% !important;
    float: left;
}
.deliveryNoteTo{
    margin-bottom: 5px;
    padding: 5px;
    width:60% !important;
    float: left;
}
.deliveryNoteOrder{
    margin-bottom: 5px;
    padding: 5px;
    width:40% !important;
    float: left;
}
.percent10{
    width:10% !important;
    float: left;
}
.percent20{
    width:20% !important;
    float: left;
}
.percent30{
    width:30% !important;
    float: left;
}
.percent40{
    width:40% !important;
    float: left;
}
.percent50{
    width:50% !important;
    float: left;
}
.percent100{
    margin-top: 10px;
    margin-bottom: 10px;
    width:100% !important;
    float: left;
}


.ag_6 {font-size: 6px !important;}
.ag_8 {font-size: 8px !important;}
.ag_9 {font-size: 9px !important;}
.ag_10 {font-size: 10px !important;}
.ag_12 {font-size: 12px !important;}
.ag_14 {font-size: 14px !important;}
.ag_16 {font-size: 16px !important;}
.ag_18 {font-size: 18px !important;}
.ag_20 {font-size: 20px !important;}
.ag_22 {font-size: 22px !important;}
.ag_24 {font-size: 24px !important;}

.ag_bold {font-weight:bold; !important;}
.ag_no_bold {font-weight:normal; !important;}










.text-red{color: red !important;}
.text-green{color: green !important;}
.text-blue{color: #2b3080 !important;}

.text-bold{font-weight: bold !important;}

td.details-control {
    /*background: url('/css/img/details_open.png') no-repeat center center;*/
    background: url('/css/img/level-down.png') no-repeat center center;
    background-size:15px 15px;
    cursor: pointer;
}
tr.shown td.details-control {
    /*background: url('/css/img/details_close.png') no-repeat center center;*/
    background: url('/css/img/level-up.png') no-repeat center center;
    background-size:15px 15px;
}


table.dataTable tbody td {
    vertical-align: middle;
}


.mark{background-color: #f2f9d1 !important;}
.markBlue{background-color: #cfe6f9 !important;}
.markBlueLight{background-color: #d3eafd !important;}
.markGreen{background-color: #e6f9e0 !important;}
.markScrollTo{background-color: #f2f966 !important;}
.markPink{background-color: #f9e3db !important;}

.markGrey{background-color: #dfe1e2 !important;}
.markGreyLight{background-color: #eef0f1 !important;}


/* Custom Variables */
:root {
    --style-bg-color: #34495e;/*#34495e*/
    --style-bg-color-active: #546c82;/*#546c82*/

    --style-color-logo: #ffffff;
    --style-color: #9b9d9e;
    --style-color-active: #fcfeff;

    --style-border-bottom: #727272;
    --style-border-top: #727272;
    --style-border-right: #727272;
    --style-border-left: #727272;
}



/* Header Line */
.color-line {
    background: #f7f9fa;
    background: linear-gradient(to left, #7b4397, #dc2430) !important;
}

#logo.custom-version {
    background-color: var(--style-bg-color);
    border-bottom: 1px solid var(--style-border-bottom);
    text-align: center;
}

#logo.custom-version span {
    font-weight: 600;
    color: var(--style-color-logo);
    font-size: 14px;
}



/* Header-Right custom-version */
.custom-version > a:visited,
.custom-version > a:link {
    color:var(--style-color) !important;
    background: var(--style-bg-color) !important;
}

.custom-version > a:focus,
.custom-version > a:hover
/*.custom-version > a:link*/
{
    color:var(--style-color-active) !important;
    background: var(--style-bg-color-active) !important;
}

/*.navActive > a:link{*/
    /*color: #1951ff !important;*/
    /*!*background: var(--style-bg-color-active) !important;*!*/
/*}*/

.navActive > a:visited,
.navActive > a:focus,
.navActive > a:hover,
.navActive > a:link {
    color:var(--style-color-active) !important;
    background: var(--style-bg-color-active) !important;
    position: relative !important;
    top:2px !important;
}



/* Header */
#header {
    background-color: var(--style-bg-color) !important;
    color: var(--style-color);
    display: block;
    height: 62px;
    margin: 0;
    padding: 0;
    position: relative;
    border-bottom: 1px solid var(--style-border-bottom);
}

.header-link {
    padding: 18px 26px 17px 26px;
    font-size: 14px;
    float: left;
    border-right: 1px solid var(--style-border-right);
    border-left: 1px solid var(--style-border-left);
    margin-right: 15px;
    background: var(--style-bg-color) !important;
    color: var(--style-color);
    cursor: pointer;
}

.header-link:hover {
    background: var(--style-bg-color-active) !important;
    color: var(--style-color-active) !important;
}


/* Menu */
#menu {
    background: var(--style-bg-color) !important;
    top:64px !important;
}

.mark_blue{background-color: #9fceff; !important;}






/* navBarRight */
.customNavBar {
    background: var(--style-bg-color) !important;
}

.customNavBar > li > a {
    color: var(--style-color);
    background: var(--style-bg-color) !important;
}


/*#navBarRight li.active a,*/
/*#navBarRight li:hover a {*/
    /*color: var(--style-color-active) !important;*/
    /*background: var(--style-bg-color) !important;*/
/*}*/

/*#navBarRight li .nav-second-level li a {*/
    /*color: var(--style-color-active) !important;*/
    /*background: var(--style-bg-color) !important;*/
/*}*/

/*#navBarRight li .nav-second-level li.active a,*/
/*#navBarRight li .nav-second-level li:hover a {*/
    /*color: var(--style-color-active) !important;*/
    /*background: var(--style-bg-color) !important;*/
/*}*/

/*#navBarRight.nav > li > a:hover,*/
/*#navBarRight.nav > li > a:focus {*/
    /*color: var(--style-color-active) !important;*/
    /*background: var(--style-bg-color) !important;*/
/*}*/

/*#navBarRight li.active {*/
    /*color: var(--style-color-active) !important;*/
    /*background: var(--style-bg-color) !important;*/
/*}*/









/* Side-Menu */
#side-menu {
    background: var(--style-bg-color);
}

#side-menu li a {
    color: var(--style-color);
    text-transform: uppercase;
    font-weight: 700;
    padding: 15px 15px;
}

#side-menu li {
    border-bottom: 1px solid var(--style-border-bottom);
}

#side-menu li:first-child {
    border-top: 1px solid var(--style-border-top);
}

#side-menu li.active a,
#side-menu li:hover a {
    color: var(--style-color-active);
}

#side-menu li .nav-second-level li a {
    padding: 10px 10px 10px 25px;
    color: var(--style-color);
    background-color: var(--style-bg-color);
    text-transform: none;
    font-weight: 600;
}

#side-menu li .nav-second-level li.active a,
#side-menu li .nav-second-level li:hover a {
    color: var(--style-color-active);
    background-color: var(--style-bg-color-active);
}

#side-menu.nav > li > a:hover,
#side-menu.nav > li > a:focus {
    background: var(--style-bg-color-active);
}

#side-menu li.active {
    background: var(--style-bg-color-active);
}









/* top-Menu */
#top-menu {
    background: var(--style-bg-color);
}

#top-menu li a {
    color: var(--style-color);
    text-transform: uppercase;
    font-weight: 700;
    padding: 15px 15px;
}

#top-menu li {
    border-bottom: 1px solid var(--style-border-bottom);
}

#top-menu li:first-child {
    border-top: 1px solid var(--style-border-top);
}

#top-menu li.active a,
#top-menu li:hover a {
    color: var(--style-color-active);
}

#top-menu li .nav-second-level li a {
    padding: 10px 10px 10px 25px;
    color: var(--style-color);
    background-color: var(--style-bg-color);
    text-transform: none;
    font-weight: 600;
}

#top-menu li .nav-second-level li.active a,
#top-menu li .nav-second-level li:hover a {
    color: var(--style-color-active);
    background-color: var(--style-bg-color-active);
}

#top-menu.nav > li > a:hover,
#top-menu.nav > li > a:focus {
    background: var(--style-bg-color-active);
}

#top-menu li.active {
    background: var(--style-bg-color-active);
}








.printElementOn{
    display: none;
}

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
    aside#sidebar,header[role="banner"],footer,#header,
    .printElementOff,
    #data-clients-list_length,
    #data-clients-list_filter,
    #data-users-list_length,
    #data-users-list_filter,
    #data-activity-list_length,
    #data-activity-list_filter{
        display: none;
    }
    .printElementOn{
        display: block;
    }


    #wrapper {
        margin: 0px !important;
        padding: 0px !important;
        top: 0px !important;
        left: 0px !important;
        width: 100% !important;
        /*position: fixed;*/
        /*display: none;*/
        border: hidden;
        display: block;
        background: transparent !important;
    }


    .panel-heading {
        border: hidden !important;
    }


    .panel-body {
        display: block !important;
        border: hidden !important;
    }


    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12 {float: left;}
    .col-sm-12 {width: 100%;}
    .col-sm-11 {width: 91.66666667%;}
    .col-sm-10 {width: 83.33333333%;}
    .col-sm-9 {width: 75%;}
    .col-sm-8 {width: 66.66666667%;}
    .col-sm-7 {width: 58.33333333%;}
    .col-sm-6 {width: 50%;}
    .col-sm-5 {width: 41.66666667%;}
    .col-sm-4 {width: 33.33333333%;}
    .col-sm-3 {width: 25%;}
    .col-sm-2 {width: 16.66666667%;}
    .col-sm-1 {width: 8.33333333%;}





    *,
    *:before {
    }
    *:after {
        /*    background: transparent !important;
            color: #000 !important;
            box-shadow: none !important;
            text-shadow: none !important;
            .printElementOn{display: block;}
            */
    }
    a,
    a:visited {
        text-decoration: underline;
    }
    a[href]:after {
        /*content: " (" attr(href) ")";*/
        content:none;
    }
    abbr[title]:after {
        content: " (" attr(title) ")";
    }
    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }
    pre,
    blockquote {
        /*border: 1px solid #999;*/
        page-break-inside: avoid;
    }
    thead {
        display: table-header-group;
    }
    tr,
    img {
        page-break-inside: avoid;
    }
    img {
        max-width: 100% !important;
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }
    h2,
    h3 {
        page-break-after: avoid;
    }
    select {
        background: #fff !important;
    }
    .navbar {
        display: none;
    }
    .btn > .caret,
    .dropup > .btn > .caret {
        border-top-color: #000 !important;
    }
    .label {
        border: 1px solid #000;
    }
    .table {
        border-collapse: collapse !important;
        background-color: #fff !important;
    }
    .table td,
    .table th {
        /*background-color: #fff !important;*/
    }
    .table-bordered th,
    .table-bordered td {
        border: 1px solid #ddd !important;
    }
}




/*        @media all and (max-width: ???px)    OFF TABLE            */
@media all and (max-width: 770px) {
    .table_off {
        /*display: none !important;*/
    }

    #customNavBarLeft {
        display: none !important;
    }
}


@media all and (min-width: 770px) and (max-width: 1000px) {
    .table_off {
        display: none !important;
    }

    #customNavBarLeft {
        display: none !important;
    }
}


@media all and (min-width: 1000px) {
    .table_off {
        /*display: none !important;*/
    }
}