.layout-width-15 {
    width: 188px !important;
    overflow: hidden;
}

.system-message {
    text-align: left;
}

    .system-message .headline {
        font-weight: bold;
        padding-bottom: 10px;
    }
    .system-message .inner-message:not(.first) {
        padding-top: 15px;
        margin-top: 20px;
        border-top: 1px dashed #888;
    }
.system-message-close {
    position: absolute;
    right: 10px;
    top: 5px;
    cursor: pointer;
}

.ui-front {
    z-index:10001;
}

.show {
    display: block;
}

.hide {
    display: none;
}

.low-light {
    opacity:0.6;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    font-weight: normal;
    border: none;
    color: #000;
    text-decoration: underline;
    background: none;
}

#top-container, #main-content {
    position: relative;
}

#top-container {
    text-align: right;
}

.large-logo {
    
    /*width: 28%;*/
}

.top-logo {
    position: absolute;
    top: -22px;
    left: 0px;
}

#siteroot .system-message {
    background-color: rgba(243,236,188, 1);
    border: 1px solid #666;
    padding: 20px !important;
    opacity: 0.85;
    position: absolute;
    top: 7px;
    right: 36px;
    padding: 10px;
    max-width: 600px;
    width: 400px;
    font-size: 16px;
    max-height: 140px;
    overflow: hidden;
    /*max-height: none;*/
    z-index: 1000;
    transition-duration: 0.5s;
}
    #siteroot .system-message:hover {
        opacity: 1;
        background-color: rgba(250,249,208, 1);
        max-height: none;
        min-height: 70px;
        /*z-index: 1000;*/
    }
    #siteroot .system-message .button {
        padding-top: 20px;
        text-align: center;
    }
    #siteroot .system-message .expand {
        padding-top: 10px;
        position: absolute;
        left: 0px;
        bottom: 0px;
        text-align: center;
        width: 100%;
        z-index: 1001;
        background: -moz-linear-gradient(top, rgba(243,236,188,0) 0%, rgba(243,236,188,1) 30%, rgba(243,236,188,1) 100%);
        background: -webkit-linear-gradient(top, rgba(243,236,188,0) 0%,rgba(243,236,188,1) 30%,rgba(243,236,188,1) 100%);
        background: linear-gradient(to bottom, rgba(243,236,188,0) 0%,rgba(243,236,188,1) 30%,rgba(243,236,188,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f3ecbc', endColorstr='#f3ecbc',GradientType=0 );
    }
    #siteroot .system-message:hover .expand {
        display: none;
    }
    .side-menu-container {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 200px !important;
    }

.main-content-container {
    margin-left: 200px !important;
}


/*.FullScreen .main-content-container {
    margin-left: 0px !important;
}*/


input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

body {
    background-color: #b4c5d2; /*#abc5da;*/
    background-image: url('/Areas/Admin/Resources/bg-concrete.jpg');
    background-repeat: repeat;
    font-family: 'Open Sans';
    font-size: 13px;
    overflow-y: scroll;
    position: relative;
}

.flow-item {
    display: inline-block;
    padding-right: 10px;
}

.toggle-container .flow-item {
    height: 24px;
    margin: 5px 0px;
}

hr {
    color: #83b8e0;
}

table td {
    vertical-align: top;
}

#siteroot {
    margin: auto;
}

.large-font {
    font-size: 1.3em;
}

.centered-content-wrapper {
    width: 100%;
    height: 100%;
    text-align: center;
}

.centered-content {
    margin: auto;
    display: inline-block;
    text-align: left;
    margin-top: 150px;
}

.content-box {
    background-color: #ffffff;
    border-radius: 20px;
    padding: 80px;
}

form .horizontal-spacer {
    width: 10%;
}

form input[type="text"].validation-error {
    border: 1px solid #f00;
    background-color: #ffc5c5;
}

.form-layout .horizontal-spacer {
    width: 100px;
}

form .section-title, .section-title {
    font-weight: bold;
    font-size: 1.3em;
    padding-bottom: 10px;
}

form input[type="text"], form input[type="password"], form input[type="date"], form input[type="number"], form input[type="time"],
form.default-form input[type="text"], form.default-form input[type="password"], form.default-form input[type="date"], form.default-form input[type="number"], form.default-form input[type="time"] {
    height: 22px;
    line-height: 22px;
    border: 1px solid #8d8d8d;
    margin-bottom: 10px;
    width: 250px;
}

form input[type="date"] {
    width: 150px;
}


form input[type="checkbox"] {
    margin-top: 5px;
}

form textarea {
    width: 250px;
    height: 75px;
    border: 1px solid #8d8d8d;
    margin-bottom: 10px;
}

form input[type="text"].long {
    width: 950px;
}

form textarea.large-textfield {
    width: 950px;
    height: 125px;
}

form select {
    margin-bottom: 10px;
    width: 250px;
    border: 1px solid #8d8d8d;
}

    form select.small-select {
        width: 100px;
    }


form .label {
    font-size: 1.1em;
    font-weight: bold;
    padding-right: 25px;
    padding-right: 25px;
    line-height: 22px;
}

    form .label.short {
        min-width: 0px;
    }


form input[type="submit"] {
    border: none;
    background-color: #000000;
    color: #ffffff;
    cursor: pointer;
    height: 22px;
    line-height: 22px;
    font-size: 1.4em;
    font-weight: bold;
    padding: 0px 20px;
}

form .error-message {
    color: #f00;
    padding-bottom: 10px;
}

form .large-controls input[type="text"], form .large-controls input[type="password"] {
    height: 33px;
    line-height: 33px;
    border: 2px solid #000000;
}

form .large-controls input[type="submit"] {
    height: 33px;
    line-height: 33px;
}

form .large-controls .label {
    padding-right: 20px;
}

.information-text {
    font-weight: bold;
    font-size: 1.3em;
    color: #148e1e;
    padding-bottom: 10px;
}

.error-text {
    font-weight: bold;
    font-size: 1.3em;
    color: #ff0000;
    padding-bottom: 10px;
}

form input.input-error {
    border: 1px solid #ff0000;
}


.scaled-checkbox.readonly {
    background-color: #aaa;
    border: 1px solid #aaa;
}

/* DRAG AND DROP*/

[draggable] {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    /* Required to make elements draggable in old WebKit */
    -khtml-user-drag: element;
    -webkit-user-drag: element;
}

