/** {
    margin:0;
    padding:0;
}*/
#loading {
    background-image: url(../img/loading.gif);
    background-repeat:no-repeat;
    background-position:center;
}

.mouseloading {
    cursor: wait !important;
}

html {
    overflow: -moz-scrollbars-vertical;
    overflow: scroll;
    overflow-x: hidden;
}
html, body {
    height:100%;
}

body {
    font-family: Arial, Verdana;
    font-size: 12px;
    line-height:1em;
    color:#555555;
    background-color: #EEE;
}

.hidden {
    height: 0px;
    width: 0px;
}

.jsalert {
    background: #fff6bf center no-repeat;
    background-position: 15px 50%;
    text-align: center;
    padding: 5px 20px 5px 45px;
    border-top: 2px solid #ffd324;
    border-bottom: 2px solid #ffd324;
}

img {
    border:0;
    text-align:left;
}
object {
    vertical-align:top;
    outline:none;
}
ul, ol {
    list-style:none;
}
.fleft {
    float:left;
}
.adobe {
    margin-left: 165px;
}
.kleine_afbeeldingen {
    margin-left: 96px;
}
.fright {
    float:right;
}
.pdf {
    margin-left: 121px;
}
.clear {
    clear:both;
}
#kleineafbeeldingen {
    padding-bottom: 30px;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, col-7 {
    float:left;
}
.alignright {
    text-align:right;
}
.blok1 {
    height: 133px;
    width: 247px;
}
.blok2 {
    height: 133px;
    width: 247px;
}
#top_afbeelding {
    width: 918px;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 25px;
}
.blok3 {
    height: 133px;
    width: 247px;
}
.aligncenter {
    text-align:center;
}
.producten {
    margin-right: 10px;
    margin-left: 14px;
}
.titel_blauw {
    color: #19C8E8;
}
.centreren {
    text-align: center;
}
.wrapper {
    width:100%;
    overflow:hidden;
}
.container {
    width:100%;
}
.bold {
    font-weight:bold;
}

.Unknown {
    color: orange;
}
.Denied {
    color: red;
}
.Accepted {
    color: green;
}

table.plainTable {
    font-size: 13px;
}
table.plainTable td {
    border: 0px;
    vertical-align: top;
}

select#location {
    width: 300px;
}


/* JQuery theme roller modifications */

.ui-button {
    font-size: 12px;
}

.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text {
    padding: .2em 0.5em .2em 2.1em;
}

.ui-button-text-only .ui-button-text {
    padding: .2em 0.5em .2em 0.5em;
}

.ui-dialog-titlebar {
    padding: .4em 3px !important;
    border-bottom-left-radius: 0px !important;
    -webkit-border-bottom-left-radius: 0px !important;
    -khtml-border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    -webkit-border-bottom-right-radius: 0px !important;
    -khtml-border-bottom-right-radius: 0px !important;
}


/*==== STATUS =====*/
.statusbox {
    width: 100%;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    border: 1px solid #CDC3B7;
    /*box-shadow: 0.2em 0.2em #EDE4D4;*/
    background-color: white;
    overflow: hidden;
    /*padding-top: 3px;
    //padding-bottom: 3px;*/
}

.status {
    display: inline-block;
    text-align: center;
    padding-top: 7px;
    padding-bottom: 7px;
    height: 27px;
    vertical-align: middle;
}

.status.first {
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
    -moz-border-bottom-left-radius: 3px;
}

.status.last {
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
    -moz-border-bottom-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    -moz-border-top-right-radius: 3px;
}

.status.actual {
    background-color: #CDC3B7;
    color: white;
    font-weight: bold;
}
.status.step {
    background-color: #EDE4D4;
}

.arrow {
    font-size: 0px; line-height: 0%; width: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    display:inline;
    position: absolute;
}

.arrow.left {
    border-top: 14px solid #CDC3B7;
    border-left: 9px solid #EDE4D4;
    border-bottom: 14px solid #CDC3B7;
}

