@font-face {
    font-family: "Halis GR Regular";
    src: url("/assets/css/fonts/HalisGR-Regular.d58de77e62b5.eot");
    src: url("/assets/css/fonts/HalisGR-Regular.7fc058fc406a.woff") format("woff"),
    url("/assets/css/fonts/HalisGR-Regular.e46050cb885b.woff2") format("woff2"),
    url("/assets/css/fonts/HalisGR-Regular.1410645831da.svg#HalisGR-Regular") format("svg");
}

@font-face {
    font-family: "Halis GR Bold";
    src: url("/assets/css/fonts/HalisGR-Bold.34884e48e636.eot");
    src: url("/assets/css/fonts/HalisGR-Bold.fa38c4853065.woff") format("woff"),
    url("/assets/css/fonts/HalisGR-Bold.f575c48d7038.woff2") format("woff2"),
    url("/assets/css/fonts/HalisGR-Bold.c848ce0c9a3d.svg#HalisGR-Bold") format("svg");
}

@font-face {
    font-family: "Halis GR Book";
    src: url("/assets/css/fonts/HalisGR-Book.056a3f33c971.eot");
    src: url("/assets/css/fonts/HalisGR-Book.9b002a5b82ad.woff") format("woff"),
    url("/assets/css/fonts/HalisGR-Book.7364cf968e33.woff2") format("woff2"),
    url("/assets/css/fonts/HalisGR-Book.7620be526f5a.svg#HalisGR-Book") format("svg");
}

@font-face {
    font-family: "Halis GR Light";
    src: url("/assets/css/fonts/HalisGR-Light.4260242d7466.eot");
    src: url("/assets/css/fonts/HalisGR-Light.56d2ea2cace8.woff") format("woff"),
    url("/assets/css/fonts/HalisGR-Light.c202fdc32426.svg#HalisGR-Light") format("svg");
}

@font-face {
    font-family: "Halis GR S Regular";
    src: url("/assets/css/fonts/HalisGR-SRegular.cb9b14b8b93b.eot");
    src: url("/assets/css/fonts/HalisGR-SRegular.13743522c226.woff") format("woff"),
         url("/assets/css/fonts/HalisGR-SRegular.7cea5b936714.woff2") format("woff2"),
         url("/assets/css/fonts/HalisGR-SRegular.e32ae6a629e6.svg#HalisGR-SRegular") format("svg");
}

body {
    font-family: "Halis GR Regular", "Open Sans", "Roboto", Arial, Helvetica, sans-serif;
    margin: 0;
    color: #707070;
    font-size: 16px;
    font-weight: 400;
    background-color: #eaeffa;
}

div, a, img, ul, ol, p, li, span, nav, header, menu, aside, article, main {
    margin: 0;
    padding: 0;
    border: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
}

input, button, textarea, select {
    outline: 0 !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -o-box-shadow: none !important;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    border: 1px solid #C5C5C5 !important;
}

input[type=checkbox] {
    width: 15px;
    height: 15px;
    vertical-align: text-top;
}

input[type=file] {
    display: none;
}

button:hover {
    cursor: pointer;
}

button.disabled {
    pointer-events: none !important;
}

a:link,
a:visited,
a:hover,
a:active {
    color: #414C63;
    text-decoration: none;
}

a.disabled {
    opacity: 0.50;
    pointer-events: none !important;
}

li.disabled {
    opacity: 0.50;
    pointer-events: none !important;
}

a.disabled:hover {
    cursor: default !important;
}

ul, ol {
    list-style: none;
}

ul li {
    float: left;
    clear: none;
}

@keyframes blink {
    0% {
        background-color: #49C1B9;
        opacity: 1.0;
    }
    50% {
        background-color: #49C1B9;
        opacity: 0.7;
    }
    100% {
        background-color: #49C1B9;
        opacity: 1.0;
    }
}
@-webkit-keyframes blink {
    0% {
        background-color: #49C1B9;
        opacity: 1.0;
    }
    50% {
        background-color: #49C1B9;
        opacity: 0.7;
    }
    100% {
        background-color: #49C1B9;
        opacity: 1.0;
    }
}

.teal {
    color: #49C1B9;
}

a.teal-link-override,
a.teal-link-override:hover {
    color: #49C1B9 !important;
}

.high-index {
    z-index: 9999 !important;
}

.white {
    background-color: #fff !important;
}

._show {
    display: block !important;
}

.hide {
    display: none !important;
}

.wrapper {
    float: left;
    clear: both;
    width: 100%;
}

.left {
    float: left;
}

._left {
    float: left !important;
}

.right {
    float: right;
}

._right {
    float: right !important;
}

.button {
    display: inline-block;
    width: auto;
    height: auto;
    padding: 7px 15px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    background-color: #6588C0;
    color: #FFF !important;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.2;
}

.button:hover {
    cursor: pointer;
}

.button.save-and-clone,
.button.save-and-create-new {
    height: 24px;
    line-height: 20px;
    padding: 2px 7px;
    position: relative;
    top: -2px;
    margin: 0 5px 0 0;
}

.centered {
    text-align: center;
}

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

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

.white-background {
    background-color: #FFF;
}

.warning {
    display: none;
}

.warning i, .warning p {
    display: inline-block;
    font-size: 16px;
    color: #ffa300 !important;
}

.warning span {
    font-family: "Open Sans","Roboto", Arial, Helvetica, sans-serif;
    color: #ffa300 !important;
}

.warning p::before {
    content: "\f071";
    color: #ffa300;
    margin-right: 5px;
}

.success {
    display: none;
}

.success i, .success p {
    display: inline-block;
    font-size: 16px;
    color: #ffa300 !important;
}

.success span {
    font-family: "Open Sans","Roboto", Arial, Helvetica, sans-serif;
    color: #707070 !important;
    font-size: 14px !important;
}

.success p::before {
    content: "\f058";
    color: #94d82d;
    margin-right: 5px;
}

/* toggle switch */
.toggle-switch {
  position: relative;
  display: inline-block;
  width: 35px;
  height: 20px;
}

.toggle-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.toggle-switch-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.toggle-switch-slider::before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 1px;
  bottom: 1px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

.toggle-switch input:checked + .toggle-switch-slider {
  background-color: #6588C0;
}

.toggle-switch.disabled input:checked + .toggle-switch-slider {
  background-color: #ccc;
  opacity: 0.5;
}

.toggle-switch input:focus + .toggle-switch-slider {
  box-shadow: 0 0 1px #2196F3;
}

.toggle-switch input:checked + .toggle-switch-slider::before {
  -webkit-transform: translateX(15px);
  -ms-transform: translateX(15px);
  transform: translateX(15px);
}

.toggle-switch-slider.round {
  border-radius: 10px;
}

.toggle-switch-slider.round::before {
  border-radius: 50%;
}
/* end toggle switch */

header {
    background-color: #0D1F43;
    height: 100px;
    width: 100%;
    float: left;
    clear: both;
    position: fixed;
    z-index: 99;
    top:0;
}

header i.fa-bars {
    display: none;
    position: absolute;
    color: #FFF;
    top: 15px;
    left: 15px;
    font-size: 20px;
}

header i.fa-bars:hover {
    cursor: pointer;
}

header nav {
    float: left;
    clear: both;
    width: 100%;
    height: 100%;
}

#top-menu-bar-list {
    float: right;
    height: 30px;
    margin: 10px 20px 10px 0;
}

li.top-menu-list-item {
    width: auto;
    border: none;
    padding: 0 0 0 20px;
    color: #FFF;
    height: 100%;
    line-height: 30px;
}

li.top-menu-list-item:first-child {
    padding: 0;

}

#logged-in-container {
    float: left;
    clear: both;
    width: 100%;
    position: relative;
    height: 30px;
}

#merchant-initials {
    width: 30px;
    height: 30px;
    background-color: #FFF;
    border: 1px solid #707070;
    color: #000;
    text-align: center;
    line-height: 29px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -o-border-radius: 15px;
    float: left;
    margin: 0 20px 0 0;
    font-size: 13.5px;
    font-weight: 600;
}

#profile-menu-wrapper {
    float: left;
    width: auto;
    text-align: right;
}

#profile-menu-wrapper p.welcome {
    font-size: 11px;
    color: #FFF;
    line-height: initial;
    margin: 0 12px 0 0;
}

#profile-menu-wrapper div.profile-menu {
    font-size: 13px;
    line-height: initial;
}

#profile-menu-wrapper div.profile-menu:hover {
    cursor: pointer;
}

header nav .wrapper {
    height: 50px;
    background-color: #eaeffa;
}

#logged-in-container div.profile-menu div.profile-submenu {
    display: none;
    position: absolute;
    z-index: 102;
    background-color: #999;
    color: #FFF;
    width: 100%;
    min-width: 100px;
    height: auto;
    box-shadow: 0 2px 5px #777;
    -webkit-box-shadow: 0 2px 5px #777;
    -moz-box-shadow: 0 2px 5px #777;
    -o-box-shadow: 0 2px 5px #777;
    right: 0;
    top: 40px;
    padding: 0;
}

a.profile-menu-link {
    color: #FFF;
    display: block;
    width: 100%;
    height: 35px;
    line-height: 35px;
    padding: 0 10px;
}

header nav .wrapper div.breadcrumbs {
    float: left;
    margin: 0 0 0 250px;
    height: 25px;
    padding: 0 2%;
    overflow: hidden;
    width: 100%;
}

header nav .wrapper div.breadcrumbs span {
    line-height: 21px;
    font-size: 16px;
    color: #0F2045;
    font-family: "Halis GR Book";
}

header nav .wrapper ul.bottom {
    float: right;
    height: 100%;
}

header nav .wrapper ul.bottom li {
    margin: 0 40px 0 0;
}

header nav .wrapper ul.bottom li a,
header nav .wrapper ul.bottom li a:link,
header nav .wrapper ul.bottom li a:visited,
header nav .wrapper ul.bottom li a:hover,
header nav .wrapper ul.bottom li a:active {
    color: #c6c7c9;
    cursor: pointer;
    font-size: 15px;
}

header nav .wrapper ul.subnav {
    float: left;
    clear: both;
    height: 25px;
    margin: 0 0 0 250px;
    background-color: #0D1F43;
    overflow-y: hidden;
    overflow-x: auto;
    padding: 0 2%;
    width: -webkit-calc(var(--vw, 1vw) * 100 - 250px);
    width: -moz-calc(var(--vw, 1vw) * 100 - 250px);
    width: calc(100vw - 250px);
    width: calc(var(--vw, 1vw) * 100 - 250px);
    white-space: nowrap;
}

header nav .wrapper ul.subnav li.subnav-tab {
    background-color: transparent;
    float: none;
    display: inline-block;
    color: #FFF;
    padding: 0 20px;
    height: 25px;
}

header nav .wrapper ul.subnav li.header-table-icons {
    float: right;
    color: #FFF;
    height: 25px;
    padding-top: 2px;
}

li.header-table-icons i {
    margin-right: 10px;
}

header nav .wrapper ul.subnav li.active {
    background-color: #6588C0;
}

header nav .wrapper ul.subnav li:hover {
    cursor: pointer;
}

menu {
    background: #0e1e43 url("/assets/images/merchant/menu_bg.39a0b2baed13.png") repeat-y fixed 246px 50px;
    width: 250px;
    position: fixed;
    z-index: 99;
    height: 100%;
    float: left;
    color: #FFF;
    top: 50px;
}

menu i.fa-times-circle {
    position: absolute;
    top: 3px;
    right: 7px;
    opacity: 0.5;
}

menu i.fa-times-circle:hover {
    cursor: pointer;
}

menu footer {
    background: transparent url("/assets/images/versicloud_logo_309_70.ac49ed439cd0.png") no-repeat center center/contain;
    position: absolute;
    bottom: 60px;
    width: 170px;
    height: 40px;
    left: 35px;
}

body.mobile menu {
    display: none;
    width: 0;
}
body.mobile header i.fa-bars {
    display: block;
}

body.mobile main,
body.mobile header nav .wrapper ul.subnav,
body.mobile header nav .wrapper div.breadcrumbs {
    margin-left: 0;
}

body.mobile header nav .wrapper ul.subnav {
    width: 100%;
}

body.mobile .bottom-bar {
    padding-left: 0;
}

main {
    float: left;
    /*min-height: 100vh;*/
    margin: 100px 0 0 250px;
    width: calc(100% - 250px); /* temporary width, will be calculated on page load */
}

main.login,
main.register {
    background-color: #0E1F44;
    margin: 0;
    float: left;
    clear: both;
    width: 100%;
    height: 100vh;
}

article {
    float: left;
    clear: both;
    width: 100%;
    padding: 2%;
    font-size: 12px;
}

article p {
    margin: 0 0 5px;
}

main article {
    padding: 15px 2%;
    margin: 0 0 75px;
}

main article.no-bottom-bar {
    margin-bottom: 0 !important;
}

main aside.filter-column {
    position: fixed;
    width: 200px;
    left: 300px;
    padding: 0 2%;
}

main aside.filter-column ul {
    float: left;
    clear: both;
    width: 100%;
}

main aside.filter-column ul li {
    float: left;
    clear: both;
    width: 100%;
    margin: 0 0 10px;
}

main aside.filter-column ul li label {
    margin: 0;
}

main aside.filter-column ul li input {
    width: 100%;
    margin: 0;
}

main article.accounting-report {
    padding: 15px 2% 15px 210px;
}

main article.accounting-report div.accounting-report {
    float: left;
    clear: both;
    width: 100%;
    text-align: center;
}

main article.accounting-report div.accounting-report i.fa-spin {
    font-size: 24px;
    margin-top: 65px;
}

main article.accounting-report div.accounting-report div.warning {
    margin-top: 65px;
}

main article.accounting-report table {
    max-width: none !important;
}

main article.accounting-report a.button.run {
    background-color: #49C1B9;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    float: right;
}

main article.accounting-report a.button.print {
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    float: left;
    padding: 7px !important;
}

main.login article,
main.register article {
    background: transparent url("/assets/images/versicloud_logo_309_70.ac49ed439cd0.png") no-repeat center 25px;
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    display: block;
    float: none;
    padding: 115px 2% 0;
    color: #000;
}

div.bottom-bar {
    position: fixed;
    bottom: 0;
    height: 75px;
    width: 100%;
    z-index: 98;
    background-color: #0E1F44;
    left: 0;
    padding: 0 0 0 250px;
    line-height: 75px;
}

div.bottom-bar .wrapper {
    padding: 0 2%;
}

div.bottom-bar .wrapper .button {
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    font-size: 16px;
    padding: 10px 20px;
    height: 40px;
    float: left;
    margin: 17.5px 10px 0 0;
}

div.bottom-bar .wrapper a#save,
div.bottom-bar .wrapper a#save-new,
div.bottom-bar .wrapper div#read-only {
    float: right;
    margin: 17.5px 0 0 10px;
    background-color: #49C1B9;
}

div.bottom-bar .wrapper div#read-only {
    cursor: default !important;
}

/* TODO animation caused high cpu load

div.bottom-bar .wrapper a#save.dirty {
    -moz-transition:all 0.5s ease-in-out;
    -webkit-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;
    -moz-animation:blink normal 1.5s infinite ease-in-out;
    -webkit-animation:blink normal 1.5s infinite ease-in-out;
    -ms-animation:blink normal 1.5s infinite ease-in-out;
    animation:blink normal 1.5s infinite ease-in-out;
}
 */

#modal-menu-item-recipe,
#modal-preview,
#modal-timecard-entry-void,
#modal-timecard-entry-override,
#modal-delete-validation {
    z-index: 1052 !important;
}

.modal-backdrop.show ~ .modal-backdrop.show  {
    z-index: 1051 !important;
}

#modal .btn.disabled:hover,
#modal-load-changes .btn.disabled:hover,
.posadmin-modal .btn.disabled:hover {
    cursor: default;
}

#modal .modal-header,
.posadmin-modal .modal-header {
    border: none;
    height: 50px;
    padding: 10px;
}

.modal .modal-footer {
    border: none;
    padding: 10px 5px;
    justify-content: space-between;
}

.modal .modal-dialog.modal-lg .modal-footer,
.modal .modal-dialog.modal-xl .modal-footer {
    padding: 10px 20px;
}

.modal .modal-dialog.modal-lg .modal-footer button.btn,
.modal .modal-dialog.modal-xl .modal-footer button.btn {
    min-width: 125px;
}

#modal .modal-title,
#modal-load-changes .modal-title,
.posadmin-modal .modal-title {
    color: #FFF;
    font-size: 25px;
    font-weight: normal;
    line-height: 33px;
}

#modal .modal-content,
.posadmin-modal .modal-content {
    background-color: #0E1F44;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    padding: 0 3%;
}

#modal-load-changes .modal-content {
    background-color: #0E1F44;
    border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    -o-border-radius: 8px !important;
    padding: 0 3%;
}

#modal .modal-dialogue,
#modal-load-changes .modal-dialogue,
.posadmin-modal .modal-dialogue {
    overflow-y: initial;
}

#modal .modal-body {
    background-color: #FFF;
    font-size: 13px;
    overflow-y: scroll;
}

#modal .modal-body,
#modal .modal-body,
.posadmin-modal .modal-body,
.posadmin-modal .modal-body {
    max-height: -webkit-calc(var(--vh, 1vh) * 100 - 180px);
    max-height: -moz-calc(var(--vh, 1vh) * 100 - 180px);
    max-height: calc(100vh - 180px);
    max-height: calc(var(--vh, 1vh) * 100 - 180px);
}

#modal .posadmin-border-wrapper,
#modal .posadmin-border-wrapper {
    max-height: -webkit-calc(var(--vh, 1vh) * 100 - 180px);
    max-height: -moz-calc(var(--vh, 1vh) * 100 - 180px);
    max-height: calc(100vh - 180px);
    max-height: calc(var(--vh, 1vh) * 100 - 180px);
}

.posadmin-modal .modal-body {
    background-color: #FFF;
    font-size: 13px;
    overflow-y: scroll;
}

#modal-timecard-entry-void .modal-body,
#modal-timecard-entry-override .modal-body,
#modal-payroll-end-period-warning .modal-body {
    padding-left: 75px;
    padding-right: 75px;
}

.modal-payroll-end-period-warning-message {
    font-size: 16px;
    margin-bottom: 15px;
}

#modal-load-changes .modal-body {
    background-color: #0E1F44;
}

body.mobile .ui-sortable-handle {
    touch-action: auto !important;
}

.posadmin-modal .modal-body-header {
    background-color: #EAEFFA;
    padding-left: 10px;
}

.modal-body-header-title {
    font-size: 20px;
    padding: 10px 0;
    color: #4E7BBE;
}

#modal .modal-body .modal-body-header {
    position: relative;
    width: 104%;
    top: -15px;
    left: -15px;
    background-color: #eaeffa;
    color: #6588C0;
    font-size: 20px;
    padding: 2px 10px;
}

#modal-load-changes .modal-body .modal-body-header {
    width: 100%;
    color: #FFF;
    font-size: 24px;
    padding: 2px 10px;
    font-family: "Halis GR Regular", "Open Sans", "Roboto", Arial, Helvetica, sans-serif;
}

.modal button {
    border: none !important;
    outline: none !important;
    height: 40px;
}

#modal-legacy-reports .small-teal-button {
    height: auto;
}

#modal .btn-primary,
#modal-load-changes .btn-save,
.posadmin-modal .btn-primary {
    background-color: #49C1B9 !important;
    color: #FFFFFF;
}

#modal .btn-secondary,
#modal-load-changes .btn-back,
.posadmin-modal .btn-secondary {
    background-color: #6588C0 !important;
    color: #FFFFFF;
}

#modal-load-changes .btn-continue {
    color: #FFFFFF;
}

#modal .close,
#modal-load-changes .close,
.posadmin-modal .close {
    color: #FFF;
}

#modal-load-changes .modal-body-button {
    margin: 25px 0 20px 0;
    text-align: center;
}

#modal div.loading,
.posadmin-modal div.loading {
    float: left;
    clear: both;
    width: 100%;
    text-align: center;
}

#modal input[type=checkbox] {
    width: 20px;
    height: 20px;
}

#modal div.loading i.fa-circle-notch.fa-spin,
.posadmin-modal div.loading i.fa-circle-notch.fa-spin {
    font-size: 30px;
    color: #6588C0;
}

div.login-form-container,
div.register-form-container {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    float: left;
    clear: both;
    width: 100%;
    background-color: #CCC;
}

div.login-form-container {
    padding: 20px 20px 40px;
}

div.register-form-container {
    padding: 20px;
}

div.login-form-container form,
div.register-form-container form {
    float: left;
    clear: both;
    width: 100%;
}

div.login-form-container label,
div.login-form-container input,
div.register-form-container label,
div.register-form-container input {
    float: left !important;
    clear: both !important;
    width: 100% !important;
}
div.login-form-container label,
div.register-form-container label {
    margin-bottom: 2px !important;
}

div.login-form-container input,
div.register-form-container input {
    padding: 5px !important;
    margin: 0 0 5px !important;
    border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -o-border-radius: 5px !important;
}

div.login-form-container input#login {
    margin: 20px 0 0 !important;
    background-color: #4E7BBE !important;
    color: #FFF !important;
}

div.register-form-container button#register {
    width: 100%;
    margin: 20px 0 0 !important;
    background-color: #4E7BBE !important;
    color: #FFF !important;
    padding: 5px !important;
    border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -o-border-radius: 5px !important;
}

div.register-form-container button#register:disabled {
    opacity: 0.50;
}

div.login-form-container p {
    float: left !important;
    clear: both !important;
    width: 100% !important;
    font-size: 12px !important;
    text-align: center !important;
    margin: 5px 0 !important;
    color: #0E1F44 !important;
}

div.register-form-container p {
    float: left !important;
    clear: both !important;
    width: 100% !important;
    font-size: 12px !important;
    text-align: left !important;
    margin: 5px 0 !important;
    color: #0E1F44 !important;
}

div.login-form-container p.warning,
div.register-form-container p.warning {
    color: red !important;
    display: block !important;
}

div.login-form-container a#forgot-password,
div.login-form-container a#register-link {

    margin: 7px 0;
    color: #0E1F44;
}

div.login-form-container a#forgot-password {
    float: left;
}

div.login-form-container a#register-link {
    float: right
}

div.login-form-container a:hover {
    cursor: pointer;
}

div.login-form-container div.forgot-password-container {
    float: left;
    clear: both;
    width: 100%;
    display: none;
}

div.login-form-container a#reset-password {
    float: left;
    clear: both;
    width: 100%;
    margin: 7px 0;
    text-align: center;
}

menu ul {
    width: 100%;
    float: left;
    clear: both;
    padding: 0 20px 0 40px;
}

menu ul li {
    float: left;
    clear: both;
    width: 100%;
    position: relative;
    margin: 0 0 20px;
}

#main-side-bar-menu-list > li:last-child {
    margin: 0 0 0;
}

menu ul li div.menu-category-container {
    float: left;
    clear: both;
    width: 100%;
}

menu ul li div.menu-category-container:hover {
    cursor: pointer;
}

menu ul li i {
    opacity: 0.33;
    margin: 0 10px 0 0;
    width: 20px;
    text-align: center;
}

menu ul li i.fa-caret-left,
menu ul li i.fa-caret-down {
    opacity: 1.0;
    font-size: 24px;
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
}

menu ul li i.fa-caret-left {
    display: inline-block;
}

menu ul li i.fa-caret-down {
    display: none;
}

menu ul li.active i.fa-caret-left {
    display: none;
}

menu ul li.active i.fa-caret-down {
    display: inline-block;
}

menu ul li div.icon-container {
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 10px 0 0;
    text-align: center;
}

menu ul li div.icon-container img {
    width: 16px;
    height: 15px;
    line-height: 20px;
    vertical-align: top;
    margin: 5px 0 0;
}

menu ul li span {
    display: inline-block;
    font-family: "Halis GR Light";
    font-size: 16px;
}

menu ul li ol {
    float: left;
    clear: both;
    width: 100%;
    margin: 10px 0 0;
    padding: 0 0 0 45px;
    display: none;
}

menu ul li.active ol {
    float: left;
    clear: both;
    width: 100%;
    margin: 10px 0 0;
    padding: 0 0 0 45px;
    display: block;
}

menu ul li ol li {
    color: #8d9195;
    font-size: 11px;
    margin: 4px 0;
    font-family: "Halis GR Book";

}

menu ul li ol li a,
menu ul li ol li a:link,
menu ul li ol li a:visited,
menu ul li ol li a:hover,
menu ul li ol li a:active {
    color: #8d9195;
    float: left;
    width: 100%;
}

menu ul li ol li a.active,
menu ul li ol li a.active:link,
menu ul li ol li a.active:visited,
menu ul li ol li a.active:hover,
menu ul li ol li a.active:active {
    color: #FFF;
}

table.dataTable th,
table.dataTable td {
    font-size: 12px;
}

table.dataTable thead th {
    padding: 8px 10px;
    font-family: "Halis GR Bold", "Halis GR Regular", "Open Sans", "Roboto", Arial, Helvetica, sans-serif;
    font-weight: normal;
}

table.dataTable thead th.sorting,
table.dataTable thead th.align-right,
table.dataTable tbody td.align-right,
table.dataTable tfoot th.align-right {
    padding-right: 18px;
}

table.dataTable tr.odd {
    background-color: #eaeffa !important;
}

table.dataTable.posadmin-object-list-table tr.odd {
    background-color: #fff !important;
}

table.dataTable input[type=checkbox] {
    width: 15px;
    height: 15px;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: none !important;
}

table.dataTable td a {
    color: #0E1F44;
}

table.dataTable td a:hover {
    cursor: pointer;
}

table.dataTable td a i.fa-spin {
    margin: 0 3px 0 0 !important;
}

/*
.dataTables_scrollHeadInner,
table.dataTable {
    min-width: 100% !important;
}
*/

table.dataTable tfoot th {
    font-family: "Halis GR Bold", "Halis GR Regular", "Open Sans", "Roboto", Arial, Helvetica, sans-serif;
    font-weight: normal;
}

table.dataTable tfoot th,
table.dataTable tfoot td {
    padding: 6px 10px;
}

table.dataTable.posadmin-object-list-table thead th,
table.dataTable.posadmin-object-list-table tbody td {
    padding: 5.5px 5px;
}

table.dataTable.posadmin-object-list-table thead th.sorting {
    padding-right: 15px;
}

table.dataTable.posadmin-object-list-table.posadmin-timecard-payroll-table thead th:not(.sorting),
table.dataTable.posadmin-object-list-table.posadmin-timecard-payroll-table tbody td {
    padding: 2px
}

table.dataTable.posadmin-object-list-table tbody td {
    font-size: 11px;
    font-family: "Halis GR Regular", "Open Sans", "Roboto", Arial, Helvetica, sans-serif;;
}

.dataTables_wrapper .dataTables_length select {
    float: none !important;
    border: none !important;
    border-bottom: 1px solid #C5C5C5 !important;
    color: #707070 !important;
    width: auto !important;
    min-width: unset !important;
}

.dataTables_wrapper a.paginate_button.previous,
.dataTables_wrapper a.paginate_button.next {
    text-decoration: underline !important;
    border: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: #333 !important;
    background-color: transparent;
    background: none;
    border: none;
    box-shadow: none;
}

.posadmin-datatable-pagination-icon {
    font-size: 18px;
    color: #0E1E43 !important;
}

.dataTables_wrapper .dataTables_paginate {
    padding-top: 0 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding-top: 2px !important;
    border: none !important;
}

.dataTables_wrapper .dataTables_info {
    float: none !important;
    display: none !important;
    clear: none !important;
}

.dataTables_wrapper .dataTables_length {
    float: left;
}

.posadmin-datatable-info {
    position: relative;
    top: -2px;
}

table.dataTable td.allow-half-topping,
table.dataTable td.refund-issued {
    text-indent: 25px;
}

div.custom-data-table-filters > ul.custom-data-table-filters {
    float: right;
    clear: none;
    width: auto;
}

ul.custom-data-table-filters {
    float: left;
    clear: both;
    width: 100%;
    position: relative;
    height: 35px;
    margin: 0 0 15px;
}

ul.custom-data-table-filters li {
    height: 32px;
    background-color: #FFFFFF;
    border: 1px solid #6588C0;
    font-size: 12px;
    color: #6588C0;
    padding: 6.5px 5px;
    min-width: 125px;
    max-width: 160px;
    position: relative;
}

ul.custom-data-table-filters li.department {
    width: 150px;
}

ul.custom-data-table-filters li.department span {
    display: inline-block;
    max-width: 128px;
    height: 35px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}


ul.custom-data-table-filters li.with-link a {
    color: #6588C0;
    display: block;
}

ul.custom-data-table-filters li.left {
    margin: 0 10px 0 0;
}

ul.custom-data-table-filters li.right {
    margin: 0 0 0 10px;
}

ul.custom-data-table-filters li.filter-date input {
    border: none !important;
    max-width: 90%;
    color: #707070;
}

ul.custom-data-table-filters li:hover {
    cursor: pointer;
}

ul.custom-data-table-filters li.search:hover {
    cursor: default;
}

ul.custom-data-table-filters li i {
    float: right;
    line-height: 17px;
    margin-left: 5px;
}

ul.custom-data-table-filters li.search {
    background-color: transparent;
    color: #6588C0;
    border: 1px solid #6588C0;
}

ul.custom-data-table-filters li input#custom_search {
    border: none !important;
    width: 90%;
    background-color: transparent;
    color: #707070;
}

ul.custom-data-table-filters li.search i {
    margin: 0;
    position: absolute;
}

ul.custom-data-table-filters li ol {
    position: absolute;
    left: 0;
    top: 32px;
    z-index: 98;
    width: 100%;
    box-shadow: 0 2px 10px #CCC;
    -webkit-box-shadow: 0 2px 10px #CCC;
    -moz-box-shadow: 0 2px 10px #CCC;
    -o-box-shadow: 0 2px 10px #CCC;
    background-color: #FFF;
    border: none;
    display: none;
}

ul.custom-data-table-filters li ol li {
    height: auto;
    border: none;
    color: #707070;
    padding: 2px 5px;
    margin: 0;
    background-color: #FFF;
    width: 100% !important;
}

ul.custom-data-table-filters li ol li:hover {
    color: #6588C0;
}

div.tabs-content {
    display: none;
    float: left;
    clear: both;
    width: 100%;

}

div.tabs-content.active {
    display: block;
}

form input.form-control {
    height: inherit;
}

form label {
    float: left;
    clear: both;
    width: 100%;
    font-size: 12px;
    color: #414C63;
    margin: 0 0 5px 0;
}

form label:not(.custom-label) {
    height: 15px;
    line-height: 15px;
}

form input,
form textarea,
form select {
    margin: 0 20px 25px 0;
    border: 1px solid #C5C5C5 !important;
    color: #707070;
}

form select.inline {
    margin-right: 20px;
}

form input[type=text],
form input[type=number],
form input[type=password],
form textarea {
    float: left;
    clear: both;
    width: 100%;
    padding: 2px 7px;
    font-size: 12px;
    margin: 0 0 25px 0;
}

form select,
form input[type=number],
form span.inline {
    font-size: 12px;
}

form textarea {
    min-height: 100px;
}
form label.inline,
form select.inline,
form input.inline,
form span.inline,
label.inline,
select.inline,
input.inline,
span.inline,
div.inline {
    float: none;
    clear: none;
    display: inline-block;
    width: auto;
    vertical-align: middle;
    margin: 0 5px 5px 0;
}

div.inline-no-bottom-margin,
span.inline-no-bottom-margin {
    float: none;
    clear: none;
    display: inline-block;
    width: auto;
    vertical-align: middle;
    margin: 0 5px 0 0;
}

span.inline-no-margins,
input.inline-no-margins {
    float: none;
    clear: none;
    display: inline-block;
    width: auto;
}

input.inline-no-margins {
    margin: 0 !important;
}

span.table-inline {
    float: none;
    clear: none;
    display: inline-block;
    width: auto;
    vertical-align: top;
    margin: 0 5px 0 0;
}

article label.big {
    font-size: 16px;
    line-height: 21px;
    font-weight: 600;
}