.drag-and-drop-item {
    cursor: move;
    border: 2px solid #e4e4e4;
}

    .drag-and-drop-item.over {
        border: 2px dashed #000;
    }


/* PRODUCT IMAGES */
.image-thumb-container {
    display: block;
    width: 150px;
    height: 150px;
    background-color: #fefefe;
}

    .image-thumb-container.landscape {
        background-position: left center;
        background-size: 100% auto;
    }

    .image-thumb-container.portrait {
        background-position: center top;
        background-size: auto 100%;
    }


/* BUTTONS */
.image-button {
    display: inline-block;
    width: 27px;
    height: 27px;
    background-size: 100% auto;
    cursor: pointer;
}

    .image-button input[type="submit"] {
        background-color: transparent;
        border: none;
        background-color: transparent;
    }

.show-button {
    background-image: url('/Areas/Admin/Resources/toolbar/50px_lup_graa.png');
}

    .show-button:hover {
        background-image: url('/Areas/Admin/Resources/toolbar/50px_lup_groen.png');
    }

.edit-button {
    background-image: url('/Areas/Admin/Resources/toolbar/50px_saks_graa.png');
}

    .edit-button:hover {
        background-image: url('/Areas/Admin/Resources/toolbar/50px_saks_groen.png');
    }

.image-edit-button {
    background-image: url('/Areas/Admin/Resources/toolbar/50px_brightness_colour_grey.png');
}

    .image-edit-button:hover {
        background-image: url('/Areas/Admin/Resources/toolbar/50px_brightness_colour_green.png');
    }

.rotate-button {
    background-image: url('/Areas/Admin/Resources/toolbar/50px_rotate_off.png');
}

    .rotate-button:hover {
        background-image: url('/Areas/Admin/Resources/toolbar/50px_rotate_on.png');
    }

.delete-button {
    background-image: url('/Areas/Admin/Resources/toolbar/50px_slet_off.png');
}

    .delete-button:hover, form input[type="submit"].delete-button {
        background-image: url('/Areas/Admin/Resources/toolbar/50px_slet_on.png');
    }


.closeX-button {
    background-image: url('/Areas/Admin/Resources/Icons/delete_icon.png');
}

    .closeX-button:hover {
        background-image: url('/Areas/Admin/Resources/Icons/x_on_icon.png');
    }


/* Default */

* {
    padding: 0px;
    margin: 0px;
    background-repeat: no-repeat;
}

table {
    border-collapse: collapse;
}

.rot-neg-90 {
    transform: rotate(90deg);
    transform-origin: 50% 50% 0;
}

.rotate {
    /* Safari */
    -webkit-transform: rotate(90deg);
    /* Firefox */
    -moz-transform: rotate(90deg);
    /* IE */
    -ms-transform: rotate(90deg);
    /* Opera */
    -o-transform: rotate(90deg);
    /* Internet Explorer */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

span.rotate {
    display: block;
}

.align-center {
    text-align: center;
}

/* HELPERS */
.float-right {
    float: right;
}

.float-left {
    float: left;
}

/* LAYOUT */
.user-logo {
    /*padding: 10px;*/
    text-decoration: none;
    color: #000000;
    display: block;
    position: relative;
    top: -10px;
}

    .user-logo img {
        height: 100px;
        display: block;
    }

    .user-logo .text {
        padding-top: 5px;
    }

/* TOOLBAR */
#content-title .toolbar {
    position: absolute;
    top: -15px;
    right: -15px;
}

.content-subtitle {
    position: relative;
}

    .content-subtitle .toolbar {
        position: absolute;
        top: -8px;
        right: 0px;
    }

.flow-indicator-wrapper .toolbar {
    position: absolute;
    top: -75px;
    right: -15px;
}

#siteroot{
    padding-top:20px;
}

#top {
    /*margin-top: 20px;*/
}

.toolbar-inner {
    position: absolute;
    right: 10px;
    display: flex;
    top: 5px;
    align-items: center;
    z-index:900;
}

.toolbar ul {
    list-style: none;
}

    .toolbar ul li {
        float: left;
    }

.toolbar .icon-button {
    display: block;
    width: 40px;
    height: 40px;
    margin-left: 5px;
    background-size: 100% 99%;
    cursor: pointer;

}

.toolbar button.icon-button {
    background-color: transparent;
    border: none;
}

    .print-icon {
        background-image: url('/Areas/Admin/Resources/toolbar/50px_print_off.png');
    }

    .print-icon:hover {
        background-image: url('/Areas/Admin/Resources/toolbar/50px_print_on.png');
    }

.create-new-icon {
    background-image: url('/Areas/Admin/Resources/toolbar/50px_opretny_off.png');
}

    .create-new-icon:hover {
        background-image: url('/Areas/Admin/Resources/toolbar/50px_opretny_on.png');
    }



.create-new-icon25 {
    background-image: url('/Areas/Admin/Resources/toolbar/25px_opretny_off.png');
}

.create-new-icon-25:hover {
    background-image: url('/Areas/Admin/Resources/toolbar/25px_opretny_on.png');
}


.createNewIconSM {
    background-image: url('/Areas/Admin/Resources/toolbar/25px_opretny_off.png');
}

    .createNewIconSM:hover {
        background-image: url('/Areas/Admin/Resources/toolbar/25px_opretny_on.png');
    }


.create-copy-overfor-icon {
    background-image: url('/Areas/Admin/Resources/toolbar/50px_overfor_kopi_off.png');
}

    .create-copy-overfor-icon:hover {
        background-image: url('/Areas/Admin/Resources/toolbar/50px_overfor_kopi_on.png');
    }



.create-copy-icon {
    background-image: url('/Areas/Admin/Resources/toolbar/50px_opretkopi_off.png');
}

    .create-copy-icon:hover {
        background-image: url('/Areas/Admin/Resources/toolbar/50px_opretkopi_on.png');
    }

.close-icon {
    background-image: url('/Areas/Admin/Resources/toolbar/50px_retur_off.png');
}

    .close-icon:hover {
        background-image: url('/Areas/Admin/Resources/toolbar/50px_retur_on.png');
    }

.previous-icon {
    background-image: url('/Areas/Admin/Resources/toolbar/50px_forrigeprodukt_off.png');
}

    .previous-icon:hover {
        background-image: url('/Areas/Admin/Resources/toolbar/50px_forrigeprodukt_on.png');
    }

