.mb-childs {float:left;width:75%;padding-top:4px;}
.mb-one-child {float:left;padding:3px 7px 3px 5px;border-radius:4px;margin:0 4px 4px 0;border:1px solid #C7D6DB;color:#444;background:#f0f0f0;}
.mb-one-child a {margin-left:6px;font-weight:bold;}

#mb-prop-box {display: flex; flex-direction: row; align-items: flex-start;}
#mb-prop-main {width:50%;margin-right:5%;}
#mb-prop-main select option:disabled {display:none;}
#mb-prop-val {width:45%;border:1px solid #ccc;padding:12px 0px 60px 0;border-radius:5px;position:relative;}
#mb-prop-val .mb-val-head {margin:0 0 4px 0;display:inline-block;width:100%;padding:0 15px;font-size:15px;}
#mb-prop-val .mb-val-subhead {margin:0 0 12px 0;display:inline-block;width:100%;padding:0 15px;font-size:13px;line-height:15px;float:left;clear:both;}
#mb-prop-val .mb-val-subhead + .mb-val-subhead {margin-top:-8px;}
#mb-prop-val .mb-val-types {margin:0 ;display:inline-block;width:100%;padding:12px 15px 8px 15px;background:#f0f0f0;border-bottom:1px solid #ccc;display: flex; flex-direction: row; align-items: flex-start; flex-wrap: wrap;}
#mb-prop-val .mb-val-types a {font-size:13px;line-height:14px;padding:5px;border-radius:4px;border:1px solid #ccc;background:#fff;float:left;margin:0 4px 4px 0;width:auto;cursor:pointer;}
#mb-prop-val .mb-val-types a.mb-active {font-weight:bold;background: #2eacce; color: #fff; border-color: #2eacce;}
#mb-prop-val .mb-val-types a:not(.mb-active):hover {text-decoration:none;background:#e0e0e0;}
#mb-prop-val .mb-val-types a.mb-active:hover {text-decoration:none;}
#mb-prop-val .mb-val-list { display: flex; width: 100%; padding: 15px; flex-direction: column; align-items: stretch;height:360px;overflow-y:auto;}
#mb-prop-val .mb-val-list:not(.mb-active) {display:none;}
#mb-prop-val .mb-val-wrap {padding:15px;width:100%;display:flex;}
#mb-prop-val .mb-val-list .mb-empty-box {content:"No values";font-style:italic;color:#999;display:inline-block;}
#mb-prop-val .mb-val-list .mb-row {padding:3px 40px 3px 40px;border-radius:5px;background:#eee;position:relative;width:100%;margin:0 0 2px 0;height:34px;}
#mb-prop-val .mb-val-list .mb-row input[type="text"] {min-height:unset;height:28px;width:100%;max-width:100%;}
#mb-prop-val .mb-val-list .mb-row .mb-col-move {width:34px;height:34px;background:transparent;position:absolute;top:0;left:0;border-radius:4px 0 0 4px;border-right:1px solid #ccc;}
#mb-prop-val .mb-val-list .mb-row .mb-col-move .fa {width:34px;height:34px;background:transparent;border:none;color:#aaa;line-height:34px;text-align:center;cursor:move;}
#mb-prop-val .mb-val-list .mb-row .mb-col-id {width:20%;padding-right:5px;position:relative;}
#mb-prop-val .mb-val-list .mb-row .mb-col-name {width:40%;padding-right:5px;}
#mb-prop-val .mb-val-list .mb-row .mb-col-icon {width:40%;}
#mb-prop-val .mb-val-list .mb-row .mb-col-del {width:34px;height:34px;border-left:1px solid #ccc;position:absolute;right:0;top:0;border-radius:0 4px 4px 0;}
#mb-prop-val .mb-val-list .mb-row .mb-col-del i {width:34px;height:34px;background:transparent;border:none;color:#d90000;line-height:32px;font-size:16px;text-align:center;}
#mb-prop-val .mb-placeholder {float:left;clear:both;width:100%;height:34px;display:block;background:#f6f6f6;border:1px dashed red;margin:0 0 2px 0;}

#mb-prop-val .mb-val-foot {position:absolute;bottom:0;left:0;width:100%;border-radius:0 0 4px 4px;border-top:1px solid #ccc;background:#fff;padding:10px 15px;display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: space-between;}
#mb-prop-val .mb-val-foot:not(.mb-active) {display:none;}
#mb-prop-val .mb-val-foot a { float: left; white-space:nowrap;position: relative; display: inline-block; height: 31px; padding: 7px 10px; margin-right: 0px; line-height: 15px; font-size: 13px; font-weight: 600; background: #2EACCE; color: #fff; text-decoration: none; border-radius: 3px; }
!#mb-prop-val .mb-val-foot a.mb-val-add {width: 22100px; }
#mb-prop-val .mb-add-box {width:100%;position:relative;padding-left:12px;display: flex; align-items: center; justify-content: space-between; flex-direction: row; flex-wrap: nowrap;}
#mb-prop-val .mb-add-box input[type="text"] {width:100%;}
#mb-prop-val .mb-val-foot a.mb-add-list-btn {height:31px;padding:7px 5px;margin-left:3px;}
#mb-prop-val .mb-val-foot a.mb-update-list-btn {height:31px;padding:7px 5px;margin-left:3px;}
#mb-prop-val input[type="text"].mb-inpt-error {background:#ffcdcd;border-color:#d07878;text-decoration: underline;}
#mb-prop-val input[type="text"].mb-inpt-ok {background:#d4eed9;border-color:#5db670;}

.mb-box .mb-inside .mb-row.mb-disabled, #mb-prop-val.mb-disabled { opacity: 0.3; position: relative; user-select: none;}
.mb-box .mb-inside .mb-row.mb-disabled:after, #mb-prop-val.mb-disabled:after { content: ""; position: absolute; display:flex;left: -10px; top: -2px; bottom: -2px; right: -10px; z-index: 2; cursor: not-allowed; }
.mb-box .mb-inside .mb-row.mb-disabled:hover, #mb-prop-val.mb-disabled:hover {opacity:0.8;}
.mb-box .mb-inside .mb-row.mb-disabled:hover:before, #mb-prop-val.mb-disabled:hover:before { content: ""; font-style:italic;color:#555;background:rgba(255,255,255,0.8);position: absolute; display:flex;display: flex;font-size:13px;align-items: center;justify-content: center;left: -10px; top: -2px; bottom: -2px; right: -10px; z-index: 3; cursor: not-allowed; }



.mb-quick-tooltip {position:absolute;top:0;left:100%;width:220px;font-size:11px;line-height:12px;background:#111;color:#f9f9f9;padding:5px 8px;border-radius:3px;box-shadow:0 2px 6px rgba(0,0,0,0.2);z-index:4;}


/* VEHICLE TYPES */
#mb-types .ubtns {text-align:right;}
#mb-types .mb-btn, #mb-properties .mb-btn, #mb-sections .mb-btn {min-width:32px;width:auto;margin:-8px 0 -7px 5px;height:30px;line-height:15px;padding:6px;}
#mb-types .mb-btn > i, #mb-properties .mb-btn > i, #mb-sections .mb-btn > i {line-height:15px;}
#mb-types .ccolor {height:34px;border-left:8px solid #888;text-indent:-4px;position:relative;}
#mb-properties .mb-col-move, #mb-sections .mb-col-move {min-height:34px;}
#mb-types .move, #mb-properties .move, #mb-sections .move {background:transparent;border:none;border-radius:0;left:0;top:0;height:34px;position:absolute;text-indent:0px;width:100%;text-align:center;line-height:34px;border-right:1px solid rgba(0,0,0,0.1);cursor:move;font-size:17px;color:rgba(0,0,0,0.2);text-decoration:none;}
#mb-types .move:hover, #mb-properties .move:hover, #mb-sections .move:hover {background:rgba(0,0,0,0.08);color:rgba(0,0,0,0.4);}
#mb-types > .placeholder, #mb-properties > .placeholder, #mb-sections > .placeholder {border:1px dashed red;height:33px;display:block;width:100%;margin:1px 0;float:left;width:100%;clear:both;border-radius:0px;}
#mb-properties .mb-table-row > div a.mb-button-red .fa, #mb-sections .mb-table-row > div a.mb-button-red .fa {margin:0;}
.mb-type-edit textarea#s_description {height:106px;width:50%;min-width:50%;max-width:50%;}
.mb-type-edit input[type="color"] {height: 35px; margin: -2px 0; padding: 0; border: none; box-shadow: none; width: 90px; cursor: pointer; background: none!important;}
.mb-table-row .mb-desc {max-height:54px;overflow:hidden;display:inline-block;width:100%;}
#mb-properties .mb-checks i.fa-check, #mb-sections .mb-checks i.fa-check {color:#00b600;}
#mb-properties .mb-checks i.fa-times, #mb-sections .mb-checks i.fa-times {color:#999;}

.mb-add-button {text-decoration:none;position:relative;clear:both;float:left;margin:35px 20px 0px 0;display:inline-block;width:auto;padding:10px 16px 10px 34px;line-height:16px;font-size:14px;font-weight:600;background:#2EACCE;color:#fff;text-decoration:none;border-radius:5px;}
.mb-add-button i {position:absolute;left:0;top:0;width:34px;height:36px;font-size:19px;text-align:center;line-height:36px;color:#fff;}
.mb-add-button:hover {background:#3cbcde;text-decoration:none;color:#fff;}


#mb-makes-box {line-height:18px;display: flex; flex-direction: row; flex-wrap: nowrap; align-content: flex-start; justify-content: space-between; align-items: stretch;}
#mb-makes-box .mb-empty-box {display:inline-block;width:100%;font-size:14px;font-style:italic;color:#999;padding:8px 0;}
#mb-makes-box .mb-column {min-height:480px;background:#f0f0f0;padding:10px;width:32%;}
#mb-makes-box .mb-column.mb-types {width:200px;}
#mb-makes-box .mb-column.mb-makes {width:calc(60% - 120px);}
#mb-makes-box .mb-column.mb-models {width:calc(40% - 100px);}
#mb-makes-box .mb-column > strong {font-size:14px;display:inline-block;width:100%;margin:2px 0 10px 0;}
#mb-makes-box .mb-column .mb-wrap {float:left;clear:both;position:relative;display:inline-block;width:100%;}
#mb-makes-box .mb-elem {float:left;clear:both;display:inline-block;width:100%;position:relative;min-height:36px;margin:2px 0;padding:8px 72px 8px 36px;font-size:14px;background:#f6f6f6;border:1px solid #ddd;}
#mb-makes-box .mb-elem.ui-sortable-helper {left:0px!important;}
#mb-makes-box .mb-elem.mb-active {border-color:blue;background:#fff;}
#mb-makes-box .mb-elem .mb-move {left:0;top:0;position:absolute;width:36px;height:100%;line-height:36px;background:#fff;text-align:center;font-size:14px;color:#2eacce;border-right:1px solid #ccc;cursor:move;}
#mb-makes-box .mb-elem .mb-move:hover {color:#0073aa;}
#mb-makes-box .mb-elem .mb-expand {right:0;top:0;position:absolute;width:36px;height:100%;line-height:34px;background:#fff;text-align:center;font-size:14px;color:#2eacce;border-left:1px solid #ccc;cursor:pointer;}
#mb-makes-box .mb-elem .mb-expand:hover {color:#0073aa;}
#mb-makes-box .mb-elem .mb-delete {display:none;right:36px;top:0;position:absolute;width:36px;height:100%;line-height:34px;background:#fff;text-align:center;font-size:14px;color:#2eacce;border-left:1px solid #ccc;cursor:pointer;}
#mb-makes-box .mb-elem:hover .mb-delete {display:block;}
#mb-makes-box .mb-elem .mb-delete:hover {color:#0073aa;}
#mb-makes-box .mb-elem .mb-text {padding:0 8px;width:100%;}
#mb-makes-box .mb-elem .mb-text em {font-style:normal;font-size:12px;color:#999;cursor:help;}
#mb-makes-box .mb-elem .mb-inputs {position:absolute;top:0;left:36px;right:72px;padding:4px 8px;height:36px;display:inline-block;}
#mb-makes-box .mb-elem .mb-inputs input[type="text"] {width:calc(100% - 100px);float:left;height:26px;min-height:26px;padding:6px;}
#mb-makes-box .mb-elem .mb-inputs.mb-inputs-make input[type="text"].mb-i-name {width:calc(60% - 174px);margin-right:8px;}
#mb-makes-box .mb-elem .mb-inputs.mb-inputs-make input[type="text"].mb-i-icon {width:calc(25% - 8px);margin-right:8px;}
#mb-makes-box .mb-elem .mb-inputs.mb-inputs-make input[type="text"].mb-i-slug {width:calc(15% - 8px);margin-right:8px;}
#mb-makes-box .mb-elem .mb-inputs.mb-inputs-make input[type="color"].mb-i-color {width:26px;height:26px;position:relative;top:auto;left:auto;}
#mb-makes-box .mb-elem .mb-inputs.mb-inputs-model input[type="text"].mb-i-name {width:calc(75% - 78px);margin-right:8px;}
#mb-makes-box .mb-elem .mb-inputs.mb-inputs-model input[type="text"].mb-i-slug {width:calc(25% - 8px);margin-right:8px;}

#mb-makes-box .mb-elem .mb-inputs .mb-check {width:70px;float:left;padding:5px 0 5px 10px;overflow:hidden;align-items: flex-start;justify-content: flex-start;}
#mb-makes-box .mb-elem .mb-inputs .mb-check.mb-sect {width:70px;overflow:hidden;}
#mb-makes-box .mb-elem .mb-inputs .mb-check input[type="checkbox"] {width:16px;min-width:16px;height:16px;float:left;margin:0 4px 0 0;}
#mb-makes-box .mb-elem .mb-inputs label.mb-check > input[type="checkbox"] + span {float:left;font-size:13px;line-height:14px;margin:1px 0;width:auto;display:inline-block;}

#mb-makes-box .mb-elem.mb-elem-light {padding:8px 36px 8px 0px;}
#mb-makes-box .mb-elem.mb-elem-light .mb-move, #mb-makes-box .mb-elem.mb-elem-light .mb-delete {display:none!important;} 
#mb-makes-box .mb-column.mb-models .mb-elem {padding-right:36px;}
#mb-makes-box .mb-column.mb-models .mb-elem .mb-inputs {right:36px;}
#mb-makes-box .mb-column.mb-models .mb-elem .mb-expand {display:none!important;}
#mb-makes-box .mb-column.mb-models .mb-elem .mb-delete {right:0;}

#mb-makes-box a.mb-add-btn {float: right; margin: -4px 0; padding: 4px 6px; height: auto;}
#mb-makes-box a.mb-add-btn.mb-disabled {opacity:0.6;cursor:default;}

#mb-makes-box .mb-placeholder {float:left;clear:both;width:100%;height:36px;display:block;background:#f6f6f6;border:1px dashed red;margin:2px 0;}


.mb-table-row > div.mb-input-box {padding:3px;}
!.mb-table-row > div.mb-input-box select {width:auto;min-width:140px;}

#mb-search-table {display:inline-block;width:100%;margin:0 0 30px 0;}
#mb-search-table label {width: 100%; font-weight: bold; line-height: 14px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin: 0 0 5px 0; padding: 0; text-align: left;color:#444;}
#mb-search-table input[type="text"], #mb-search-table select {width:100%;margin:0;max-width:100%;min-width:100%;}
#mb-search-table > div { padding:0 20px 0 0;}
#mb-search-table > div:last-child { padding:0;}
#mb-search-table > div button { font-weight: bold; } 

.mb-table .mb-table-row .mb-align {padding:6px 0;display:inline-block;}
.mb-table .mb-table-row input[type="text"] {width:100%;}
.mb-table .mb-table-row textarea {width:100%;max-width:100%;min-width:100%;height:60px;min-height:60px;max-height:180px;}

.mb-box .mb-table-rules input[type="text"] {width:100%;}
.mb-box .mb-table-rules .mb-table-row > div {padding:3px 4px;}

/* CUSTOM */
.mb-message-js {display: block; width: 160px; height: auto; position: fixed; top: 70px; right: 15px; z-index: 99;}
.mb-message-js > div {text-align: center; width: auto; position: absolute; top: 0; right: 0; padding: 8px 15px; font-size: 13px; font-weight: 600; background: #05b168; color: #fff; line-height: 15px; border-radius: 3px; box-shadow: 0px 2px 5px rgba(0,0,0,0.25);}
.mb-message-js.error > div {background:#d60101;}
  
.mb-box div.mb-select-locale {position:absolute;right:20px;top:8px;display:block;}
.mb-box select.mb-select-locale {width:auto;min-width:0;height:30px;padding:5px 8px;}



/* ------------------------------------------------------------------------------------------- */
/* =========================  GLOBAL MB-THEMES BACKOFFICE INTERFACE  ========================= */
/* ------------------------------------------------------------------------------------------- */

/* Requires: Bootstrap Switch, Tipped */

/* EXTENDED STYLING */
.tpd-content {white-space: pre-line;word-break: break-word;}

.mb-table a.mb-button-white.mb-disabled {cursor:not-allowed;opacity:0.6;}

.mb-table a.mb-button-red {height:26px;color:#fff;font-size:12px;text-decoration:none;border-bottom:2px solid rgba(0,0,0,0.15);padding: 3px 7px;}
.mb-table a.mb-button-red.mb-disabled {cursor:not-allowed;opacity:0.6;}
.mb-table a.mb-button-red i {color:#fff!important;font-size: 14px; margin-right: 2px;}

.mb-table a.mb-button-gray {height:26px;color:#fff;font-size:12px;text-decoration:none;border-bottom:2px solid rgba(0,0,0,0.15);padding: 3px 7px;}
.mb-table a.mb-button-gray.mb-disabled {cursor:not-allowed;opacity:0.6;}
.mb-table a.mb-button-gray i {color:#fff!important;font-size: 14px; margin-right: 2px;}

.mb-table a.mb-button-blue {height:26px;color:#fff;font-size:12px;text-decoration:none;border-bottom:2px solid rgba(0,0,0,0.15);padding: 3px 7px;}
.mb-table a.mb-button-blue.mb-disabled {cursor:not-allowed;opacity:0.6;}
.mb-table a.mb-button-blue i {color:#fff!important;font-size: 14px; margin-right: 2px;}

.mb-table a.mb-button-green {height:26px;color:#fff;font-size:12px;text-decoration:none;border-bottom:2px solid rgba(0,0,0,0.15);padding: 3px 7px;}
.mb-table a.mb-button-green.mb-disabled {cursor:not-allowed;opacity:0.6;}
.mb-table a.mb-button-green i {color:#fff!important;font-size: 14px; margin-right: 2px;}

.mb-table a.mb-button-green, .mb-table a.mb-button-gray, .mb-table a.mb-button-red, .mb-table a.mb-button-blue {margin:-3px 0;}

.mb-button-green.mb-add {font-size: 13px; line-height: 15px; font-weight: 500;}
.mb-button-green.mb-add:hover {text-decoration:none;color:#fff;}
.mb-button-green.mb-add i {margin-right:4px;}

#mb-search-table {display:inline-block;width:100%;margin:0 0 30px 0;}
#mb-search-table label {width: 100%; font-weight: 500; line-height: 14px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin: 0 0 5px 0; padding: 0; text-align: left;color:#444;}
#mb-search-table input[type="text"], #mb-search-table select {width:100%;margin:0;max-width:100%;min-width:100%;}
#mb-search-table > div { padding:0 20px 0 0;}
#mb-search-table > div:last-child { padding:0;}
#mb-search-table > div button { font-weight: 500; } 
#mb-search-table > div button i {width:13px;}
#mb-search-table > div button.mb-loading {opacity:0.5;cursor:wait;}
.page-plugins.action-renderplugin p.mb-light {font-weight:normal;}


/* NOTES */
.mb-notes, .mb-box .mb-inside .mb-row.mb-notes {font-size:13px;padding: 15px; margin-top:0px;margin-bottom: 20px; border: 1px solid transparent; border-radius: 3px;background-color: #DCF4F9; border-color: #25b9d7; color: #1e94ab;position: relative; border: none; padding-left: 50px; border-left: solid 3px #4ac7e0;}
.mb-notes:before {position: absolute; top: 50%; margin-top: -15px; display: block; height: 30px; line-height: 30px; width: 30px; color: #4ac7e0; left: 8px; font-family: "FontAwesome"; content: "\f059"; font-size: 35px;}
.mb-errors, .mb-box .mb-inside .mb-row.mb-errors {font-size:13px;padding: 15px; margin-top:0px;margin-bottom: 20px; border: 1px solid transparent; border-radius: 3px;background-color: #F25F5C; border-color: #F24D4B; color:#fff;position: relative; border: none; padding-left: 50px; border-left: solid 3px rgba(0,0,0,0.15);}
.mb-errors:before {position: absolute; top: 50%; margin-top: -15px; display: block; height: 30px; line-height: 30px; width: 30px; color: rgba(0,0,0,0.2); left: 8px; font-family: "FontAwesome"; content: "\f06a"; font-size: 35px;}
.mb-row.mb-notes .mb-line, .mb-row.mb-errors .mb-line {margin:2px 0;}
.mb-notes + .mb-errors, .mb-errors + .mb-notes {margin-top:-12px!important;}
.mb-notes + .mb-notes, .mb-box .mb-inside .mb-row.mb-notes + .mb-notes {margin-top:-12px!important;}
.mb-errors a {color: #fff;}
.mb-notes a {color: #0f6778;}
.mb-errors a, .mb-notes a {font-weight:bold;text-decoration:underline;}
.mb-errors a:hover, .mb-notes a:hover {text-decoration:none;}
.mb-box .mb-code-inline {float:left;clear:both;font-family:monospace!important;font-style:normal;font-weight:inherit;display:block;letter-spacing:-0.3px;background: #f5f2f0; color: rgba(0,0,0,0.6);}
.mb-notes.mb-small, .mb-box .mb-inside .mb-row.mb-notes.mb-small,.mb-errors.mb-small, .mb-box .mb-inside .mb-row.mb-errors.mb-small {padding: 8px; line-height: 14px; padding-left: 34px;float:left;}
.mb-notes.mb-small:before, .mb-errors.mb-small:before {width: 24px; height: 24px; margin-top: -12px; line-height: 24px; font-size: 24px; left: 6px;}



/* HEAD */
.mb-head {padding:25px 45px 25px 45px;background:#fff;border-bottom:1px solid #DFDFDF;}
.mb-head h1 {font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:26px;color:#363A41;display:inline-block;width:100%;padding:0;margin:0;font-weight:500;}
.mb-head h2 {font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:14px;color:#363A41;display:inline-block;width:100%;padding:0;margin:2px 0 0 0;font-weight:normal;}
.mb-head-left {display:inline-block;width:35%;}
.mb-head-right {display:inline-block;width:65%;text-align:right;}
.mb-head ul.mb-menu {margin:0 0 -15px 0;padding:0;font-size:12px;width:auto;float:right;display:block;}
.mb-head ul.mb-menu li {float:left;margin:0 5px 5px 5px;height:60px;}
.mb-head ul.mb-menu li a {text-decoration:none;text-align:center;padding:5px 8px;display:block;font-weight:normal;}
.mb-head ul.mb-menu li a:hover {text-decoration:none;}
.mb-head ul.mb-menu li a i {font-size:26px;width:32px;text-align:center;display:block;height:32px;margin:0 auto;color:#2eacce;text-decoration:none;}
.mb-head ul.mb-menu li a:hover i {color:#40c9ed;text-decoration:none;}
.mb-head ul.mb-menu li a span {color:#000;text-decoration:none;display:inline-block;text-align:center;max-width:110px;}
.mb-head ul.mb-menu li a:hover span {text-decoration:underline;}


/* BLUE INFO BOX */
.mb-info-box, .mb-box .mb-inside .mb-row.mb-info-box {font-size:13px;padding: 15px; margin-top:15px;margin-bottom: 10px; border: 1px solid transparent; border-radius: 3px;background-color: #DCF4F9; border-color: #25b9d7; color: #1e94ab;position: relative; border: none; padding-left: 50px; border-left: solid 3px #4ac7e0;}
.mb-info-box:before {position: absolute; top: 50%; margin-top: -15px; display: block; height: 30px; line-height: 30px; width: 30px; color: #4ac7e0; left: 8px; font-family: "FontAwesome"; content: "\f059"; font-size: 35px;}

/* RED ERROR BOX */
.mb-error-box, .mb-box .mb-inside .mb-row.mb-error-box {font-size:13px;padding: 15px; margin-top:15px;margin-bottom: 10px; border: 1px solid transparent; border-radius: 3px;background-color: #FFE2E4; border-color: #FFE2E4; color: #D27C82;position: relative; border: none; padding-left: 50px; border-left: solid 3px #D27C82;}
.mb-error-box:before {position: absolute; top: 50%; margin-top: -15px; display: block; height: 30px; line-height: 30px; width: 30px; color: #D27C82; left: 8px; font-family: "FontAwesome"; content: "\f059"; font-size: 35px;}

/* PAGINATION */
#mb-pagination {width:100%;display:inline-block;margin:30px 0 10px 0;text-align:center;}
#mb-pagination .mb-pagination-wrap > div {font-size:12px;line-height:13px;display:inline-block;margin-right:15px;font-weight:500;color:#999;}
#mb-pagination .mb-pagination-wrap > a.mb-active {font-weight:bold;border:1px solid #008abd;text-align:center;line-height:28px;width:30px;height:30px;display:inline-block;color: #fff; background-color: #00aff0; -webkit-box-shadow: none; box-shadow: none;text-decoration:none;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#mb-pagination .mb-pagination-wrap > a {margin:0 2px;border:1px solid #ddd;text-align:center;line-height:28px;width:auto;padding:0 3px;min-width:30px;height:30px;display:inline-block;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#mb-pagination .mb-pagination-wrap > a:hover {color: #fff; background-color: #00aff0; border-color: #008abd; -webkit-box-shadow: none; box-shadow: none;text-decoration:none;}
#mb-pagination .mb-pagination-wrap > span {font-size:12px;line-height:13px;display:inline-block;font-weight:500;color:#999;margin:0 8px;}


/* BODY & BOX */
.mb-body {display:inline-block;width:100%;padding:25px 25px;min-height:470px;}
.mb-box {position: relative; padding: 5px; margin-bottom: 50px; border: solid 1px #d3d8db; background-color: #fff; -webkit-border-radius: 5px; border-radius: 5px;}
.mb-box + .mb-box {margin-top:-25px;}
.mb-box:last-child {margin-bottom:80px;}
.mb-box .mb-head {font-weight:500; font-size: 13px;text-transform:uppercase;text-overflow: ellipsis; white-space: nowrap; color: #444; height: 42px;padding:10px 15px;margin:0;line-height:18px;letter-spacing: -0.5px;}
.mb-box .mb-head i {margin-right:2px;line-height:18px;display:inline-block;}
.mb-box .mb-head a {color:#2EACCE;text-decoration:none;margin:0 5px;text-transform:none;float:right;}
.mb-box .mb-head a:hover {color:#333;}
.mb-box .mb-head a:after {content:"/";margin-left:10px;color:#555;}
.mb-box .mb-head a.mb-first:after {display:none;}
.mb-box .mb-inside {padding:15px;display:inline-block;width:100%;font-size:13px;line-height:18px;}
.mb-box .mb-inside .mb-row {width:100%;display:inline-block;margin:5px 0;clear:both;}
.mb-box label {width:25%;text-align:right;padding:0 15px 0 0;min-height:31px;float:left;line-height:14px;color:#666;display: flex; align-items: center; justify-content: flex-end;}
.mb-box .mb-blog label {font-weight:500;color:#444;}
.mb-box hr { border: none; border-top: 1px solid #eee; margin-bottom: 20px; display: inline-block; width: 100%; }
.mb-box .mb-color-box input[type="color"] {cursor:pointer;position:absolute;top:-35px;left:-35px;margin:0;padding: 0; box-shadow: none; background: transparent; border: none; width: 100px;height:100px;max-width: 100px;max-height:100px;transition:0.1s;}
.mb-box .mb-color-box input[type="color"]:hover {opacity:0.8;}
.mb-box .mb-color-box .color-wrap {width:31px;height:31px;float:left;margin:0 0 0 12px;position:relative;border-radius:50px;overflow:hidden;box-shadow: 0 0 0 1px rgba(0,0,0,0.3) inset;}


/* Select, Input, Textarea */
input {outline:none;}
.mb-box .select-box {height:31px;}
.mb-box select {opacity:1!important;position:relative;top:auto;left:auto;display:block;-webkit-appearance:menulist!important;min-width:160px;}
.mb-box .select-box .select-box-trigger, .mb-box .select-box a {display:none!important;}
.mb-box input[type="number"],.mb-box input[type="url"], .mb-box input[type="date"],.mb-box input[type="text"], .mb-box input[type="search"], .mb-box input[type="password"], .mb-box textarea, .mb-box select { max-width:75%;float:left;display: block;outline:none; width: auto; height: 31px; padding: 6px 8px; font-size: 12px; line-height: 15px; color: #444; background-color: #F5F8F9; background-image: none; border: 1px solid #C7D6DB; border-radius: 3px; -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; transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;box-shadow:none;-webkit-box-shadow:none; }
.mb-box input[type="number"]:focus,.mb-box input[type="date"]:focus, .mb-box input[type="text"]:focus,.mb-box input[type="url"]:focus, .mb-box input[type="search"]:focus, .mb-box input[type="password"]:focus, .mb-box textarea:focus, .mb-box select:focus {background-color:#fefbe2;border-color:#66afe9;}
.mb-box ::placeholder {color:#bbb;}
.mb-box textarea {min-width:70%;max-width:70%;}
.mb-box textarea[id^="html"] {height:120px;}
.mb-box .mb-textarea-large {height:70px;}
.mb-box span.sup {font-weight:bold;}
.mb-box > .mb-inside > .mb-row.mb-help > div, .mb-box > .mb-inside > .mb-row.mb-help > span {display:inline;padding:0 4px;}
.mb-box .mb-foot {width:100%;display:inline-block;padding:10px 15px;border-top:1px solid #DFDFDF;text-align:right;background:#fcfcfc;}
.mb-box .mb-input-desc {display:inline-block;height:31px;position:relative;z-index:2;margin-left:-3px;padding: 6px 8px; font-size: 12px; font-weight: normal; line-height: 15px; color: #555; text-align: center; background-color: #F5F8F9; border-top: 1px solid #C7D6DB; border-left: 1px solid #C7D6DB; border-bottom: 1px solid #C7D6DB; border-right: 1px solid #C7D6DB;-webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px;}
.mb-box .mb-help-highlight {color: #3586AE; background-color: #edf7fb; border: none; border-bottom: solid 1px #D8EDF7; padding: 0 4px; -webkit-border-radius: 3px; border-radius: 3px;}
.mb-box .mb-explain {width:75%;display:inline-block;margin-left:25%;clear:both;margin-top: 5px; margin-bottom: 10px; color: #959595;font-style:italic;font-size:12px;}
.mb-box .mb-explain .mb-line, .mb-box .mb-explain .mb-row {margin:0;}
.mb-row-select-multiple .select-box {height:auto;}
.mb-row-select-multiple .select-box select {height:auto;-webkit-appearance:initial!important;min-width:240px;min-height:160px;}
.mb-row-select-multiple .select-box, .mb-row-select-multiple a {float:left;}
.mb-row-select-multiple .select-box {margin-right:15px;}
.mb-row-select-multiple a {font-size:12px;}

/* Button */
.mb-box .mb-foot .mb-button {color: #363A41; background-color: #fff;outline:none; border:1px solid #DEDEDE;display: inline-block; margin-bottom: 0;margin-left:10px; font-weight: normal; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; white-space: nowrap; padding: 2px 10px 5px 10px; font-size: 12px; line-height: 1.42857; border-radius: 3px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.mb-box .mb-foot .mb-button:before {content:"\f0c7";font-family:"FontAwesome";display: block; width: 30px; height: 30px; margin: 0 auto 3px auto; font-size: 28px; background: transparent; background-size: 26px; background-position: center;}
.mb-box .mb-foot .mb-button:hover {color: #fff; background-color: #00aff0; border-color: #008abd; -webkit-box-shadow: none; box-shadow: none;}
.mb-box .mb-foot .mb-button.remove:before {content:"\f014";}

.mb-button-white {display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 8px; font-size: 13px; line-height: 17px; height:31px;border-radius: 3px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;color: #363A41; background-color: #fff; border-color: #DEDEDE;}
.mb-button-white:not(.mb-disabled):hover {color: #fff; background-color: #00aff0; border-color: #008abd; -webkit-box-shadow: none; box-shadow: none;}
.mb-button-green {display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 8px; font-size: 13px; line-height: 17px; height:31px;border-radius: 3px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;color: #ffffff; background-color: #72C279; border-color: #60ba68;}
.mb-button-green:not(.mb-disabled):hover {color: #fff; background-color: #4eb357; border-color: #439a4a; -webkit-box-shadow: none; box-shadow: none;}
.mb-button-red {display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 8px; font-size: 13px; line-height: 17px; height:31px;border-radius: 3px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;color: #ffffff; background-color: #E08F95; border-color: #da7b82;}
.mb-button-red:not(.mb-disabled):hover {color: #fff; background-color: #d5676f; border-color: #cd4b55; -webkit-box-shadow: none; box-shadow: none;}
.mb-button-gray {display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 8px; font-size: 13px; line-height: 17px; height:31px;border-radius: 3px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;color: #ffffff; background-color: #999; border-color: #888;}
.mb-button-gray:not(.mb-disabled):hover {color: #fff; background-color: #777; border-color: #666; -webkit-box-shadow: none; box-shadow: none;}
.mb-button-blue {display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 8px; font-size: 13px; line-height: 17px; height:31px;border-radius: 3px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;color: #ffffff; background-color: #007cba; border-color: #007cba;}
.mb-button-blue:not(.mb-disabled):hover {color: #fff; background-color: #00669b; border-color: #00669b; -webkit-box-shadow: none; box-shadow: none;}
.mb-button-black {display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 8px; font-size: 13px; line-height: 17px; height:31px;border-radius: 3px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;color: #ffffff; background-color: #444; border-color: #444;}
.mb-button-black:not(.mb-disabled):hover {color: #fff; background-color: #000; border-color: #000; -webkit-box-shadow: none; box-shadow: none;}


/* Disabled Styles */
input:disabled {cursor:not-allowed;}
label.disable, label.disable span {color:#aaa!important;cursor:not-allowed;}


/* FOTER */
.mb-footer {margin-top:0px;padding:15px 30px 15px 0px;color:#fff;background:#222;background:rgba(0, 0, 0, 0.7);font-size:12px;border-top:1px solid #fff;text-align:center;position:absolute;z-index:999;left:1px;right:0;bottom:0px;width:auto;}
.mb-footer a {color:#2EACCE;text-decoration:none;margin:0 5px;}
.mb-footer a:after {content:"/";color:#ddd;margin-left:5px;}
.mb-footer a.mb-last:after, .mb-footer a.mb-developer:after {display:none;}
.mb-footer a i {color:#fff;}
.mb-footer a:hover {color:#fff;}
.mb-footer .mb-version {float:right;color:#bbb;font-size:12px;}
.mb-footer .mb-developer {float:left;color:#bbb;font-size:13px;background:#000;margin:-15px 0;padding:15px 15px 15px 50px;font-weight:bold;position:relative;}
.mb-footer .mb-developer:hover {color:#fff;text-decoration:underline;}
.mb-footer .mb-developer img {position:absolute;left:7px;top:8px;width:32px;height:32px;}



/* TOOLS */
.mb-u {text-decoration:underline;}
.mb-i {font-style:italic;}
.mb-gray {color:#999;}
.mb-line {display:inline-block;width:100%;clear:both;margin:2px 0;}
.mb-code {margin:6px 0;font-family:"Consolas"!important;border:1px solid #e8e8e8;background:#fcfcfc;color:#2EACCE;display:block;width:100%;padding:10px;clear:both;font-weight:bold;}
.mb-has-tooltip {cursor:help;text-decoration: none; font-size: 13px; color: #3586AE; background-color: #edf7fb; border: none; border-bottom: solid 1px #D8EDF7; padding: 0 5px; -webkit-border-radius: 3px; border-radius: 3px;}


/* TABLE */
.mb-table {display:inline-block;width:100%;clear:both;}
.mb-table-head {display:inline-block;width:100%;clear:both;border: none; font-weight: normal; vertical-align: top; border-bottom: solid 1px #a0d0eb;color:#555;font-size:12px;}
.mb-table-head > div {padding:8px;text-align:center;}
.mb-table-content-wrap {float:left;width:100%;display:block;max-height:360px;overflow-y:auto;}
.mb-table-row {display:block;width:100%;clear:both;float:left;background:#FCFDFE;font-size:12px;border-bottom:1px solid #EAEDEF;}
.mb-table-row:nth-child(odd) {background:#fff}
.mb-table-row:hover {background:#f4f8fb;}
.mb-table-row > div {overflow:hidden;padding:8px;text-align:center;}
.mb-table-row > div a:not(.mb-btn) {text-decoration:underline;color:#2EACCE;}
.mb-table-row > div a .fa {text-decoration:none;color:#000;}
.mb-table-row > div a:hover {text-decoration:none;}
.mb-table-row > div a:not(.mb-btn):hover .fa {text-decoration:none;color:#F44336;}
.mb-table-row > div.mb-red {color:#F44336;}
.mb-table-row .mb-align-left, .mb-table-head > div.mb-align-left {text-align:left;}
.mb-table-row .mb-align-right, .mb-table-head > div.mb-align-right {text-align:right;}
.mb-table-row .mb-align-center, .mb-table-head > div.mb-align-center {text-align:center;}
.mb-table-row.mb-table-row-summary {font-weight:bold;background:#E3F0FD;color:#000;border-bottom-color:#DDE2E4;}
.mb-table-row.mb-table-row-summary:nth-child(odd) {background:#EDF4FB}
.mb-row-empty {text-align:center;padding:30px 25px 20px 25px;}
.mb-row-empty i {color: #dedede; display: block; clear: both; font-size: 80px; text-shadow: #fff 1px 1px 0;}
.mb-row-empty span {text-align: center; display: block; color: #999;font-size:14px;}

div[class^="mb-col-"] {float:left;position:relative;}
div[class^="mb-col-"] .mb-col-line {float:left;clear:both;display:block;width:100%;clear:both;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.mb-col-1 {width:4.16667%}
.mb-col-2 {width:8.33333%}
.mb-col-3 {width:12.5%}
.mb-col-4 {width:16.66667%}
.mb-col-5 {width:20.83333%}
.mb-col-6 {width:25%}
.mb-col-7 {width:29.16667%}
.mb-col-8 {width:33.33333%}
.mb-col-9 {width:37.5%}
.mb-col-10 {width:41.66667%}
.mb-col-11 {width:45.83333%}
.mb-col-12 {width:50%}
.mb-col-13 {width:54.16667%}
.mb-col-14 {width:58.33333%}
.mb-col-15 {width:62.5%}
.mb-col-16 {width:66.66667%}
.mb-col-17 {width:70.83333%}
.mb-col-18 {width:75%}
.mb-col-19 {width:79.16667%}
.mb-col-20 {width:83.33333%}
.mb-col-21 {width:87.5%}
.mb-col-22 {width:91.66667%}
.mb-col-23 {width:95.83333%}
.mb-col-24 {width:100%}


/* CONSTRUCT */
#content-head {display:none;}
#content-page {background:#EFF1F2;padding:0;padding-bottom:0!important;}
#content-page .grid-100 {margin-bottom:0;}
#content-page .row-wrapper {margin:0;}
#content-page, #content-page *:not(.mce-ico) {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;}
#content-page i:not(.mce-ico) {font-family:"FontAwesome";}
#content-page .flashmessage {margin-top:-1px;font-size:14px;width:100%!important;font-weight:500;padding:15px!important;box-shadow: 0 1px 0 #fff;-moz-box-shadow: 0 1px 0 #fff;-webkit-box-shadow: 0 1px 0 #fff;border-radius: 0px!important;-webkit-border-radius: 0px!important;-moz-border-radius: 0px!important;}
#footer {border-top:1px solid #ccc;background:#fff;}
.bootstrap-switch {height:30px;}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {background:#2EACCE!important;}
/* BAR INVENTORY - OsclassPoint compatible additions */
.mb-head ul.mb-menu li a i.fa-glass {color:#2eacce;}
.mb-footer {float:left;clear:both;width:100%;margin:20px 0 15px 0;padding:10px 0;border-top:1px solid #ddd;color:#777;font-size:12px;}
.mb-footer .mb-version {float:right;color:#999;}
.mb-field .mb-top-line .photo {display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid #ddd;background:#fff;border-radius:3px;margin:0 10px 0 0;vertical-align:middle;overflow:hidden;}
.mb-field .mb-top-line .photo img {width:100%;height:100%;object-fit:cover;display:block;}
.mb-field .mb-top-line .photo i {font-size:18px;color:#aaa;line-height:38px;}
.mb-field .mb-top-line .name i.enabled {color:#05b168;margin-left:4px;}
.mb-field .mb-top-line .name i.disabled {color:#d60101;margin-left:4px;}
.mb-field .mb-top-line .identifier {color:#888;margin-left:12px;}
.mb-field .mb-top-line .type {float:right;color:#777;margin-right:15px;font-size:12px;}
.mb-field .mb-top-line .count {float:right;color:#999;margin-right:15px;font-size:12px;}
.mb-products .mb-field .mb-top-line {min-height:56px;line-height:38px;}
.mb-products .mb-field .mb-top-line .name {min-width:260px;display:inline-block;}
.mb-current-image {display:inline-block;margin:0 10px 6px 0;vertical-align:middle;}
.mb-current-image img {max-width:90px;max-height:90px;border:1px solid #ddd;background:#fff;border-radius:3px;padding:2px;}
.mb-status {display:inline-block;border-radius:3px;padding:3px 7px;font-size:11px;font-weight:bold;text-transform:uppercase;}
.mb-status-green {background:#DCF4F9;color:#1e94ab;}
.mb-status-red {background:#FFE2E4;color:#D27C82;}
.mb-empty {text-align:center!important;color:#999;padding:22px!important;}
.mb-stat-box {display:block;float:left;width:100%;background:#fff;border:1px solid #dfdfdf;border-radius:3px;padding:15px;min-height:150px;}
.mb-stat-title {font-weight:bold;color:#444;margin:0 0 8px 0;}
.mb-stat-value {font-size:34px;line-height:38px;font-weight:bold;color:#2eacce;margin:0 0 8px 0;}
.mb-stat-desc {color:#777;margin:0 0 12px 0;}
.mb-dashboard-row {display:flex;gap:15px;}
.mb-dashboard-row .mb-col-6 {width:50%;float:left;}
.mb-table-wrap {width:100%;overflow-x:auto;}
.mb-body .mb-table {width:100%;}
.mb-body .mb-table th {font-weight:bold;white-space:nowrap;}
.mb-body .mb-table td {vertical-align:middle;}
.mb-body .mb-row input[type="text"], .mb-body .mb-row input[type="number"], .mb-body .mb-row input[type="date"], .mb-body .mb-row input[type="email"], .mb-body .mb-row select, .mb-body .mb-row textarea {max-width:420px;}
.mb-body .mb-row textarea {min-height:90px;}
.mb-body .mb-row input[type="file"] {display:inline-block;max-width:420px;}
.mb-button i, .mb-button-green i, .mb-button-red i, .mb-button-white i {margin-right:4px;}
.mb-account-menu {display:inline-block;width:100%;padding:10px;background:#fff;border:1px solid #ddd;border-radius:3px;margin:0 0 15px 0;}
.mb-account-menu a {display:inline-block;float:left;margin:2px 5px 2px 0;padding:7px 10px;border:1px solid #ddd;background:#f8f8f8;border-radius:3px;color:#333;text-decoration:none;font-weight:bold;}
.mb-account-menu a.active, .mb-account-menu a:hover {background:#2eacce;border-color:#2eacce;color:#fff;text-decoration:none;}
.mb-account-menu i {margin-right:4px;}
.bi-user {max-width:1180px;margin:20px auto;}
.bi-user .mb-box .mb-inside {display:block;}
@media(max-width:900px){.mb-dashboard-row{display:block}.mb-dashboard-row .mb-col-6{width:100%;margin-bottom:10px}.mb-field .mb-top-line .type,.mb-field .mb-top-line .count{float:none;display:block;margin:4px 0}.mb-field .mb-top-line .mb-buttons{float:none;display:block;margin-top:8px}.mb-head-left,.mb-head-right{width:100%;}.mb-head ul.mb-menu{float:left;margin:10px 0 0 0}.mb-head ul.mb-menu li{height:auto}}