article.merchant {
    background-color: #FFF;
}

article form.merchant .wrapper {
    margin-bottom: 7px;
}

article form.merchant .no-margin .wrapper {
    margin-bottom: 0;
}

article form.merchant label {
    color: #6588C0;
    width: 30%;
    text-align: right;
    height: 25px;
    padding: 3px 1% 0;
}

article form.merchant .full-width label {
    width: 80%;
    clear: both;
    margin: 0 10% 10px;
    padding: 0;
    text-align: left;
}

article form.merchant .full-width .payment-history {
    float: left;
    height: 300px;
    width: 80%;
    border: 1px solid #C5C5C5;
    overflow-y: scroll;
    margin: 0 10%;
    clear: both;
}

article form.merchant label.inline {
    float: left;
    margin: 0;
}

article form.merchant label.crowded {
    height: auto;
    padding: 0 1%;
}

article form.merchant p {
    margin: 0;
}

article form.merchant p.inline {
    float: left;
    width: 70%;
    padding: 3px 1% 0;
}

article form.merchant p.show-delivery-map {
    color: #49C1B9;
}

article form.merchant p.show-delivery-map:hover {
    cursor: pointer;
}

article form.merchant p.status {
    color: #49C1B9;
    font-weight: bold;
}

article form.merchant p.heading {
    color: #6588C0;
    margin: 0 0 15px;
}

article form.merchant input.inline,
article form.merchant textarea.inline,
article form.merchant select.inline,
article form.merchant ul.two-col,
article form.merchant .listbox,
.user-profile-merchants-list-wrapper {
    float: left;
    clear: none;
    width: 69%;
    margin: 0 0 0 1%;
}

article form.merchant input.inline[type=checkbox] {
    width: 15px;
    height: 15px;
    float: none;
}

article form.merchant a.show-vmm-password,
article form.merchant a.hide-vmm-password {
    margin: 0 0 0 1%;
}

article form.merchant a.show-vmm-password:hover,
article form.merchant a.hide-vmm-password:hover {
    cursor: pointer;
    color: #007bff;
}

article form.merchant p.secret {
    height: 25px;
    padding: 2px 0 0 1%;
    margin: 0;
    float: left;
    width: 70%;
}

article form.merchant a#regenerate-merchant-api-secret {
    color: #007bff;
    float: right;
}

article form.merchant a#regenerate-merchant-api-secret:hover {
    cursor: pointer;
    color: #007bff;
}

article form.merchant #cuisines-listbox .headers {
    position: relative;
    height: 31px;
    line-height: 30px;
}

article form.merchant #cuisines-listbox .headers input {
    height: 30px !important;
    line-height: 30px !important;
    border: none !important;
    width: 100% !important;
    padding: 0 25px 0 0 !important;
}

article form.merchant #cuisines-listbox .headers i.fa-search {
    position: absolute;
    right: 10px;
    top: 8px;
    color: #6588C0;
}

input#search_cuisine::placeholder,
input.listbox-filter::placeholder {
    opacity: 0.5;
}

input#search_cuisine::-webkit-input-placeholder,
input.listbox-filter::-webkit-input-placeholder {
    opacity: 0.5;
}

input#search_cuisine::-moz-placeholder,
input.listbox-filter::-moz-placeholder {
    opacity: 0.5;
}

input#search_cuisine:-moz-placeholder,
input.listbox-filter:-moz-placeholder {
    opacity: 0.5;
}

input#search_cuisine:-ms-input-placeholder,
input.listbox-filter:-ms-input-placeholder {
    opacity: 0.5;
}

input#search_cuisine::-ms-input-placeholder,
input.listbox-filter::-ms-input-placeholder {
    opacity: 0.5;
}

article form.merchant #cuisines-listbox .selected p {
    height: 31px;
    line-height: 30px;
    color: #6588C0;
}

article form.merchant ul.two-col li {
    width: 65%;
}

article form.merchant ul.two-col li label.inline {
    width: 50%;
}

article form.merchant ul.two-col li select.inline {
    width: 49%;
}

article form.merchant ul.two-col li:first-child {
    width: 35%;
    padding: 0 1% 0 0;
}

article form.merchant ul.two-col li:first-child select.inline {
    width: 100%;
    margin: 0;
}

article form.merchant input.thirty {
    height: 30px;
}

article form.merchant .iti--allow-dropdown {
    width: 69%;
    margin-left: 1%;
    margin-bottom: -4px;
}

article form.merchant .iti li {
    float: none !important;
}

article form.merchant input#telephone {
    width: 100%;
    margin: 0;
    padding-top: 2px;
    padding-bottom: 2px;
}

article form.merchant .delivery-map {
    display: none;
}

article form #map,
article form #delivery_map {
    display: inline-block;
    width: 69%;
    margin-left: 1%;
    height: 250px;
}

article form #map div,
article form #map p,
article form #map li,
article form #map label,
article form #map span,
article form #map img,
article form #delivery_map div,
article form #delivery_map p,
article form #delivery_map li,
article form #delivery_map label,
article form #delivery_map span,
article form #delivery_map img {
    clear: initial;
    color: initial;
    display: initial;
    float: initial;
    width: initial;
    height: initial;
}

div.two-col {
    float: left;
    clear: both;
    width: 100%;
    margin: 0 0 40px;
}

div.two-col div.no_bottom{
    margin: 0 0 0px;
}

div.two-col div.full-width {
    float: left;
    clear: both;
    width: 100%;
    padding: 0 15px 25px 5px;
}

div.two-col div.left {
    float: left;
    width: 50%;
    padding: 0 15px 0 5px;
}

div.two-col div.right {
    float: left;
    width: 50%;
    padding: 0 5px 0 15px;
}

ul.two-col {
    float: left;
    clear: both;
    width: 100%;
}

ul.two-col li {
    float: left;
    clear: none;
    width: 50%;
}

ul.two-col li:first-child {
    width: 50%;
}

div.item-image {
    position: relative;
    width: 100%;
    float: left;
}

div.item-image input#item-feature-image-hidden {
    display: none;
}

div.item-image p {
    color: #6588C0;
    font-size: 12px;
    margin: 0 0 7px;
}

div.item-image p.warning {
    color: #ffa300 !important;
}

div.item-image div.img-container {
    display: block;
    margin: 0 auto 7px;
    width: 300px;
    height: 200px;
    position: relative;
    z-index: 2;
}

div.item-image div.img-container i.fa-times-circle {
    color: #6588C0;
    position: absolute;
    z-index: 98;
    top: -7px;
    right: 0;
    font-size: 14px;
}

div.item-image div.img-container i.fa-times-circle:hover {
    cursor: pointer;
}

div.item-image div.img-container i.fa-spin {
    color: #6588C0;
    font-size: 36px;
    line-height: 200px;
}

div.item-image div.img-container img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    position: relative;
}

div.item-image div.img-container img:hover {
    cursor: pointer;
}

div.item-image .button {
    clear: both;
}

div.item-image p#img-filename {
    margin: 10px 0 0 0;
}

article form.menu h3 {
    font-size: 13px;
    font-weight: normal;
    color: #414C63;
    border-bottom: 1px solid #0e1e43;
}

div.listbox {
    float: left;
    clear: both;
    width: 100%;
}

div.listbox div.listbox-column {
    float: left;
    clear: none;
    width: 45%;
    color: #707070;
    font-size: 12px;
}

div.listbox p {
    text-align: center;
    color: #414C63;
}

div.listbox div.headers {
    float: left;
    clear: both;
    width: 100%;
    background-color: #FFF;
    border-top: 1px solid #C5C5C5;
    border-right: 1px solid #C5C5C5;
    border-left: 1px solid #C5C5C5;
    padding: 0 5px;
    color: #414C63;
    position: relative;
    height: 25px;
}

div.listbox div.headers input.listbox-filter {
    margin: 0;
    border: none !important;
    padding: 0 25px 0 0 !important;
    width: 100% !important;
    height: 24px !important;
}

div.listbox div.headers i.fa-search {
    position: absolute;
    top: 7px;
    right: 5px;
    color: #6588C0;
}

div.listbox div.listbox-column div.cell {
    float: left;
    clear: none;
    width: 20%;
    margin: 0;
}

div.listbox div.listbox-column div.headers div.cell {
    line-height: 24px;
}

div.listbox div.listbox-column.available div.cell.sort,
div.listbox div.listbox-column.available div.cell.rqd,
div.listbox div.listbox-column.available div.cell.sel,
div.listbox div.listbox-column.available div.cell.edit,
div.listbox div.listbox-column.available div.cell.size-price,
div.listbox div.listbox-column.available div.cell.addonitem-category-price {
    display: none;
}

div.listbox div.listbox-column div.cell.full {
    width: 100%;
}

div.listbox div.listbox-column div.cell.sort {
    text-indent: 5px;
    color: #6588C0;
}

div.listbox div.listbox-column div.cell.wide {
    width: 40%;
}

div.listbox div.listbox-column div.cell.ten {
    width: 10%;
}

div.listbox div.listbox-column div.cell.twenty {
    width: 20%;
}

div.listbox div.listbox-column div.cell.twenty-five {
    width: 25%;
}

div.listbox div.listbox-column div.cell.thirty {
    width: 30%;
}

div.listbox div.listbox-column div.cell.thirty-three {
    width: 33%;
}

div.listbox div.listbox-column div.cell.forty {
    width: 40%;
}

div.listbox div.listbox-column div.cell.fifty {
    width: 50%;
}

div.listbox div.listbox-column div.cell.sixty {
    width: 60%;
}

div.listbox div.listbox-column div.cell.eighty {
    width: 80%;
}

div.listbox div.listbox-column div.cell.edit,
div.listbox div.listbox-column div.cell.sel {
    width: 10%;
}

div.listbox div.listbox-column div.cell.rqd,
div.listbox div.listbox-column div.cell.sel {
    text-indent: 2px;
}

div.listbox div.listbox-column div.cell.rqd {
    color: #6588C0;
}

div.listbox div.listbox-column div.cell.edit {
    text-indent: 8px;
    color: #49C1B9;
}

div.listbox div.listbox-column.actions {
    width: 10%;
}

div.listbox div.listbox-column ul {
    float: left;
    clear: both;
    width: 100%;
    height: 300px;
    overflow-y: scroll;
    background-color: #FFF;
    border: 1px solid #C5C5C5;
}

div.listbox div.listbox-column ul li {
    float: left;
    clear: both;
    width: 100%;
    color: #707070;
    font-size: 12px;
    margin: 0 0 3px;
    padding: 0 5px;
}

div.listbox div.listbox-column ul li:first-child {
    margin: 3px 0;
}

div.listbox div.listbox-column ul li.selected {
    background-color: #0E1F44;
    color: #FFF;
}

div.listbox div.listbox-column ul li:hover {
    cursor: pointer;
}

div.listbox div.listbox-column.actions ul {
    position: relative;
    background-color: transparent;
    border: none;
    overflow: hidden !important;
}

div.listbox div.listbox-column.actions ul li {
    text-align: center;
    position: absolute;

    margin: 0;
    padding: 0;
}

div.listbox div.listbox-column.actions ul li.move-up {
    top: 90px;
}

div.listbox div.listbox-column.actions ul li.transfer-to,
div.listbox div.listbox-column.actions ul li.transfer-job-to {
    top: 135px;
}

div.listbox div.listbox-column.actions ul li.transfer-from,
div.listbox div.listbox-column.actions ul li.transfer-job-from {
    top: 180px;
}

div.listbox div.listbox-column.actions ul li.move-down {
    top: 225px;
}

div.listbox div.listbox-column.actions ul li i.fa {
    font-size: 45px;
    color: #6588C0;
}

ul.striped-list {
    float: left;
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 1px solid #C5C5C5;
}

ul.striped-list li {
    float: left;
    clear: both;
    width: 100%;
    margin: 0;
    padding: 5px 10px;
    background-color: transparent;
    border-top: 1px solid #C5C5C5;
    font-size: 12px;
}

ul.striped-list li:first-child {
    border-top: none;
}

ul.striped-list li:nth-of-type(even) {
    background-color: #FFF;
}

ul.striped-list li div {
    float: left;
    clear: none;
    width: auto;
    padding: 0 25px 0 0;
}

ul.striped-list li div.five {
    width: 5%;
}

ul.striped-list li div.ten {
    width: 10%;
}

ul.striped-list li div.fifteen {
    width: 15%;
}

ul.striped-list li div.twenty {
    width: 20%;
}

ul.striped-list li div.twenty-five {
    width: 25%;
}

ul.striped-list li div.thirty-three {
    width: 33%;
}

ul.striped-list li div.fifty {
    width: 50%;
}

ul.striped-list li div input {
    margin: 0 !important;
}

a.ui-corner-all {
    font-size: 12px;
    color: #707070;
    padding: 0;
}

#sizes-listbox div.listbox-column div.cell {
    width: 25%;
}

#sizes-listbox div.listbox-column div.cell span.price-text {
    display: inline-block;
    margin: 0 10px 0 0;
}

#sizes-listbox div.listbox-column div.cell input[type=number],
#addonitem-category-prices-listbox div.listbox-column div.cell input[type=number] {
    width: 100%;
    margin: 0;
}

#category-items-listbox div.listbox-column.selected {
    width: 90%;
}

#category-items-listbox div.listbox-column.actions {
    width: 10%;
}

#category-items-listbox div.listbox-column.actions li.move-up {
    top: 110px;
}

#category-items-listbox div.listbox-column.actions li.move-down {
    top: 155px;
}

#subcategory-items-listbox div.listbox-column {
    width: 100%;
}

.popover {
    box-shadow: 0 2px 10px #CCC;
    -webkit-box-shadow: 0 2px 10px #CCC;
    -moz-box-shadow: 0 2px 10px #CCC;
    -o-box-shadow: 0 2px 10px #CCC;
}

/* popover seems to be 1 pixel off, so overwrite it */
.bs-popover-auto[x-placement^=top]>.arrow, .bs-popover-top>.arrow {
    bottom: calc(-.5rem);
}

.popover-message-wrapper {
    display: flex;
    flex-wrap: nowrap;
    column-gap: .5rem;
    align-items: center;
}

.popover .form-validation-icon {
    flex: 0 0 25px;
    vertical-align: middle;
    width: 25px;
    height: 25px;
    padding: 0;
    background-color: #ffa300;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    font-size: 16px;
    line-height: 25px;
}

.popover .form-success-icon {
    flex: 0 0 25px;
    vertical-align: middle;
    width: 25px;
    height: 25px;
    padding: 0;
    color: #94d82d;
    font-weight: bold;
    text-align: center;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    font-size: 16px;
    line-height: 25px;
}

.popover .form-success-icon i.fa-check-circle {
    font-size: 25px;
}

.popover-message {
    flex: 1 1 auto;
}

#modal ul.primary {
    float: left;
    clear: both;
    width: 100%;
    margin: 50px 0;
}

#modal ul.primary li {
    float: left;
    width: 33.33%;
    padding: 0 1%;
    height: 35px;
    text-align: right;
}

#modal ul.primary li:first-child {
    text-align: left;
}

#modal ul.primary li input.max_selected {
    width: 75px;
}

#modal ul.primary li label,
#modal ul.primary li input {
    vertical-align: middle;
}

#modal ul.primary li label {
    margin: 0 10px 0 0;
}

#modal a.secondary-select-all,
#modal a.tertiary-select-all {
    float: right;
}

#modal a.secondary-select-all:hover,
#modal a.tertiary-select-all:hover {
    cursor: pointer;
}

#modal div.secondary {
    float: left;
    clear: both;
    width: 100%;
}

#modal div.secondary div.data-column {
    float: left;
    clear: both;
    width: 100%;
}

#modal div.secondary div.data-column.header {
    border-bottom: 1px solid #C5C5C5;
}

#modal div.secondary div.data-column:hover {
    cursor: default;
}

#modal div.secondary div.data-column div.data-row {
    float: left;
    width: 25%;
    padding: 5px;
}

#modal.toppings div.secondary div.data-column div.data-row {
    width: 20%;
}

#modal div.secondary div.data-column div.data-row i.fa-sort {
    color: #6588C0;
}

#modal div.secondary div.data-column.header div.data-row {
    font-weight: bold;
}

#modal div.secondary div.data-column div.tertiary {
    display: none;
    float: left;
    clear: both;
    width: 100%;
    background-color: #eaeffa;
}

#modal div.secondary div.data-row a:hover {
    cursor: pointer;
    color: #007bff;
}

#modal .departments-selected {
    width: 90%;
}

#modal.sort-departments div.actions {
    width: 10%;
}

#modal.sort-departments div.actions li.move-up {
    top: 110px;
}

#modal.sort-departments div.actions li.move-down {
    top: 155px;
}

#modal .modifier-groups-selected {
    width: 100%;
}

.mass-edit ul.mass-edit-selected {
    float: left;
    clear: both;
    width: 100%;
    margin: 0;
    padding: 5px;
    border: 1px solid #C5C5C5;
    height: 200px;
    overflow-y: scroll;
}

.mass-edit ul.mass-edit-selected li {
    float: left;
    clear: both;
    width: 100%;
    margin: 0 0 2px;
    font-size: 11px;
}

.mass-edit ul.mass-edit-choices {
    float: left;
    clear: both;
    width: 100%;
    margin: 0;
    padding: 5px;
    color: #707070;
}

.mass-edit ul.mass-edit-choices li {
    float: left;
    clear: both;
    width: 100%;
    margin: 0 0 20px;
    opacity: 0.5;
}

.mass-edit ul.mass-edit-choices li label.inline {
    vertical-align: middle;
    line-height: 14px;
}

.mass-edit ul.mass-edit-choices li input[type=checkbox] {
    width: 12px !important;
    height: 12px !important;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    vertical-align: unset;
}

.mass-edit ul.mass-edit-choices li input[type=number] {
    border-top: none !important;
    border-left: none !important;
    border-bottom: 1px solid #707070 !important;
    border-right: none !important;
    padding: 0 2px;
}

.mass-edit ul.mass-edit-choices li a {
    display: inline-block;
    border: 1px solid #707070;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    color: #707070;
    width: 20px;
    height: 20px;
    line-height: 18px;
    margin: 0 5px 0 0;
    text-align: center;
}

.mass-edit ul.mass-edit-choices li a:hover {
    cursor: pointer;
}

.mass-edit ul.mass-edit-choices li.selected {
    opacity: 1.0;
}

.mass-edit ul.mass-edit-choices li.selected a {
    border: 1px solid #49C1B9;
    color: #49C1B9;
}

.mass-edit ul.mass-edit-choices li.selected a.selected {
    background-color: #49C1B9;
    color: #FFF;
}

article.settings {
    min-height: 100vh;
}

article.settings h2 {
    color: #414C63;
    font-size: 20px;
    margin: 0 0 25px;
    padding: 0 0 12px;
    border-bottom: 1px solid #0e1e43;
}

article.settings h3 {
    color: #414C63;
    font-size: 20px;
    margin: 0 0 10px;
    padding: 0 0 12px;
    text-align: center;
    float: left;
    clear: both;
    width: 100%;
}

article form.settings aside {
    position: fixed;
    width: 10%;
    z-index: 1;
}

article form.settings aside ul {
    margin-top: 25px;
}

article form.settings aside ul li {
    clear: both;
    text-decoration: underline;
    margin: 0 0 5px;
    font-size: 12px;
}

article form.settings aside ul li:hover {
    cursor: pointer;
}

article form.settings div.settings-container {
    float: left;
    width: 85%;
    padding: 0 0 0 1%;
    margin: 0 0 0 15%;
    position: relative;
    z-index: 2;
}

div.settings-container div.col-row {
    float: left;
    clear: both;
    width: 100%;
    margin: 0 0 50px;
}

div.settings-container label {
    color: #707070;
}

div#restaurant-branding p {
    text-align: center;
    color: #6588C0;
}

div#restaurant-branding div.img-container {
    width: 200px;
    height: 100px;
    position: relative;
    margin: 0 0 12px;
}

div#restaurant-branding div.img-container i.fa-times-circle,
div#restaurant-branding div.img-container i.fa-spin {
    position: absolute;
    top: -7px;
    right: 0;
    z-index: 98;
    color: #6588C0;
    font-size: 14px;
}

div#restaurant-branding div.img-container i.fa-times-circle:hover {
    cursor: pointer;
}

div#restaurant-branding div.img-container img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    position: relative;
}

div#restaurant-branding div.img-container img[src=""] {
    display: none;
}

div#restaurant-branding ul li {
    padding: 0 2%;
}

div#restaurant-branding ul li a.button {
    margin: 0 auto;
    width: 75px;
    display: block;
    color: #707070 !important;
    background-color: #FFF;
    border: 1px solid #C5C5C5;
}

div#checkout-questions a.add-new-question {
    color: #FFF;
    background-color: #6588C0;
    width: auto;
    padding: 2px 7px;
    float: right;
    margin: 0 0 20px;
}

div#checkout-questions a.add-new-question:hover {
    cursor: pointer;
}

div#checkout-questions ul.question {
    float: left;
    clear: both;
    width: 100%;
    border-top: 1px solid #C5C5C5;
    padding: 30px 0;
}

div#checkout-questions ul.question textarea,
div#checkout-questions ul.question input[type=text] {
    border: 1px solid #C5C5C5 !important;
}

div#checkout-questions ul.question li {
    width: 65%;
    clear: none;
    padding: 0 0 0 1%;
}

div#checkout-questions ul.question li:first-child {
    width: 35%;
    padding: 0 1% 0 0;
}

div#checkout-questions ul.question li p i {
    float: right;
    font-size: 16px;
    color: #6588C0;
    margin: 0 0 0 7px;
}

div#checkout-questions ul.question li p i {
    cursor: pointer;
}

div#checkout-questions ul.question li div.question-col {
    display: inline-block;
    width: 34%;
    vertical-align: top;
}

div#checkout-questions ul.question li div.question-col.checkbox {
    width: 15%;
    text-align: center;
}

div#checkout-questions ul.question li div.question-col.checkbox input[type=checkbox] {
    margin: 0 auto;
}

div#checkout-questions ul.question li div.answers {
    float: left;
    clear: both;
    width: 75%;
    padding: 0;
    margin: 0;
}

div#checkout-questions ul.question li div.answers p {
    padding: 0 0 10px;
    border-bottom: 1px solid #C5C5C5;
    height: 30px;
}

div#checkout-questions ul.question li div.answers p input {
    width: 45.5%;
    float: left;
    margin: 0 1% 0 0;
}

div#checkout-questions ul.question li div.answers i {
    font-size: 14px;
}

div#checkout-questions ul.question li div.answers i.fa-minus-circle {
    color: #49C1B9;
}

div#checkout-questions ul.question li div.answers i.fa-pen {
    font-size: 12px;
    margin: 2px 0 0 7px;
}

div#merchant-settings ul {
    float: left;
    clear: both;
    width: 100%;
    margin: 0 0 20px;
}

div#merchant-settings ul li {
    width: 25%;
    padding: 0 0 0 2%;
}

div#merchant-settings ul li:first-child {
    padding: 0 2% 0 0;
}

div#order-limits ul {
    float: left;
    clear: both;
    width: 100%;
    margin: 0 0 20px;
}

div#order-limits ul li {
    width: 50%;
    padding: 0 2%;
    text-align: left;
}

div#order-limits ul li:first-child {
    text-align: right;
}

div#taxes-and-surcharges ul {
    float: left;
    clear: both;
    width: 100%;
    margin: 0 0 20px;
}

div#taxes-and-surcharges ul li {
    width: 33%;
    padding: 0 2%;
    text-align: left;
}

div#taxes-and-surcharges ul li:first-child {
    text-align: right;
}

div#taxes-and-surcharges ul li:nth-child(2) {
    text-align: center;
}

div#taxes-and-surcharges ul li input#packaging_charge_percentage,
div#taxes-and-surcharges ul li input#pickup_service_charge_percentage {
    width: 50px;
}

div#store-hours label.timezone,
div#store-hours select#timezone {
    margin: 0 5px 40px 0;
}

div#store-hours ul {
    float: left;
    clear: both;
    width: 100%;
}

div#store-hours ul li {
    float: left;
    clear: both;
    width: 100%;
    margin: 0 0 20px;
}

div#store-hours ul li label {
    width: 8%;
    padding: 0 1%;
    margin: 0;
    text-align: center;
    vertical-align: text-top;
}

div#store-hours ul li input.has_timepicker {
    width: 8%;
    min-width: 68px;
    margin: 0;
}

div#store-hours ul li input.custom_text {
    width: 8%;
    min-width: 68px;
    margin: 0 2%;
}

div#store-hours ul li input.select_am_day,
div#store-hours ul li input.select_pm_day {
    width: 15px;
    vertical-align: bottom;
}

div#order-parameters .wrapper {
    margin: 0 0 25px;
}

div#order-parameters a.add-custom-preorder-date,
div#order-parameters a.remove-custom-preorder-date {
    color: #FFF;
    background-color: #6588C0;
    width: auto;
    padding: 3px 7px;
    margin: 0;
    display: inline;
    height: 24px;
    vertical-align: text-bottom;
    margin: 0 1%;
}

div#order-parameters a.remove-custom-preorder-date {
    margin: 1px 4% 0;
    display: inline-block;
    vertical-align: top;
}

div#order-parameters a.add-custom-preorder-date,
div#order-parameters input.add-custom-preorder-time {
    display: none;
}

div#order-parameters a.add-custom-preorder-date:hover,
div#order-parameters a.remove-custom-preorder-date {
    cursor: pointer;
}

div#order-parameters ul.custom-preorder-dates-container {
    float: left;
    clear: both;
    width: 100%;
    margin: 25px 0 0;
}

div#order-parameters ul.custom-preorder-dates-container li label {
    width: 10%;
    text-align: center;
    padding: 0 2%;
    min-width: 68px;
}

div#order-parameters ul.custom-preorder-dates-container li input[type=text] {
    width: 10%;
    margin: 0;
    min-width: 78px;
}

div#order-parameters ul.custom-preorder-dates-container li label.wide {
    text-align: left;
    font-size: 10px;
    line-height: 12px;
    vertical-align: text-bottom;
    width: 15%;
    padding: 0;
    margin: 0 0 5px;
}

div#order-parameters ul.custom-preorder-dates-container li {
    margin: 0 0 20px;
}

div#order-parameters ul.one-by-three {
    float: left;
    clear: both;
    width: 100%;
    margin: 0;
}

div#order-parameters ul.one-by-three li {
    width: 33.333%;
    padding: 0 1% 0 0;
    text-align: left;
}

div#order-parameters ul.one-by-three li p {
    height: 50px;
    display: table-cell;
    vertical-align: bottom;
    width: 100%;
}

div#order-parameters ul.one-by-three li p label {
    float: none;
    width: 100%;
    max-width: 65%;
    height: auto;
}

div#order-parameters ul.one-by-three li input {
    display: block;
    width: 100%;
    max-width: 50%;
    float: none;
}

div#delivery_rates a.add-new-rate,
div#minimum_delivery_order a.add-new-minimum-rate {
    color: #FFF;
    background-color: #6588C0;
    width: auto;
    padding: 2px 7px;
    float: right;
    margin: 0 0 20px;
}

div#delivery_rates a.add-new-rate:hover,
div#minimum_delivery_order a.add-new-minimum-rate:hover {
    cursor: pointer;
}

article.settings label.big {
    margin: 0 20px 0 0;
    vertical-align: unset;
}

article.settings .toggle-switch {
    top: -1px;
    float: none;
    clear: none;
}

article.settings ul.striped-list {
    border: none;
    float: left;
    clear: both;
    width: 100%;
    margin: 20px 0 0;
}

article.settings ul.striped-list li {
    border: none;
    padding: 20px 10px;
}

article.settings ul.striped-list li:nth-of-type(odd) {
    background-color: #eaeffa;
}

article.settings ul.striped-list li.header {
    border-bottom: 1px solid #0e1e43;
    color: #414C63;
    padding: 0 10px;
    background-color: transparent;
}

article.settings ul.striped-list li div.col-row {
    line-height: 26px;
    padding: 0 1% 0 0;
}

article.settings ul.striped-list li div.col-row input {
    width: 100%;
    height: 26px;
}

article.settings ul.striped-list li div.col-row select {
    width: 100%;
    height: 26px;
    margin: 0;
}

article.settings ul.striped-list li div.col-row i {
    font-size: 14px;
    margin: 4px 0 0;
}

article.settings ul.striped-list li div.col-row i:hover {
    cursor: pointer;
}

article.settings ul.delivery-rates .toggle-switch,
article.settings ul.delivery-minimum-rates .toggle-switch {
    width: 26px;
    height: 15px;
    margin: 4px 0 0;
    top: auto;
}

article.settings ul.delivery-rates .toggle-switch-slider::before,
article.settings ul.delivery-minimum-rates .toggle-switch-slider::before {
    height: 13px;
    width: 13px;
}

article.settings ul.delivery-rates .toggle-switch input:checked + .toggle-switch-slider::before,
article.settings ul.delivery-minimum-rates .toggle-switch input:checked + .toggle-switch-slider::before {
  -webkit-transform: translateX(11px);
  -ms-transform: translateX(11px);
  transform: translateX(11px);
}

div.dashboard-header {
    float: left;
    clear: both;
    width: 104%;
    background-color: #eaeffa;
    margin: -25px 0 35px -2%;
    padding: 10px 25px 10px;
    color: #414C63;
    position: relative;
}

div.dashboard-header div#weather-widget,
div.dashboard-header div#delivery-orders,
div.dashboard-header div#pickup-orders,
div.dashboard-header div#dine-in-orders {
    opacity: 0.75;
}

div.dashboard-header div#weather-widget {
    width: 20%;
    float: left;
    margin: 0 4% 0 0;
}

div.dashboard-header div#weather-widget ul {
    float: left;
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0;
}

div.dashboard-header div#weather-widget ul li {
    width: auto;
    padding: 0 0 0 15px;
}

div.dashboard-header div#weather-widget ul li:first-child {
    padding: 6px 0 0;
}

div.dashboard-header div#weather-widget ul li:first-child p {
    text-transform: uppercase;
    float: left;
    width: auto;
    padding: 0 12px 0 0;
    font-weight: bold;
    font-size: 32px;
    line-height: 1.1;
}

div.dashboard-header div#weather-widget ul li:first-child i {
    font-size: 32px;
}

div.dashboard-header div#weather-widget ul li:nth-child(2) p {
    position: relative;
    text-align: center;
    font-weight: 600;
    font-size: 16px;
}

div.dashboard-header div#weather-widget ul li:nth-child(2) span {
    color: #707070;
    font-size: 13px;
}

div.dashboard-header div.dashboard-header-item {
    width: 19%;
    float: left;
    padding: 0 0 0 2%;
}

div.dashboard-header div.dashboard-header-item p {
    text-decoration: underline;
    font-weight: 600;
    font-size: 16px;
}

div.dashboard-header div.dashboard-header-item span {
    color: #707070;
    font-size: 13px;
}

div.dashboard-header div#eod-report {
    border-left: 1px solid #6588C0;
}

div.dashboard-header div#eod-report p {
    opacity: 0.75;
}

article.dashboard {
    font-size: 13px;
}

article.dashboard label {
    font-size: 13px;
    text-align: right;
    color: #707070;
    float: none;
    line-height: normal;
}

article.dashboard input {
    margin-bottom: 0;
}

article.dashboard select {
    margin: 0;
    width: 15%;
    float: left;
    clear: none;
    min-width: 130px;
}

article.dashboard label.ordering-status,
article.dashboard p.ordering-status {
    font-size: 18px;
}

article.dashboard p.ordering-status {
    color: #49C1B9;
    text-transform: uppercase;
    font-weight: bold;
}

article.dashboard p.ordering-status i.fa-spin {
    color: #707070;
}

article.dashboard p.ordering-status.inactive {
    color: red;
}

article.dashboard div.two-col {
    margin: 0 0 30px;
}

article.dashboard div.two-col div.left {
    width: 15%;
}

article.dashboard div.two-col div.right {
    width: 85%;
}

article.dashboard div.two-col div.right span {
    vertical-align: text-bottom;
    display: inline-block;
    margin: 0 50px 0 0;
}