.next-icon {
    background-image: url('/Areas/Admin/Resources/toolbar/50px_næsteprodukt_off.png');
}

    .next-icon:hover {
        background-image: url('/Areas/Admin/Resources/toolbar/50px_næsteprodukt_on.png');
    }

.logout-icon {
    background-image: url('/Areas/Admin/Resources/toolbar/50px_logud_off.png');
}

    .logout-icon:hover {
        background-image: url('/Areas/Admin/Resources/toolbar/50px_logud_on.png');
    }

.save-icon {
    background-image: url('/Areas/Admin/Resources/toolbar/50px_gem_off.png');
}

    .save-icon:hover {
        background-image: url('/Areas/Admin/Resources/toolbar/50px_gem_on.png');
    }

.delete-icon {
    background-image: url('/Areas/Admin/Resources/toolbar/50px_slet_off.png');
}

    .delete-icon:hover {
        background-image: url('/Areas/Admin/Resources/toolbar/50px_slet_on.png');
    }

.addline-icon {
    background-image: url('/Areas/Admin/Resources/toolbar/50px_opretny_off.png');
}

    .addline-icon:hover {
        background-image: url('/Areas/Admin/Resources/toolbar/50px_opretny_on.png');
    }

.nextday-icon {
    background-image: url('/Areas/Admin/Resources/Workshop/24hNxt50px.png');
}

.prevday-icon {
    background-image: url('/Areas/Admin/Resources/Workshop/24h-50px.png');
}

.nextweek-icon {
    background-image: url('/Areas/Admin/Resources/Workshop/7dNxt50px.png');
}

.prevweek-icon {
    background-image: url('/Areas/Admin/Resources/Workshop/7d-50px.png');
}

.user-icon {
    background-image: url('/Areas/Admin/Resources/toolbar/50px-user-grey.png');
}
.user-icon:hover {
    background-image: url('/Areas/Admin/Resources/toolbar/50px-user-green.png');
}

.notification-icon {
    background-image: url('/Areas/Admin/Resources/toolbar/50px_notifikation_graa.png');
}
.notification-icon:hover {
    background-image: url('/Areas/Admin/Resources/toolbar/50px_notifikation_green.png');
}

.badge-icon {
    position: relative;
}

.notification-badge {
    position: absolute;
    left: 19px;
    top: -2px;
    background-color: rgba(258,94,86, 0.9);
    color: #fff;
    border-radius: 50%;
    height: 24px;
    width: 24px;
    text-align: center;
    font-weight: bold;
    font-size: 17px;
    display: inline-block;
}
@media only screen and (max-width: 1890px) {
    .notification-badge {
        left: 17px;
        top: -2px;
        height: 22px;
        width: 22px;
        font-size: 16px;
    }
}
@media only screen and (max-width: 1589px) {
    .notification-badge {
        left: 16px;
        top: -2px;
        height: 20px;
        width: 20px;
        font-size: 14px;
    }
}
/*
.nextday-icon:hover {}
.prevday-icon:hover {}
.nextweek-icon:hover {}
.prevweek-icon:hover {}
    */

.email-icon {
    background-image: url('/Areas/Admin/Resources/Rekvisition/email.png');
}

.godkendt-icon {
    background-image: url('/Areas/Admin/Resources/Rekvisition/godkendt.png');
}

.godkendt1-icon {
    background-image: url('/Areas/Admin/Resources/Rekvisition/godkendt_v2.png');
}

.godkendt-box-icon,
.button.godkendt-box-icon {
    -webkit-box-shadow: 3px 3px 6px 0 #636363;
    box-shadow: 3px 3px 6px 0 #636363;
    background-image: url('/Areas/Admin/Resources/Rekvisition/godkendt-box.png');
    background-position: center;
    background-color: #444;
    cursor:pointer;
}

.minus-box-icon {
    -webkit-box-shadow: 3px 3px 6px 0 #636363;
    box-shadow: 3px 3px 6px 0 #636363;
    background-image: url('/Areas/Admin/Resources/Rekvisition/minus-box.png');
}

.minus-icon {
    background-image: url('/Areas/Admin/Resources/Rekvisition/minus.png');
}

.sms-icon {
    background-image: url('/Areas/Admin/Resources/Rekvisition/sms.png');
}


.toggle-chk-radio-icon {
    background-image: url('/Areas/Admin/Resources/Icons/toggle-all-02.png');
}





/* Search */
.search-bar-layout td {
    padding-right: 10px;
}



.attachment-icon {
    background-image: url('/Areas/admin/Resources/Icons/paperclip.png');
}

.send_mail {
    background-image: url('/Areas/admin/Resources/Rekvisition/ikon-send-mail.png');

}
.send_sms {
    background-image: url('/Areas/admin/Resources/Rekvisition/ikon-send-sms.png');
}
.send_std_sms {
    background-image: url('/Areas/admin/Resources/Rekvisition/ikon-send-standard-sms.png');
}
.send_std_mail {
    background-image: url('/Areas/admin/Resources/Rekvisition/ikon-send-standard-mail.png');
}



.LukpopUp {
    color: #ffffff;
    background-color: #404040;
    float: right;
    display: block;
    padding: 3px 10px;
}











/* BUTTONS */
.white-link-button, .grey-link-button, .danger-link-button {
    border-radius: 5px;
    margin: 4px;
    -webkit-box-shadow: 3px 3px 6px 0 #636363;
    box-shadow: 3px 3px 6px 0 #636363;
    padding: 2px 20px;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
}

.small_white-link-button, .small_grey-link-button, .small_danger-link-button {
    border-radius: 3px;
    margin: 0px;
    -webkit-box-shadow: 2px 2px 3px 0 #636363;
    box-shadow: 2px 2px 3px 0 #636363;
    padding: 1px 9px;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
}



.white-link-button, .small_white-link-button {
    color: #000000;
    background-color: #ffffff;
}

.grey-link-button, .small_grey-link-button {
    color: #ffffff;
    background-color: #404040;
}

.danger-link-button, .small_danger-link-button {
    color: #ffffff;
    background-color: #8e0000;
}

    .danger-link-button:hover,
    .small_danger-link-button:hover {
        color: #ffffff;
        background-color: #b21a1a;
    }

.red-link-button {
    border-radius: 3px;
    margin: 1px;
    -webkit-box-shadow: 3px 3px 6px 0 #636363;
    box-shadow: 3px 3px 6px 0 #636363;
    padding: 2px 10px;
    text-decoration: none;
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase;
    cursor: pointer;
    color: white;
    background-color: #8e0000;
}

