html {
  font-size: 14px;
}

body {
  overflow-x: hidden;
}

.prio-tm10 {
  margin-top: 10px;
}
.prio-tm15 {
  margin-top: 15px;
}
.prio-tm20 {
  margin-top: 20px;
}
.prio-tm25 {
  margin-top: 25px;
}
.prio-tm30 {
  margin-top: 30px;
}
.prio-tm35 {
  margin-top: 35px;
}
.prio-tm40 {
  margin-top: 40px;
}
.prio-tm45 {
  margin-top: 45px;
}
.prio-tm50 {
  margin-top: 50px;
}
.prio-tm55 {
  margin-top: 55px;
}
.prio-tm60 {
  margin-top: 60px;
}
.prio-tm65 {
  margin-top: 65px;
}

.prio-tmn7 {
  margin-top: -7px;
}

.prio-ntp20 {
  margin-top: -25px;
  margin-left: -21px;
}

.prio-mr0 {
  margin-right: 0px;
}
.prio-mr1 {
  margin-right: 1px;
}
.prio-mr10 {
  margin-right: 10px;
}

.prio-mr15 {
  margin-right: 15px;
}
.prio-mr20 {
  margin-right: 20px;
}
.prio-mr25 {
  margin-right: 20px;
}
.prio-mr30 {
  margin-right: 20px;
}
.prio-mr35 {
  margin-right: 20px;
}
.prio-mr40 {
  margin-right: 20px;
}
.prio-ml10 {
  margin-left: 10px;
}
.prio-ml-5 {
  margin-left: -5px;
}
.prio-ml-10 {
  margin-left: -10px;
}
.prio-ml-15 {
  margin-left: -15px;
}
.prio-ml15 {
  margin-left: 15px;
}
.prio-ml20 {
  margin-left: 20px;
}
.prio-ml-3 {
  margin-left: -3px;
}

.prio-ml-5 {
  margin-left: -5px;
}

.prio-ml-10 {
  margin-left: -10px;
}

.prio-ml-25 {
  margin-left: -25px;
}

.prio-ml-20 {
  margin-left: -20px;
}

.prio-bm10 {
  margin-bottom: 10px;
}
.prio-bm15 {
  margin-bottom: 15px;
}
.prio-bm20 {
  margin-bottom: 20px;
}

.prio-ch85 {
  height: 85px;
}
/* grid columns */
.prio-cw10 {
  width: 10px;
}
.prio-cw20 {
  width: 20px;
}
.prio-cw25 {
  width: 25px;
}
.prio-cw30 {
  width: 30px;
}
.prio-cw35 {
  width: 35px;
}
.prio-cw40 {
  width: 40px;
}
.prio-cw45 {
  width: 45px;
}
.prio-cw50 {
  width: 50px;
}
.prio-cw60 {
  width: 60px;
}
.prio-cw70 {
  width: 70px;
}
.prio-cw80 {
  width: 80px;
}
.prio-cw90 {
  width: 90px;
}
.prio-cw100 {
  width: 100px;
}
.prio-cw110 {
  width: 110px;
}
.prio-cw150 {
  width: 150px;
}
.prio-cw210 {
  width: 210px;
}
.prio-hgt-50 {
  height: 50px;
}

.prio-hide {
  display: none;
}

.prio-float-right {
  float: right;
}

.prio_bg_lblue {
  background-color: lightblue !important;
}
.prio_bg_orange {
  background-color: orange !important;
}
.prio_bg_red {
  background-color: red !important;
}
.prio_bg_yellow {
  background-color: yellow !important;
}

.prio_bg_green {
  background-color: lightgreen !important;
}

.prio_bg_pink {
  background-color: #ffc0cb !important;
}

.prio_bg_white {
  background-color: #f4eff0 !important;
}

.prio-navbar {
  background-color: rgba(32, 74, 135, 1);
  height: 50px;
}

.prio-top-pager {
  position: absolute;
  top: 10px;
}

.prio-error-box {
  border: 1px solid !important;
  border-color: #a94442 !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.col-prio-2 {
  width: 20px;
  float: left;
  position: relative;
  min-height: 1px;
}
.col-prio-3 {
  width: 30px;
  float: left;
  position: relative;
  min-height: 1px;
}