article.dashboard div#temp_close_store_custom,
article.dashboard div#pickup-interval-until-time,
article.dashboard div#delivery-interval-until-time {
    width: auto;

}

article.dashboard div#temp_close_store_custom input[type=text] {
    width: 46%;
    margin: 0 0 0 4%;
    border: none !important;
    border-bottom: 1px solid #C5C5C5 !important;
    clear: none;
    float: left;
}

article.dashboard div#temp_close_store_datetime,
article.dashboard div#temp_close_store_daterange,
article.dashboard div#temp_close_store_save_or_revert {
    float: left;
    clear: none;
    padding: 0 0 0 4%;
    margin: 0 0 15px;
    width: 33.33%;
    display: none;
}

article.dashboard div#dashboard div.warning {
    float: left;
    clear: both;
    width: 100%;
    margin: 20px 0 5px;
}

article.dashboard div#dashboard a.button {
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    background-color: #49C1B9 !important;
    margin: 0 2% 5px 0;
    padding: 5px;
    width: 28%;
    float: left;
    display: block;
    clear: none;
    text-align: center;
    min-width: 55px;
}

article.dashboard div#dashboard a.button.revert {
    margin: 0;
    width: 70%;
    min-width: 140px;
}

article.dashboard div#dashboard a.button.disabled {
    background-color: #707070 !important;
}

article.dashboard div.bottom-bar a,
article.orders-summary div.bottom-bar a {
    display: none;
}

article.orders-summary li.filter-with-dates i.fa-spin,
article.item-usage li.filter-with-dates i.fa-spin {
    float: left !important;
    margin: 0 5px 0 0;
}

article.dashboard div.dp-interval-buttons {
    float: left;
    clear: none;
}

article.dashboard div#pickup_interval_time span,
article.dashboard div#delivery_interval_time span {
    float: left;
    padding: 0 12px 0 4%;
    margin: 0;
}

article.dashboard div#pickup_interval_time input,
article.dashboard div#delivery_interval_time input {
    float: left;
    padding: 0;
    width: auto;
    clear: none;
    border: none !important;
    border-bottom: 1px solid #C5C5C5 !important;
}

article.dashboard div#pickup_interval_time a.button,
article.dashboard div#delivery_interval_time a.button {
    width: auto;
    margin: 0 0 5px 12px;
    padding: 3px 7px;
}

article div.two-col-with-calendar {
    float: left;
    clear: both;
    width: 100%;
    margin: 0 0 30px;
}

article div.two-col-with-calendar div.left {
    width: 15%;
    padding: 0 15px 0 5px;
}

article div.two-col-with-calendar div.right {
    width: 85%;
    padding: 0 5px 0 15px;
}

article.dashboard div#holiday_list_container {
    float: left;
    clear: none;
    width: 15%;
    margin: 0 5% 0 0;
}

article.dashboard div#holiday_list {
    width: 100%;
    padding: 7px;
    border: 1px solid #C5C5C5;
    height: 200px;
    overflow-y: scroll;
    min-width: 150px;
}

article.dashboard div#calendar_container {
    float: left;
    clear: none;
    width: 80%;
    margin: 0;
    padding: 0;
}

div#calendar_container .ui-datepicker-inline {
    width: 75% !important;
}

.posadmin-calendar-container {
    padding: 0 25px;
}

div#calendar_container .ui-widget,
.posadmin-calendar-container .ui-widget {
    font-family: "Open Sans","Roboto", Arial, Helvetica, sans-serif;
}

div#calendar_container .ui-widget-content,
.posadmin-calendar-container .ui-widget-content {
    color: #707070;
}

div#calendar_container .ui-widget.ui-widget-content,
.posadmin-calendar-container .ui-widget.ui-widget-content {
    border: none;
}

div#calendar_container .ui-widget-header .ui-icon,
.posadmin-calendar-container .ui-widget-header .ui-icon {
    background-image: none;
}

div#calendar_container a.ui-datepicker-prev .ui-icon,
div#calendar_container a.ui-datepicker-next .ui-icon,
.posadmin-calendar-container a.ui-datepicker-prev .ui-icon,
.posadmin-calendar-container a.ui-datepicker-next .ui-icon {
    text-indent: 0;
    height: 40px;
    width: 24px;
    top: -7px;
    left: 0;
}

div#calendar_container a.ui-datepicker-prev.ui-state-hover,
div#calendar_container a.ui-datepicker-next.ui-state-hover,
.posadmin-calendar-container a.ui-datepicker-prev.ui-state-hover,
.posadmin-calendar-container a.ui-datepicker-next.ui-state-hover {
    border: none;
    background: #FFF;
    color: #707070;
    cursor: pointer;
}

div#calendar_container a.ui-datepicker-prev.ui-datepicker-prev-hover,
div#calendar_container a.ui-datepicker-next.ui-datepicker-next-hover,
.posadmin-calendar-container a.ui-datepicker-prev.ui-datepicker-prev-hover,
.posadmin-calendar-container a.ui-datepicker-next.ui-datepicker-next-hover {
    top: 2px;
}

div#calendar_container .ui-datepicker .ui-datepicker-prev,
.posadmin-calendar-container .ui-datepicker .ui-datepicker-prev {
    left: -30px;
}

div#calendar_container .ui-datepicker .ui-datepicker-next,
.posadmin-calendar-container .ui-datepicker .ui-datepicker-next {
    right: -30px;
}

div#calendar_container a.ui-datepicker-prev span::before,
.posadmin-calendar-container a.ui-datepicker-prev span::before {
    content: "\2039";
    font-size: 40px;
    color: #707070;
    display: block;
    line-height: 40px;
    position: relative;
    left: 10px;
    top: 5px;
}

div#calendar_container a.ui-datepicker-next span::before,
.posadmin-calendar-container a.ui-datepicker-next span::before {
    content: "\203A";
    font-size: 40px;
    color: #707070;
    display: block;
    line-height: 40px;
    position: relative;
    left: 10px;
    top: 5px;
}

div#calendar_container .ui-widget-header,
.posadmin-calendar-container .ui-widget-header {
    border: none;
    background: #FFF;
    color: #49C1B9;
    font-size: 16px;
    font-weight: normal;
}

div#calendar_container .ui-datepicker-group-first .ui-datepicker-title,
.posadmin-calendar-container .ui-datepicker-group-first .ui-datepicker-title {
    text-align: left;
    margin: 0;
}

div#calendar_container .ui-datepicker-group-last .ui-datepicker-title,
.posadmin-calendar-container .ui-datepicker-group-last .ui-datepicker-title {
    text-align: right;
    margin: 0;
}

div#calendar_container .ui-datepicker-title span,
.posadmin-calendar-container .ui-datepicker-title span {
    vertical-align: super;
}

div#calendar_container .ui-datepicker-calendar thead tr,
.posadmin-calendar-container .ui-datepicker-calendar thead tr {
    border-top: 1px solid #C5C5C5;
    border-bottom: 1px solid #C5C5C5;
}

div#calendar_container .ui-datepicker td span,
div#calendar_container .ui-datepicker td a,
.posadmin-calendar-container .ui-datepicker td span,
.posadmin-calendar-container .ui-datepicker td a {
    text-align: center;
    border: none !important;
    background: #FFF !important;
    color: #707070;
}

div#calendar_container .ui-state-highlight,
.posadmin-calendar-container .ui-state-highlight {
    color: #49C1B9 !important;
}

div#calendar_container .ui-state-active,
.posadmin-calendar-container .ui-state-active {
    font-weight: bold !important;
}

div#holiday_list_container p {
    text-indent: 20px;
}

div#holiday_list ul {
    float: left;
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0;
}

div#holiday_list ul li.date {
    width: 40%;
    float: left;
    padding: 0 5% 0 0;
    margin: 0 0 3px;
}

div#holiday_list ul li.message {
    float: left;
    width: 30%;
    padding: 0 5% 0 0;
    margin: 0 0 3px;
    position: relative;
    text-align: center;
}

div#holiday_list ul li.message i.fa-plus-circle {
    position: absolute;
    left: 15%;
    top: -3px;
    color: #49C1B9;
    background-color: #FFF;
    font-size: 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    z-index: 99;
}

div#holiday_list ul li.message i.fa-bars {
    position: absolute;
    font-size: 8px;
    top: 2px;
    left: 34%;
}

div#holiday_list ul li.message i.fa-comment-alt {
    position: absolute;
    left: 33%;
    font-size: 13px;
}

div#holiday_list ul li.delete {
    float: left;
    width: 30%;
    padding: 0;
    margin: 0 0 3px;
    text-align: right;
}

div#holiday_list ul li.delete i.fa-trash-alt {
    color: #6588C0;
}

div#holiday_list ul li.message i.fa-plus-circle:hover,
div#holiday_list ul li.message i.fa-bars:hover,
div#holiday_list ul li.message i.fa-comment-alt:hover,
div#holiday_list ul li.delete i.fa-trash-alt:hover {
    cursor: pointer;
}

body.dashboard .popover {
    font-family: "Open Sans","Roboto", Arial, Helvetica, sans-serif;
}

body.dashboard .popover-body {
    background-color: #0D1F43;
}

body.dashboard .popover .arrow::after {
    border-bottom-color: #0e1e43;
}

body.dashboard .popover textarea {
    font-size: 11px;
    color: #707070;
    padding: 3px;
    width: 100%;
    margin: 0 0 2px;
}

body.dashboard .popover .wrapper {
    display: block;
    float: none;
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: right;
}

body.dashboard .popover .wrapper a {
    display: inline-block;
    width: auto;
    padding: 3px 10px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    background-color: #FFF;
    color: #707070;
    font-size: 11px;
    margin: 0;
}

body.dashboard .popover .wrapper a.holiday-message-save {
    background-color: #49C1B9;
    color: #FFF;
    margin: 0 0 0 5px;
}

body.dashboard .popover .wrapper a:hover {
    cursor: pointer;
}

div.dashboard-header div#eod-report ul {
    float: left;
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0;
}

div.dashboard-header div#eod-report ul li {
    float: left;
    width: 18px;
    height: 19px;
    padding: 0;
    margin: 0 20px 0 0;
}

div.dashboard-header div#eod-report ul li i {
    color: #49C1B9;
    font-size: 16px;
}

div.dashboard-header div#eod-report ul li i:hover {
    cursor: pointer;
}

div.dashboard-header div#eod-report ul li.preview {
    border-top: 2px solid #49C1B9;
    border-right: 1px solid #49C1B9;
    border-bottom: 1px solid #49C1B9;
    border-left: 1px solid #49C1B9;
    width: 16px;
    height: 16px;
    text-align: center;
    position: relative;
}

div.dashboard-header div#eod-report ul li.preview i {
    font-size: 10px;
    position: absolute;
    left: 1.5px;
    top: 1px;
}

#modal.eod-preview,
#modal.eod-print {
    color: #707070;
}

#modal.eod-preview table,
#modal.eod-preview table h1,
#modal.eod-preview table h2,
#modal.eod-preview table h3,
#modal.eod-preview table h4,
#modal.eod-preview table h5,
#modal.eod-preview table h6 {
    color: #707070 !important;
}

#modal.eod-preview button.btn.btn-primary {
    display: none;
}

#modal.eod-preview.select-report .modal-body {
    height: auto !important;
    text-align: center !important;
}

#modal.auto-print div.two-col {
    margin: 0 0 12px;
}

#modal.eod-print div.two-col div.left,
#modal.auto-print div.two-col div.left {
    width: 30%;
    text-align: right;
}

#modal.eod-print div.two-col div.right,
#modal.auto-print div.two-col div.right {
    width: 70%;
}

#modal.eod-print input.has_datepicker,
#modal.auto-print input.has_timepicker,
#modal.auto-print select#auto-print-to,
#modal.auto-print input.auto-email-to {
    border: none !important;
    border-bottom: 1px solid #C5C5C5 !important;
    color: #707070 !important;
}

#modal.auto-print input.auto-email-to {
    margin: 0 4px 5px 0;
}

#modal.auto-print i.fa-plus-circle {
    color: #6588C0;
    float: right;
    clear: right;
    font-size: 14px;
    margin: 4px 10px 0 0;
}

#modal.auto-print i.fa-pen {
    color: #6588C0;
    margin: 0 2px 0 0;
    font-size: 11px;
    width: 13px;
}

#modal.auto-print i.fa-minus-circle {
    color: #49C1B9;
    font-size: 12px;
    margin: 0 2px 0 0;
    width: 13px;
}

#modal.auto-print i.fa-pen:hover,
#modal.auto-print i.fa-plus-circle:hover,
#modal.auto-print i.fa-minus-circle:hover {
    cursor: pointer;
}

#modal.auto-print select#auto-print-to {
    min-width: 150px;
}

#modal.eod-print div#printer-list {
    position: relative;
    width: 60%;
    padding: 0 2%;
    border: 1px solid #C5C5C5;
    height: 200px;
    overflow-y: scroll;
    z-index: 1;
}

#modal.eod-print div#printer-list i.fa-search {
    position: absolute;
    top: 8px;
    right: 5px;
    color: #6588C0;
    font-size: 14px;
    z-index: 2;
}

#modal.eod-print div#printer-list input#filter-printer-list {
    border: none !important;
    color: #707070 !important;
    width: 108%;
    padding: 5px 10% 5px 10px;
    margin: 0 0 12px;
    position: relative;
    left: -4%;
    border-bottom: 1px solid #C5C5C5 !important;
}

#modal.eod-print div#printer-list input#filter-printer-list::placeholder {
    opacity: 0.5;
}

#modal.eod-print div#printer-list input#filter-printer-list::-webkit-input-placeholder {
    opacity: 0.5;
}

#modal.eod-print div#printer-list input#filter-printer-list::-moz-placeholder {
    opacity: 0.5;
}

#modal.eod-print div#printer-list input#filter-printer-list:-moz-placeholder {
    opacity: 0.5;
}

#modal.eod-print div#printer-list input#filter-printer-list:-ms-input-placeholder {
    opacity: 0.5;
}

#modal.eod-print div#printer-list input#filter-printer-list::-ms-input-placeholder {
    opacity: 0.5;
}

#modal.eod-print div#printer-list input[type=checkbox] {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    color: #707070 !important;
    vertical-align: text-top;
    margin: 1px 7px 12px 0;
}

#modal.auto-print .wrapper {
    border-top: 1px solid #C5C5C5;
    padding: 15px 0 20px;
}

#modal.auto-print input[type=checkbox] {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    color: #707070 !important;
    vertical-align: text-top;
    margin: 1px 0 12px 0;
}

#modal.eod-print div#printer-list span {
    vertical-align: text-bottom;
    margin: 0 0 12px 0;
}

#modal.auto-print p.auto-print-detail {
    color: #49C1B9;
    font-size: 12px;
    margin: 0 0 25px;
}

#modal.auto-print div.print-every,
#modal.auto-print div.email-every {
    margin: 20px 0;
}

#modal.auto-print ul.auto-print-days,
#modal.auto-print ul.auto-email-days {
    float: left;
    clear: both;
    width: 100%;
    margin: -18px 0 0 -9px;
    padding: 0;
}

#modal.auto-print ul.auto-print-days li,
#modal.auto-print ul.auto-email-days li {
    float: left;
    width: 35px;
    margin: 0 12px 7px 0;
    text-align: center;
}

#todays_orders h6 {
    float: left;
    clear: none;
    padding-right: 15px;
}

#orders .dataTables_wrapper.no-footer .dataTables_scrollBody,
#todays_orders .dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 1px solid #111 !important;
}

.dataTables_paginate .custom_info {
    display: inline-block !important;
}

#orders div.view-details {
    border-top: 2px solid #49C1B9;
    border-right: 1px solid #49C1B9;
    border-bottom: 1px solid #49C1B9;
    border-left: 1px solid #49C1B9;
    width: 16px;
    height: 16px;
    text-align: center;
    position: relative;
}

#orders div.view-details:hover {
   cursor: pointer;
}

#orders div.view-details i {
    font-size: 10px;
    position: absolute;
    left: 1.5px;
    top: 1px;
    color: #49C1B9;
}

#modal.order-details a.button {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    background-color: #49C1B9;
    color: #FFF;
    font-size: 1rem;
}

#modal.order-details button.btn.btn-primary {
    position: absolute;
    left: 20px;
}

#modal.order-details div.buttons-container {
    position: absolute;
    right: 65px;
    top: 10px;
    margin: 0;
    padding: 0;
}

#modal.order-details a#refund-order {
    margin-left: 10px;
    display: inline-block;
}

#modal.order-details a#void-order {
    margin-left: 10px;
    display: inline-block;
}

#modal.order-details .modal-body {
    font-size: 11px;
    color: #414C63;
}

#modal.order-details div.two-col.main {
    margin: 0;
}

#modal.order-details div.two-col div.wrapper {
    margin: 0 0 4px;
}

#modal.order-details div.two-col.main div.left {
    width: 65%;
}

#modal.order-details div.two-col.main div.right {
    width: 35%;
}

#modal.order-details div.two-col.main div.two-col div.left {
    width: 50%;
}

#modal.order-details div.two-col.main div.two-col div.right {
    width: 50%;
}

#modal.order-details div.two-col label {
    width: 50%;
    text-align: right;
    font-weight: bold;
    margin: 0;
    float: left;
    padding: 0 3px 0 0;
}

#modal.order-details div.two-col div.wrapper.with-space {
    margin: 50px 0 4px;
}

#modal.order-details div.two-col span {
    width: 50%;
    text-align: left;
    float: left;
}

#modal.order-details span a.view-details {
    color: #49C1B9;
    text-decoration: underline;
    display: block;
}

#modal.order-details a.view-details:hover {
    cursor: pointer;
}

#modal.order-details div.order-items-container {
    width: 100%;
    float: left;
    clear: both;
    height: 250px;
    overflow-y: scroll;
    padding: 0;
    margin: 12px 0 0;
    border-bottom: 1px solid #0e1e43;
}

#modal.order-details ul.order-items {
    float: left;
    clear: both;
    width: 100%;
    margin: 0 0 4px;
    padding: 0;
}

#modal.order-details ul.order-items.header {
    border-bottom: 1px solid #0e1e43;
    padding: 0 0 4px;
    margin: 0 0 7px;
}

#modal.order-details ul.order-items li {
    float: left;
    width: 10%;
    text-align: center;
    padding: 0 1%;
}

#modal.order-details ul.order-items.header li {
    font-weight: bold;
}

#modal.order-details ul.order-items li:first-child {
    text-align: left;
}

#modal.order-details ul.order-items li:nth-child(2) {
    text-align: left;
    width: 40%;
}

#modal.order-details ul.order-items li:last-child {
    text-align: right;
}

#modal.order-details ul.order-items li span {
    float: none;
    display: block;
    width: 100%;
    margin: 0 0 1px;
    color: #707070;
}

div.popover div.order-popover-container {
    width: 100%;
    margin: 0;
    background-color: #FFF;
    padding: 7px;
}

div.popover div.order-popover-container div.wrapper {
    text-align: left;
    margin: 0 0 12px;
    position: relative;
}

div.popover div.order-popover-container span {
    line-height: 15px;
    vertical-align: text-top;
    color: #414C63;
    font-size: 12px;
}

div.popover div.order-popover-container input.refund-amount {
    position: absolute;
    right: 0;
    top: -2px;
    max-width: 145px;
}

div.popover div.order-popover-container input.refund-amount.disabled {
    opacity: 0.5;
}

div.popover div.order-popover-container div.order-popover-footer {
    width: 100%;
    text-align: right;
}

div.popover div.order-popover-container.void-order div.order-popover-footer {
    text-align: center;
}

div.popover div.order-popover-container a.button {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    color: #FFF;
    margin: 0 0 0 7px;
}

div.popover div.order-popover-container.void-order a.button {
    margin: 0 3px;
}

div.popover div.order-popover-container a.button.refund,
div.popover div.order-popover-container a.button.yes {
    background-color: #49C1B9;
}

div.popover div.order-popover-container a.button.disabled {
    background-color: #707070 !important;
}

div.popover div.order-popover-container p {
    font-weight: bold;
}

div.popover div.order-popover-container span.order-id {
    line-height: initial;
    vertical-align: initial;
}

div.popover div.order-popover-container .warning {
    margin: 15px 0;
}

div.permissions-container {
    float: left;
    width: 100%;
    border: 1px solid #C5C5C5;
    padding: 3px;
    background-color: #FFF;
}

div.select-unselect {
    float: right;
    margin: 0;
    padding: 0;
}

#merchant-user-edit-user-section-container {
    display: flex;
    justify-content: flex-start;
    row-gap: 10px;
    column-gap: 15px;
    flex-wrap: wrap;
}

#merchant-user-edit-user-section-wrapper {
    flex: 1 1 auto;
    min-width: 250px;
}

#merchant-user-edit-permissions-section-wrapper {
    flex: 2 1 350px;
    min-width: 350px;
}

#posadmin-merchant-user-versieats-permissions-collapsible-container,
#posadmin-merchant-user-versipos-permissions-collapsible-container {
    padding: 0 5px 0 5px;
}

#merchant-user-profile-wrapper {
    max-width: 600px;
}

form#merchant_user_profile a {
    text-decoration: underline !important;
    color: #6588C0 !important;
}

form#merchant_user_profile a:hover {
    text-decoration: underline !important;
    color: #6588C0 !important;
    cursor: pointer;
}

div.permissions-container div.permission {
    float: left;
    clear: both;
    width: 100%;
    margin: 0 0 3px;
}

div.permissions-container div.permission p {
    float: left;
    margin: 0;
    width: 50%;
    line-height: 16px;
    padding: 0 2% 0 0;
    font-size: 13px;
}

div.permissions-container div.permission div.wrapper {
    width: 50%;
    clear: none;
    text-align: right;
}

div.permissions-container div.permission input[type=checkbox] {
    float: none;
    width: 15px;
    height: 15px;
    margin: 1px 2% 0 0;
    font-size: 13px;
}

div.permissions-container div.permission span {
    float: none;
    width: auto;
    margin: 0;
    padding: 0 2% 0 0;
    line-height: 16px;
    font-size: 13px;
}

div#advanced-report-container {
    padding-right: 200px;
    margin-bottom: 0;
}

div#report-sidebar {
    position: relative;
    float: left;
    width: 200px;
    padding: 0 15px 0 0;
}

div#advanced-table {
    float: right;
    width: 100%;
    /*padding: 0 15px 0 5px;*/
    margin: 0 -200px 0 auto;
}

ul.merchant-report-data-table-filters {
    float: left;
    clear: both;
    width: 100%;
    position: relative;
    height: 35px;
    margin: 0 0 15px;
}

ul.merchant-report-data-table-filters li {
    height: 35px;
    background-color: #FFFFFF;
    border: 1px solid #6588C0;
    font-size: 12px;
    color: #6588C0;
    padding: 8.5px 5px;
    min-width: 125px;
    max-width: 160px;
    position: relative;
}

ul.merchant-report-data-table-filters li.left {
    margin: 0 10px 0 0;
}

ul.merchant-report-data-table-filters li.right {
    margin: 0 0 0 10px;
}

ul.merchant-report-data-table-filters li:hover {
    cursor: pointer;
}

ul.merchant-report-data-table-filters li.search:hover {
    cursor: default;
}

ul.merchant-report-data-table-filters li i {
    float: right;
    line-height: 17px;
    margin-left: 5px;
    display: initial;
    color: #6588C0;
}

ul.merchant-report-data-table-filters li.search {
    background-color: transparent;
    color: #6588C0;
    border: 1px solid #6588C0;
}

ul.merchant-report-data-table-filters li input#custom_search {
    border: none !important;
    width: 90%;
    background-color: transparent;
}

ul.merchant-report-data-table-filters li.search i {
    margin: 0;
    position: absolute;
}

ul.merchant-report-data-table-filters li ol {
    position: absolute;
    left: 0;
    top: 35px;
    z-index: 98;
    width: 100%;
    box-shadow: 0 2px 10px #CCC;
    -webkit-box-shadow: 0 2px 10px #CCC;
    -moz-box-shadow: 0 2px 10px #CCC;
    -o-box-shadow: 0 2px 10px #CCC;
    background-color: #FFF;
    border: none;
    display: none;
}

ul.merchant-report-data-table-filters li ol li {
    height: auto;
    border: none;
    color: #707070;
    padding: 2px 5px;
    margin: 0;
    background-color: #FFF;
    width: 100% !important;
}

ul.merchant-report-data-table-filters li ol li:hover {
    color: #6588C0;
}


div#report-views-header {
    border-bottom: 2px solid;
    border-color: #cccccc;
    width: 100%;
    float: left;
}

.report-side-bar-section-header-text {
    font-size: 16px;
    font-family: "Open Sans","Roboto", Arial, Helvetica, sans-serif;
    font-weight: 400;
}

div.report-filter, div#default-filter {
    border-bottom: 1px solid #0e1e43;
    padding: 5px 0 5px 0;
}

.report-filter-select-margin {
    float: left;
    width: 100%;
    margin: 0 0 5px 0;
}

div#report-filters-container label {
    margin-bottom: 5px;
}

div#report-filters-container select {
    float: left;
    width: 95%;
    margin: 0px;
}

div#report-filters-container select.operation-list {
    width: 85%;
}

div.filter-operation-values input[type=text],
div.filter-operation-values input[type=number] {
    float: left;
    width: 100%;
    margin: 0px;
}

.report-filters-value-icon-padding {
    padding-left: 20px;
}

span.filter-value {
    float: left;
    width: 95%;
}
span.filter-value i {
    position: absolute;
    padding: 5px;
    color: #6588C0;
}

a.add-new-small {
    color: #6588C0;
    background-color: #FFF;
    width: auto;
    padding: 2px 7px;
    float: left;
    border: 1px solid #6588C0;
}

.no-right-border {
    border-right: none !important;
}

a.add-new-small-extra {
    color: #6588C0;
    background-color: #FFF;
    width: auto;
    float: left;
    padding: 2px 5px 2px 0;
    border-right: 1px solid #6588C0;
    border-top: 1px solid #6588C0;
    border-bottom: 1px solid #6588C0;;
}

.show-pointer:hover {
    cursor: pointer;
}

.show-pointer.disabled:hover {
    cursor: default;
}

div.report-columns-item-container label:hover,
div.report-sorting-item-container label:hover{
    cursor: move;
}

a.delete-view.icon-active,
a.delete-schedule.icon-active
{
    color: #6588C0;
}

a.delete-view.icon-active:hover,
a.delete-schedule.icon-active:hover,
div#report-filters a.remove-filter:hover {
    color: red !important;
}

div.filtered-list-container {
    border: 1px solid #C5C5C5;
}

li.filtered-list-item {
    font-size: 12px;
    border: none;
    margin-bottom: 1px;
    width: 100%;
    padding: 0 3px 0 3px;
    position: relative;
}

li.filtered-list-item.selected {
    background-color: #0D1F43;
    color: #FFF;
}

li.filtered-list-item.selected.teal-selection {
    background-color: #49C1B9;
}

ul.filtered-list {
    height: 100px;
    overflow-y:auto;
    -webkit-overflow-scrolling: touch;
    padding: 5px;
    width: 100%;
    list-style-type: none;
    color: #707070;
}

ul.filtered-list-filter,
ul.filtered-list-header {
    border-bottom: 1px solid #CCCCCC;
    height: 25px;
}

ul.filtered-list-header {
    padding: 4px 6px 4px 8px;
}

input.filtered-list-filter-input {
    border: none !important;
    width: 90%;
    background-color: transparent;
    color: #707070;
}

ul.filtered-list-filter li.search {
    background-color: transparent;
    color: #CCCCCC;
    width: 100%;
    padding: 2px;
    position: relative;
}

ul.filtered-list-filter li.search i {
    position: absolute;
    right: 8px;
    top: 6px;
    color: #6588C0;
}

ul#report-columns-list li.filter-column {
    padding: 0 0 0 20px !important;
}

ul#report-columns-list li label,
ul#report-sorting-list li label{
    margin-bottom: 0;
}

span.report-schedule-list-item-name {
    float: left;
    width: 100%;
}

div.report-sort-icon-container,
a.delete-view {
    position: absolute;
    right: 8px;
    top: 0px;
}

div.report-sort-icon-container i.fa-sort-down,
div.report-sort-icon-container i.fa-sort-up {
    color: #6588C0;
}

ul#report-columns-list li input[type=checkbox] {
    margin-top: 2px;
}

.report-column-drag-highlight {
    background: #CCCCCC;
    opacity: 0.15;
    width: 100%;
}

div#report-columns-main-container,
div#report-sorting-main-container,
div#report-filters-main-container{
    margin: 10px 0 10px 0;
    width: 100%;
}

div#report-sidebar a.popup-saved-views {
    color: #6588C0;
    width: auto;
    padding: 2px 0 0 0;
    font-size: 20px;
    float: right;
    line-height: 1;
}

div#report-views-body {
    float: left;
    margin-top: 4px;
    width: 100%;
    position: relative;
}

div#report-views-main-container {
    margin-bottom: 10px;
}

div#report-filters a.remove-filter {
    color: #6588C0;
}

a.save-view {
    position: absolute;
    font-size: 22px;
    right: 1px;
    top: -6px;
}

a.icon-active {
    color: #707070;
}

a.icon-inactive {
    color: #CCCCCC;
}

a.icon-inactive:hover {
    cursor: default !important;
}

div.report-views-popover {
    margin-top: -1px;
    width: 185px;
    font-size: 12px;
}

.required::after {
    content:"*";
    color: #ef3655;
}

div.collapsible-header a.collapsed::after {
    content: " \f103"
}

div.collapsible-header a::after {
    content: " \f102"
}

div.report-columns-item-container label::after,
div.report-sorting-item-container label::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    content: " \f338";
    padding-left: 3px;
    font-size: 10px;
}

div#report-filters-footer,
div#report-filters-sidebar-footer {
    width: 100%;
    float: left;
    padding-top: 5px;
}

div#report-filters-sidebar-footer {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0px;
    background-color: #FFF;
}

input#filter-view-save-text {
    float: left;
    width: 85%;
}

button#generate-report {
    background-color: #49C1B9;
    float: right;
    margin-bottom: 5px;
    height: 35px;
}

div.value-list {
    width: 95% !important;
}

div.filter-operation-select-container a.operation-not {
    margin-right: 5px;
    font-size: 15px;
}

a.operation-not.not-icon-inactive {
    color: #707070;
}

a.operation-not.not-icon-active {
    color: #ef3655;
}

a.operation-and,
a.operation-or {
    width: auto;
    padding: 2px 7px;
    margin: -1px 10px 0 0;
    float: right;
}

a.operation-active {
    color: #FFF;
    background-color: #49C1B9;
}

a.operation-inactive {
    color: #FFF;
    background-color: #707070;
}

span.select2 input {
    border: none !important;
}

.disable-select {
    user-select: none; /* supported by Chrome and Opera */
   -webkit-user-select: none; /* Safari */
   -khtml-user-select: none; /* Konqueror HTML */
   -moz-user-select: none; /* Firefox */
   -ms-user-select: none; /* Internet Explorer/Edge */
}

div#report-modal-views-list-container div.listbox {
    width: 40%;
}

div#report-modal-views-list-container div.listbox-column {
    width: 100% !important;
}

div#report-modal-views-list-container div.report-schedule-setup {
    width: 60%;
}

div#report-modal-views-list-container div.report-schedule-setup div.left {
    width: 25% !important;
}

div#report-modal-views-list-container div.report-schedule-setup div.right {
    width: 75% !important;
}

ul#modal-report-views-list {
    height: 300px;
}

.days-of-week-container {
    margin-top: 10px;
}

.days-of-week-container,
.calendar-container {
    float:left;
    display: grid;
    grid-template-columns: repeat(7, 20px);
    text-align: right;
}

.calendar-container div:hover {
    background-color: #eaeffa;
    color:  #707070;
    cursor: pointer;
}

.calendar-container .selected {
    background-color: #6588C0;
    color: #FFF;
}

.select2-email-select {
    display: none !important;
}

.report-schedule-setup .select2-container--admin.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}

.report-schedule-setup input.datepicker,
.report-schedule-setup input.has_timepicker,
.report-schedule-setup input#modal-report-schedule-job-name,
.report-schedule-setup input#report-schedule-job-name
{
    width: 100%;
    max-width: 270px;
}