.arrow.right {
    border-top: 14px solid #EDE4D4;
    border-left: 9px solid #CDC3B7;
    border-bottom: 14px solid #EDE4D4;
}

.arrow.plain {
    border-top: 14px solid #EDE4D4;
    border-left: 9px solid #CDC3B7;
    border-bottom: 14px solid #EDE4D4;
    position: relative;
    left: 9px;
    top:-5px;
}

.arrow.inverted {
    border-top: 14px solid #CDC3B7;
    border-left: 9px solid #EDE4D4;
    border-bottom: 14px solid #CDC3B7;
}

/* =================== */
.productstatusbox {

}

.statusarrow {
    font-size: 0px; line-height: 0%; width: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    display:inline;
    position: relative;
    /*top: -9px;*/
    /*vertical-align: baseline;*/
}

.statusarrowspan {
    position: relative;
    /*top:-10px;*/
}

.statusarrow.left {
    border-top: 24px solid #CDC3B7;
    border-left: 9px solid #EDE4D4;
    border-bottom: 23px solid #CDC3B7;
}

.statusarrow.right {
    border-top: 24px solid #EDE4D4;
    border-left: 9px solid #CDC3B7;
    border-bottom: 23px solid #EDE4D4;
}

.statusarrow.plain {
    border-top: 24px solid #EDE4D4;
    border-left: 9px solid #CDC3B7;
    border-bottom: 23px solid #EDE4D4;
}

.statusarrow.inverted {
    border-top: 24px solid #CDC3B7;
    border-left: 9px solid #EDE4D4;
    border-bottom: 23px solid #CDC3B7;
}



/*==== Process completion classes ======*/
.completion.step {
    width: 100px;
    height: 35px;
    background: #EDE4D4;
    border: 0px solid white;
    text-align: center;
}

.completion.step.completed {
    background: #CDC3B7;
    color: white;
}

.completion.arrow {
    font-size: 0px; line-height: 0%; width: 0px;
    border-bottom: 16px solid #CDC3B7;
    border-left: 50px solid #EDE4D4;
    border-right: 50px solid #EDE4D4;
    position: absolute;
}

.completion.arrow.top {
    font-size: 0px; line-height: 0%; width: 0px;
    border-bottom: 16px solid #EDE4D4;
    border-left: 50px solid #FFFFFF;
    border-right: 50px solid #FFFFFF;
    position: absolute;
}

/*==== GLOBAL =====*/
#main {
    width:982px;
    margin:0 auto;
    font-size:0.8125em;
    padding-bottom:10px;
}

#header {
    height:70px;
    padding-bottom: 0px;
}

#content {
    min-height: 650px;
    background-color: white;
}

#datatable div.dataTables_wrapper{
    min-height: 277px;
}

#footer {
    text-align:center;
    height: 30px;
    padding-top: 0;

    -webkit-border-bottom-left-radius: 10px;
    border-bottom-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-bottom-right-radius: 10px;
    border-bottom-right-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    background-color: #ffffff;
}

#footer .line {
    margin-left: 24px;
    margin-right: 24px;
    background: #EEE;
    height: 1px;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
}

/*----- TABLE elements ------*/
table.details tr {
    border-bottom: 1px solid #DDDDDD;
}
table.details th {
    font-weight: bold;
    text-align: left;
    padding: 5px 2px;
}
table.details td {
    padding: 5px 2px;
}

/*----- page elements ------*/
.contentbox{
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    border: 1px solid #CDC3B7;
    box-shadow: 0.2em 0.2em #EDE4D4;
    /*padding: 3px;*/
    background-color: #ffffff;
    overflow: hidden;
    /*margin-bottom: 25px;*/
    /*padding-bottom: 30px;*/
}

.contentbox-success {
    background: #4CAF50;
    color: #000;
}

.contentbox-warning {
    background: #FF9800;
    color: #000;
}