.col-prio-5 {
  width: 50px;
  float: left;
  position: relative;
  min-height: 1px;
}

.checkbox .prio-check {
  margin-top: 2px;
  margin-left: -16px;
}

.customfont {
  font-family: "Lexia Bold", Arial, Helvetica;
  font-weight: normal;
  text-decoration: none;
  color: #fff;
}

.selector {
  float: left;
  display: block;
  padding: 0 0px 0 12px;
  text-decoration: none;
  color: #fff;
  margin: 0px;
  line-height: 54px;
  text-align: center;
  text-transform: uppercase;
  font-size: 14px;
  margin-right: 10px;
  border-left: 1px solid rgba(255, 255, 255, 0.3);
}
/*
#prio-grid-container{
	height:75.8vh; 
}
*/

/* #prio-grid-container .pagination {
  display: inline-block;
  padding-left: 0;
  margin: 25px 0;
  border-radius: 4px;
} */

#header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  width: 100%;
  height: 50px;
  background-color: rgba(32, 74, 135, 1);
  text-align: center;
  /* background: blue; */
}

.hamburger {
  background: none;
  top: 0;
  left: 0;
  line-height: 40px;
  padding: 5px 15px 0px 15px;
  color: #fff;
  border: 0;
  font-size: 1.4em;
  font-weight: bold;
  cursor: pointer;
  outline: none;
  z-index: 10000000000;
  float: left;
  width: 50px;
}

#prio-topnavbar {
  margin: 0 auto;
  /*  display: inline-block; */
  float: left;
}

#header #prio-topnavbar {
  height: 50px;
  overflow: hidden;
  top: -1px;
  position: fixed;
  left: 50px;
}
#header #prio-topnavbar ul {
  display: block;

  padding: 0;
  margin: 0;
  list-style: none;
}

#header #prio-topnavbar select {
  position: relative;
  z-index: 100;
  background: #f2f3ef;
  border: 0px solid transparent;
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.7) inset;
  padding-right: 5px;
  padding-left: 10px;
  margin: 12px 5px 0 10px;
  height: 22px;
  font-size: 1.2em;
  color: #204a87;
}

.cross {
  background: none;
  top: 0px;
  left: 0;
  padding: 13px 15px 0px 15px;
  color: #fff;
  border: 0;
  font-size: 3em;
  line-height: 40px;
  font-weight: bold;
  cursor: pointer;
  outline: none;
  z-index: 10000000000000;
  float: left;
  width: 50px;
}
.menu {
  z-index: 1000000;
  font-size: 0.8em;
  width: 238px;
  height: 100%;
  background: #204a87;
  position: absolute;
  text-align: left;
  top: 51px;
  line-height: 14px;
}

.menu ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  list-style-image: none;
  background: #204a87;
}

.menu li:hover {
  background: #1b355a;
}

.menu li {
  display: block;
  padding: 10px 0 10px 5px;
  border-bottom: #f2f3ef 1px solid;
  background: #204a87;
}

.menu ul a li {
  text-decoration: none;
  margin: 0px;
  color: #fff;
  font-size: 14px;
  display: block;
  padding: 12px 0 15px 15px;
  border-bottom: #f2f3ef 1px solid;
  text-align: initial;
}

.menu ul li form button.logout {
  color: #fff;
  text-decoration: none;
  margin: 0px;
  font-size: 16px;
  display: block;
  text-align: initial;
}

.menu ul a:hover li {
  color: #fff;
  text-decoration: none;
  background-color: #1b355a;
}

.menu a:hover {
  text-decoration: none;
  color: white;
}

.prio_box {
  float: left;
  width: 210px;
  height: 175px;
  margin: 12px;
  display: block;
  font-size: 13px;
}

.prio_box .form-group {
  margin-bottom: 10px;
}

.prio_box .form-group .form-control[readonly] {
  background-color: #fff;
  opacity: 1;
}

fieldset[disabled] .prio_box input,
fieldset[disabled] .prio_box textarea,
fieldset[disabled] .prio_box select {
  background-color: #fff;
  opacity: 1;

  cursor: default;
}

/* .prio-viewbox {
  width: 300px;
  margin: 1em;
  float: left;
} */

