body.page-template-store-board { background-color: #ffffff; }
body.modal-open { overflow: hidden; }
input[name="vin"] { text-transform: uppercase; }
#rs-load { background: url(../images/loading.gif) #E8E8E8 center center no-repeat; background-size: 80%; width: 200px; border-radius: 5px; position: fixed; display: none; z-index: 100050; top: 50%; left: 50%; border: 1px solid #CCC; margin: -45px 0 0 -125px; padding: 40px 15px 15px; }
.loading-skeleton { background: url(../images/skeleton.gif) no-repeat top left; background-size: contain; }
.debug-mode-msg { position: relative; z-index: 9999999999; color: #FFF; font-size: 22px; font-weight: bolder; background-color: #F00; padding: 15px; text-transform: uppercase; }
.debug-mode-msg .dashicons-dismiss { float: right; }
.dev-help { position: absolute; top: 0; right: 0; z-index: 1; }
.dev-help.light { color: #ffffff; }
.dev-help-highlight { box-shadow: 0 0 7px #fe7e00 !important; }
.dependency-help { font-size: 12px; z-index: 999999 !important; }
.dependency-help .ui-dialog-title { font-size: 1em; line-height: 1.3em; }
.weekly-schedule { margin-top: 20px; min-height: 300px; }
.user-board-switch { min-width: 368px; margin: 0; position: absolute; right: 150px; z-index: 1; background: #FFF; padding: 0; }
.user-board-switch:has(.store-logo.on) { z-index: 99; }
body.with-sidebar .store-logo, body.with-library .store-logo {right:10px;}
.altered-field { position: relative; }
.altered-field::after{ content: "\e0c4"; font-family: wp-svg-plugin-icon-set1 !important; font-style: normal; font-weight: 400px; font-variant: normal; text-transform: none; line-height: 1; color: red; position: absolute; top: 5px; right: 5px; }
.wp-svg { font-family: wp-svg-plugin-icon-set1 !important; font-style: normal; font-weight: 400px; font-variant: normal; text-transform: none; line-height: 1; }
.wp-svg.training::before { content: "\e071"; }
.wp-svg.leave::before { content: "\e04e"; }
.wp-svg.carry-over::before { content: "\e12b"; }
.wp-svg.other::before { content: "\e0b5"; }
.appt-sp-con-training::before, .appt-sp-con-leave::before, .appt-sp-con-carry-over::before, .appt-sp-con-other::before { font-family: wp-svg-plugin-icon-set1 !important; font-style: normal; font-weight: 400px; font-variant: normal; text-transform: none; line-height: 1; position: absolute; left: 1px; top: 15px; }
.appt-sp-con-training::before { content: "\e071"; }
.appt-sp-con-leave::before { content: "\e04e"; }
.appt-sp-con-carry-over::before { content: "\e12b"; }
.appt-sp-con-other::before { content: "\e0b5"; }
.or-graphic { background: url(../images/or.png); width: 45px; height: 140px; }
.store-logo, .user-board-switch .current-user { display: inline; vertical-align: middle; }
.store-logo li { display: none; }
.store-logo li.active { display: inline-block; vertical-align: middle; }
.store-logo.on li { display: block; }
.user-board-switch .current-user:has(+ .store-logo.on) { display: none; }
.store-logo img { max-width:210px; max-height: 40px; }
.store-logo li {max-height: 75px; overflow: hidden; padding: 5px 20px; text-align:center;}
.store-logo.on li {border-bottom: 1px solid #ababab;}
.store-name {font-size:13px;}
span.store-name {width:100%; clear:both; display:block;}
.store-logo a {text-decoration:none; color:#000;}
.store-logo li.job-views{display:inline; padding:10px;}
.store-logo li i{font-size: 25px; line-height: 1;}
.store-board h1 { padding-top: 5px; margin-left: 165px; color: #000000; text-transform: uppercase; font-size: 26px; display: flex; }
.store-board h1 #date-mdy, .store-board h1 #day-total { color: #58585a; font-weight: 400; }
.store-board h1 #day-total { font-size: 15px; text-transform: none; }
.store-board h1 #mpi-stats{
  font-size: 10px;
}
.store-board h1 #mpi-stats td { padding: 0 5px; }
.store-board h1 #mpi-stats .rowspan-2{
  background-color: #FFF;
  border: solid 1px #000;
  text-align: center;
}
.store-board h1 #mpi-stats .rowspan-2 > span { font-size: 20px; font-weight: 700; }
.store-board h1 #mpi-stats td { background-color: #a7a7a7; }
#screen-options { position: fixed; top: 5px; right: 120px; cursor: pointer; z-index: 100049; }
#screen-options div { background-color: #1f416b; border-radius: 20px; position: relative; width: 30px; height: 30px; padding: 5px; }
#screen-options span { font-size: 25px; margin: 3px; color: #fff; }
#screen-options ul { position: absolute; width: 250px; left: -90px; background: #FFF; padding: 10px 20px; box-shadow: 0px 0px 3px; margin: 5px 0; display: none; }
#screen-options.open ul { display: block; }
#screen-options ul li { padding: 10px 0; font-size: 20px; }
#screen-options a { text-decoration: none; color: #232323; transition: color 0.3s ease; }
#screen-options a:hover { color: tomato; }
#show-all-appt { display: none; }
#show-all-appt + span::before { content: "\f177"; }
#show-all-appt:checked + span::before { content: "\f530"; }
.store-board .wrapper { padding: 0 10px; }
.store-board .apt-table { width: 100%; table-layout: fixed; border-collapse:separate; border-spacing: 0 2px; }
.store-board .d-time { text-align: center; font-size: 12px; color: #999; }
.store-board .d-time b { float: left; font-size: 15px; color: #444; }
.store-board .d-time a { color: #ffffff; text-decoration: none; }
.store-board .d-time-hh { font-size: 15px; color: #444; font-weight: bold; }
.store-board .d-time-open { background: #d5d4d6; }
.store-board .thirty-min-block { background: #D1B9B9; }
.store-board .floater .d-time-open, .store-board .floater-slot {background-color:#fffcdb;}
.store-board .tech-locked-tr .d-time-open {background-color: #ffe6e6;}
.store-board .u-jobs { position: relative; }
.store-board .d-row { border-top: 1px solid #d5d4d6; border-bottom: 1px solid #d5d4d6; vertical-align:top}
.store-board .d-row-first {border-left: 1px solid #d5d4d6;}
.store-board .d-row-last { width: 35px; border-right: 1px solid #d5d4d6;}
.store-board .d-row-last { border-left: 1px solid #cecdcf; }

.store-board .lbl-radio-apt-time div.slot-hour { /*margin-left: 3px;  margin-bottom: -5px; */ border-left: 1px solid #bbbabb;  }
.store-board .lbl-radio-apt-time div.half { border-color: #cecdcf; }
.store-board .ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 10px;}
.store-board .lbl-radio-apt-time label { display: block; margin-left: -1px; /* margin-right: -3px; */ line-height:unset; }
.store-board .dd-holder label { min-height: 22px; }
.store-board .display-vehicle label, .display-vehicle .quick-add { min-height: 42px; }
.store-board .display-opcode label, .display-opcode .quick-add { min-height: 42px; }
.store-board .lbl-radio-apt-time.u-jobs label.dd-appointment { float: left; width: 15px; margin: 1px 0px 0px 1px; min-height: 15px; background-color: #F00; }
.store-board .display-vehicle-opcode label, .display-vehicle-opcode .quick-add { min-height: 65px; }
.store-board .display-vehicle .dual-lane label,
.store-board .display-opcode .dual-lane label,
.store-board .display-vehicle-opcode .dual-lane label,
.display-vehicle .dual-lane .quick-add,
.display-opcode .dual-lane .quick-add,
.display-vehicle-opcode .dual-lane .quick-add { min-height: 23px; }
.tech-time, .last-login { display: none; }
.display-vehicle-opcode .tech-time { display: block; }
.display-vehicle .last-login, .display-opcode .last-login, .display-vehicle-opcode .last-login { display: block; }
.siblings-appt { opacity: 0.5 }
.sched-break { position: relative; z-index: 1; opacity: 0.4; }
.dd-appointment .ellipsis { position: relative; z-index: 1; }

.store-board table.table-view td{border: 1px solid; padding: 5px; border-left: none; font-size:14px;}
.store-board table.table-view td:first-child{border-left:1px solid #1f1f1f;}
.store-board table.table-view tr.heading td{font-weight: bold;text-align:center; padding:10px 0px; border:none;}
.store-board tr.heading{ background-color: #1f1f1f !important; color: #FFF;}

.store-board .tech-name-wrap { display: flex; flex-flow: row wrap; justify-content: flex-end; }
.store-board .tech-name-wrap > div:not(.lock-tech) { flex: 0.95; }
.store-board .tech-name-wrap > div.lock-tech { flex: 0.05; }

.store-board .bar { margin-left: -10px; margin-right: -10px; background-color: #383839; color: #ffffff; padding: 8px; font-weight: 300px; font-size: 14px; }
.store-board .lighter-bar { background-color: #585859; }
.store-board .lighter-bar span { font-size: 12px; }
.store-board .bar .collapse-lane { font-size: 20px; cursor: pointer; }
.store-board .appt-item { position:relative;margin-left:0;padding-left:5px; text-align:left;color:#fff; box-sizing:border-box; border: 1px solid rgba(0,0,0, 0.20); }
.store-board .appt-item::after { font-family: dashicons; content: "\f229"; width: 10px; height: 100%; position: absolute; top: 0; right: 0; background-color: rgba(0,0,0, 0.20); box-sizing:border-box; }
.store-board .day-wrapped::after { font-family: dashicons; content: "\f229"; color: #FFF; width: 10px; height: 100%; padding-top: 21px; position: absolute; top: 0; right: 1px; box-sizing:border-box; }
.store-board .day-wrapped .appt-item::before { font-family: dashicons; content: "\f229"; z-index: 1; width: 10px; height: 100%; position: absolute; top: 0; right: 0; box-sizing:border-box; }
.store-board .dual-lane .day-wrapped .appt-item::before, .day-wrapped .appt-item::before { margin-top: -8px; }
.store-board .dual-lane .day-wrapped::after, .day-wrapped::after { margin-top: -13px; }
.display-vehicle .appt-item::after { padding-top: 10px; }
.display-opcode .appt-item::after { padding-top: 10px; }
.display-opcode .day-wrapped .appt-item::before, .display-vehicle .day-wrapped .appt-item::before { margin-top: 0px; }
.display-opcode .day-wrapped::after, .display-vehicle .day-wrapped::after { margin-top: 0; }
.display-vehicle .dual-lane .appt-item::after, .display-opcode .dual-lane .appt-item::after { padding-top: 0; }
.store-board .no-show .appt-item { border: 1px solid rgba(0,0,0, 0); }
.store-board .no-show .appt-item::after { background-color: #fdd405; content: ""; width: 5px; right: -1px; top: 4px; height: calc(100% - 3px); }
.display-vehicle-opcode .appt-item::after { padding-top: 18px; }
.display-vehicle-opcode .dual-lane  .appt-item::after { padding-top: 0px; }
.display-vehicle-opcode .day-wrapped .appt-item::before { margin-top: 3px; }
.display-vehicle-opcode .day-wrapped::after { margin-top: 13px; }
.lost-spot .appt-item::after { display: none; }
.store-board .appt-item .appt-options { min-width: 75px; display: none; background-color: rgba(0,0,0, 0.70); padding: 3px; height: 25px; position: absolute; top: -26px; right: -1px; border-radius: 3px 3px 0 0; box-sizing:border-box; z-index: 99; }
.store-board .appt-item .appt-options.boxes { width: 258px; height: 65px; text-align: right; padding: 0; top: -64px; right: -40px; background-color: rgba(0,0,0, 0); }
.store-board .appt-item .appt-options.boxes div { background-color: #FFF; border: 1px solid #000; border-radius: 3px; float: right; padding: 1px; }
.appt-options.boxes a { padding: 3px 6px; margin: 1px; border-radius: 2px; color: #FFF; font-size: 12px; text-decoration: none; display: inline-block; }
.appt-options.boxes a.red { background-color: #bf2026; }
.appt-options.boxes a.yellow { background-color: #fdd405; color: #000; }
.appt-options.boxes a.grey { background-color: #686768; }
.appt-options.boxes a.thickbox { padding: 3px 9px 3px 3px; }
.store-board .appt-item .appt-options.boxes span.close-appt-options { position: absolute; top: -7px; right: -6px; width: 12px; height: 12px; font-size: 12px; border: 1px solid #000; background-color: #FFF; color: #000; border-radius: 15px;}
.store-board .appt-item.on .appt-options { display: block; }
.store-board .dashicons-welcome-write-blog { color: #FFF; opacity: 0.7; filter: alpha(opacity=70); }
.store-board .dashicons-welcome-write-blog.has-notes { color: #fdcd59; opacity: 1.0; filter: alpha(opacity=100);}
.screen-reader-text { border: 0; clip: rect(1px,1px,1px,1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal !important;}
.store-board .appt-customer { margin-left: 10px; }
.truncated-line { height: 5px; width: 100%; float: left; }
.lbl-radio-apt-time { position: relative; }
.appt-slot { position: absolute; left: 0; top: 0; width: 100%; box-sizing: border-box; }
.appt-slot-ph {box-sizing: border-box; float:left;}
.tip-content { font-size: 14px; }
.board-loading { opacity: 0.75 }
.grid-sort, .grid-group-sort, #group-lanes-together { cursor: pointer; }
.enter-vin { display: none; padding: inherit; width: 100%; text-transform: uppercase; }
.tranport-dot { position: absolute; right: -1px; bottom: 0; width: 11px; height: 7px; }

.red-tag { background-color: #ff5c57; color: #FFF; font-size: 11px; font-weight: bold; padding: 5px; border-radius: 3px;}
.yellow-tag { background-color: #f59c1b; color: #FFF; font-size: 11px; font-weight: bold; padding: 5px; border-radius: 3px;}
.grey-tag { background-color: #f1f3f5; color: #73777b; font-size: 11px; font-weight: bold; padding: 5px; border-radius: 3px;}
.show-statuses { margin-left: 10px; }
.status-tags { margin-top: 7px; margin-bottom: 5px; }

.quick-add { display: block; height: 100%;}
.quick-add:hover {background:#c3c3c3;}
.quick-add.selected { background: #8fb75d; }
#quick-add-step-one-popup { display: none; position: absolute; z-index: 91; padding: 10px; background-color: #FFF; border-radius: 2px; }
#quick-add-step-one-popup::before { content: ""; position: absolute; left: -6px; top: 20px; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 6px solid #FFF; }
#quick-add-step-one-popup .regular-text { width: 330px; }
#quick-add-popup { position: fixed; z-index: 91; left: 50%; padding: 15px; overflow-y: auto; display: none; background: #FFF; }
#qa-popup-overlay { background: #000; opacity: 0.7; filter: alpha(opacity=70); position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1;}
.unified-btns input { width: 97%; margin-top: 10px; }
.drop-hover { background: #1eae4c; }
.combobox-con { float: left; width: 90%; margin-right: 30px; }
.custom-combobox { width: 100%; position: relative; display: inline-block;}
.custom-combobox-toggle {position: absolute; top: 0px; bottom: 0; margin-left: -1px; padding: 0; height: 28px; }
.custom-combobox-input { width: 94%; margin: 0; padding: 5px 10px; box-sizing: border-box; }
.combobox-add-opcode { float: left; margin-top: 3px; color: #0c9444; cursor: pointer; }
.combobox-remove-opcode { float: left; margin-top: 3px; color: #bf1e2d; cursor: pointer; }
.ui-menu.ui-autocomplete { z-index: 999999; }
.timing-ui.ui-autocomplete,.parts-autocomplete.ui-autocomplete { z-index: 999999 !important; }
.parts-autocomplete li:nth-child(n+7){display:none;}
.dd-appointment .dashicons-move { position: absolute; left: -3px; top: 1px; color: #ffffff; font-size: 13px; max-width: 100%; z-index: 91; }
.dd-appointment .dashicons-lock { position: absolute; left: -3px; top: 1px; color: #ffffff; font-size: 13px; max-width: 100%; }
.dd-appointment .dashicons-visibility { position: absolute; right: -2px; top: -2px; color: #ffffff; font-size: 16px; max-width: 100%; z-index: 91; }
.upg-op { float: left; margin-left: 10px; margin-right: 2px; color: #FFF; font-size: 13px; }
.u-jobs .dd-appointment .dashicons-move, .u-jobs .dd-appointment .dashicons-lock { left: 0; }
.customer-states-row { margin-bottom: 5px; }
.add-cc-repeater { margin-top: 8px; color: #0c9444; cursor: pointer; }
.remove-cc-repeater { margin-top: 8px; color: #bf1e2d; cursor: pointer; }
#confirm-appt-msg { padding: 10px 0; }
#confirm-appt-msg button, .quick-add-message button { margin-right: 5px; }

.ui-resizable-e {width:9px !important; right: -1px !important;}

#collapse-r-sidebar, #collapse-mpi-sidebar { color: #ffffff; margin-top: 8px; cursor: pointer; }
.advisor-board #today-appts-sidebar { float: left; width: 325px; background-color:#000;}
.advisor-board .incoming-appt, .board-search-rs { overflow: auto; }
.advisor-board .shop { float: right; width: 325px; background-color:#000; overflow: auto;}
.advisor-board .mpi-sidebar { float: right; width: 325px; background-color:#000; overflow: auto;}
.advisor-board .appt-board { width: calc(100% - 975px); margin: 0 650px 0 325px; }
.l-sidebar-off .incoming-appt { width: 20px; }
.l-sidebar-off .incoming-appt div { display: none; }
.r-sidebar-off .shop { width: 20px; }
.r-sidebar-off .shop div { display: none; }
#collapse-r-sidebar::before, #collapse-mpi-sidebar::before { content: "\f345"; }
.r-sidebar-off #collapse-r-sidebar::before { content: "\f341"; }
.mpi-sidebar-off #collapse-mpi-sidebar::before { content: "\f341"; }
.mpi-sidebar-off .mpi-sidebar { width: 20px; }
.mpi-sidebar-off .mpi-sidebar div { display: none; }
.l-sidebar-off .appt-board { width: calc(100% - 670px); margin: 0 650px 0 20px; }
.r-sidebar-off .appt-board { width: calc(100% - 670px); margin: 0 345px 0 325px; }
.mpi-sidebar-off .appt-board { width: calc(100% - 670px); margin: 0 345px 0 325px; }
.l-sidebar-off.r-sidebar-off .appt-board { width: calc(100% - 365px); margin: 0 365px 0 20px; }
.l-sidebar-off.mpi-sidebar-off .appt-board { width: calc(100% - 365px); margin: 0 365px 0 20px; }
.mpi-sidebar-off.r-sidebar-off .appt-board { width: calc(100% - 365px); margin: 0 40px 0 325px; }
.l-sidebar-off.mpi-sidebar-off.r-sidebar-off .appt-board { width: calc(100% - 60px); margin: 0 40px 0 20px; }
.r-sidebar-off .board-search { right: 470px; }
body.with-sidebar .board-search, body.with-library .board-search { right: 380px; }
body.with-board-table-view .mpi-sidebar, body.with-board-table-view .shop, body.with-board-table-view #today-appts-sidebar { display: none; }
body.with-board-table-view .appt-board { width: 100%; margin: 0; }
/*17*/
.st-chat-conversation-view {overflow-x: hidden;}
.reply-convo{margin-right:31px}
.r-sidebar-off #tour-library-icon { right: 451px; }
.r-sidebar-off #st-chat-icon2 { right: 403px; }
.r-sidebar-off #header-notifications { right: 355px; }
.r-sidebar-off #screen-options { right: 450px; }
.mpi-sidebar-off.r-sidebar-off #tour-library-icon { right: 150px; }
.mpi-sidebar-off.r-sidebar-off #st-chat-icon2 { right: 100px; }
.mpi-sidebar-off.r-sidebar-off #header-notifications { right: 50px; }
.mpi-sidebar-off.r-sidebar-off #screen-options { right: 150px; }
.with-board-table-view #tour-library-icon { right: 100px; }
.with-board-table-view #st-chat-icon2 { right: 50px; }
.with-board-table-view #header-notifications { right: 0; }
.with-sidebar.r-sidebar-off #tour-library-icon, .with-library.r-sidebar-off #tour-library-icon { right: 120px; }
.with-sidebar.r-sidebar-off #st-chat-icon2, .with-library.r-sidebar-off #st-chat-icon2 { right: 70px; }
.with-sidebar.r-sidebar-off #header-notifications, .with-library.r-sidebar-off #header-notifications { right: 20px; }

.incoming-appt::-webkit-scrollbar,.shop::-webkit-scrollbar {display:none; }
.incoming-appt,.shop {-ms-overflow-style: none;}

.advisor-board h1 { margin: 0; }
.advisor-board .sec-header { text-align: center; color: #FFF; text-transform: uppercase; padding: 15px; background-color:#000; max-height: 50px;}
.advisor-board .sec-body, #parts-bar { background-color: #FFF; margin-right: 5px; font-size: 12px; line-height: normal; box-sizing: border-box; }
.advisor-board .shop .sec-header { text-align: left; }
.advisor-board .shop .sec-body { margin-right: 0; margin-left: 5px; }
.advisor-board .apt-row { border-top: 1px solid #87888b; }
.mpi-panel-tag, .mpi-panel-ro { position: absolute; right: 10px; bottom: 3px; }
.advisor-board .display-ro .apt-row .mpi-panel-tag { display: none; }
.advisor-board .display-ro .apt-row:hover .mpi-panel-tag { display: block; }
.advisor-board .display-ro .apt-row:hover .mpi-panel-ro { display: none; }
.advisor-board .display-tag .apt-row .mpi-panel-ro { display: none; }
.advisor-board .display-tag .apt-row:hover .mpi-panel-ro { display: block; }
.advisor-board .display-tag .apt-row:hover .mpi-panel-tag { display: none; }
.need-ro { cursor: pointer; }
.highlight-field { box-shadow: 0px 0px 5px 1px #F00 !important; }
.highlight{opacity:1.0 !important;}
.advisor-board .open-apt, #greeter-list .open-apt { width: 20px; background-color: #686768; color: #FFF; }
.advisor-board .assigned-apt, #greeter-list .assigned-apt{ width: 20px; background-color: #2f7dbc; color: #FFF; }
.advisor-board .open-apt div, .advisor-board .assigned-apt div, #greeter-list .open-apt div, #greeter-list .assigned-apt div { margin-top: 15px; font-size: 11px; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); }
.advisor-board .open-apt div.public { margin-top: 45px; }
.advisor-board .assigned-apt div.public { margin-top: 35px; }
.advisor-board .apt-info { width:calc(100% - 20px) /* width: 283px; */ }
.advisor-board .in-the-shop .apt-info { width:100% /*width: 303px;*/ }
.advisor-board .not-open .apt-info { width:calc(100% - 0px) /* width: 303px; */}
.advisor-board .tranport-time { width: 75px; }
.advisor-board .not-open .tranport-time { width: 95px; }
.advisor-board .tranport, #parts-bar .tranport, .guest-col .tranport { font-size: 10px; padding: 3px 5px; color: #FFF; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.advisor-board .tranport span, #parts-bar .tranport span { vertical-align: 3px; }
.advisor-board .time, #parts-bar .time { padding: 3px; font-weight: bold; font-size: 14px; }
.advisor-board .time.red, #parts-bar .time.red { color: #ee2f24; }
.advisor-board .not-open .tranport { padding-left: 23px; }
.advisor-board .not-open .time { padding-left: 23px; }
.advisor-board .cust-vehicle-jobs, #parts-bar .cust-vehicle-jobs, .advisor-board .mpi-sidebar .cust-vehicle-jobs.needs-parts-jobs { width: 107px; padding: 3px; box-sizing: border-box; }
.advisor-board .mpi-sidebar .apt-info { width: 320px; }
.advisor-board .mpi-sidebar .cust-vehicle-jobs, #parts-bar .cust-vehicle-jobs { width: 245px; }
.today-apt-section .time { padding: 0; font-size: 13px; }
.today-apt-section .time .dashicons { font-size: 15px; }
.done-gone-row { position: relative; }
.done-gone-row::after { content: "\f333"; font-family: dashicons; position: absolute; top: 0; right: 0; font-size: 20px; color: #a0a0a0; }
.done-gone-row .action { display: none; position: absolute; top: -3px; right: -5px; z-index: 1; }
.done-gone-row:hover .action { display: block; }
.advisor-board .action a { background-color: #fdd405; display: block; text-decoration: none; color: #000; padding: 5px; margin: 2px 5px 0 0; }
.advisor-board .complete .action a { padding: 3px 10px; margin: 1px 5px 0 0; }
.advisor-board .action a.green { background-color: #1eae4c; color: #FFF; }
.advisor-board .apt-notes { background-color: #f1f2f2; padding: 5px; border-top: 1px solid #bababb }
.advisor-board .apt-row.close .apt-notes, .advisor-board .apt-row.close .hoc { display: none; }
.advisor-board .apt-notes .notes { width: 210px; }
.advisor-board .apt-notes .notes .note { position: relative; background-color: #fffae9; padding: 5px; box-shadow: 0px 0px 3px #afadad;}
.advisor-board .apt-notes .notes .note::after { content: ""; position: absolute; right: -6px; bottom: 2px; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #fffae9; }
.advisor-board .apt-notes .notes .status { margin-left: 6px; position: relative; background-color: #1eae4c; color: #FFF; padding: 5px; box-shadow: 0px 0px 3px #afadad;}
.advisor-board .apt-notes .notes .status::before { content: ""; position: absolute; left: -6px; bottom: 2px; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 6px solid #1eae4c; }
.advisor-board .apt-notes .notes .by { font-size: 10px; text-align: right; padding-bottom: 3px; }
.apt-notes .shop-notes { width: 100%; }
.tech-screen .apt-notes .shop-notes.fleft { min-height: 287px; background-color: #FFF; }
.special-notice { font-size: 20px; color: #ffffff; padding: 10px 5px 10px; background: #d06102; border: 1px solid #796262; box-shadow: 0px 0px 5px #8a8a8a; text-align: center; margin: 4px 0 10px 0; font-weight: bold; }
#parts-bar { background: #000; }
.tech-mpi-status { background-color: #000; color: #FFF; padding: 10px; text-align: center; }
.apt-info .tech-mpi-status.heading { margin-top: 0px; width: 280px; height: 42px; line-height: 42px; font-size: 14px; }
.for-mobile { display: none; }
.tech-appt-status { background-color: #fff; padding: 2px; text-align: center; margin-top: 2px; margin-left: 2px; }
.tech-appt-status * { margin: 0; padding: 0; box-sizing: border-box; }
.tech-appt-status .status-bar ul { display: flex; }
.tech-appt-status .status-bar ul li{
  list-style: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.tech-appt-status .status-bar .step{
  height: 40px;
  width: 40px;
  border-radius: 50%;
  background-color: #d7d7c3;
  margin: 16px 8px 10px;
  display: grid;
  place-items: center;
  color: ghostwhite;
  position: relative;
}
.tech-appt-status .status-bar .step i { font-size: 25px; color: ghostwhite; }
.tech-appt-status .status-bar .step::after{
  content: "";
  position: absolute;
  width: 16px;
  height: 3px;
  background-color: #d7d7c3;
  right: 100%;
}
.tech-appt-status .status-bar .here::after { width: 0; height: 0; }
.tech-appt-status .status-bar .active::after { background-color: #007684; }
.mpi-header-wrapper.fixed { position: fixed; top: 20px; left: 0; z-index: 9; background: #FFF; }
.mpi-main-top { display: none; }
.collapsed .mpi-main-top { display: block; }
.collapsed .header-tags { display: none; }
.mpi-header-actions a { background-color: #fdd405; text-decoration: none; color: #000; padding: 10px; margin: 5px 5px 0 0; }
.mpi-header-actions a.green { background-color: #1eae4c; color: #FFF; }
.lock-tech::before { content: "\f528"; color:lightgray;}
.lock-tech.tech-locked::before, .tech-locked::before { content: "\f160"; color: #d42027; }
#today-apt-filter, #grid-view-apt-filter { position: absolute; right: 0; z-index: 1; display: none; padding: 5px; background-color: #000; color: #FFF; }
#today-apt-filter ul, #grid-view-apt-filter ul { margin: 0; }
#grid-view-apt-filter { top: 37px; right: -10px; font-size: 12px; }
#greeter-list .tranport-time { min-height: 56px; width: 100px; }
#greeter-list .timestamp-column { width: 120px; padding: 3px 3px 3px 23px; font-weight: bold; font-size: 14px; }
.pr-10{padding-right:10px;}
.strong{font-weight:700;}
.schedule-service-search form.ajax-form-search{
  width:calc(100% - 302px);
}
.schedule-service .profile { width: 200px; }
.agent-scheduler .vehicle-vin, #unified-form-wrapper .vehicle-vin { display: none; }
.need-attention { color: #F00; }
.need-attention select { background-color: #F00; }

.mpi-table.mpi-table-v2 li.total input{
  width: calc(100% - 35px) !important;
}
@keyframes needquoteflash {
	0%{
		background: rgba(253, 212, 5, .5)
	}
	50%{
		background: rgba(253, 212, 5, .8)
	}
	100%{
		background-color: #fdd405;
	}
}
@keyframes needpullflash {
	0%{
		background: rgba(30, 174, 76, .5)
	}
	50%{
		background: rgba(30, 174, 76, .8)
	}
	100%{
		background-color: #1eae4c;
	}
}
@keyframes needorderflash {
	0%{
		background: rgba(238, 47, 36, .5)
	}
	50%{
		background: rgba(238, 47, 36, .8)
	}
	100%{
		background-color: #ee2f24;
	}
}
.list-need-quote { animation: needquoteflash 4s infinite; }
.list-need-pull { animation: needpullflash 3s infinite; }
.list-need-order { animation: needorderflash 2s infinite; }
/*.apt-notes .shop-notes .note { position: relative; background-color: #fffae9; margin-left: 6px; padding: 5px; box-shadow: 0px 0px 3px #afadad;}/** Removed because of conflict with theme css
.apt-notes .shop-notes .rh .note::after { content: ""; position: absolute; right: -6px; left: auto; bottom: 2px; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #fffae9; border-right: none;}
.apt-notes .shop-notes .note::after { content: ""; position: absolute; left: -6px; bottom: 2px; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 6px solid #fffae9; }*/
.apt-notes .shop-notes .status { float: left; width: 35%; box-sizing: border-box; margin-left: 6px; position: relative; background-color: #1eae4c; color: #FFF; padding: 5px; box-shadow: 0px 0px 3px #afadad;}
.apt-notes .shop-notes .status.grey { background-color: #585859; }
.apt-notes .shop-notes .status.burntorange { background-color: #8e6809; }
.apt-notes .shop-notes .status.red { background-color: #b42025; }
.apt-notes .shop-notes .status.one-line b { line-height: 25px; }
.apt-notes .shop-notes .status span { font-size: 10px; }
.apt-notes .shop-notes .rh .status { float: right; margin-right: 6px; margin-left: 0; }
.apt-notes .shop-notes .rh .note { margin-right: 6px; margin-left: 0; }
.apt-notes .shop-notes .status::before { content: ""; position: absolute; left: -6px; bottom: 2px; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 6px solid #1eae4c; }
.apt-notes .shop-notes .status.r-yellow::before { border-right: 6px solid #f3db84; }
.apt-notes .shop-notes .rh .status::before { content: ""; position: absolute; left: auto; right: -6px; bottom: 2px; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #1eae4c; border-right:none;}
.apt-notes .shop-notes .rh .status.r-yellow::before { border-left: 6px solid #f3db84;}
.apt-notes .shop-notes .status.grey::before { border-right: 6px solid #585859; }
.apt-notes .shop-notes .rh .status.grey::before { border-left: 6px solid #585859; border-right: none; }
.apt-notes .shop-notes .status.burntorange::before { border-right: 6px solid #8e6809; }
.apt-notes .shop-notes .rh .status.burntorange::before { border-left: 6px solid #8e6809; border-right: none; }
.apt-notes .shop-notes .status.red::before { border-right: 6px solid #b42025; }
.apt-notes .shop-notes .rh .status.red::before { border-left: 6px solid #b42025; border-right: none;}
.apt-notes .shop-notes .by { font-size: 8px; padding-bottom: 3px; margin-bottom: 5px; padding-left: 6px; }
.apt-notes .shop-notes .rh .by { text-align: right; padding-right: 6px; }
.apt-notes .shop-notes .rh span.fleft { margin-right: 15px; }

.store-board .appt-item.highlight, .advisor-board .apt-row.highlight { box-shadow: 0px 0px 5px 10px #fdd405; z-index: 93; }
.dp-time.highlight { box-shadow: 0px 0px 0px 2px rgba(178,22,8, 1); }
.dp-time.highlight-negative { box-shadow: 0px 0px 0px 2px rgba(128,0,128, 1); }
.dp-time.highlight-gray { box-shadow: 0px 0px 0px 2px rgba(135,135,135, 1); }
.dp-time.highlight-split { position: relative; }
.dp-time.highlight-split span { position: absolute; width: 100%; top: 3px; z-index: 1; opacity: 0.5}
.other-tech-job { opacity: 0.5; }

.tech-screen { font-size: 12px; line-height: normal; padding-top: 58px; }
.tech-screen .tech-heading { position: fixed; width: 100%; top: 0; left: 0; color: #FFF; background-color: #000; z-index: 2; }
.tech-screen .tech-heading .g-menu { font-size: 50px; width: 52px; height: 48px; display: none; }
.tech-screen .tech-heading a { color: #FFF; font-weight: bold; text-decoration: none; }
.tech-screen .tech-heading .arrow-down { position: relative; top: -6px; left: 3px; }
.tech-screen .tech-heading .arrow-down::after { content: ""; position: absolute; left: 5px; top: 5px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #fff; }
.tech-screen #tech-user { line-height: 48px; min-width: 200px; }
.tech-screen #tech-user:hover { cursor: pointer; }
.tech-screen #tech-user label { font-size: 23px; }
.tech-screen .tech-user-switch { font-size: 17px; line-height: normal; margin: 0; position: absolute; left: 0; z-index: 1; padding-top: 5px; background-color: #000; display: none; }
.tech-screen .tech-user-switch.open { display: block; }
.tech-screen .tech-user-switch li { padding: 5px 10px; display: inline-block; width: 165px; }
.tech-screen #g-menu-items { box-shadow: 0px 3px 3px 0px #afadad; margin-bottom: 10px; }
.tech-screen #g-menu-items.open { display: block; }
#tech-job-list { float: left; width: 400px; overflow-y: auto; }
#tech-job-details { float: left; width: calc(100% - 410px); border-left: 10px solid #000; overflow-y: auto; }
#tech-job-list .job-details .tech-body, #tech-job-details .tech-body { display: none; }
#tech-job-details .wide-list { display: none; }
#tech-job-details .tech-body.acd-open { display: block; }
.tech-screen .status-nav { margin: 0; }
.tech-screen .status-nav li { min-width: 75px; max-width: 134px; float: left; font-size: 14px; text-align: center; }
.tech-screen .status-nav li label { text-align: center; cursor: pointer; }
.tech-screen .status-nav li label span { position: relative; }
.tech-screen .status-nav li input[type=radio] { display: none; }
.tech-screen .status-nav li input[type=radio] + span { height: 75px; padding: 10px 0; background: #c6c7c8; display: block; border: 2px solid #5b5c5d;}
.tech-screen .status-nav li input[type=radio]:checked + span { background: #ffffff; border: 2px solid #8aa15a;}
.tech-screen .nav-num { min-width: 13px; position: absolute; top: 6px; right: 6px; font-size: 11px; font-style: normal; padding: 5px; border-radius: 15px; color: #FFF; background-color: #cc2127; border: 2px solid #FFF; box-shadow: 0px 0px 3px 0px #514F4F; }
.tech-screen .account-menu { padding: 10px; }
.tech-screen .account-menu a { font-size: 18px; color: #585859; text-decoration: none; padding: 5px 0; }
.tech-screen .tech-body{ background-color: #FFF; }
.tech-screen .apt-info { width: 100%; }
.tech-screen .wide-list .list-item:hover { cursor: pointer; }
.tech-screen .cust-info { border-bottom: 1px solid #bababb; }
.tech-screen .apt-tag-fields { margin-top: 10px; margin-right: 10px; padding-bottom: 10px; }
.apt-tags { margin-left: 5px; padding-top: 5px; padding-bottom: 10px; }
.tech-screen .btn-menu { font-size: 50px; width: 52px; height: 48px; display: none; }
.tech-screen .notes-btns { background-color: #f1f2f2; padding-bottom: 10px; }
.tech-screen .in-the-shop .apt-info { width: 320px; }
.tech-screen .not-open .apt-info { width: 320px; }
.tech-screen .tranport-time { width: 100px; }
.tech-screen .not-open .tranport-time { width: 95px; }
.tech-screen .tranport { font-size: 10px; padding: 3px 5px; color: #FFF; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tech-screen .tranport span { vertical-align: 3px; }
.tech-screen .time { padding: 3px; font-weight: bold; font-size: 14px; }
.tech-screen .time.red { color: #ee2f24; }
.tech-screen .not-open .tranport { padding-left: 23px; }
.tech-screen .not-open .time { padding-left: 23px; }
.tech-screen .cust-vehicle-jobs { width: 275px; padding: 3px; box-sizing: border-box; }
.tech-screen .action a { background-color: #fdd405; display: block; text-decoration: none; color: #000; padding: 5px 10px; margin: 5px 5px 0 0; }
.tech-screen .apt-notes { float: left; width: calc(100% - 300px); background-color: #f1f2f2; padding: 5px; box-sizing: border-box;}
.tech-screen .apt-action-btns { float: right; width: 300px; background-color: #FFF; box-sizing: border-box; padding: 10px;}
.tech-screen .apt-action-btns .btn { font-size: 14px; font-weight: bold; background-color: #58585a; padding: 5px; line-height: 32px; float: left; width: 95%; margin: 2px; color: #FFF; text-decoration: none; }
.tech-screen .apt-action-btns .btn:hover {background-color: #53ac58}
.tech-screen .apt-action-btns .btn.short { width: 68px; }
.tech-screen .apt-action-btns .btn.green { background-color: #53ac58; }
.tech-screen .apt-action-btns .btn.gray { background-color: #58585a; }
.tech-screen .apt-action-btns .btn.gray:hover { background-color: #53ac58; }
.tech-screen .apt-action-btns .btn.red { background-color: #a6302d; text-align: center; }
.tech-screen .apt-action-btns .btn.blue { background-color: #3a4f5d; text-align: center; }
.tech-screen .confirm-btn { display: none; line-height: 28px; color: #000; padding: 0 10px; float: right; font-weight: normal; background-color: #a8cf38; border: 2px solid #FFF; box-shadow: 0px 0px 3px 0px #514F4F; border-radius: 5px; }
.tech-screen .apt-notes .notes { width: 210px; }
.tech-screen .apt-notes .notes .note { position: relative; background-color: #fffae9; padding: 5px; box-shadow: 0px 0px 3px #afadad;}
.tech-screen .apt-notes .notes .note::after { content: ""; position: absolute; right: -6px; bottom: 2px; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #fffae9; }
.tech-screen .apt-notes .notes .status { margin-left: 6px; position: relative; background-color: #1eae4c; color: #FFF; padding: 5px; box-shadow: 0px 0px 3px #afadad;}
.tech-screen .apt-notes .notes .status::before { content: ""; position: absolute; left: -6px; bottom: 2px; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 6px solid #1eae4c; }
.tech-screen .apt-notes .notes .by { font-size: 10px; text-align: right; padding-bottom: 3px; }
.tech-screen .closed { display: none; }
.tech-screen .item-note-time, .tech-screen .note-text { display: none; }
.tech-screen .with-check .item-note-time, .tech-screen .with-check .note-text { display: block; }
.tech-screen .item-note-time, .tech-screen .item-note-package, .tech-screen .other-item-li { position: relative; }
.tech-screen .input-text-con { display: inline; position: relative; padding: 5px 0; }
.tech-screen .input-text-con-2 { display: inline; position: relative; padding: 5px 0; }
.tech-screen .input-text-con-2 input[type="text"] { width: calc((100% / 3) - 40px); border-radius: 5px; padding: 4px; }
.mpi-section .items ul li { position: relative; }
.tech-screen .item-opcodes { position: absolute; top: 3px; right: 5px; }
.tech-screen .input-text-con .item-opcodes { top: 0px; }
.tech-screen .item-note-package .item-opcodes { text-align: right; position: absolute; top: auto; right: 1px; bottom: -5px; }
.tech-screen .other-item-li .item-opcodes { text-align: right; }
.tech-screen .item-opcodes .opcode-item { margin: 1px; background-color: #dfdcde; padding: 0px 0 0px 5px; border-radius: 5px; display: inline-block; height: 22px; line-height: 22px; }
.tech-screen .item-opcodes .opcode-lbl { max-width: 90px; display: inline-block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.tech-screen .item-opcodes .remove-opcode { margin-top: 3px; color: #775560; font-size: 15px; height: 15px; }
.tech-screen .highlight { background-color: #e2ebcf; }
.tech-screen .stchat-share { font-size: 11px; padding: 6px 4px 6px; min-width: 59px; text-align: center; margin-right: 3px; }
#item-cc-popup .mpi-table.mpi-table-v2 li.qty { width: 50px; }
#item-cc-popup .mpi-table.mpi-table-v2 li.opcode { width: auto; max-width: 200px; }
#item-cc-popup .mpi-table.mpi-table-v2 li.opcode select { width: 100%; }
#item-cc-popup .mpi-table.mpi-table-v2 li.labor-type { width: auto; }
#item-cc-popup .mpi-table.mpi-table-v2 li.ro-more-parts-wrapper { width: 70px; }
#item-cc-popup .mpi-table.mpi-table-v2 li.parts_total { width: 72px; min-width: 72px; }
#item-cc-popup .mpi-table.mpi-table-v2 li.timing {width: 40px;}
#item-cc-popup .mpi-table.mpi-table-v2 li.hours {width: 60px; min-width: 60px;}
#item-cc-popup .mpi-table.mpi-table-v2 li.ltotal {width: 72px; min-width: 72px;}
#item-cc-popup .mpi-table.mpi-table-v2 li.total {width: 72px; min-width: 72px;}
#item-cc-popup .mpi-table.mpi-table-v2 li.total input { width: 100% !important; }
.photo-bucket-images li { display: inline-block; width: calc(100% / 5 - 5px); position: relative; }
.photo-bucket-images li img { width: 100%; border-radius: 5px; }
.photo-bucket-images li .dashicons { position: absolute; top: 3px; right: 3px; background-color: rgba(226,226,226, 0.50); border-radius: 3px; padding: 5px; }
.photo-bucket-images li .dashicons.dashicons-plus-alt { top: 40px; color: #0c9444; display: none; }
.pick-photos .photo-bucket-images li .dashicons.dashicons-plus-alt { display: block; }
.picking-photos { box-shadow: 0px 0px 10px #d22026; }
#mpi-data-popup .photo-bucket-images li { width: calc(100% / 7 - 5px); }
#mpi-data-popup .photo-bucket-images li img { max-width: 100%; }
.photo-bucket-header { text-align: center; background-color: #d6d5d5; font-size: 13px; font-weight: bold; padding: 3px; margin-right: 5px; }
.btn-al-rack, .tech-screen .apt-action-btns .btn-al-rack {background-color: #d7bf68; color: #000; text-transform: uppercase;}
.btn-al-rack, .tech-screen .apt-action-btns .btn-al-rack-gray {background-color: #58585a; color: #fff; text-transform: uppercase;}
.btn-al-rack, .tech-screen .apt-action-btns .btn-al-rack-gray:hover {background-color: #53ac58; }
.btn-dispatched, .actions-col a.btn-dispatched {background-color:#58585a; color: #fff;}
.prior-mpi-reports { display: none; padding: 5px; margin-left: 2px; margin-right: 2px; border: 1px solid #3a4f5d; width: calc(95% - 2px); max-height: 300px; overflow: auto; }
.prior-mpi-reports.open { display: block; }
.prior-mpi-reports ul { margin: 0; }
.prior-mpi-reports ul li { padding-bottom: 5px; }
.prior-mpi-reports a { font-size: 13px; color: #444; text-decoration: none; }
.quick-note { margin-left: 5px; }
.ajax-form-se-ro input[type="text"] { width: 70%; padding: 10px 2px; }
.ajax-form-se-ro input[type="submit"], .ajax-form-se-ro input[type="button"] { padding: 10px 5px; min-width: 42px; }
#ro-search-rs ul { margin: 5px 0px 0; padding: 0 10px; border-radius: 3px; border: 1px solid #ccc; background-color: #fff; }
#ro-search-rs ul li { color: #000; border-bottom: 1px solid #ccc; padding-bottom: 15px; }
#ro-search-rs ul li span { font-weight: bold; background-color: transparent !important; display: block; padding: 10px 0; font-size: 16px; position: relative; }
#ro-search-rs .participate, #ro-search-rs .take-over { padding: 13px 0; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0px 0px 3px #777; color: #000; text-decoration: none; text-align: center; display: inline-block; width: 48%; }
#ro-search-rs .participate { background-color: #a8cf38; }
#ro-search-rs .take-over { background-color: #ffa500; }
.prev-mpi { position: relative; cursor: pointer; }
.mpi-drop-down { display: none; position: absolute; z-index: 1; width: 150px; padding: 5px; left: 0; top: 12px; background-color: #FFF; box-shadow: 0px 0px 3px #777; border-radius: 3px; }
.prev-mpi.open .mpi-drop-down { display: block; }
.mpi-drop-down li { padding-bottom: 5px; }
.mpi-drop-down a { text-decoration: none; color: #444; }
.mpi-drop-down a:hover { text-decoration: underline; }

.next-appt .apt-notes { background-color: #FFF; width: 120px; margin-right: 5px; }
.next-appt .apt-notes .status { width: 100%; }
.current-time-bar { background-color: rgba(178,22,8, 0.90); width: 1px; position: absolute; z-index: 1; min-height: 32px; top: -5px; border-left: 1px solid rgba(178,22,8, 0.20); border-right: 1px solid rgba(178,22,8, 0.50); }
.current-time-bar.not-today { background-color: #8d8d8d; border-left-color: #8d8d8d; border-right-color: #8d8d8d; }
.tip { display: none; }
.board-search-m { width: 380px; position: absolute; top: 5px; right: 436px; right: 34%;}
.search-on-side .board-search input[type="text"] { width: 200px; }
.board-search input[type="text"] { width: 200px; }
.board-search-m input[type="text"] { width: 257px; }
#store-board .wrapper { position: relative; }
#store-board {overflow: auto;}
#board-timeline { position: sticky; top: 0; background-color: #fff; z-index: 98; }
.board-overlay { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.50; z-index: 92; }
.user-heading { padding: 15px 117px 15px 10px; color: #FFF; background-color: #000; }
.user-heading b, .user-heading span, .appt-board .current-user { cursor: pointer; }
.user-heading a { color: #FFF; text-decoration: none; }
.user-heading .arrow-down { position: relative; }
.user-heading .arrow-down::after { content: ""; position: absolute; left: 5px; top: 7px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #fff; }
.user-heading .user-switch { margin: 0; position: absolute; left: 0; z-index: 9; padding-top: 5px; background-color: #000; display: none; }
.user-heading .user-switch.open { display: block; }
.user-heading .user-switch li a { padding: 5px 10px; line-height: 35px; }
.user-heading .g-menu { float: right; }
.user-heading .g-menu-items {margin: 0; position: absolute; right: 0; z-index: 9; padding-top: 5px; background-color: #000; display: none; }
.user-heading .g-menu-items.open { display: block; }
.user-heading .g-menu-items li a { padding: 5px 10px; line-height: 35px; }
.black-screen, .qr-login-wrap { display: none; position: fixed; z-index: 100051; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0, 0.80); overflow: auto; }
.black-screen ul { margin: 100px auto; }
.black-screen ul li { line-height: 50px; text-align: center; }
.black-screen a { display: block; color: #FFF; text-decoration: none; font-size: 20px; }
.black-screen a:hover, .black-screen a:active, .black-screen a:focus { background-color: #CCC; color: #000; }
.ui-resizable-resizing { z-index: 99999; }
.qr-login-wrap { display: flex; align-items: center; justify-content: center; }
.qr-login-wrap > div { display: flex; flex-direction: row; background: #fff; padding: 15px; gap: 20px; }
.qr-login-wrap ol { margin: 0; padding: 0px; list-style-position: inside; }
.qr-login-wrap ol li { padding: 10px 0; }

.share-board {z-index:999999999}

#service-share-board {position:absolute; bottom:0; width:100%; background-color:#fff;}
.chat-shared-list li {border-right:1px solid; background:white; margin-bottom:0px !important;}
.ui-widget-content { border: none; }
.dialog-yellow-btn { background-color: #eda520 !important; border-radius: 5px; border: 2px solid #FFF !important; box-shadow: 0px 0px 3px #777; color: #000 !important; padding-top: 10px; padding-bottom: 10px; }
.dialog-green-btn { background-color: #89b23f !important; border-radius: 5px; border: 2px solid #FFF !important; box-shadow: 0px 0px 3px #777; color: #000 !important; padding-top: 10px; padding-bottom: 10px; }
.dialog-grey-btn { background-color: #5b5b5b !important; border-radius: 5px; border: 2px solid #FFF !important; box-shadow: 0px 0px 3px #777; color: #FFF !important; padding-top: 10px; padding-bottom: 10px; }
.w50-left { width: 48%; }
.w50-right { width: 48%; float: right; margin-right: 0 !important; }
.w100-center { width: 100%; }

.mpi-overview-items .camera { color: #cccece; font-size: 20px; }
.camera-sub { display: none; position: absolute; top: 0; width: 103px; background: #FFF; border: 1px solid #CCC; left: 27px; margin: 0; z-index: 1; }
.camera-sub li { padding: 3px 5px; cursor: pointer; }
.camera-sub li:hover { background-color: #CCC; }
.mpi-overview-items input[type="text"] { width: 100%; max-width: 100%; }
.mpi-overview-items .item { width: 25% }
.mpi-overview-items .cause { }
.mpi-overview-items .cc { width: 20% }
.mpi-overview-items .send, .item-internal-notes .send { background-color: #444; color: #FFF; }
.mpi-overview-items .conv-thread { padding: 0 0 0 35px; }
.mpi-overview-items .parts-timing { width: 150px; }
.mpi-overview-items .approve-status { width: 70px; padding: 0; }
.parts-red { background-color: #ed8f8f; }
.parts-green { background-color: #2d5b00; color: #ffffff; }
.conv-thread { padding: 10px; }
.conv-thread .note-con { width: 75%; }
.conv-thread .rh .note-con { float: right; }
.conv-thread .note { position: relative; background-color: #dedede; padding: 5px; box-shadow: 0px 0px 3px #afadad; color: #000; }
.conv-thread .note:after, .appt-notes .note:before { border: 6px solid transparent; border-right-color: #dedede; position: absolute; content: ''; right: 100%; top:  calc(100% - 15px);}
.conv-thread .note:before { border-right-color: #D4D4D4; border-width: 7px; margin-top: -1px;}
.conv-thread .rh .note { background-color: #add2ff; }
.conv-thread .rh .note:after, .conv-thread .rh .note:before { border: 6px solid transparent; border-right:none; border-left-color: #add2ff; position: absolute; content: ''; left: 100%; top:  calc(100% - 15px);}
.conv-thread .rh .note:before { border-left-color: #D4D4D4; border-width: 7px; margin-top: -1px;}
.conv-thread .by { font-size: 10px; padding: 0 6px 3px 0; }
.conv-thread .rh .by { text-align: right; }

.color-green{ color:#2d5b00; }
.dashicon-red{ color:#d72129; }

.mpi-table li.qty{
  padding:0 5px !important;
  min-width: 50px;
  max-width:50px;
}

.mpi-table.opcode-jobs li.qty{
  width: 8%;
}

.mpi-overview-items .note-con { margin-top: 5px; }
.no-cam .mpi-overview-items .appt-notes { padding: 0 10px 0 10px; }
.item-internal-notes { display: none; }
.item-int-notes-popup { font-size: 13px; width: 400px; min-height: 120px; display: none; position: absolute; z-index: 999999; top: 20px; padding: 10px; background-color: #fff; border: 1px solid #aaa; box-shadow: 0px 0px 3px 0px #aaa;}
.item-int-notes-popup .item-internal-notes { display: block; }
.item-int-notes-popup:after, .item-int-notes-popup:before { border: 9px solid transparent; border-right-color: #fff; position: absolute; content: ''; right: 100%; top: 45%;}
.item-int-notes-popup:before { border-right-color: #aaa; border-width: 10px; margin-top: -1px;}
.item-int-notes-popup.top-arrow:after, .item-int-notes-popup.top-arrow:before { top: 98px; }
#add-to-mpi-plus { display: none; position: fixed; }
#add-to-mpi-plus:after{ border: 9px solid transparent; border-bottom-color: #CCC; position: absolute; content: ''; left: calc(50% - 15px); top: -18px }
.mpi-table li.note { position: relative; }
.mpi-table li.note .note-opcodes { position: absolute; top: 5px; right: 1px; background-color: #dfdcde; border-radius: 5px; padding: 0 5px; }
.mpi-table li.note .mpi-item-opcode-add, .mpi-table li.note .mpi-item-opcode-remove { position: absolute; top: 0; right: -3px; font-size: 15px; }
.mpi-table li.note .mpi-item-opcode-add { color: #0c9444; }
.mpi-table li.note .mpi-item-opcode-remove { color: #bf1e2d; display: none; }
.mpi-table li.note.has-opcode .mpi-item-opcode-add { display: none; }
.mpi-table li.note.has-opcode .mpi-item-opcode-remove { display: block; }
.mpi-table li.note input:focus + span { display: none; }
.mpi-table li.qty { text-align: center; }

.mpi-table li.fee { width: 4%; }
.mpi-table li.fee input[type="text"] { width: calc(100% - 12px); box-sizing: border-box; }
.mpi-table li.fee input[type="text"]:read-only { background-color: transparent; }
.mpi-table li.tire-size { width: 200px; }
.mpi-table li.tire-size input[type="text"] { width: 100%; }
.mpi-table li.tire-size input[type="text"]:read-only { background-color: transparent; }
.mpi-table li.part_number { width: 9% !important; }
.mpi-table li.action { width: 80px !important; }

.mpi-table li.part_number { position: relative; }
.mpi-table li.part_number .dashicons-info-outline { position: absolute; top: 10px; right: 3px; font-size: 15px; width: 15px; height: 15px; z-index: 1; }
.cause-ce, .note-ce { padding: 0 5px; }
.mpi-header-block .vi-mpi-stats span { display: inline-block; padding: 15px 20px; color: #000; margin: -3px 2px; }
.vi-mpi-stats .green { background: #5e8e28; }
.vi-mpi-stats .red { background: #ea4025; }
.vi-mpi-stats .yellow { background: #fefb53; }
.reco-items-heading { margin: 5px 5px -5px; font-size: 13px; color: #898989; border-bottom: 1px solid #c3c4c7; }
.mpi-two-col { width: calc(50% - 5px); }
.mpi-two-col .mpi-table.mpi-table-v2 li.total { width: 80px; min-width: 80px; }
.mpi-two-col .mpi-table li input[type="text"] { padding: 0; }
.mpi-two-col .mpi-table-v2 li, .mpi-two-col .mpi-table li.qty, .mpi-two-col .mpi-table li.parts { padding: 0 2px; }
.mpi-two-col .mpi-table.mpi-table-v2 li.total input { width: calc(100% - 27px) !important; }
.mpi-two-col .mpi-table li.action { width: 25px; }
.edit-popup { position: relative; cursor: pointer; }
.edit-popup div { position: absolute; top: 25px; right: 0; width: 160px; display: none; z-index: 9; padding: 10px 0; background-color: #fff; border: 1px solid #aaa; box-shadow: 0px 0px 3px 0px #aaa; }
.edit-popup.open div { display: block; }
.edit-popup div:after, .edit-popup div:before { border: 9px solid transparent; border-bottom-color: #fff; position: absolute; content: ''; bottom: 100%; right: 10px;}
.edit-popup div:before { border-bottom-color: #aaa; border-width: 10px; margin-left: -1px;}
.edit-popup a { display: block; }
.edit-line-appt { cursor: pointer; }

#parts-tech-configuration {
    top: 40%;
    right: 40%;
    display: none;
    position: fixed;
    z-index: 999998;
    top: 62px;
    right: 91px;
    padding: 10px;
    background-color: #fff;
    border: 1px solid #aaa;
    box-shadow: 0px 0px 3px 0px #aaa;
    overflow-y: auto;
}
.parts-tech-dialog { z-index: 999999; }
.parts-tech-container { display: flex; flex-direction: column; flex-grow: 1; }
.parts-tech-dialog.collapse { display: flex; flex-direction: column; flex-grow: 1; }
.parts-tech-dialog.parts-tech-dialog-tire { z-index: 999998; }
.parts-tech-popup { display: flex; flex-direction: column; flex-grow: 1; }
.parts-tech-punchout { flex-grow: 1 }
.parts-tech-line-item {background-color: lightcyan;}
.parts-tech-line-item.action-purchase { background-color: #fddede; }

.parts-tech-line-item:not(.action-purchase).availability-false  li:first-child,
.parts-tech-line-item:not(.action-purchase).payment-creditcard  li:first-child { position: relative; vertical-align: middle; text-align: center; }
.parts-tech-line-item:not(.action-purchase).availability-false  li:first-child:before,
.parts-tech-line-item:not(.action-purchase).payment-creditcard  li:first-child:before { color: #d91f27; font-family: dashicons; font-size: 1.2rem; content: "\f14c"; vertical-align: middle; }

.parts-tech-line-item:not(.action-purchase).availability-false  li:first-child:after,
.parts-tech-line-item:not(.action-purchase).payment-creditcard  li:first-child:after {
    position: absolute;
    width: 300px;
    top: 30px;
    left: 45px;
    background-color: #f7f7f7;
    border-radius: 5px;
    padding: 1rem;
    text-transform: none;
    transition: all 0.5s ease;
    font-size: 16px;
    opacity: 0;
    pointer-events: none;
    text-align: center;
    z-index: 2;
}
.parts-tech-line-item:not(.action-purchase).availability-false  li:first-child:after { content: 'This item is no longer available.'}
.parts-tech-line-item:not(.action-purchase).payment-creditcard  li:first-child:after { content: 'This item must be purchased through the PartsTech website.'}
.parts-tech-line-item:not(.action-purchase).payment-creditcard.availability-false  li:first-child:after { content: 'This item is no longer available and must be purchased though the PartsTech website.'; }
.parts-tech-line-item:not(.action-purchase).availability-false  li:first-child:focus:after,
.parts-tech-line-item:not(.action-purchase).payment-creditcard  li:first-child:focus:after,
.parts-tech-line-item:not(.action-purchase).availability-false  li:first-child:hover:after,
.parts-tech-line-item:not(.action-purchase).payment-creditcard  li:first-child:hover:after {
  opacity: 1;
  transition: all 0.4s ease;
}

.ui-dialog { padding: 0; }
.ui-dialog-titlebar { background-color: #334e5e; color: #FFF; }
.ui-dialog-title { font-size: 40px; line-height: 35px; font-weight: bold; }
#item-parts-popup, #ro-item-parts-popup, #item-price-popup, #dms-service-history-popup, #dms-create-ro, #ro-dms-add-parts, #ro-good-better-best-popup{
  font-size: 13px;
  width: 90%;
  max-width: 1550px;
  max-height: 80%;
  min-height: 80%;
  display: none;
  position: fixed;
  z-index: 100150;
  top: 62px;
  right: 91px;
  padding: 10px;
  background-color: #fff;
  border: 1px solid #aaa;
  box-shadow: 0px 0px 3px 0px #aaa;
  overflow-y: auto;
  /*left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  */
}
#ro-good-better-best-popup{ top: 62px; left: 120px; padding: 10px; max-width: 1800px; }
#item-parts-popup, #ro-item-parts-popup, #item-price-popup { overflow: visible; }
.parts-table .tbody.disabled { background-color: rgb(235, 235, 228); }
.parts-table .tbody.disabled input { border-color: darkgrey; border-style: solid; border-width: 1px; background-color: rgb(235, 235, 228); color: rgb(84, 84, 84); padding: 2px 0px; } 
#ro-item-parts-popup-close, #dms-service-history-popup-close, #dms-create-ro-close, #item-price-popup-close, #qr-login-popup-close { float: right; color: #344e5e; font-weight: 700; text-transform: uppercase; text-decoration: underline; cursor: pointer;}
a.dms-service-history.highlight {
  background-color: #edb72e;
  color: #FFF !important;
  box-shadow: 0px 0px 3px 1px #efb932;
  border-color: #d69c10;
}
a.tech-dms-service-history.dms-service-history{
  box-shadow:none;
  background-color: #edb72e !important;
  text-transform: uppercase;
}
a.tech-dms-service-history.dms-service-history .dashicons{
  vertical-align: middle;
}
.dms-service-history-loading::after{
    overflow: hidden;
    display: inline-block;
    vertical-align: bottom;
    animation: dms-service-history-loading steps(4, end) 900ms infinite;
    content: "\2026";
    width: 0px;
}

@keyframes dms-service-history-loading {
    to { width: 15px; }
}

.dms_service_id {
  display: block;
  background: #000;
  color: #FFF;
  padding: 10px 20px;
  text-align:center;
}
.locked-part-price.dashicons.dashicons-lock {
	position: absolute;
	z-index: 1;
	right: 5px;
	top: 26%;
    color:#d72129;
}
.locked-part-price.unlockable-part-price{
    cursor: pointer;
}
li.ro-service-line {
  width: 3%;
  border: none !important;
  box-shadow: none !important;
  background: #000;
  color: #FFF;
  vertical-align: middle;
  text-align: center;
}
li.ro-service-line.no-line-id{background:none;}
.mpi-table ul.thead li.ro-service-line{background:none;}
.mpi-table ul.thead li.line-descriptions,
.mpi-table ul li.line-descriptions{
  width: 45%;
  min-width: 200px;
}

.line-descriptions-heading{width:47%;}

.mpi-table.has-service-line-column .line-descriptions-heading,
.mpi-table.has-service-line-column ul li.line-descriptions{
  width: 60%;
}

.mpi-table ul li.parts-status {
  width: 5%;
  min-width: 82px;
  text-align: center;
}
.mpi-header-block span.inline-block{display:inline-block; vertical-align: middle; font-size:40px; line-height:1.2;}
.mpi-header-block span.dealertrack-reprint span{display:inline-block;}
span.dealertrack-reprint.dashicons.dashicons-printer.inline-block {
  width: 30px;
  height: 30px;
  font-size: 30px;
}
span.dealertrack-reprint.dashicons.dashicons-printer.inline-block:before {
  width: 40px;
  height: 40px;
}
.parts-table {display: table; border-collapse: separate; border-spacing: 2px; width: 100%; font-size: 13px;}
.parts-table ul { display: table-row; margin: 0; }
.parts-table li { display: table-cell; padding: 5px; position: relative; }
.parts-table ul.thead li { font-weight: bold; vertical-align: middle; }
.parts-table ul.tbody li { border: 1px solid #c3c4c7; box-shadow: 0px 0px 3px 0px #c3c4c7; border-radius: 2px; }
.parts-table li input[type="text"],.parts-table li input[type="number"] { border: none; box-shadow: none; padding: 0 5px; width: 95%; height: 32px; }
.parts-table li.qty { width: 10%; }
.parts-table li.description { width: 18%; }
.parts-qty.on-hand,.parts-qty.presold, .parts-qty.bin { width: 55px; }
.parts-table li.price { width: 10%; }
.parts-table li.timing { padding: 0 5px 0 0; width: 125px; }
.parts-table li.action { width: 45px; text-align: left; }
.parts-table ul.tbody li.no-border { border: none; box-shadow: none; }
.parts-table li.part_number, .parts-table li.qty { padding: 0; }
.parts-table li.qty input, .parts-table li.part_number input, .parts-table li.parts-number input, .parts-table li.parts-desc input { width: 100% !important; }
.parts-table li.price input { width: calc(100% - 12px); }
.parts-table li.timing input { width: calc(100% - 25px); }
.parts-table li.timing .dashicons { line-height: 28px; }
.parts-table li.parts-desc { width: 340px; }
.parts-table li.parts-cost { width: 132px; }
.parts-table li.parts-matrix { width: 154px; }
.parts-table li.parts-qty { width: 80px; max-width: 80px; }
.parts-table li.parts-price { width: 84px; }
.parts-table li.parts-number {width: 300px;}
.parts-table li.parts-number-description {width: 420px;}
li.price-matrix-li {width: 15%;}
.parts-table .add-item-part, .parts-table .add-item-part-ro, .parts-table .remove-item-part, .repeater-rows .dashicons-plus-alt2, .repeater-rows .dashicons-minus, .parts-table .include-part { border-radius: 15px; color: #FFF; padding: 2px; font-size: 15px; width: 15px; height: 15px; }
.parts-table .remove-item-part, .repeater-rows .dashicons-minus { background-color: #af2f1b; }
.parts-table .add-item-part, .parts-table .add-item-part-ro, .repeater-rows .dashicons-plus-alt2, .parts-table .include-part { display: none; background-color: #519e3f; }
.parts-table ul:last-child .add-item-part, .parts-table ul:last-child .add-item-part-ro,  .repeater-rows .repeater-row:last-child .dashicons-plus-alt2, .parts-table .include-part { display: inline-block;}
.cost-red, .cost-red input { background-color: #F00 !important; }
.no-border-qty { border: none !important; box-shadow: none !important; }
.service-history-wrapper {
  border: 1px solid #d0d0d0;
  margin: 12px 5px;
  background: #FFF;
}
.jq-toast-wrap{
  z-index: 100160 !important;
}
.li-locked-part-price,
.li-locked-part-price > input[type="text"]{
    background:#ccc;
}
.aftermarket-icon {
	background: #d0bc4d;
	text-transform: uppercase;
	font-weight: bold;
	color: #FFF;
	display: inline-block;
	text-align: center;
	padding: 4px 2px;
	border-radius: 3px;
	line-height: 1;
	font-size: 10px;
}
.aftermarket-icon.non-stocked{
  background:#b73636;
}
.aftermarket-icon.in-stock{
  background:#005500;
}
.history-title {
  font-size: 14px;
  font-weight: bold;
  border: 1px solid;
  padding: 5px 6px 3px 0px;
  background: wheat;
}
.history-title::before {
  content: '';
  float: left;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  border-left: 9px solid #676666;
  padding: 0px 3px;
}
.ro-history-customer-tabs ul > li{display:inline-block;}
.ro-history-customer-tabs ul > li > a {
  display: inline-block;
  border: 1px solid #afadad;
  text-decoration: none;
  background-color: #d0d0d0;
  color: #888;
  padding: 6px;
  font-weight: 700;
}
.ro-history-customer-tabs ul > li > a.active {
  background-color: #f5deb3;
  border: 1px solid #ae9d7c;
  color: #000;
}
.ro-history-customer-tabs .historical-ro-customer-data{display:none;}
.ro-history-customer-tabs .historical-ro-customer-data.active {
  border: 1px solid #ccc;
  background-color: #f7f7f7;
  padding: 10px;
  padding-top: 5px;
  display:block;
}
.ro-history-customer-tabs .line_parts {
	width: 98%;
	margin: auto;
	background: #eee;
	border: 1px solid #dfdcdc;
}
.custom-auto-complete{display:none;}
.custom-auto-complete.show{display:block;}
.custom-auto-complete ul {
  overflow-y: auto;
  position: absolute;
  max-height: 400px;
  background-color: #FFF;
  margin-top: 10px;
  border: none;
  left: 0;
  z-index: 100;
  display: block;
  width:100%;
}
.custom-auto-complete ul li {
  display: block;
  cursor: pointer;
}
.parts-section{float:right; margin-bottom: 15px; width: calc(100% - 10px);}
.clearfix{content:''; clear:both;}
.parts-repeater-clone{display: none;}
.parts-qty{width:160px;}
.parts-qty input[type="number"]{border:none; box-shadow:none;}
.parts-actions{width: 50px; text-align: center;}
.parts-actions > table{
    vertical-align: text-top;
    display: inline-block;
}
.part-row-drag li.parts-actions:first-child, .dump-part-row-drag li.parts-actions:first-child {
	width: 155px;
}
.parts-btn-action.button{ margin-right: 5px; display: inline-block; padding: 2px 5px; font-size: 12px; font-weight: 700;}
.parts-section.hidden{display:none;}
.parts-table .selectize-input input{
	height:inherit !important;
}

.pick-package { cursor: pointer; }
.repeater-rows .dashicons { vertical-align: middle; }
.repeater-row { margin-bottom: 2px; }
.search-dropdown-con { position: relative; }
.search-dropdown-con::after { font-family: dashicons; font-size: 20px; content: "\f140"; position: absolute; top: 7px; right: 10px; }
.search-dropdown-con input { width: 100%; }

.dv-tbl { display: table; border-collapse: separate; border-spacing: 2px; width: 100%; }
.dv-tbl .thead { font-weight: bold; }
.dv-tbl-row { display: table-row; margin: 0; }
.dv-tbl-col { display: table-cell; padding: 5px; vertical-align: middle; }
.dv-tbl-col { border: 1px solid #c3c4c7; box-shadow: 0px 0px 3px 0px #c3c4c7; border-radius: 2px; position: relative; }
.dv-tbl-col.item {border-width: 1px 1px 1px 8px; border-style: solid; border-color: #c3c4c7;}
.dv-tbl-col.green { border-left-color: #75bb5d; }
.dv-tbl-col.red { border-left-color: #d72129; }
.dv-tbl-col.yellow { border-left-color: #fdd23d; }
.dv-tbl-col input[type="text"] { border: none; box-shadow: none; padding: 0;}
.dv-tbl-col.no-border { border: none; box-shadow: none; }
.dv-tbl-col.no-padding { padding: 0; }
.declined-m-item, .approved-m-item, .grey-declined-m-item { width: 65px; text-align: center; color: #FFF; display: inline-block; padding: 7px 5px; }
.approved-m-item { background-color: #2d5b00; }
.declined-m-item { background-color: #d72129; }
.grey-declined-m-item { background-color: #58585a; }
.int-note-col { width: 175px; }
.int-note:focus + span { display: none; }

.confirm-dialog { margin: 0; }
.confirm-dialog, .customer-email-dialog-popup, .customer-phone-dialog-popup, .tech-selection-dialog-popup, .approve-schedule-dialog-popup { font-size: 13px; display: none; position: absolute; z-index: 999999; padding: 10px 0; background-color: #fff; border: 1px solid #aaa; box-shadow: 0px 0px 3px 0px #aaa; }
.confirm-dialog:after, .confirm-dialog:before, .customer-email-dialog-popup:after, .customer-email-dialog-popup:before, .customer-phone-dialog-popup:after, .customer-phone-dialog-popup:before, .tech-selection-dialog-popup:after, .tech-selection-dialog-popup:before, .approve-schedule-dialog-popup:after, .approve-schedule-dialog-popup:before { border: 9px solid transparent; border-top-color: #fff; position: absolute; content: ''; top: 100%; left: 10%;}
.confirm-dialog:before, .customer-email-dialog-popup:before, .customer-phone-dialog-popup:before, .tech-selection-dialog-popup:before, .approve-schedule-dialog-popup:before { border-top-color: #aaa; border-width: 10px; margin-left: -1px;}
.customer-email-dialog, .customer-phone-dialog, .tech-selection-dialog, .approve-schedule-dialog { margin: 0; }
.confirm-dialog li, .customer-email-dialog li, .customer-phone-dialog li, .tech-selection-dialog li, .approve-schedule-dialog li { padding: 5px 10px; cursor: pointer; }
.confirm-dialog li.confirm, .customer-email-dialog li.confirm, .customer-phone-dialog li.confirm, .tech-selection-dialog li.confirm, .approve-schedule-dialog li.confirm { background-color: #1eae4c; color: #FFF; }

.drop-down-dialog-popup { font-size: 13px; display: none; position: absolute; z-index: 999999; padding: 10px 0; background-color: #fff; border: 1px solid #aaa; box-shadow: 0px 0px 3px 0px #aaa; }
.drop-down-dialog-popup:after, .drop-down-dialog-popup:before { border: 9px solid transparent; border-bottom-color: #fff; position: absolute; content: ''; bottom: 100%; right: 10%;}
.drop-down-dialog-popup:before { border-bottom-color: #aaa; border-width: 10px; margin-left: -1px;}
.drop-down-dialog-popup ul { margin: 0; }
.drop-down-dialog-popup li { padding: 5px 10px; cursor: pointer; }
.drop-down-dialog-popup li.confirm { background-color: #1eae4c; color: #FFF; }

#dispatch-tech-search { display: none; position: absolute; z-index: 9; background-color: #FFF; padding: 10px; border: 1px solid #CCC; }
#dispatch-tech-search .dashicons-dismiss { float: right; margin-top: -10px; margin-right: -10px; z-index: 1; position: relative; }
#dtsf { width: 190px; }

.copied-notice { background: #444; color: #FFF; border-radius: 3px; padding: 5px 10px; position: absolute; z-index: 999999; font-size: 13px; }
.copied-notice:before { border: 8px solid transparent; border-bottom-color: #444; position: absolute; content: ''; left: 37%; top: -50%;}

.edit-locked { position: absolute; top: 62px; text-align: center; padding-top: 100px; }
.edit-locked-parts { position: absolute; top: 30px; }
.tb-error { padding-top: 10px; text-align: center; }
.tire-options-btn { background: #E7E7E7; border-radius: 3px;}
.tire-options-btn.has { background: #1eae4c; color: #FFF; }
.tire-options { font-size: 13px; padding: 8px; margin: 2px 0 10px; background: #e9e7e7; box-shadow: inset 0px 0px 1px 1px #ccc;}
.tire-options input[type="text"] { padding: 10px 5px; }
.tire-options input[name="price"] { text-align: right; width: 67px; }
.tire-options .timing-date { position: absolute; top: 8px; right: 22px; }
.tire-options .delete-option { position: relative; top: 8px; }
.tire-options-con { float: right; position: relative; }
.tire-options-con::before { content: "TIRE OPTIONS"; font-size: 30px; position: absolute; left: -150px; top: 20%; width: 130px; line-height: 38px; text-align: center; color: #aeaeae; }
/*20-5-24 add extra css*/
.gdetail-ro .vehicle-title-name {
    display: inline-block;
}
.gdetail-ro .scanner-button {
    margin-left: 12px;
}

.gdetail-garage .gm-tab-profile .relative {
    width: 33.33%;
    float: left;
}
.gdetail-garage .gm-tab-profile .relative .with-preferred-icon {
    margin-bottom: 10px;
    width: 98%;
}
.package-locked {
	text-align: center;
	background: #FFDA93;
	cursor: pointer;
	color: #d72129;
}
.package-unlocked{
    text-align: center;
    background:#28b34b;
    cursor: pointer;
    color:#FFF;
}
#package_option{padding: 10px;}
#package_option:disabled {
    background-color: #cfcfcf; /* Light gray */
    cursor: not-allowed; /* Indicate it's disabled */
}
@media only screen and (max-width: 1400px) {
  	.tire-options input[type="text"] { width: 116px; }
  	.tire-options input[name="price"] { width: 67px; }
}


.tire-options-form .pick-tire-option:disabled ~ span { color: grey; opacity: 0.5; }
.tire-options-form .data-id[value=""] ~ .div-tbl .pick-tire-option ~ span { color: grey; opacity: 0.5; }
.tire-options.tabbed { display: inline-flex; flex-grow: 1; flex-shrink: 1; }
.tire-options.tabbed .tire-options-form .div-tbl li { display: flex; }
.tire-options.tabbed .tire-options-form .div-tbl ul { display: flex; }
.icons.link-icon::after {
    cursor: pointer;
    font-family: 'dashicons';
    content: "\f103";
    color: #ae301b;
    font-size: 16px;
    text-align: center;
}
.icons.link-icon.link::after{
    color: #509e40;
}
#tire-section { display: grid; grid-template-columns: min-content 1fr; }
@media all and (max-width: 1800px) {
  #tire-section { grid-template-columns: 1fr; }
}

.tire-options-selected .mpi-table li.parts { width: 5%; }
.tire-options-selected .mpi-table li.fee { width: 5%; }
.tire-options-selected .mpi-table li.total { width: 5%; }
.tire-options-selected .mpi-table li.depth { width: 5%; }
.tire-options-selected .mpi-table li.item { width: 11%; }
.tire-options-selected .mpi-table li.note { width: 15%; }

/* begin vertical tabs 
.ui-tabs-vertical { display: grid; grid-template-columns: min-content 1fr; border: none !important; background: none !important; }
.ui-tabs-vertical .ui-tabs-nav { padding: .2em .1em .2em .2em; display: flex; flex-direction: column; justify-content: center; background: none !important; border: none !important; }
.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; }
.ui-tabs-vertical .ui-tabs-nav li a { display:block; }
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; }
.ui-tabs-vertical .ui-tabs-panel { padding: 1em; background-color: white; border: 1px #c3c4c7 solid;}
.ui-tabs-vertical .ui-tabs-nav li.ui-state-active { border: 1px solid #c3c4c7; border-right: 1px solid white;  background: white; color: #c3c4c7 !important; }
.ui-tabs-vertical .ui-tabs-nav li.ui-state-active a { color: rgb(69, 69, 69); }
/* end vertical tabs */

.ui-tabs div.ui-tabs-panel { padding: 0; }
.parts-tech-tire-tabs .ui-state-active { border: 1px solid #c5c5c5; background: #eefedd; }
.parts-tech-tire-tabs .ui-state-active a { color: #333; }
.parts-tech-tire-size-input { width: 80px; }
.parts-tech-tire-tabs.parts-tech-tire-tabs { background: none; border: none; }
.tire-options-container { background: white; border: 1px solid #c5c5c5; padding: 1em 1.4em; }
.tire-pt-card-container { display: flex; gap: 10px; flex-direction: column; flex-wrap: wrap; margin-top: 10px; width: 100%; height: 800px; overflow-x: hidden; overflow-y: hidden; }
.tire-card.clone { display: none; }
.tire-card { display: flex; flex-direction: column; justify-content: space-between; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); transition: 0.3s; width: 256px; height: 100%; padding: 15px; background: white; position: relative; }
.tire-card:hover { box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2); }
.tire-card img { height: 256px; margin: auto; display: block; }
.tire-card h4 { font-size: 26px; margin: 20px 0 10px 0; font-weight: normal; text-align: center; }
.tire-card .tire-card-header p { margin: 0; padding: 0; text-align: center; }
.tire-card .tire-card-container p { margin: 0; padding: 0; }
.tire-card .large-text { font-size: 24px; letter-spacing: 0.1px; line-height: 30px; padding: 0px; margin: 0px; color: rgb(0, 0, 0); font-weight: 700; }
.parts-tech-tire-axle.active { background-color: #eefedd; box-shadow: 1px 1px 5px; }
.delete-tire-option { position: absolute; top: 5px; right: 5px; }
.tire-option-assign-block { display: contents; }
.tire-option-assign-block li:nth-child(n+2) { display: none !important; }
.tire-options-container:has(.tire-option-assign-block:hover) .tire-option-assign:nth-child(n+2) { display: flex !important; }
.tire-options-container:has(.tire-option-assign-block:hover) .tire-option-assign:first-child { display: none !important; }
.tire-options-container .approve-for { display: none; }
.tire-options-container:has(.tire-option-assign-block:hover) .approve-for { display: table-cell; }
.tire-option-assign .thumbs-up, .tire-option-assign .dashicons-download { position: relative; top: 8px; }

/* .tire-card-attributes { display: grid; grid-template-columns: 1fr 1fr;} */

.tire-default-opcodes { width: calc(100% - 1140px); }
.tire-default-opcodes li { width: 215px; height: 100px; overflow: hidden; font-size: 11px; display: inline-block; border: 1px solid #bebdbe; box-shadow: inset 0 1px 2px rgba(0,0,0,.07); background-color: #f6f5f6; padding: 5px; border-radius: 3px; text-align: center; }
.div-tbl { display: table; border-collapse: separate; width: 100%; }
.div-tbl .thead { font-weight: bold; text-align: center; }
.div-tbl ul { display: table-row; margin: 0; }
.div-tbl ul li { display: table-cell; padding: 1px; vertical-align: middle; }
.pick-tire-option { display: none; }
.pick-tire-option:checked + span, .pick-tire-option:checked + span + span { color: #1eae4c; }
.mpi-table li input[type="text"].concern-input { display: none; width: calc(100% - 35px); }
.cdk-notice-modal,
.cdk-dialog{z-index:100060 !important;}

.basic-table { display: table; border-collapse: separate; border-spacing: 2px; width: 100%; font-size: 13px; }
.basic-table ul.thead, .basic-table ul.tbody { display: table-row; margin: 0; }
.basic-table li.col { display: table-cell; padding: 5px; }
.basic-table ul.thead li { font-weight: bold; vertical-align: middle; }
.basic-table ul.tbody li { border: 1px solid #c3c4c7; box-shadow: 0px 0px 3px 0px #c3c4c7; border-radius: 2px; }
.basic-table li.rel-col { position: relative; }
.no-ro-number { opacity: 0.30; }
.no-ro-number:hover { opacity: 1; }
.opcode-line { background-color: #000; color: #fff; padding: 10px; margin-top: 10px; }
.opcode-line label { font-weight: bold; font-size: 15px; }
.opcode-cs { background-color: #fbe3a0; padding: 5px; margin-bottom: 3px; font-size:20px;}
.reco-section { padding-top: 10px; }
.appt-notes .reco-section .by { font-size: 8px; padding: 0 15px 0 0; text-align: right;}
.add-reco { float: right; cursor: pointer; }
.reco-line { margin-bottom: 10px; }
.reco-line .open-media, .reco-line .dashicons-trash { color: #9d9d9e; }
.reco-line .dashicons-trash { margin: 5px 5px 0 5px; position: relative; bottom: -8px; }
.blue-section-border {border: 1px solid #c3c4c7; box-shadow: 0px 0px 3px 0px #c3c4c7; padding: 3px; width: calc(100% - 50px) }
.blue-section { background-color: #c5e6ed; padding: 5px 5px 8px 5px; }
.blue-section textarea { background: none; resize: none; border: none; box-shadow: none; padding: 0px; font-size: 12px; }
.blue-section label { font-weight: bold; }
.blue-section .time-input { padding: 6px; }
.cntr { text-align: center; }
.reco-part-status { margin: 0 10px; border: 1px solid #c3c4c7; box-shadow: 0px 0px 3px 0px #c3c4c7; width: 275px; }
.reco-part-status .parts-timing { width: 176px; padding: 7px 10px; display: inline-block; }
.break-reco-opcode { width: 563px; }
.break-reco-opcode input { width: 100%; }

.accordion .group { margin-bottom: 5px; }
.accordion .acc-closed .group-content { display: none; }
.accordion h3 { font-size: 26px; margin: 0; text-align: center; font-weight: normal; padding: 5px; background-color: #585859; color: #FFF; cursor: pointer; position: relative; }
.accordion .acc-h3 { cursor: pointer; position: relative; }
.accordion h3:after, .accordion .acc-h3:after { font-family: dashicons; font-size: 26px; color: #FFF; position: absolute; top: 7px; right: 20px; content: "\f343"; }
.accordion .acc-closed h3:after, .accordion .acc-closed .acc-h3:after{ content: "\f347"; }
.accordion .photo-bucket-header::after { color: #000; top: 3px; right: 16px; }

.tech-reco-section-table li.reco-cause{
  width: 30%;
}

.tech-reco-section-table .li.hours{
  width: 12%;
}

.tech-reco-section-table.mpi-table li.hours input{
  width: calc(100% - 24px);
}

.tech-reco-section-table li.reco-photo,
.tech-reco-section-table li.action{
  width: 3% !important;
  min-width: 42px !important;
  text-align: center;
  border: none !important;
  box-shadow: none !important;
}

.tech-reco-section-table li.action .dashicons-trash{
  bottom: 6px;
}

@keyframes blinking {
    0%{
      /* background-color: #ff3d50; */
      background-color: #8bbf41;
    }
    /* YOU CAN ADD MORE COLORS IN THE KEYFRAMES IF YOU WANT
    50%{
      background-color: #55d66b;
      border: 5px solid #126620;
    }
    */
    100%{
      /* background-color: #222291; */
      background-color: #ebf5c9;
    }
  }
  #service-share-board, .flashing-green{

    /* NAME | TIME | ITERATION */
    animation: blinking 1s infinite;
  }

.acd2 { display: none; }
.acd-open .acd2 { display: block; }

/* View 3 */
.appt-status-default { background-color: #7f9daf; }
.appt-status-here { background-color: #1eae4c; }
.appt-status-test-drive { background-color: #f3db84; }
.appt-status-on-rack { background-color: #104A00; }
.appt-status-dispatched {background-color: #607c4c;}
.appt-status-on-alignment-rack {background-color: #790092;}

.hover { background-color: #7f9daf; }
.appt-status-here. { background-color: #1eae4c; }
.appt-status-test-drive { background-color: #f3db84; }
.appt-status-on-rack { background-color: #104A00; }
.appt-status-dispatched {background-color: #607c4c;}
.appt-status-on-alignment-rack {background-color: #790092;}

@keyframes rackflash {
	0%{
		background: rgba(16, 74, 0, .4)
	}
	50%{
		background: rgba(16, 74, 0, .8)
	}
	100%{
		background-color: #104A00;
	}
}
.appt-status-mpi-pending { background-color: yellowgreen; }
.appt-status-mpi-approved { background-color: green; }
.appt-status-mpi-closed { background-color: #104A00; }
.appt-status-need-more-time { background-color: #8e6809; }
.appt-status-need-assistance { background-color: #b42025; }
.appt-status-car-wash { background-color: #007684; }
.appt-status-done { background-color: rgba(156, 0, 151, 0.40); }
.appt-status-gone { background-color: rgba(30, 174, 76, 0.20); }
.appt-status-no-show { background-color: rgba(51, 51, 51, 0.20); }
.appt-status-on-hold { background-color: rgba(255, 0, 0, 0.20); }
.appt-status-done .ellipsis { opacity: 0.40; }
.appt-status-gone .ellipsis, .appt-status-no-show .ellipsis, .appt-status-on-hold .ellipsis { opacity: 0.20; }
.store-board .no-show .appt-item.appt-status-no-show::after { background-color: rgba(253, 212, 5, 0.20); }

table.dms-parts-table tr td {
  border: 1px solid #ccc;
  padding: 5px 10px;
}

table.dms-parts-table tr:last-child td{
  border:none;
  text-align:right;
}

table.dms-parts-table input[type="text"], 
table.dms-parts-table select {
  width: 100%;
  border: none;
  box-shadow: none;
}

@keyframes statusFlash {
	0%{
		opacity: 0.50;
	}
	50%{
		opacity: 0.75;
	}
	100%{
		opacity: 1;
	}
}
.status-flash, .appt-status-on-rack-extend { animation: statusFlash 4s infinite; }

/* View 5 */
.appt-created-agent { background-color: #7f9daf; }
.appt-created-public { background-color: #007684; }
.appt-created-advisor { background-color: #00ff00; }
.appt-dms-import{ background-color:#845100; }

#menuToggle { display: block; cursor: pointer; -webkit-user-select: none; user-select: none; width: 40px; height: 32px; padding: 5px 0 0 5px; }
#menuToggle a { text-decoration: none; color: #232323; transition: color 0.3s ease;}
#menuToggle a:hover { color: tomato;}
#menuToggle input { display: block; float:left; opacity: 0; /* hide this */ -webkit-touch-callout: none;}
#menuToggle span { display: block; width: 33px; height: 4px; margin-bottom: 5px; position: relative; background: #cdcdcd; border-radius: 3px; z-index: 1; transform-origin: 4px 0px; transition: transform 0.5s cubic-bezier(1.77, 0.5, 0.5, 2), background 0.5s cubic-bezier(1.77, 0.5, 0.5, 2), opacity 0.55s ease;}
#menuToggle span:first-child { transform-origin: 0% 0%;}
#menuToggle span:nth-last-child(2) { transform-origin: 0% 100%;}
#menuToggle input:checked ~ span { opacity: 1; transform: rotate(45deg) translate(-2px, -1px); background: #232323; margin: 5px 0 0 5px;}
#menuToggle input:checked ~ span:nth-last-child(3) { opacity: 0; transform: rotate(0deg) scale(0.2, 0.2);}
#menuToggle input:checked ~ span:nth-last-child(2) { transform: rotate(-45deg) translate(0, -1px);}
#menu { position: absolute; width: 350px; padding: 15px 25px; z-index:99; background: #fff; list-style-type: none; -webkit-font-smoothing: antialiased; transform-origin: 0% 0%; transform: translate(-200%, 0); transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1); margin:5px -5px; box-shadow: 0px 0px 3px;}
#menu li { padding: 10px 0; font-size: 22px;}
#menuToggle input:checked ~ ul { transform: none;}
#menu li ul { display: none; width: 600px; background-color: #FFF; margin: 0; position: absolute; top: 260px; left: 401px; padding: 15px 25px; z-index:99; box-shadow: 0px 0px 3px;}
#menu li:hover ul { display: block; }
#menu li ul li { float: left; width: 200px; height: 70px; text-align: center; font-weight: normal; font-size: 17px; }
#menu li ul li span { background: none; display: block; width: 100%; margin-top: 10px; font-weight: bold; }


.special-notice-wrap > div{ background-color: #c26627; text-align: center; color: #FFF; text-transform: uppercase; padding: 5px; font-size: 15px; margin: auto; margin-bottom: 5px; border: 1px solid #eee; font-weight: 800; }
.special-notice-msg.active{ background-color: #61b657; box-shadow: inset 0 0 5px #004d11;}
.appt-sub-status{cursor:pointer; text-decoration:underline;}

.appt-confirm-dwrap { border: 1px solid #CCC; padding: 10px; background: #EEE; border-radius: 2px; }
.appt-confirm.disabled { pointer-events: none; opacity: 0.4; }
/** Styles from store-board.php*/
.appt-sub-status-dialog-wrapper { display:none;}
.appt-sub-status-dialog-wrapper.dialog-this{display:block;position:relative;}
.copy-opcodes, .copy-trade-message{cursor:pointer;}
.copy-opcodes,.board-table-view{position:relative;}
tr.highlighted{	background-color:#add2ff !important;}
.board-table-view .copy-notice{	position:absolute;width:60%;margin:auto;background-color:#4a4a4ae6;top: 50%;left:0;right:0;}
.board-table-view .copy-notice > div{padding:50px;color:#FFF;font-weight:bold;text-align:center;}
tr.upgrade_opportunity{background-color:#add2ff;}

.btn-confirm { background-color: #58585a; box-sizing: border-box; float: left; width: calc(100% - 4px); margin: 2px; }
.btn-confirm.red { background-color: #a6302d; }
.btn-confirm.confirm a { width: calc(50% - 4px);  }
.btn-confirm.confirm a:hover { background-color: rgba(); }
.btn-confirm .confirmation { display: none; }
.btn-confirm.confirm .confirmation { display: block; background-color: #FFF; color: #444; border-radius: 5px; }

.appt-status-on-alignment-rack.confirmed {background-color: #790092 !important;}
.appt-status-test-drive.confirmed {background-color: #f3db84 !important;}
.appt-status-car-wash.confirmed {background-color: #007684 !important;}
.appt-status-on-rack.confirmed {background-color: #104a00 !important;}



#qualification-logs { padding: 10px; text-align: center; }
#qualification-logs::before { font-family: dashicons; content: "\f347"; }
#qualification-logs.open::before {content: "\f343";}
#qualification-logs pre { display: none; text-align: left; font-size: 11px; }
#qualification-logs.open pre { display: block; }

.garage-logo{width:100%; height:80px;margin:auto; background-size:contain; background-position:center; background-repeat: no-repeat;}
.dashicons.edit-pencil { border: 1px solid #bfc0c3; border-radius: 10px; background: #e6e7e8; color: #818285; font-size: 13px; width: 13px; height: 13px; padding: 1px;}
.greeter-appt-detail { background: #FFF; font-size: 14px; }
#greeter-ro-create-header { display: flex; flex-direction: row; }
#greeter-ro-create-header .garage-logo-container { width: 100px; overflow: hidden; }
.greeter-appt-detail .two-col { width: 50%; padding: 0 5px; box-sizing: border-box; }
.greeter-appt-detail .appt-notes { min-height: 200px; padding: 20px 10px; box-shadow: inset 0px 15px 8px -5px #CCC, inset 0px -15px 8px -5px #CCC;}
.greeter-appt-detail .tbl { display: table; width: 100%; }
.greeter-appt-detail .tbl ul { display: table-row; }
.greeter-appt-detail .tbl ul:nth-child(odd) {background-color: #e8edee;}
.greeter-appt-detail .tbl ul li { display: table-cell; padding: 2px 5px; }
.greeter-appt-detail .tbl ul li.border-right { width: 60px; border-right: 1px solid #444; }

#greeter-ro-create-header .transport-time {
    display: flex;
    flex-direction: column;
}

@media only screen and (max-width: 1080px){
  #greeter-ro-create-header { flex-direction: column; }
}

#greeter-ro-create-header .customer-details-wrapper{
  display: flex;
  flex-direction: row;
}

#greeter-ro-create-header .vehicle-details > div > div { flex: 1; }

.email_preferred, .phone_preferred, .add_preferred {position: absolute; margin: 8px;}
.transport-time .transport { padding: 3px 5px; color: #FFF; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#gdetail-change-transport, #unified-change-transport{ border: 1px solid #005500; border-radius: 2px; position: absolute; top: 72px; width: 100%; box-sizing: border-box; z-index: 1000000000;}
.gdetail-garage { padding: 0 10px; }
.gsearch-cust input[type="text"]{ width: calc(100% - 250px); }
.gsearch-cust .add-customer-btn { float: right; width: 100px; }
.change-back { float: left; cursor: pointer; width: 40px; margin-top: 6px; font-size: 23px; }
.upgrade-btn { font-size: 14px; padding: 5px 10px; background-color: #aededb; border: 1px solid #FFF; box-shadow: 0px 0px 3px 0px #514F4F; border-radius: 3px; }
.grey-btn, .gold-btn { font-size: 12px; padding: 5px 10px; display: inline-block; text-align: center; box-sizing: border-box; border: 1px solid #FFF; box-shadow: 0px 0px 3px 0px #514F4F; border-radius: 3px; }
.grey-btn { background-color: #cccac8; }
.gold-btn { background-color: #eda520; }
.check-in-btn { font-size: 14px; padding: 10px; }
.w49 { width: 49%; }
.vehicle-box { padding: 10px; border: 1px solid #ccc; box-shadow: 0px 0px 3px 1px #ccc; border-radius: 3px; }
.opcode-box { font-size: 13px; padding: 5px; border: 1px solid #ccc; box-shadow: 0px 0px 3px 1px #ccc; border-radius: 3px; }
.vehicle-photos-con { min-height: 101px; margin: 10px 0; padding: 5px; border: 1px solid #ccc; box-shadow: 0px 0px 3px 1px #ccc; border-radius: 3px; background: url(../images/vehicle-photos.png) no-repeat; }
.v-btns { padding: 10px 0 50px; }
.v-btn { min-width: 50px; color: #818285; text-decoration: none; display: inline-block; text-align: center; padding: 5px; border: 1px solid #ccc; box-shadow: 0px 0px 3px 1px #ccc; border-radius: 5px; }
.v-btn i { display: block; font-size: 10px; }
.greeter-appt-fields .step-box:nth-child(odd), .greeter-appt-fields .step-lbl2:nth-child(odd) { margin-right: 7px; }
.step-lbl2 { width: 49%; }
.step-box { margin-bottom: 7px; border: 1px solid #d6d6d6; border-radius: 3px; box-shadow: 0px 0px 1px 1px #e4e5e5; padding: 2px; background: #fff; box-sizing: border-box; width: 49%;}
.step-box label, .step-lbl { background: #7e1416; border: 1px solid #421012; border-radius: 3px; display: inline-block; padding: 0 5px; text-transform: uppercase; font-size: 12px; color: #FFF; }
.step-box input[type="text"],#ro-summary-wrapper .step-box input[type="number"] { padding: 0; border: none; box-shadow: none; width: 120px; box-sizing: border-box; text-align: center; }
.step-box select { padding: 0; border: none; box-shadow: none; width: 100%; height: 25px; }
.step-box select option.negative { background-color: #800080; color: #FFF; }
#ro-summary-wrapper .labor-lookup-wrapper > .labor-lookup { display: none; }
/*#ro-summary-wrapper .labor-lookup { position: absolute; margin-top: 5px; margin-left: 2px; display: none; }*/
.mpi-data .labor-lookup, .mpi-data .approve-total, .mpi-data .not-approve-total { float: left; }
#last-know-tag { background: #cccac8; font-size: 10px; text-align: center; display: block; line-height: 25px; }
.notifications ul li.red { background: #d42027; }
#item-cc-overlay { background: #000; opacity: 0.7; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 100050; }
#item-cc-popup { max-height: 95%; height: 95%; width: 90%; overflow-y: auto; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 2px; box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 ); background: #FFF; font-size: 13px; padding: 10px; z-index: 100050; }
#item-cc-popup ul { margin: 0; }
#item-cc-popup .item-popup-left { width: 50%; min-width: 840px; }
#item-cc-popup .item-popup-right { width: 48%; position: absolute; right: 0; bottom: 0; top: 32px; }
@media only screen and (max-width: 1800px) {
    #item-cc-popup .item-popup-right { width: calc(100% - 870px); }
}
@media only screen and (max-width: 1100px) {
    #item-cc-popup .item-popup-right { display: none; }
}
#manager-override {position: absolute; right: 13px; font-size: 12px; cursor: pointer; }
.manager-dialog .ui-dialog-title { font-size: 18px; }
.quick-select, .pos-options li { color: #5a6390; cursor: pointer; text-decoration: underline; }
.quick-select-options.with-locations .quick-item-categories { float: left; width: calc(100% - 250px); }
.quick-select-options .pos-options{ width: 235px; float: right; }
#item-cc-popup .quick-item-categories { max-height: 200px; overflow-y: auto; }
#item-cc-popup .quick-item-categories ul { margin: 0 0 0 20px; }
.suggested-opcodes-box { margin-top: 20px; }
.ui-menu.item-category-ui .ui-menu-item { font-weight: normal; padding: 0 5px; }
.ui-autocomplete-category { font-weight: bold; padding: 5px 5px 0 5px; }
.part-status i, .part-status span { font-size: 20px; color: #cccece; margin: 0 5px; }
.part-status i.pause:hover, .part-status i.pause.on, .part-status span.pause.on { color: #d91f27; }
.part-status i.point-up:hover, .part-status i.point-up.on, .part-status span.point-up.on { color: #366a3d; }
.part-status i.truck:hover, .part-status i.truck.on, .part-status span.truck.on { color: #daad5c; }
.tech-status { border: 1px solid #c3c4c7; border-radius: 15px; padding: 2px; height: 25px; width: 72px; box-sizing: border-box; }
.tech-status div, .tech-status span { display: inline-block; border-radius: 15px; width: 19px; height: 19px; }
.tech-status div.tech-status-0:hover, .tech-status div.tech-status-0.on, .tech-status span.tech-status-0.on { background: #c3c4c7; }
.tech-status div.tech-status-1:hover, .tech-status div.tech-status-1.on, .tech-status span.tech-status-1.on { background: #daad5c; }
.tech-status div.tech-status-2:hover, .tech-status div.tech-status-2.on, .tech-status span.tech-status-2.on { background: #366a3d; }
#suggested-opcodes .clear-both { padding-top: 10px; border-bottom: 1px dashed #444; margin-bottom: 14px; }
#suggested-opcodes li { float: left; width: calc(100% / 4 - 27px); margin: 0 5px 5px 0; font-size: 11px; text-align: center; height: 85px; padding: 10px; background: #f6f5f6; border: 1px solid #bebdbe; box-shadow: inset 0 1px 2px rgba(0,0,0,.07); border-radius: 3px; }
#suggested-opcodes li.picked { background-color: #77bc79; color: #FFF; }
#suggested-opcodes li i { font-size: 50px; }
#add-opcode-popup { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 2px; box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 ); background: #FFF; font-size: 13px; padding: 10px; z-index: 999999; }
.add-opcode-search { width: 300px; }
.opcode-search-ui.ui-autocomplete { max-height: 300px; overflow-y: auto; overflow-x: hidden;}
.customer-states-row .error-required { border-color: #f00; }
.board-walk-in .customer-search { position: relative; background: none; border: 0; box-shadow: 0px 0px; width: 100%; padding: 0px; margin: 0; box-sizing: border-box;}
.board-walk-in .customer-search button { float: none; }
.board-walk-in .customer-search button.add-customer-btn { width: 110px; }
.board-walk-in.schedule-service .profile { position: relative; padding-bottom: 10px; min-height: auto;}
.schedule-service .lbl-radio-apt-time .force-slot input[type=radio] + span { background: #fffa90; border-color: #dad55e;}
.get-customer-info { color: inherit; text-decoration: none; }
.get-customer-info::after { content: "\e03e"; font-family: wp-svg-plugin-icon-set1; margin: 0 2px; }
#customer-profile-popup { position: fixed; border-radius: 2px; box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 ); background: #FFF; font-size: 13px; padding: 10px; z-index: 999998; }
#mpi-opcode-update-warning { position: fixed; border-radius: 2px; box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 ); background: #FFF; font-size: 13px; padding: 10px; z-index: 999998; }
#mpi-opcode-update-warning .mpi-opcode-update-type-selection{text-decoration: underline; text-transform: uppercase; color: #0c9444; font-weight: 700;}
#mpi-opcode-update-warning .mpi-opcode-update-type-selection.cancel{color: #bf1e2d; display: inline-block; padding-top: 10px;}
#labor-lookup-rs .dashicons-plus-alt { color: #0c9444; }
#labor-lookup-rs .dashicons-dismiss { color: #bf1e2d; }
#labor-lookup-rs .select-time { padding: 5px 8px 2px 5px; float: right; }
#labor-lookup-rs .lookup-dismiss { float: right; color: #444; }
.item-popup .lookup-dismiss { display: none; }
.item-popup #labor-lookup-rs .dv-tbl { height: 100%; overflow-y: auto; }
.motor-vehicle-data { margin-bottom: 10px; }
.motor-vehicle-data .fleft { margin-right: 5px; }
.motor-data { display: none; }
.ccc-vehicle-info input { display: inline !important; width: 250px; padding: 10px; }
.error-field { border-color: #F00 !important; }
.note-con.chat-note .note {
  background-color: #add2ff;
  padding: 12px 10px;
  border-radius: 5px 5px 0 0;
  box-shadow: none;
  color: #000;
}
.appt-notes .rh .note-con.chat-note .note:after {border-left-color: #add2ff;}
.note-con.chat-note .by {
  background: #e2e2e2;
  border-radius: 0 0 5px 5px;
  margin-top: 0px;
}
.jiggle { -webkit-animation: jiggle 0.2s infinite; -moz-animation-duration: 0.2s; -moz-animation-name: jiggle; -moz-animation-iteration-count: infinite; -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg);}
@-moz-keyframes jiggle {
    0% {
        -moz-transform: rotate(-1deg);
    }
    50% {
        -moz-transform: rotate(1deg);
    }
}
@-webkit-keyframes jiggle {
    0% {
        -webkit-transform: rotate(-1deg);
        }
    50% {
        -webkit-transform: rotate(1deg);
    }
}

.tooltip { position: relative; display: inline-block; border-bottom: 1px dotted black;}
.tooltip i {vertical-align:super;}
.btn i {padding: 0px 0px 0px 3px;}
.tech-screen .apt-action-btns .btn {padding:5px 0 !important; width:100%;}
.tooltip .tooltiptext { visibility: hidden; background-color: black; color: #fff; text-align: center; border-radius: 6px; padding: 5px 2px; position: absolute; z-index: 1; bottom: 100%; left: 50%; margin-left: -60px; font-size:12px; line-height:15px; /* Fade in tooltip - takes 1 second to go from 0% to 100% opac: */ opacity: 0; transition: opacity 0.5s; }
.tooltip:hover .tooltiptext { visibility: visible; opacity: 1;}

/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}
.actionmenu{width:360px;margin:60px auto 0;cursor:pointer; position:absolute; z-index:99999; right:0; margin:0px 0px;}
.actiontitle{width:100%;box-sizing:border-box;background:#fff;padding:14px;border-radius:4px;position:relative;box-shadow: 0 0 7px -5px #000;/* color: #505050; */ border: 1px solid #d5d5d5}
.actionmenu span{float:right;font-size:18px!important}
.actiondropdown{width:100%;background:#fff;border-radius:4px;color:#505050;margin-top:23px;max-height:0;overflow:hidden;transition:all .5s}
.actiondown{max-height:150px}
.actionarrow{border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #fff;position:absolute;right:20px;bottom:-24px;display:none}
.actionarrow.actiongone{display:block}
.action p{padding:15px 14px;margin:0;transition:all .1s}
.action p:hover{background:coral;-webkit-transform:scale(1.05);color:rgba(255,255,255,0.8);box-shadow:0 0 30px -10px #000}
.actionmenu .actions-col {box-shadow: 0px 0px 4px 2px #00000057;}

.mpi .rs-wp-svg-custom-22, .mpi .rs-wp-svg-custom-25, .mpi .rs-wp-svg-custom-13 { font-size: 30px; color: #FFF; float: left; margin-right: 5px; }
.mpi .rs-wp-svg-custom-22 + span, .mpi .rs-wp-svg-custom-25 + span, .mpi .rs-wp-svg-custom-13 + span { float: left; line-height: 30px; }
.mpi .rs-wp-svg-custom-13 { margin-left: 20px; }
.tech-drum-btn input[type="checkbox"] { display: none; }
.tech-drum-btn input[type="checkbox"]:checked + i, .tech-drum-btn input[type="checkbox"]:checked + i + span { color: #d22026 }

.store-opcodes-transport-alpha { float: left; width: 45%; }
.repair-order-summary { float: right; width: 54%; height: 500px; box-sizing: border-box; padding: 10px;}
.black-heading { background-color: #000; color: #FFF; font-weight: bold; font-size: 14px; padding: 5px; }

/* Add Customer Block */
.rs-container-slider:has(.add-customer) { display: flex; flex-direction: column; }
.add-customer { display: flex; flex-direction: row; }
.add-customer-con { flex: 0.15; background-color: #b5b5b5; }

@media only screen and (max-device-width: 1080px){
  .add-customer-con { flex: 0.25; }
}

.add-customer-con h3, .customer-matches-con h3, .vehicle-matches-con h3 { background-color: #56565b; color: #FFF; margin: 0; padding: 5px 10px; }

.add-customer-con form { padding: 10px; }
.add-customer-con .button { width: 100%; }

.customer-matches-wrap { margin: 15px; display: flex; flex-direction: column; flex: 1; }
.vehicle-matches-con { margin: 15px; flex: 0.25; }
.vehicle-matches { padding: 10px; min-height: 180px; }
.vehicle-match { position: relative; }
.customer-matches-con { flex: 1; }
.customer-matches-con, .vehicle-matches-con { background-color: #f3f1f1; }
.customer-matches { padding: 10px; min-height: 180px; }
.customer-matches a, .vehicle-matches a { color: #444; text-decoration: none; }
/* End Add Customer Block */

@media only screen and (max-device-width: 768px) {
	/*.customer-matches-con { width: 750px; }*/
}
@media only screen and (max-device-width: 1080px) {
	/*.customer-matches-con { width: 1000px; }*/
	.uf-weekly-schedule { width: 100%; margin: 0; float: none; }
}

.add-ro-line, .add-mpi-line { text-decoration: none; text-decoration: none; color: #444; font-size: 13px; vertical-align: top; line-height: 20px; }
.add-ro-line { display: inline-block; margin-top: 10px; margin-right: 10px; }
.add-mpi-line { margin-left: 5px; }
.add-ro-line span, .add-mpi-line span {  color: #0c9444; }

.custom-select { position: relative; font-size: 13px; }
.custom-select::before { font-family: dashicons; font-size: 13px; content: "\f347"; position: absolute; top: 0; right: 2px; }
.custom-select span { padding: 0 3px; position: absolute; }
.custom-select ul { margin: 0; width: 100%; box-sizing: border-box; display: none; position: absolute; top: 24px; left: 0; border: 1px solid #555; border-radius: 4px; background: #FFF; }
.custom-select ul li { padding: 0 3px; }
.custom-select ul li:hover { background: #555; color: #FFF; }
.custom-select.on ul { display: block; }
.custom-select i { float: right; }
.custom-select select { visibility: hidden; }
.serviceline-status {background-color: green; color: #FFF; padding: 10px;}

.recon-wrap { width: 98%; margin: auto; font-size: 14px; }
.recon-wrap textarea { font-size: 14px; background: #eaeaeb; resize: none; outline: none; }
.recon-wrap .header { padding: 10px 0; font-size: 13px; }
.recon-wrap .header .fright { text-align: right; }
.recon-wrap .profile-photo { width: 50px; height: 50px; border-radius: 25px; overflow: hidden; margin-left: 5px; }
.recon-wrap .profile-photo img { max-width: 100%; }
.recon-logo { background: url(../images/recon.png) no-repeat center center; width: 180px; height: 44px; display: inline-block; }
.recon-sidebar { float: left; width: 28%; }
.recon-main { float: right; width: 70%;}
.recon-wrap .box-rec { padding: 10px; margin-bottom: 10px; font-size: 14px; background: #eaeaeb; border: 1px solid #dadada; box-shadow: 0px 0px 3px 1px #e3e3e3; box-sizing: border-box; line-height: normal; text-align: center; }
.recon-sidebar .box { width: 95px; margin: 0 10px 10px 0; font-size: 30px; padding: 5px 0; }
.recon-sidebar .store-tags { border: 1px solid #eaeae9; color: #929292; font-size: 14px; }
.recon-sidebar .store-tags li { padding: 10px; }
.recon-sidebar .store-tags li span { display: inline-block; width: 75px; text-align: center; }
.recon-sidebar .store-tags li span.green { color: #468a01; }
.recon-sidebar .store-tags li span.yellow { color: #fdd57f; }
.recon-sidebar .store-tags li span.red { color: #ff2303; }
.recon-sidebar .store-tags .tag-filter { cursor: pointer; }
.recon-wrap .box { background: #eaeaeb; border: 1px solid #dadada; box-shadow: 0px 0px 3px 1px #e3e3e3; box-sizing: border-box; line-height: normal; float: left; text-align: center; }
.recon-wrap .box.active { background: #ffffff; box-shadow: 0px 0px 3px 1px #f2e2d5; }
.recon-wrap .box span { display: block; }
.recon-main .box { width: 116px; margin-right: 10px; font-size: 60px; padding: 15px; }
.recon-main-boxes .box:last-child { margin-right: 0; }
.recon-main .box span { font-size: 14px; }
.recon-main .box-right { cursor: pointer; width: 116px; height: 121px; line-height: 40px; font-size: 22px; margin-right: 10px; padding: 15px; background: #eaeaeb; border: 1px solid #dadada; box-shadow: 0px 0px 3px 1px #e3e3e3; box-sizing: border-box; float: right; text-align: center}
.recon-sidebar .box span { font-size: 10px; }
.recon-sidebar .box:nth-last-child(3){ margin-right: 0; }
.vehicle-heading { border-bottom: 1px solid #0a0a0a; box-shadow: 0px 1px 0px 0px #bababa; margin-bottom: 10px; }
.vehicle-heading .name { font-size: 20px; }
.recon-vehicle-tags { margin-bottom: 5px; }
.recon-vehicle-tags label { padding: 5px; font-size: 12px; background: #116393; color: #FFF; }
.recon-vehicle-tags label .dashicons-no-alt { background: #FFF; color: #000; vertical-align: middle; border-radius: 10px; font-size: 11px; height: 11px; width: 11px;padding: 2px;margin-left: 10px;margin-top: -3px; }
.recon-vehicle-tags .dashicons-plus-alt2 { background: #cac9bc; font-size: 11px; height: 11px; width: 11px;padding: 2px;border-radius: 10px; vertical-align: middle; margin-left: 3px; }
.recon-vehicle-tags .tag-recon { background: #17606d; }
.tag-recon::before { font-family: wp-svg-plugin-icon-set1; content: "\e038"; margin-right: 5px; font-size: 16px; vertical-align: top; }
.recon-vehicle-tags .tag-sold { background: #a50001; }
.tag-sold::before { font-family: 'sockettime'; content: "\e99c"; margin-right: 5px; font-size: 21px; vertical-align: top; }
.recon-vehicle-tags .tag-days { background: #116393; }
.rating-num { line-height: normal; font-size: 50px; font-weight: bold; color: #20872b; text-align: center; }
.rating-lbl { font-size: 25px; text-align: center; margin-left: 10px; padding-top: 10px; }
.rating-lbl span { display: block; font-size: 18px; }
#quick-add-step-one-popup .recon-list, #quick-add-step-one-popup #appt-info { max-height: 400px; overflow-y: auto; }
#quick-add-step-one-popup .recon-list { margin: 10px -10px; }
#quick-add-step-one-popup #appt-info { margin: 0 0 10px 10px; }
.red-bar, .orange-bar, .gray-bar {color: #FFF; text-align: center; font-weight: bold; padding: 5px;}
.red-bar { background-color: #a10101; }
.orange-bar { background-color: #d37500; }
.gray-bar { background-color: #808080; }
.recon-item { font-size: 11px; position: relative; }
.recon-move-arrow { background-color: #686768; color: #FFF; min-height: 60px; }
.recon-move-arrow span { margin-left: 1px; font-size: 25px; }
.recon-move-arrow div { margin-top: 4px; font-size: 11px; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); }

.tb-close-confirmation, .tb-ro-service-line-confirmation, .tb-mpi-opcode-change-confirmation { display: none; position: fixed; z-index: 999999; top: 0; width: 100%; height: 100%; text-align: center; background-color: rgba(0,0,0,.7); }
.tb-close-confirmation .confirm-content, .tb-ro-service-line-confirmation .confirm-content, .tb-mpi-opcode-change-confirmation .confirm-content { position: absolute; top: 50%; left: 50%; width: 400px; margin-left: -200px; }
.tb-mpi-opcode-change-confirmation .confirm-content{top: 40%;}
.tb-close-confirmation .confirm-content div, .tb-ro-service-line-confirmation .confirm-content div, .tb-mpi-opcode-change-confirmation .confirm-content div { color: #FFF; font-size: 20px; padding: 10px 0; }
.tb-close-confirmation .confirm-content button, .tb-ro-service-line-confirmation .confirm-content button, .tb-mpi-opcode-change-confirmation .confirm-content button { width: 180px; }
button.button.mpi-opcode-update-type-selection.button-primary, button.button.mpi-opcode-update-type-selection.cancel-tb-close{width: 295px;margin-bottom: 10px;display: inline-block; cursor:pointer;}
.tb-ro-service-line-confirmation .message .line-error-message{line-height:normal; text-align: left;}
.tb-ro-service-line-confirmation .confirm-content div.message{max-height: 300px; overflow: auto;}

.loading-ro-writing{color:green;}

#ub-check-in { display: none; }
.check-in-form-w-ro { width: 450px; }
.greeter-appt-detail .check-in-form-w-ro .two-col, .gdetail-ro #unified-schedule-form { width: 100%; }
.gdetail-ro #unified-form-wrapper { padding-top: 0; }
.check-in-form-w-ro .check-in-form-col2, .gdetail-ro #uf-opcode-select { display: none; }
.gdetail-ro #ub-check-in { display: block; }

.mpi { background-color: #000; }
.mpi .two-col { width: calc(50% - 3px); }
.mpi-section .heading { color: #FFF; padding: 5px; }
.mpi-section .items { background-color: #FFF; padding: 5px; }
.mpi-section .items ul { margin: 0; }
.mpi-section .items ul li { line-height: 25px; }
.mpi-section .items ul li.section-items-heading { font-weight: bold; text-align: center; margin: -5px -5px 0px -5px; }
.mpi-section .items ul li.mpi-item-adv { display: none; }
.mpi-advanced-view .mpi-section .items ul li.mpi-item-adv { display: block; }
.mpi-section.hor .items ul li { display: inline-block; text-align: center; vertical-align: top; }
.mpi-section .other-items li.other-item-li { padding-top: 5px; }
.mpi-section .other-items input { padding: 5px; width: 57%; border-radius: 5px;}
.mpi-section .other-items input.other-item-part { width: 57%; margin-bottom: 3px; }
.mpi-section .other-items input.other-item-cause { width: 39%; }
.mpi-section .other-items input.other-item-note { width: 39%; }
.mpi-section .dashicons-plus-alt {margin-top: 4px; cursor: pointer;  color: #0c9444; }
.mpi-section .dashicons-dismiss {margin-top: 4px; cursor: pointer;  color: #bf1e2d; }
.mpi-action-btns .show-advanced { float: left; }
.mpi-action-btns .cancel { float: right; }
.mpi-action-btns .btn-con { float: right; margin-top: 0; margin-right: 5px; width: 160px;}
.mpi-action-btns .save-progress { float: right; margin-right: 5px; background-color: #1f416b; border: 1px solid #adaea9; box-shadow: 0px 0px 0px 1px #CCC; }
.mpi-section div.btn-con { line-height: 36px; padding: 0 10px; position: relative; }
.mpi-section div.btn-con .confirm-btn { margin-left: 10px; position: absolute; top: 0; right: 0; }
.mpi-section button, .mpi-section div.btn-con { background-color: #52aa58; border: 1px solid #55a359; box-shadow: 0px 0px 0px 1px #8ec591; }
.mpi-section button, .mpi-section div.btn-con span { font-weight: bold; color: #FFF; }
.mpi-section button.cancel { background-color: #58585a; border: 1px solid #58585a; box-shadow: 0px 0px 0px 1px #CCC; }
.mpi-section button.show-advanced { background-color: #adaea9; border: 1px solid #adaea9; box-shadow: 0px 0px 0px 1px #CCC; }
.submit-timer { float: right; color: #52aa58 !important; background: #FFF; border-radius: 10px; height: 20px; width: 20px;line-height: 20px;text-align: center;margin-top: 9px; }
.one-col-span span { width: 100%; display: inline-block; }
.two-col-span span { width: 50%; display: inline-block; }
.three-col-span span { width: calc(100% / 3); display: inline-block; }
.four-col-span span { width: calc(100% / 4); display: inline-block; }
.five-col-span span { width: calc(100% / 5); display: inline-block; }
.section-items-heading span.green { background-color: #75bb5d; }
.section-items-heading span.yellow { background-color: #f6eda0; }
.section-items-heading span.red { background-color: #de676f; }
.section-items-heading span.grey { background-color: #dedbdd; }
.section-items-heading span.orange { background-color: #f8d45c; }
.section-items-heading span.blue { background-color: #69a4cc; }
.mpi-color-boxes { display: none; position: absolute; top: -38px; left: -8px; background-color: #FFF; border: 1px solid #CCC; border-radius: 2px; padding: 3px 6px 7px 3px; }
.mpi-section .items .wp-svg-camera, .mpi-section .items .wp-svg-images, .mpi-section .items .wp-svg-camera-2 { color: #9d9d9e; font-size: 20px; }
.mpi-section .items .wp-svg-images.tech-item-photos { color: #d22026; }
.mpi-section .items .qtype, .mpi-color-boxes .qtype { position: relative; margin: 3px 3px 3px 2px; width: 20px; height: 20px; display: inline-block; }
.mpi-section .items .qtype input, .mpi-color-boxes .qtype input { visibility: hidden; }
.mpi-section .items .qtype input + span, .mpi-color-boxes .qtype input + span { border: 2px solid #504f50; background-color: #dedbdd; position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; }
.mpi-section .items .qtype input:checked + span, .mpi-color-boxes .qtype input:checked + span { background-color: #9b9a9b; }
.mpi-section .items .qtype input:checked + span::before, .mpi-color-boxes .qtype input:checked + span::before { content: "\f335"; }

.mpi-section .items .qtype.green input + span, .mpi-color-boxes .qtype.green input + span { border: 2px solid #366a3d; background-color: #75bb5d; }
.mpi-section .items .qtype.green input:checked + span, .mpi-color-boxes .qtype.green input:checked + span { background-color: #59975b; }

.mpi-section .items .qtype.yellow input + span, .mpi-color-boxes .qtype.yellow input + span { border: 2px solid #aea56b; background-color: #f6eda0; }
.mpi-section .items .qtype.yellow input:checked + span, .mpi-color-boxes .qtype.yellow input:checked + span { background-color: #cfbd6e; }

.mpi-section .items .qtype.red input + span, .mpi-color-boxes .qtype.red input + span { border: 2px solid #5a2a2b; background-color: #de676f; }
.mpi-section .items .qtype.red input:checked + span, .mpi-color-boxes .qtype.red input:checked + span { background-color: #c33538; }

.mpi-section .items .qtype.orange input + span, .mpi-color-boxes .qtype.orange input + span { border: 2px solid #af8b13; background-color: #f8d45c; }
.mpi-section .items .qtype.orange input:checked + span, .mpi-color-boxes .qtype.orange input:checked + span { background-color: #cca830; }

.mpi-section .items .qtype.blue input + span { border: 2px solid #316C94; background-color: #69a4cc; }
.mpi-section .items .qtype.blue input:checked + span { background-color: #528db5; }
.mpi-section .items .qtype-wrap, .mpi-color-boxes .qtype-wrap, .mpi-section .items .media-wrap { display: inline-block; }

@media only screen and (max-device-width: 768px) {
  .mpi-section .items ul:not(.package-items, .other-items) .qtype-wrap{
    right: 0%;
  }
  .mpi-section .items ul:not(.package-items, .other-items) .media-wrap{
    left: 0%;
  }
  .mpi-section .items ul:not(.package-items, .other-items) .qtype-wrap, .mpi-section .items ul:not(.package-items, .other-items) .media-wrap{
    display: none;
    position: absolute;
    z-index: 9;
  }
  .mpi-section .items ul:not(.package-items, .other-items) .qtype-wrap.active, .mpi-section .items ul:not(.package-items, .other-items) .media-wrap.active{
    display: block;
    white-space: nowrap;
  }
  .mpi-section .items .qtype { width: 40px; height: 40px; }
  .mpi-section .items .wp-svg-camera, .mpi-section .items .wp-svg-images, .mpi-section .items .wp-svg-camera-2 { font-size: 40px; }
  .mpi-section .items .touch-box { width: 45px; height: 45px; position: absolute; border: 3px solid #000; z-index: 9; }
  .mpi-section .items .item-title { font-size: large; }
}

.mpi-section .items .item-title { display: inline-block; vertical-align: middle; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  }
.mpi-section .items .note-input, .mpi-section .items .time-input { border-radius: 5px; padding: 4px; margin-top: 3px; }
.mpi-section .items .note-input { width: calc(100% - 110px); }
.mpi-section .items .time-input { width: 55px; }
.mpi-section .error-required { border: 1px solid #f00; }
@keyframes errorflash {
	0%{
		background: rgba(222, 103, 111, .4)
	}
	50%{
		background: rgba(222, 103, 111, .8)
	}
	100%{
		background-color: #de676f;
	}
}
.mpi-section .error-line { animation: errorflash 2s infinite; }
.mpi-section .package-items li { width: 25%; float: left; }
.mpi-section .package-items textarea { margin: 2px; width: calc(100% - 4px); }
.mpi-section .field-psi { margin: 2px; text-align: left; }
.mpi-section .field-depth, .mpi-section .field-dot, .mpi-section .field-set-to { background-color: #adaea9; margin: 2px; text-align: left; }
.mpi-section .field-depth.green input { border: 3px solid #366a3d; background-color: #75bb5d; }
.mpi-section .field-depth.red input { border: 3px solid #481417; background-color: #d72129; color: #fff; }
.mpi-section .field-depth.yellow input { border: 3px solid #af842d; background-color: #fdd23d; }
.mpi-section .field-psi input, .mpi-section .field-depth input { text-align: center; border: 3px solid #adaea9; padding: 10px 0; }
.mpi-section .field-psi input { width: calc(50% - 2px); max-width: calc(50% - 2px); }
.mpi-section .field-depth input { width: calc(100% - 35px); }
.mpi-section .field-dot input, .mpi-section .field-set-to input { width: 100%; }
.mpi-section .field-psi span, .mpi-section .field-depth span { color: #FFF; }
.mpi .rs-wp-svg-custom-22, .mpi .rs-wp-svg-custom-25, .mpi .rs-wp-svg-custom-33 { font-size: 30px; color: #FFF; float: left; margin-right: 5px; }
.mpi .rs-wp-svg-custom-22 + span, .mpi .rs-wp-svg-custom-25 + span, .mpi .rs-wp-svg-custom-33 + span { float: left; line-height: 30px; }
.field-batt { display: inline-block; }
.cca-reading, .cca-ex-input, .voltage-input, .group-size-input { width: 100px; }
.battery-container { position: relative; display: inline-block; height: 45px; vertical-align: bottom; }
.battery-rating { display: inline-block; width: 200px; }
.battery-rating li { display: inline-block; height: 45px; }
.battery-rating li.red { width: 99%; background-image: linear-gradient(to right, red , yellow); }
.battery-rating li.green { width: 1%; background-image: linear-gradient(to right, yellow , green); }
.battery-shape { position: absolute; top: 0; left: 0; width: 0; height: 0; border-bottom: 40px solid transparent; border-left: 200px solid #FFF;}
.battery-line { position: absolute; height: 45px; top: 0; left: 100%; width: 2px; background-color: #000; }

.ui-datepicker .ui-state-default { border-radius: 0 !important; line-height: 1.3em !important;}
.vehicle-vin-field { padding: 15px 10px; }

.black-bar { background-color: #000; font-size: 14px; text-transform: uppercase; color: #FFF; padding: 8px; }
ul.chat-shared-list {margin:0px !important;}
.chat-shared-list li { float: left; min-width: 270px; max-width: 320px; margin-bottom: 1px; position: relative; }
.chat-shared-list li.red-row { background-color: #f7a8aa; }
.chat-shared-list .time-col, .chat-shared-list .time-col-icon { float: left; width: 60px; height: 60px; line-height: 30px; padding: 5px; color: #fff; font-size: 17px; font-weight: bold; text-align: center; }
.chat-shared-list .time-col { padding: 5px 5px 5px 15px; }
.chat-shared-list .time-col .remove-btn { position: absolute; top: -2px; right: 2px; color: #FFF; text-decoration: none; line-height: normal; display: none; }
.chat-shared-list li:not(.red-row) .time-col .remove-btn { color: #000; }
.can-remove .chat-shared-list .time-col .remove-btn { display: block; }
.chat-shared-list .guest-col { float: left; padding: 5px; font-weight: bold; font-size: 13px; width: 180px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.chat-shared-list .shared-by-col { display: none; }
.chat-shared-list .share-for-col { padding: 0 10px; font-style: italic; width: 180px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.chat-shared-list .share-for-col::before { content: "For "; font-style: italic; }
.grey-time { background-color: #9e9f9f; }
.orange-time { background-color: #f7941e; }
.red-time { background-color: #bf1e2d; }
.chat-shared-list .time-col::before { font-family: dashicons; content: "\f470"; width: 55px; height: 55px; font-size: 55px; font-weight: 400; position: absolute; left: -7px; top: 15px; }
.chat-shared-list .time-col.time-col-mpi::before { content: "\f186"; }
.chat-shared-list.ro-list li { width: auto; }
.chat-shared-list.ro-list .time-col-icon { width: auto; }
.time-col-icon i { float: left; font-size: 55px; }
.time-col-icon span { float: right; }
.share-board-excerpt { font-size: 13px; font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#new-data-msg { text-align: center; padding: 5px; }
#new-data-msg a { color: #444; }
.search-helper { width: calc(100% - 70px); font-size: 17px; box-sizing: border-box; padding: 10px 15px; border: 1px solid #ddd; box-shadow: inset 0 1px 2px rgba(0,0,0,.07); background-color: #fcfcfc; color: #32373c; line-height:30px;}
.search-helper .heading { font-weight: bold; color: #3995c2; text-transform: uppercase; font-size:15px; padding:5px 0px; letter-spacing: 0;}
.search-helper div { line-height: 30px; }
.search-helper label { font-weight: bold; text-transform: uppercase; color: #3d3d3d; font-size: 14px; letter-spacing: normal!important;;}
.search-helper span { color: #8e8e8e; clear:both; display:block; font-size:15px;}

.appt-slides { font-size: 14px; position: relative; height: 175px; overflow: hidden; }
.appt-slides .prev-appt, .appt-slides .next-appt { position: absolute; color: #000; z-index: 2; background: #FFF; width: 27px; height: 27px; line-height: 24px; font-size: 17px; text-align: center; text-decoration: none; border-radius: 14px;}
.appt-slides .prev-appt { right: 47px; bottom: 10px; display: none; }
.appt-slides .next-appt { right: 10px; bottom: 10px; }
.appt-slides .prev-appt:before { content: "\00ab" }
.appt-slides .next-appt:before { content: "\00bb" }
.appt-slider { position: absolute; left: 0; top: 0; }
.appt-slide { float: left; }
.appt-row { background-color: #464d57; color: #fff; padding: 12px; margin-bottom: 10px; }
.appt-status-quote { background-color: #e27500; }
.customer-search .appt-row a { color: #fff; }
.appt-date { float: left; }
.appt-day-num { font-size: 50px; line-height:55px;}
.appt-day-month { font-size: 16px; }
.appt-map { float: left; margin-left: 5px; }
.appt-address { float: left; margin-left:5px; }
.appt-phone { font-size: 25px; }
.phone-icon { color: #464d57; background-color: #fff; padding: 5px; border-radius: 15px; }

.notice-box { border-radius: 2px; box-shadow: 0px 0px 3px #afadad; padding: 10px; margin: 2px; }
.notice-box p { margin-top: 0; font-weight: bold; }
.notice-box-arrow { position: relative; }
.notice-box-arrow:after, .notice-box-arrow:before { border: 8px solid transparent; border-top-color: #ffffff; position: absolute; content: ''; top: 100%; right: calc(100% - 70px);}
.notice-box-arrow:before { border-top-color: #D4D4D4; border-width: 9px; margin-top: 0px; margin-right: -1px;}
.st-logo { background: url(../images/sockettime.png) no-repeat center center; width: 100px; height: 47px; display: inline-block; }
.location-box input { display: none; }
.location-box div.location-box-store { border: 1px solid #bebdbe; background-color: #f6f5f6; padding: 5px; float: left; width: calc(50% - 50px); min-height: 110px; margin: 0 14px 15px; border-radius: 5px; }
.location-box input:checked + div.location-box-store { border-color: #5e9d61; background-color: #d7e4ba; }
.ro-sync-button{display: block;width: 100%;background-color: #58585a;color: #FFF;font-size: 12px;border: none;margin: auto;}
.ro-sync-button:disabled { background: #96969a; }
.lbl-radio.force-transport { opacity: 0.50; }
.mt-10{margin-top:10px;}
.mb-10{margin-bottom:10px;}
.text-white{color:#FFF;}
.text-right{text-align:right;}
.text-center{text-align:center;}
.small-font{font-size: 11px;}
.relative{position:relative;}
.absolute{position:absolute}
body .ui-overlay-a, body .ui-page-theme-a, body .ui-page-theme-a .ui-panel-wrapper{text-shadow: none;}
body.page-template-mobile-appt-view #st-chat-icon2,
body.page-template-mobile-appt-view #header-notifications{display: none;}
.appt-mobile .header,
.appt-mobile .header .wrapper,
.appt-mobile .appointment-schedule-info{background:#000;}
.appt-mobile .header{margin-bottom: 25px;}
.appt-mobile .header .wrapper .flex .flex-row{width: 50%; color:#FFF; font-size:10px; line-height: 1.6; position: relative;}
.appt-mobile h1{padding:0; padding-top: 10px; margin:0; margin-bottom: 20px; color:#FFF; text-transform: none; font-size: 24px;}
.appt-mobile .wrapper{
	padding: 10px;
	background:#FFF;
  max-width: 640px;
  margin:auto;
}

.appt-mobile .wrapper.expired{
	text-align:center;
}

.appt-mobile .appt-section{
    padding: 5px;
    background-color: #FFF;
}

.appt-mobile .store-info-content,
.appt-mobile .store-info-content a button.button {
  font-size: 11px;
}

.appt-mobile .appointment-day{font-size: 25px;}
.appt-mobile .service-info{overflow:hidden;}
.appt-mobile .service-title{font-weight:bold;}

.appt-mobile .store-info-content .dashicons.dashicons-phone{
  -moz-transform:    scaleX(-1); /* Gecko */
  -o-transform:      scaleX(-1); /* Opera */
  -webkit-transform: scaleX(-1); /* Webkit */
  transform:         scaleX(-1); /* Standard */

  filter: FlipH;                 /* IE 6/7/8 */
  font-size: 14px;
    width: 14px;
    height: 14px;
    vertical-align: baseline;
}

.button.button-black, 
a.button.button-black {
  background: #000;
  border-radius: 5px;
  color: #FFF;
  text-transform: none;
  text-decoration: none;
  display: inline-block;
  line-height: 1.2;
  border-color: #555;
}

.appt-mobile img.socket-logo {
  width: 70px;
  display: inline-block;
  vertical-align: middle;
}
.appt-mobile div#jobs{margin-bottom:55px;}
.appt-mobile .store-info-content .phone-number{font-size: 20px;}
.appt-mobile .store-info .map{width: 50%; margin-right: 10px;}
.appt-mobile .lbl-checkbox.shell::before {
  content: "\e99d";
}
.appt-mobile .lbl-checkbox::before {
  font-family: 'sockettime' !important;
  font-size: 20px;
  float: right;
  margin-right: 5px;
  content: "\e99e";
}

body.page-template-mobile-appt-view{background:#bababa;}
.appt-mobile .appointment-schedule-info .flex{justify-content: space-between;}


.rounded-borders{
  border-radius: 5px;
  border:1px solid #f1eded;
}

.appt-mobile .selectize-input .ui-input-text, 
.appt-mobile .selectize-input .ui-input-search{
  border:none;
}

.appt-mobile .edit-service-content .ui-input-text{
  border:none;
  width: 100%;
}

.appt-mobile .edit-service-content .ui-input-text input[type="text"]{
  max-width:98%;
}

.appt-mobile .store-info-content a.ui-link,
.appt-mobile .store-info-content a button.button{
  color:#FFF;
  text-decoration: none;
}

div#select-service-option-button::after {
  content: "\f347";
  font-family: dashicons;
}

span.dashicokns.dashicons-star-empty {
  position: absolute;
  top: 8px;
  left: 8px;
  cursor:pointer;
}

.relative{position:relative;}
input.full.with-preferred-icon{padding-left: 36px;}

#mobile-appt-form .uf-cost-field {width:100%;}

.appt-section .heading {
    text-align: center;
    font-weight: 700;
	margin:10px 0;
}

.appt-mobile .appt-section.save-appointment{
  text-align: center;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  box-shadow: yellowgreen;
  box-shadow: 0px -11px 23px -3px rgba(0,0,0,0.10);
  -webkit-box-shadow: 0px -11px 23px -3px rgba(0,0,0,0.10);
  -moz-box-shadow: 0px -11px 23px -3px rgba(0,0,0,0.10);
  z-index: 100;
}
.appt-mobile .appt-section.save-appointment .button{    
  display: inline-block;
  width: auto;
  font-size: 12px;
  margin: 0 5px;
  padding-left: 20px;
  padding-right: 20px;
}
.appt-mobile .remove-opcode{
    font-size: 11px;
    background: #e44e4e;
    color: #FFF;
    text-transform: uppercase;
    border: none;
    display: inline-block;
    padding: 5px 10px;
    line-height: 1.2;
    margin-left: 10px;
}
.appt-mobile .service-sortable-list .flex{
  justify-content: space-evenly;
  align-items: flex-start;
}
.appt-mobile .action-buttons {
  color: #FFF;
  height: 100%;
  text-transform: uppercase;
  padding: 22px 10px;
  text-align: center;
}

.appt-mobile .action-buttons a.ui-link,
.appt-mobile .service-info .action-buttons a{
  color:#FFF;
  text-decoration: none;
}

.appt-mobile .dot-indicator {
  position: absolute;
  transform: rotate(90deg);
  right: -4px;
  top: 37%;
  color: #686767;
  z-index:10;
}

.appt-mobile .action-buttons.add-job{background: green; border-radius: 0 5px 5px 0;}
.appt-mobile .action-buttons.edit-job{background:#f5c243; border-radius: 5px 0 0 5px;}
.appt-mobile .action-buttons.delete-job{background:red;}
.flex-wrap{flex-wrap:wrap}
.opcode-dropdown-wrapper{width: 22%;}
.toggle_description_wrapper{width: 80px; text-align:center;}
.part-matrix-group-wrapper{width: 100px;}

.appt-mobile .ui-header.ui-bar-inherit {
  background: #000;
  text-shadow: none;
}
.ro-more-parts-wrapper{  text-align:center; }
.parts-qty-wrapper{width: 55px;}
.parts-total-wrapper,
.parts-price-wrapper,
.parts-group-wrapper{width: 75px; position:relative;}
span.dashicons.dashicons-info-outline.ro-more-parts {
  position: absolute;
  right: 4px;
  top: 6px;
}
.align-center{text-align:center;}
.mpi-table ul.tbody li.parts-status > button {
  border-width: 1px 1px 1px 8px;
  border-style: solid;
  border-color: #c3c4c7;
  padding: 30px 0;
  width: 100%;
}
.mpi-table ul.tbody li.parts-status.green > button { border-left-color: #75bb5d; }
.mpi-table ul.tbody li.parts-status.red > button { border-left-color: #d72129; }
.mpi-table ul.tbody li.parts-status.yellow > button { border-left-color: #fdd23d; }

.mpi-table .s-total.cred, .print-price { cursor: pointer; }
.opcodelabel-mob {display: none !important;}
.circle-count { background-color: #FFF; color: #000; border-radius: 15px; min-width: 23px; font-size: 13px; }
.profile-tag-add, .profile-tag-remove { padding: 3px 0 3px 5px; font-size: 14px; background: #dfdcde; border-radius: 5px; cursor: pointer; }
.profile-tag-add span, .profile-tag-remove span { font-size: 15px; color: #0c9444; width: 15px; height: 15px; margin: 8px 3px 0; }
.profile-tag-remove span { color: #bf1e2d; }

.uf-maintenance { float: left; width: calc(100% / 3); }
.uf-maintenance ul { margin: 0; border: 1px solid #CCC; padding: 5px; }
.schedule-table { overflow: auto; }

body.page-template-mobile-appt-view .ui-overlay-a, 
body.page-template-mobile-appt-view .ui-page-theme-a, 
body.page-template-mobile-appt-view .ui-page-theme-a .ui-panel-wrapper{ background:#FFF;}
body.page-template-mobile-appt-view .schedule-table-mobile label{margin-bottom:0 !important;}
.mpi-table ul.tbody li.li-spacer {
  border: none;
  box-shadow: none;
  width: 0px;
  padding: 1px;
}

.tech-reco-section-table {
  display: table;
  border-collapse: separate;
  border-spacing: 2px;
  width: 100%;
  font-size: 13px;
}
.tech-reco-section-table li.highlight {
  background-color: #FDDEDE;
}
.tech-reco-section-table li input[type="text"] {
  border: none;
  box-shadow: none;
  padding: 0 5px;
  width: 100%;
  height: 32px;
}
.tech-reco-section-table li.highlight input {
  background: transparent;
}
.tech-reco-section-table ul {
  display: table-row;
  margin: 0;
}
.tech-reco-section-table li {
  display: table-cell;
  padding: 5px;
}
.tech-reco-section-table li.timing {
  width: 15%;
  padding: 0 5px 0 0;
}
.tech-reco-section-table li.timing input {
  width: calc(100% - 25px);
}
.tech-reco-section-table li.timing .dashicons {
  line-height: 28px;
}
.tech-reco-section-table .dashicons-warning {
  font-size: 12px;
  line-height: 32px;
}
.tech-reco-section-table ul.tbody li {
  border: 1px solid #c3c4c7;
  box-shadow: 0px 0px 3px 0px #c3c4c7;
  border-radius: 2px;
}
.tech-reco-section-table ul.thead li {
  font-weight: bold;
  vertical-align: middle;
}
.tech-reco-section-table li.part_number .dashicons-info-outline {
  position: absolute;
  top: 10px;
  right: 3px;
  font-size: 15px;
  width: 15px;
  height: 15px;
  z-index: 1;
}
.tech-reco-section-table li.parts{width: 10%;}
.tech-reco-section-table li.parts input {
  width: calc(100% - 12px);
}
.tech-reco-section-table .s-total {
  cursor: default;
}
.tech-reco-section-table li.qty {
  width: 4%;
}
.tech-reco-section-table li.part_number {
  width: 9% !important;
  position:relative;
}
.tech-reco-section-table li.part_number .part-number-field{
  width:100%;
}
.tech-reco-section-table .number {
  text-align: right;
}

.tech-reco-section-table .blue-section{
  background:#c5e6ed;
}

.tech-reco-section-table li input.hour-field {
	width: calc(100% - 28px);
}
.tech-reco-section-table li input.total-field {
	width: calc(100% - 40px);
}

.pin-code-form input[type="password"] { width: 50px; height: 50px; }
.field-100{width:100% !important;}
.mpi-table.mpi-table-v2 li.total{min-width: 110px; width: 110px; }
.approved-mpi-line, .approved-mpi-line input[type="text"] { background-color: #28b34b; }
.approved-mpi-line:after { content: "APPROVED"; color: #FFF; position: relative; left: 30px; bottom: 26px; font-weight: bold; }
.locked-overlay { z-index: 1 }
.sms-chat-popup {
 display:none;
 position:fixed;
 border:3px solid #f1f1f1;
 z-index:9;
 padding:0;
 max-width:340px;
 box-shadow:3px 3px 3px 3px rgba(0,0,0,.27);
 background-color:#fff;
 min-width:340px
}
.sms-chat-popup .title {
 background-color:#1f416b;
 color:#fff;
 text-transform:uppercase;
 padding:10px;
 font-weight:800!important;
 font-size:16px!important
}
.closesms {
 position:absolute;
 top:0;
 right:0;
 color:#fff;
}
.smschat-popup {
 min-height:200px;
 background-color:#fff;
 width:100%;
 overflow-x:hidden!important;
 overflow-y:scroll!important;
 max-height:300px
}
.sms-text-popup {
 width:100%;
 background:#f1f1f1;
 resize:none;
 min-height:50px;
 padding:10px;
 margin-bottom:0;
 border:1px solid #000;
 margin-top:25px
}
.sms-text-popup:focus {
 background-color:#ddd;
 outline:none
}
.messagescontainer {
 background-color:#add2ff;
 margin-right:20px;
 box-shadow:-1px 1px 1px #ccc;
 max-width:210px;
 padding-bottom:0;
 padding-left:0;
 padding-right:0;
 font-size:14px;
 color:#000;
 float:right;
 position:relative;
 margin-top:5px
}
.messagescontainer.messagesdarker {
 background-color:#dedede;
 margin-right:20px;
 margin-left:20px;
 box-shadow:1px 1px 1px #dec2c2;
 float:left
}
.messagescontainer.messagesdarker:after {
 font-family:dashicons;
 content:"\f141";
 margin-left:-23px;
 font-size:36px;
 position:absolute;
 top:5px;
 color:#d4d4d4;
 left:0
}
.messagescontainer::after {
 font-family:dashicons;
 content:"\f139";
 font-size:36px;
 position:absolute;
 top:0;
 right:-22px;
 color:#add2ff
}
.messagescontainer span {
 width:100%;
 display:block;
 margin:5px 0 0 0;
 padding-left:3px
}
.messagescontainer .cust-no i {
  font-size: 12px;
}
.messagestime-right {
  float: right;
  color: #000;
  text-align: right;
  border-top: 1px dashed #a9a9a9;
  background-color: #eee;
  border-radius: 2px;
  font-size: 10px;
  padding-left: 0px !important;
  padding-right: 1px;
}
.messagestime-left {
  float: left;
  color: #000;
  text-align: left;
  border-top: 1px dashed #a9a9a9;
  background-color: #eee;
  border-radius: 2px;
  padding: 1px;
  padding-right: 1px;
  font-size: 10px;
}
.w80 {
  width: 90%;
}

.mpi-table li.item {
  width: 100px;
}
.mpi-table.mpi-table-v2 li.labor-type {
  width: 100px !important;
  min-width: 100px;
  max-width: 100px;
}
.mpi-table.mpi-table-v2 li.parts_total,
.mpi-table.mpi-table-v2 li.parts,
.mpi-table.mpi-table-v2 li.hours{width:50px; min-width:50px;}
.mpi-table.mpi-table-v2 li.ltotal{width:50px; min-width: 50px;}
.mpi-table.mpi-table-v2 li.timing{width:5%;padding:5px;min-width:40px;}
.mpi-table.mpi-table-v2.ro-table li.line-title{width:300px;min-width:300px;}
.mpi-table.mpi-table-v2.ro-table li.labor-type{ width: 14.6% !important;}
.mpi-table.mpi-table-v2.ro-table li.parts_total {width:5%; min-width:80px;}
.mpi-table.mpi-table-v2.ro-table li.parts {width:100px; min-width:100px;}
.mpi-table.mpi-table-v2.ro-table li.hours{width:165px; min-width:100px;}
.mpi-table.mpi-table-v2.ro-table li.ltotal{width:195px; min-width: 100px;}
.mpi-table.mpi-table-v2.ro-table li.timing{width:8%;padding:5px;min-width:40px;}
.mpi-table.mpi-table-v2.ro-table li.total{ width: 200px; }

#previous-mpi-wrapper { position: relative; overflow: hidden; }
#previous-mpi-wrapper .review-btn-fade, #previous-mpi-wrapper .review-prior-mpi { display: none; }
#previous-mpi-wrapper.collapsed { height: 150px; }
#previous-mpi-wrapper.collapsed .review-btn-fade, #previous-mpi-wrapper.collapsed .review-prior-mpi { display: block; }
.review-btn-fade { position: absolute; width: 100%; height: 150px; bottom: 0; z-index: 9;background:-moz-linear-gradient(top, rgba(250, 249, 248,0) 0%, rgba(250, 249, 248,1) 99%, rgba(250, 249, 248,1) 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(250, 249, 248,0)), color-stop(99%,rgba(250, 249, 248,1)), color-stop(100%,rgba(250, 249, 248,1))); background:-webkit-linear-gradient(top, rgba(250, 249, 248,0) 0%,rgba(250, 249, 248,1) 99%,rgba(250, 249, 248,1) 100%); background:-o-linear-gradient(top, rgba(250, 249, 248,0) 0%,rgba(250, 249, 248,1) 99%,rgba(250, 249, 248,1) 100%); background:-ms-linear-gradient(top, rgba(250, 249, 248,0) 0%,rgba(250, 249, 248,1) 99%,rgba(250, 249, 248,1) 100%); background:linear-gradient(to bottom, rgba(250, 249, 248,0) 0%,rgba(250, 249, 248,1) 99%,rgba(250, 249, 248,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00F5F4F2', endColorstr='#F5F4F2',GradientType=0 );}
.review-prior-mpi {width: 300px; margin: 117px auto 0px; background-color: rgba(159, 159, 159, 0.86); padding: 5px 0px; color: rgb(255, 255, 255); font-weight: bold; cursor: pointer; text-align: center; }
.add-to-ticket, .add-to-ticket-reco { position: relative; z-index: 1; }
#previous-mpi-wrapper .mpi-table ul li.parts-status { min-width: 102px; }
#previous-mpi-wrapper .mpi-table li.action, #previous-mpi-wrapper .mpi-table li.actions { min-width: 100px; }

.m-group label { cursor: pointer; }
.m-group input[type=checkbox] { display: none; }
.m-group input[type=checkbox] + span, .m-group input[type=checkbox] + span + span { text-decoration: line-through; color: #707070; }
.m-group input[type=checkbox]:checked + span, .m-group input[type=checkbox]:checked + span + span { text-decoration: none; color: #444; }
.ro-create-appt-availability { display: none; width: calc(100% - 530px); margin-right: 20px; }
.ro-create-transpo-types { margin-left: 20px; width: calc(100% - 575px); }
.red-tag { background-color: #ff5c57; color: #FFF; font-size: 11px; font-weight: bold; padding: 5px; border-radius: 3px;}
.yellow-tag { background-color: #f59c1b; color: #FFF; font-size: 11px; font-weight: bold; padding: 5px; border-radius: 3px;}
.grey-tag { background-color: #f1f3f5; color: #73777b; font-size: 11px; font-weight: bold; padding: 5px; border-radius: 3px;}
.show-statuses { margin-left: 10px; }
.status-tags { margin-top: 7px; margin-bottom: 5px; }
@media only screen and (min-device-width: 2000px){
    .parts-total-wrapper, .parts-price-wrapper, .parts-group-wrapper{width: 8%;}
}
.mpi-table.mpi-table-v2 li.ltotal {
  width: 50px;
  min-width: 50px;
}
.mpi-table.mpi-table-v2 li.timing {
  width: 5%;
  padding: 5px;
  min-width: 40px;
}
.mpi-table.mpi-table-v2.ro-table li.line-title {
  width: 300px;
  min-width: 300px;
}
.mpi-table.mpi-table-v2.ro-table li.labor-type {
  width: 14.6% !important;
}
.mpi-table.mpi-table-v2.ro-table li.parts_total {
  width: 5%;
  min-width: 80px;
}
.mpi-table.mpi-table-v2.ro-table li.parts {
  width: 100px;
  min-width: 100px;
}
.mpi-table.mpi-table-v2.ro-table li.hours {
  width: 165px;
  min-width: 100px;
}
.mpi-table.mpi-table-v2.ro-table li.ltotal {
  width: 195px;
  min-width: 100px;
}
.mpi-table.mpi-table-v2.ro-table li.timing {
  width: 8%;
  padding: 5px;
  min-width: 40px;
}
.mpi-table.mpi-table-v2.ro-table li.total {
  width: 200px;
}

.m-group label {
  cursor: pointer;
}
.m-group input[type="checkbox"] {
  display: none;
}
.m-group input[type="checkbox"] + span,
.m-group input[type="checkbox"] + span + span {
  text-decoration: line-through;
  color: #707070;
}
.m-group input[type="checkbox"]:checked + span,
.m-group input[type="checkbox"]:checked + span + span {
  text-decoration: none;
  color: #444;
}
.line-through .price { text-decoration: line-through; }
.price-input, .group-total-input { display: none; width: 65px; text-align: right; padding: 0; border: 1px solid #FFF !important; box-shadow: none !important; }
.recommendations-good .price-input, .group-total-input.good { border: 1px solid #cecece !important; background-color: #cecece; }
.recommendations-better .price-input, .group-total-input.better { border: 1px solid #592E85 !important; background-color: #592E85; color: #FFF; }
.recommendations-best .price-input, .group-total-input.best { border: 1px solid #333333 !important; background-color: #333333; color: #FFF; }
.ro-create-appt-availability {
  display: none;
  width: calc(100% - 615px);
  margin-right: 20px;
}
.ro-create-transpo-types {
  margin-left: 20px;
  width: calc(100% - 575px);
}
span.tech-time {
  margin: -5px 0px -5px -5px;
}

.text-name-wrap {
  white-space: nowrap;
  width: 80px !important;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tech-view-redirect-arrow {
  margin: 0px 0px 0px -60px;
}


/*greeter page design css*/
.gdetail-ro .sy_tableFormet td.ro-labor-total.toggle-button {
    position: relative;
  }

  .gdetail-ro .sy_tableFormet .toggle-details .ro-labor.field {
    display: block !important;
  }

.gdetail-ro .sy_tableFormet .toggle-details {
    position: absolute;
    top: 0px;
    left: 0%;
    transform: translate(-100%, 0%);
    z-index: 999;
    background: #fff;
    gap: 6px;
    width: max-content;
    padding: 5px;
    display: flex;
    border: 1px solid #d0d0d0;
    transition: all 0.8s ease;
}
.gdetail-ro #labor-lookup-dialog {
    left: 50% !important;
    width: calc(100% - 40%) !important;
    box-shadow: rgb(0 0 0 / 44%) 0px 3px 8px;
    border-radius: 10px;
    top: 50% !important;
    transform: translate(-50%, -50%);
}
.gdetail-ro #labor-lookup-dialog > div {
    background-color: #c3e0ed !important;
    border-radius: 10px;
    padding: 20px !important;
}
#labor-lookup-dialog, #mpi-labor-lookup-dialog {
    left: 50% !important;
    width: calc(100% - 40%);
    box-shadow: rgb(0 0 0 / 44%) 0px 3px 8px;
    border-radius: 10px;
    top: 30% !important;
    transform: translate(-50%, -30%);
}
#labor-lookup-dialog > div, #mpi-labor-lookup-dialog > div {
    background-color: #c3e0ed !important;
    border-radius: 10px;
    padding: 20px !important;
}
.mpi-dialog-overlay { display: none; background: #000; opacity: 0.7; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 99999; }
#mpi-edit-dialog { display: none; position: absolute; z-index: 999999; width: 80%; height: 80%; left: 50% !important; box-shadow: rgb(0 0 0 / 44%) 0px 3px 8px; border-radius: 2px; top: 30% !important; transform: translate(-50%, -30%); padding-top: 0; overflow-y: auto; }
#ro-item-parts-popup {
    left: 50% !important;
    transform: translateX(-50%);
    width: calc(100% - 66px) !important;
    box-shadow: rgb(0 0 0 / 44%) 0px 3px 8px;
}
.gdetail-ro #ro-summary-wrapper .inner-container {
    margin-left: 0px !important;
}
.gdetail-ro .sy_tableFormet .toggle-details {
  border: 1px solid gray;
  background-color: #cec8c8e6;
  height: 83%;
}
.gdetail-ro .add-remove-opcode {
  display: grid;
  justify-content: start;
}
.gdetail-ro .ro-labor.fields.toggle-button{
  height: 68px;
}
#dup-check-notification {
  display: none;
}
.gdetail-ro .appt-photos-thumb li {
    float: unset;
    margin: unset;
}
.gdetail-ro .appt-photo-thumb {
    max-width: 0px;
}


.gdetail-ro .opcode-list table .toggle_description_wrapper button.toggle-description {
    width: 100%;
}

.schedule-service.ss-agent .profile-container {
    margin: unset !important;
    padding: 10px;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 6%);
}
.schedule-service.ss-agent .open-profile-section {
    display: none;
}
.schedule-service.ss-agent button.open-profile-section {
    padding: 10px;
    text-align: center;
    border: 0;
    border-bottom: 2px solid #adafb2;
    border-radius: 4px;
    background: -webkit-linear-gradient(top, #f3f3f4, #c1c2c4);
    margin-bottom: 10px;
}

.gdetail-ro .dashicons-edit.edit-pencil.edit-profile {
    font-size: 23px;
    width: 25px;
    height: 25px;
    padding: 1px;
    border-radius: 50px;
    line-height: 25px;
}

.gdetail-ro .customer-name > div {
    display: flex;
    gap: 8px;
    align-items: center;
}
.customer-oppointments-sections {
    display: flex;
    gap: 10px;
}
.customer-oppointments-sections .customer-store-opcodes {
    flex-grow: 1;
}
.customer-oppointments-sections .appt-confirm {
    width: 40%;
     flex-shrink: 0;
}
.customer-oppointments-sections .store-transpo-types ul li {
    width: calc((100% - (var(--g-inner) * (var(--i-item) - 1))) / var(--i-item));
    margin: 0;
}
.customer-oppointments-sections .store-transpo-types ul {
    margin: 0px;
    --i-item: 4;
    --g-inner: 5px;
    display: flex;
    flex-wrap: wrap;
    gap: var(--g-inner);
}
.date-picker-wrapper {
    display: flex;
    gap: 10px;
}
.date-picker-wrapper  .ui-datepicker td span, .ui-datepicker td a {
    font-size: 12px;
}
.date-picker-wrapper .clear-both {
    display: none;
}
.customer-oppointments-sections  .rs-container.overflow {
    padding: 20px 10px;
}
.date-picker-wrapper #datepicker-board .ui-widget.ui-widget-content {
    width: unset !important;
}
.customer-oppointments-sections .date-picker-wrapper .fleft {
    width: calc((100% - 10px) / 2) !important;
    margin: 0px !important;
}
.customer-confirmation-details .customer-confirm-phone label input.new_phone {
    width: 100% !important;
    height: 26px;
}
.customer-confirmation-details label .email_new {
    width: 100% !important;
    height: 26px;
}
.customer-confirmation-details > div > div {
    padding: 0px !important;
    margin: 2px 0px;
}
.customer-oppointments-sections .appt-confirm label.pick_up_time_lbl {
    margin-left: 12px;
    font-size: 14px;
}
.customer-oppointments-sections .appt-confirm label.drop_off_time_lbl {
    font-size: 14px;
}
.customer-oppointments-sections .customer-confirmation-details {
    display: flex;
    gap: 12px;
}
.customer-oppointments-sections .service-advisor {
    margin: 5px 0px !important;
}
.customer-oppointments-sections .appt-confirm-dwrap {
    margin: 8px 0px 0px;
    font-size: 14px;
    padding: 5px;
}
.customer-oppointments-sections #appt-confirmation {
    margin: 0px;
    padding: 10px;
}
.customer-oppointments-sections #appt-confirmation table tr td .input-style {
    font-size: 13px;
}
.customer-oppointments-sections .customer-confirmation-details label {
    display: flex;
    gap: 5px;
    font-size: 14px;
}
.no-show-checkbox {
    display: none;
}

.customer-detailss, .appt-con-vin, .appt-con-address {
    font-size: 15px;
}
.no_show_exemption {
    display: none;
}
.customer-oppointments-sections .appt-confirm-dwrap label br {
    display: none;
}
.customer-oppointments-sections #appt-confirmation table {
    margin-top: 5px;
}

#greeter-ro-create-header .headerflex-left {
    display: flex;
    gap: 10px;
    width: 100%;
    align-items: center;
}
#greeter-ro-create-header .vehicle-details-sec2 {
    max-width: 350px;
    width: 100%;
    display: flex;
    gap: 8px;
}
#greeter-ro-create-header .vehicle-details-sec2 .vehicle-details {
    width: 100%;
}
#greeter-ro-create-header .vehicle-details-sec1 {
    max-width: 350px;
    width: 100%;
}
#greeter-ro-create-header .vehicle-details-sec1 .vehicle-details-table {
    width: 100%;
}
#greeter-ro-create-header .vehicle-details-sec1 .vehicle-details-table .step-box {
    width: 100%;
}
#greeter-ro-create-header .vehicle-details-sec2 .transport.gdetail-edit-transport {
    display: inline-block;
}
#greeter-ro-create-header .vehicle-details-sec2 .transport-time {
    display: unset;
}
#greeter-ro-create-header .headerflex-right {
    display: flex;
    gap: 15px;
    align-items: center;
}
header#greeter-ro-create-header {
    display: flex;
    padding : 4px;
}
#greeter-ro-create-header .headerflex-right .customer-details-wrapper {
    justify-content: center;
    align-items: center;
    gap: 10px;
}
#greeter-ro-create-header .headerflex-right .customer-details-wrapper .step-box.full {
    display: flex;
    align-items: center;
    gap: 2px;
    margin-bottom: 0;
    min-width: 250px;
    height: fit-content;
    padding: 0px 4px;
}
#greeter-ro-create-header .headerflex-right .customer-details-wrapper .step-box.full input[type='number'] {
    width: unset !important;
    box-shadow: unset;
    border: none;
}
#greeter-ro-create-header .vehicle-buttons {
    display: flex;
    flex-direction: row;
    align-items: center;
}
#greeter-ro-create-header .vehicle-photos-con-mobile{
  display: flex;
  background: none;
}
#greeter-ro-create-header .customer-name {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 20px;
}
#greeter-ro-create-header .header-section-wrap {
    margin: 0px 5px;
}
#greeter-ro-create-header .header-cutomer-wraps {
    display: flex;
    gap: 10px;
}
#greeter-ro-create-header .headerflex-right .customer-details-wrapper .step-box.full > div label {
    white-space: nowrap;
}

.add-vehicle-search{
  padding: 8px;
}
#search-vehicle-button{
  margin-left: 5px;
 padding: 10px 15px;
  color: black;
  border-bottom: 3px solid #d69c10;
  background: -webkit-linear-gradient(top,#fdcd59,#ecb529);
}
input.c-vehicle-search {
  width: 80%;
  padding: 10px;
}
.add-vehicle-search button#add-vehicle-button{
background: #c1c2c4;
padding: 9px 20px;
text-align: center;
border: 0;
color: black;
border-bottom: 3px solid #adafb2;
border-radius: 3px;
background: -webkit-linear-gradient(top,#f3f3f4,#c1c2c4);
}
span#add-vehicle-button span.dashicons.dashicons-plus {
  margin-top: 9px;
  float: right;
}
.customer-vehicle-search-result{
  display: none;
  padding: 5px 8px;
  margin: 10px 0px 0px 10px;
  background: -webkit-linear-gradient(top,#fdcd59,#ecb529);
}
.add-vehicle-search{
    display: flex;
    gap: 5px;
}
.add-vehicle-search form #search-vehicle-button {
    margin-left: 0px;
}
.schedule-service.ss-agent .rs-container-slide.customer-profile {
    display: flex;
    width: 100%;
    gap: 12px;
}
.schedule-service.ss-agent .rs-container-slide.customer-profile .rs-container:first-of-type {
    width: 75%;
    margin: 0px;
}
.schedule-service.ss-agent .rs-container-slide.customer-profile .appointment-log-wrapper {
    width: 25%;
    margin: 0px;
}
.schedule-service.ss-agent .rs-container-slide.customer-profile .clear-both {
    display: none;
}
.gdetail-ro .customer-details-wrapper .unified-btns {
    display: flex;
    gap: 12px;
    width: 98.5%;
}

#ro-good-better-best-popup {
    left: 50% !important;
    width: calc(100% - 20%);
    top: 50% !important;
    box-shadow: rgb(0 0 0 / 44%) 0px 3px 8px;
    border-radius: 10px;
    transform: translate(-50%, -50%);
    max-width: unset !important;
}
.recommendations .item { display: flex;	flex-direction: row; flex-wrap: nowrap;	}
.recommendations .item label { flex: 1; }
.add-item { background-color: #519e3f; text-align: center;  border-radius: 15px; color: #FFF; padding: 2px; font-size: 15px; width: 15px; height: 15px; }
.recommendations-better .name, .recommendations-better .price, .recommendations-best .name, .recommendations-best .price { color: #FFF !important; }
.mileage-schedules { margin: 0 20px 20px; }
.mileage-schedules li { display: inline-block; border: 2px solid #cecece; padding: 5px 20px; cursor: pointer; font-weight: bold; }
.mileage-schedules li.current-mileage { border-color: #519e3f; }
.board-walk-in .inner-container .maintenance-vehicle .customer-details-wrapper {
    display: flex;
    gap: 5px;
}
.board-walk-in .inner-container .maintenance-vehicle .customer-details-wrapper .step-box .uf-mileage-field {
    width: 138px !important;
}
.board-walk-in .inner-container .maintenance-vehicle .customer-details-wrapper .step-box .uf-tag-number-field {
    min-width: 138px !important;
}
.board-walk-in .inner-container .maintenance-vehicle .customer-details-wrapper .clear-both {
    display: none;
}
.board-walk-in .sy_tableFormet tr td.ro-more-parts-wrapper {
    width: 9%;
}
.board-walk-in .sy_tableFormet tr td.ro-labor.field {
    width: 72px;
}
.board-walk-in .mobhide td.ro-labor {
    width: 72px;
}
.board-walk-in .sy_tableFormet tr td.default-labor-type-dropdown-wrapper {
    width: 13%;
}
.board-walk-in .sy_tableFormet tr td.cost.cost-wrapper {
    width: 10%;
    padding-left: 0px;
}
.board-walk-in .sy_tableFormet tr td.opcode-dropdown-wrapper {
    width: 19%;
}
.board-walk-in .sy_tableFormet tr td.toggle_description_wrapper .toggle-description {
    width: 100%;
}
.board-walk-in .sy_tableFormet tr td.add-remove-opcode {
    height: unset;
}

.board-walk-in .rs-container-slider {
    display: flex;
    gap: 10px;
    width: 100% !important;
    margin-top: 12px;
}
.board-walk-in .customer-profile {
    width: 65%;
    display: flex;
    gap: 10px;
}
.board-walk-in .appointment-log-detail-wrapper {
    width: 35% !important;
}
.board-walk-in .customer-profile .rs-container.no-padding {
    width: 100%;
}
.board-walk-in .customer-profile .rs-container:first-of-type {
    width: 65% !important;
    margin: 0;
}
.board-walk-in .customer-profile  .no-padding.appointment-log-wrapper {
    width: 35% !important;
    margin: 0;
}
.board-walk-in .rs-container-slider:has(.add-customer) {
    flex-direction: unset;
}
.board-walk-in .customer-profile .clear-both {
    display: none;
}
.board-walk-in .appointment-log-detail-wrapper .no-padding {
    margin: 0;
}
.board-walk-in ul.vehicle-list li {
    flex: 0 0 30%;
    margin: 7px;
}
.board-walk-in ul.vehicle-list li .vehicle-box {
    padding: 10px;
}
.board-walk-in ul.vehicle-list li .vehicle-box .vehicle-title {
    font-size: 12px !important;
}
.board-walk-in ul.vehicle-list li .vehicle-box span.vehicle-vin-text {
    font-size: 12px;
    display: block;
}
.board-walk-in .garage-menu ul li a {
    font-size: 14px;
}
.board-walk-in .appt-details form.appt-form-update input.change-submit {
    width: 75px !important;
}
.board-walk-in .appt-details .fright {
    width: 100%;
}
.board-walk-in #uf-opcode-select > div ul {
 display: flex;
flex-wrap: wrap;
 gap: 10px;

}
.board-walk-in #uf-opcode-select > div ul li.lbl-checkbox {
 width: calc((100% - 20px) / 3) !important;
 margin: unset;
}
.board-walk-in.schedule-service div#opcode-wrapper .maintenance-vehicle {
    width: calc(100% - 202px) !important;
}
.board-walk-in.schedule-service div#opcode-wrapper .profile-container .profile {
    margin-right: 0px;
}
/*3-6-24  css*/
.board-walk-in #appointment-notes-customer-details-wrapper .unified-btns {
    display: flex;
    gap: 10px;
    width: 97.5%;
}

.board-walk-in #appointment-notes-customer-details-wrapper .update-customer-at + div:has(.unified-btns) .unified-btns {
  flex-direction: column;
  gap: 0;
}

.board-walk-in #appointment-notes-customer-details-wrapper .unified-btns input[type="submit" i] {
    width: 100% !important;
}
.board-walk-in .customer-profile {
    width: 100%;
}
.board-walk-in .appt-notes {
    padding: 0;
}
.schedule-service.ss-agent .schedule-available >div:first-child {
    gap: 10px;
    display: flex;
    width: 100%;
}
.schedule-service.ss-agent .schedule-available 
 #datepicker-board {
    width: 50%;
}
.schedule-service.ss-agent .schedule-available #datepicker {
    width: 60% !important;
    margin: 0px !important;
}
.schedule-service.ss-agent .schedule-available .fleft {
    width: 40% !important;
    margin: 0px !important;
}
.schedule-service.ss-agent .schedule-available #datepicker-board {
    width: 60% !important;
}
.schedule-service.ss-agent .schedule-available #datepicker-board .ui-widget.ui-widget-content {
    width: unset !important;
}
.page-template-store-board #item-parts-popup, .page-template-store-board #item-price-popup {
    left: 50% !important;
    width: calc(100% - 12%);
    top: 50% !important;
    box-shadow: rgb(0 0 0 / 44%) 0px 3px 8px;
    border-radius: 10px;
    transform: translate(-50%, -50%);
    right: 0px !important;
}
.schedule-service.ss-agent  .rs-container-slides {
    display: flex;
    gap: 10px;
}
.schedule-service.ss-agent .appointment-log-detail-wrapper {
    width: 40% !important;
}
.schedule-service .customer-profile .appointment-log-wrapper {
    width: 30% !important;
}
.schedule-service.ss-agent .appointment-log-detail-wrapper .rs-container.no-padding {
    margin: 0px;
}
.schedule-service.ss-agent #edit-garage-loader {
    background-color: #fff;
}
.schedule-service.ss-agent .flex-row.left-sidebar{
    background-color: #fff;
}


.board-walk-in .mobhide td.opcode-dropdown-wrapper {
    width: 19%;
}
.board-walk-in .mobhide td.ro-more-parts-wrapper {
    width: 9%;
}
.board-walk-in .mobhide td.default-labor-type-dropdown-wrapper {
    width: 13%;
}
.board-walk-in .mobhide  td.toggle_description_wrapper {
    width: 7%;
}
.board-walk-in .sy_tableFormet tr td.toggle_description_wrapper {
    width: 7%;
}
.board-walk-in .heading-title.ro-summary .float-right.tax-sub-total {
    display: none;
}

.schedule-service.ss-agent table.mobhide td.opcode-dropdown-wrapper {
    width: 20%;
}
.schedule-service.ss-agent .sy_tableFormet td.toggle_description_wrapper {
    width: 7%;
}
.schedule-service.ss-agent table.mobhide td.toggle_description_wrapper {
    width: 7%;
}
.schedule-service.ss-agent table.mobhide  td.default-labor-type-dropdown-wrapper {
    width: 12%;
}
.schedule-service.ss-agent table.mobhide td.ro-more-parts-wrapper {
    width: 8%;
}
.schedule-service.ss-agent .sy_tableFormet td.labor-lookup-wrapper {
    width: 6%;
}
.schedule-service.ss-agent .sy_tableFormet td.cost.cost-wrapper {
    width: 8%;
    padding-left: 0;
}
.schedule-service.ss-agent table.mobhide  td.labor-lookup-wrapper {
    width: 6%;
}
.schedule-service.ss-agent .sy_tableFormet td.cost.cost-wrapper input.uf-cost-field {
    width: calc(100% - 15px);
}
.schedule-service.ss-agent table.mobhide td.cost-wrapper {
    width: 9%;
}
.page-template-store-board #item-parts-popup .parts-tab-mod.parts-section {
    overflow: auto;
}
.board-walk-in .appt-availability .store-transpo-types ul {
    margin: 0px;
}

.board-walk-in .appt-availability .store-transpo-types ul {
    margin: 0px;
}
.board-walk-in .customer-oppointments-sections .clear-both {
    display: none;
}
.board-walk-in .customer-oppointments-sections .ro-create-appt-availability {
    width: 100% !important;
    margin: 0px;
}
.board-walk-in .customer-oppointments-sections .appt-confirm {
    width: 40% !important;
}
.board-walk-in .schedule-available > div:first-child {
    gap: 10px;
    display: flex;
    width: 100%;
}
.board-walk-in .schedule-available .fleft {
    width: 50% !important;
    margin: 0px !important;
}
.board-walk-in .schedule-available #datepicker-board .ui-widget.ui-widget-content {
    width: unset !important;
}
.board-walk-in .customer-confirmation-details {
    display: flex;
    gap: 12px;
}
.board-walk-in .customer-confirmation-details label {
    display: flex;
    gap: 5px;
    font-size: 14px;
}
.board-walk-in #appt-confirmation #eod-confirm {
    margin: 8px 0px 0px !important;
    font-size: 14px !important;
    padding: 5px;
}
.board-walk-in #appt-confirmation .appt-confirm-dwrap {
    font-size: 14px;
    padding: 5px;
}
.board-walk-in #appt-confirmation label.drop_off_time_lbl {
    font-size: 14px;
    margin-right: 12px;
}
.board-walk-in #appt-confirmation label.pick_up_time_lbl {
    font-size: 14px;
}
.board-walk-in #appt-confirmation .service-advisor {
    margin: 4px 0px !important;
}
.board-walk-in .customer-confirmation-details > div {
    padding-top: 3px !important;
}
.greeter-appt-detail #unified-form-wrapper .float-right.tax-sub-total {
    display: none;
}
.board-walk-in .rs-container-slider-con .rs-container-slider .rs-container-slide.customer-profile {
    width: 100%;
}
.board-walk-in .gm-tab.gm-tab-profile form .relative {
    margin-bottom: 10px;
}
.schedule-service .customer-appointments-v2.tech-screen .cust-info {
    min-height: 122px;
}

.customer-search .customer-search-wrapper  button.add-customer-btn {
  float: unset;
}
.customer-search-wrap .customer-search .search-result {
    width: 100%;
}
.customer-search .customer-search-wrapper form input[type="text"] {
  max-width: unset;
  width: calc(100% - 220px);
}
.customer-search .customer-search-wrapper form .search-helper {
  width: calc(100% - 5px) !important;
  margin-left: 0px !important;
}
.search-main-wrap {
  display: flex;
  gap: 10px;
}
.customer-search-wrapper {
  width: 100%;
}
.customer-search .customer-search-wrapper form {
  width: 100%;
}
.search-icon-wrap {
  display: flex;
}


.schedule-service.ss-agent .change-vehicle-ro {
    flex: 0 0 26.5%;
}
.schedule-service.ss-agent .change-vehicle-ro .add-vehicle-search {
    padding: 0px;
}
.schedule-service.ss-agent .change-vehicle-ro .add-vehicle-search input[type='text'] {
    width: 100%;
}
.schedule-service.ss-agent .change-vehicle-ro ul.vehicle-list li {
    min-height: 262px;
    margin: 10px;
}
.schedule-service.ss-agent .change-vehicle-ro ul.vehicle-list li.garage-add-vehicle {
    min-height: unset;
    margin: 0px;
}
.schedule-service.ss-agent #search-vehicle-button {
    width: unset;
}
.schedule-service.ss-agent .add-vehicle-search input.c-vehicle-search {
    width: 100%;
}
.add-vehicle-search button#add-vehicle-button {
    display: flex;
    gap: 6px;
    align-items: stretch;
}
.schedule-service.ss-agent .rs-container .fright .schedule-available div#datepicker .ui-widget.ui-widget-content {
    width: unset !important;
}
.schedule-service.ss-agent .rs-container .fright .schedule-available .store-transpo-types ul {
    margin: 0px;
    --i-item: 4;
    --g-inner: 5px;
    display: flex;
    flex-wrap: wrap;
    gap: var(--g-inner);
}
.schedule-service.ss-agent .rs-container .fright .schedule-available .store-transpo-types ul li {
    width: calc((100% -(var(--g-inner)*(var(--i-item) - 1))) / var(--i-item));
    margin: 0;
    flex: 0 0 32%;
}
.schedule-service.ss-agent .rs-container .fright .schedule-available .schedule-table .fright {
    margin-top: 24px;
}
.schedule-service.ss-agent .rs-container.show-mpi {
    margin: 0px;
}
.schedule-service.ss-agent .campaigns .rs-container.no-padding {
    margin: 0px;
}
.schedule-service.ss-agent .appt-availability .rs-container {
    margin: 0px;
}
.schedule-service.ss-agent .appt-confirm div#appt-confirmation {
    margin: 0px;
}
.schedule-service.ss-agent .rs-container-slider .rs-container-slides .rs-container-slide.appt-confirm {
    min-width: 40%;
}
.schedule-service.ss-agent .rs-container-slider .rs-container-slides .rs-container-slide.appt-confirm .customer-confirmation-details {
    display: flex;
    gap: 12px;
}
.schedule-service.ss-agent .rs-container-slider .rs-container-slides .rs-container-slide.appt-confirm .customer-confirmation-details label {
    display: flex;
    gap: 5px;
    font-size: 14px;
}
.schedule-service.ss-agent .rs-container-slider .rs-container-slides .rs-container-slide.appt-confirm  p#eod-confirm label {
    font-size: 14px;
}
.schedule-service.ss-agent .rs-container-slider .rs-container-slides .rs-container-slide.appt-confirm p#eod-confirm {
    padding: 3px;
}
.schedule-service.ss-agent .rs-container-slider .rs-container-slides .rs-container-slide.appt-confirm label.drop_off_time_lbl {
    font-size: 14px;
    margin-right: 12px;
}
.schedule-service.ss-agent .rs-container-slider .rs-container-slides .rs-container-slide.appt-confirm label.pick_up_time_lbl {
    font-size: 14px;
}

.notes-item-wrap ul.tbody li.note {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding: 5px 0px 5px 4px;
  flex-grow: 1;
}
.notes-item-wrap ul.tbody .note span.note-opcodes {
    position: relative;
    top: 0;
    height: max-content;
    flex-shrink: 0;
}
.notes-item-wrap ul.tbody .add-opcode-note-warp {
  display: flex;
  gap: 4px;
}
.notes-item-wrap  button.mpi-item-opcode-add.parts-popup.button{
  position: relative;
  top: 0;
  height: max-content;
  flex-shrink: 0;
}
.page-template.page-template-technician #dms-service-history-popup {
    left: 50% !important;
    width: calc(100% - 10%);
    top: 50% !important;
    border-radius: 10px;
    transform: translate(-50%, -50%);
}
.schedule-service.ss-agent .appointment-panel-wrapper {
    height: calc(100vh - 126px);
}
.appointment-panel-menu {
    flex: 1 0 35%;
    max-height: calc(100vh - 60px);
    overflow: auto;
    overflow-x: hidden;
}
.schedule-service.ss-agent #unified-form-wrapper .appointment-panel-menu .appointment-panel-item ul.vehicle-list {
    margin: 0px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.schedule-service.ss-agent #unified-form-wrapper .appointment-panel-menu .appointment-panel-item .gm-tab.gm-tab-profile form .basic-info > div {
    width: 49.2%;
    margin-top: 5px;
}
.schedule-service.ss-agent #unified-form-wrapper .appointment-panel-menu .appointment-panel-item .gm-tab.gm-tab-profile form .basic-info input[type="text"] {
    width: 100% !important;
}
.schedule-service.ss-agent #unified-form-wrapper .appointment-panel-menu .appointment-panel-item .gm-tab.gm-tab-profile form .basic-info input[type='text'] {
    width: calc((100% - 10px) / 2) !important;
}
.schedule-service.ss-agent #unified-form-wrapper .appointment-panel-menu .appointment-panel-item .gm-tab.gm-tab-profile form .basic-info br {
    display: none;
}
.schedule-service.ss-agent #unified-form-wrapper .appointment-panel-menu .appointment-panel-item .gm-tab.gm-tab-profile form .basic-info {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.schedule-service.ss-agent #unified-form-wrapper .appointment-panel-menu .appointment-panel-item .gm-tab.gm-tab-profile form .basic-info input#cdk-customer {
    width: calc(100% - 77px) !important;
}
.schedule-service.ss-agent #unified-form-wrapper .appointment-panel-menu .appointment-panel-item .gm-tab.gm-tab-profile form .relative {
    margin-bottom: 6px;
}
.schedule-service.ss-agent #unified-form-wrapper .appointment-panel-menu .appointment-panel-item .gm-tab.gm-tab-profile form  input.short {
     margin-top: 6px; 
}
.schedule-service.ss-agent div#opcode-wrapper .customer-details-wrapper .step-box.fleft input.auto-save.uf-mileage-field {
    width: calc(100% - 58px) !important;
}
.schedule-service.ss-agent .customer-details-wrapper .step-box.fleft {
    width: 49.5%;
}
.schedule-service.ss-agent .customer-details-wrapper .step-box.fright {
    width: 49.5%;
}
.schedule-service.ss-agent div#opcode-wrapper .customer-details-wrapper .step-box.fright .uf-tag-number-field {
    width: calc(100% - 60px) !important;
    min-width: unset !important;
}
.last-known-mileage {
    border: 1px solid #d6d6d6;
    border-radius: 3px;
    box-shadow: 0px 0px 1px 1px #e4e5e5;
    padding: 2px 10px;
    background: #fff;
    box-sizing: border-box;
    margin-top: 4px;
    display: flex;
}
.last-known-mileage span {
    color: red;
    font-size: 13px;
}
.mileage-container-wrapper {
position: relative;
z-index: 9;
display: none; 
}
.last-known-mileage:hover .best-guess {
  display: inline-block;
}
.last-known-mileage .best-guess {
    display: none;
    padding: 5px 8px;
}
#mileage-list{
width : 100%;
}
.mileage-list-wrapper .list-header {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  margin-bottom: 5px;
}
.mileage-list-wrapper .list-header span.list-heading {
  font-size: 14px;
}
.mileage-list-wrapper {
  display: flex;
  margin: 5px 0;
  border: 1px solid #d7d4d4;
  padding: 10px;
  flex-wrap: wrap;
}
.close-mileage{
  float : right;
}


.schedule-service.ss-agent .change-vehicle-ro ul.vehicle-list li {
    width: 40% !important;
    flex: unset;
    padding: 10px;
}
.tech-screen .mpi-sections .mpi-action-btns {
    display: flex;
}
.tech-screen .mpi-sections .mpi-action-btns button.save-progress {
    margin-left: auto;
}
.schedule-service.ss-agent .rs-container.overflow .rs-cols table tbody tr td .store-opcodes #unified-form-wrapper #opcode-wrapper {
    flex: 1 0 15.5%;
}
.schedule-service.ss-agent #unified-form-wrapper .appointment-panel-menu .appointment-panel-item ul.vehicle-list li {
    width: calc((100% - 20px) / 2) !important;
    margin: unset;
    flex: unset;
}
.schedule-service.ss-agent #unified-form-wrapper .appointment-panel-menu .appointment-panel-item ul.vehicle-list li .vehicle-box .vehicle-vin{
    min-height: 51px;
}
.appointment-panel-menu ul.vehicle-list li {
    margin: 10px;
    padding: 0;
    border-bottom: 0;
    background-color: #FFF;
    box-shadow: unset;
    width: unset;
}
.vehicle-btns a {
    text-decoration: none;
    color: #a8a8a8;
    border: 1px solid #c7c5c5;
    border-radius: 6px;
    display: inline-block;
    text-align: center;
    padding: 5px 10px;
}
.vehicle-btns {
    margin-top: 10px;
}
.vehicle-btns a span.dashicons {
    color: #a8a8a8;
    display: block;
    text-align: center;
    width: 100%;
}
.appointment-panel-wrapper .panel-menu ul li a {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.appointment-panel-wrapper .pop-wrap {
    text-align: center;
}
ul.uf-transport-options label {
    margin-bottom: 0px !important;
}
ul.uf-transport-options {
    background-color: #f6f5f6;
}
.schedule-service.ss-agent .rs-container.overflow .rs-cols table tbody tr td .store-opcodes #unified-form-wrapper #opcode-wrapper .selectize-control {
    width: 270px;
}
.mpi-left-section{
   transition: transform 0.3s ease-out;
}
.mpi-right-section {
  transition: transform 0.3s ease-out;
}
.mpi-left-section{
  display: none; 
  gap :5px
}
.mpi-right-section span.item-title {
    margin-left: 10px;
}
.tech-screen .acd2 .fleft.two-col .mpi-sections .items ul .sec-item {
    margin-bottom: 6px;
}
.tech-screen .acd2 .fleft.two-col .mpi-sections .items ul .sec-item .item-note-time {
    margin-top: 6px;
}
.page-template-technician #item-parts-popup, .page-template-technician #item-price-popup {
    left: 50% !important;
    width: calc(100% - 10%);
    top: 50% !important;
    border-radius: 10px;
    transform: translate(-50%, -50%);
}
.tech-screen .input-text-con .item-opcodes {
    display: flex;
}
.tech-screen .fright.two-col .mpi-sections .items .input-text-con {
    display: contents;
}
.tech-screen .fright.two-col .mpi-sections .items .input-text-con .item-opcodes {
    top: 5px;
}
.page-template-technician .ui-dialog-buttons.ui-draggable {
    left: 50% !important;
    top: 50% !important;
     width: calc(100% - 10%);
    border-radius: 10px;
    transform: translate(-50%, -50%);
}
.tech-screen .fright.two-col .items .item-note-time {
    margin: 6px 0px;
}
.schedule-service.ss-agent ul.vehicle-list li {
    flex: 0 0 30%;
}
.schedule-service.ss-agent ul.vehicle-list li .vehicle-box {
    padding: 10px;
}
.schedule-service.ss-agent ul.vehicle-list li .vehicle-box .vehicle-vin {
    height: 55px;
}
.schedule-service.ss-agent ul.vehicle-list li .vehicle-box .vehicle-title {
    font-size: 13px;
}
.schedule-service.ss-agent #ro-summary-wrapper .opcode-list #job-sortable .descriptions-toggle .job-desc {
    height: unset !important;
    margin-top: 10px;
    margin-left: 60px;
}
.schedule-service.ss-agent #repair-order-summary-walk #ro-summary-wrapper #unmanaged-campaigns-wrapper .campaign-wrapper-align .status-tags {
    margin: 0px;
}
.mpi-table-line-wrapper .mpi-table.mpi-table-v2 ul li.item {
    width: 22.2%;
}
.mpi-table-line-wrapper .mpi-table.mpi-table-v2 ul li.li-spacer {
    width: 7px;
}
.mpi-table-line-wrapper.mpi-table.mpi-table-v2 ul li.note.correction {
    width: 8%;
}
.mpi-table-line-wrapper .mpi-table.mpi-table-v2 ul li.labor-type {
    width: 10.5% !important;
}
.mpi-table-line-wrapper .mpi-table.mpi-table-v2 ul li.parts-status {
    width: 5.1%;
}
.mpi-table-line-wrapper .mpi-table.mpi-table-v2 ul li.parts_total {
    width: 5.7%;
}
.mpi-table-line-wrapper .mpi-table.mpi-table-v2 ul li.timing {
    width: 5.1%;
}
.mpi-table-line-wrapper .mpi-table.mpi-table-v2 ul li.rate {
    width: 5.1%;
}
.mpi-table-line-wrapper .mpi-table.mpi-table-v2 ul li.ltotal.retail_hour {
    width: 5.8%;
}
.mpi-table-line-wrapper .mpi-table.mpi-table-v2 ul li.total {
    width: 11.1%;
}
#tech-job-details {
    overflow-x: hidden;
}
.tech-screen .tech-opcode-parts .timing-date .ui-datepicker {
    right: unset;
}
.tech-screen .acd2 .parts-table .ui-datepicker .ui-datepicker-calendar td a {
    line-height: unset !important;
}
.tech-screen .acd2 .group-content .opcode-parts {
    width: calc(100% - 0px);
}
.tech-screen .acd2 .group-content .opcode-reco-form .reco-section .tech-reco-section-table .tbody li.total label.print-price span.dashicons {
    vertical-align: middle;
    font-size: 18px;
}
.parts-tech-opcode-parts .parts-section {
    width: calc(100% - 0px);
}
.part-reponse-data-popup.show{
  border: 1px solid #e1e1e1;
}
.tech-screen .acd2 .parts-table .ui-datepicker .ui-datepicker-calendar  thead th {
    font-size: 12px;
}
.tech-screen .acd2 .mpi-section ul.other-items .input-text-con br {
    display: none;
}
.tech-screen .acd2 .mpi-section ul.other-items .input-text-con .item-cat-part {
    width: unset;
}
.tech-screen .acd2 .mpi-section ul.other-items .input-text-con .item_cause {
    width: unset;
}
.tech-screen .acd2 .mpi-section ul.other-items .input-text-con .note-input {
    width: unset;
}
.tech-screen .tech-opcode-parts .timing-date .ui-datepicker .ui-datepicker-header .ui-datepicker-title {
    font-size: 15px;
}
.tech-screen .tech-opcode-parts .timing-date .ui-datepicker .ui-datepicker-calendar .ui-state-disabled .ui-state-default {
    font-size: 12px;
    line-height: unset !important;
}
.page-template-technician .ui-autocomplete li.ui-menu-item {
    padding: 0px;
}
.page-template-technician .ui-autocomplete li.ui-menu-item .ui-menu-item-wrapper {
    font-size: 14px;
    font-weight: 400;
}
.page-template-technician .acd2 .group-content .note-table > div {
    padding-left: 0px !important;
}
.tech-screen .acd2 .group-content form.opcode-reco-form .opcode-cs {
    font-size: 16px;
}
div#TB_window {
    left: 50%;
    transform: translateX(-50%);
    box-shadow: rgb(0 0 0 / 44%) 0px 3px 8px;
    margin-left: 0px !important;
    margin-inline: auto;
}
#TB_ajaxContent {
    width: 100% !important;
    box-sizing: border-box;
    padding-right: 10px !important;
}
body.with-sidebar #TB_ajaxContent {
    padding-right: 33px !important;
}
 #mpi-data-popup .appt-data-wrapper .mpi-log-button {
    background: #f3b51f;
    border-bottom: 3px solid #d69c10;
    background: -webkit-linear-gradient(top, #fdcd59, #ecb529);
    border-top: unset;
    border-left: unset;
    border-right: unset;
    border-radius: 3px;
    color: #000;
    display: inline-block;
    float: right;
    margin-right: 5px;
    margin-top: 5px;
    padding: 6px 9px;
    font-size: 14px;
    cursor: pointer;
}
#mpi-data-popup .change-logs-content #mpi-log-table ul.tbody li {
    width: 20%;
}
div#mpi-data-popup {
    display: flex;
}
.board-page-menu-wrap {
    height: 100%;
    width: 80px;
    flex-shrink: 0;
    position: relative;
    background-color: #fff;
}
.board-page-menu-txt {
    background-color: #97cef2;
    font-weight: 700;
    padding: 8px;
}
.board-page-menu-txt h3 {
    margin: 0;
    font-size: 16px;
    text-align: center;
}
.board-page-menu-items {
    max-width: 80px;
    position: fixed;
    top: 0;
    height: calc(100vh - 82px);
    overflow-y: auto;
    background-color: #fff;
    z-index: 9;
    width: 100%;
    box-shadow: 0px 0px 3px #afadad;
}
.board-page-menu-items-wrap {
    margin-top: 20px;
}
.board-page-menu-items .mpi-header-block {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    margin-bottom: 8px;
    box-sizing: border-box;
    margin-right: 0;
    font-size: 15px;
    border: 3px;
}
.board-page-menu-items .view-change-log {
    cursor: pointer;
}
.borad-page-menu-items .mpi-header-block span {
    width: 100%;
    display: block;
}
#mpi-data-popup .change-logs-content #mpi-log-table ul.thead {
    background-color: #d6d5d5;
    margin-top: 10px;
    position: relative;
}
#mpi-data-popup .change-logs-content #mpi-log-table ul.tbody {
    box-shadow: inset 0px 0px 1px 1px #ccc;
}
.mpi-log-header {
    background-color: #334e5e;
    color: #FFF;
    font-size: 20px;
    padding: 6px 10px;
    font-weight: bold;
}
.mpi-log-table .view-change-log {
    background-color: red;
    color: #fff;
    cursor: pointer;
}
#mpi-data-popup .change-logs-content .mpi-log-header .view-change-log {
    position: relative;
    text-align: center;
    border: 0;
    border-radius: 3px;
    color: #000;
    font-size: 15px;
    padding: 4px 28px;
    border-bottom: 3px solid #d69c10;
    background: -webkit-linear-gradient(top, #fdcd59, #ecb529);
    cursor: pointer;
}
#mpi-data-popup .toggler .dashicons {
    background-color: #334e5e;
    color: #fff;
}
#mpi-data-popup .toggler {
    z-index: 9;
}
#mpi-data-popup .mpi-header-wrapper.fixed {
    top: 0;
    position: sticky;
}
 #mpi-data-popup .group-content .mpi-table-con {
    padding-left: 0px;
}
#mpi-data-popup .group .mpi-table-buttons .fleft {
    margin-left: 0px !important;
}
#mpi-data-popup .change-logs-content {
    padding-left: 0px;
}
#mpi-data-popup .change-logs-content .mpi-log-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#mpi-data-popup .mpi-header .title {
    font-size: 24px;
}
#mpi-data-popup .mpi-header .title span.inline-block {
    font-size: 24px;
    line-height: unset;
}
.board-page-menu-items .view-change-log li {
    list-style: none;
    border-bottom: 1px solid #eee;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    padding: 6px;
}
.board-page-menu-items .view-change-log li .cog-2 {
    font-size: 24px !important;
}
#mpi-data-popup.collapsed .w65 {
    width: calc(100% - 82px) !important;
}
#mpi-data-popup .mpi-header-wrapper .actionmenu {
    top: 0;
    right: 5px;
    width: 350px;
}
#mpi-data-popup .mpi-header-wrapper .mpi-header.mpi-header-btns {
    position: relative;
}
#mpi-data-popup .mpi-header-wrapper .actionmenu .actiondropdown {
    margin-top: 0;
}
#mpi-data-popup .mpi-header-wrapper .actionmenu .actiontitle {
    padding: 11px;
}
#mpi-data-popup .mpi-table.mpi-table-v2.ro-table.opcode-jobs li.line-title {
    width: 200px;
    min-width: 200px;
}
#mpi-data-popup .mpi-header-block .float-right.tax-sub-total {
    padding-right: 30px;
}
.schedule-service.ss-agent div#unified-form-wrapper div#opcode-wrapper .profile-container {
    padding: 0;
    box-shadow: unset;
}
.schedule-service.ss-agent div#unified-form-wrapper div#opcode-wrapper .maintenance-vehicle {
    width: calc(100% - 202px) !important;
}
.schedule-service.ss-agent div#unified-form-wrapper div#opcode-wrapper .profile-container .profile {
    margin-right: 0px;
}
.board-walk-in.schedule-service #my-garage-container-wrap ul.vehicle-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.board-walk-in.schedule-service #my-garage-container-wrap ul.vehicle-list li {
    width: calc((100% - 20px) / 2) !important;
    margin: unset;
    flex: unset;
}
.board-walk-in.schedule-service #my-garage-container-wrap ul.vehicle-list li .vehicle-box .vehicle-title {
    margin-bottom: 10px;
}
.board-walk-in.schedule-service .appointment-panel-menu .appointment-panel-item ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.board-walk-in.schedule-service .appointment-panel-menu .appointment-panel-item ul li {
    width: calc((100% - 20px) / 2) !important;
    margin: unset;
    flex: unset;
}
.board-walk-in.schedule-service .appointment-panel-menu .appointment-panel-item ul li .vehicle-box .vehicle-title {
    margin-bottom: 10px;
}
.board-walk-in.schedule-service .appointment-panel-menu .gm-content .basic-info > div {
    width: 49.2%;
    margin-top: 5px;
}
.board-walk-in.schedule-service .appointment-panel-menu .gm-content .basic-info > div input#cdk-customer {
    width: calc(100% - 77px) !important;
}
.board-walk-in.schedule-service div#unified-form-wrapper .change-vehicle-ro {
    flex: 1 0 35%;
}
.board-walk-in.schedule-service div#unified-form-wrapper .change-vehicle-ro ul.vehicle-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.board-walk-in.schedule-service div#unified-form-wrapper .change-vehicle-ro ul.vehicle-list li {
    width: calc((100% - 100px) / 2) !important;
    margin: unset;
    flex: unset;
}
.board-walk-in.schedule-service div#unified-form-wrapper .change-vehicle-ro ul.vehicle-list li .vehicle-title {
    margin-bottom: 10px;
}
.board-walk-in.schedule-service div#unified-form-wrapper .change-vehicle-ro div#cust-vehicles h3 {
    margin: 0;
    padding: 5px 5px;
    font-size: 17px;
    color: white;
    background-color: #334e5e;
}
.board-walk-in.schedule-service div#unified-form-wrapper .change-vehicle-ro .gsearch-cust .change-back {
    color: #fff;
    margin: 0;
    padding: 7px 5px;
    font-size: 17px;
}
.schedule-service.ss-agent form#unified-schedule-form div#unified-form-wrapper .appointment-panel-menu {
    flex: 1 0 32%;
}
.board-walk-in.schedule-service .appointment-panel-menu .gm-content .basic-info {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.board-walk-in.schedule-service .appointment-panel-menu .gm-content .basic-info input[type="text"] {
    width: calc((100% - 10px) / 2) !important;
}
.board-walk-in.schedule-service .appointment-panel-menu .gm-content .basic-info br {
    display: none;
}
.schedule-service.ss-agent div#repair-order-summary-walk form#unified-schedule-form .change-vehicle-ro {
    flex: 1 0 31%;
}
.schedule-service.ss-agent div#repair-order-summary-walk form#unified-schedule-form .change-vehicle-ro ul.vehicle-list li {
    width: calc((100% - 56px) / 2) !important;
    margin: unset;
    flex: unset;
}
.schedule-service.ss-agent div#repair-order-summary-walk form#unified-schedule-form .change-vehicle-ro ul.vehicle-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.schedule-service.ss-agent div#repair-order-summary-walk form#unified-schedule-form .change-vehicle-ro div#cust-vehicles h3 {
    margin: 0;
    padding: 5px 5px;
    font-size: 17px;
    color: white;
    background-color: #334e5e;
}
.schedule-service.ss-agent div#repair-order-summary-walk form#unified-schedule-form .change-vehicle-ro .gsearch-cust .change-back {
    color: #fff;
    margin: 0;
    padding: 7px 5px;
    font-size: 17px;
}
#repair-order-summary-walk #opcode-wrapper .inner-container .profile-container {
    width: 198px !important;
}

.gdetail-ro #greeter-ro-create-header .headerflex-left .customer-name {
    display: none;
}
#appt-detail .greeter-top-wrapper {
    position: relative;
}
#appt-detail .greeter-top-wrapper span.cust_name_wrap {
    position: absolute;
    top: 11px;
    left: 64px;
}
#appt-detail .greeter-top-wrapper span.cust_name_wrap .top-customer-name {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
}
#appt-detail .greeter-top-wrapper span.cust_name_wrap .top-customer-name span.cname {
    color: #fff;
}
#appt-detail .greeter-top-wrapper span.cust_name_wrap .top-customer-name .edit-profile {
    font-size: 23px;
    width: 25px;
    height: 25px;
    padding: 1px;
    border-radius: 50px;
    line-height: 25px;
}
#appt-detail .greeter-top-wrapper span.ghome {
    margin-top: 5px;
}
#greeter-ro-create-header .vehicle-buttons a.v-btn .wp-svg-custom-rs-wp-svg-custom-set3-14 {
    display: flex;
    justify-content: center;
    align-items: center;
}
.lane-tech-view {
    display: flex;
    gap: 10px;
    margin-left: auto;
    flex-direction: column;
}
header#greeter-ro-create-header {
    align-items: center !important;
    padding: 5px !important;
}
#greeter-ro-create-header .step-box.full {
    display: flex;
    align-items: center;
    gap: 5px;
    margin: unset;
    padding: 1px 4px;
    min-width: 130px;
    width: 100%;
}
#greeter-ro-create-header .customer-details-wrapper {
    gap: 10px;
}
.vehicle-photos-con-mobile .wp-svg-camera.camera {
    font-size: 30px;
}
#greeter-ro-create-header .step-box.full .uf-tag-number-field {
    width: calc(100% - 60px) !important;
    border: none;
}

#greeter-ro-create-header .vehicle-photos-con-mobile .open-media .wp-svg-camera.camera {
    font-size: 50px !important;
}
.lane-tech-view .tech_name span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 180px;
}
@media only screen and (min-device-width: 2000px) {
  .parts-total-wrapper,
  .parts-price-wrapper,
  .parts-group-wrapper {
    width: 8%;
  }
}

@media only screen and (max-device-width: 1366px) {
  .opcode-dropdown-wrapper {
    width: 35%;
  }
  .check-in-form-w-ro {
    width: 380px;
  }
}

@media only screen and (max-device-width: 1200px) {
  .check-in-form-w-ro {
    width: 300px;
  }
  .opcode-dropdown-wrapper {
    width: 30%;
  }
  #ro-summary-wrapper .parts-group-wrapper {
    display: none;
  }
  #ro-summary-wrapper .part-matrix-group-wrapper {
    display: none;
  }
}

@media only screen and (max-device-width: 1180px) {
  #tech-job-list {
    width: 100%;
    float: none;
    height: auto !important;
  }
  .wide-list {
    display: none;
  }
  .tech-screen #g-menu-items {
    display: none;
  }
  #tech-job-details {
    width: 100%;
    float: none;
    border: none;
    height: auto !important;
  }
  #tech-job-details .tech-body {
    display: block;
  }
  #tech-job-details .tech-body.closed {
    display: none;
  }
  .acd-open {
    padding-top: 93px;
    padding-bottom: 55px;
  }
  .acd-open .acd1 {
    width: 100%;
    position: fixed;
    top: 48px;
    background-color: #fff;
    z-index: 1;
  }
  .tech-screen .apt-action-btns {
    display: none;
    width: 100%;
    float: none;
  }
  .tech-screen .tech-heading .g-menu,
  .tech-screen .btn-menu {
    display: block;
  }
  .tech-screen .apt-notes {
    width: 100%;
    float: none;
  }
  .show-btns .apt-notes {
    display: none;
  }
  .show-btns .apt-action-btns {
    display: block;
  }
  .ajax-form-se-ro input[type="text"] {
    max-width: 73%;
  }
  .tech-screen .item-opcodes {
    right: 102px;
  }
  .tech-screen .other-item-li .item-opcodes {
    right: 398px;
  }
  #item-cc-popup {
    width: 90%;
  }
  .check-in-form-w-ro {
    width: 380px;
  }
  #opcode-wrapper {
    display: none;
  }
  .location-box div.location-box-store {
    width: calc(100% - 40px);
  }
  #item-cc-popup .item-popup-left,
  #item-cc-popup .item-popup-right {
    width: 100%;
  }
  #item-cc-popup .item-popup-right {
    position: relative;
  }
  .recon-wrap {
    width: 98%;
  }
  .recon-sidebar {
    float: none;
    width: 100%;
  }
  .recon-main {
    float: none;
    width: 100%;
    margin-top: 10px;
  }
  .schedule-service.ss-agent #opcode-wrapper {
    display: block;
}
.board-walk-in #opcode-wrapper {
  display: block;
}
.gdetail-ro .headerflex-right {
    flex-direction: column;
    width: 32%;
    align-items: flex-end;
    gap: 0;
}

.schedule-service.ss-agent .change-vehicle-ro .add-vehicle-search #search-vehicle-button {
    width: unset;
}
.schedule-service.ss-agent input.c-vehicle-search {
    width: 65%;
}
.schedule-service.ss-agent #unified-schedule-form .change-vehicle-ro ul.vehicle-list li {
    width: 28%;
}
.schedule-service.ss-agent .appointment-panel-wrapper .panel-menu ul {
    display: flex;
    gap: 10px;
    margin-top: 0px;
}
.schedule-service.ss-agent .appointment-panel-wrapper .customer-appointment-panel .garage-logo {
    display: inline-block;
    margin: 10px 0px 0px 10px;
}
.schedule-service.ss-agent #unified-form-wrapper .appointment-panel-menu .appointment-panel-item .gm-tab.gm-tab-profile form .basic-info span#sync-cdk-customer {
    width: unset;
}
.schedule-service.ss-agent #unified-form-wrapper .appointment-panel-menu .appointment-panel-item .gm-tab.gm-tab-profile form .basic-info input[type="text"] {
    width: 49% !important;
}
.schedule-service.ss-agent #unified-form-wrapper .appointment-panel-menu .appointment-panel-item .gm-tab.gm-tab-profile form .basic-info input#cdk-customer {
    width: calc(100% - 86px) !important;
}
.schedule-service.ss-agent #unified-form-wrapper .appointment-panel-menu .appointment-panel-item .gm-tab.gm-tab-profile form .pt-10 input.button.button-primary {
    width: unset !important;
}
.customer-appointment-panel {
    display: flex;
    justify-content: space-between;
}
.schedule-service.ss-agent #unified-form-wrapper .appointment-panel-menu .appointment-panel-item ul.vehicle-list li {
    width: 31%;
}
.appointment-panel-item form input.button.button-primary {
    width: unset;
}
.tech-screen .acd2 .group-content .tech-opcode-parts .parts-table li.parts-number {
    width: 130px !important;
}
.tech-screen .acd2 .group-content .tech-opcode-parts .parts-table li.parts-qty {
    width: 80px !important;
    max-width: 80px !important;
}
.tech-screen .acd2 .group-content .tech-opcode-parts .parts-table li.timing {
    width: 180px !important;
}
.tech-screen .acd2 .group-content .tech-opcode-parts .parts-table li.parts-desc {
    width: 410px !important;
}
.tech-screen .acd2 .group-content .tech-opcode-parts .parts-table li.parts-desc input.description {
    width: 100% !important;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.acd-open .acd1 {
  top: 59px;
}
.schedule-service.ss-agent .schedule-available >div:first-child {
    min-width: unset;
}
.schedule-service.ss-agent .rs-container-slide.appt-availability .fright {
    float: unset;
}
.schedule-service.ss-agent .rs-container-slide.appt-availability .fright .schedule-available div:first-child {
    flex-direction: column;
}
.schedule-service.ss-agent .rs-container.overflow .rs-cols table tbody tr td .store-opcodes #unified-form-wrapper #opcode-wrapper .selectize-control {
    width: unset;
}
.schedule-service.ss-agent #repair-order-summary-walk #ro-summary-wrapper #unmanaged-campaigns-wrapper .campaign-wrapper-align {
    flex-direction: column;
    margin-bottom: 8px;
}
.schedule-service.ss-agent #repair-order-summary-walk #ro-summary-wrapper #unmanaged-campaigns-wrapper span.button.button-primary {
    width: unset;
}
.tech-screen .acd2 .fleft.two-col .mpi-sections .items ul .sec-item .item-note-time {
    display: block;
}
.tech-screen .fright.two-col .items .item-note-time {
    display: block;
}
.mpi-section .items .media-wrap {
    background-color: #fff;
}
.tech-screen {
    padding-top: 64px;
}
.tech-screen .acd-open .acd2 {
    margin-top: 40px;
}
.tech-screen:has( #tech-job-list .open) .acd-open .acd2 {
    margin-top: unset;
}
.tech-screen .tech-opcode-parts .timing-date .ui-datepicker {
    right: 0;
}
.page-template.page-template-technician #dms-service-history-popup input.button.button-primary {
    width: unset;
}
.mpi-section .other-items li.other-item-li .qtype-wrap .qtype {
    vertical-align: bottom;
    width: 26px;
    height: 26px;
}
.mpi-section .other-items li.other-item-li .qtype-wrap .media-wrap .open-media i {
    font-size: 26px;
}
.tech-screen .acd2 .tech-mpi-con .mpi-sections .mpi-section .items .media-wrap .open-media .camera {
    font-size: 26px;
}
.tech-screen .acd2 .tech-mpi-con .mpi-sections .mpi-section .items .media-wrap .open-video .camera-2 {
    font-size: 26px;
}
.tech-screen .acd2 .tech-mpi-con .mpi-sections .mpi-section .items .media-wrap .images {
    font-size: 26px;
}
.tech-screen .acd2 .tech-mpi-con .items ul.package-items .qtype {
    width: 22px;
    height: 22px;
    vertical-align: bottom;
}
.board-walk-in.schedule-service > div {
    flex-direction: column;
    display: flex;
}
.board-walk-in.schedule-service > div .appointment-panel-wrapper {
    float: unset !important;
    width: unset !important;
}
.board-walk-in.schedule-service > div .appointment-panel-wrapper .customer-appointment-panel {
    display: flex;
    justify-content: space-between;
    background-color: #fff;
}
.board-walk-in.schedule-service > div .appointment-panel-wrapper .customer-appointment-panel .garage-logo {
    display: inline-block;
    margin: 10px 0px 0px 10px;
}
.board-walk-in.schedule-service > div .appointment-panel-wrapper .customer-appointment-panel .panel-menu ul {
    display: flex;
    margin: 0px;
}
.board-walk-in.schedule-service #repair-order-summary-walk {
    margin-left: 0px !important;
}
.board-walk-in.schedule-service {
    padding: 10px 5px;
}
.board-walk-in.schedule-service div#unified-form-wrapper {
    padding: 0;
}
}

@media only screen and (max-device-width: 1180px) {
  #tech-job-list {
    width: 100%;
    float: none;
    height: auto !important;
  }
  .wide-list {
    display: none;
  }
  .tech-screen #g-menu-items {
    display: none;
  }
  #tech-job-details {
    width: 100%;
    float: none;
    border: none;
    height: auto !important;
  }
  #tech-job-details .tech-body {
    display: block;
  }
  #tech-job-details .tech-body.closed {
    display: none;
  }
  .acd-open {
    padding-top: 93px;
    padding-bottom: 55px;
  }
  .acd-open .acd1 {
    width: 100%;
    position: fixed;
    background-color: #fff;
    z-index: 1;
  }
  .tech-screen .apt-action-btns {
    display: none;
    width: 100%;
    float: none;
  }
  .tech-screen .tech-heading .g-menu,
  .tech-screen .btn-menu {
    display: block;
  }
  .apt-info .tech-mpi-status.heading { display: none; }
  .apt-info .tech-mpi-status.heading.for-mobile { display: block; float: none; width: 100%; height: auto; line-height: normal; margin: 0; }
  .tech-screen .apt-notes {
    width: 100%;
    float: none;
  }
  .show-btns .apt-notes {
    display: none;
  }
  .show-btns .apt-action-btns {
    display: block;
  }
  .ajax-form-se-ro input[type="text"] {
    max-width: 73%;
  }
  .tech-screen .item-opcodes {
    right: 102px;
  }
  .tech-screen .other-item-li .item-opcodes {
    right: 398px;
  }
  #item-cc-popup {
    width: 90%;
  }
  .check-in-form-w-ro {
    width: 380px;
  }
  #opcode-wrapper {
    display: none;
  }
  .location-box div.location-box-store {
    width: calc(100% - 40px);
  }
  .opcode-dropdown-wrapper {
    width: 22%;
  }
  .ro-create-appt-availability {
    width: 100%;
  }
  .ro-create-transpo-types {
    width: 100%;
  }
  .store-transpo-types .lbl-checkbox {
    max-width: 130px;
  }
  .customer-oppointments-sections {
    flex-direction: column;
}
}

@media only screen and (max-device-width: 860px) {
  .check-in-form-w-ro {
    width: 100%;
  }
  .gdetail-ro {
    width: 100%;
  }
}

@media only screen and (max-device-width: 768px) {
  .tech-screen .item-opcodes {
    right: 77px;
  }
  .tech-screen .other-item-li .item-opcodes {
    right: 123px;
  }
}

@media only screen and (max-device-width: 600px) {
  .apt-notes .shop-notes .status {
    width: 80%;
  }
  .next-appt .apt-notes .status {
    width: 100%;
  }
  .tech-screen .cust-vehicle-jobs {
    /*width: auto;*/
  }
  .next-appt {
    position: relative;
  }
  .next-appt .apt-notes {
    position: absolute;
    top: 0px;
    right: 5px;
  }
  .mpi-section .other-items input {
    width: 70%;
  }
  .quick-note {
    margin: 0 0 10px 0;
    width: calc(100% - 10px);
  }
  .acd-open {
    padding-bottom: 95px;
  }
  .tech-screen .item-opcodes {
    right: 61px;
  }
  .tech-screen .other-item-li .item-opcodes {
    right: 62px;
  }
  .mpi-section .other-items input.other-item-part {
    width: calc(100% - 178px);
  }
  .mpi-section .other-items input.other-item-cause {
    width: calc((100% / 2) - 57px);
  }
  .mpi-section .other-items input.other-item-note {
    width: calc((100% / 2) - 57px);
  }
  .quick-select-options.with-locations .quick-item-categories {
    width: 50%;
  }
  .quick-select-options .pos-options {
    width: 49%;
  }
  .item-popup input[type="text"] {
    max-width: 100%;
  }
}

@media only screen and (max-device-width: 540px) {
  .location-box .appt-map {
    display: none;
  }
}

@media only screen and (max-device-width: 860px) {
  #dup-check-notification {
    z-index: 100050;
    padding: 25px 10px;
    bottom: 0;
    left: 50%;
    border: 0;
    cursor: pointer;
    text-align: center;
    font-weight: 700;
    user-select: none;
    border-radius: 5px;
    position: absolute;
  }

  #dup-check-notification.active,
  #dup-check-notification.found {
    display: block;
  }
  #dup-check-notification.active {
    border-bottom: 3px solid #adafb2;
    background: -webkit-linear-gradient(top, #f3f3f4, #aba9a9);
  }
  #dup-check-notification.found {
    border-bottom: 3px solid #831f09;
    background: -webkit-linear-gradient(top, #d89283, #e33812);
  }
}

@media only screen and (max-device-width: 2400px){
.gdetail-ro #greeter-ro-create-header .garage-logo {
    width: 200px;
    height: 62px;
    margin: 0px 0px 0px -45px;
  }
  .gdetail-ro #greeter-ro-create-header input.auto-save::placeholder {
    font-size: 12px !important;
  }
}

@media only screen and (max-width: 511px) {
.gdetail-ro #greeter-ro-create-header {
  padding: 0 5px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: stretch;
  justify-content: space-between;
  align-items: center;
}
#greeter-ro-create-header .vehicle-details {
    flex: auto;
}
.gdetail-ro #greeter-ro-create-header .step-box.full {
    width: 100% !important;
    max-width: 152px;
}
#greeter-ro-create-header .vehicle-details > div > div > div {
    margin-top: -5px;
}
.gdetail-ro #greeter-ro-create-header .customer-details-wrapper {
    margin-right: 0px;
}
.gdetail-ro #greeter-ro-create-header input.auto-save {
    width: 60% !important;
}
.gdetail-ro table tr td {
    width: 200px !important;
    min-height: 50px
}
.gdetail-ro table.mobhide tr td {
    min-height: unset
}
.gdetail-ro table tr td.parts-qty-wrapper {
    width: 62px !important;
}
.gdetail-ro table tr td.parts-total-wrapper {
    width: 90px !important;
}
.gdetail-ro table tr td.opcode-dropdown-wrapper {
    width: 208px !important;
}
.gdetail-ro table tr td.toggle_description_wrapper {
    width: 100px !important;
}
.gdetail-ro table tr td.default-labor-type-dropdown-wrapper {
    width: 200px !important;
}
.gdetail-ro table tr td.parts-group-wrapper {
    width: 80px !important;
}
.gdetail-ro table tr td.part-matrix-group-wrapper {
    width: 80px !important;
}
.gdetail-ro .opcode-list {
    overflow: auto;
    width: 93%;
    overflow-y: hidden;
    margin: 0px 7px;
}
.gdetail-ro .opcode-list::-webkit-scrollbar {
    width: 5px;
    height: 6px;
}
.gdetail-ro .opcode-list::-webkit-scrollbar-thumb {
    background-color: #006681b8;
    border-radius: 12px;
}
.gdetail-ro .opcode-list::-webkit-scrollbar-track {
    border-radius: 10px;
    background: #d9d9d9;
}
.gdetail-ro .opcode-list table .cost-wrapper {
    width: 130px;
 }
 .gdetail-ro button.labor-lookup {
    width: 100%;
}
.gdetail-ro table tr td.ro-more-parts-wrapper {
    width: 110px !important;
}
.gdetail-ro table tr td.ro-labor-total {
    width: 80px !important;
}
.gdetail-ro table tr  td.cost.cost-wrapper {
    width: 120px !important;
}
.gdetail-ro table tr td.add-remove-opcode {
    width: 50px !important;
}
.gdetail-ro .float-right {
    float: unset;
}
.gdetail-ro #unified-form-wrapper, .gdetail-ro #appointment-notes-customer-details-wrapper {
    display: flex;
    padding: 5px;
    flex-direction: column;
}
.gdetail-ro #appointment-notes-customer-details-wrapper .gdetail-ro .appointment-notes-wrapper {
    padding-right: 0px;
}
.gdetail-ro #appointment-notes-customer-details-wrapper .gdetail-ro .customer-details-wrapper {
    padding-left: 0px;
}
.gdetail-ro .transport-options {
    padding: 0px;
}
.gdetail-ro table td.labor-lookup-wrapper {
    width: 90px !important;
}
.gdetail-ro span.quick-select-toggler {
    margin-left: 0px !important;
    padding-left: 10px !important;
}
.gdetail-ro .tax-sub-total {
    margin-right: 0px !important;
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.gdetail-ro span.shop-fee-wrapper {
    display: flex;
    gap: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.gdetail-ro span.copy-to-clipboard {
    position: absolute;
    right: 0;
    top: 6px;
}
.gdetail-ro span.quick-select-toggler {
    float: right;
    margin-top: -26px;
}
.gdetail-ro span.PartsSubTotal {
    gap: 10px;
    display: flex;
}
.gdetail-ro span.LaborSubTotal {
    gap: 10px;
    display: flex;
}
.gdetail-ro span.LineSubTotal {
    gap: 10px;
    display: flex;
}
.gdetail-ro #greeter-ro-create-header span.wp-svg-camera.camera {
    margin-left: 0px;
    margin-top: -9px;
    margin-right: 0;
}
.gdetail-ro .customer-name {
    font-size: 14px;
}
.gdetail-ro .headerflex-right {
    width: 100% !important;
    align-items: flex-start !important;
}
.gdetail-ro .headerflex-right .customer-details-wrapper .step-box.full {
    min-width: 94px !important;
}
#greeter-ro-create-header .customer-name {
    font-size: 15px !important;
}

.tech-screen #tech-job-details .tech-body-acd {
    padding-top: 0px;
    padding-bottom: 0px;
}
.tech-screen .apt-action-btns form {
    margin-top: 10px;
}
.page-template.page-template-technician #dms-service-history-popup {
    left: 50% !important;
    width: calc(100% - 10%);
    top: 50% !important;
    border-radius: 10px;
    transform: translate(-50%, -50%);
}
#search-dms-service-history input[type="text"] {
    max-width: 100%;
    width: calc(100% - 68px) !important;
}
.tech-screen #tech-job-details .group-content .opcode-row .opcode-line {
    padding: 20px 6px;
}
.tech-screen #tech-job-details .group-content .opcode-row .opcode-line span.add-reco {
    display: flex;
    gap: 4px;
}
.tech-screen #tech-job-details .group-content .opcode-row .opcode-line label {
    font-size: 12px;
    margin-bottom: 6px;
    display: inline-block;
}
.tech-screen #tech-job-details .group-content .opcode-row .opcode-cs {
    font-size: 13px;
}
.tech-screen #tech-job-details .group-content .parts-table li.parts-number {
    width: unset;
}
.tech-screen #tech-job-details .group-content .parts-table .ui-datepicker-inline {
    width: 98%;
    margin: 0px auto;
}
.tech-screen #tech-job-details .group-content .tech-opcode-parts .parts-table ul.thead {
    display: none;
}
.tech-screen #tech-job-details .group-content .tech-opcode-parts .parts-table li.parts-actions {
    width: 60px !important;
}
.tech-screen #tech-job-details .group-content .tech-opcode-parts .parts-table ul.tbody li {
    width: calc((100% - 20px) / 3);
    box-sizing: border-box;
}
.tech-screen #tech-job-details .group-content .tech-opcode-parts .parts-table ul.tbody {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}
.tech-screen #tech-job-details .group-content .tech-opcode-parts .parts-table li.parts-number {
    width: calc(100% - 70px) !important;
}
.tech-screen #tech-job-details .group-content .tech-opcode-parts .parts-table ul.tbody li.parts-price {
   width: 70px !important;
}
.tech-screen #tech-job-details .group-content .tech-opcode-parts .parts-table {
    padding-top: 10px;
}
.tech-screen #tech-job-details .group-content .tech-opcode-parts .parts-table ul.tbody {
    margin-bottom: 10px;
}
.tech-screen #tech-job-details .group-content .tech-opcode-parts .parts-table ul.tbody li.parts-desc {
    width: 100% !important;
}
.tech-screen #tech-job-details .group-content .tech-opcode-parts .parts-table ul.tbody li.source {
   width: calc(100% - 240px) !important;
}
.tech-screen #tech-job-details .group-content .tech-opcode-parts .parts-table ul.tbody li.parts-matrix {
   width: calc(100% - 160px) !important;
}
.tech-screen .acd2 .group-content .tech-opcode-parts .parts-table li.parts-qty {
    width: 70px !important;
    max-width: 70px !important;
}
.tech-screen #tech-job-details .group-content .blue-section .fright {
    width: 84%;
}
.tech-screen .tech-body .mpi-action-btns.items {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
}
.tech-screen .tech-body .mpi-action-btns.items .btn-con.btn-confirm {
    float: unset;
    width: 48%;
    margin: 0;
}
.tech-screen .tech-body .mpi-action-btns.items button {
  float: unset;
}
.sidebar-chat .chat-head-filter form .chat-appointment-search {
    right: 18px;
}
.sidebar-chat .chat-head-filter form input#chat-filter {
    width: 100%;
    max-width: 97%;
}
.tech-screen #g-menu-items.open form input[type="text"] {
    max-width: 100%;
  width: calc(100% - 105px);
}
.tech-screen #tech-job-details .apt-notes .group.acc-closed h3 {
  font-size: 18px;
  text-align: left;
  padding-left: 10px;
}
.tech-screen #tech-job-details .apt-notes .group h3 {
  font-size: 18px;
  text-align: left;
  padding-left: 10px;
}
.tech-screen #tech-job-details .note-table.mpi-overview-items .dv-tbl-row .dv-tbl-col .dv-tbl-col.no-border.no-padding {
    width: 10% !important;
}
.tech-screen #tech-job-details .note-table.mpi-overview-items .dv-tbl-row .dv-tbl-col.item.yellow {
   width: calc(100% - 34px) !important;
}
.tech-screen #tech-job-details .note-table.mpi-overview-items .dv-tbl-row .dv-tbl-col.dv-tbl-col.cause {
    width: 100% !important;
    min-height: 28px;
}
.tech-screen #tech-job-details .group-content .tech-opcode-parts .parts-table ul.tbody li.timing {
   width: calc(100% - 160px) !important;
}
.tech-screen #tech-job-details .note-table.mpi-overview-items .dv-tbl-row .dv-tbl-col.parts-timing {
    width: calc(100% - 86px) !important;
}
.tech-screen #tech-job-details .note-table.mpi-overview-items .dv-tbl-row .dv-tbl-col.no-border.approve-status {
    width: 76px !important;
}
.tech-screen #tech-job-details .note-table.mpi-overview-items .dv-tbl-row .dv-tbl-col.no-border.no-padding {
    width: 24px !important;
}
.tech-screen #tech-job-details .note-table.mpi-overview-items .dv-tbl-row.thead {
    display: none !important;
}
.tech-screen #tech-job-details .note-table.mpi-overview-items .dv-tbl-row .dv-tbl-col.int-note-col {
   width: calc(100% - 40px) !important;
}
.tech-screen #tech-job-details .note-table.mpi-overview-items .dv-tbl-row .dv-tbl-col.no-border.send {
    width: 30px !important;
}
.tech-screen #tech-job-details .note-table.mpi-overview-items .dv-tbl-row .dv-tbl-col.item.red {
    width: calc(100% - 34px) !important;
}
.note-table.mpi-overview-items {
    padding-top: 10px;
}
.tech-screen #tech-job-details .note-table.mpi-overview-items .dv-tbl-row .dv-tbl-col {
    width: calc((100% - 20px) / 3) !important;
    box-sizing: border-box;
}
.tech-screen #tech-job-details .note-table.mpi-overview-items .dv-tbl .dv-tbl-row {
    display: flex;
    gap: 10px;
   flex-wrap: wrap;
}
.tech-screen .acd2 .group-content .lh .note-table .mpi-table ul {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}
.tech-screen .acd2 .group-content .lh .note-table .mpi-table ul li{
    width: calc((100% - 20px) / 3);
    box-sizing: border-box;
}
.tech-screen .acd2 .group-content .lh .note-table .mpi-table ul.thead {
    display: none;
}
.tech-screen .acd2 .group-content .lh .note-table .mpi-table ul li.aitem {
    width: 69% !important;
}
.tech-screen .acd2 .group-content .lh .note-table .mpi-table ul li:nth-child(2) {
    width: 28% !important;
}
.tech-screen .acd2 .group-content .lh .note-table .mpi-table ul li.ahours {
    width: 54% !important;
}
.tech-screen .acd2 .group-content .lh .note-table {
    padding-top: 10px;
}
.tech-screen .acd-open .acd2 {
    margin-top: 135px;
}
.tech-screen .acd2 .apt-notes .fleft.shop-notes.accordion .group.acc-closed h3::after {
    top: 2px;
    right: 10px;
}
form#search-dms-service-history input.button.button-primary {
    width: unset;
}
.tech-screen #tech-job-details .note-table.mpi-overview-items .dv-tbl-col.cause {
    width: 100px;
}
.tech-screen .mpi.tech-mpi-con {
    margin-bottom: 100px;
}
.tech-screen #tech-job-details .note-table.mpi-overview-items .dv-tbl .dv-tbl-row .dv-tbl-col.cc {
  width: 100% !important;
}
.apt-action-btns > div > div {
    margin: 0px;
    --i-item: 4;
    --g-inner: 5px;
    display: flex;
    flex-wrap: wrap;
    gap: var(--g-inner);
}
.apt-action-btns > div > div .fleft.mpi-header-block.stchat-share {
    width: calc((100% - (var(--g-inner)*(var(--i-item) - 1)) ) ) / var(--i-item);
    margin: 0;
    flex-grow: 1;
}
.apt-action-btns > div > div .clear-both {
    display: none;
}
.tech-screen #g-menu-items ul.status-nav {
    margin: 0px 10px;
    --i-item: 4;
    --g-inner: 5px;
    display: flex;
    flex-wrap: wrap;
    gap: var(--g-inner);
}
.tech-screen #g-menu-items ul.status-nav li {
    width: calc((100% -(var(--g-inner)*(var(--i-item) - 1)))) / var(--i-item) !important;
    margin: 0;
    flex-grow: 1;
    max-width: unset;
}
.tech-screen .acd2 .special-notice-wrap > div {
    font-size: 13px;
    text-align: left;
    padding-left: 12px;
}
.tech-screen .acd2 .apt-notes .fleft.shop-notes.accordion .group h3::after {
    top: 2px;
    right: 10px;
}
.tech-screen .mpi-sections .mpi-action-btns button.save-progress {
    margin-left: unset;
}
.tech-screen .tech-body .mpi-action-btns.items button {
    width: 48%;
}
.acd-open .acd1 {
    top: 48px;
}
.tech-screen .acd2 .two-col .mpi-sections .items ul .sec-item .item-opcodes {
    right: 0;
}
.tech-screen .acd2 ul.package-items .field-psi {
    max-width: unset;
}
.tech-screen .acd2 ul.package-items .field-psi input.psi {
    width: calc(50% - 2px);
    max-width: calc(50% - 2px);
}
.page-template-technician #item-cc-popup .item-popup-left{
    min-width: unset;
}
.page-template-technician #item-cc-popup .item-popup-left .mpi-table .tech-user {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 12px;
}
.page-template-technician #item-cc-popup .item-popup-left .mpi-table .tech-user li.qty {
    width: 60px;
    max-width: unset;
    min-width: unset;
}
.page-template-technician #item-cc-popup {
    width: 96%;
}
.page-template-technician #item-cc-popup .item-popup-left .mpi-table .tech-user li.ltotal.retail_hour input[type="text"] {
    max-width: unset;
    width: 100% !important;
}
.page-template-technician #item-cc-popup .item-popup-left .mpi-table .tech-user li {
    width: calc((100% - 20px) / 4);
    box-sizing: border-box;
}
.page-template-technician #item-cc-popup .item-popup-left .mpi-table ul.thead {
    display: none;
}
.page-template-technician #item-cc-popup .item-popup-left .mpi-table .tech-user li.opcode {
    width: calc(100% - 70px);
    max-width: unset;
}
.page-template-technician #item-cc-popup .item-popup-left .mpi-table .tech-user li.labor-type {
    min-width: unset;
    max-width: unset;
    width: calc(100% - 161px) !important;
}
.page-template-technician #item-cc-popup .item-popup-left .mpi-table .tech-user li.ro-more-parts-wrapper {
    width: 151px;
}
.page-template-technician #item-cc-popup .item-popup-left .mpi-table .tech-user li.parts_total.parts {
    width: 15%;
    min-width: unset;
}
.page-template-technician #item-cc-popup .item-popup-left .mpi-table .tech-user li.timing {
    width: 16%;
    min-width: unset;
}
.page-template-technician #item-cc-popup .item-popup-left .mpi-table .tech-user li.rate {
    width: 19%;
    min-width: unset;
}
.page-template-technician #item-cc-popup .item-popup-left .mpi-table .tech-user li.ltotal.retail_hour {
    width: 16%;
    min-width: unset;
}
.page-template-technician #item-cc-popup .item-popup-left .mpi-table .tech-user li.total {
    width: 20%;
    min-width: unset;
}
.page-template-technician .suggested-opcodes-box ul li {
   width: 31.6%;
    max-width: unset;
}
.page-template-technician #item-parts-popup .parts-table ul.thead {
    display: none;
}
.page-template-technician #item-parts-popup .parts-table ul.tbody {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}
.page-template-technician #item-parts-popup .parts-table ul.tbody li {
    width: calc((100% - 20px) / 3);
    box-sizing: border-box;
}
.page-template-technician #item-parts-popup .parts-table ul.tbody li.parts-actions {
    width: 60px !important;
}
.page-template-technician #item-parts-popup .parts-table ul.tbody li.parts-number.relative {
    width: calc(100% - 70px) !important;
}
.page-template-technician #item-parts-popup .parts-table ul.tbody li.parts-qty {
    width: 50px;
}
.page-template-technician #item-parts-popup .parts-table ul.tbody li.timing {
    width: 80px;
}
.page-template-technician #item-parts-popup .parts-table {
    margin-top: 13px;
}
.page-template-technician .parts-tech-opcode-parts .mpi-header-block .title {
    font-size: 30px;
}
.page-template-technician .parts-tech-opcode-parts .mpi-header-block > div:nth-child(3) {
    display: none !important;
}
.page-template-technician .parts-tech-opcode-parts .mpi-header-block {
    display: flex;
    justify-content: space-between;
    padding: 0px 10px;
}
.page-template-technician .suggested-opcodes-box ul li span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.mpi-right-section span.item-title {
    width: 130px;
}
.page-template-technician .ui-dialog-buttons.ui-draggable {
     width: calc(100% - 4%) !important;
}
.tech-screen .show .note-internal-input input.item-notes {
    margin-top: 5px;
    max-width: 100%;
}
.tech-screen .acd2 .fleft.two-col .mpi-section.hor .items .package-items li {
    width: 50%;
}
.tech-screen .acd2 .mpi-section .items .qtype {
    margin-bottom: 8px;
}
.tech-screen .acd2 .fleft.two-col .mpi-section .field-batt .battery-container ul.battery-rating {
    width: 132px;
}
.tech-screen .acd2 .fleft.two-col .mpi-section .field-batt .battery-container .battery-line {
    height: 32px;
    top: 13px;
}
.tech-screen .acd2 .fleft.two-col .mpi-section .field-batt .battery-container {
    height: auto;
}
#video-player-con, #video-recorder-wrap .video-container {
    width: 100% !important;
}
.part-reponse-data-popup.show {
    width: 76%;
}
.tech-screen {
   padding-top: 54px;
}
.tech-screen .tech-opcode-parts .timing-date .ui-datepicker {
    right: 0;
}
.tech-screen .acd2 .group-content .opcode-reco-form .reco-section .tech-reco-section-table ul.thead {
    display: none;
}
.tech-screen .acd2 .group-content .opcode-reco-form .reco-section .tech-reco-section-table .tbody {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 10px;
}
.tech-screen .acd2 .group-content .opcode-reco-form .reco-section .tech-reco-section-table .tbody li {
    width: calc((100% - 20px) / 3);
    box-sizing: border-box;
}
.tech-screen .acd2 .group-content .opcode-reco-form .reco-section .tech-reco-section-table .tbody li.reco-photo {
    width: 50px !important;
}
.tech-screen .acd2 .group-content .opcode-reco-form .reco-section .tech-reco-section-table .tbody li.reco-cause {
    width: calc(100% - 60px) !important;
}
.tech-screen .acd2 .group-content .opcode-reco-form .reco-section .tech-reco-section-table .tbody li.qty {
    width: 70px;
}
.tech-screen .acd2 .group-content .opcode-reco-form .reco-section .tech-reco-section-table .tbody li.part_number {
    width: 135px !important;
}
.tech-screen .acd2 .group-content .opcode-reco-form .reco-section .tech-reco-section-table .tbody li.parts {
    width: calc(100% - 225px) !important;
}
.tech-screen .acd2 .group-content .opcode-reco-form .reco-section .tech-reco-section-table .tbody  li.timing {
    width: 215px;
}
.tech-screen .acd2 .group-content .opcode-reco-form .reco-section .tech-reco-section-table .tbody  li.hours {
    width: calc(100% - 225px) !important;
}
.tech-screen .acd2 .group-content .opcode-reco-form .reco-section .tech-reco-section-table .tbody li.action {
    width: 60px !important;
}
.tech-screen .acd2 .group-content .opcode-reco-form .reco-section .tech-reco-section-table .tbody li.total {
    width: calc(100% - 70px) !important;
}
.parts-tech-opcode-parts .parts-table .part-reponse-data-popup.show {
    width: 76% !important;
}
.tech-screen .acd2 .group-content .part-reponse-data-popup.show {
    width: 76%;
}
.sidebar-chat .chat-head-filter button.mark-read {
    margin: 0 auto;
    margin-top: 44px;
    width: 97%;
    margin-left: 5px;
    margin-right: unset;
}
.tech-screen .acd2 .tech-mpi-con .mpi-sections .items .item-title {
    font-size: 14px;
}
.tech-screen .acd2 .mpi-section ul.other-items .input-text-con .item-cat-part {
    width: 100%;
    max-width: 100%;
}
.tech-screen .acd2 .mpi-section ul.other-items .input-text-con .item_cause {
    width: 100%;
    max-width: 100%;
}
.tech-screen .acd2 .mpi-section ul.other-items .input-text-con .note-input {
    width: calc(100% - 108px);
}
.tech-screen .apt-action-btns form .change-submit.w100 {
    margin-top: 8px;
}
.tech-screen .acd2 .apt-action-btns .prior-mpi-reports {
    width: calc(100% - 0px);
    box-sizing: border-box;
    margin: 0px 1.5px;
}
}

@media only screen and (min-width: 40em) {
  .gdetail-ro  #greeter-ro-create-header {
    padding: 0 5px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: stretch;
    align-items: center;
  }
}

@media only screen and (min-width: 512px) and (max-width: 767px) {
  .gdetail-ro #greeter-ro-create-header {
    padding: 2px 10px;
    column-gap: 37px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .gdetail-ro #greeter-ro-create-header .vehicle-details { min-width: 170px !important; }
}

@media only screen and (max-width: 1024px) {
.gdetail-ro .opcode-list table .ro-labor, .gdetail-ro td.ro-labor.field{
    display: none; 
}
.gdetail-ro td.ro-labor-total.align-center {
    display: block !important;
} 
.gdetail-ro td.toggle-button {
  display: table-cell !important;
  width: 10% !important;
}    

.board-walk-in.schedule-service .opcode-list table .ro-labor, .gdetail-ro td.ro-labor.field{
 display: none; 
}
.board-walk-in.schedule-service td.ro-labor-total.align-center {
 display: block !important;
} 
.board-walk-in.schedule-service td.toggle-button {
   display: table-cell !important;
   width: 7% !important;
} 
.board-walk-in.schedule-service .sy_tableFormet button.labor-toggle {
    width: 100%;
}
.board-walk-in.schedule-service .sy_tableFormet td.ro-labor-total.toggle-button {
  position: relative;
}
.board-walk-in.schedule-service .sy_tableFormet .toggle-details .ro-labor.field {
    display: block !important;
}
.board-walk-in.schedule-service .sy_tableFormet .toggle-details {
    position: absolute;
    top: 0px;
    left: 0%;
    transform: translate(-100%, 0%);
    z-index: 999;
    background: #fff;
    gap: 6px;
    width: max-content;
    padding: 5px;
    display: flex;
    border: 1px solid #d0d0d0;
    transition: all 0.8s ease;
}
.board-walk-in.schedule-service .sy_tableFormet .toggle-details {
    border: 1px solid gray;
    background-color: #cec8c8e6;
    height: 83%;
}

section.schedule-service.ss-agent  .opcode-list table .ro-labor, .gdetail-ro td.ro-labor.field{
 display: none; 
}
section.schedule-service.ss-agent  td.ro-labor-total.align-center {
 display: block !important;
} 
section.schedule-service.ss-agent td.toggle-button {
   display: table-cell !important;
   width: 10% !important;
}
section.schedule-service.ss-agent  .sy_tableFormet button.labor-toggle {
    width: 100%;
}
section.schedule-service.ss-agent  .sy_tableFormet td.ro-labor-total.toggle-button {
  position: relative;
}
section.schedule-service.ss-agent  .sy_tableFormet .toggle-details .ro-labor.field {
    display: block !important;
}
section.schedule-service.ss-agent  .sy_tableFormet .toggle-details {
    position: absolute;
    top: 0px;
    left: 0%;
    transform: translate(-100%, 0%);
    z-index: 999;
    background: #fff;
    gap: 6px;
    width: max-content;
    padding: 5px;
    display: flex;
    border: 1px solid #d0d0d0;
    transition: all 0.8s ease;
}
section.schedule-service.ss-agent  .sy_tableFormet .toggle-details {
    border: 1px solid gray;
    background-color: #cec8c8e6;
    height: 83%;
}

.gdetail-ro .sy_tableFormet .toggle-description {
    width: 100%;
}
.gdetail-ro .sy_tableFormet button.labor-toggle {
    width: 100%;
}
 .gdetail-ro .customer-details-wrapper > div .fleft .schedule-service .lbl-radio-apt-time-m .fleft {
    width: 50% !important;
}
.gdetail-ro .customer-details-wrapper > div .fleft {
    width: 96% !important;
}
.gdetail-ro .customer-details-wrapper .unified-btns {
    display: flex;
    gap: 12px;
}
.gdetail-ro .unified-btns .button.button-primary {
    width: 99%;
}
.gdetail-ro .unified-btns input {
    width: 99%;
}

.gdetail-garage .right-sidebar {
    width: 100%;
}
.gdetail-garage .basic-info > div .button.button-primary {
    width: unset;
} 
    .gdetail-garage .basic-info input[type="text"] {
        width: 48% !important;
        max-width: 100%;
    }
    .gdetail-garage .basic-info > div {
        margin-top: 5px;
        width: 51.4% !important;
    }
.gdetail-garage .basic-info input.short {
    width: 48% !important;
}
.gdetail-garage .gm-tab-profile  .pt-10 input.button.button-primary {
    width: unset;
}
.gdetail-garage .gm-tab-profile .relative .with-preferred-icon {
    max-width: 100%;
    margin-bottom: 10px;
}
.gdetail-garage .gm-tab-profile .relative {
    width: 100%;
}
.gdetail-garage .gm-tab-profile .addresses .address-row {
    width: 33.33%;
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
}
.gdetail-garage .gm-tab-profile .addresses .address-row .with-preferred-icon {
    height: 100%;
} 
.schedule-service.ss-agent #unified-form-wrapper {
    padding: 0px;
}
.schedule-service.ss-agent .rs-container.overflow {
    padding: 20px 10px;
}
.gdetail-ro .headerflex-right {
    flex-direction: column;
    width: 32%;
    align-items: flex-end;
    gap: 0;
}
.gdetail-ro #greeter-ro-create-header {
    align-items: flex-start;
}
.gdetail-ro .headerflex-left {
    gap: 8px;
}
.gdetail-ro .header-section-wrap {
    margin: 0px 2px;
} 
#greeter-ro-create-header .vehicle-buttons > div a {
    padding: 2px;
}
#greeter-ro-create-header .vehicle-buttons > div a i {
    font-size: 8px;
}
#greeter-ro-create-header .vehicle-details > div  .vehicle-title-name {
    font-size: 12px;
}
#greeter-ro-create-header .vehicle-details > div > div {
    font-size: 12px;
}
.gdetail-ro #ro-summary-wrapper .heading-title  .tax-sub-total span {
    margin-right: 12px;
    font-size: 12px;
}
.gdetail-ro #ro-summary-wrapper .heading-title {
    font-size: 12px;
}
.opcode-children ul li.lbl-checkbox input[type=checkbox] + span {
    font-size: 10px;
}
.add-vehicle-search form #search-vehicle-button {
    width: unset;
}
.add-vehicle-search form input[type="text"] {
    max-width: 300px;
}
.schedule-service.ss-agent .rs-container-slide.customer-profile {
    flex-direction: column;
}
.schedule-service.ss-agent .rs-container-slide.customer-profile .rs-container:first-of-type {
    width: 100%;
}
.schedule-service.ss-agent .rs-container-slide.customer-profile .appointment-log-wrapper {
    width: 100%;
}
.schedule-service.ss-agent .vehicle-box .vehicle-title {
    font-size: 13px;
}
.schedule-service.ss-agent .vehicle-box {
    padding: 10px;
}
.schedule-service.ss-agent .vehicle-list li {
    margin: 8px;
}
.schedule-service.ss-agent .garage-menu ul li a {
    font-size: 14px;
}
.gdetail-ro #ro-summary-wrapper .heading-title .tax-sub-total {
    display: none;
}
.gdetail-ro #labor-lookup-dialog {
    width: calc(100% - 5%) !important;
} 
.board-walk-in #labor-lookup-dialog {
    width: calc(100% - 5%) !important;
}
.schedule-service.ss-agent #labor-lookup-dialog {
    width: calc(100% - 5%) !important;
}

.page-template-store-board #TB_window {
    left: 50% !important;
    width: calc(100% - 1%) !important;
    top: 50% !important;
    border-radius: 10px;
    transform: translate(-50%, -50%);
    margin: 0px !important;
}
.page-template-store-board #TB_ajaxContent {
    width: 100% !important;
    padding: 0px !important;
}
.board-walk-in #ro-summary-wrapper .inner-container {
    margin: 0;
}
.board-walk-in .sy_tableFormet tr td.ro-labor.field input[type="text"] {
    max-width: 100%;
}
.board-walk-in .rs-container-slider:has(.add-customer) {
    flex-direction: column;
}
.board-walk-in .appointment-log-detail-wrapper {
        width: 98% !important;
        margin: 10px;
}
.board-walk-in .customer-profile .rs-container:first-of-type {
    width: 100% !important;
}
.board-walk-in .customer-profile {
    flex-direction: column;
    margin: 10px;
    width: 97%;
}
.board-walk-in .customer-profile .no-padding.appointment-log-wrapper {
    width: 100% !important;
}
.board-walk-in .fleft.appt-confirm {
    width: 100% !important;
}
.board-walk-in .fleft.appt-confirm #appt-confirmation {
    margin: 20px 0px;
}
.board-walk-in .confirm-appt-btn .button.button-primary {
    width: 100%;
}
.board-walk-in .schedule-available .ro-create-transpo-types.fleft {
    margin: 0px !important;
}
.board-walk-in.schedule-service {
    padding: 15px;
}
.board-walk-in .customer-oppointments-sections .appt-confirm {
    width: 100% !important;
}
.schedule-service.ss-agent .change-vehicle-ro .add-vehicle-search #search-vehicle-button {
    width: unset;
}
.schedule-service.ss-agent table.mobhide td.ro-labor-total.align-center {
    white-space: nowrap;
    margin-top: 11px;
}
.board-walk-in .mobhide td.ro-labor-total.align-center {
    white-space: nowrap;
    margin-top: 11px;
}
.schedule-service.ss-agent div#unified-form-wrapper div#opcode-wrapper .maintenance-vehicle {
    width: 100% !important;
}
.headerflex-left {
    grid-area: a;
}
.vehicle-buttons {
    grid-area: b;
    margin-left: auto;
}
.vehicle-photos-con-mobile {
    grid-area: c;
    margin: auto;
}
.lane-tech-view {
    grid-area: d;
    margin-left: auto;
}
.customer-details-wrapper {
    grid-area: e;
}
#greeter-ro-create-header .vehicle-details-sec1 {
    grid-area: f;
}
header#greeter-ro-create-header .headerflex-left {
    display: grid !important;
    grid-template:
        "f f b b b c" auto
        "f f d d d d" auto
        "f f e e e e" auto / 1fr 1fr 1fr 1fr 1fr 60px;
}

#greeter-ro-create-header .vehicle-details-sec2{
     grid-area: f;
}
}

@media only screen and (min-width: 1024px) {
  .gdetail-ro .sy_tableFormet input.uf-cost-field {
    width: 72%;
}
.gdetail-ro table.mobhide tr td.ro-labor-total {
    vertical-align: middle;
    line-height: 40px;
}
.gdetail-ro .opcode-list table .opcode-dropdown-wrapper {
    width: 23% !important;
}

}

@media only screen and (max-width : 767px){
  .gdetail-ro .opcode-list table .parts-qty-wrapper {width : 10%;}
   .gdetail-ro .opcode-list table .opcode-dropdown-wrapper {width : 15%;}
   .gdetail-ro .opcode-list table .toggle_description_wrapper {width : 7%;}
   .gdetail-ro button.toggle-description,  .gdetail-ro button.labor-lookup, .gdetail-ro button.ro-more-parts,button.labor-toggle {font-size: smaller;padding: 2px !important;}
   .gdetail-ro .opcode-list table .default-labor-type-dropdown-wrapper {width : 15%;}
   .gdetail-ro .opcode-list table .ro-more-parts-wrapper {width : 10%;}
   .gdetail-ro .opcode-list table .parts-total-wrapper {width : 7%;}
   .gdetail-ro .opcode-list table .ro-labor-total {width : 100%; }
   .gdetail-ro .opcode-list table td.labor-lookup-wrapper {width : 3%; }
   .gdetail-ro .opcode-list table .cost-wrapper { width : 12% !important;}
   .gdetail-ro .add-remove-opcode{width: 5%;}
   .gdetail-ro td.toggle-button { height: 60px;}
}

@media only screen and (min-width : 768px) and (max-width : 819px){
  .gdetail-ro .opcode-list table .opcode-dropdown-wrapper {width : 18%;}
  .gdetail-ro .opcode-list table .toggle_description_wrapper {width : 6%; }
  .gdetail-ro button.toggle-description,  .gdetail-ro button.labor-lookup, .gdetail-ro button.ro-more-parts,button.labor-toggle {padding: 3px !important;}
  .gdetail-ro .opcode-list table .default-labor-type-dropdown-wrapper {width : 15%;}
  .gdetail-ro .opcode-list table .ro-more-parts-wrapper {width : 10%;}
  .gdetail-ro .opcode-list table .parts-total-wrapper {width : 7%;}
  .gdetail-ro .opcode-list table .ro-labor-total { width : 100%;}
  .gdetail-ro .opcode-list table td.labor-lookup-wrapper {width : 3%;}
  .gdetail-ro .opcode-list table .cost-wrapper {width : 14% !important;}
  .gdetail-ro .add-remove-opcode{ width: 5%; }
  .gdetail-ro td.toggle-button { height: 55px; }
.schedule-service.ss-agent .sy_tableFormet td.labor-lookup-wrapper {
    width: 10% !important;
}
.schedule-service.ss-agent table.mobhide td.labor-lookup-wrapper {
    width: 20%;
}
.schedule-service.ss-agent table .opcode-dropdown-wrapper {width : 20% !important;}
.schedule-service.ss-agent table .toggle_description_wrapper { width : 7%;}
.schedule-service.ss-agent table .default-labor-type-dropdown-wrapper { width : 15% !important; }
.schedule-service.ss-agent table .ro-more-parts-wrapper {width : 9% !important;}
.schedule-service.ss-agent table .parts-total-wrapper { width : 7% !important;}
.schedule-service.ss-agent  table .cost-wrapper { width : 10% !important;}
.schedule-service.ss-agent table .add-remove-opcode-wrapper{ width : 5%;}
.schedule-service.ss-agent #uf-opcode-select > div ul li.lbl-checkbox {
        width: 24% !important;
    }
    #greeter-ro-create-header .customer-name {
    font-size: 15px;
}
.headerflex-right .customer-details-wrapper .step-box.full input[type='number'] {
    width: 100px !important;
}
.headerflex-right .customer-details-wrapper .step-box.full {
    min-width: 187px;
}
.header-section-wrap {padding: 4px !important;}
.header-section-wrap{
  justify-content: center;
}

.board-walk-in .sy_tableFormet tr td.opcode-dropdown-wrapper {
    width: 20% !important;
}
.board-walk-in .sy_tableFormet tr td.toggle_description_wrapper {
    width: 7%;
}
.board-walk-in .sy_tableFormet tr td.default-labor-type-dropdown-wrapper {
    width: 15% !important;
}
.board-walk-in .sy_tableFormet tr td.ro-more-parts-wrapper {
    width: 9%;
}
.board-walk-in .sy_tableFormet tr td.ro-labor.field {
    width: 7%;
}
.board-walk-in .sy_tableFormet tr .parts-total-wrapper.field {
    width: 7%;
}
.board-walk-in .sy_tableFormet tr td.cost.cost-wrapper {
    width: 11% !important;
}
.board-walk-in .sy_tableFormet tr td.cost.cost-wrapper .uf-cost-field {
    width: calc(100% - 20px);
}
.board-walk-in.schedule-service {
    padding: 10px !important;
}
.schedule-service.ss-agent #unified-schedule-form .change-vehicle-ro ul.vehicle-list li {
    width: 25%;
}
.schedule-service.ss-agent .rs-container-slide.customer-profile #edit-garage-loader ul.vehicle-list li {
    flex: 0 0 30%;
}
.board-walk-in .mobhide td.opcode-dropdown-wrapper {
    width: 20% !important;
}
.board-walk-in .mobhide td.labor-lookup-wrapper {
    width: 10%;
    padding-left: 40px;
}
.board-walk-in .sy_tableFormet tr td.toggle_description_wrapper button.toggle-description {
    padding: 5px;
}
.board-walk-in .mobhide td.toggle_description_wrapper {
    width: 7% !important;
}
.board-walk-in .sy_tableFormet tr .parts-total-wrapper.field input.parts-div-total {
    max-width: 100%;
}
.board-walk-in .mobhide td.ro-labor-total.align-center {
    white-space: unset !important;
    margin-top: unset !important;
}
.board-walk-in .sy_tableFormet tr td.labor-lookup-wrapper {
    width: 10%;
}
.schedule-service.ss-agent .sy_tableFormet td.toggle_description_wrapper button.toggle-description {
    padding: 5px;
}
.schedule-service.ss-agent table .parts-total-wrapper input.parts-div-total {
    max-width: 100%;
}
.schedule-service.ss-agent .mobhide td.ro-labor-total.align-center {
    white-space: unset !important;
    margin-top: unset !important;
}
section.schedule-service.ss-agent td.toggle-button {
    width: 8% !important;
}
header#greeter-ro-create-header {
    gap: 12px;
}
}

@media only screen and (min-width : 768px) and (max-width : 820px){
.page-template-technician #item-cc-popup .item-popup-left{
    min-width: unset;
}
.page-template-technician #item-cc-popup .item-popup-left .mpi-table .tech-user {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 12px;
}
.page-template-technician #item-cc-popup .item-popup-left .mpi-table .tech-user li.qty {
    width: 7%;
    max-width: unset;
    min-width: unset;
}
.page-template-technician #item-cc-popup {
    width: 96%;
}
.page-template-technician #item-cc-popup .item-popup-left .mpi-table .tech-user li.ltotal.retail_hour input[type="text"] {
    max-width: unset;
    width: 100% !important;
}
.page-template-technician #item-cc-popup .item-popup-left .mpi-table .tech-user li {
    width: calc((100% - 20px) / 4);
    box-sizing: border-box;
}
.page-template-technician #item-cc-popup .item-popup-left .mpi-table ul.thead {
    display: none;
}
.page-template-technician #item-cc-popup .item-popup-left .mpi-table .tech-user li.opcode {
    width: 30%;
}
.page-template-technician #item-cc-popup .item-popup-left .mpi-table .tech-user li.labor-type {
    width: 30% !important;
    min-width: unset;
    max-width: unset;
}
.page-template-technician #item-cc-popup .item-popup-left .mpi-table .tech-user li.ro-more-parts-wrapper {
    width: 30%;
}
.page-template-technician #item-cc-popup .item-popup-left .mpi-table .tech-user li.parts_total.parts {
    width: 19%;
}
.page-template-technician #item-cc-popup .item-popup-left .mpi-table .tech-user li.timing {
    width: 19%;
}
.page-template-technician #item-cc-popup .item-popup-left .mpi-table .tech-user li.rate {
    width: 17%;
}
.page-template-technician #item-cc-popup .item-popup-left .mpi-table .tech-user li.ltotal.retail_hour {
    width: 19%;
}
.page-template-technician #item-cc-popup .item-popup-left .mpi-table .tech-user li.total {
    width: 19%;
}
.page-template-technician .suggested-opcodes-box ul li {
    width: 19.3%;
    max-width: unset;
}
.page-template-technician #item-parts-popup .parts-table li.parts-number {
    width: 169px;
}
}

@media only screen and (min-width : 820px) and (max-width : 1024px){

  .gdetail-ro .opcode-list table .toggle_description_wrapper { width : 7%;}
  .gdetail-ro .opcode-list table .default-labor-type-dropdown-wrapper { width : 15%;}
  .gdetail-ro .opcode-list table .ro-more-parts-wrapper { width : 10%; }
  .gdetail-ro .opcode-list table .parts-total-wrapper {width : 7%;}
  .gdetail-ro .opcode-list table .ro-labor-total { width : 100%;}
  .gdetail-ro .opcode-list table td.labor-lookup-wrapper { width : 3%;}
  .gdetail-ro .opcode-list table .cost-wrapper {width : 13% !important;}
  .gdetail-ro .add-remove-opcode{ width: 5%;}
  .gdetail-ro td.toggle-button { height: 68px; }
  .gdetail-ro button.toggle-description,  .gdetail-ro button.labor-lookup, .gdetail-ro button.ro-more-parts, button.labor-toggle {padding: 5px !important;}
  .gdetail-ro .opcode-list table .opcode-dropdown-wrapper { width : 21%;}

.schedule-service.ss-agent .sy_tableFormet td.opcode-dropdown-wrapper {width : 23% !important;}
.schedule-service.ss-agent table .toggle_description_wrapper { width : 7%;}
.schedule-service.ss-agent table .default-labor-type-dropdown-wrapper { width : 16% !important; }
.schedule-service.ss-agent table .ro-more-parts-wrapper {width : 10% !important;}
.schedule-service.ss-agent table .parts-total-wrapper { width : 7%;}
.schedule-service.ss-agent  table .cost-wrapper { width : 10% !important;}
.schedule-service.ss-agent table .add-remove-opcode-wrapper{ width : 5%;}
.schedule-service.ss-agent #uf-opcode-select > div ul li.lbl-checkbox {
        width: 16% !important;
    }
    .gdetail-ro .header-section-wrap {
    padding: 5px !important;
}

.schedule-service.ss-agent button.toggle-description, .schedule-service.ss-agent button.labor-lookup, .schedule-service.ss-agent button.ro-more-parts, button.labor-toggle {
    padding: 5px !important;
}
#greeter-ro-create-header .customer-name {
    font-size: 15px;
}
.board-walk-in .sy_tableFormet tr td.opcode-dropdown-wrapper {
    width: 18%;
}
.board-walk-in .sy_tableFormet tr td.default-labor-type-dropdown-wrapper {
    width: 14%;
}
.board-walk-in .sy_tableFormet tr td.ro-labor.field {
    width: 7%;
}
.schedule-service.ss-agent #unified-schedule-form .change-vehicle-ro ul.vehicle-list li {
    width: 25%;
}
.board-walk-in button.toggle-description, .board-walk-in button.labor-lookup, .board-walk-in button.ro-more-parts, button.labor-toggle {
    padding: 5px !important;
} 
.board-walk-in .sy_tableFormet tr td.ro-more-parts-wrapper {
    width: 10%;
}
.board-walk-in .sy_tableFormet tr td.opcode-dropdown-wrapper {
    width: 23% !important;
}
.board-walk-in .sy_tableFormet tr td.toggle_description_wrapper {
    width: 7%;
}
.board-walk-in .sy_tableFormet tr td.default-labor-type-dropdown-wrapper {
    width: 16% !important;
}
.board-walk-in .sy_tableFormet tr .parts-total-wrapper.field {
    width: 7%;
}
.board-walk-in .sy_tableFormet tr td.cost.cost-wrapper {
    width: 11% !important;
}
.schedule-service.ss-agent table.mobhide td.opcode-dropdown-wrapper {
    width: 23%;
}
.schedule-service.ss-agent table.mobhide td.default-labor-type-dropdown-wrapper {
    width: 16%;
}
.schedule-service.ss-agent table.mobhide td.parts-total-wrapper.align-center {
    width: 7%;
}
.schedule-service.ss-agent table.mobhide td.ro-labor-total.align-center {
    width: 10% !important;
}
.schedule-service.ss-agent table.mobhide td.cost-wrapper.align-center {
    width: 10% !important;
}
.schedule-service.ss-agent table.mobhide td.labor-lookup-wrapper {
    width: 15%;
}
.board-walk-in .mobhide td.opcode-dropdown-wrapper {
    width: 23% !important;
}
.board-walk-in .mobhide td.default-labor-type-dropdown-wrapper {
    width: 16% !important;
}
.board-walk-in .mobhide td.ro-more-parts-wrapper {
    width: 10%;
}

.board-walk-in .mobhide td.labor-lookup-wrapper {
    width: 13%;
}
.board-walk-in .mobhide td.cost-wrapper.align-center {
    width: 13%;
}
.board-walk-in .sy_tableFormet tr .parts-total-wrapper.field input.parts-div-total {
    max-width: 100%;
}
.board-walk-in .sy_tableFormet tr td.cost.cost-wrapper input.uf-cost-field {
    width: calc(100% - 24px);
}
.board-walk-in .sy_tableFormet tr td.labor-lookup-wrapper {
    width: 8%;
}
.schedule-service.ss-agent table .parts-total-wrapper input.parts-div-total {
    max-width: 100%;
}
}

@media only screen and (min-width : 1025px) and (max-width : 1080px){

  .gdetail-ro .opcode-list table .opcode-dropdown-wrapper {width : 20% !important;}
  .gdetail-ro .opcode-list table .toggle_description_wrapper {width : 7%;}
  .gdetail-ro .opcode-list table .default-labor-type-dropdown-wrapper {width : 15%;}
  .gdetail-ro .opcode-list table .ro-more-parts-wrapper {width : 10%; }
  .gdetail-ro .opcode-list table .parts-total-wrapper { width : 5%;}
  .gdetail-ro .opcode-list table .ro-labor { width : 5%;}
  .gdetail-ro .opcode-list table td.labor-lookup-wrapper {width : 7%;}
  .gdetail-ro .opcode-list table .cost-wrapper {width : 10% !important;}
  .gdetail-ro .opcode-list table .add-remove-opcode-wrapper{ width : 5%;}

.schedule-service.ss-agent table .opcode-dropdown-wrapper {width : 20%;}
.schedule-service.ss-agent table .toggle_description_wrapper { width : 7%;}
.schedule-service.ss-agent table .default-labor-type-dropdown-wrapper { width : 15%; }
.schedule-service.ss-agent table .ro-more-parts-wrapper {width : 10%;}
.schedule-service.ss-agent table .parts-total-wrapper { width : 5%;}
.schedule-service.ss-agent table td.labor-lookup-wrapper { width : 7%;}
.schedule-service.ss-agent  table .cost-wrapper { width : 10% !important;}
.schedule-service.ss-agent table .add-remove-opcode-wrapper{ width : 5%;}
}

@media only screen and (min-width : 1081px) and (max-width : 1439px){
  .gdetail-ro .opcode-list table .parts-qty-wrapper {width : 5%;}
  .gdetail-ro .opcode-list table .opcode-dropdown-wrapper {width : 20%;}
  .gdetail-ro .opcode-list table .toggle_description_wrapper { width : 7%;}
  .gdetail-ro .opcode-list table .default-labor-type-dropdown-wrapper { width : 15%; }
  .gdetail-ro .opcode-list table .ro-more-parts-wrapper {width : 10%;}
  .gdetail-ro .opcode-list table .parts-total-wrapper { width : 5%;}
  .gdetail-ro .opcode-list table .ro-labor { width : 5%;}
  .gdetail-ro .opcode-list table td.labor-lookup-wrapper { width : 6%;}
  .gdetail-ro .opcode-list table .cost-wrapper { width : 8% !important;}
  .gdetail-ro .opcode-list table .add-remove-opcode-wrapper{ width : 5%;}

.schedule-service.ss-agent table .opcode-dropdown-wrapper {width : 20%;}
.schedule-service.ss-agent table .toggle_description_wrapper { width : 7%;}
.schedule-service.ss-agent table .default-labor-type-dropdown-wrapper { width : 15%; }
.schedule-service.ss-agent table .ro-more-parts-wrapper {width : 10%;}
.schedule-service.ss-agent table .parts-total-wrapper { width : 5%;}
.schedule-service.ss-agent table .ro-labor { width : 5%;}
.schedule-service.ss-agent table td.labor-lookup-wrapper { width : 6%;}
.schedule-service.ss-agent  table .cost-wrapper { width : 8% !important;}
.schedule-service.ss-agent table .add-remove-opcode-wrapper{ width : 5%;}

.gdetail-ro .headerflex-left {
    gap: 15px;
}
.gdetail-ro #ro-summary-wrapper .heading-title .tax-sub-total {
    display: none;
}
.board-walk-in .sy_tableFormet tr td.opcode-dropdown-wrapper {
    width: 15%;
}
}

@media only screen and (min-width : 1181px) and (max-width : 1439px){
.schedule-service.ss-agent .rs-container-slide.customer-profile .rs-container:first-of-type {
    width: 68%;
    margin: 0px;
}
.schedule-service.ss-agent .rs-container-slide.customer-profile .appointment-log-wrapper {
    width: 32%;
    margin: 0px;
}
}

@media screen and (min-width: 1366px) and (max-width: 1440px){
#greeter-ro-create-header .customer-name {
    font-size: 16px;
}
.gdetail-ro .headerflex-right {
    gap: 12px;
}
.gdetail-ro headerflex-left {
    gap: 12px;
}
#greeter-ro-create-header .vehicle-buttons > div a {
    padding: 2px;
}
#greeter-ro-create-header .vehicle-buttons > div a i {
    font-size: 8px;
}
#greeter-ro-create-header .vehicle-details > div  .vehicle-title-name {
    font-size: 12px;
}
#greeter-ro-create-header .vehicle-details > div > div {
    font-size: 12px;
}
.gdetail-ro .headerflex-left {
    gap: 20px;
}
#greeter-ro-create-header .customer-name {
    font-size: 15px;
}
.mpi-table-line-wrapper .mpi-table.mpi-table-v2 ul li.item {
    width: 21%;
}
.mpi-table-line-wrapper .mpi-table.mpi-table-v2 ul li.li-spacer {
    width: 0px;
}
.mpi-table-line-wrapper .mpi-table.mpi-table-v2 ul li.labor-type {
    width: 10%;
}
.headerflex-left {
    order: 0;
    grid-area: a;
}
.vehicle-buttons {
    order: 1;
    grid-area: b;
    margin-left: auto;
}
.vehicle-photos-con-mobile {
    order: 2;
    grid-area: c;
    margin-left: auto;
}
.lane-tech-view {
    order: 3;
    grid-area: d;
}
.customer-details-wrapper {
    order: 4;
    grid-area: e;
}
table.vehicle-details-table {
    grid-area: f;
}
header#greeter-ro-create-header .headerflex-left {
    display: grid !important;
    grid-template:
    "f f a a b b c" auto
    "f f d d e e e" auto;
}
} 

@media only screen and (min-width : 1440px) and (max-width : 2000px){
  .gdetail-ro .opcode-list table .parts-qty-wrapper { width : 6%; }
  .gdetail-ro .opcode-list table .opcode-dropdown-wrapper {width : 22% !important;}
  .gdetail-ro .opcode-list table .toggle_description_wrapper {width : 6%;}
  .gdetail-ro .opcode-list table .default-labor-type-dropdown-wrapper {width : 18%;}
  .gdetail-ro .opcode-list table .parts-total-wrapper {width : 5%;}
  .gdetail-ro .opcode-list table .ro-labor {width : 5%;}
  .gdetail-ro .opcode-list table td.labor-lookup-wrapper { width : 8%;}
  .gdetail-ro .opcode-list table .cost-wrapper {width : 8% !important;}
  .gdetail-ro .opcode-list table .cost{padding: 0; text-align: center !important;}
  .gdetail-ro .add-remove-opcode-wrapper{width : 5%;}
  .gdetail-ro .sy_tableFormet button.labor-lookup {
    width: 100%;
}
.gdetail-ro .opcode-list table td.ro-more-parts-wrapper {
    width: 9%;
}
.gdetail-ro .sy_tableFormet button.toggle-description {
    width: 100%;
}
.gdetail-ro .sy_tableFormet .parts-qty-wrapper input.parts-qty-val {
    width: 100%;
    min-width: 80%;
}
.gdetail-ro button.ro-more-parts {
    width: 100%;
}
.board-walk-in .sy_tableFormet tr td.cost.cost-wrapper input.uf-cost-field {
    width: calc(100% - 48px);
}
}

@media only screen and (min-width : 2001px){
  .gdetail-ro .opcode-list table .opcode-dropdown-wrapper { width : 20%;}
  .gdetail-ro .opcode-list table .toggle_description_wrapper { width : 5%;}
  .gdetail-ro .opcode-list table .default-labor-type-dropdown-wrapper {width : 16%;}
  .gdetail-ro .opcode-list table .ro-more-parts-wrapper {width : 8%;}
  .gdetail-ro .opcode-list table .parts-total-wrapper { width : 7%;}
  .gdetail-ro .opcode-list table .ro-labor { width : 7%;}
  .gdetail-ro .opcode-list table td.labor-lookup-wrapper { width : 5%;}
  .gdetail-ro .opcode-list table .cost-wrapper { width : 8% !important; }
  .gdetail-ro .add-remove-opcode-wrapper{ width : 5%; }
}

@media only screen and (min-width : 1921px) and (max-width : 2580px){
.board-walk-in .sy_tableFormet tr td.default-labor-type-dropdown-wrapper {
    width: 12%;
}
.board-walk-in .sy_tableFormet tr td.ro-more-parts-wrapper {
    width: 11%;
}
.board-walk-in .sy_tableFormet tr td.ro-more-parts-wrapper {
    width: 11%;
}
.board-walk-in .sy_tableFormet tr td.opcode-dropdown-wrapper {
    width: 20.5%;
}
.board-walk-in .sy_tableFormet tr td.labor-lookup-wrapper {
    width: 7%;
}
.board-walk-in .sy_tableFormet tr td.cost.cost-wrapper {
    width: 7%;
    padding-left: 0px;
}
.board-walk-in .sy_tableFormet tr td.cost.cost-wrapper input.uf-cost-field {
    width: calc(100% - 15px);
}
.board-walk-in .mobhide td.opcode-dropdown-wrapper {
    width: 20.5%;
}
.board-walk-in .mobhide td.default-labor-type-dropdown-wrapper {
    width: 12%;
}
.board-walk-in .mobhide td.ro-more-parts-wrapper {
    width: 11%;
}
.board-walk-in .mobhide  td.labor-lookup-wrapper {
    width: 7%;
}
.board-walk-in .mobhide td.cost-wrapper.align-center {
    width: 7%;
}
.schedule-service.ss-agent .sy_tableFormet td.ro-more-parts-wrapper {
    width: 11% !important;
}
.schedule-service.ss-agent table.mobhide td.ro-more-parts-wrapper {
    width: 11% !important;
}
.schedule-service.ss-agent .sy_tableFormet td.labor-lookup-wrapper {
    width: 7% !important;
}
.schedule-service.ss-agent table.mobhide td.labor-lookup-wrapper {
    width: 7% !important;
}
.schedule-service.ss-agent .sy_tableFormet td.default-labor-type-dropdown-wrapper {
    width: 12% !important;
}
.schedule-service.ss-agent table.mobhide td.default-labor-type-dropdown-wrapper {
    width: 12% !important;
}
.schedule-service.ss-agent .sy_tableFormet td.opcode-dropdown-wrapper {
    width: 20.5% !important;
}
.schedule-service.ss-agent table.mobhide td.opcode-dropdown-wrapper {
      width: 20.5% !important;
}
.schedule-service.ss-agent .sy_tableFormet td.cost.cost-wrapper {
    padding-left: 0px;
}
.schedule-service.ss-agent .float-right.tax-sub-total {
    display: none;
}
.schedule-service.ss-agent .rs-container.overflow .rs-cols table tbody tr td .store-opcodes #unified-form-wrapper #opcode-wrapper .selectize-control {
    width: unset;
}
.mpi-table-line-wrapper .mpi-table.mpi-table-v2 ul li.labor-type {
    width: 10.6% !important;
}
.mpi-table-line-wrapper .mpi-table.mpi-table-v2 ul li.item {
    width: 22.7%;
}
.mpi-table-line-wrapper .mpi-table.mpi-table-v2 li.li-spacer {
    width: 15px;
}
.mpi-table-line-wrapper .mpi-table.mpi-table-v2 ul li.parts-status {
    width: 5%;
}
.mpi-table-line-wrapper .mpi-table.mpi-table-v2 ul li.parts_total {
    width: 6%;
}
.mpi-table-line-wrapper .mpi-table.mpi-table-v2 ul li.timing {
    width: 4.7%;
}
.mpi-table-line-wrapper .mpi-table.mpi-table-v2 ul li.rate {
    width: 5.6%;
}
.mpi-table-line-wrapper .mpi-table.mpi-table-v2 ul li.ltotal.retail_hour {
    width: 5.7%;
}
.mpi-table-line-wrapper .mpi-table.mpi-table-v2 ul li.total {
    width: 11.1%;
}
}
@media only screen and (min-width : 2581px) and (max-width : 3760px){
.schedule-service.ss-agent .rs-container.overflow .rs-cols table tbody tr td .store-opcodes #unified-form-wrapper #opcode-wrapper .selectize-control {
    width: unset;
}
.schedule-service.ss-agent .sy_tableFormet td.ro-more-parts-wrapper button.ro-more-parts {
    width: 100%;
}
.schedule-service.ss-agent .sy_tableFormet td.opcode-dropdown-wrapper {
    width: 30% !important;
}
.schedule-service.ss-agent table.mobhide td.opcode-dropdown-wrapper {
    width: 30%;
}
.schedule-service.ss-agent table.mobhide td.default-labor-type-dropdown-wrapper {
    width: 18%;
}
.schedule-service.ss-agent .sy_tableFormet td.default-labor-type-dropdown-wrapper {
    width: 18% !important;
}
}



.add-vehicle-search{
  margin: 3px;
  padding: 8px;
}
#search-vehicle-button{
  margin-left: 5px;
 padding: 10px 15px;
  color: black;
  border-bottom: 3px solid #d69c10;
  background: -webkit-linear-gradient(top,#fdcd59,#ecb529);
}
input.c-vehicle-search {
  width: 80%;
  padding: 10px;
}
.add-vehicle-search button#add-vehicle-button{
background: #c1c2c4;
padding: 9px 20px;
text-align: center;
border: 0;
color: black;
border-bottom: 3px solid #adafb2;
border-radius: 3px;
background: -webkit-linear-gradient(top,#f3f3f4,#c1c2c4);
}
span#add-vehicle-button span.dashicons.dashicons-plus {
  margin-top: 9px;
  float: right;
}
.customer-vehicle-search-result{
  display: none;
  padding: 5px 8px;
  margin: 10px 0px 0px 10px;
  background: -webkit-linear-gradient(top,#fdcd59,#ecb529);
}



.tag-copy-icon{ padding-left: 5px; border-right: none;border-left: 1px solid #d4d7c0; margin-left: 5px;}
.hold-status-appt{background-color : #ff6900; padding : 5px; margin-top :10px; color: white;}

.batteries-hide-show{
    cursor: pointer;
    padding: 10px;
    background-color: #fdcd59;
  }

#board-report-popup{
    background-color: #fff;
}

#board-report-popup header{
    color: #fff;
    background-color: #3288ce;
    padding: 10px;
}

#board-report-popup th, #board-report-popup td{
    padding: 8px;
    text-align: left;
    border: 1px solid #cbcbcb;
}

#board-report-popup th{
    line-height: normal;
    background-color: #e7e8e9;
}

#board-report-popup td{
    white-space: nowrap;
}

.add-vehicle-search{
  margin: 3px;
  padding: 8px;
}
#search-vehicle-button{
  margin-left: 5px;
 padding: 10px 15px;
  color: black;
  border-bottom: 3px solid #d69c10;
  background: -webkit-linear-gradient(top,#fdcd59,#ecb529);
}
input.c-vehicle-search {
  width: 80%;
  padding: 10px;
}
.add-vehicle-search button#add-vehicle-button{
background: #c1c2c4;
padding: 9px 20px;
text-align: center;
border: 0;
color: black;
border-bottom: 3px solid #adafb2;
border-radius: 3px;
background: -webkit-linear-gradient(top,#f3f3f4,#c1c2c4);
}
span#add-vehicle-button span.dashicons.dashicons-plus {
  margin-top: 9px;
  float: right;
}
.customer-vehicle-search-result{
  display: none;
  padding: 5px 8px;
  margin: 10px 0px 0px 10px;
  background: -webkit-linear-gradient(top,#fdcd59,#ecb529);
}
.tag-copy-icon{ padding-left: 5px; border-right: none;border-left: 1px solid #d4d7c0; margin-left: 5px;}
.hold-status-appt{background-color : #ff6900; padding : 5px; margin-top :10px; color: white;}

.batteries-hide-show{
    cursor: pointer;
    padding: 10px;
    background-color: #fdcd59;
  }
 
.warning-loader {
  z-index: 999999;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.warning-loader .border-box {
  background-color: #e8e8e8;
  width: 200px;
  height: 50px;
  border-radius: 2%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
}
.warning-loader .loading-text {
  font-size: 20px;
  font-weight: bold;
  color: #000000;
}
.warning-loader .dots {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}
.warning-loader .dots span {
  width: 7px;
  margin-left: 3px;
  height: 7px;
  background-color: #000000;
  animation: blink 1.5s linear infinite;
}
.warning-loader .dots span:nth-child(2) {
  animation-delay: 0.5s;
}
.warning-loader .dots span:nth-child(n + 2) {
  animation-delay: 0.2s;
}

@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes moving-gradient {
	0% { background-position: -250px 0; }
	100% { background-position: 250px 0; }
}
.schedule-service .to-load { position: relative; }
.schedule-service .to-load:after {
	content: '';
	position: absolute;
	left: 118px;
	width: calc(100% - 118px);
	height: 100%;
	z-index: 1;
	background: linear-gradient(to right, #eee 20%, #ddd 50%, #eee 80%);
	background-size: 500px 100px;
	animation-name: moving-gradient;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
}
@media only screen 
  and (max-device-width: 1080px) {
  	.vs-con { padding: 0 4px; }
  	.lbl-checkbox { max-width: 100%; width: calc(34% - 12px) !important; margin: 3px !important; }

 }
@media only screen 
  and (max-device-width: 768px) {
  	.lbl-checkbox { width: calc(50% - 6px) !important; margin: 3px !important; }
}