button.red-link-button {
    border: none;
    background-image: none;
    display: inline-block;
}



.grey-link-button input[type="button"], .grey-link-button input[type="submit"], .small_grey-link-button input[type="submit"] {
    background-color: transparent;
    font-size: 12px;
    border: none;
    font-family: "Trebuchet MS";
    text-transform: uppercase;
    font-size: 1em;
    padding: 0px 0px;
}

.grey-link-button:hover,
.small_grey-link-button:hover {
    background-color: #789e00;
}

button.grey-link-button {
    border: none;
    background-image: none;
    display: inline-block;
}

    button.grey-link-button:disabled:hover {
        background-color: #404040;
    }












input[type="submit"].search-button {
    background-color: #779f3f;
    background-image: url('/Areas/Admin/Resources/Icons/search_icon.png');
    background-position: center center;
    border: none;
    border-radius: 18px;
    width: 38px;
    height: 38px;
    cursor: pointer;
    padding: 0px;
    background-size: 50% 50%;
    margin-top: -8px;
}


/* MENU */
#main-menu-container {
    /*top: 12px;*/
    height: 60px;
    /*margin-bottom: 5px;*/
    position: relative;
    z-index:100;
}

#main-menu-background {
    position: absolute;
    top: 0px;
    left: 0px;
    margin-left: 60px;
}

#main-menu-white-bar {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 35px;
    width: 100%;
    background-color: #91abc2;
    -webkit-box-shadow: 5px 5px 10px 0 #636363;
    box-shadow: 5px 5px 10px 0 #636363;
    border-radius: 5px;
}

#main-menu-top {
    position: absolute;
    top: 15px;
    left: 0px;
    padding-left: 220px;
}

.main-menu {
    list-style: none;
}

    .main-menu li {
        float: left;
        list-style: none;
        margin-right: 27px !important; 
    }

        .main-menu li a {
            display: block;
            position: relative;
            padding-left: 65px;
            text-decoration: none;
        }

            .main-menu li a .text {
                display: block;
                line-height: 175%;
                text-transform: uppercase;
                color: #000000;
                font-weight: bold;
                font-size: 1.4em;
                line-height: 35px;
            }

            .main-menu li a .icon {
                position: absolute;
                top: -10px;
                left: 0px;
                display: block;
                width: 50px;
                height: 50px;
                border-radius: 27px;
                background-size: 50% 50%;
            }

#main-menu-background.main-menu li a .icon {
    background-color: #ffffff;
    border: 3px solid #ffffff;
    -webkit-box-shadow: 10px 5px 10px 0 #636363;
    box-shadow: 10px 5px 10px 0 #636363;
}

#main-menu-top.main-menu li a .icon {
    background-color: #3d3d3f;
    border: 3px solid #ffffff;
    background-position: center center;
    background-size: 50% 50%;
}

#main-menu-top.main-menu li a:hover .icon, #main-menu-top.main-menu li a.selected .icon {
    background-color: #67a226;
}

#main-menu-top.main-menu li a .icon.product-icon {
    background-image: url(/Areas/Admin/Resources/Icons/product_icon.png);
}

#main-menu-top.main-menu li a .icon.settings-icon {
    background-image: url(/Areas/Admin/Resources/Icons/settings_icon.png);
}

#main-menu-top.main-menu li a .icon.signs-icon {
    background-image: url(/Areas/Admin/Resources/Icons/signs_icon.png);
}

#main-menu-top.main-menu li a .icon.employee-icon {
    background-image: url(/Areas/Admin/Resources/Icons/employee_icon.png?v=1.1);
}

#main-menu-top.main-menu li a .icon.customer-icon {
    background-image: url(/Areas/Admin/Resources/Icons/customer_icon.png);
}

#main-menu-top.main-menu li a .icon.webshop-icon {
    background-image: url(/Areas/Admin/Resources/Icons/basket_icon.png);
}

#main-menu-top.main-menu li a .icon.tool-icon {
    background-image: url('/Areas/Admin/Resources/Icons/vaerksted.png');
}






#side-menu {
    list-style: none;
    padding-top: 20px;
}

    #side-menu li {
        list-style: none;
    }

        #side-menu li .vertical-spacer {
            margin: 10px 0px;
        }

            #side-menu li .vertical-spacer hr {
                margin: 0px 0px;
                padding: 0px;
            }

        #side-menu li a, #side-menu li div {
            text-decoration: none;
            font-size: 1.3em;
            font-weight: bold;
            color: #000000;
            text-transform: uppercase;
            display: block;
            padding: 3px 20px;
            /*margin-bottom: 2%;*/
        }

            #side-menu li a:hover, #side-menu li a.selected {
                /*border: 1px solid #384046;*/
                box-shadow: 0px 2px 4px rgba(46,46,46,0.2);
                border-radius: 4px;
                background-color: #384046;
                color: #f0f0f0;
            }

    #side-menu .sub-side-menu {
        font-size: 0.8em;
        padding-left: 10%;
    }

        #side-menu .sub-side-menu li {
            padding-top: 10px;
        }

    #side-menu div {
        margin-bottom: 2%;
        font-style: italic;
    }




/* FLOW MENUES */
.flow-indicator-wrapper {
    height: 37px;
    margin: 10px 0px;
    position: relative;
    border-bottom: 2px solid #83b8e0;
}

    .flow-indicator-wrapper .grey-link-button {
        margin-top: -2%;
    }

.flow-indicator-container {
    list-style-type: none;
}

    .flow-indicator-container li {
        float: left;
    }

    .flow-indicator-container .flow-item a {
        display: block;
        border: 2px solid #83b8e0;
        color: #000000;
        text-transform: uppercase;
        cursor: pointer;
        font-weight: bold;
        font-size: 1.3em;
    }

        .flow-indicator-container .flow-item a.selected, .flow-indicator-container .flow-item a:hover {
            background-color: #779f3f;
            color: #ffffff;
            border-color: #779f3f;
        }

/* FONT */
h1 {
    font-size: 1.7em;
    text-transform: uppercase;
}

/* CONTENT */
#top .white-content-box {
    padding:10px;
}

.white-content-box {
    background-color: #ffffff;
    border-radius: 5px;
    -webkit-box-shadow: 5px 5px 10px 0 #636363;
    box-shadow: 5px 5px 10px 0 #636363;
    padding: 5px;
}

    .white-content-box.small-padding {
        padding: 35px 25px;
    }

    .white-content-box.large-padding {
        padding: 25px;
    }
   
        .white-content-box .large-content-box {
        min-height: 500px;
    }