/* .prio-editbox { */
/* display: inline-block; */
/* margin: 1em; */
/* float: left; */
/* } */
/*
.prio-list{
	width:350px;
}
 */

.prio-editbox .prio-list th {
  text-align: left;
}
.prio-editbox #prio-list1 td {
  text-align: left;
}
.prio-editbox #prio-list2 td {
  text-align: left;
}
.prio-editbox #prio-list3 td {
  text-align: left;
}

.prio-fieldset {
  width: 966px;
  margin-bottom: 30px;
}
.prio-form-group {
  height: 24px;
  /* float: left; */
  margin-top: 195px;
  margin-left: 15px;
}

#bt_annuleren {
  margin-left: 30px;
  --bs-btn-border-color: #dee2e6;
}

.field-weekopmerking-opmerking {
  margin-bottom: 25px;
}

#opmerkingen_text {
  height: 100%;
  width: 100%;
  resize: none;
  -webkit-box-sizing: border-box; /* <=iOS4, <= Android  2.3 */
  -moz-box-sizing: border-box; /* FF1+ */
  box-sizing: border-box; /* Chrome, IE8, Opera, Safari 5.1*/
  border: 0px;
  margin-top: 0px;
  margin-bottom: -4px;
}
.txta_none_resize {
  resize: none;
  width: 200px;
  height: 150px;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s,
    -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.footer-text {
  color: white;
  padding-top: 6px;
  text-align: center;
  font-size: 10px;
}

.site-login {
  position: fixed;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 1px solid gainsboro;
  padding: 15px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  text-align: center;
}

.site-login .form-horizontal .form-group {
  margin-right: 30px;
  margin-left: 30px;
}

.prio-login-button {
  margin-bottom: 20px;
  float: right;
  margin-right: 20px;
}

.prio-control-label {
  margin-left: -10px;
  margin-bottom: 2px;
}

#prio-entries-search {
  position: fixed;
  top: 2px;
  left: 440px;
  z-index: 100;
  white-space: nowrap;
  width: 570px;
}

.prio-pagesize-selector {
  position: fixed;
  top: -2px;
  left: 750px;
  z-index: 100;
  padding-left: 20px;
}
/*
#prio-pagesize {
    position: fixed;
    top: 9px;
    left: 720px;
    z-index: 100;
    white-space: nowrap;
    width: 75px;
}
*/
#prio-pagesize-select {
  width: 70px;
  top: 13px;
  left: 826px;
}
/*
#prio-pagesize-label {
    position: fixed;
    top: 0px;
    left: 750px;
    z-index: 100;
    white-space: nowrap;
    width: 75px;
}
*/
#prio-entries-search select {
  position: fixed;
  border: 0px solid transparent;
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.7) inset;
  padding-right: 5px;
  padding-left: 10px;
  padding-top: 1px;
  height: 26px;
  font-size: 1.2em;
  color: #204a87;
  background-color: #f2f4ef;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

#orderssearch-vestiging_letter {
  width: 112px;
  top: 13px;
  left: 600px;
}

#prio-pagesize {
  margin-top: -2px;
}

#updater {
  margin-left: 1146px;
  margin-top: 0px;
}

.top_menuicon {
  border-left: 1px solid rgba(255, 255, 255, 0.3);
  border-right: 1px solid rgba(255, 255, 255, 0.3);
  padding-left: 15px;
  padding-right: 15px;
  height: 47px;
  margin-top: 3px;
}
#updater:hover {
  background: #1b355a;
}

.field-prio-vestiging label {
  margin-right: 25px;
  font-family: "Lexia Bold", Arial, Helvetica;
  font-weight: normal;
  text-decoration: none;
  margin-top: 7px;
}

#page {
  margin-top: -59px;
  margin-left: 280px;
}

#prio-vestiging {
  width: 158px;
  margin-left: 90px;
  margin-top: -32px;
}

#prio-grid .summary {
  position: fixed;
  display: block;
  z-index: 100;
  top: 0px;
  left: 925px;
  text-transform: uppercase;
}

.orders-entries-index {
  margin-top: 126px;
  margin-left: auto;
  margin-right: auto;
}

#prio-grid .pagination {
  top: 6px;
  z-index: 100;
  position: fixed;
  right: 6px;
}