.contentbox-error {
    background:#FF5722;
    color: #000;
}

.contentbox.datatable{
    height: 640px;
    min-height: 250px;
}

.datatablebox{
    min-height: 230px;
    overflow: hidden;
}
.datatablebox>table{
    width: 100%;
}

.datatablebox-small{
    min-height: 230px;
}

.datatablebox.viewbox{
    height: 250px;
    min-height: 225px;
}

.datatablebox.popupviewbox{
    height: 500px;
}


.contenttab{
    height: 22px;
    margin-right: -20px;
    border-top: 1px solid #CDC3B7;
    border-left: 1px solid #CDC3B7;
    background: #EDE4D4 url(jquery-roller-regiecentrale/images/ui-bg_glass_70_ede4d4_1x400.png) 50% 50% repeat-x;
    font-size: 12px;
    color: #3F3731;
    padding: 8px 6px 0px 6px;
}

.contenttab .ui-icon{
    background-image: url(jquery-roller-regiecentrale/images/ui-icons_f08000_256x240.png);
}

.contenttab.selected .ui-icon, .boxheader .ui-icon{
    background-image: url(jquery-roller-regiecentrale/images/ui-icons_c47a23_256x240.png);
}

.contenttab:first-of-type{
    margin-top: 10px;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-left-radius: 3px;

}

.contenttab:last-child{
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-left-radius: 3px;
    border-bottom: 1px solid #CDC3B7;
}

.contenttab.selected{
    background: #F78E1E url(jquery-roller-regiecentrale/images/ui-bg_glass_25_f78e1e_1x400.png) 50% 50% repeat-x;
    color: #ffffff;
}

.contenttab.selected .ui-icon{
    background-image: url(jquery-roller-regiecentrale/images/ui-icons_ffffff_256x240.png);
}

.contenttab:hover{
    background: #F5F0E5 url(jquery-roller-regiecentrale/images/ui-bg_glass_100_f5f0e5_1x400.png) 50% 50% repeat-x;
    color: #3f3731;
    cursor: pointer;
}

.contenttab:hover .ui-icon{
    background-image: url(jquery-roller-regiecentrale/images/ui-icons_f08000_256x240.png);
    cursor: pointer;
}

.searchbox{
    height: auto;
    margin-right: -20px;
    padding: 3px 3px 10px 3px;
    margin-top: 10px;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-left-radius: 3px;
    border: 1px solid #CDC3B7;
    border-right: 0px;
    background-color: #EDE4D4;
}

.searchbox select {
    max-width: 160px;
}

.contentbox.detailbox{
    position: relative;
    min-height: 250px;
}

.contentbox.detailbox.loginbox{
    height: 200px;
    background-image:url(/admin/img/sleutels.png);
    background-repeat:no-repeat;
    background-position:90% 90%;
}


.boxheader{
    height: 21px;
    background-color: #CDC3B7;
    /*background: -moz-linear-gradient(100% 100% 90deg, #CDC3B7, #05C3EA);*/
    /*background: -webkit-gradient(linear,left top,left bottom, color-stop(0, #CDC3B7), color-stop(0.48, #CDC3B7), color-stop(0.52, #05C3EA), to(#05C3EA));*/
    /*background-image: -webkit-gradient(
linear, left top, left bottom,
color-stop(0.15, rgb(0,187,229)),
color-stop(0.50, rgb(0,176,219)),
color-stop(0.85, rgb(0,187,229))
    );
background-image: -moz-linear-gradient(
center top,
rgb(0,187,229) 15%,
rgb(0,176,219) 50%,
rgb(0,187,229) 85%
);
    */
    font-size: 13px;
    color: white;
    padding: .4em 3px;
    position: relative;
}

.searchheader{
    height: 22px;
    font-size: 16px;
    padding: 8px 3px 0px 3px;
    margin-bottom: 2px;
    background: #EDE4D4 url(jquery-roller-regiecentrale/images/ui-bg_glass_70_ede4d4_1x400.png) 50% 50% repeat-x;
}