.report-schedule-setup select {
    max-width: 270px;
}

#modal-view-filter {
    border: 0px !important;
}

#modal.schedule-report p.report-schedule-detail {
    color: #49C1B9;
    font-size: 12px;
    margin: 0 0 10px;
}

div#report-schedule-footer a#save-schedule {
    float: right;
    background-color: #49C1B9;
    font-size: 18px;
    width: auto;
    padding: 2px 7px;
    color: white;
}

div#report-schedule-footer a#cancel-schedule {
    float: left;
    background-color: #6588C0;
    font-size: 18px;
    width: auto;
    padding: 2px 7px;
    color: white;
}

article.custom-report-schedules div#report-schedule-container {
    position: relative;
    width: 100%;
    clear: both;
    padding-right: 200px;
}

article.custom-report-schedules div#report-schedule-list-container {
    width:200px;
    position:absolute;
    left: 0px;
    top: 0px;
}

article.custom-report-schedules div#report-schedule-info {
    width: 40%;
    float: left;
    max-width: 320px;
}

article.custom-report-schedules div#report-schedule-setup-container {
    margin:0 200px;
    width: 100%;
    clear: both;
}

article.custom-report-schedules div#report-schedule-setup {
    padding:0 15px;
    width: 60%;
    float: left;
    max-width: 500px;
}

article.custom-report-schedules div#report-schedule-setup-container div.two-col div.left {
    float: left;
    width: 25%;
}

article.custom-report-schedules div#report-schedule-setup-container div.two-col div.right {
    float: left;
    width: 75%;
}

article.custom-report-schedules span.filter-value {
    float: left;
    width: 100%;
}

input#modal-report-schedule-interval {
    margin-right: 10px;
}

div#report-schedule-view-info {
    margin: 20px 0 0 0;
}

div#report-schedule-view-info div.two-col {
    margin-bottom: 10px !important;
}

div#report-schedule-view-info div.two-col div.left {
    width: 25% !important;
    padding: 0;
}

div#report-schedule-view-info div.two-col div.right {
    width: 75% !important;
    padding: 0;
}

a.delete-schedule {
    position: absolute;
    right: 12px;
    top: 0px;
}

ul#report-schedule-list {
    height: 300px !important;
}

#modal.schedule-report ul.auto-email-days,
div#report-schedule-container ul.auto-email-days {
    float: left;
    clear: both;
    width: 100%;
    margin: -18px 0 0 -9px;
    padding: 0;
}

#modal.schedule-report ul.auto-email-days li,
div#report-schedule-container ul.auto-email-days li {
    float: left;
    width: 35px;
    margin: 0 4px 7px 0;
    text-align: center;
}

div#report-schedule-list-header {
    float: left;
    margin: 0 0 10px;
}

div#report-schedule-list-header a#add-new-schedule {
    color: #FFF;
    background-color: #6588C0;
    width: auto;
    padding: 7px 7px;
    float: right;
}


div.report-schedule-view-filter,
div.report-schedule-view-filter-logical {
    margin-bottom: 5px;
}

div.report-schedule-view-filter-values {
    margin-bottom: 5px;
    padding-left: 15px;
}

div#report-schedule-job-history div.two-col {
    margin: 0;
}

div#report-schedule-container p.header {
    color: #49C1B9;
    font-size: 14px;
}

div#report-schedule-job-history {
    margin-bottom: 10px;
}

ul#report-schedule-list div.cell,
ul#report-views-list div.cell {
    width: 85%;
}

span.report-section-reset {
    cursor: pointer;
    color: #707070;
    float: right;
    text-decoration: underline;
}

span.report-section-reset:hover {
    cursor: pointer;
    color: #6588C0;
}

p.schedule-yearly-weekday-pos {
    margin: 0 0 5px;
}

li.list-group-item hr {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

div.posadmin-single-page-header
{
    float: left;
    margin: 0 0 15px;
    width: 100%;
}

.big-blue-button-wrapper {
    min-width: 125px;
    height: 32px;
    background-color: #FFF;
    border: 1px solid #6588C0;
    float: left;
}

.slim-blue-button-wrapper {
    width: 125px;
    height: 24px;
    background-color: #FFF;
    border: 1px solid #6588C0;
    float: left;
}

.big-blue-button-wrapper.disabled,
.slim-blue-button-wrapper.disabled {
    border-color: #C5C5C5 !important;
    cursor: default !important;
}

.big-blue-button {
    padding: 7px 7px;
    font-size: 12px;
}

.slim-blue-button {
    padding: 3px 7px;
    font-size: 12px;
}

li.big-blue-button {
    width: 100%;
    position: relative;
    color: #6588C0;
}

.big-blue-button a,
.slim-blue-button a {
    color: #6588C0;
}

.big-blue-button-wrapper.disabled > .big-blue-button a,
.slim-blue-button-wrapper.disabled > .slim-blue-button a {
    color: #C5C5C5;
}

.big-blue-button a i,
.big-blue-button i,
.slim-blue-button a i,
.slim-blue-button i {
    float: right;
    margin-left: 5px;
    padding-top: 2px;
}

ul.big-blue-button-wrapper li ol {
    position: absolute;
    left: 0;
    top: 32px;
    z-index: 98;
    width: 100%;
    box-shadow: 0 2px 10px #CCC;
    -webkit-box-shadow: 0 2px 10px #CCC;
    -moz-box-shadow: 0 2px 10px #CCC;
    -o-box-shadow: 0 2px 10px #CCC;
    background-color: #FFF;
    border: none;
    display: none;
}

ul.big-blue-button-wrapper li ol li {
    height: auto;
    border: none;
    color: #707070;
    padding: 2px 5px;
    margin: 0;
    background-color: #FFF;
    width: 100% !important;
}

ul.big-blue-button-wrapper li ol li:hover {
    color: #6588C0;
}

.posadmin-object-view-table-wrapper {
    float: left;
    padding: 5px 0;
}

#posadmin-system-setup .password {
    width: 150px;
}

.posadmin-departments-table-wrapper {
    width: 60%;
}

.posadmin-time-frames-table-wrapper,
.posadmin-taxes-table-wrapper {
    width: 50%;
}

.posadmin-time-frames-edit-wrapper {
    float: right;
    width: 48%;
}

.posadmin-price-specials-table-wrapper {
    width: 40%;
}

.posadmin-discounts-table-wrapper,
.posadmin-service-charge-table-wrapper {
    width: 35%;
}

.posadmin-payments-tipouts-table-wrapper {
    width: 20%;
}

.posadmin-report-setup-table-wrapper,
.posadmin-report-period-new-button-wrapper {
    width: 30%;
}

table.posadmin-table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

.posadmin-table-body {
    display: block;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    margin: 5px 0px;
}

.posadmin-table-body-with-border {
    border: .5px solid #C5C5C5 !important;
    margin-top: 0 !important;
    padding: 0 5px !important;
}

.posadmin-departments-edit-wrapper {
    float: right;
    width: 35%;
}

.posadmin-time-frames-edit-wrapper,
.posadmin-taxes-fees-edit-wrapper {
    float: right;
    width: 48%;
}

.posadmin-time-frames-edit-wrapper {
    float: right;
    width: 48%;
}

.posadmin-price-specials-edit-wrapper {
    float: right;
    width: 55%;
}

.posadmin-discounts-edit-wrapper,
.posadmin-service-charge-edit-wrapper {
    float: right;
    width: 60%;
}

.posadmin-payments-tipouts-edit-wrapper {
    float: right;
    width: 75%;
}

.posadmin-report-setup-edit-wrapper {
    float: right;
    width: 65%;
}

div.posadmin-price-specials-edit-section {
    float: right;
    clear: both;
    width: 100%;
}

input#time-frame-cust-desc,
input#time-frame-prep-desc,
input#time-frame-description,
input#timer-valid-from,
input#timer-valid-to,
input#price-priority,
input#price-special-description,
input#price-amount,
input#price-percent
{
    width: 125px !important;
    text-align: left;
    margin: 0px 0px 5px 0px !important;
    min-width: auto;
}

input#timer-valid-from,
input#timer-valid-to,
input#price-amount,
input#price-percent,
input#price-priority {
    text-align: right;
}

input#time-frame-cust-desc,
input#time-frame-prep-desc {
    width: 150px !important;
}

.posadmin-time-frame-section-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    column-gap: 30px;
    row-gap: 10px;
}

.posadmin-time-frame-left-section-wrapper {
    flex: 1 1 200px;
    min-width: 200px;
    max-width: 400px;
}

.posadmin-time-frame-right-section-wrapper {
    flex: 1 1 250px;
    min-width: 250px;
    max-width: 400px;
}

input#price-special-description {
    width: 200px !important;
}

.posadmin-price-special-table-play-pause-wrapper {
    position: relative;
    top: -1px;
}

input#timer-valid-from,
input#timer-valid-to {
    width: 50px !important;
}

input#price-amount,
input#price-percent,
input#price-priority {
    width: 75px !important;
}

#price-span-description,
#price-span-amount,
#price-span-priority,
#price-span-type {
    height: 50px;
}

.posadmin-border-wrapper {
    width: 100%;
    float: left;
    padding-bottom: 10px;
    border-bottom: 2px solid;
    border-color: #cccccc;
}

div#modal .posadmin-border-wrapper {
    border-bottom: none;
}

.posadmin-table-header th {
    color: #414C63;
    font-size: 12px;
    font-weight: normal;
    padding: 2px 1px;
    flex: 1 1 auto;
}

.posadmin-edit-header-with-tabs,
.posadmin-edit-header-no-tabs {
    border-bottom: 2px solid;
    border-color: #cccccc;
    color: #414C63;
    font-size: 16px;
    font-weight: normal;
    padding: 2px 1px;
    float: left;
    width: 100%;
}

span.posadmin-edit-header-id {
    padding-top: 6px;
    font-size: 12px;
    color: #CCCCCC;
}

.posadmin-table-row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.posadmin-table-header {
    display: block;
    width: 100%;
}

.posadmin-object-view-table-header {
    padding-right: var(--scrollbar-width, 9px);
    border-bottom: 2px solid;
    border-color: #cccccc;
}

.posadmin-table-footer {
    display: block;
    width: 100%;

}
.posadmin-object-view-table-footer {
    border-top: 2px solid;
    border-color: #cccccc;
    padding-right: var(--scrollbar-width, 9px);
}

.posadmin-departments-table-row-department,
.posadmin-departments-table-row-heading
{
    width: 25%;
}

.posadmin-departments-table-row-mod {
    width: 35%;
}

.posadmin-table-row-recordtype {
    width: 20px;
}

.posadmin-datatable-row-recordtype {
    text-align: center;
}

.posadmin-table-row-recordtype-first {
    width: 28px;
    padding-left: 8px !important;
}

th.posadmin-table-row-recordtype img,
th.posadmin-table-row-recordtype-first img,
th.posadmin-datatable-row-recordtype img,
th.posadmin-datatable-row-recordtype-first img {
    width: 18px;
    height: 18px;
    vertical-align: top;
}

.highlighted,
#posadmin-timecard-employee-table tr.selected {
    background-color: #49C1B9;
    color: #FFFFFF;
}

.highlighted i,
#posadmin-timecard-employee-table tr.selected i {
    color: #FFFFFF !important;
}

tr.posadmin-table-row:hover td.underlined:not(.highlighted):not(.disabled),
tr.posadmin-object-list-table-row:hover td.underlined:not(.highlighted):not(.disabled) {
    font-family: "Halis GR Bold", "Halis GR Regular", "Open Sans", "Roboto", Arial, Helvetica, sans-serif;
    text-decoration: underline;
}

table.faded {
    opacity: .2;
}

form.posadmin-form label.disabled {
    color: #707070 !important;
}

form.posadmin-form input[type=number],
div.modal input[type=number] {
    -moz-appearance: textfield;
}

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

form.posadmin-form div.input-percent,
form.posadmin-form div.input-dollar {
    position: relative;
}

form.posadmin-form div.input-percent i,
form.posadmin-form div.input-dollar i {
    position: absolute;
    color: #6588C0;
}

form.posadmin-form input.input-percent:disabled + i,
form.posadmin-form input.input-dollar:disabled + i {
    color: #707070;
}

form.posadmin-form div.input-percent i {
    right: 4px;
    top: 6px;
}

form.posadmin-form div.input-percent.move-far-right i {
    right: 0;
}

form.posadmin-form div.input-dollar i {
    left: 5px;
    top: 6px;
}

form.posadmin-form input[type=number].input-dollar {
    padding-left: 20px !important;
}

form.posadmin-form input[type=number].input-percent {
    padding-right: 18px !important;
}

td.posadmin-table-row-recordtype img,
td.posadmin-table-row-recordtype-first img,
td.posadmin-datatable-row-recordtype img {
    width: 15px;
    height: 15px;
    vertical-align: top;
    margin-top: 2px;
}

.posadmin-departmentheadings-table-row-heading,
.posadmin-departmentheadings-table-row-entree {
    width: 45%;
}

.posadmin-taxes-table-row-tax {
    width: 30%;
}

.posadmin-taxes-table-row-fixed,
.posadmin-taxes-table-row-percent {
    width: 30%;
}

.posadmin-table-row-edit {
    width: 5%;
    min-width: 18px;
}

.posadmin-time-frames-table-row-description {
    width: 30%;
}

.posadmin-time-frames-table-row-valid-days {
    width: 35%;
}

.posadmin-time-frames-table-row-time {
    width: 15%;
}

.posadmin-price-specials-table-row-description {
    width: 18%;
}

.posadmin-price-specials-table-row-price {
    width: 28%;
}

.posadmin-price-specials-table-row-priority {
    width: 12.5%;
}

.posadmin-price-specials-table-row-active-items {
    width: 12.5%;
}

.posadmin-price-specials-table-row-status {
    width: 20%;
}

tr.posadmin-table-row td {
    padding: 3px 1px 3px 1px;
    overflow: hidden;
    flex: 1 1 auto;
}

td.posadmin-table-row-edit i {
    color: #49C1B9;
    margin-right: 6px;
}

td.posadmin-table-row-edit i.disabled {
    color: #CCCCCC;
}

.posadmin-departments-edit-section,
.posadmin-taxes-fees-edit-section,
.posadmin-time-frames-edit-section,
.posadmin-terminals-edit-section,
.posadmin-cash-drawers-edit-section,
.posadmin-sales-area-edit-section,
.posadmin-pay-types-edit-section,
.posadmin-default-jobs-edit-section,
.posadmin-mail-edit-section,
.posadmin-price-specials-edit-section,
.posadmin-discounts-edit-section,
.posadmin-payment-edit-section,
.posadmin-tipout-edit-section,
.posadmin-printer-edit-section,
.posadmin-preset-report-edit-section,
.posadmin-system-setup-edit-section
{
    overflow-y: auto;
    margin-top: 10px;
    overflow-x: hidden;
    padding-right: 5px;
}

#posadmin-delivery-setup-edit-section {
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 5px;
}

.posadmin-menu-screen-edit-section {
    overflow-y: auto;
    margin-top: 10px;
    overflow-x: auto;
    padding-right: 5px;
}

#posadmin-pre-modifier-edit-section-container {
    margin-top: 25px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    column-gap: 15px;
    row-gap: 10px;
}

.posadmin-pre-modifier-edit-section-wrapper {
    flex: 1 1 275px;
    min-width: 275px;
}

.posadmin-ingredient-edit-section {
    overflow-y: auto;
    margin-top: 15px;
    overflow-x: hidden;
}

form.posadmin-form input,
form.posadmin-form select {
    margin: 0px 5px 10px 0px;
}

form.posadmin-form input[type=number],
form.posadmin-form input[type=text],
.posadmin-modal input[type=number],
.posadmin-modal input[type=text]{
    height: 25px;
}

form#department input[type=text],
form#department-heading input[type=text],
form#tax input[type=text],
form#department div.radio-wrapper
{
    width: 200px;
}

div.radio-wrapper {
    text-align: left;
    float: left;
    clear: both;
}

div.loading,
div.error {


    width: 90%;
    text-align: center;
}

div.loading i.fa-spin,
div.error i.fa-exclamation-triangle {



    font-size: 30px;
    opacity: 0.5;
    color: #707070;
}

div.posadmin-popup {
    text-align: center;
}

div.posadmin-popup span.posadmin-popup-header {
    font-size: 14px;
    color: #1A5FAC;
}

div.posadmin-popup a.button {
    font-size: 10px;
    padding: 4px 8px;
    margin: 5px;
}

div.posadmin-popup a.button.popup-yes {
    background-color:  #49C1B9;
    margin-right: 5px;
}

div.posadmin-popup a.button.popup-no {
    color: #707070 !important;
    background-color: #FFFFFF;
    border: 1px solid #C5C5C5;
}

ul.posadmin-options-list {
    border: 1px solid #CCCCCC;
    width: 75%;
    min-width: 200px;
    max-width: 400px;
    padding: 7px;
    margin-bottom: 15px;
    overflow-y: auto;
}

ul.department-tax-rates-list {
    height: 100px;
}

div#setup-properties .setup-properties-wrapper{
    min-height: 600px;
}
ul#system-options-properties{
    max-height: 300px;
}
div#posadmin-property-system-options-list .property-wrapper {
    min-height: 400px;
}
div#setup-password div.left,
div#setup-password div.middle,
div#setup-password div.right {
    float: left;
    width: 33%;
    padding-right: 25px;
    margin-left: 25px;
}

#posadmin-system-setup-properties-section {
    padding-left: 20px;
}

.posadmin-system-setup-properties-section-container {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    column-gap: 15px;
    row-gap: 10px;
}

.posadmin-system-setup-passwords-section-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    grid-auto-rows: auto;
    grid-gap: 10px;
    padding-right: 10px;
}

.posadmin-system-setup-properties-section-wrapper {
    flex: 1 1 285px;
    min-width: 285px;
}

.posadmin-system-setup-properties-col-wrapper {
    flex: 1 1 200px;
    min-width: 200px;
}

.system-setup-indent {
  padding-left: 20px;
}

div#setup-password input[type="text"] {
    width: 75%;
    padding-right: 25px;
    padding-left: 25px;
    min-width: 200px;
    max-width: 400px;
}

ul#system-options-admin-modules {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    margin-left: 25px;
    padding-left: 25px;
    width: 75%;
}

li.unfiltered-posadmin-list-item {
    width: 100%;
    border: none;
    padding: 0 0 0 0px !important;
    cursor: default !important;
}

li.unfiltered-posadmin-list-item label {
    color: #707070;
}

.posadmin-tooltip-inner {
    background: #0D1F43;
    color: #FFFFFF;
    font-family: "Halis GR Regular", "Open Sans", "Roboto", Arial, Helvetica, sans-serif;
    max-width: 350px !important;
    font-size: 12px;
    border-radius: 0 !important;
}

.bs-tooltip-top .posadmin-tooltip-arrow {
    bottom: 1px;
}

.bs-tooltip-top .posadmin-tooltip-arrow::before {
    border-top-color: #0D1F43 !important;
}

span.tf-weekday {
    margin-right: 4px;
    color: #CCCCCC;
    font-size: 10px;
}

span.tf-weekday-selected {
    color: #49C1B9;
    font-family: "Halis GR Bold", "Halis GR Regular", "Open Sans", "Roboto", Arial, Helvetica, sans-serif;
}

td.highlighted > span.tf-weekday-selected {
    color: #FFFFFF;
}

input[type="checkbox"].tf-weekday,
input[type="radio"].tf-weekday {
    display: none;
}

input[type="checkbox"].tf-weekday + label,
input[type="radio"].tf-weekday + label {
    margin-right: 10px;
    color: #CCCCCC;
    font-size: 10px;
}

input[type="checkbox"].tf-weekday:checked + label,
input[type="checkbox"].tf-weekday:checked + label.disabled,
input[type="radio"].tf-weekday:checked + label,
input[type="radio"].tf-weekday:checked + label.disable {
    color: #49C1B9 !important;
    font-family: "Halis GR Bold", "Halis GR Regular", "Open Sans", "Roboto", Arial, Helvetica, sans-serif;
}

div.posadmin-date-input-wrapper {
    float: left;
    position: relative;
}

.posadmin-time-frame-valid-week-wrapper {
    width: 40%;
    max-width: 75px;
}

div.time-frames-valid-input-split {
    text-align: center;
    float: left;
    margin: 0 5px 0 5px;
    padding-top: 6px;
}

div.posadmin-date-input-wrapper i {
    position: absolute;
    padding: 7px 5px 5px 5px;
    color: #6588C0;
    left: 0;
    font-size: 12px;
}

form.posadmin-form input.timepicker.single-bottom-input,
form.posadmin-form input.datepicker.single-bottom-input,
div.posadmin-date-input-wrapper input.datepicker.single-bottom-input + i.fa-calendar-alt,
div.posadmin-date-input-wrapper input.timepicker.single-bottom-input + i.fa-clock {
    padding-top: 9px;
}

div.posadmin-date-input-wrapper input.datepicker,
div.posadmin-date-input-wrapper input.timepicker {
    padding-left: 20px;
    width: 110px !important;
    text-align: right;
    margin: 0 0 5px 0;
    min-width: auto !important;
    padding-top: 4px;
}

div.posadmin-date-input-wrapper input.datepicker:disabled + i.fa-calendar-alt,
div.posadmin-date-input-wrapper input.timepicker:disabled + i.fa-clock {
    color: #707070;
}

input#time-frames-valid-week-input-week1,
input#time-frames-valid-week-input-week2 {
    max-width: 75px !important;
    text-align: right;
    margin: 0 0 5px 0 !important;
    width: 100%;
}

article.posadmin-forms div.warning {
    float: left;
    margin: 8px 0px 0px 15px;
}

.tax-amount-wrapper {
    width: 180px;
}

.posadmin-terminals-table-wrapper {
    width: 20%;
}

.posadmin-terminals-edit-wrapper {
    float: right;
    width: 75%;
}

.posadmin-terminals-table-row-description {
    width: 60%;
}

.posadmin-terminals-table-row-node {
    width: 30%;
}

.posadmin-terminals-edit-header,
.posadmin-default-jobs-edit-header {
    float: left;
    width: 100%;
}

div.posadmin-terminals-edit-section,
div.posadmin-default-jobs-edit-section,
div.posadmin-menu-screen-edit-section,
div.posadmin-system-setup-edit-section,
div.posadmin-payment-edit-section {
    display: none;
    float: left;
    clear: both;
    width: 100%;
}

div.posadmin-terminals-edit-section div.two-col,
div.posadmin-default-jobs-edit-section div.two-col,
div.posadmin-system-setup-edit-section div.two-col{
    margin: 0px !important;
}

div.posadmin-terminals-edit-section.active,
div.posadmin-cash-drawers-edit-section.active,
div.posadmin-terminals-edit-section.active,
div.posadmin-default-jobs-edit-section.active,
div.posadmin-menu-screen-edit-section.active,
div.posadmin-system-setup-edit-section.active,
div.posadmin-payment-edit-section.active {
    display: block;
}

ul.posadmin-edit-section-tabs {
    float: left;
}

ul.posadmin-edit-section-tabs li {
    font-size: 16px;
    color: #414C63;
    padding: 0px 15px;
}

ul.posadmin-edit-section-tabs li i {
    color: #49C1B9;
    padding-left: 10px;
}

ul.posadmin-edit-section-tabs li.active,
ul.posadmin-edit-section-tabs li.active i {
    background-color: #0D1F43;
    color: #FFFFFF;
}

#posadmin-default-jobs-properties-container {
    display: flex;
    justify-content: flex-start;
    row-gap: 10px;
    column-gap: 15px;
    flex-wrap: wrap;
}

.posadmin-default-jobs-properties-wrapper {
    flex: 1 1 200px;
    min-width: 200px;
}

.posadmin-stations-properties-section-container {
    display: flex;
    justify-content: flex-start;
    row-gap: 10px;
    column-gap: 15px;
    flex-wrap: wrap;
}

.posadmin-stations-properties-section-wrapper {
    flex: 1 1 300px;
    min-width: 300px;
    max-width: 450px;
}

div.terminal-description {
    float: left;
    width: 80%;
    padding-right: 20px;
}

div.terminal-node {
    float: left;
    width: 20%;
}

div.terminal-order-type-screen {
    float: left;
    width: 50%;
    padding-right: 20px;
}

div.terminal-subtotal-screen {
    float: left;
    width: 50%;
}

input#terminal-description,
input#terminal-node {
    width: 100%;
    min-width: auto;
}


ul#terminal-station-properties,
ul#terminal-payment-filters-list {
    width: 100%;
    max-width: none;
}

ul#terminal-station-properties  li,
ul#terminal-payment-filters-list  li {
    padding: 0px !important;
}

ul#terminal-payment-filters-list  li {
    width: 50%;
}

div.posadmin-terminals-advanced-header {
    float: right;
    margin-bottom: 10px;
}

div.posadmin-terminals-advanced-header span {
    font-size: 16px;
    padding-right: 10px;
}

div.posadmin-terminals-advanced-header i.fa-caret-left,
div.posadmin-terminals-advanced-header i.fa-caret-down {
    opacity: 1.0;
    font-size: 24px;
    position: relative;
    top: 3px;
    right: 0;
    margin: 0;
    width: 25px;
    color: #414C63;
}

div.posadmin-terminals-advanced-header i.fa-caret-left {
    display: inline-block;
}

div.posadmin-terminals-advanced-header i.fa-caret-down {
    display: none;
}

div.posadmin-terminals-advanced-header.active i.fa-caret-left {
    display: none;
}

div.posadmin-terminals-advanced-header.active i.fa-caret-down {
    display: inline-block;
}

div.posadmin-terminals-advanced-section {
    display: none;
}

div.posadmin-terminals-advanced-section.active {
    display: block;
}

#terminal-calibration-command,
#pole-display-start,
#pole-display-end {
    width: 90%;
    margin-right: 0;
}

div.posadmin-section-header {
    border-bottom: 2px solid;
    border-color: #cccccc;
    margin-bottom: 10px;
}

span.posadmin-edit-header {
    color: #414C63;
    font-size: 16px;
    float: left;
}

.header-switch {
    margin-right: 15px;
}

label.header-switch {
    width: auto;
    clear: none;
    height: auto;
}

div.posadmin-terminals-sub-section-body {
    padding: 0px 15px;
    margin-bottom: 15px;
}

input#terminal-update-cashier,
input#timeout-server-table-screen {
    width: 40px;
}

span.label-input {
    display: block;
    overflow: hidden;
}

span.label-input.inline {
    display: inline-block;
}

form.posadmin-form span.label-input > input,
form.posadmin-form span.label-input > select {
    width: 100%;
    max-width: unset;
    min-width: unset;
}

form.posadmin-form label.label-input {
    float: left;
    padding-top: 4px;
}

#terminal-printer-routing {
    width: 100%;
}

#terminal-printer-routing thead.terminal-printer-routing-header {
    display: block;
    width: 100%;
}

tr.terminal-printer-routing-row th {
    color: #414C63;
    font-size: 12px;
    font-weight: normal;
}

tr.terminal-printer-routing-row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin-bottom: 5px;
}

#terminal-printer-routing th.right-col,
#terminal-printer-routing th.left-col {
    width: 45%;
}

#terminal-printer-routing th.middle-col,
#terminal-printer-routing td.middle-col {
    width: 10%;
    text-align: center;
}

#terminal-printer-routing td.left-col,
#terminal-printer-routing td.right-col {
    width: 45%;
    padding-left: 15px;
}

#terminal-printer-routing td.middle-col i {
    font-size: 22px;
    color: #CCCCCC;
}

#terminal-printer-routing td.middle-col i.routed{
    color: #49C1B9;
}

input#terminal-payment-filter-enable + label,
input#terminal-payment-filter-disable + label {
    margin-bottom: 15px;
}

input#terminal-payment-filter-enable + label {
    margin-right: 30px
}

div#pole-display-body {
    width: 240px;
}

div.pole-display-port,
div.weight-scale-port,
div.drive-thru-port,
div.berg-port {
    float: left;
    width: 150px;
    margin-right: 10px;
}

div.pole-display-rows {
    float: left;
    width: 50px;
}

select#pole-display-port,
select#pole-display-rows,
select#weight-scale-port,
select#weight-scale-type,
select#drive-thru-port,
select#drive-thru-type,
select#berg-port {
    width: 100%;
    min-width: unset;
    max-width: unset;
}

label.pole-display-label {
    width: 30px !important;
    text-align: right;
}

div#weight-scale-body {
    width: 270px;
}

div.weight-scale-type {
    float: left;
    width: 75px;
}

input#weight-scale-timeout {
    width: 40px;
}

div#drive-thru-body {
    width: 300px;
}

div.drive-thru-type {
    float: left;
    width: 100px;
}

div#terminal-peripherals {
    padding-top: 25px;
}

div#modal-load-changes {
    z-index: 1061;
}

div.posadmin-printers-accordion-wrapper {
    float: left;
    width: 35%;
    margin-top: 10px;
    overflow-y: scroll;
}

div.posadmin-printers-table-wrapper {
    width: 100%;
}

.posadmin-printers-physical-table-row-description,
.posadmin-printers-physical-table-row-terminal,
.posadmin-printers-physical-table-row-port {
    width: 30%;
}

.posadmin-printers-logical-table-row-description,
.posadmin-printers-prep-category-table-row-description,
.posadmin-printers-printer-group-table-row-description{
    width: 90%;
}

div.posadmin-printers-accordion-section-wrapper {
    padding-bottom: 15px;
}

table.posadmin-accordion-table {
    margin-top: 10px;
}


.posadmin-printers-guest-check-table-row-description,
.posadmin-printers-guest-check-table-row-printer {
    width: 45%;
}

.posadmin-printers-edit-wrapper {
    float: right;
    width: 63%;
}

#posadmin-physical-printer-section-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 10px;
    column-gap: 10px;
}

#posadmin-physical-printer-inputs-wrapper {
    flex: 1 1 340px;
    min-width: 340px;
}

#posadmin-physical-printer-options-wrapper {
    flex: 0 1 225px;
    min-width: 225px;
}

form#physical-printer label.label-input {
    color: #414C63;
    text-align: right;
    height: 25px;
    padding-top: 4px;
    float: left;
    margin: 0;
    width: 40%;
}

form#physical-printer span.label-input {
    float: left;
    width: 55%;
    padding: 0 0 0 5px;
    margin: 0;
}

form#physical-printer div.label-input-number {
    float: left;
    width: 60px;
    padding: 0;
    margin: 0 5px 0 0;
}

form#physical-printer div.label-input-number input {
    width: 100%;
    margin-left: 0;
}

input#physical-printer-vdu-codes {
    margin-left: 0;
}

form#physical-printer label.label-input-number-seconds {
    color: #414C63;
    height: 25px;
    padding-top: 4px;
    float: left;
    margin: 0;
}

ul#physical-printer-options {
    width: 100%;
    min-width: unset;
    max-width: unset;
    margin: 0;
}

div#logical-printer-name-wrapper {
    float: left;
    width: 20%;
}

div#logical-printer-input-parent-wrapper {
    float: left;
    width: 80%;
    padding-left: 5px;
    max-width: 280px;
    min-width: 100px;
}

form#logical-printer label.label-input {
    color: #414C63;
    text-align: right;
    height: 25px;
    padding-top: 4px;
    width: 100%;
    margin: 0;
}

label.printers-table-header {
    color: #414C63;
    font-size: 15px;
    margin-bottom: 2px;
}

ul#printer-logical-properties,
ul#printer-prep-category-option,
ul#printer-prep-category-override,
ul#printer-group-mark-printed,
ul#printer-auto-execute,
ul.printer-group-prep-printers-ticket,
ul#sales-area-department-list,
ul#sales-area-sales-area-list,
ul#default-jobs-pos-functions-list,
ul#mail-options-list {
    width: 100%;
    max-width: unset;
    min-width: unset;
}

#posadmin-prep-category-body-top-container {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    row-gap: 10px;
    column-gap: 5px;
}

.posadmin-prep-category-body-top-wrapper {
    flex: 1 1 270px;
    min-width: 270px;
}

#posadmin-prep-category-body-bottom-container {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    row-gap: 10px;
    column-gap: 15px;
}