.caravanindex-action .white-content-box.large-padding,
.equipmentindex-action .white-content-box.large-padding,
.mcindex-action .white-content-box.large-padding,
.boatindex-action .white-content-box.large-padding,
.carindex-action .white-content-box.large-padding {
    padding: 7px !important;
}

#content-title {
    position: relative;
    display: block;
    height: 50px;
}

/*.product-controller.caravanindex-action #content-title,
.product-controller.caravancreateedit-action #content-title {
    background-image: url('/Areas/Admin/Resources/Icons/category_product.png');
    background-position: left top;
    background-size: auto 55%;
    padding-left: 55px;
}

.product-controller.equipmentindex-action #content-title,
.product-controller.equipmentcreateedit-action #content-title {
    background-image: url('/Areas/Admin/Resources/Icons/category_tent.png');
    background-position: left top;
    background-size: auto 55%;
    padding-left: 35px;
}

.product-controller.boatindex-action #content-title,
.product-controller.boatcreateedit-action #content-title {
    background-image: url('/Areas/Admin/Resources/Icons/boats-icon-png-16.png');
    background-position: left top;
    background-size: auto 55%;
    padding-left: 55px;
}

.product-controller.carindex-action #content-title,
.product-controller.carcreateedit-action #content-title {
    background-image: url('/Areas/Admin/Resources/Icons/car-icon-png-22.png');
    background-position: left top;
    background-size: auto 55%;
    padding-left: 55px;
}

.product-controller.mcindex-action #content-title,
.product-controller.mccreateedit-action #content-title {
    background-image: url('/Areas/Admin/Resources/Icons/mc-icon-1.png');
    background-position: left top;
    background-size: auto 55%;
    padding-left: 55px;
}*/

.webshop-controller.index-action #content-title,
.webshop-controller.details-action #content-title {
    background-image: url('/Areas/Admin/Resources/Icons/category_webshop.png');
    background-position: left top;
    background-size: auto 55%;
    padding-left: 55px;
}


.item-controller #content-title {
    background-image: url('/Areas/Admin/Resources/Icons/category_item.png');
    background-position: left top;
    background-size: auto 55%;
    padding-left: 25px;
}


/* SETTINGS */
#productattributesettingscontainer {
    padding: 45px;
}

.product-attribute-settings .column-spacer {
    width: 100px;
}

.product-attribute-settings .row-spacer {
    height: 50px;
}

.product-attribute-settings input[type="checkbox"] {
    margin: 3px;
}

.product-attribute-settings .group-name {
    font-weight: bold;
    font-size: 1.4em;
    vertical-align: bottom;
    text-align: left;
}

.product-attribute-settings .attribute-name {
    font-weight: bold;
    padding-right: 50px;
}

.attribute-text {
    display: block;
    line-height: 25px;
    padding-left: 5px;
}

.attribute-icon {
    display: block;
    width: 25px;
    height: 25px;
    background-size: 100% 100%;
}

    .attribute-icon.attribute-type-1 {
        background-image: url('/Areas/Admin/Resources/Icons/attr_checkbox_icon.png');
    }

    .attribute-icon.attribute-type-2 {
        background-image: url('/Areas/Admin/Resources/Icons/attr_text_icon.png');
    }

    .attribute-icon.attribute-type-3 {
        background-image: url('/Areas/Admin/Resources/Icons/attr_note_icon.png');
    }

    .attribute-icon.attribute-type-4 {
        background-image: url('/Areas/Admin/Resources/Icons/attr_date_icon.png');
    }

form .reseller-logo img {
    max-width: 200px;
    max-height: 150px;
}


/* ENTITY TABLE */
.entity-table {
    width: 100%;
}

    .entity-table .displaystate-0 td, .entity-table tr:nth-child(odd).displaystate-0 td, .entity-table tr:nth-child(even).displaystate-0 td {
        background-color: #d9e2e7;
        font-style: italic;
    }

    .entity-table tr.selected-row td {
        background-color: #cdcdcd !important;
    }

    .entity-table .sold td {
        color: #ff0000;
    }

    .entity-table .sort-link {
        padding-right: 20px;
        background-image: url(/Areas/Admin/Resources/Icons/sort_icon.png);
        background-position: right center;
        background-size: 15px;
    }

    .entity-table .edit-link {
        color: #000000;
        float: right;
    }

    .entity-table th {
        background-color: #384046;
        color: #ffffff;
        text-align: left;
    }
        .entity-table th:first-child {
            border-top-left-radius: 4px;
        }
        .entity-table th:last-child {
            border-top-right-radius: 4px;
        }


        .entity-table th a {
            color: #ffffff;
            text-decoration: none;
        }

    .entity-table td span {
        padding: 0px 25px;
    }
    .entity-table.compact td span {
        padding: 0px 10px;
    }

    .entity-table td {
        border-bottom: 1px solid #939598;
    }

    .entity-table .data-row:hover td {
        background-color: #d1e6b5;
    }



        .entity-table .data-row:hover td.Special {
            background-color: #779f3f;
        }

    .entity-table .sub-head th {
        /*background-color:#3d3d3f;*/
        background-color: gainsboro;
        color: #ffffff;
        text-align: left;
    }

    .entity-table .sub-head th {
        line-height: 25px;
        padding: 0px 10px;
        color: black;
    }

    .entity-table .sub-head td {
        line-height: 20px;
        font-size: 11px;
    }



    .entity-table th {
        line-height: 35px;
        padding: 0px 10px;
    }

    .entity-table td {
        line-height: 35px;
    }

        .entity-table td a {
            display: block;
            text-decoration: none;
            color: #000000;
            padding: 0px 10px;
        }


        .entity-table td.cellpad {
            text-decoration: none;
            color: #000000;
            padding: 0px 10px;
        }


    .entity-table tr:nth-child(odd) td {
        background-color: #edeeef;
    }

    .entity-table tr:nth-child(even) td {
        background-color: #ffffff;
    }

    .entity-table tr.blue td {
        background-color: #edeeef;
    }

    .entity-table tr.white td {
        background-color: #ffffff;
    }

    .entity-table tr.grey td {
        background-color: #eeeeee;
    }


/* CREATE / EDIT CARAVAN */

.product-attribute-input-layout .group-name {
    font-size: 1.2em;
    font-weight: bold;
    padding-top: 25px;
    padding-bottom: 5px;
}

