.vervolgblok {    margin-left: 10px;}
.vervolghead {    margin-left: -7px;}
.downloadimage {    width: 24px; }
.downloadimage:hover {opacity:0.7;}



.table-responsive {
    overflow-y: hidden;
}


@media (min-width: 320px) {
    .info-mod {        top: 30%;        -webkit-transform: translate3d(30rem, 0, 0);        transform: translate3d(30rem, 0, 0);    }
    .info-mod__box {        width: 30rem;    }
}
.kleurwit { color: #FFFFFF; }

@media (min-width: 576px) {
    .vervolgblok {        margin-left: 20px;    }
    .vervolghead {        margin-left: -17px;    }
    .info-mod {        top: 30%;        -webkit-transform: translate3d(45rem, 0, 0);        transform: translate3d(45rem, 0, 0);    }
    .info-mod__box {        width: 45rem;    }
}

@media (min-width: 768px) {
    .vervolgblok {        margin-left: 30px;    }
    .vervolghead {        margin-left: -27px;    }
    .info-mod {        top: 30%;        -webkit-transform: translate3d(68rem, 0, 0);        transform: translate3d(68rem, 0, 0);    }

    .info-mod__box {        width: 68rem;    }
}

@media (min-width: 1200px) {
    .vervolgblok {        margin-left: 40px;    }
    .vervolghead {        margin-left: -37px;    }
    .info-mod {        top: 30%;        -webkit-transform: translate3d(90rem, 0, 0);        transform: translate3d(90rem, 0, 0);    }
    .info-mod__box {        width: 90rem;    }
}



.info-mod__btn {
    position: absolute;
    top: 1px;
    left: -160px;
    padding:0;
}



.datepicker table {
    background-color: var(--bglight);
}

.sort-heading {
    cursor: pointer;
}


#sidebar p {
    padding: 10px;
}

.question-title svg, .heading svg {
    color: #009fe3;
    margin-left: 1rem;
}

.information-button {
    font-size: 100%;
    font-family: inherit;
    border: 0;
    padding: 0;
    background: transparent;
}

.required-form {
    padding: 0px 4px;
    color: #FF0000;
}

/* altijd noodzakelijk  voor hardcode data in historie !!*/
.lijstL {
    width: 480px;
    float: left;
    font-family: Arial;
    font-size: 14px;
    font-weight: normal;
    /*   color: #000000;*/
}

.lijstR {
    float: left;
    font-family: Arial;
    font-size: 14px;
    font-weight: normal;
    /*   color: #000000;*/
}

/* foto/image/text box bij orders */
.infobox {
    padding: 5px 10px;
    display: none;
    border: 1px solid #dddddd;
    background-color: #fefefe;
    margin-bottom: 10px;
    max-width: 580px;
}




/* adm tabellen */
.no-sort::after {
    display: none !important;
}

.no-sort {
    pointer-events: none !important;
    cursor: default !important;
    background-image: none !important;
}

#fullLoaderScreen {
    z-index: 9999999;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0.8;
    filter: alpha(opacity=80);  /* older browsers */
    background-color: #000000;
}


/*reactieveld top body incl kleuren*/
.bar-top {
    position: fixed;
    z-index: 1100;
    height: 0;
    display: flex;
    align-items: center;
    padding: 0 20px;
    color: #fff;
    line-height: 1.3;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.35);
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    transition: 1.0s;
    overflow: hidden;
    transition: 0.5s;
    background-color: transparent;
}

.zien {
    height: 80px;
    padding: 20px;
    transition: 1.5s;
}

.groen {
    background-color: #32CD32;
}

.rood {
    background-color: #EF5350;
}
/*orderform i buts*/
.hand {
    cursor: pointer;
}
.hand:hover {
        opacity: 0.5;
        filter: alpha(opacity=50);
}
.svg-inline {
    vertical-align: -.125em;
}
.modal-dialog {
    width: 80%;
    max-width: 1800px;
}
/*topmenu vlag*/
.vlag {
    margin-right: 5px;
    height: 20px;
    background-size: contain;
    background-position: bottom;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    width: 1.33333333em;
    line-height: 1em;
}
/*dashboard admintools*/

/*
    .icon:hover {
    -webkit-filter: invert(90%) sepia() saturate(100000%) hue-rotate(30deg);
    filter: invert(90%) sepia() saturate(100000%) hue-rotate(30deg);
    cursor: pointer;
}
    */

/*orderform icoon*/
.icon-camera {
    height: 36px;
    width: 36px;
}


/*dashboard tabel*/
.trklik:hover {
    /* background-color: #eeeeee; */
    cursor: pointer;
}
/*productkeuzes*/
.keuzeboxgroep {
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    max-width: 1708px;
}

.keuzebox {
    color: #000000;
    background-color: #ffffff;
    width: 202px;
    height: 222px;
    overflow: hidden;
    border: 1px solid #337ab7;
    float: left;
    text-align: center;
    margin: 20px;
    padding: 0;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4285;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border-radius: 4px;
}

    .keuzebox:hover {
        border-color: #cccccc;
        filter: alpha(opacity=80);
        opacity: 0.8;
    }

.keuzeboximg {
    width: 200px;
    height: 200px;
}

.keuzeimg {
    width: 100%;
    max-width: 200px;
    max-height: 200px;
}

.keuzeboxtxt {
    width: 200px;
    height: 20px;
}


/*foto en opslaanknop plakker */
.plak {
    position: relative;
}

@media screen and (min-width: 1280px) {
    .plak {
        /* max-width container mb-5 = 1140/2 */
        right: calc(50vw - 570px);
    }
}

@media screen and (min-width: 768px) and (max-width: 1280px) {
    .plak {
        right: calc(25vw - 175px);
    }
}