#posadmin-prep-category-body-bottom-left-wrapper {
    flex: 1 1 300px;
    min-width: 300px;
}

#posadmin-prep-category-body-bottom-right-wrapper {
    flex: 1 1 180px;
    min-width: 180px;
}

form#prep-category label.label-input {
    color: #414C63;
    text-align: right;
    width: 30%;
    margin: 0;
}

form#prep-category span.label-input {
    float: left;
    width: 65%;
    padding: 0 0 0 5px;
    margin: 0;
}

div#prep-category-alpha-entry-wrapper {
    float: right;
    width: 70%;
    padding-left: 5px;
}

article.posadmin-forms {
    padding-bottom: 0;
}

div#posadmin-printer-group-body-top div.left {
    width: 50%;
    float: left;
    padding-right: 10px;
}

div#posadmin-printer-group-body-top div.right {
    width: 50%;
    float: left;
    padding-right: 10px;
}

div#posadmin-printer-group-body-middle div.left {
    width: 50%;
    float: left;
    padding-right: 10px;
    min-width: 300px;
}

div#posadmin-printer-group-body-middle div.right {
    width: 50%;
    float: left;
    padding-right: 10px;
}

div#posadmin-printer-group-body-bottom {
    padding-top: 15px;
}

div#posadmin-printer-group-body-bottom div.left {
    width: 60%;
    float: left;
    padding-right: 10px;
}

div#posadmin-printer-group-body-bottom div.right {
    width: 40%;
    float: left;
    padding-right: 10px;
}

form#printer-group label.label-input {
    color: #414C63;
    text-align: right;
    width: 30%;
    margin: 0;
}

form#printer-group span.label-input {
    float: left;
    width: 65%;
    padding: 0 0 0 5px;
    margin: 0;
}

form.posadmin-form input.single-digit {
    width: 24px !important;
}

form.posadmin-form input.double-digit {
    width: 32px !important;
}

form.posadmin-form input.triple-digit {
    width: 40px !important;
}

div#printer-group-properties-options {
    float: right;
    width: 70%;
    padding-left: 5px;
}

div#print-group-mark-printed-table-wrapper {
    width: 50%;
    float: left;
    padding: 0 5px 10px 5px;
    min-width: 155px;
}

div#print-group-auto-execute-table-wrapper {
    width: 50%;
    float: left;
    padding: 0 5px 0 5px;
    min-width: 155px;
}

ul#printer-group-mark-printed {
    height: 115px;
}

ul#printer-auto-execute {
    border: none;
    padding-top: 0;
    margin-bottom: 0;
}

div.printer-group-prep-printer-wrapper {
    width: 100%;
    float: left;
    padding: 0 5px 10px 5px;
    min-width: 145px;
}

div.printer-group-physical-printer-wrapper {
    width: 100%;
    float: left;
    padding: 0 5px 10px 5px;
    min-width: 145px;
}

div.printer-group-physical-printer {
    width: 45%;
}


ul.printer-group-prep-printers-ticket {
    height: auto;
}

div.printer-group-prep-printers-ticket-list-wrapper {
    height: 150px;
    width: 100%;
}


table.posadmin-header-options-table tbody,
table.posadmin-footer-options-table tbody {
    margin-top: 0;
    height: 150px;
}

table.posadmin-header-options-table tbody tr.posadmin-table-row label.custom-checkbox-blue-list,
table.posadmin-footer-options-table tbody tr.posadmin-table-row label.custom-checkbox-blue-list {
    margin-bottom: 0;
}


.posadmin-custom-options-table-row-name {
    width: 100%;
}

.posadmin-header-options-table-row-name {
    width: 70%;
}

.posadmin-header-options-table-row-red,
.posadmin-header-options-table-row-expand {
    width: 15%;
}

table.posadmin-options-table-header {
    width: 100%;
}

table.posadmin-options-table-header thead tr {
    margin-right: 8px;
}

table.posadmin-options-table-header th {
    font-weight: normal;
    color: #707070;
    font-size: 12px;
}


label.posadmin-options-table-header-title {
    color: #414C63;
    font-size: 15px;
    margin-bottom: 5px;
}

.single-checkbox-table-wrapper {
    width: 60%;
    float: right;
}

.custom-options-secondary-list {
    display: none;
    padding: 5px 0 0 25px;
}

.custom-options-secondary-list._show {
    display: block;
}

div#posadmin-printer-group-body-middle div.right label.label-input {
    width: 20%;
}

div#posadmin-printer-group-body-middle div.right label.label-input + span.label-input {
    width: 80%;
}

div#posadmin-printer-group-body-middle div.right label.label-input.inline + span.label-input {
    width: auto;
}

input.printer-group-ticket-vdu-route {
    width: 60px !important;
}

ul.printer-group-ticket-timing li {
    width: 100%;
    margin-bottom: 5px;
}

ul.printer-group-ticket-timing li:last-child {
    margin-top: 5px;
    padding-left: 2px;
}

ul.printer-group-ticket-timing {
    float: left;
    padding: 5px 15px 5px 15px;
}

div.printer-group-ticket-properties-options {
    padding: 0 0 10px 15px;
}


form#printer-group label.label-input-number {
    color: #707070;
    font-size: 12px;
}

ul.printer-group-ticket-timing input.triple-digit {
    margin-bottom: 0 !important;
}

ul.printer-group-ticket-timing input.triple-digit + label.label-input-number.timing-padding {
    padding-top: 4px;
}

div.printer-group-prep-ticket-options {
    padding: 5px 10px 5px 0px;
    margin-bottom: 10px;
}

.one-screen-layout {
    overflow: hidden;
    position: fixed;
    width: 100%;
}

/*
Section: Cash Drawers
 */


.posadmin-cash-drawers-table-wrapper {
    width: 40%;
}
.posadmin-cash-drawers-edit-wrapper {
    width: 55%;
    float: right;
}

.posadmin-cash-drawers-table-row-description {
    width: 20%;
}

.posadmin-cash-drawers-table-row-station {
    width: 25%;
}

.posadmin-cash-drawers-table-row-port {
    width: 20%;
}

.posadmin-cash-drawers-table-row-brand {
    width: 25%;
}

div.posadmin-cash-drawers-edit-section {
    float: right;
    clear: both;
    width: 100%;
}

form#cash-drawer label.label-input {
    color: #414C63;
    text-align: right;
    padding-top: 4px;
    float: left;
    margin: 0;
    width: 20%;
}

form#cash-drawer span.label-input {
    float: left;
    width: 60%;
    padding: 0 0 0 5px;
    margin: 0;
}

form#cash-drawer span.label-input > input,
form#physical-printer span.label-input > input,
form#logical-printer span.label-input > input,
form#prep-category span.label-input > input,
#printer-group-name,
#guest-check-type-description {
    width: 90%;
    max-width: unset;
    min-width: unset;
}

/*
  Section: Cash Drawers
 */

#posadmin-guest-check-type-body-top-container,
#posadmin-guest-check-type-body-middle-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    column-gap: 10px;
}

#posadmin-guest-check-type-body-middle-container {
    row-gap: 10px;
}

.posadmin-guest-check-type-body-top-wrapper {
    flex: 1 1 225px;
    min-width: 225px;
}

#posadmin-guest-check-type-body-middle-left-wrapper {
    flex: 1 1 175px;
    min-width: 175px;
}

#posadmin-guest-check-type-body-middle-right-wrapper {
    flex: 1 1 250px;
    min-width: 250px;
}

form#guest-check-type label.label-input {
    color: #414C63;
    text-align: right;
    width: 30%;
    margin: 0;
}

form#guest-check-type span.label-input {
    float: left;
    width: 65%;
    padding: 0 0 0 5px;
    margin: 0;
}

div#guest-check-type-duplicate-wrapper {
    float: right;
    width: 65%;
    padding: 0 0 0 5px;
}

ul.guest-check-type-style li {
    width: 100%;
    padding-left: 10px;
}

.bottom-section-margin {
    margin-bottom: 10px !important;
}

.radio-check-indent {
    padding-left: 12px !important;
}

ul#guest-check-delivery-information {
    float: left;
    border: 1px solid #CCCCCC;
    padding-top: 10px;
}

.guest-check-lines-container {
    overflow-x: auto;
}

div.guest-check-line-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    gap: 10px;
    min-width: 450px;
}

div.guest-check-icon-wrapper {
    flex-grow: 0;
    flex-basis: 75px;
    flex-shrink: 0;
    padding-top: 3px;
}

div.guest-check-line-options-wrapper {
    flex-grow: 0;
    flex-basis: 150px;
    flex-shrink: 0;
    padding-top: 5px;
}

div.guest-check-text-wrapper {
    flex-grow: 2;
}

form#guest-check-type input.guest-check-line-text {
    width: 100%;
}

div#posadmin-guest-check-type-body-bottom {
    padding-right: 10px;
}

div#printer-group-ticket-bar {
    margin-bottom: 10px;
}

ul.printer-group-prep-printers-ticket.selected-list label::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    content: " \f338";
    padding-left: 3px;
    font-size: 10px;
}

ul.printer-group-prep-printers-ticket.selected-list label:hover {
    cursor: move;
}

a#add-new-ticket {
    float:left;
    margin: 1px 0 0 15px;
}

ul.selected-list,
ul.unselected-list {
    height: 135px !important;
    overflow-y: scroll;
    border: none !important;
}

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

.expand-text {
    font-size: 16px !important;
}

.red-text {
    color: red !important;
}

div.posadmin-sales-areas-table-wrapper {
    width: 20%;
}

div.posadmin-sales-areas-edit-wrapper {
    width: 75%;
    float: right;
}

.posadmin-sales-areas-table-row-description {
    width: 90%;
}

div.sales-area-list-wrapper {
    height: 200px;
    width: 100%;
}

ul#sales-area-department-list,
ul#sales-area-sales-area-list {
    height: 185px !important;
}

div#posadmin-sales-area-edit-section-top div.left,
div#posadmin-sales-area-edit-section-top div.right,
div#posadmin-sales-area-edit-section-bottom div.left,
div#posadmin-sales-area-edit-section-bottom div.right {
    width: 45%;
}

ul#sales-area-sales-options li {
    width: 100%;
    margin-bottom: 5px;
}

form#sales-area input#sales_area_name {
    width: 65%
}

div#posadmin-sales-area-edit-section-bottom {
    padding-top: 15px;
}

#sales-area-sales-options {
    padding-top: 5px;
}

div.posadmin-pay-types-table-wrapper {
    width: 20%;
}

.posadmin-pay-types-table-row-description {
    width: 90%;
}

div.posadmin-pay-types-edit-wrapper {
    width: 75%;
    float: right;
}

input#pay_type_description {
    width: 75%;
}

form#pay_type input.pay-type-hours {
    width: 100px;
}

div.automatic-breaks-section {
    float: left;
    width: 100px;
}

form#pay_type input.pay-type-break-min {
    width: 50px;
}

form#pay_type label.automatic-breaks-header-length {
    padding-left: 4px;
}

form#pay_type label.automatic-breaks-header-after {
    padding-left: 10px;
}

form#pay_type label.automatc-breaks-label {
    margin-bottom: 18px;
    padding-top: 5px;
}

form#pay_type div.pay-type-and-or-wrapper {
    margin-bottom: 15px;
    padding-left: 7px;
}

form#pay_type div#pay-type-week-start-on {
    min-width: 185px;
    max-width: 200px;
}

#posadmin-pay-types-overtime-section-container {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    column-gap: 15px;
    row-gap: 10px;
}

#posadmin-pay-types-overtime-section-hours-wrapper {
    flex: 1 1 200px;
    min-width: 200px;
}

#posadmin-pay-types-overtime-section-day-start-wrapper {
    flex: 1 1 150px;
    min-width: 150px;
}

div.two-col-section {
    float: left;
    clear: both;
    width: 100%;
}

div.two-col-section div.left {
    float: left;
    width: 50%;
    padding: 0 15px 0 5px;
}

div.two-col-section div.right {
    float: left;
    width: 50%;
    padding: 0 15px 0 5px;
}

form#pay_type div#automatic-breaks-section-wrapper {
    min-width: 300px;
}



div.duplicate-bar-input-wrapper {
    float: right;
    text-align: right;
}

span.duplicate-bar-label {
    font-size: 14px;
    text-decoration: underline;
    color: #414C63;
    margin-right: 25px;
    float: left;
}

div.duplicate-bar-input-wrapper select {
    margin-right: 15px;
    width: 175px;
}

div.posadmin-default-copy-bar-wrapper div.loading {
    width: 100%;
    text-align: center;
}

div.posadmin-default-copy-bar-wrapper div.loading i.fa-spin {
    font-size: 20px;
    opacity: 0.5;
    color: #414C63;
}

.default-copy-bar-button {
    color: #6588C0 !important;
    background-color: #FFFFFF;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    font-size: 14px;
    padding: 4px 10px;
    height: 25px;
    border: 1px solid #6588C0;
}

div.duplicate-bar-label-wrapper,
div.duplicate-bar-dropdown-wrapper {
    float: left;
    clear: none;
    width: 100%;
}

div.duplicate-bar-ok-wrapper {
    float: right;
    padding-left: 5px;
}

.posadmin-default-copy-bar-wrapper {
    float: right;
}

.posadmin-default-bar-wrapper,
.posadmin-copy-bar-wrapper,
.posadmin-delete-bar-wrapper {
    opacity: 0;
    visibility: hidden;
    transform: translate(0, 15px) scale(.95);
    transition: transform .5s ease-out, opacity .5s ease-out, visibility .5s;
    box-shadow: 0 3px 6px #00000029;
}

.posadmin-default-bar-wrapper.show-popup,
.posadmin-copy-bar-wrapper.show-popup,
.posadmin-delete-bar-wrapper.show-popup {
    opacity: 1;
    visibility: visible;
    transform: translate(0, 0) scale(1);
}

.default-object-wrapper {
    float: right;
    position: relative;
}

.copy-object-wrapper {
    float: right;
    margin-right: 10px;
    position: relative;
}

.posadmin-copy-bar-wrapper {
    position: absolute;
    left: -204px;
    width: 240px;
    padding: 5px;
    background-color: #eaeffa;
    border: 1px solid #414c63;
    border-radius: 5px;
}

.posadmin-copy-bar-wrapper.copy-borderless-wrapper {
    left: -219px;
    background-color: white;
}

.posadmin-default-bar-wrapper {
    position: absolute;
    left: -211px;
    width: 247px;
    padding: 5px;
    background-color: #eaeffa;
    border: 1px solid #414c63;
    border-radius: 5px;
}

.posadmin-default-bar-wrapper.default-borderless-wrapper {
    left: -226px;
    background-color: white;
    z-index: 98;
}

.default-bar-button {
    width: 115px;
    text-align: center;
}

.delete-object-wrapper {
    float: right;
    margin-right: 15px;
    position: relative;
}

.posadmin-delete-bar-wrapper {
    position: absolute;
    left: -211px;
    width: 247px;
    padding: 5px;
    background-color: #eaeffa;
    border: 1px solid #414c63;
    border-radius: 5px;
}

.posadmin-delete-bar-wrapper.default-borderless-wrapper {
    left: -226px;
    background-color: white;
}

div.posadmin-default-jobs-table-wrapper {
    width: 25%;
}

div.posadmin-default-jobs-edit-wrapper {
    width: 70%;
    float: right;
}

.posadmin-default-jobs-table-row-description {
    width: 70%;
}

.posadmin-default-jobs-table-row-active-users {
    width: 20%;
}

div.posadmin-default-job-break-type-wrapper {
    margin-bottom: 12px;
    padding-left: 10px;
}

form#default-job div[data-name="job-properties"] input[type=text],
form#custom-job div[data-name="job-properties"] input[type=text]{
    width: 70%;
}

form#default-job div[data-name="job-properties"] input[type=number],
form#custom-job div[data-name="job-properties"] input[type=number] {
    width: 120px;
}

div.two-col-pay-rate div.pay-rate-reg,
div.two-col-pay-rate div.pay-rate-ot {
    width: auto;
    float: left;
    clear: none;
    padding: 0 15px 0 0;
}

div#default-job-station-filters-header label#default-job-station-filters-header-label{
    padding-top: 5px;
    margin-right: 60px;
}

#posadmin-job-station-radio-wrapper {
    margin: 5px 0 0 0;
}

.hyperlink-color,
.mass-edit,
.cloud-permission-column-header,
.legacy-report-filter-sub-header,
.header-color,
.posadmin-mass-edit-wrapper h5 {
    color: #414C63 !important;
}

.job-tips-allocation-wrapper {
    width: 165px;
    margin-bottom: 15px;
}

form#default-job div.posadmin-default-jobs-edit-section[data-name="job-tips"] label.custom-checkbox,
form#custom-job div.posadmin-default-jobs-edit-section[data-name="job-tips"] label.custom-checkbox {
    margin-bottom: 15px;
}

.posadmin-slider-text {
    color: #414C63;
    font-size: 14px;
    font-weight: 600;
    float: left;
    padding-bottom: 2px;
    height: unset !important;
    line-height: unset !important;
}

form#default-job input[type=radio] + label,
form#custom-job input[type=radio] + label{
    padding-right: 15px;
}

#posadmin-jobs-filter-section-container {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    row-gap: 10px;
    column-gap: 15px;
}

.posadmin-jobs-filter-section-wrapper {
    flex: 1 1 215px;
    min-width: 215px;
}

span.posadmin-list-header,
label.posadmin-list-header {
    color: #414C63;
    font-size: 14px;
    font-weight: 600;
    float: left;
    padding-bottom: 2px;
    margin: 0 !important;
}

span.posadmin-report-section-header,
label.posadmin-report-section-header {
    color: #414C63;
    font-size: 14px;
    font-weight: 400;
    float: left;
    padding-bottom: 3px;
    margin: 0;
}

div.posadmin-scrollable-options-list-wrapper {
    border: 1px solid #CCCCCC;
    margin-bottom: 10px;
    padding: 5px;
}

div.posadmin-scrollable-options-list-wrapper.small-list-wrapper,
div.posadmin-payment-receipt-options-list, div.posadmin-system-options-properties-list  {
    height: 100px;
    width: 75%;
    min-width: 200px;
    max-width: 300px;
}

div.posadmin-scrollable-options-list-wrapper.small-list-wrapper ul.posadmin-scrollable-options-list.small-list {
    width: 100%;
    height: 85px;
}

div.posadmin-scrollable-options-list-wrapper.medium-list-wrapper {
    height: 150px;
    width: 75%;
    min-width: 200px;
    max-width: 300px;
}

div.posadmin-scrollable-options-list-wrapper.medium-list-wrapper ul.posadmin-scrollable-options-list.medium-list {
    width: 100%;
    height: 135px;
}

div.posadmin-scrollable-options-list-wrapper.large-list-wrapper {
    height: 300px;
    width: 75%;
    min-width: 200px;
    max-width: 300px;
}

div.posadmin-scrollable-options-list-wrapper.large-list-wrapper ul.posadmin-scrollable-options-list.large-list {
    width: 100%;
    height: 285px;
}

ul.posadmin-scrollable-options-list {
    overflow-y: auto !important;
    border: none !important;
}

div.list-header-radio-wrapper {
    width: 75%;
    min-width: 200px;
    max-width: 300px;
}

.posadmin-default-job-privileges-table {
    border: 1px solid #C5C5C5;
}

table.posadmin-default-job-privileges-table tbody {
    margin-top: 0;
    padding: 2px 4px;
}

table.posadmin-default-job-privileges-table tbody tr.posadmin-table-row label.custom-checkbox-blue-list {
    margin-bottom: 0;
}

div.custom-options-secondary-list-checkbox-wrapper {
    padding-bottom: 3px;
}

div#posadmin-default-jobs-reports-header {
    margin-bottom: 20px;
}

.posadmin-jobs-reports-section-container {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    column-gap: 10px;
    row-gap: 10px;
}

.posadmin-jobs-reports-section-wrapper {
    flex: 1 1 175px;
    min-width: 175px;
    height: fit-content;
}

div.posadmin-borderless-options-list-wrapper {
    padding-left: 5px;
}

#posadmin-jobs-privileges-section-container {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    column-gap: 15px;
    row-gap: 10px;
}

.posadmin-jobs-privileges-section-wrapper {
    flex: 1 1 200px;
    min-width: 200px;
}

div.three-col-option-lists div.three-col-left,
div.three-col-option-lists div.three-col-middle,
div.three-col-option-lists div.three-col-right {
    width: 33%;
    float: left;
}

form#cash-drawer-name span#cash-drawer-name-span {
    float: left;
    width: 45%;
    max-width: 275px;
    min-width: 200px;
    padding: 0 0 0 5px;
    margin: 0;
}

.posadmin-legacy-reports-container {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    column-gap: 2px;
}

.posadmin-legacy-reports-filter-wrapper {
    flex: 1 1 20%;
    min-width: 160px;
    max-width: 225px;
    overflow-y: auto;
    /*padding-right: 8px;*/
    height: -webkit-calc(var(--vh, 1vh) * 100 - 125px);
    height: -moz-calc(var(--vh, 1vh) * 100 - 125px);
    height: calc(100vh - 125px);
    height: calc(var(--vh, 1vh) * 100 - 125px);
    position: relative;

    transition-delay: 0ms;
    -webkit-transition: flex .75s ease-in-out, min-width .75s ease-in-out;
    -moz-transition: flex .75s ease-in-out, min-width .75s ease-in-out;
    -o-transition: flex .75s ease-in-out, min-width .75s ease-in-out;
    transition: flex .75s ease-in-out, min-width .75s ease-in-out;
}

.posadmin-legacy-reports-filter-wrapper.closed {
    flex: 0 0 0;
    min-width: 0;

    transition-delay: 0ms;
    -webkit-transition: flex .75s ease-in-out, min-width .75s ease-in-out;
    -moz-transition: flex .75s ease-in-out, min-width .75s ease-in-out;
    -o-transition: flex .75s ease-in-out, min-width .75s ease-in-out;
    transition: flex .75s ease-in-out, min-width .75s ease-in-out;
}

.posadmin-legacy-reports-report-wrapper {
    flex: 1 1 75%;
    max-width: calc(100% - 24px);
    min-width: 0;
}

.posadmin-legacy-reports-filter-slider-wrapper {
    flex: 0 0 24px;
    max-width: 24px;
}

.posadmin-multipage-filter-wrapper {
    float: left;
    width: 20%;
    padding-right: 15px;
    max-width: 225px;
    overflow-y: auto;
}

.report-filter-slider-icon {
    color: #6588C0;
    font-size: 24px;
}

#posadmin-employees-table-wrapper,
#posadmin-timecard-table-wrapper,
#posadmin-menu-item-table-wrapper,
#posadmin-pre-modifiers-table-wrapper,
#posadmin-ingredients-table-wrapper,
#posadmin-payroll-table-wrapper {
    float: left;
    width: 80%;
}

div.datatable-loading-wrapper {
    float: left;
    width: 80%;
    text-align: center;
    font-size: 16px;
}

div.datatable-loading-wrapper i.fa-spin {
    font-size: 30px;
    opacity: 0.5;
    color: #707070;
}

.posadmin-object-list-search-wrapper {
    margin-bottom: 25px;
    position: relative;
    margin-top: 15px;
}

.posadmin-object-view-search-wrapper {
    margin-bottom: 15px;
    position: relative;
    margin-top: 10px;
}

.posadmin-object-list-search-wrapper i,
.posadmin-object-view-search-wrapper i{
    position: absolute;
    margin: 0;
    display: initial;
    line-height: 20px;
    right: 0;
    color: #6588C0;
}

.posadmin-object-list-table-search {
    width: 100%;
}

.input-bottom-border-only {
    outline: 0;
    border-width: 0 0 1.5px !important;
    border-color: #C5C5C5;
    background: transparent;
}

.hidden-value.hidden-value-hide::before {
    content: "******";
}

.hidden-value.hidden-value-hide ~ span.hidden-value-eye,
input.hidden-value-input.hidden-value-input-hide ~ span.hidden-value-eye-text-input,
.hidden-value-eye-table-header.hidden-value-hide {
    color: #CCCCCC;
}

.hidden-value-eye-table-header {
    padding-left: 2px;
}

div.posadmin-hidden-input-wrapper {
    float: left;
    position: relative;
}

div.posadmin-hidden-input-wrapper input.hidden-value-input-hide {
    text-security: disc;
    -webkit-text-security:  disc;
    -mox-text-security: disc;
}

div.posadmin-hidden-input-wrapper-right span {
    position: absolute;
    padding: 4px 0 5px 5px;
    left: 0;
}

div.posadmin-hidden-input-wrapper-right input {
    padding-left: 20px;
    text-align: right;
    margin: 0 0 5px 0;
}

div.posadmin-hidden-input-wrapper-left span {
    position: absolute;
    padding: 4px 5px 5px 0;
    right: 0;
}

div.posadmin-hidden-input-wrapper-left input {
    padding-right: 20px;
    text-align: left;
    margin: 0 0 5px 0;
}

div.posadmin-options-list-wrapper p {
    color: #414C63;
    margin-bottom: 2px;
}

div.posadmin-scrollable-options-list-wrapper ul.posadmin-object-list-filter-list {
    height: 150px;
}

div.posadmin-object-list-filter-wrapper ul.posadmin-object-list-filter-list {
    width: 100%;
    min-width: unset;
    max-width: unset;
}

div.posadmin-object-list-filter-wrapper {
    margin-bottom: 15px;
}

span.employee-unique {
    color: #49C1B9;
    font-size: 8px;
    padding-left: 17px;
}

span.employee-cloud-status {
    color: #49C1B9;
    padding-left: 25px;
}

div.posadmin-object-list-filter-wrapper p {
    color: #414C63;
    margin-bottom: 2px;
}

span.employee-header-name {
    font-size: 20px;
    color: #414C63;
    padding-right: 15px;
}

span.employee-header-employee-id {
    font-size: 18px;
    color: #707070;
}

div.posadmin-employee-edit-header {
    margin-bottom: 20px;
}

div.posadmin-employees-edit-header-information {
    float: left;
}

ul.posadmin-edit-section-full-tabs {
    display: flex;
    width: 100%;
    padding: 0 0 5px 15px;
    border-bottom: 2px solid #CCCCCC;
}

ul.posadmin-edit-section-full-tabs li {
    font-size: 16px;
    color: #414C63;
    flex-grow: 1;
}

ul.posadmin-edit-section-full-tabs li i {
    color: #49C1B9;
    padding-left: 10px;
}

ul.posadmin-edit-section-full-tabs li.active > span,
ul.posadmin-edit-section-full-tabs li.active i {
    background-color: #414C63;
    color: #FFFFFF;
}

span.posadmin-edit-section-full-tabs-title {
    padding: 3px 20px;
}

div.posadmin-edit-section-full-tabs-wrapper {
    margin-bottom: 20px;
}

div.employee-three-col {
    padding-left: 25px;
}

div.employee-three-col div.left,
div.employee-three-col div.middle,
div.employee-three-col div.right {
    float: left;
    width: 33%;
    padding-right: 25px;
}

div.posadmin-employee-state-wrapper {
    float: left;
    width: 40%;
    padding-right: 10%;
}

div.posadmin-employee-zip-wrapper {
    float: left;
    width: 60%;
}

div.posadmin-multi-tab-edit-section {
    overflow-y: auto;
    display: none;
    float: left;
    clear: both;
    width: 100%;
}

div.posadmin-multi-tab-edit-section.active {
    display: block;
}

form#employee input#login-password {
    width: 150px;
}

div.posadmin-employee-hire-date-wrapper {
    float: left;
    width: 125px;
}

div.posadmin-employee-position-wrapper {
    float: left;
    width: auto;
}

.employee-position {
    width: 150px !important;
}

span.employee-status-active {
    font-size: 16px;
    color: #49C1B9;
    display: none;
    padding-left: 35px;
}

span.employee-status-inactive {
    font-size: 16px;
    color: red;
    display: none;
    padding-left: 35px;
}

input#employee-status-switch:checked ~ span.employee-status-inactive {
    display: block;
}

input#employee-status-switch:not(:checked) ~ span.employee-status-active {
    display: block;
    line-height: 15px;
}

div#posadmin-employee-inactive-info {
    padding-top: 15px;
}

div#employee-term-reason-wrapper {
    margin-bottom: 8px;
}

ul#employee-term-reason-options li {
    width: 100%;
    margin-bottom: 7px;
}

li.job-override > div.job-name:after {
    content: "*"
}

span.job-information {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    color: #707070;
}

#posadmin-employee-jobs-section-container {
    display: flex;
    justify-content: flex-start;
    column-gap: 15px;
}

#posadmin-employee-jobs-left-wrapper {
    flex: 1 1 350px;
    min-width: 350px;
}

#posadmin-employee-jobs-right-wrapper {
    flex: 1 1 50%;
}

#employee-info-loading {
    width: 125px;
    text-align: center;
}

#employee-info-loading i.fa-circle-notch{
    font-size: 30px;
    opacity: 0.5;
    color: #707070;
}

#employee-selected-job-information {
    margin-top: 15px;
}

#employee-selected-job-information div.loading i.fa-spin {
    width: 20%
}

.data-difference {
    color: #49C1B9 !important;
}

form#employee div#employee-options-wrapper {
    width: 300px;
    margin: 0 auto;
    clear: both;
}


form#employee div#posadmin-employee-notes-sidebar-wrapper {
    float: left;
    width: 20%;
    overflow-y: auto;
}

form#employee div#posadmin-employee-notes-table-wrapper {
    float: right;
    width: 80%;
}

form#employee div#posadmin-employee-create-note {
    margin-bottom: 10px;
}

form#employee div#posadmin-employee-notes-filter-buttons-wrapper {
    margin-bottom: 20px;
}

form#employee div#posadmin-employee-notes-sidebar-wrapper {
    padding-right: 25px;
}

form#employee div#employee-notes {
    overflow-y: hidden;
}

div.posadmin-note-edit-section {
    margin-top: 10px;
}

form#employee-note div.two-col-section {
    margin: 0;
}

form#employee-note div.two-col-section .left {
    padding-left: 0;
}

form#employee-note div.two-col-section .right {
    padding-right: 0;
}

span.unsaved-note::before {
    content: '(Unsaved) ';
    color: #49c1b9;
    font-family: "Halis GR Bold", "Halis GR Regular", "Open Sans", "Roboto", Arial, Helvetica, sans-serif;
}

#employee-cloud {
    padding-left: 35px;
}

#posadmin-employee-cloud-user-edit-section > .left {
    width: 30%;
}

#posadmin-employee-cloud-user-edit-section > .right {
    width: 70%;
}

.three-col {
    float: left;
    width: 100%;
}

.three-col .left {
    float: left;
    width: 33%;
    padding-right: 10px;
}

.three-col .middle {
    float: left;
    width: 33%;
    padding: 0 5px;
}

.three-col .right {
    float: left;
    width: 33%;
    padding-left: 10px;
}

label.data-sync:hover {
    cursor: pointer;
}

label.data-sync.data-sync-on:after {
    content: '';
    background-size: 15px 15px;
    background-image:url("/assets/images/synced.519a283dbfa3.png");
    height: 15px;
    width: 15px;
    position: absolute;
    margin: 0 0 0 3px;
}

label.data-sync.data-sync-off:after {
    content: '';
    background-size: 15px 15px;
    background-image:url("/assets/images/unsynced.37c952d07afd.png");
    height: 15px;
    width: 15px;
    position: absolute;
    margin: 0 0 0 3px;
}

label.posadmin-list-header.data-sync.data-sync-on:after,
label.posadmin-list-header.data-sync.data-sync-off:after,
label.posadmin-slider-text.data-sync.data-sync-on:after,
label.posadmin-slider-text.data-sync.data-sync-off:after,
label.posadmin-report-section-header.data-sync.data-sync-on:after,
label.posadmin-report-section-header.data-sync.data-sync-off:after{
    margin: 2px 0 0 3px;
}

table.posadmin-object-list-table {
    width: 100%;
}

table.posadmin-object-list-table.dataTable .posadmin-table-row-edit {
    min-width: unset;
}

div.posadmin-mail-table-wrapper {
    width: 45%;
}