.product-attribute-input-layout .attribute-name {
    padding-right: 25px;
    vertical-align: top;
    line-height: 24px;
    width: 15%;
}

    .product-attribute-input-layout .attribute-name input[type="checkbox"] {
        margin-right: 6px;
        margin-top: 2px;
    }

form input[type="text"].length-300, form input[type="number"].length-300 {
    /*width: 400px;*/
    width: 100%;
    min-width: 300px;
}

form input[type="text"].length-250, form input[type="number"].length-250 {
    /*width: 400px;*/
    width: 100%;
    min-width: 250px;
}


form input[type="text"].length-200, form input[type="number"].length-200 {
    /*width: 400px;*/
    width: 100%;
    min-width: 200px;
}

form input[type="text"].length-100, form input[type="number"].length-100 {
    width: 250px;
}

form input[type="text"].length-80, form input[type="number"].length-80 {
    width: 250px;
}

form input[type="text"].length-60, form input[type="number"].length-60 {
    width: 250px;
}

form input[type="text"].length-40, form input[type="number"].length-40 {
    width: 250px;
}

form input[type="text"].length-20, form input[type="number"].length-20 {
    width: 200px;
}

form input[type="text"].length-15, form input[type="number"].length-15 {
    width: 150px;
}

form input[type="text"].length-10, form input[type="number"].length-10 {
    width: 100px;
}

form input[type="text"].length-12, form input[type="number"].length-12,
input[type="text"].length-12, input[type="number"].length-12 {
    width: 110px;
}

form input[type="text"].length-8, form input[type="number"].length-8, form input[type="time"].length-8 {
    width: 80px;
}

form input[type="text"].length-6, form input[type="number"].length-6, form input[type="time"].length-6 {
    width: 60px;
}

form input[type="text"].length-4, form input[type="number"].length-4, form input[type="time"].length-4 {
    width: 50px;
}

form input[type="text"].length-3, form input[type="number"].length-3, form input[type="time"].length-3 {
    width: 30px;
}

.product-images-layout .image-layout {
    margin-right: 60px;
}

    .product-images-layout .image-layout img {
        max-width: 150px;
        max-height: 150px;
        border: 1px solid #8d8d8d;
    }


.group-box {
    border: 1px solid #000000;
    background-color: #e4e4e4;
    padding: 10px 10px 0px 10px;
    display: inline-block;
    margin-bottom: 10px;
}

/* Productsign */
.productsign-attributes .group-title {
    font-size: 1.3em;
    font-weight: bold;
    padding: 10px 0px;
}

    .productsign-attributes .group-title .text {
        display: inline-block;
        padding-right: 5px;
        text-decoration: underline;
    }

    .productsign-attributes .group-title input {
        margin-top: 5px;
        border: 1px solid #000000;
    }


/* Toggle */
.toggle-container .toggle-menu {
    display: block;
    height: 26px;
}

    .toggle-container .toggle-menu ul {
        list-style: none;
    }

        .toggle-container .toggle-menu ul li {
            float: left;
        }

            .toggle-container .toggle-menu ul li .toggle-menu-item {
                border: 1px solid #8d8d8d;
                border-bottom: none;
                display: block;
                padding: 0px 10px;
                line-height: 25px;
                color: #8d8d8d;
                font-weight: bold;
                cursor: pointer;
            }

                .toggle-container .toggle-menu ul li .toggle-menu-item.active, .toggle-container .toggle-menu ul li .toggle-menu-item:hover {
                    color: #ffffff;
                    background-color: #67a226;
                }

.toggle-container .toggle-items .toggle-item {
    display: none;
    border: 1px solid #000000;
    padding: 5px;
    padding-left: 10px;
}

    .toggle-container .toggle-items .toggle-item.active {
        display: block;
    }


#product-selector {
    position: absolute;
    top: 0px;
    right: 0px;
}

    #product-selector a {
        font-weight: bold;
        text-decoration: none;
        color: #000000;
        margin: 0px 5px;
    }

.work-schedule th.rotate-container {
    height: 95px;
    width: 25px;
    position: relative;
}

    .work-schedule th.rotate-container .rotate {
        position: absolute;
        top: 30px;
        left: -20px;
    }

.entity-table.work-schedule tr td.high-light {
    background-color: #e4e4e4;
}

.entity-table.work-schedule td span {
    padding: 0px 10px;
}

img.right-padding {
    margin-right: 10px;
}




.AfdelingPopUP {
    position: fixed;
    width: 100%;
    top: 200px;
}



.KopierPopUP {
    position: fixed;
    width: 100%;
    top: 200px;
    display: none;
}




.IpGeoPopUP {
    position: fixed;
    width: 100%;
    top: 200px;
}

/*.LukpopUp
{
    color:#ffffff;
    background-color:#404040;
    float:right;
    display:block;
    padding:$3$px $10$px;
}*/


.AfdelingLukpopUp {
    color: #ffffff;
    background-color: #404040;
    float: right;
    display: block;
    padding: 3px 10px;
}

.IpGeoPopUpContent {
    width: 400px;
    margin: auto;
    border: 2px solid #000000;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
    padding: 20px;
    background-color: white;
    max-height: 600px;
    overflow-y: scroll;
}


.ShowSimilarProducts {
    position: fixed;
    left: 50%;
    margin-left: -500px;
    width: 800px;
    height: 100%;
    top: 10%;
}

.ShowSimilarProductsContent {
    width: 800px;
    margin: auto;
    border: 2px solid #000000;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
    padding: 20px;
    background-color: white;
    max-height: 80%;
    overflow-y: scroll;
}





.AfdelingPopUpContent {
    width: 400px;
    margin: auto;
    border: 1px solid #000000;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
    padding: 20px;
    background-color: white;
    max-height: 600px;
}

.link-table td {
    cursor: pointer;
    padding: 0px 5px;
}

.link-table th a {
    cursor: pointer;
}

.link-table .compact {
    line-height: 120%;
}


/*  WEBSHOP (RESPONSIVE) */
.inline-block {
    display: inline-block;
}

.padding-top {
    margin-top: 15px;
}

.padding-bottom {
    margin-bottom: 15px;
}

.large-padding-bottom {
    margin-bottom: 30px;
}

.small-padding-bottom {
    margin-bottom: 5px;
}

.warning-text {
    color: #ff0000;
}

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

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

.text-center {
    text-align: center;
}