#prio-table thead {
  position: fixed;
  margin-top: -75px;
}
.prio_updateresult {
  height: 20px;
  text-align: right;
  color: red;
  font-size: 12px;
}

.prio-viewbox-small {
  display: inline-block;
  width: 420px;
  margin-right: 10px;
  margin-left: 10px;
  font-size: 13px;
}

.prio-entries-view fieldset {
  border: 1px solid #c0c0c0;
  min-width: 480px;
  padding: 4px;
  margin-left: 10px;
  padding-left: 10px;
  width: 1145px;
}

.prio-entries-view legend {
  display: block;
  width: 5%;
  padding: 0;
  margin-bottom: 0px;
  font-size: 19px;
  line-height: 34px;
  color: #333;
  /* border: 0; */
  /* border-bottom: 1px solid #e5e5e5; */
  margin-left: 19px;
}

#prio-grid-filters .form-control {
  padding: 2px;
}

.order-user-container {
  margin-top: 70px;
  width: 400px;
  margin-right: 10px;
  margin-left: 10px;
}

.order-userupdate-container {
  margin-top: 80px;
}

.mls {
  margin-left: 10px;
}

.mbb {
  margin-bottom: 20px;
}
/*
#prio-grid{
    width: 100%;
    overflow: hidden;

}
*/

/*  
.container {
 overflow-y:hidden; 
}
*/

#prio-table {
  /*    width: 1855px; */
  border-collapse: collapse;
  margin-bottom: 0px;
}

/*

#prio-table thead {
    top: 50px;
    background-color:white;
    display: block;
    overflow: auto;
}


#prio-table tbody
{
    display: block;
    overflow-y: scroll;
    overflow-x:auto;
}

*/

#prio-list1 tbody {
  display: inline;
}
#prio-list2 tbody {
  display: inline;
}
#prio-list3 tbody {
  display: inline;
}

.montagepunten-lijsten-view,
.betaling-lijsten-view,
.wijzigingsformulieren-lijsten-view {
  min-width: 275px;
  max-width: 450px;
}

.prio-view-formgroup {
  height: 25px;
}
.week-opmerkingen-viewform {
  width: 88%;
}

.prio-close-button {
  margin-top: 20px;
}
.prio-frame {
  padding: 15px;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s,
    box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -webkit-transition: border-color ease-in-out 0.15s,
    -webkit-box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s,
    -webkit-box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s,
    -webkit-box-shadow ease-in-out 0.15s;
}

#prio-table .is-hot {
  background-color: #fff3d9;
}

.autotasks-input-form,
.instellingen-emailer-form,
.email-black-list-form {
  margin-left: 10px;
  margin-bottom: 10px;
  margin-right: 10px;
  border: 1px solid #ddd;
  padding-top: 25px;
}

.email-black-list-form {
  margin-top: 60px;
  border: 0px;
}

.artikelen_row {
  margin: 5px;
}

.field-prio-vestigingcheck label {
  font-weight: normal;
}

.rapportages-entries-index {
  width: 98%;
  margin-left: 1%;
}
.autotasks-input-form {
  border-style: none;
  /*    width: 400px; */
}

.headerbadge {
  width: 128px;
  height: 20px;
  padding-top: 4px;
  margin-right: 10px;
}

.rap_button {
  margin-left: 10px;
}

.rap_check {
  margin-right: 10px;
}

/* .list-header{
    margin-right:0px;
} */

.file-list-element {
  height: 65px;
}

.file-list-action {
  float: right;
  margin-top: -42px;
}
.file-action-button {
  margin-right: 10px;
}

.file-name {
  margin-top: 10px;
}

.file-list-element:hover {
  background-color: rgb(247, 247, 247);
}

.pre-scrollable {
  max-height: calc(100vh - 151px);
  overflow-y: scroll;
}

.cursor_arrow:hover {
  cursor: initial !important;
}

.inline-error {
  margin-left: 305px;
  margin-top: -40px;
  width: 230px;
}

.sans-inline-error {
  margin-left: 10px;
  border-left: 1px solid #eed3d7;
  padding: 8px 20px;
}

/* custom datepicker */
.ui-datepicker-week-col {
  width: 10px;
  height: 10px;
}