div.posadmin-mail-edit-wrapper {
    float: right;
    width: 52%;
}

.posadmin-mail-table-row-description {
    width: 40%;
}

.posadmin-mail-table-row-sent {
    width: 35%;
}

.posadmin-mail-table-row-deliveries {
    width: 20%;
}

.posadmin-mail-not-delivered-mail-wrapper,
.posadmin-mail-delivered-mail-wrapper {
    width: 50%;
}

span.not-delivered-mail-icon {
    color: #C5C5C5;
}

span.mail-icon-popup {
    font-size: 11px;
}

form.posadmin-form label:not(.custom-label) {
    height: unset;
    line-height: normal;
}

#posadmin-mail-edit-section-container {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    column-gap: 15px;
    row-gap: 10px;
    margin-top: 10px;
    overflow-x: auto;
    padding-right: 10px;
}

#posadmin-mail-edit-section-right-wrapper {
    flex: 6 1 250px;
    min-width: 250px;
}

#posadmin-mail-edit-section-left-wrapper {
    flex: 1 1 175px;
    min-width: 175px;
}

span.list-tabs,
span.list-tabs-seperator {
    width: 45%;
    text-align: center;
    float: left;
}

span.list-tabs-seperator {
    color: #C5C5C5;
    width: 10%;
    text-align: center;
    float: left;
}

span.list-tabs.active {
    font-family: "Halis GR Bold", "Halis GR Regular", "Open Sans", "Roboto", Arial, Helvetica, sans-serif;
    color: #49C1B9;
}

div.list-tab-wrapper {
    display: none;
}

form.posadmin-form input.filtered-list-filter-input {
    margin-bottom: 0;
}

div.list-tabs-tabs-wrapper {
    margin-bottom: 8px;
}

div.list-tabs-wrapper {
    margin-bottom: 6px;
}

form#mail ul#employees-list {
    height: 150px;
}

form#mail div#jobs-list-wrapper {
    margin-bottom: 0;
}

form#mail ul#jobs-list {
    height: 166px;
    margin-bottom: 0px;
    width: 100%;
    max-width: unset;
    min-width: unset;
}

tr.posadmin-table-row:hover td.underlined:not(.highlighted):not(.disabled),
tr.posadmin-object-list-table-row:hover td.underlined:not(.highlighted):not(.disabled) {
    font-family: "Halis GR Bold", "Halis GR Regular", "Open Sans", "Roboto", Arial, Helvetica, sans-serif;
    text-decoration: underline;
}

ul.mail-delivered-popup-employee-list,
ul.popup-object-info-list {
    width: 150px;
    height: 100px;
    overflow-y: auto;
}

ul.mail-delivered-popup-employee-list li,
ul.popup-object-info-list li {
    font-size: 11px;
    padding-right: 5px;
    color: #707070;
    width: 100%;
}

div.mail-delivered-popup-employee-list-wrapper,
div.popup-object-info-list-wrapper {
    padding: 5px 0;
    border-top: 1px solid #C5C5C5;
}

div.mail-delivered-popup-employee-list-wrapper {
    border-bottom: 1px solid #C5C5C5;
}

div.posadmin-popup.delivered-popup,
div.posadmin-popup.object-info-popup {
    text-align: left;
}

span.delivered-popup-header,
span.object-info-popup-header {
    font-size: 11px;
    color: #707070;
}

td.posadmin-menu-item-table-row-mass-edit label.custom-checkbox-blue-list {
    margin-bottom: 0px;
}

img.versi-mini-logo {
    width: 15px;
    height: 15px;
    margin-top: -4px;
}

/*
div.posadmin-filters-collapsible-header a.collapsed > div.posadmin-filters-collapsible-header-title-wrapper::after {
    content: " \f054";
    float: right;
    padding-right: 5px;
}
 */

div.posadmin-collapsible-header-right-side a.collapsed > div.posadmin-collapsible-header-title-wrapper::after {
    content: " \f054";
}

div.posadmin-collapsible-header-right-side a > div.posadmin-collapsible-header-title-wrapper::after {
    content: " \f078";
    float: right;
    padding-right: 5px;
    color: #414C63;
}

div.posadmin-collapsible-header-right-side.posadmin-collapsible-header-blue a > div.posadmin-collapsible-header-title-wrapper::after {
    color: #FFFFFF;
}

div.posadmin-collapsible-header-title-wrapper {
    width: 100%;
    float: left;
}

a.filter-accordion-link {
    width: 100%;
}

div.posadmin-collapsible-header-title {
    clear: none;
    float: left;
    font-size: 12px;
    color: #414C63;
    font-weight: normal;
    font-family: "Halis GR Regular", "Open Sans", "Roboto", Arial, Helvetica, sans-serif;
}

div.posadmin-collapsible-table-wrapper {
    width: 100%;
    float: left;
    table-layout: fixed;
    border-collapse: collapse;
    /*
    border-bottom: 2px solid;
    border-color: #cccccc;
    padding-bottom: 10px;
     */
}

div.posadmin-object-collapsible-list-filter-wrapper div.posadmin-scrollable-options-list-wrapper {
    margin-bottom: 2px;
    border: none;
}

div.posadmin-object-collapsible-list-filter-wrapper {
    padding: 7px 0;
    border-top: 1.5px solid;
    border-color: #CCCCCC;
    margin-bottom: 4px;
}

div.posadmin-object-collapsible-list-filters-wrapper:last-child {
    border-bottom: 1.5px solid;
    border-color: #CCCCCC;
}

.posadmin-collapsible-header-filter {
    height: 12px;
}

div.posadmin-collapsible-header-left-side span {
    padding-left: 5px;
    font-size: 16px;
    color: #414C63;
    font-family: "Halis GR Regular", "Open Sans", "Roboto", Arial, Helvetica, sans-serif;
    font-weight: 400;
}

div.posadmin-collapsible-header-left-side a.collapsed::before {
    content: " \f054"
}

div.posadmin-collapsible-header-left-side a::before {
    content: " \f078"
}

.bold-font {
    font-family: "Halis GR Bold", "Halis GR Regular", "Open Sans", "Roboto", Arial, Helvetica, sans-serif;
}

#posadmin-menu-item-mass-edit-button,
#posadmin-pre-modifier-mass-edit-button,
#posadmin-ingredient-mass-edit-button{
    margin-top: 10px;
}

#datatable-columns-popup-list {
    text-align: left;
    width: 125px;
}

div.posadmin-multipage-filter-wrapper input,
div.posadmin-multipage-filter-wrapper textarea,
div.posadmin-multipage-filter-wrapper select,
.posadmin-modal input,
.posadmin-modal select,
.posadmin-modal textarea {
    color: #707070;
    font-size: 12px;
}

article.posadmin-object-bar-header {
    padding: 0;
}

div.posadmin-object-bar-header-wrapper {
    background-color: #6588C0;
    padding-right: 10px;
}

div.posadmin-object-bar-header-wrapper label.custom-checkbox-green {
    color: #FFFFFF;
}

div#posadmin-versipos-item-active,
div#posadmin-versieats-item-active {
    float: left;
    margin: 10px 0 0 40px;
}

.menu-item-edit-section-container {
    padding: 20px 10px 0 25px;
    overflow: auto;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    column-gap: 12px;
}

.menu-item-edit-section-left-wrapper {
    flex: 1 1 205px;
    min-width: 205px;
}

.menu-item-edit-section-right-wrapper {
    flex: 4 1 480px;
    min-width: 480px;
}

div.label-icon-wrapper label {
    width: auto;
}

div.label-icon-wrapper div.label-icons-wrapper {
    float: right;
    position: relative;
}

form#menu-item input {
    margin-bottom: 0;
    margin-right: 0;
}

form#menu-item .posadmin-input-wrapper {
    margin-bottom: 15px;
}

form#menu-item .filtered-list-container,
#posadmin-legacy-reports-server-report-objects-wrapper .filtered-list-container {
    background-color: white;
}

form#menu-item select#versipos-department,
form#menu-item select#versipos-opt-mod-screen {
    width: 100%;
}

div.inline-wrapper {
    float: left;
    padding-left: 10px;
}

.white-background-cutout {
    background-color: #FFFFFF;
    border: 1px solid #C5C5C5 !important;
}

div#versipos-regular-pricing,
div#versipos-card-pricing {
    height: 45px;
    padding: 10px;
}

.posadmin-inline-top-padding {
    padding-top: 7px;
}

ul#menu-item-prep-cat-list {
    height: 175px;
}

div.listbox div.listbox-column.actions ul li.transfer-modifier-to {
    top: 70px;
}

div.listbox div.listbox-column.actions ul li.transfer-modifier-from {
    top: 120px;
}

ul#versipos-modifiers-available,
ul#versipos-modifiers-selected {
    height: 130px;
}

div#versipos-modifiers-listbox div.listbox-column ul {
    height: 180px;
}

div#posadmin-menu-item-grouped-specials,
div#posadmin-menu-item-valid-times{
    float: left;
    width: 50%;
}

div#posadmin-menu-item-grouped-specials {
    padding-right: 25px;
}

div#posadmin-menu-item-valid-times {
    padding-left: 25px;
}

ul#menu-item-valid-times-list,
ul#menu-item-grouped-specials-list {
    height: 225px;
}

a.underlined, span.underlined {
    text-decoration: underline;
}

div.posadmin-collapsible-header-blue {
    background-color: #414C63;
}

div.posadmin-collapsible-header-blue a {
    color: #FFFFFF;
    font-size: 16px;
    padding-top: 5px;
}

div.posadmin-collapsible-header-blue div.posadmin-collapsible-header-title {
    color: #FFFFFF;
    font-family: "Halis GR S Regular", "Halis GR Regular", "Open Sans", "Roboto", Arial, Helvetica, sans-serif;
    font-size: 16px;
    padding-left: 8px;
}

div#versipos-menu-item-advanced-collapsible-container {
    padding-top: 15px;
}

div#posadmin-menu-item-versipos-advanced-top-section div.left {
    width: 45%;
    padding-left: 5px;
}

div#posadmin-menu-item-versipos-advanced-top-section div.right {
    width: 55%;
    padding-right: 5px;
}

input#posadmin-menu-item-versipos-order-limit-num {
    width: 50px;
}

div#posadmin-menu-item-versipos-advanced-top-section .left-label,
div#posadmin-menu-item-versipos-timer-section-wrapper .left-label {
    width: 40%;
    margin: 0 0 5px 0;
    float: left;
}

div#posadmin-menu-item-versipos-advanced-top-section .right-input,
div#posadmin-menu-item-versipos-timer-section-wrapper .right-input {
    width: 55%;
    margin: 0 0 5px 0;
    float: left;
}

ul.posadmin-menu-item-options-list {
    background-color: #FFFFFF;
    width: 100%;
    overflow-y: auto;
    margin-bottom: 0px;
}

ul#posadmin-menu-item-versipos-advanced-options-list {
    height: 386px;
}

ul#posadmin-menu-item-versipos-data-fields,
ul#posadmin-menu-item-versipos-gift-cert,
ul#posadmin-menu-item-versipos-age-verifier-options-list {
    height: 225px;
}

div#posadmin-menu-item-versipos-recipe-input-wrapper div.left,
div#posadmin-menu-item-versipos-gift-cert-wrapper div.left,
div#posadmin-menu-item-versipos-timer-wrapper div.right {
    float: left;
    width: 60%;
}

div#posadmin-menu-item-versipos-recipe-input-wrapper div.right,
div#posadmin-menu-item-versipos-gift-cert-wrapper div.right,
div#posadmin-menu-item-versipos-timer-wrapper div.left {
    float: left;
    width: 40%;
}

div#posadmin-menu-item-versipos-recipe-input-wrapper div.right,
div#posadmin-menu-item-versipos-gift-cert-wrapper div.right {
    margin-top: 10px;
    padding-left: 10px;
}

table#posadmin-menu-item-versipos-recipe-table,
table#posadmin-menu-item-versipos-topping-screen-table {
    background-color: #FFFFFF;
    border: 1px solid #C5C5C5;
}

table#posadmin-menu-item-versipos-topping-screen-table {
    max-width: 600px
}

table#posadmin-menu-item-versipos-recipe-table thead,
table#posadmin-menu-item-versipos-topping-screen-table thead {
    padding-left: 4px;
}

table#posadmin-menu-item-versipos-recipe-table tbody,
table#posadmin-menu-item-versipos-topping-screen-table tbody {
    height: 225px;
    margin: 1px 0 4px 0px;
    padding-left: 4px;
}

.posadmin-menu-item-versipos-recipe-table-quantity-row {
    width: 25%;
}

.posadmin-menu-item-versipos-recipe-table-unit-row {
    width: 25%;
}

.posadmin-menu-item-versipos-recipe-table-ingredient-name-row {
    width: 50%;
}

.posadmin-menu-item-topping-screen-table-name-row {
    width: 45%;
}

.posadmin-menu-item-topping-screen-table-price-row {
    width: 45%
}

.posadmin-menu-item-topping-screen-table-preview-row {
    width: 10%;
}

div#posadmin-menu-item-versipos-recipe-input-wrapper div.big-blue-button-wrapper {
    margin-bottom: 10px;
}

input#posadmin-menu-item-versipos-plate-cost {
    width: 75px;
}

textarea#posadmin-menu-item-versipos-recipe-server-notes {
    margin: 0;
}

div.posadmin-menu-item-section-wrapper {
    padding: 15px 0 10px 25px;
}
div#posadmin-menu-item-versipos-gc-type-wrapper {
    margin-top: 10px;
    padding-left: 5px;
}

div.posadmin-menu-item-versipos-wings-section {
    float: left;
    padding-left: 15px;
    width: 33%;
}

input#posadmin-menu-item-versipos-num-wings {
    width: 50px;
}

div.posadmin-menu-item-recipe-button {
    clear: both;
}

form#menu-item input[type="text"]:disabled,
form#menu-item input[type="number"]:disabled {
    background-color: transparent;
}

div#posadmin-menu-item-versipos-timer-left-bottom-section {
    padding-left: 25px;
}

div#posadmin-menu-item-versipos-timer-wrapper input[type="number"],
div#posadmin-menu-item-versipos-age-verifier input[type="number"] {
    width: 75px;
}

div.posadmin-age-restriction-wrapper {
    padding: 15px 0 10px 50px;
}

div#posadmin-menu-item-versipos-age-verifier .left-label {
    width: 20%;
    margin: 0 0 5px 0;
    float: left;
    text-align: right;
}

div#posadmin-menu-item-versipos-age-verifier .right-input {
    width: 80%;
    margin: 0 0 5px 0px;
    padding-left: 10px;
    float: left;
}

form#menu-item select#versipos-single-pricing-type,
form#menu-item select#versipos-card-pricing-type {
    width: 120px;
}

form#menu-item select#versipos-order-limit {
    width: 160px;
}

form#menu-item select#versipos-cash-drawer {
    width: 130px;
}

form#menu-item select#posadmin-menu-item-versipos-timer-per {
    width: 100px;
}

form#menu-item select#posadmin-menu-item-versipos-age-restriction {
    width: 300px;
}

form#menu-item select#posadmin-menu-item-versipos-age-verifier-item {
    width: 250px;
}

table#posadmin-menu-items-table td.posadmin-menu-item-table-row-eighty-six {
    padding-top: 4px;
}

div.eight-six-checkbox-wrapper {
    padding: 5px 0 0 10px;
    text-align: left;
}

div#posadmin-menu-item-versipos-eight-six-countdown-wrapper div.left {
    float: left;
    width: 40%;
    min-width: 230px;
    padding: 0 20px 0 0;
}

div#posadmin-menu-item-versipos-eight-six-countdown-wrapper div.right {
    float: left;
    width: 60%;
    padding: 0;
    min-width: 325px;
}

div#posadmin-menu-item-versipos-eighty-six-item {
    padding: 15px 0 15px 0;
    min-width: 230px;
}

div#posadmin-menu-item-versipos-countdown-item {
    padding: 15px 0 15px 0;
    min-width: 325px;
}

div#posadmin-menu-item-versipos-eight-six-countdown-wrapper div#posadmin-menu-item-versipos-eighty-six-item .left,
div#posadmin-menu-item-versipos-eight-six-countdown-wrapper div#posadmin-menu-item-versipos-eighty-six-item .right {
    width: 50%;
    float: left;
    padding-right: 0;
    height: 60px;
    min-width: 110px;
}

input#versipos-eight-six-until-date,
input#versipos-countdown-until-date,
form#menu-item input.datepicker-custom-ind-price-special {
    float: none;
    width: 105px;
}

#versipos-eight-six-at-zero-label {
    margin-bottom: 30px;
}

input.timepicker-custom-ind-price-special {
    float: none;
    width: 70px !important;
}

span.item-status-available {
    line-height: 60px;
    font-size: 20px !important;
    color: #49C1B9;
}

span.item-status-not-available {
    line-height: 60px;
    font-size: 20px !important;
    color: #C1497D;
}

div#posadmin-menu-item-versipos-countdown-item .countdown-left {
    width: 20%;
    clear: none;
    height: 60px;
    float: left;
    padding-left: 15px;
}

div#posadmin-menu-item-versipos-countdown-item .countdown-middle {
    width: 50%;
    clear: none;
    height: 60px;
    float: left;
}

div#posadmin-menu-item-versipos-countdown-item .countdown-right {
    width: 30%;
    clear: none;
    height: 60px;
    float: left;
}

div.single-bottom-datepicker-wrapper {
    position: relative;
}

input.single-bottom-input {
    border: none !important;
    border-bottom: 1.5px solid #C5C5C5 !important;
    background-color: transparent;
}

.datepicker-with-arrow {
    width: 105px !important;
    margin-bottom: 0 !important;
}

input.datepicker + label.datepicker-arrow {
    border-color: #6588C0 transparent transparent transparent;
    border-style: solid;
    border-width: 12px 8px 0 8px;
    height: 0;
    right: 50%;
    top: 50%;
    margin-right: -50px;
    margin-top: -3px;
    position: absolute;
    width: 0;
    cursor: pointer;
}

input.datepicker:disabled + label.datepicker-arrow {
    border-color: #707070 transparent transparent transparent;
    cursor: default;
}

div.ui-datepicker div.ui-datepicker-buttonpane button.datepicker-custom-font-small {
    font-size: 12px;
}

input#versipos-countdown-quantity {
    font-size: 20px !important;
    color: #49C1B9;
}

input#versipos-countdown-quantity:disabled {
    font-size: 20px !important;
    color: #707070;
}

div.versipos-countdown-date-input-wrapper {
    margin-top: 12px;
}

ul#posadmin-menu-item-recipe-modal-list {
    float: left;
    clear: both;
    width: 100%;
    height: 300px;
    overflow-y: scroll;
    background-color: #FFF;
    border: 1px solid #C5C5C5;
}

ul#posadmin-menu-item-recipe-modal-list li {
    width: 100%;
    clear: both;
}

div.ingredient-name {
    float: left;
    padding-left: 5px;
}

div#posadmin-menu-item-recipe-modal-body-list-wrapper {
    margin-bottom: 15px;
}

ul#posadmin-menu-item-recipe-modal-list li.selected {
    background-color: #0E1F44;
    color: #FFF;
}

input#posadmin-menu-item-recipe-modal-body-quantity {
    width: 50px;
}

table#posadmin-menu-item-versipos-recipe-table tbody tr.selected {
    background-color: #0E1F44;
    color: #FFF;
}

ul#posadmin-menu-item-versipos-pizza-radio-list {
    max-width: 600px;
}

div.posadmin-menu-item-versipos-price-input-wrapper input {
    width: 100px;
}

div.posadmin-object-info-wrapper span {
    float: right;
    clear: both;
}

div.ind-price-special-amount input.input-dollar,
div.ind-price-special-amount input.input-percent {
    width: 70px;
}

div.ips-section-wrapper {
    margin: 5px;
    float: left;
}

div.ind-price-special-enabled {
    padding-top: 3px;
    float: left;
}

div.ips-delete-section,
div.ips-add-section {
    width: 12px;
    height: 12px;
    float: left;
}

div.ips-add-section {
    margin: 5px 5px 5px 0;
}

div.ips-delete-section {
    margin: 5px 0 5px 5px;
}

div.ips-delete-section i.fa-minus-circle {
    color: #49C1B9;
    padding-top: 7px;
}

div.ips-add-section i.fa-plus-circle {
    color: #6588C0;
    padding-top: 7px;
}

form#menu-item input[type="checkbox"].tf-weekday + label {
    margin-right: 5px;
}

ul#posadmin-menu-item-versipos-ips-list {
    min-height: 35px;
}

ul#price-special-tf-options,
ul#price-special-options {
    height: 135px;
}

div.price-specials-list-wrapper {
    margin-bottom: 15px;
}

.ps-desc-checkbox {
    float: left;
    width: 33%;
    text-align: center;
}

.ps-desc-checkbox > label.custom-checkbox {
    display: inline;
    margin: 0;
}

div.price-specials-list-wrapper div.left,
div.price-specials-list-wrapper div.right,
div.posadmin-price-specials-fields-row div.left,
div.posadmin-price-specials-fields-row div.right {
    width: 50%;
}

div.price-specials-list-wrapper div.left {
    padding-right: 25px;
}

.posadmin-menu-screen-table-section-wrapper {
    width: 23%;
    float: left;
}

.posadmin-menu-screens-edit-wrapper {
    float: right;
    width: 75%;
}

.posadmin-menu-screen-table-type-icon {
    position: relative;
    top: 1px;
    width: 16px;
    height: 16px;
    background-color: #C5C5C5;
    color: #FFFFFF;
    text-align: center;
    line-height: 16px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    font-size: 11.5px;
    font-weight: 600;
    margin: auto;
}

.posadmin-canvas {
    border: 1px solid rgb(204, 204, 204);
    position: absolute;
    left: 0px;
    top: 0px;
    touch-action: none;
    -webkit-user-select: none;
    cursor: default;
}

.posadmin-menu-screen-canvas-section-container {
    display: flex;
    justify-content: flex-start;
    flex-wrap: nowrap;
    column-gap: 10px;
}

.posadmin-menu-screen-canvas-wrapper {
    flex: 0 1 auto;
}

.posadmin-menu-screen-side-bar-wrapper {
    flex: 0 1 180px;
    max-width: 180px;
    min-width: 180px;
}

.posadmin-menu-screen-edit-section .left_col {
    width: 450px;
    clear: none;
    float: left;
}

.posadmin-menu-screen-edit-section .right_col {
    clear: none;
    padding: 0 0 0 15px;
    float: left;
    width: 180px;
}

.ms-add-new-grid {
    margin-right: 15px;
}

.menu-screen-icon-bar {
    margin-right: 5px;
    margin-bottom: 10px;
}

fieldset.posadmin-menu-screen-fieldset {
    display: block;
    margin-left: 2px;
    margin-right: 2px;
    padding: 0 2px;
    border: 1px solid #C5C5C5;
    border-radius: 6px;
}

fieldset.posadmin-menu-screen-fieldset legend {
    font-size: 10px;
    text-align: center;
    color: #49C1B9;
    width: auto;
    padding: 0 10px;
    text-decoration: underline;
    margin-bottom: 5px;
}

.posadmin-menu-screen-hints fieldset.posadmin-menu-screen-fieldset {
    margin-right: 10px;
}

p.fieldset-hints {
    margin: 0 5px 5px 5px;
}

div.posadmin-menu-screen-edit-side-bar-alignment a.add-new-small.ms-alignment-button {
    clear: both;
}

a.ms-alignment-button {
    float: left;
}

div.ms-color-wrapper {
    float: left;
    padding: 1px;
    margin-bottom: 5px;
    border: 1px solid #FFFFFF;
}

div.ms-color-wrapper.selected {
    border: 1px solid #E53F91;
}

div.ms-color {
    float: left;
    height: 16px;
    width: 16px;
    border: 1px solid #C5C5C5;
}

div.ms-color-wrapper[data-color-id='0'] > div.ms-color {
    background-color: rgb(10,22,51);
}

div.ms-color-wrapper[data-color-id='1'] > div.ms-color {
    background-color: rgb(0,0,0);
}

div.ms-color-wrapper[data-color-id='2'] > div.ms-color {
    background-color: rgb(135,149,152);
}

div.ms-color-wrapper[data-color-id='3'] > div.ms-color {
    background-color: rgb(200,206,208);
}

div.ms-color-wrapper[data-color-id='4'] > div.ms-color {
    background-color: rgb(72,192,185);
}

div.ms-color-wrapper[data-color-id='5'] > div.ms-color {
    background-color: rgb(248,155,56);
}

div.ms-color-wrapper[data-color-id='6'] > div.ms-color {
    background-color: rgb(78,122,189);
}

div.ms-color-wrapper[data-color-id='7'] > div.ms-color {
    background-color: rgb(35,122,91);
}

div.ms-color-wrapper[data-color-id='8'] > div.ms-color {
    background-color: rgb(232,58,147);
}

div.ms-color-wrapper[data-color-id='9'] > div.ms-color {
    background-color: rgb(255,216,67);
}

div.ms-color-wrapper[data-color-id='10'] > div.ms-color {
    background-color: rgb(66,193,242);
}

div.ms-color-wrapper[data-color-id='11'] > div.ms-color {
    background-color: rgb(56,149,248);
}

div.ms-color-wrapper[data-color-id='12'] > div.ms-color {
    background-color: rgb(94,187,71);
}

div.ms-color-wrapper[data-color-id='13'] > div.ms-color {
    background-color: rgb(239,54,85);
}

div.ms-color-wrapper[data-color-id='14'] > div.ms-color {
    background-color: rgb(110,82,162);
}

div.ms-color-wrapper[data-color-id='15'] > div.ms-color {
    background-color: rgb(255,255,255);
}

form#menu-screen-edit select#menu-screen-type + span.select2.select2-container.select2-container--posadmin,
form#menu-screen-edit input#menu-screen-description{
    max-width: 250px;
}

div.posadmin-menu-screen-edit-section-properties-header,
div.posadmin-menu-screen-properties-options-lists {
    margin-bottom: 15px;
}

div.posadmin-menu-screen-properties-options-lists ul {
    height: 160px;
}
div.posadmin-menu-screen-properties-options-lists div.three-col-left,
div.posadmin-menu-screen-properties-options-lists div.three-col-middle,
div.posadmin-menu-screen-properties-options-lists div.three-col-right,
div.posadmin-menu-screen-edit-section-properties-options {
    padding: 0 10px 0 5px;
}

div.posadmin-menu-screen-toppings-top-wrapper div.left,
div.posadmin-menu-screen-toppings-top-wrapper div.right {
    min-width: 180px;
    max-width: 400px;
}

ul#posadmin-menu-screen-toppings-splits,
ul#posadmin-menu-screen-toppings-split-options,
ul#posadmin-menu-screen-toppings-options {
    min-width: unset;
    max-width: unset;
    width: 100%;
}

div.posadmin-menu-screen-topping-rules-wrapper {
    border: 1px solid #C5C5C5;
    padding: 7px;
    float: left;
    clear: both;
    width: auto;
    max-width: 550px;
}

ul.toppings-rule-topping-charge-list li {
    width: 100%;
    margin-bottom: 10px;
    padding-left: 10px;
}

div.posadmin-menu-screen-topping-rules-two-col div.left {
    border-right: 1px solid #C5C5C5;
    max-width: 220px;
}

#posadmin-menu-screen-item-link-modal-table tbody {
    height: -webkit-calc(var(--vh, 1vh) * 100 - 320px);
    height: -moz-calc(var(--vh, 1vh) * 100 - 320px);
    height: calc(100vh - 320px);
    height: calc(var(--vh, 1vh) * 100 - 320px);
}

.posadmin-menu-screen-item-link-modal-table-row-type {
    width: 60%;
    border-bottom: none !important;
}

.posadmin-menu-screen-item-link-modal-table-row-department {
    width: 30%;
    border-bottom: none !important;
}

.posadmin-menu-screen-item-link-modal-table-row-price {
    width: 10%;
    border-bottom: none !important;
}


.posadmin-menu-screen-item-link-modal-table-row-screen-name {
    width: 90%;
    border-bottom: none !important;
}


.posadmin-menu-screen-item-link-modal-search-input-wrapper {
    position: relative;
}

.posadmin-menu-screen-item-link-modal-search-input-wrapper i {
    position: absolute;
    margin: 0;
    display: initial;
    line-height: 28px;
    right: 5px;
    color: #6588C0;
    font-size: 16px;
}

div#posadmin-menu-screen-item-link-modal-search-wrapper {
    float: left;
    clear: none;
    width: 270px;
}

div#posadmin-menu-screen-item-link-modal-department-wrapper {
    float: left;
    clear: none;
    width: 185px;
    margin-right: 30px;
}

input#posadmin-menu-screen-item-link-modal-search {
    width: 100%;
    height: 24px;
    color: #707070;
}

.posadmin-menu-screen-table-row-name {
    width: 70%;
}

.posadmin-menu-screen-table-row-type {
    width: 20%;
}

div#posadmin-menu-screen-item-link-modal-header-wrapper label {
    margin: 0 0 5px 0;
}

table#posadmin-menu-screen-item-link-modal-table tbody tr.selected {
    background-color: #0E1F44;
    color: #FFF;
}

div.posadmin-menu-screen-fieldset-alignment-align-center-wrapper,
div.posadmin-menu-screen-fieldset-alignment-align-vertical-edges-wrapper,
div.posadmin-menu-screen-fieldset-alignment-align-horizontal-edges-wrapper,
div.posadmin-menu-screen-fieldset-alignment-align-evenly-wrapper,
div.posadmin-menu-screen-fieldset-alignment-same-size-wrapper,
div.posadmin-menu-screen-fieldset-alignment-align-extras-wrapper
{
    float: left;
    clear: none;
}

div.posadmin-menu-screen-fieldset-alignment-align-vertical-edges-wrapper,
div.posadmin-menu-screen-fieldset-alignment-align-horizontal-edges-wrapper
{
    margin: 0 12px 0 12px;
}

div.posadmin-menu-screen-fieldset-alignment-same-size-wrapper,
div.posadmin-menu-screen-fieldset-alignment-align-evenly-wrapper {
    margin: 0 11px 0 11px;
}

div.posadmin-menu-screen-fieldset-alignment-align-screen-wrapper {
    width: 34px;
    margin: 0 auto;
}

a.ms-alignment-grid {
    margin-left: 4px;
}

a.ms-add-new-grid > div.add-grid-no-outline {
    float: right;
    position: relative;
    top: 1px;
}

a.ms-place-grid {
    box-shadow: 0 3px 8px #6588C0;
}

a.ms-link-item > div.link-button-white,
a.ms-unlink-item > div.link-button-white {
    float: right;
    position: relative;
    top: 6px;
}

input.posadmin-menu-screen-sliders-height-text,
input.posadmin-menu-screen-sliders-width-text {
    width: 50px !important;
    margin: 0px 25px 8px 25px !important;
    font-size: 10px !important;
    padding: 0 !important;
}

div.posadmin-menu-screen-slider-wrapper i.fas {
    color: #49C1B9;
    position: relative;
}

i.posadmin-menu-screen-slider-button {
    font-size: 9px;
    top: -4px;
}

div.posadmin-menu-screen-slider-wrapper i.fas.disabled {
    color: #C5C5C5;
}

input.posadmin-menu-screen-sliders-hori-margin,
input.posadmin-menu-screen-sliders-vert-margin {
    width: 100px !important;
    margin: 0 0 5px 0 !important;
}

div.posadmin-menu-screen-edit-side-bar-sliders label {
    font-size: 8px;
    margin-bottom: 3px;
}

.bottom-legend-margin {
    margin-bottom: 5px;
}

ul.drop-down-list {
    float: left;
    position: relative;
}

ul.drop-down-list ol {
    position: absolute;
    z-index: 98;
    width: 100%;
    box-shadow: 0 2px 10px #CCC;
    -webkit-box-shadow: 0 2px 10px #CCC;
    -moz-box-shadow: 0 2px 10px #CCC;
    -o-box-shadow: 0 2px 10px #CCC;
    background-color: #FFF;
    border: none;
    display: none;
}

ul.drop-down-list ol li {
    height: auto;
    border: none;
    color: #707070;
    padding: 2px 5px;
    margin: 0;
    background-color: #FFF;
    width: 100% !important;
}