.searchbox .boxheader{
    text-align: left;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-left-radius: 3px;
}

.contentbox .boxheader{
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    border-top-right-radius: 3px;
}

.detailbox .boxheader{
    text-align: left;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    border-top-right-radius: 3px;
}

.boxheader .icon{
    background-image: url(jquery-roller-regiecentrale/images/ui-icons_ffffff_256x240.png);
}

.detailbox .boxcontent{
    margin: 0px;
    font-size: 12px;
}

.detailbox .boxfooter{
    /*position: absolute;*/
    bottom: 3px;
    right: 3px;
    font-size: 14px;
}


.ui-dialog {
    box-shadow: 0.2em 0.2em #EDE4D4;
}


.userimage {
    width:75px;
    height:100px;
    float: left;
    box-shadow: 0.2em 0.2em #EDE4D4;
    margin-right: 5px;
}

/* Button dropdown styles */

.optionbox{
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    border: 1px solid #CDC3B7;
    box-shadow: 0.2em 0.2em #EDE4D4;
    padding: 3px;
    background-color: #ffffff;
    overflow: hidden;
    margin-bottom: 10px;
    width: 225px;
}

.dropdown{
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    border: 1px solid #CDC3B7;
    padding: 1px;
    z-index: 9999;
    background-color: #ffffff;
    overflow: hidden;
    margin-bottom: 10px;
}

.option-icon {
    display: inline-block;
    vertical-align: middle
}

.option {
    height: 20px;
    line-height:20px;
}

.option:hover{
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    background-color: #EDE4D4;
    color: #000000;
    cursor: pointer;
}

/*----- shoppingcart box -----*/
.shoppingcartbox {
    display:inline-block;
}

.shoppingcartborder {
    border: 1px solid;
    margin: 10px;
    padding: 5px;
    width: 200px;
    height: 50px
}

/*----- forms parameters -----*/

form{
    width:560px;
    margin:5px auto;
    padding:0;
    overflow:auto;
}

form dt{
    padding:0;
    clear:both;
    width:140px;
    display:inline-block;
    float:left;
    text-align:right;
    margin:5px 0px 5px 0;
}

form dd{
    padding:0;
    float:left;
    width:350px;
    margin:0px 2px 5px 0;
    display:inline-block;
    /*padding-bottom: 15px;*/
}

dt > .noFloat {
    float: none;
}

/*form .contact div div {
        width: 130px;
        display: inline-block;
        vertical-align: top;
}*/

.formElement {
    width: 130px;
    display: inline-block;
    vertical-align: top;
}

div.inlineBlock {
    display: inline-block;
}

div.block {
    display: block;
    clear: both;
}

fieldset {
    display: block;
    /* border-top: 1px solid #CDC3B7; groove threedface;*/
}

form .contact dt{
    padding:0;
    clear:none;
    width:100px;
    display: inline;
    /*float:left;*/
    text-align:left;
    margin:5px 5px 5px 0;
}

form .contact dd{
    padding:0;
    /*float:none;*/
    /*float:left;*/
    /*width:200px;*/
    width:100px;
    display: inline;
    margin:5px 2px 5px 0;
}

form dd ul.errors{
    /*font-size: 1em;*/
    color: red;
    height: 10px;
}

form dd > ul.errors{
    border: 1px solid black;
}

form p{
    padding:0;
    margin:0;
}

form input, .zend_form textarea{
    margin:0 0 2px 0;
    padding:0;
}

.submit{
    float:right;
}

.required:after{
    content:' *';
    color: #f00;
}

/*.optional:before{content:'+ '}*/

input, select, textarea {
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:0.8em;
    vertical-align:middle;
    font-weight:normal;
}

input[type="checkbox"] {
    margin: 0px 0px 0px 0px;
    padding: 0px;
    box-sizing: content-box;
    display: inline;
    vertical-align: top;
}