.artiklen-fc {
  margin-left: 10px;
}
.prio-inline-error {
  margin-bottom: 0px;
  margin-top: 0px;
}

.prio-inline-span {
  padding: 8px 20px;
}

/* verkoop_rapportage */
#prio-grid-verkoop-rapportage {
  margin-left: 10px;
  margin-right: 10px;
}

.nottoedge {
  margin-left: -5px;
  margin-right: -5px;
  margin-top: 10px;
}

.verkoop_table tr,
.verkoop_table td {
  height: 37px;
}

.top-spacer {
  margin-top: 50px;
}

.hasDatepicker {
  position: relative;
  z-index: 11;
}

#addrole_error {
  display: none;
  color: red;
  margin-left: 10px;
}

/* autotasks */

.autotasks-input-index,
.email-send-queue-index,
.email-send-arhief-index,
.email-not-send-arhief-index,
.email-black-list-index,
.email-templates-index {
  margin-top: 81px;
  margin-left: 10px;
  margin-top: 81px;
  margin-left: 10px;

}

.autotasks-input-index,
.email-send-queue-index,
.email-send-arhief-index,
.email-not-send-arhief-index,
.email-templates-index {
min-height: calc(100vh - 122px);
}
/* .auto-task-fixed-head {
  width: 100%;
  position: absolute;
  z-index: 100;
  height: 46px;
  background-color: white;
} */

/* Status code */
#prio-autotasks-table thead #cl_status,
#cl_status_body {
  width: 2vw;
  text-align: center;
}
/* Vertraging */
#prio-autotasks-table thead #cl_vertraging,
#cl_vertraging_body {
  width: 2vw;
  text-align: center;
}

/* Vertraging */
#prio-autotasks-table thead #cl_active,
#cl_active_body {
  width: 4vw;
  text-align: center;
}

#prio-emailqueue-table thead #cl_active,
#cl_active_body {
  width: 4vw;
  text-align: center;
}

#prio-emailfoutqueue-table thead #cl_active,
#cl_active_body {
  width: 3vw;
  text-align: center;
}

.cl_active {
  width: 50px;
  text-align: center;
}

#cke_1_contents {
  height: 523px;
}

.tab-content {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;

  padding-left: 20px;
  padding-right: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
}

#prio-autotasks-table tr.danger td {
  background-color: #337ab71f;
}

#prio-emailtemplates-table tr.danger td {
  background-color: #337ab71f;
}

#cke_autotasksinput-mail_body {
  margin-top: -25px;
}
#cke_autotasksinput-mail_body_b {
  margin-top: -25px;
}

#prio-pagesize-label {
  color: white;
  padding-left: 5px;
}

/*
#b-percenatge {
    margin-left: 90px;
    margin-top: 44px;
}
#a-percenatge {
    margin-top: 44px;
}
#mail-side{
  margin-bottom:-10px;
}
.nospace{
  display: inline-block;
  margin-left: -475px;
  margin-bottom: -52px;
}
*/
.prio-slider {
  margin-top: -27px;
  display: inline-block;
  margin-bottom: -15px;
}

.prio-nopadding .form-control {
  padding: 0px;
  text-align: center;
}

/* no buttons in date filter grid */
.prio-none-filter-glyp .kv-date-picker {
  display: none;
}

.prio-alert-inline {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  padding: 6px 12px;
  font-size: 14px;
  border-radius: 4px;
}

#prio-table .kv-date-remove {
  display: none;
}

#prio-modal-emailtmpl {
  top: 16%;
}

.loader_image {
  width: 60px;
  display: none;
}

.omzet_content_tab {
  display: block;
  max-height: 70vh;
  overflow-y: scroll;
}

/* fixe bug see... https://github.com/select2/select2/pull/4898 */
.select2-container
  .select2-selection__rendered
  > *:first-child.select2-search--inline {
  width: 100% !important;
}
.select2-container
  .select2-selection__rendered
  > *:first-child.select2-search--inline
  .select2-search__field {
  width: 100% !important;
}
/* end bug fix */

a:link {
  text-decoration: none;
  color: #337ab7;
}
a:visited {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
a:active {
  text-decoration: none;
}