.text-left {
    text-align: left;
}

.italic {
    font-style: italic;
}

.row {
    margin-left: -15px;
    margin-right: -15px;
    line-height: 1.8em;
}

    .row::after {
        display: block;
        content: " ";
        clear: both;
    }

.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;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
}

.col-sm-1 {
    width: 8.33%;
}

.col-sm-2 {
    width: 16.66%;
}

.col-sm-3 {
    width: 25%;
}

.col-sm-4 {
    width: 33.33%;
}

.col-sm-5 {
    width: 41.66%;
}

.col-sm-6 {
    width: 50%;
}

.col-sm-7 {
    width: 58.33%;
}

.col-sm-8 {
    width: 66.66%;
}

.col-sm-9 {
    width: 75%;
}

.col-sm-10 {
    width: 83.33%;
}

.col-sm-11 {
    width: 91.66%;
}

.col-sm-12 {
    width: 100%;
}

/* MODAL DIALOGS */
#modal-dialog.modal-background {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
    z-index:1000;
}

#modal-dialog .modal-container {
    position: absolute;
    top: 50px;
    left: 50%;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 5px 5px 10px 0 #636363;
}

    #modal-dialog .modal-container.small {
        width: 200px;
        margin-left: -100px;
    }

    #modal-dialog .modal-container.medium {
        width: 500px;
        margin-left: -250px;
    }

    #modal-dialog .modal-container.large {
        width: 800px;
        margin-left: -400px;
    }

    #modal-dialog .modal-container .modal-header {
        text-align: right;
        border-bottom: 1px solid #cdcdcd;
        padding: 5px;
    }

    #modal-dialog .modal-container .modal-body {
        padding: 15px;
    }

    #modal-dialog .modal-container .modal-footer {
        padding: 0px 15px 15px 15px;
        text-align: right;
    }

#modal-dialog .close-button {
    cursor: pointer;
    font-weight: bold;
    margin-right: 10px;
    display: inline-block;
}

#modal-dialog .modal-container form select {
    max-width: 100%;
}


form input[type="text"].form-control,
form input[type="number"].form-control {
    width: 100% !important;
    height: 25px;
    line-height: 25px;
    box-sizing: border-box;
    padding: 0 3px;
}

    form input[type="text"].form-control.readonly {
        background-color: #cdcdcd;
    }

form textarea.form-control {
    width: 100% !important;
    height: 75px;
    line-height: 17px;
    box-sizing: border-box;
    padding: 0 3px;
}

#order-details-container .grey-link-button {
    box-shadow: none;
    padding: 2px 10px;
    text-transform: none;
    display: inline-block;
    margin: 2px;
}

.key-information-row > div {
    padding-bottom: 5px;
}

#modal-dialog button {
    background-color: #404040;
    color: #fff;
    border: none;
    padding: 4px 10px;
    border-radius: 5px;
    font-weight: bold;
    cursor: pointer;
}

    #modal-dialog button:hover {
        background-color: #789e00;
    }

.error-dialog {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
    border-radius: 4px;
    padding: 15px;
}

    .error-dialog strong {
        padding-right: 5px;
    }

#loading-background {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 100000;
}

.label-value-table .label {
    padding-right: 35px;
    font-weight: bold;
    line-height: 22px;
}

.label-value-table .value {
    line-height: 22px;
}

.hover-image-container {
    position: relative;
    margin-top: 8px;
}

    .hover-image-container .hover-image {
        display: none;
        position: absolute;
        top: 10px;
        left: 25px;
    }

    .hover-image-container:hover .hover-image {
        display: block;
        z-index: 1000;
    }

#productIndex .hover-image-container:hover .hover-image {
    max-width: 500px;
    border: 1px solid #a0a0a0;
    box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.5);
}

#productIndex .hover-image-container .preview-image {
    display: block;
    max-height: 35px;
}

#productIndex .hover-image-container.no-padding {
    padding: 0px;
    margin-top: 0px;
}

/* Modal custom */
.modal-dialog button.close{
    background-color:transparent;
    border:none;
    cursor:pointer;
    font-weight:bold;
}

.modal-dialog .modal-title{
    font-size:15px;
}

/* Bootstrap custom */
.btn-primary,
.btn-secondary {
    padding: 5px 10px;
    border-radius: 3px;
    -webkit-box-shadow: 2px 2px 3px 0 #636363;
    box-shadow: 2px 2px 3px 0 #636363;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
    border: none;
}

.row.bootstrap-row{
    height:auto;
}
/* Varer */
#content-search .search-option {
    padding: 0px 10px;
}

.isDisabled {
    color: currentColor;
    cursor: not-allowed;
    opacity: 0.5;
    text-decoration: none;
}

.bs-form input[type=text],
.bs-form textarea,
.bs-form input[type=number],
.bs-form input[type="password"],
.bs-form select {
    height: 22px;
    line-height: 22px;
    width: 100%;
    margin-bottom: 10px;
}

    .bs-form input[type=text].readonly,
    .bs-form input[type=number].readonly {
        background-color:rgb(233,233,233);
        border:1px solid rgb(143,143,157);
    }

    /*Nye iconer 2019*/
    /*.send_sms {
    background-image: url('/Areas/admin/Resources/Rekvisition/ikon-send-sms.png');
}*/
    .ikon2019 {
        display: block;
        height: 40px;
        line-height: 30px;
        margin-left: 10px;
        /*margin-right: 10px;*/
        /*background-size: 100% 99%;*/
        cursor: pointer;
        padding-left: 35px;
        padding-right: 10px;
        font-weight: 800;
        /*display: inline-block;*/
        text-decoration: none;
        /*vertical-align: text-center;*/
        color: black;
    }

    .ikon2019.stort-ikon {
        padding-left: 40px;
    }
    .ikon2019.lille-ikon {
        padding-left: 30px;
    }

    .ikon-anonymiser {
        background-image: url('/Areas/Admin/Resources/Icon2019/ikon-anonymiser.png');
    }
.ikon-eksport-kunde {
    background-image: url('/Areas/Admin/Resources/Icon2019/ikon-eksport-kunde.png');
}
.ikon-gem-afslut {
    background-image: url('/Areas/Admin/Resources/Icon2019/ikon-gem-afslut.png');
}
.ikon-gem {
    background-image: url('/Areas/Admin/Resources/Icon2019/ikon-gem.png');
}
.ikon-koereseddel {
    background-image: url('/Areas/Admin/Resources/Icon2019/ikon-koereseddel.png');
}
.ikon-ny-kunde {
    background-image: url('/Areas/Admin/Resources/Icon2019/ikon-ny-kunde.png');
}
.ikon-print {
    background-image: url('/Areas/Admin/Resources/Icon2019/ikon-print.png');
}
.ikon-opdater-kunde {
    background-image: url('/Areas/Admin/Resources/Icon2019/ikon-customerUpdate.png');
}