select {
    max-width: 300px;
}

/*----- txt, links, lines, titles -----*/
a {
    color:#404040;
    outline:none;
}

a:hover {
    text-decoration:none;
}

h2 {
    font-size:17px;
    line-height:1.2em;
    color:#303030;
    text-transform:uppercase;
    margin-bottom:27px;
}

h3 {
    font-size:15px;
    line-height:1.2em;
    color:#303030;
    text-transform:uppercase;
    padding-bottom:22px;
}

/**
 * product block
*/
.productBlock {
    display: inline-block;
    min-height: 77px;
    width: 120px;
    vertical-align: top;
    border: 1px solid black;
    cursor: pointer;
    border-radius: 3px;
    margin: 10px;
}

.productBlock > label {
    cursor: pointer;
}

.pointer {
    cursor: pointer;
}

.productTitle {
    display: block;
    border: 0px;
    padding-bottom: 5px;
}

.productList {
    padding-top: 10px;
    padding-bottom: 10px;
}

.productImage {
    width: 120px;
    height: 61px;
}

label {
    width: 100%;
    /*float: left;*/
}

ul.errors {
    display: inline;
    color: red;
    font-size: 11px;
}

ul.errors > li {
}

p.hint {
    padding-bottom: 5px;
    display: inline;
    font-style: italic;
}

#tooltip {
    position: absolute;
    z-index: 3000;
    border: 1px solid #111;
    background-color: #eee;
    padding: 5px;
    opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }

.error {
    height: auto;
    opacity: .8;
    background: none repeat scroll 0 0 #FFEBE8;
    border: 1px solid #DD3C10;
    line-height: 15px;
    margin: 10px 0 0;
    overflow: hidden;
    text-align: center;
}
.error_inner {
    padding: 7px 3px;
}

.contentbox .ui-dialog-titlebar {
    font-size: 13px;
    height: 16px;
}

.searchbox label {
    font-weight: bold;
    line-height: 1.8;
}

.searchbox select#searchContactAccount {
    min-width:100px;
    min-height:16px;
}

.margin10 {
    margin: 10px;
}

.padding10 {
    padding: 10px;
}

div#contactdetails table th {
    padding: 4px 4px 4px 8px;
}

div#dialog p.dialogHeading {
    margin-left: 7px;
    border-bottom: 1px solid #DDDDDD;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 5px;
    padding-bottom: 5px;
    color: #5B5B5B;
}

dt#exportType-label label,
dt#exportFormat-label label{
    width: 75px;
}

fieldset#fieldset-scheduleGroup dt label {
    width: 75px;
}

.photoListTable td {
    padding:10px;
}

dt#sendreset-label,
dt#sendreset-label label {
    width: auto;
    color: #5B5B5B;
    margin-right: 20px;
}

div.searchbox label[for="searchTaskValue"] + span {
    display: block;
}

table#addresses > thead > tr th {
    min-width: 75px;
}

.parsley-error {
    color: red;
    background-color: #f2dede !important;
}

.dialog form select {
    width: 300px;
}

#customerGroups-element {
    width: 300px;
}

form#addOrder {
    width: 900px;
}

.login-with-azure-landing, .login-with-azure-failed-landing {
    display: flex;
    flex-direction: column;
}

.login-with-azure-landing p {
    margin-left: 1em;
    margin-right: 1em;
    margin-bottom: 0.75em;
}

.login-with-azure-redirect, .login-with-azure-failed {
    align-content: center;
    justify-content: center;
    align-items: center;
    margin-top: auto;
    margin-bottom: 1em;
    display: flex;
}

.login-with-azure-redirect a, .login-with-azure-failed a {
    display: inline-flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.login-with-azure-redirect #landingredirectbutton ui-icon-key, .login-with-azure-failed #retryloginbutton ui-icon-key {
    position: unset;
}

.login-with-azure-failed-landing .error {
    margin: 10px 10px 0;
}