ul.drop-down-list ol li:hover {
    color: #6588C0;
}

ul.drop-down-list ol.menu-screen-link {
    left: 15px;
    top: 25px;
}

.canvas-container-preview {
    margin: auto;
}

.versi-mini-logo-label {
    float: left;
    width: 60px;
}

.add-new-small > .custom-icon {
    float: right;
    position: relative;
}

.add-new-small > .custom-icon.link-button-blue {
    top: 5px;
}

.add-new-small > .custom-icon.add-grid {
    top: 2px;
}

.posadmin-menu-screen-table-wrapper {
    margin-top: 15px;
}

a.add-new-small.blue-list-icon-wrapper {
    background-color: #6588C0;
    color: #FFF;
    padding: 2px 2px 0 2px;
}

a.add-new-small.teal-list-icon-wrapper {
    background-color: #49C1B9;
    color: #FFF;
    padding: 2px 2px 0 2px;
}

.posadmin-pre-modifier-input-field-wrapper {
    width: 70%;
}

.posadmin-pre-modifier-amount-type-wrapper {
    width: 30%;
    text-align: center;
    padding: 5px 0 0 15px;
}

#posadmin-delete-pre-modifier,
#posadmin-delete-ingredient {
    width: 130px;
    margin-bottom: 10px;
}

label.ingredient-input-label {
    width: 100px !important;
    text-align: right;
}

.ingredient-input-wrapper {
    padding-right: 35px;
    margin-bottom: 15px;
}

form#ingredient #ingredient-name {
    margin-bottom: 0;
}

ul.posadmin-mass-edit-choices li.mass-edit-type-choice {
    width: 100%;
    margin-bottom: 20px;
}

ul.posadmin-mass-edit-selected {
    height: 215px;
}

.posadmin-opacity-element {
    opacity: 50%;
}

.posadmin-opacity-element.opacity-show {
    opacity: 100%;
}

form#menu-item-mass-edit input[type=number] {
    margin: 0;
}

th.posadmin-menu-item-table-row-mass-edit {
    vertical-align: text-top;
}

input.save-error.input-error,
select.select2-hidden-accessible.save-error.input-error + span.select2 > span.selection > span.select2-selection,
textarea.save-error.input-error {
    border: 1px solid rgb(239,54,85) !important;
}

.posadmin-service-charge-table-row-name,
.posadmin-discounts-table-row-name {
    width: 60%;
}

.posadmin-discounts-table-row-type,
.posadmin-service-charge-table-row-type {
    width: 35%;
}

.posadmin-object-view-filter-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    column-gap: 5px;
}

.object-view-filter-checkbox {
    flex: 1 1 auto;
}

.posadmin-discount-edit-section {
    padding-left: 5px;
}

#posadmin-gratuity-top-section-container {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    column-gap: 15px;
    row-gap: 10px;
}

.posadmin-gratuity-top-section-wrapper {
    flex: 1 1 200px;
    min-width: 200px;
}

#posadmin-discount-customer-description {
    width: 60%;
    max-width: 350px;
}

.posadmin-discount-small-input-wrapper {
    width: 75px;
    margin-right: 15px;
}

.posadmin-discount-checkbox-inline-wrapper,
.posadmin-payments-checkbox-inline-wrapper {
    padding: 4px 10px 0 0;
}

.posadmin-discount-price-inline-wrapper {
    width: 75px;
    margin-right: 15px;
}

#posadmin-gratuity-customer-description {
    margin-bottom: 0;
}

.posadmin-discount-max-price-wrapper {
    width: 125px !important;
    margin-right: 10px;
}

.posadmin-discount-min-amount-inline-wrapper {
    width: 165px;
    margin-right: 20px;
}

.posadmin-discount-amount-type-inline-wrapper {
    width: 60px;
}

.posadmin-discount-amount-type-input-wrapper {
    padding-top: 2px;
}

.posadmin-discount-price-applies-to-wrapper {
    width: 210px;
    margin-right: 15px;
    margin-bottom: 10px;
}

.posadmin-discounts-require-approval-checkbox-wrapper {
    margin-right: 30px;
}

.posadmin-discounts-fields-use-wrapper,
.posadmin-payments-fields-use-wrapper {
    width: 50px;
    text-align: center;
}

.posadmin-discounts-fields-use-checkbox-wrapper,
.posadmin-payments-fields-use-checkbox-wrapper,
.posadmin-payments-fields-indent,
.posadmin-payments-tip-options-indent,
.posadmin-payments-options-indent{
    padding-left: 19px;
}

.posadmin-discounts-fields-name-wrapper {
    width: 190px;
}

.posadmin-discounts-fields-options-wrapper {
    width: 110px;
    text-align: center;
}

.posadmin-discounts-fields-options-checkbox-wrapper {
    padding-left: 45px;
}

#discounts-valid-times-list,
#gratuity-valid-times-list,
#service-charge-taxes-list,
#gratuity-taxes-list {
    height: 235px;
}

#discounts-departments-list,
#gratuity-departments-list {
    height: 215px;
}

.posadmin-discounts-filters-edit-container,
.posadmin-discounts-options-edit-wrapper {
    padding: 10px 0 10px 20px;
}

.posadmin-discounts-filters-edit-container,
.posadmin-gratuity-taxes-edit-container {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    column-gap: 10px;
    row-gap: 10px;

}

.posadmin-discounts-filters-section-wrapper,
.posadmin-gratuity-taxes-edit-wrapper  {
    flex: 1 1 180px;
    min-width: 180px;
}

.posadmin-payment-table-row-name,
.posadmin-tipout-table-row-name,
.posadmin-report-setup-table-row-description {
    width: 95%;
}

.posadmin-payment-dollar-wrapper {
    width: 100%;
}

#posadmin-payment-properties-section {
    padding: 0 30px 0 30px;
}

#posadmin-payment-receipt-section {
    padding-left: 30px;
}

#posadmin-payment-surcharge-section,
#posadmin-payment-cash-discount-section {
    padding-left: 30px;
}

#posadmin-surcharge-deployment-code,
#posadmin-cash-discount-deployment-code {
    width: 200px;
}

#posadmin-payment-surcharge-section label.label-input,
#posadmin-payment-cash-discount-section label.label-input {
    color: #414C63;
    text-align: right;
    height: 25px;
    padding-top: 4px;
    float: left;
    width: 130px;
    padding-right: 5px;
}

.posadmin-payment-percent-wrapper {
    width: 65px;
}

.posadmin-payment-properties-section-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    column-gap: 30px;
}

.posadmin-payment-properties-section1-wrapper,
.posadmin-payment-receipt-section-wrapper {
    flex: 1 1 225px;
    min-width: 225px;
    max-width: 400px;
}

.posadmin-payment-properties-section2-wrapper {
    flex: 1 1 200px;
    min-width: 200px;
    max-width: 400px;
}

.posadmin-payment-options-section-wrapper {
    flex: 1 1 275px;
    min-width: 275px;
    max-width: 450px;
}

#posadmin-payment-fields-section-fields-wrapper {
    overflow-x: auto;
}

.posadmin-payment-fields-section-fields-row {
    min-width: 650px;
}

.posadmin-payment-dollar-wrapper input.input-dollar,
.posadmin-payment-percent-wrapper input.input-percent {
    margin-bottom: 3px;
}

.posadmin-special-program-wrapper {
    width: 50%;
}

#posadmin-gratuity-options-list,
#posadmin-over-payment-options-list,
#posadmin-on-sale-options-list {
    width: 100%;
}

.posadmin-payment-header-footer-wrapper input.posadmin-payment-header-footer {
    margin-bottom: 3px;
}

#posadmin-payment-tip-suggestion-list-wrapper {
    height: 123px;
    width: 100%;
}

#posadmin-payment-tip-suggestion-options-list {
    height: 108px;
}

#posadmin-payment-receipt-options-list {
    max-height: 506px;
}

.posadmin-payments-fields-name-wrapper {
    width: 120px;
    margin-right: 10px;
}

.posadmin-payments-fields-options-wrapper {
    width: 70px;
    text-align: center;
}

.posadmin-payments-fields-options-checkbox-wrapper {
    padding-left: 29px;
}

label.posadmin-payment-field-label,
label.no-bottom-margin {
    margin-bottom: 0;
}

.posadmin-payments-fields-type-wrapper {
    width: 150px;
    margin-right: 15px;
}

.posadmin-custom-checkbox-label-indent {
    padding-left: 20px;
}

.posadmin-dropdown-option-list-header {
    position: relative;
    top: -5px;
}

.posadmin-payment-table-wrapper {
    border: 1px solid #C5C5C5;
    height: 225px;
}

#posadmin-payment-accepted-cards-table tbody,
#posadmin-payment-tip-options-table tbody {
    margin: 1px 0 4px 0px;
    padding-left: 4px;
}

.posadmin-payment-add-button {
    clear: both;
    margin-bottom: 10px;
}

#posadmin-payment-fields-accepted-cards-wrapper .left,
#posadmin-payment-tip-options-wrapper .left {
    width: 60%;
    padding-right: 25px;
}

#posadmin-payment-fields-accepted-cards-wrapper .right,
#posadmin-payment-tip-options-wrapper .right {
    width: 40%;
}

.posadmin-payment-accepted-cards-table-checkbox-row,
.posadmin-payment-tip-options-table-checkbox-row {
    width: 100%;
    padding-left: 10px;
}

#posadmin-payment-accepted-cards-table tr.posadmin-table-row:first-child,
#posadmin-payment-tip-options-table tr.posadmin-table-row:first-child {
    margin-top: 5px;
}

#posadmin-payment-accepted-cards-table tbody tr.selected,
#posadmin-payment-tip-options-table tbody tr.selected {
    background-color: #0E1F44;
}

#posadmin-payment-accepted-cards-table tbody tr.selected span,
#posadmin-payment-tip-options-table tbody tr.selected span {
    color: #FFF;
}

.posadmin-payment-card-type-modal-label {
    width: 75px;
}

.modal-payment-digits-input {
    width: 50px;
}

.modal-payment-prefix-input {
    width: 125px;
}

.modal-payment-name-input {
    width: 150px;
}

.posadmin-payments-mod10-wrapper {
    margin-top: 10px;
    padding-left: 80px;
}

label.inline.posadmin-custom-checkbox-label-indent {
    margin-bottom: 0;
}

#posadmin-payment-accepted-cards-table td.td-no-padding {
    padding: 0;
}

label.posadmin-payment-tip-option-modal-label {
    float: left;
    clear: both;
    width: 100%;
    font-size: 12px;
    color: #414C63;
    margin-bottom: 3px;
}

input.modal-payment-tip-option-text-input {
    width: 100%;
    margin-bottom: 5px;
}

#posadmin-payment-options-list {
    height: 415px;
}

#posadmin-payment-speed-button-list {
    height: 185px;
}

#posadmin-payment-numeric-splits {
    margin-left: 2px;
}

#posadmin-payment-split-radio-options li.payment-split-list-item {
    width: 100%;
}

.posadmin-payment-splits-indent {
    padding-left: 25px;
}

.posadmin-radio {
    color: #707070;
}

#posadmin-payment-other-section-body-wrapper {
    margin-top: 20px;
    padding-left: 75px;
}

.posadmin-payment-cashier-container {
    display: flex;
    justify-content: flex-start;
    column-gap: 10px;
    row-gap: 10px;
    flex-wrap: wrap;
}

.posadmin-payment-cashier-color-wrapper {
    flex: 1 1 145px;
    min-width: 145px;
}

.posadmin-payment-cashier-position-wrapper {
    flex: 1 1 105px;
    min-width: 105px;
}

.posadmin-payment-color-wrapper {
    width: 146px;
}

p.posadmin-list-table-header {
    color: #414C63;
    margin-bottom: 2px;
}

.posadmin-tipout-input-wrapper {
    width: 60%;
    float: none;
    margin: auto;
    clear: both;
    min-width: 100px;
}

form.posadmin-form div.input-percent.posadmin-tipout-input-wrapper i {
    right: 3px;
}

.posadmin-tipout-filter-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(135px, 1fr));
    grid-auto-rows: auto;
    grid-gap: 15px;
    padding-right: 10px;
}

#posadmin-tipouts-jobs-pay-tips,
#posadmin-tipouts-jobs-receive-tips {
    height: 320px;
}

#posadmin-tipouts-departments {
    height: 290px;
}

.posadmin-setup-section-header {
    font-family: "Halis GR Bold", "Halis GR Regular", "Open Sans", "Roboto", Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #707070;
    margin-bottom: 8px;
}

.posadmin-delivery-setup-section-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    column-gap: 30px;
}

.posadmin-delivery-setup-section-wrapper {
    flex: 1 1 275px;
    min-width: 275px;
    max-width: 500px;
}

form#delivery-setup .two-col-section div.left,
form#delivery-setup .two-col-section div.right {
    width: 50%;
    padding: 0 15px 0 0;
}

#delivery-setup-stations-list {
    height: 350px;
}

.posadmin-report-setup-filter-list {
    height: 150px;
}

.posadmin-report-setup-filter-list-radio-header {
    height: 130px;
}

.posadmin-report-setup-filter-lists-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    grid-auto-rows: auto;
    grid-gap: 10px;
}

.posadmin-report-period-filter-lists-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    grid-auto-rows: auto;
    grid-column-gap: 10px;
}

ul.posadmin-radio-options-list li {
    clear: both;
    margin-bottom: 8px;
}

form#report-preset .posadmin-collapsible-table-wrapper {
    background-color: #FFFFFF;
}

ul#preset-reports-items-list,
ul#cash-count-items-list {
    height: 161px;
}

.posadmin-report-setup-options-filter-list {
    height: 180px;
}

.report-setup-filter-label-wrapper {
    height: 21px;
}

.preset-report-object-list-description {
    width: 80%;
    float: left;
    padding-left: 5px;
}

.preset-report-object-list-draggable {
    cursor: move;
}

.preset-report-object-list-description-icon {
    float: left;
    width: 8%;
    max-width: 12px;
}

.preset-report-object-list-description-icon i.fa-bars {
    color: #6588C0;
}

.preset-report-object-list-remove {
    float: right;
    width: 8%;
}

.posadmin-preset-report-add-object-modal-table-row-description {
    width: 80%;
}

.posadmin-preset-report-add-object-modal-table-row-type {
    width: 10%;
}

.posadmin-preset-report-add-object-modal-search-input-wrapper {
    position: relative;
}

.posadmin-preset-report-add-object-modal-search-input {
    width: 100%;
}

.posadmin-preset-report-add-object-modal-search-input-wrapper i.fa-search {
    position: absolute;
    margin: 0;
    display: initial;
    line-height: 24px;
    right: 5px;
    color: #6588C0;
    font-size: 16px;
}

.posadmin-preset-report-add-object-modal-table tbody {
    height: -webkit-calc(var(--vh, 1vh) * 100 - 250px) !important;
    height: -moz-calc(var(--vh, 1vh) * 100 - 250px) !important;
    height: calc(100vh - 250px) !important;
    height: calc(var(--vh, 1vh) * 100 - 250px) !important;
}

.posadmin-preset-report-add-object-modal-table tbody tr.posadmin-table-row {
    height: 17px;
}

td.posadmin-preset-report-add-object-modal-table-row-description,
td.posadmin-preset-report-add-object-modal-table-row-type {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}

.posadmin-group-report-add-report-preset-modal-table-row-description {
    width: 100%;
}

#posadmin-cash-count-time-periods {
    height: 295px;
}

.posadmin-group-report-option-wrapper {
    margin-top: 20px;
}

.posadmin-report-setup-properties-section-container {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    column-gap: 10px;
    row-gap: 10px;
}

.posadmin-report-setup-properties-wrapper {
    flex: 1 1 125px;
    min-width: 125px;
}

.posadmin-reports-options-container {
    display: flex;
    justify-content: flex-start;
    column-gap: 10px;
    flex-wrap: wrap;
}

.posadmin-reports-options-wrapper {
    flex: 1 1 130px;
    min-width: 130px;
}

#report-period-name-wrapper {
    width: 33%;
    padding-right: 15px;
}

#group-report-name-wrapper {
    width: 50%;
    min-width: 125px;
}

#preset-report-name,
#cash-count-name-wrapper {
    margin-bottom: 0 !important;
}

#report-period-position-wrapper {
    width: 80px;
    margin-right: 20px;
}

#posadmin-report-period-days-list {
    width: 100%;
    min-width: unset;
    max-width: unset;
    margin-bottom: 0;
}

.posadmin-system-setup-reports-container {
    display: flex;
    justify-content: flex-start;
    column-gap: 10px;
    row-gap: 10px;
    flex-wrap: wrap;
    padding-left: 20px;
}

.posadmin-system-setup-reports-wrapper {
    flex: 1 1 350px;
    min-width: 350px;
    max-width: 550px;
}

.posadmin-report-period-date-wrapper {
    min-width: 240px;
}

#report-period-start-wrapper,
#report-period-end-wrapper {
    width: 100px;
}

#report-period-start-wrapper {
    margin-right: 20px;
}

#posadmin-report-period-context-menu-wrapper {
    margin-top: 5px;
    float: right;
}

menu #left-side-menu-wrapper {
    overflow-y: auto;
}

#left-side-menu-up-scroll-wrapper,
#left-side-menu-down-scroll-wrapper {
    opacity: 0;
    background-color: #707070;
    color: #C5C5C5;
    width: 220px;
    height: 25px;
    font-size: 18px;
}

#left-side-menu-up-scroll-wrapper.show,
#left-side-menu-down-scroll-wrapper.show {
    opacity: 60%;
}

#left-side-menu-up-scroll-wrapper.show:hover,
#left-side-menu-down-scroll-wrapper.show:hover {
    opacity: 100%;
}

#left-side-menu-up-scroll-wrapper {
    margin-bottom: 5px;
}

#left-side-menu-down-scroll-wrapper {
    margin-top: 5px;
}

.posadmin-form .ui-timepicker-container {
    z-index: 1051 !important;
    top: 25px !important;
    left: unset !important;
}

.posadmin-form #ui-datepicker-div {
    position: absolute !important;
    top: 25px !important;
    left: unset !important;
}

.ips-timepicker-wrapper {
    float: left;
    position: relative;
}

.posadmin-left-range-wrapper,
.posadmin-right-range-wrapper {
    float: left;
    width: 20%;
    text-align: center;
}

.posadmin-middle-range-wrapper {
    float: left;
    width: 60%;
    padding: 0 7px 0 7px;
}

#posadmin-gratuity-range {
    width: 100%;
    accent-color: #6588C0;
}

.posadmin-range-total {
    font-size: 20px;
    color: #49C1B9;
}

.no-bottom-margin {
    margin-bottom: 0 !important;
}

.no-right-margin {
    margin-right: 0 !important;
}

form#employee #manager-card {
    margin-bottom: 2px !important;
}

.posadmin-employee-cloud-access-permission-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    grid-auto-rows: auto;
    grid-gap: 10px;
}

.posadmin-cloud-employee-permission-list {
    height: 200px !important;
}

.cloud-permission-description {
    width: 50%;
}

.cloud-permission-view,
.cloud-permission-edit {
    width: 25%;
}

.cloud-permission-table-header-label {
    font-size: 15px;
    color: #414C63;
}

#system-options-properties {
    height: 415px;
}


.posadmin-timecard-employee-table-row-last,
.posadmin-timecard-employee-table-row-first {
    width: 50%;
}

.posadmin-sortable-header {
    /*
    font-family: "Halis GR Bold", "Halis GR Regular", "Open Sans", "Roboto", Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px; */
    white-space: normal;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.posadmin-sortable-header::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    padding-left: 3px;
    font-size: 12px;
    content: " \f0dc";
    color: #C5C5C5;
    align-self: center;
}

.posadmin-sortable-header[data-sort="desc"]::after {
    content: " \f0dd";
    color: #6588C0;
}

.posadmin-sortable-header[data-sort="asc"]::after {
    content: " \f0de";
    color: #6588C0;
}

.posadmin-sortable-table-search-wrapper {
    margin-bottom: 25px;
    position: relative;
    margin-top: 10px;
}

.posadmin-sortable-table-search-wrapper i {
    position: absolute;
    margin: 0;
    display: initial;
    line-height: 20px;
    right: 0;
    color: #6588C0;
}

.flex-centered {
    justify-content: center;
}

.posadmin-sortable-table-search {
    width: 100%;
}

#posadmin-timecard-employee-table tbody {
    border: .5px solid #707070;
}

#posadmin-timecard-employee-table tr.selected {
    background-color: #49C1B9;
    color: #FFF;
}

#posadmin-timecards-table tr.even,
#posadmin-payroll-table .posadmin-table-row-even,
#posadmin-timecard-quick-report-table tr.even,
#posadmin-payment-summary-by-closeout-table .posadmin-table-row-even,
#posadmin-department-sales-by-closeout-table .posadmin-table-row-even,
#posadmin-heading-sales-by-closeout-table .posadmin-table-row-even {
    background-color: #EEF5FF !important;
}

#posadmin-payment-summary-by-closeout-table tr.odd:not(.posadmin-table-row-even),
#posadmin-department-sales-by-closeout-table tr.odd:not(.posadmin-table-row-even),
#posadmin-heading-sales-by-closeout-table tr.odd:not(.posadmin-table-row-even) {
    background-color: #fff !important;
}

#posadmin-timecard-quick-report-table td,
.posadmin-timecard-quick-report-footer {
    font-size: 14px !important;
    padding: 5.5px 5px !important;
}

.posadmin-timecard-edit,
.posadmin-timecard-notes.timecard-notes-available {
    color: #49C1B9;
}

.posadmin-timecard-edit.disabled,
.posadmin-timecard-notes {
    color: #C5C5C5;
}

tr.posadmin-object-list-table-row-header th {
    font-family: "Halis GR Bold", "Halis GR Regular", "Open Sans", "Roboto", Arial, Helvetica, sans-serif;
    font-size: 12px;
}

tr.posadmin-object-list-table-row-footer td {
    padding: 6px 2px !important;
}

.time-card-header-section {
    float: left;
    width: auto;
    margin-right: 30px;
}

.timecard-header-label {
    color: #49C1B9;
    font-family: "Halis GR Bold", "Halis GR Regular", "Open Sans", "Roboto", Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.timecard-header-text {
    color: #707070;
    font-size: 12px;
}

.posadmin-timecard-footer-totals-label {
    color: #707070;
    font-family: "Halis GR Bold", "Halis GR Regular", "Open Sans", "Roboto", Arial, Helvetica, sans-serif;
    font-size: 16px;
}

.posadmin-timecard-footer-bold,
.posadmin-payroll-footer-bold {
    color: #707070;
    font-family: "Halis GR Bold", "Halis GR Regular", "Open Sans", "Roboto", Arial, Helvetica, sans-serif;
    font-size: 12px;
}

#time-card-header-info-section {
    margin-top: 9px;
}

.right-border-footer {
    border-right: 1px solid #C5C5C5;
}

.timecard-entry-modified {
    color: #49C1B9;
    font-family: "Halis GR Bold", "Halis GR Regular", "Open Sans", "Roboto", Arial, Helvetica, sans-serif;
    font-size: 11px;
}

.timecard-entry-modified::after {
    content: '*';
}

.timecard-entry-over-eight,
.timecard-entry-overtime {
    background-color: #FFDA9A;
}

.timecard-entry-over-twelve {
    background-color: #BCF8AD;
}

.timecard-entry-over-twenty-four,
.timecard-entry-intersect {
    background-color: #FFBBBB;
}

.timecard-voided {
    text-decoration: line-through;
}

.timecard-comment {
    font-size: 11px;
    color: #707070;
    white-space: pre-line;
}

.timecard-entry-edit-section-header {
    color: #707070;
    font-family: "Halis GR Bold", "Halis GR Regular", "Open Sans", "Roboto", Arial, Helvetica, sans-serif;
    font-size: 16px;
}

#timecard-entry-shift-paid-section-header {
    font-size: 21px;
}

.timecard-input-section-wrapper {
    margin-right: 25px;
    float: left;
}

.timecard-checkbox-wrapper {
    width: 50px;
}

.timecard-timeclock-options-section-wrapper {
    float: left;
    margin-right: 10px;
}

#timecard-entry-reg-rate,
#timecard-entry-ot-rate {
    width: 75px;
    margin-right: 0;
}

#timecard-timeclock-job-wrapper {
    width: 125px;
}

.posadmin-sync-button-wrapper {
    color: #49C1B9;
    height: 25px;
    width: 25px;
    border: 1px solid #49C1B9;
    border-radius: 5px;
    font-size: 19px;
}

.posadmin-sync-button-wrapper i.fa-sync-alt {
    position: relative;
    left: 2px;
    top: -2px;
}

#timecard-timeclock-shift-type-wrapper {
    width: 140px;
}

#timecard-entry-edit-modal-container {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    column-gap: 15px;
    row-gap: 10px;
}

#timecard-entry-edit-modal-left-wrapper {
    flex: 1 1 500px;
    min-width: 500px;
}

#timecard-entry-edit-modal-right-wrapper {
    flex: 1 1 400px;
    min-width: 400px;
}

#timecard-entry-timeclock-section-wrapper,
#timecard-entry-sales-section-wrapper,
#timecard-entry-shift-paid-section-wrapper {
    margin-bottom: 30px;
}

#timecard-entry-irs-sales,
#timecard-entry-irs-tips,
#timecard-entry-cr-sales,
#timecard-entry-cr-tips {
    width: 85px;
    margin-right: 0;
}

#timecard-entry-shift-paid-time {
    color: #49C1B9;
    font-family: "Halis GR Bold", "Halis GR Regular", "Open Sans", "Roboto", Arial, Helvetica, sans-serif;
    font-size: 16px;
}

#timecard-entry-comment-input,
#modal-timecard-entry-void-comment {
    resize: none;
    width: 100%;
}

.timecard-break-time {
    float: right;
    color: #49C1B9;
}

.timecard-entry-break-datetime-section-wrapper {
    padding-right: 10px;
}

.timecard-entry-break-type-section-wrapper {
    padding-top: 10px;
}

#modal-timecard-entry-void-employee-label,
#modal-timecard-entry-override-employee-label {
    font-size: 26px;
    color: #49c1b9;
}

#modal-timecard-entry-void-employee-label,
#modal-timecard-entry-override-employee-label {
    font-size: 20px;
    color: #49c1b9;
}

#modal-timecard-entry-override-employee-name {
    font-size: 20px;
    color: #707070;
}

#modal-timecard-entry-void-employee-name,
.modal-timecard-entry-override-warning {
    font-size: 24px;
    color: #707070;
}

.modal-timecard-entry-void-label {
    color: #707070;
    font-size: 12px;
}

.modal-timecard-entry-void-info {
    color: #707070;
    font-family: "Halis GR Bold", "Halis GR Regular", "Open Sans", "Roboto", Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.modal-timecard-entry-void-timeclock-left {
    float: left;
    width: 125px;
    text-align: right;
}

.modal-timecard-entry-override-timeclock-left {
    float: left;
    width: 50px;
    text-align: right;
}

.modal-timecard-entry-void-timeclock-right {
    float: left;
    text-align: left;
    padding-left: 8px;
}

.timecard-create-modal-header {
    font-size: 16px;
    color: #707070;
}

.timecard-create-modal-list-tab-header {
    font-size: 16px;
}

#timecard-create-modal-header-wrapper {
    margin-bottom: 20px;
}

.modal-payroll-end-period-confirm-header {
    color: #707070;
    font-family: "Halis GR Bold", "Halis GR Regular", "Open Sans", "Roboto", Arial, Helvetica, sans-serif;
    font-size: 16px;
}

#modal-payroll-end-period-confirm-header-wrapper {
    width: 100%;
    float: left;
}

#modal-payroll-end-period-confirm-body-wrapper {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    gap: 15px 30px;
}

#modal-payroll-end-period-confirm-calendar-wrapper {
    order: 1;
    width: 260px;
    flex: 1 1 260px;
}

#modal-payroll-end-period-confirm-radio-wrapper {
    order: 2;
    width: 500px;
    flex: 1 1 500px;
}

.modal-payroll-end-period-confirm-info-text-wrapper {
    padding-left: 45px;
}

.modal-payroll-end-period-confirm-info-text {
    color: #707070;
    font-size: 16px;
    line-height: 1.5;
}

#current-employees-list,
#past-employees-list {
    height: 40vh;
}

#posadmin-payroll-job-filter {
    width: 100%;
    height: 170px;
}

#posadmin-payroll-merged-options-list {
    width: 100%;
    height: 125px;
}

.posadmin-payroll-filter-label,
.posadmin-report-filter-label {
    font-size: 14px;
    color: #707070;
    font-family: "Halis GR Bold", "Halis GR Regular", "Open Sans", "Roboto", Arial, Helvetica, sans-serif;
    margin-bottom: 0;
}


.posadmin-report-filter-label-has-options {
    margin-bottom: 2px;
}

.posadmin-legacy-reports-modal-filter-header {
    color: #414C63;
    font-size: 14px;
    font-family: "Halis GR Bold", "Halis GR Regular", "Open Sans", "Roboto", Arial, Helvetica, sans-serif;
    margin-bottom: 0;
}

.posadmin-legacy-reports-modal-filter-header i {
    padding-right: 5px;
}

.posadmin-legacy-reports-modal-filter-header-days {
    position: relative;
    bottom: -7px;
}

.double-bottom-section-margin {
    margin-bottom: 20px;
}

.triple-bottom-section-margin {
    margin-bottom: 30px;
}

.quad-bottom-section-margin {
    margin-bottom: 30px;
}

.payroll-job-description {
    padding-left: 20px;
    white-space: nowrap;
}

.payroll-subtotal {
    padding-left: 30px;
}

.payroll-subtotal-border {
    border-top: .5px solid #C5C5C5;
}

form#system-setup div.two-col-section div.left,
form#system-setup div.two-col-section div.right {
    width: 50%;
    padding: 0 20px 0 0;
}

.small-teal-button {
    background-color: #49c1b9;
    color: #FFFFFF;
    border-radius: 4px !important;
    /*
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -o-border-radius: 0 !important;*/
    padding: 6px 12px 5px 12px;
    font-size: 10px;
    line-height: 10px;
    border: none;
}

.small-teal-button.square-button {
    border-radius: 0 !important;
}

.small-teal-button:disabled {
    background-color: #C5C5C5;
}

#legacy-reports-date-range-list {
    height: 75px;
}

#legacy-reports-preset-grouped-filter-list {
    height: -webkit-calc(var(--vh, 1vh) * 100 - 450px);
    height: -moz-calc(var(--vh, 1vh) * 100 - 450px);
    height: calc(100vh - 400px);
    height: calc(var(--vh, 1vh) * 100 - 450px);
    min-height: 100px;
}

#legacy-reports-preset-grouped-filter-list li.list-group-item {
    font-size: 10px;
}

.legacy-report-filter-list-description {
    padding-left: 5px;
}

#posadmin-legacy-reports-report-area,
#posadmin-quick-reports-report-area {
    width: 100%;
    height: -webkit-calc(var(--vh, 1vh) * 100 - 125px);
    height: -moz-calc(var(--vh, 1vh) * 100 - 125px);
    height: calc(100vh - 125px);
    height: calc(var(--vh, 1vh) * 100 - 125px);
    background-color: #FFFFFF;
    border: .5px solid #C5C5C5;
    overflow: auto;
    padding: 10px;

}

#posadmin-legacy-reports-report-area,
.tooltip-diagram-format {
    font-family: 'Courier New', monospace;
    white-space: pre;
}

.legacy-report-modal-filter-sub-header {
    color: #414C63;
    font-size: 12px;
    font-family: "Halis GR Bold", "Halis GR Regular", "Open Sans", "Roboto", Arial, Helvetica, sans-serif;
    margin-bottom: 0;
}

#modal-legacy-reports .three-col-left {
    padding-left: 4%;
    padding-right: 2%;
}

#modal-legacy-reports .three-col-middle {
    padding-left: 2%;
    padding-right: 2%;
}