/*.ikon-pdf {
    background-image: url('/Areas/Admin/Resources/pdf.jpg');
}*/

.ikon-printersetting {
    background-image: url('/Areas/admin/Resources/Icon2019/ikon-PrinterSetting.png');
}


.ikon-pdf {
    background-image: url('/Areas/admin/Resources/Icon2019/ikon-PDF.png');
}


.ikon-plan {
    background-image: url('/Areas/Admin/Resources/Icon2019/ikon-planlaeg.png');
    background-size:32px 27px;
}
.ikon-slutseddel {
    background-image: url('/Areas/Admin/Resources/Icon2019/ikon-slutseddel.png');
}
.ikon-tilbud {
    background-image: url('/Areas/Admin/Resources/Icon2019/ikon-tilbud.png');
}
.ikon-vaerkstedsjob {
    background-image: url('/Areas/Admin/Resources/Icon2019/ikon-vaerkstedsjob.png');
}

.ikon-udvid {
    background-image: url('/Areas/Admin/Resources/Icon2019/ikon-udvid.png');
}

.ikon-kollaps {
    background-image: url('/Areas/Admin/Resources/Icon2019/ikon-kollaps.png');
}


.ikon-udskriv {
    background-image: url('/Areas/Admin//Resources/Icon2019/ikon-udskriv.png');
}


.ikon-send-ordre {
    background-image: url('/Areas/Admin/Resources/Icon2019/ikon-send-ordre.png');
}
.ikon-send-mail {
    background-image: url('/Areas/Admin/Resources/Icon2019/ikon-send-mail.png');
}
.ikon-send-klarmelding-sms {
    background-image: url('/Areas/Admin/Resources/Icon2019/ikon-send-klarmelding-sms.png');
}

.ikon-send-klarmelding-mail {
    
    background-image: url('/Areas/Admin/Resources/Icon2019/ikon-send-klarmelding-mail.png');
}
.ikon-nulstil {
    background-image: url('/Areas/Admin/Resources/Icon2019/ikon-nulstil.png');
}
.ikon-opret-rekvisition {
    background-image: url('/Areas/Admin/Resources/Icon2019/ikon-opret-rekvisition.png');
}

.ikon-slet-operation {
    background-image: url('/Areas/Admin/Resources/Icon2019/ikon-slet-operation.png');
}

.ikon-opret-operation {
    background-image: url('/Areas/Admin/Resources/Icon2019/ikon-opret-operation.png');
}

.ikon-opret-vaerkstedsjob {
    background-image: url('/Areas/Admin/Resources/Icon2019/ikon-opret-vaerkstedsjob.png');
}


.ikon-annuler-og-opret-kopi {
    background-image: url('/Areas/Admin/Resources/Icon2019/ikon-annuler-og-opret-kopi.png');
}
.ikon-annuler {
    background-image: url('/Areas/Admin/Resources/Icon2019/ikon-slet-operation.png');
}

.ikon-check-priser {
    background-image: url('/Areas/Admin/Resources/Icon2019/ikon-check-priser.png');
}
.ikon-eksport-caravan {
    background-image: url('/Areas/Admin/Resources/Icon2019/ikon-eksport-caravan.png');
}
.ikon-eksporter-faktura {
    background-image: url('/Areas/Admin/Resources/Icon2019/ikon-eksporter-faktura.png');
}
.ikon-fakturer {
    background-image: url('/Areas/Admin/Resources/Icon2019/ikon-fakturer.png');
}
.ikon-laas-slutseddel {
    background-image: url('/Areas/Admin/Resources/Icon2019/ikon-laas-slutseddel.png');
}
.ikon-copy {
    background-image: url('/Areas/Admin/Resources/Icon2019/ikon-kopier.png');
}

.ikon-send-til-underskrift {
    background-image: url('/Areas/Admin/Resources/Icon2019/ikon-send-til-underskrift.png');   
}

.ikon-afslut {
    background-image: url('/Areas/Admin/Resources/Icon2019/ikon-afslut-v2.png');
}


.ikon-dobbelt {
    background-image: url('/Areas/Admin/Resources/Icon2019/ikon-dobbelt.png');
}

.ikon-opret-slutseddel {
    background-image: url('/Areas/Admin/Resources/Icon2019/ikon-opret-slutseddel.png');
}

.ikon-eksport-csv {
    background-image: url('/Areas/Admin/Resources/Icon2019/ikon-eksport-csv.png');
}

.ikon-import-csv {
    background-image: url('/Areas/Admin/Resources/Icon2019/ikon-import-csv.png');
}


.ikon-done {
    background-image: url('/Areas/Admin/Resources/Icon2019/ikon-faerdig.png');
}


.NoRights {
    pointer-events: none;
    cursor: default;
    opacity: 0.6;
}


.FullScreen {
    display: none;
}

.NormalScreen {
    display: block;
}

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-radius: .25rem;
}
.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}


/*----- Content of Tabs -----*/
.tab-content {
    padding: 15px;
    border-radius: 3px;
    background: #eeeded;
    margin: 0px;
    background-color: #eeeeee;
    border-radius: 0px 10px 10px 10px;
    visibility: visible;
    border-bottom: outset 4px #dddddd;
    border-right: outset 4px #dddddd;
    padding: 20px 20px 20px 20px;
}

.tab {
    display: none;
}

    .tab.active {
        display: block;
    }



.w-100 {
    width:100% !important;
}


.delete-button {
    background-color: transparent;
    width: 25px;
    height: 25px;
    background-size: 100% auto;
    background-image: url('/Areas/Admin/Resources/toolbar/50px_slet_off.png');
    padding: 0px;
    display:inline-block;
}

.db-btn.db-btn-sm {
    padding: 0px 10px;
    height: 25px;
    line-height: 15px;
}


.link-button {
    cursor: pointer;
}

.icon-link {
    font-size:25px;
}



/****************** BILL OF SALE VERSION 2 **********************/
.a4-page {
    width:765px;
    border:1px solid #000;
    padding:10px;
}