@media screen and (min-width: 768px) {
    .plak {
        position: fixed;
        top: 300px;
        z-index: 900;
    }
}




/*wel of niet nodig ?*/
ul.permotabblok {
    list-style-type: none;
    padding-left: 0px;
}

.permotabbol {
    background-image: url('/assets2/images/Sofa logo_final.svg');
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center center;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    color: #ffffff;
    text-align: center;
}

.permovrabol {
    background-image: url('/assets2/images/Sofa logo_final.svg');
    background-size: 40px 20px;
    background-repeat: no-repeat;
    background-position: center center;
    width: 40px;
    height: 20px;
    margin-right: 5px;
    color: #FFFFFF;
    text-align: center;
}

.order-form__right-block.sticky-top {
    top: 2rem;
}


/* dropbox */
.dropzone {
    margin: 10px 0;
    padding: 10px;
    width: 100%;
    min-height: 150px;
    text-align: center;
    opacity: 0.7;
    background: url('/png/dragdropcloud.svg');
    background-size: 80px 80px;
    background-repeat: no-repeat;
    background-position: center 75%;
    text-transform: uppercase;
    font-weight: bold;
    height: 160px;
    cursor: pointer;
}

.roteren180 {
    border: 3px double #5cb85c;
    /*    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg); */
    -webkit-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    transform: scaleY(-1);
}

.normaal {
    border: 2px dashed #337ab7;
    /*   -webkit-transform: rotate();
    -ms-transform: rotate();
    transform: rotate();*/
}

.plichterror {
    background-color: yellow;
    color: red;
}

.optionuit {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: yellow;
    color: red;
}

a.uitzknop:link {
    text-decoration: none;
}

a.uitzknop:visited {
    text-decoration: none;
}

a.uitzknop:hover {
    text-decoration: none;
    opacity: 0.6;
    filter: alpha(opacity=60);
}

a.uitzknop:active {
    text-decoration: none;
}

.prodcode {
    font-size: 60%;
    color: blue;
    margin-left: 10px;
}

.prodprijs {
    font-size: 70%;
    color: darkblue;
    margin-left: 10px;
}


/* logistiek overzicht tabel*/
    /*  select {
    padding: 0;
}
    */
    /* naast zoekbox 33.5px hoog */
    .logi-icon {
    margin: 0 10px;
    font-size: 33px;
}





#overzichttabel {
    border: 0;
    width: 100%;
    padding: 0;
    margin: 0;
    border-collapse: collapse;
}


    #overzichttabel th, #overzichttabel td {
        /* border: 1px dotted #CCCCCC; */
        padding: 0px 2px;
        margin: 0;
        /* font-family: Arial;*/
        font-size: 14px;
        font-weight: normal;
        /*        color: #000000; */
        white-space: normal;
    }

    #overzichttabel th {
        font-weight: bold;
        color: #000000;
    }



    #overzichttabel td.klein {
        /*  font-family: Arial;*/
        font-size: 12px;
        font-weight: normal;
        /*            color: #000000; */
    }


.klgro {    color:lime;}
.klora {    color: orange;}
.klgri {    color: #cccccc;}

.mid {
    text-align: center;
}

.gro {
    background-color: lime !important;
    color: #080807;
}

.ora {
    background-color: orange;
    color: #080807;
}

.roo {
    background-color: red;
    color: #ffffff;
}

.paa {
    background-color: #ff69b4;
    color: #080807;
}

.bla {
    background-color: #a3c6d4;
    color: #080807;
}

.ros {
    background-color: #f5c4dc;
    color: #080807;
}

.gee {
    background-color: yellow;
    color: #080807;
}

.wit {
    background-color: #ffffff;
    color: #080807;
}

.gri {
    background-color: #f2f2f2;
    color: #080807;
}

.dbl {
    background-color: #aaaaff;
    color: #080807;
}



/* lskleur voor speciale kleuren in logistiek */
.stoftraag {
    background-color: #34d5eb;
    color: #080807;
}

.lskleur1 {
    background-color: #32a4a8;
    color: #ffffff;
}
.lskleur2 {
    background-color: #3275a8;
    color: #ffffff;
}
.lskleur3 {
    background-color: #323ca8;
    color: #ffffff;
}
.lskleur4 {
    background-color: #8332a8;
    color: #ffffff;
}
.lskleur5 {
    background-color: #a832a2;
    color: #ffffff;
}
.lskleur6 {
    background-color: #fcc2fc;
    color: #000000;
}

.cckleurControle {
    background-color: #0affe3;
    color: #000000;
}
.cckleur1 {
    background-color: #006666;
    color: #ffffff;
}
.cckleur2 {
    background-color: #cccc00;
    color: #000000;
}
.cckleur3 {
    background-color: #631cff;
    color: #ffffff;
}
.cckleur4 {
    background-color: #b3ccff;
    color: #ffffff;
}
.cckleur5 {
    background-color: #66ffff;
    color: #000000;
}
.cckleur6 {
    background-color: #d5f890;
    color: #000000;
}
.cckleur7 {
    background-color: #d2f8f8;
    color: #000000;
}

.antwoordkop {
    font-family:'Times New Roman', Times, serif;
    font-size:larger;
    font-style:italic;
    font-weight:bold;
    color:#000000;
    text-decoration:underline;
}

.klachtkleur0 {}
.klachtkleur1 {    background-color: #fdd0d0;}
.klachtkleur2 {    background-color: #fdfbd6;}
.klachtkleur3 {    background-color: #d5fbc9;}
.klachtkleur4 {    background-color: #dbfaff;}
.klachtkleur5 {    background-color: #ebd3fd;}