#modal-legacy-reports .three-col-right {
    padding-left: 2%;
    padding-right: 4%;
}
/*
#legacy-reports-modal-periods-list {
    height: -webkit-calc(var(--vh, 1vh) * 100 - 335px);
    height: -moz-calc(var(--vh, 1vh) * 100 - 335px);
    height: calc(100vh - 335px);
    height: calc(var(--vh, 1vh) * 100 - 335px);
}
*/

#legacy-reports-modal-closeouts-list {
    height: 200px;
    /*
    height: -webkit-calc(var(--vh, 1vh) * 100 - 467px);
    height: -moz-calc(var(--vh, 1vh) * 100 - 467px);
    height: calc(100vh - 467px);
    height: calc(var(--vh, 1vh) * 100 - 467px);
    */
}

#legacy-reports-modal-selected-filters-list {
    height: 0;
    visibility: hidden;
    /*
    height: -webkit-calc(var(--vh, 1vh) * 100 - 397px);
    height: -moz-calc(var(--vh, 1vh) * 100 - 397px);
    height: calc(100vh - 397px);
    height: calc(var(--vh, 1vh) * 100 - 397px);
     */
}

.number-range-input {
    text-align: right;
    margin: 0px 0px 5px 0px !important;
    float:left;
}

.number-range-input-separator {
    float: left;
    margin: 0 5px 0 5px;
    padding-top: 6px;
    line-height: 12px;
    font-size: 12px;
}

#legacy-reports-modal-closeout-start,
#legacy-reports-modal-closeout-end {
    width: 50px;
}

.posadmin-legacy-reports-modal-date-list {
    display: flex;
    flex-wrap: wrap;
    column-gap: 5px;
    row-gap: 5px;
}

.posadmin-legacy-reports-modal-date-list-item {
    border: 1px solid #CCCCCC;
    padding: 2px 2px 0px 2px;
    border-radius: 5px;
    flex: 0 0 auto;
    box-shadow: 0 1px 2px #00000029;
}

#posadmin-legacy-reports-modal-single-date-added-list li.posadmin-legacy-reports-modal-date-list-item {
    width: 90px;
}

#posadmin-legacy-reports-modal-range-added-list li.posadmin-legacy-reports-modal-date-list-item {
    width: 180px;
}

.posadmin-legacy-reports-modal-date-list-item-date {
    color: #707070;
    float: left;
}

.posadmin-legacy-reports-modal-date-list-item-close {
    color: #6588C0;
    font-size: 11px;
    position: relative;
    top: 1px;
    float: right;
}

.posadmin-legacy-reports-modal-date-list-item-close:hover {
    color: red !important;
}

.remove-selected-date {
    padding-right: 8px;
}

.inline-small-button-wrapper {
    padding-top: 2px;
}

.add-selected-checkbox-button {
    position: absolute;
    top: -3px;
    right: 0;
}

.monospace-font-override {
    font-family: "Halis GR Regular", "Open Sans", "Roboto", Arial, Helvetica, sans-serif !important;
    white-space: normal;
}

.three-col-option-list-border {
    border: 1px solid #c5c5c5;
    padding: 10px;
}

.physical-printer-logo-container {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
}

.physical-printer-logo-select-wrapper {
    order: 1;
    display: flex;
    flex: 1 1 auto;
    min-width: 0;
}

#physical-driver-logo-input,
#physical-driver-file-input {
    order: 2;
    border: .5px solid #C5C5C5;
    color: #6588C0;
    margin-left: 5px;
    padding: 6px 4px 0 4px;
    font-size: 12px;
    display: flex;
}

#menu-screen-icon-modal-sidebar-wrapper {
    width: 30%;
    float: left;
}

#menu-screen-icon-modal-list    {
    height: -webkit-calc(var(--vh, 1vh) * 100 - 285px);
    height: -moz-calc(var(--vh, 1vh) * 100 - 285px);
    height: calc(100vh - 285px);
    height: calc(var(--vh, 1vh) * 100 - 285px);
}

#menu-screen-icon-modal-icon-image-wrapper {
    background-color: #EEEEEE;
    height: -webkit-calc(var(--vh, 1vh) * 100 - 260px);
    height: -moz-calc(var(--vh, 1vh) * 100 - 260px);
    height: calc(100vh - 260px);
    height: calc(var(--vh, 1vh) * 100 - 260px);
    padding: 15px;
}

#menu-screen-icon-modal-icon-image-container {
    background-repeat: no-repeat;
    background-position: center;
    height: -webkit-calc(var(--vh, 1vh) * 100 - 290px);
    height: -moz-calc(var(--vh, 1vh) * 100 - 290px);
    height: calc(100vh - 290px);
    height: calc(var(--vh, 1vh) * 100 - 290px);
}

.stretch-button-icon {
    background-size: contain;
}

#menu-screen-icon-modal-body-wrapper {
    width: 68%;
    float: right;
}

.datatable-custom-input {
    top: 2px !important;
}


#posadmin-default-job-active-users-table tbody,
#posadmin-price-specials-active-items-table tbody {
    height: -webkit-calc(var(--vh, 1vh) * 100 - 320px);
    height: -moz-calc(var(--vh, 1vh) * 100 - 320px);
    height: calc(100vh - 320px);
    height: calc(var(--vh, 1vh) * 100 - 320px);
}

.posadmin-default-job-active-users-table-row-last,
.posadmin-default-job-active-users-table-row-first {
    width: 30%;
}

.posadmin-default-job-active-users-table-row-pay-type,
.posadmin-default-job-active-users-table-row-pay-rate {
    width: 20%;
}

.posadmin-default-job-active-users-table-row-edit {
    width: 10%;
}

#posadmin-price-specials-active-items-table {
    width: 100%;
}

.posadmin-price-specials-active-items-table-row-receipt-name,
.posadmin-price-specials-active-items-table-row-prep-name {
    width: 30%;
}

.posadmin-price-specials-active-items-table-row-price,
.posadmin-price-specials-active-items-table-row-department {
    width: 20%;
}

.posadmin-price-specials-active-items-table-row-edit {
    width: 10%;
}

.posadmin-small-list-header-wrapper {
    width: 75%;
    float: left;
    min-width: 200px;
    max-width: 300px;
}

.delete-validation-modal-body-header {
    font-size: 16px;
    color: #707070;
}

#versipos-delete-validation-table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

.versipos-delete-validation-table-header {
    font-family: "Halis GR Bold", "Halis GR Regular", "Open Sans", "Roboto", Arial, Helvetica, sans-serif;
    font-size: 12px;
}

#versipos-delete-validation-table tbody {
    height: -webkit-calc(var(--vh, 1vh) * 100 - 340px);
    height: -moz-calc(var(--vh, 1vh) * 100 - 340px);
    height: calc(100vh - 340px);
    height: calc(var(--vh, 1vh) * 100 - 340px);
    border: 0.5px solid #707070;
    display: block;
    overflow-y: auto;
    width: 100%;
}

#versipos-delete-validation-table tbody td:first-child, #versipos-delete-validation-table thead th:first-child {
    padding-left: 8px;
}

.posadmin-delete-validation-table-row-description,
.posadmin-delete-validation-table-row-object-type {
    width: 45%;
}

.posadmin-delete-validation-table-row-edit {
    width: 10%;
}

.include-exclude-radio-wrapper {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.unused-include-exclude-option {
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    pointer-events: none;
}

.not_allowed {
    background: transparent url("/assets/images/GreyGraph.01a237251c1c.png") no-repeat center center/contain;
    bottom: 60px;
    width: 946px;
    height: 242px;
    left: 35px;
}

.posadmin-discounts-fields-container {
    overflow-x: auto;
}

.posadmin-discount-fields-row {
    min-width: 580px;
}

.posadmin-price-specials-fields-container {
    overflow-x: auto;
}

.posadmin-price-specials-fields-row {
    min-width: 500px;
}

#legacy-reports-server-closeouts-list,
#legacy-reports-server-employee-list,
#legacy-reports-server-report-objects-list {
    height: 200px;
}

.posadmin-legacy-report-run-button-wrapper {
    position: -webkit-sticky;
    position: sticky;
    bottom: -1px;
    background-color: #eaeffa;
    height: 33px;
    margin-top: 20px;
}

.posadmin-edit-section-loading {
    padding-top: 50px;
}

.quick-report-trigger:hover,
.order-modal-trigger:hover {
    cursor: pointer;
    text-decoration: underline;
}

hr.quick-report-page-divider {
    border: 0;
    border-top: 1px solid #707070;
    margin-top: 0;
}

#posadmin-quick-report-header-wrapper {
    position: relative;
    overflow-y: hidden;
    height: auto;
}

#quick-report-page-divider-wrapper {
    position: absolute;
    bottom: 0;
    background-color: white;
}

#quick-report-page-divider-wrapper {
    cursor: row-resize;
}

hr.quick-report-summary-divider {
    border: 0;
    border-top: 1px solid #C5C5C5;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.posadmin-quick-report-header-report-name {
    font-size: 22px;
    color: #707070;
}

.posadmin-quick-report-summary-table-header {
    text-align: right;
    border: none;
    border-radius: 4px;
}

th.posadmin-quick-report-summary-table-header {
    font-size: 14px;
    white-space: nowrap;
    font-weight: normal;
}

td.posadmin-quick-report-summary-table-header {
    font-size: 12px;
    white-space: nowrap;
}

.posadmin-quick-report-summary-table-row-header,
.posadmin-quick-report-summary-table-row-total {
    text-align: right;
    font-size: 12px;
    border: none;
    white-space: nowrap;
}

.posadmin-quick-report-summary-table-row-total {
    min-width: 100px;
}

.posadmin-quick-report-summary-table-row-qty {
    text-align: right;
    font-size: 12px;
    border: none;
    min-width: 80px;
}

.posadmin-quick-report-summary-table-row-qty + .posadmin-quick-report-summary-table-row-total {
    min-width: 140px;
}

.quick-report-highlighted-field {
    background-color: #ECF3FF;
}

.posadmin-quick-report-summary-table-row-header.quick-report-highlighted-field {
    border-radius: 4px 0 0 4px;
}

.posadmin-quick-report-header-info-label,
.posadmin-quick-report-header-info-text,
.posadmin-quick-report-header-filter-label {
    flex: 0 1 auto;
}

.posadmin-quick-report-header-info-label,
.posadmin-quick-report-header-filter-label {
    min-width: 100px;
}

.posadmin-quick-report-summary-table-row-total.quick-report-highlighted-field {
    border-radius: 0 4px 4px 0;
}

.posadmin-quick-report-info-wrapper {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: flex-start;
}

.posadmin-quick-report-header-date-range-wrapper {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    justify-content: flex-start;
}

.posadmin-quick-report-header-date-range-text {
    flex: 1 1 auto;
}

.posadmin-quick-report-header-info-wrapper {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 32px;
}

.posadmin-quick-report-header-filter-section {
    flex: 1 1 auto;
    max-width: calc(100% - 230px);
    min-width: 300px;
}

.posadmin-quick-report-header-info-section {
    flex: 0 1 auto;
    min-width: 220px;
}

.posadmin-quick-report-header-filter-wrapper {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
}

.posadmin-quick-report-header-filter-text {
    flex: 0 0 auto;
    padding-right: 3px;
}

.posadmin-quick-report-filter-list-wrapper {
    background-color: #FFFFFF;
    float: left;
    width: 100%;
}

.posadmin-quick-report-filter-list {
    height: 150px;
}

.grouped-quick-report-description {
    padding-left: 40px !important;
    white-space: nowrap !important;
}

#merchant-swap-dropdown-selected {
    width: 150px;
    height: 30px;
    background-color: #FFF;
    border: 1px solid #707070;
    color: #000;
    text-align: center;
    line-height: 29px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -o-border-radius: 15px;

    font-size: 12px;
    font-family: "Halis GR Bold", "Halis GR Regular", "Open Sans", "Roboto", Arial, Helvetica, sans-serif;
    overflow-x: clip;
}

#merchant-swap-dropdown-menu {
    display: none;
    position: absolute;
    background-color: #FFFFFF;
    width: 150px;
    padding: 5px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -o-border-radius: 15px;
    box-shadow: 0 3px 6px #00000029;
    -webkit-box-shadow: 0 3px 6px #00000029;
    -moz-box-shadow: 0 3px 6px #00000029;
    -o-box-shadow: 0 3px 6px #00000029;
    z-index: 98;
}

#merchant-swap-dropdown-list {
    overflow-y: auto;
    overflow-x: hidden;
    height: 150px;
    width: 100%;
}

.merchant-swap-list-item {
    float: left;
    width: 100%;
}

.merchant-swap-list-item {
    font-size: 12px;
    color: #000000;
    line-height: 1;
    padding: 3px;
    overflow: hidden;
    white-space: nowrap;
}

.merchant-swap-list-item:hover {
    background-color: #eaeffa;
}

.merchant-swap-selected-name {
    margin-left: 5px;
    width: 130px;
    overflow: hidden;
    white-space: nowrap;
}

.merchant-swap-selected-caret {
    margin-right: 3px;
}

#merchant-swap-dropdown-search {
    position: relative;
    width: 100%;
}

#merchant-swap-dropdown-search {
    height: 24px;
    margin-bottom: 2px;
    background-color: #FFFFFF;
    color: #707070;
    padding: 2px 18px 2px 5px;
    font-size: 12px;
    border-radius: 3px !important;
}

#merchant-swap-dropdown-search + i.fa-search {
    position: absolute;
    right: 8px;
    top: 10px;
    color: #6588C0;
    font-size: 14px;
}

.add-user-modal-body-header {
    font-size: 16px;
    color: #707070;
}

a.remove-user i.fa-circle-notch {
    color: #707070 !important;
}


.posadmin-versipos-order-details-header {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    row-gap: 10px;
    column-gap: 3px;
}

.posadmin-versipos-order-details-wrapper {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    justify-content: flex-start;
    row-gap: 3px;
}
.posadmin-versipos-order-details-left-wrapper {
    flex: 1 1 auto;
}

.posadmin-versipos-order-details-right-wrapper {
    flex: 0 1 auto;
}

.posadmin-versipos-order-details-info-wrapper {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: flex-start;
    column-gap: 3px;
    flex: 1 1 auto;
}

.posadmin-versipos-order-details-label,
.posadmin-versipos-order-details-text {
    flex: 0 1 auto;
}

.posadmin-versipos-order-details-label {
    min-width: 125px;
    text-align: right;
}

.posadmin-versipos-order-details-text {
    text-align: left;
}

.dt-child-expander span.dt-child-expander-icon::before {
    content: " \f054";
}

tr.dt-hasChild .dt-child-expander span.dt-child-expander-icon::before {
    content: " \f078";
}

.posadmin-datatable-child-wrapper {
    display: none;
}

tr.posadmin-datatable-child-row > td {
    padding: 0 !important;
}

table.posadmin-quick-reports-datatable thead th,
table.posadmin-quick-reports-datatable tbody td,
table.posadmin-quick-reports-datatable tfoot th {
    padding: 5px 10px;
}

table.posadmin-quick-reports-table-compact-rows tbody td {
    padding: 2px 10px;
}

#posadmin-versipos-order-details-entries-table {
    display: inline-block;
    max-width: 100%;
    overflow-x: auto;
}

#posadmin-versipos-order-details-entries-table thead th {
    border-bottom: 2px solid;
    border-color: #cccccc;
    color: #414C63;
    font-size: 12px;
    font-weight: normal;
    padding: 2px 1px;
}

#posadmin-versipos-order-details-entries-table thead th,
#posadmin-versipos-order-details-entries-table tbody td {
    padding: 2px 6px;
    white-space: nowrap;
}

.posadmin-find-check-input {
    width: 100%;
    color: #707070;
}

.posadmin-object-info-trigger {
    white-space: nowrap;
}

.dual-pricing-input {
    max-width: 200px;
}

#order-modal-context-menu-button {
    position: absolute;
    top: 5px;
    right: 5px;
}

#select2-posadmin-dashboard-period-select-results {
    max-height: none;
}

.posadmin-payment-netepay-section-container,
.posadmin-payment-versipay-qr-section-container {
    display: flex;
    justify-content: flex-start;
    row-gap: 10px;
    column-gap: 15px;
    flex-wrap: wrap;
    padding: 25px 30px 0 30px;
}

.posadmin-payment-netepay-section-wrapper,
.posadmin-payment-versipay-qr-section-wrapper {
    flex: 1 1 200px;
    min-width: 200px;
    max-width: 450px;
}

.posadmin-payment-netepay-options-wrapper {
    flex: 1 1 300px;
    min-width: 300px;
    max-width: 450px;
}

#posadmin-payment-versipay-qr-button-container {
    display: flex;
    flex-wrap: wrap;
    row-gap: 10px;
    column-gap: 15px;
}

.posadmin-payment-versipay-qr-button-wrapper {
    flex: 1 1 155px;
    min-width: 155px;
}

#posadmin-payment-datacap-emp-counter-service-options-list,
#posadmin-payment-datacap-emp-other-options-list {
    width: 100%;
    max-width: unset;
}

@media only screen and (max-width : 1500px) {
    div.dashboard-header div#weather-widget ul li:first-child p,
    div.dashboard-header div#weather-widget ul li:first-child i {
        font-size: 20px;
    }
    article.dashboard div#holiday_list_container {
        width: 35%;
    }
    article.dashboard div#calendar_container {
        width: 60%;
        padding-left: 5%;
    }
    div#holiday_list ul li.message i.fa-plus-circle {
        left: 15%;
    }

    div#holiday_list ul li.message i.fa-bars {
        left: 27%;
    }

    div#holiday_list ul li.message i.fa-comment-alt {
        left: 23%;
    }
    article.dashboard .dataTables_wrapper,
    article.orders-summary .dataTables_wrapper,
    #pizza_toppings_wrapper.dataTables_wrapper {
        width: 100%;
        overflow-x: scroll;
    }
    article.dashboard .dataTables_scroll,
    article.orders-summary .dataTables_scroll,
    #pizza_toppings_wrapper .dataTables_scroll {
        min-width: 1500px;
    }
}

@media only screen and (max-width : 1400px) {
    div#print-group-mark-printed-table-wrapper,
    div#print-group-auto-execute-table-wrapper {
        width: 100%;
    }
}

@media only screen and (max-width : 1350px) {
    div#posadmin-printer-group-body-middle div.left,
    div#posadmin-printer-group-body-middle div.right {
        width: 100%;
    }
    div#posadmin-printer-group-body-middle div.right {
        margin-top: 10px;
    }
}

@media only screen and (max-width : 1250px) {
    div.dashboard-header div#dine-in-orders {
        padding-right: 2%;
    }
    div.dashboard-header div.dashboard-header-item span {
        display: block;
    }
    ul.custom-data-table-filters {
        height: auto;
    }

    ul.custom-data-table-filters li {
        float: left !important;
        margin: 0 2% 1% 0 !important;
        width: 31% !important;
        max-width: 160px !important;
        min-width: initial !important;
        font-size: 11px;
    }

    ul.custom-data-table-filters li:nth-child(4) {
        clear: left !important;
    }
    article.item-usage .dataTables_wrapper,
    #menu-items_wrapper.dataTables_wrapper,
    #pizza_topping_groups_wrapper.dataTables_wrapper,
    #vouchers_wrapper.dataTables_wrapper {
        width: 100%;
        overflow-x: scroll;
    }
    article.item-usage .dataTables_scroll,
    #menu-items_wrapper .dataTables_scroll,
    #pizza_topping_groups_wrapper .dataTables_scroll,
    #vouchers_wrapper .dataTables_scroll {
        min-width: 1250px;
    }
    div.tabs-content div.two-col {
        margin: 0;
    }
    div.tabs-content div.two-col div.left,
    div.tabs-content div.two-col div.right {
        clear: both;
        width: 100%;
        padding: 0;
        margin: 0 0 20px;
    }
    article.dashboard label {
        text-align: left;
    }
    div#merchant-settings ul li {
        clear: both;
        width: 100%;
        padding: 0;
        margin: 0 0 15px;
    }
    article form.settings aside ul li {
        margin: 0 0 12px;
        font-size: 8px;
    }
    article.settings h3 {
        text-align: left;
    }
    div#order-limits ul {
        margin: 0 0 15px;
    }
    div#order-limits ul li {
        width: 100% !important;
        clear: both !important;
        text-align: left !important;
        padding: 0 !important;
    }
    div#taxes-and-surcharges ul li {
        text-align: left !important;
        width: 100%;
        padding: 0;
        margin: 0 0 10px;
        clear: both;
    }
    article form.settings input[type=checkbox] {
        margin-bottom: 0;
        vertical-align: text-top;
    }
    div#store-hours ul li input.select_am_day, div#store-hours ul li input.select_pm_day {
        vertical-align: middle;
    }
    div#store-hours {
        width: 100%;
        overflow-x: scroll;
    }
    div#store-hours div.store-hours {
        min-width: 1250px;
    }
    div#checkout-questions ul.question li {
        clear: both !important;
        width: 100% !important;
        padding: 0 2% 0 0!important;
    }
    div#checkout-questions ul.question li div.answers {
        width: 100% !important;
    }
}

@media only screen and (max-width: 1150px) {
    ul.merchant-report-data-table-filters {
        height: auto;
    }

    ul.merchant-report-data-table-filters li {
        float: left !important;
        margin: 0 2% 1% 0 !important;
        width: 47% !important;
        max-width: 160px !important;
        min-width: initial !important;
        font-size: 11px;
    }

    ul.merchant-report-data-table-filters li:nth-child(3) {
        clear: left !important;
    }
}

@media only screen and (max-width : 1050px) {
    div.dashboard-header div#weather-widget {
        display: none;
    }
    div.dashboard-header div#delivery-orders,
    div.dashboard-header div#pickup-orders,
    div.dashboard-header div#dine-in-orders {
        width: 100%;
        clear: both;
        padding: 0;
    }
    div.dashboard-header div.dashboard-header-item {
        padding: 0;
    }
    div.dashboard-header div.dashboard-header-item p,
    div.dashboard-header div.dashboard-header-item span {
        float: left;
        padding: 0 2% 0 0;
        line-height: 24px;
        margin: 0;
    }
    div.dashboard-header div#eod-report {
        border-left: none;
        width: 100%;
        clear: both;
        padding: 0;
    }
    div.dashboard-header div#eod-report p {
        float: left;
        padding: 0 2% 0 0;
    }
    div.dashboard-header div#eod-report ul {
        float: left;
        clear: none;
        width: auto;
        line-height: 24px;
    }
    div.dashboard-header div#eod-report ul li.preview {
        top: 4px;
    }
    article.dashboard div.two-col div.left,
    article div.two-col-with-calendar div.left {
        width: 100%;
        clear: both;
        padding: 0;
        margin: 0 0 5px;
    }
    article.dashboard div.two-col div.right,
    article div.two-col-with-calendar div.right {
        width: 100%;
        clear: both;
        padding: 0;
    }
    article.dashboard label {
        text-align: left;
    }
    article.dashboard select {
        clear: both;
        width: auto;
    }
    article.dashboard div#temp_close_store_custom,
    article.dashboard div#pickup-interval-until-time,
    article.dashboard div#delivery-interval-until-time {
        clear: both;
        width: 100%;
    }
    article.dashboard div#temp_close_store_datetime,
    article.dashboard div#temp_close_store_daterange,
    article.dashboard div#temp_close_store_save_or_revert,
    article.dashboard div#pickup_interval_time,
    article.dashboard div#delivery_interval_time {
        padding: 0;
        width: 100%;
        float: left;
        clear: both;
        margin: 10px 0 5px;
    }
    article.dashboard div#temp_close_store_custom input[type=text] {
        margin: 0 4% 0 0;
    }
    article.dashboard div#pickup_interval_time span,
    article.dashboard div#delivery_interval_time span {
        padding: 0 4% 0 0;
    }
    article.dashboard div#pickup_interval_time input,
    article.dashboard div#delivery_interval_time input {
        margin: 0 0 5px;
    }
    article.dashboard div#pickup_interval_time a.button,
    article.dashboard div#delivery_interval_time a.button {
        margin: 0 12px 5px 0;
    }
    article.dashboard div.dp-interval-buttons {
        clear: both;
        margin: 5px 0 0;
    }
    #modifier_items_wrapper.dataTables_wrapper,
    #modifier_groups_wrapper.dataTables_wrapper,
    #departments_wrapper.dataTables_wrapper {
        width: 100%;
        overflow-x: scroll;
    }
    #modifier_items_wrapper .dataTables_scroll,
    #modifier_groups_wrapper .dataTables_scroll,
    #departments_wrapper .dataTables_scroll {
        min-width: 1050px;
    }
}

@media only screen and (max-width : 1000px) {
    #modal.order-details div.two-col.main div.left,
    #modal.order-details div.two-col.main div.right,
    #modal.order-details div.two-col.main div.two-col div.left,
    #modal.order-details div.two-col.main div.two-col div.right {
        width: 100%;
        clear: both;
        padding: 0;
    }
}

@media only screen and (max-width: 950px) {
    div#advanced-report-container {
        padding-right: 0 !important;
    }

    div#report-sidebar {
        width: 100% !important;
        padding: 0 !important;
    }

    div#report-filters-main-container,
    div#report-columns-sorting-container {
        width: 50% !important;
    }

    div#report-columns-sorting-container {
        float: right !important;
        padding-left: 15px;
    }

    div#advanced-table {
        margin: 10px 0 0 0 !important;
    }

    div#report-views-main-container {
        width: 200px;
    }

    div.report-schedule-setup {
        width: 100% !important;
        margin-top: 20px;
    }

    div#report-modal-views-list-container div.left {
        width: 100% !important;
    }

    article.custom-report-schedules div#report-schedule-container{
        padding-right: 0;
    }

    div#report-schedule-list-container,
    div#report-schedule-views-list-container {
        width: 100% !important;
        position: relative !important;
        max-width: 300px;
    }

    div#report-schedule-setup-container {
        margin: 20px 0 0 0 !important;
    }

    ul#modal-report-views-list {
        height: 100px !important;
    }

    ul#report-schedule-list {
        height: 100px !important;
    }

    div#report-schedule-info {
        width: 100% !important;
        max-width: none !important;
        margin-top: 20px;
    }
    div#report-schedule-job-history {
        width: 100%;
    }

    div#report-schedule-views-container,
    div#report-schedule-view-info{
        width: 50%;
        clear: none;
    }

    div#report-schedule-view-info {
        padding-left: 10px;
    }

    div#printer-group-properties-options {
        width: 100%;
    }

    div.posadmin-employee-position-wrapper {
        float: left;
        width: 100%;
        padding-left: 0;
    }

    div.custom-data-table-filters > ul.custom-data-table-filters {
        float: left;
    }

}

@media only screen and (min-width: 800px) and (max-width: 850px) {
    ul#printer-logical-properties {
        margin-top: 10px;
    }
}

@media only screen and (max-width : 800px) {
    body.mobile main {
        width: 100% !important;
    }
    body.mobile menu i.fa-times-circle {
        font-size: 24px;
        top: -6px;
        right: 4px;
        opacity: 0.75;
    }
}

@media only screen and (max-width : 800px) {
    main,
    header nav .wrapper ul.subnav,
    header nav .wrapper div.breadcrumbs,
    #posadmin-dashboard-header-wrapper {
        margin-left: 0 !important;
    }

    header nav .wrapper ul.subnav {
        width: 100% !important;
    }

    header nav .wrapper {
        max-width: 100%;
        overflow-x: hidden;
        overflow-y: hidden;
    }

    div.bottom-bar {
        padding-left: 0;
    }
    menu:not(.menu-expanded) {
        display: none !important;
        width: 0 !important;
    }

    header i.fa-bars:not(.menu-expanded) {
        display: block !important;
    }

    article.dashboard div#holiday_list_container,
    article.dashboard div#calendar_container {
        width: 100%;
        clear: both;
        padding: 0;
        margin: 0 0 10px;
    }
    div#calendar_container .ui-datepicker-inline {
        display: block;
        margin: 0 auto;
    }
    div#holiday_list ul li.message i.fa-plus-circle {
        left: 30%;
        z-index: 99;
    }
    div#holiday_list ul li.message i.fa-bars {
        left: 34%;
    }
    div#holiday_list ul li.message i.fa-comment-alt {
        left: 33%;
    }
    div.bottom-bar .wrapper a.button {
        float: left !important;
        margin: 17.5px 2% 0 0 !important;
        text-align: center !important;
        width: 23% !important;
        padding: 10px 5px;
    }
    div.bottom-bar .wrapper a#save,
    div.bottom-bar .wrapper a#save-new {
        float: right !important;
        margin: 17.5px 0 0 2% !important;
    }
    div.listbox div.listbox-column div.cell.sort {
        text-indent: 0;
    }
    div.listbox div.listbox-column div.cell.rqd,
    div.listbox div.listbox-column div.cell.sel {
        text-indent: 0;
        text-align: center;
    }
    div.listbox div.listbox-column div.cell.edit {
        text-indent: 0;
        text-align: right;
    }
    div.listbox div.listbox-column ul li,
    div.listbox div.listbox-column div.cell {
        font-size: 10px;
    }

    #modal .modal-body .modal-body-header {
        width: 110%;
    }

    ul.merchant-report-data-table-filters li:nth-child(3) {
        clear: none !important;
    }

    ul.merchant-report-data-table-filters li {
        float: right !important;
        font-size: 12px;
        min-width: 75px !important;
        max-width: 160px !important;
        margin: 0 0 0 10px !important;
        width: 22% !important;
    }

    ul.merchant-report-data-table-filters li.clear {
        float: left !important;
    }

    div#report-schedule-footer-wrapper {
        position: fixed;
        bottom: 0%;
        left: 0%;
        background-color: #0E1F44;
        opacity: 1;
        z-index: 97;
        height: 55px;
    }

    div#report-schedule-footer {
        position: fixed;
        bottom: 0%;
        left: 0%;
        width: 100%;
        background-color: #0E1F44;
        opacity: 1;
        z-index: 98;
        max-width: 500px;
        height: 55px;
    }

    div#report-schedule-footer a#save-schedule,
    div#report-schedule-footer a#cancel-schedule {
        margin: 10px;
    }

    main article.accounting-report {
        padding: 15px 2% 15px 150px;
    }

    main aside.filter-column {
        max-width: 125px;
        left: 0;
    }
}

@media only screen and (max-width : 600px) {
    #cooking_references_wrapper.dataTables_wrapper,
    #ingredients_wrapper.dataTables_wrapper,
    #sizes_wrapper.dataTables_wrapper,
    #tags_wrapper.dataTables_wrapper {
        width: 100%;
        overflow-x: scroll;
    }
    #cooking_references_wrapper .dataTables_scroll,
    #ingredients_wrapper .dataTables_scroll,
    #sizes_wrapper .dataTables_scroll,
    #tags_wrapper .dataTables_scroll {
        min-width: 600px;
    }
    #modal.order-details .modal-title {
        font-size: 16px;
    }
    #modal.order-details div.buttons-container {
        top: 9px;
    }
    #modal.order-details a#refund-order {
        font-size: 11px !important;
    }
    #modal.order-details a#void-order {
        font-size: 11px !important;
    }
    #modal.order-details ul.order-items li:nth-child(2) {
        width: 30%;
    }
    #modal.order-details ul.order-items li {
        width: 11.5%;
    }
}

@media only screen and (max-width : 525px) {
    div.posadmin-menu-screen-toppings-top-wrapper div.left,
    div.posadmin-menu-screen-toppings-top-wrapper div.right {
        width: 100%;
        clear: both;
        min-width: unset;
        max-width: unset;
    }
}
@media only screen and (max-width : 450px) {
    ul.merchant-report-data-table-filters li {
        float: right !important;
        font-size: 12px;
        min-width: 50px !important;
        max-width: 160px !important;
        margin: 0 0 0 10px !important;
        width: 20% !important;
        text-align: center;
        padding: 6.5px 2px !important;
    }

    ul.merchant-report-data-table-filters li i {
        display: none;
    }
}

@media only screen and (max-width : 370px) {
    ul.merchant-report-data-table-filters li.clear {
        padding: 0px 2px !important;
    }
}

.modal-dialog.modal-xl {
    max-width: calc(90%);
}

@media only screen and (max-width: 992px) {
    .modal-dialog.modal-lg {
        max-width: 875px;
    }
}