@charset "utf-8";
/* CSS Document */

html{
    scroll-padding-top: 150px;
    overflow-x:hidden;
}

body {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #686364;
    font-weight: 300;
    line-height: normal;
    padding-top: 0px;
    float: left;
    width: 100%;
    display: block;
    background-color: #f7f7f7;
    opacity: 0;
}

body.bodyactive {
    opacity:1;
}

img {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

a {
    box-shadow: inset 0 -0.06rem 0 0 #ee1d23;
    transition: box-shadow 0.2s;
    font-weight: 600;
    color: #ee1d23;
    position: relative;
}


a:hover {
    box-shadow: inset 0 -0.06rem 0 0 #231f20;
    color: #231f20;
}


a:hover {
    cursor:pointer;
}
a:focus, button:focus {
    outline:none !important;
}
a:active {
    outline:none !important;
}
.fal {
    font-weight:normal;
}
.fab {
    font-weight:normal;
}
::-ms-clear {
    display: none;
}
ul, ul li, ol, ol li {
    padding:0 0 0 0;
}
img {
    max-width: 100%;
}
button, html input[type=button], input[type=reset], input[type=submit]{
    border:0;
}

*:before,
*:after {
    content:"";
    position:absolute;
    width:0px;
    height:0px;
    display:block;
}

/* Chrome */
::-webkit-search-decoration,
::-webkit-search-cancel-button,
::-webkit-search-results-button,
::-webkit-search-results-decoration {
    display: none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus textarea:-webkit-autofill,
textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px #ffffff inset !important;
}


/* apply a natural box layout model to all elements */
*, *:before, *:after {
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

.btn.disabled, .btn:disabled {
    opacity: 0.5;
    filter: grayscale(1);
}

.btn, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button, .smeditor-modal-box .smeditor-modal-button {
    font-family: 'Jost', sans-serif;
    font-weight: 700;
    font-size: 15px;
    line-height: 0.8;
    border-radius: 0px;
    height: 50px;
    float: left;
    display: block;
    position: relative;
    text-align: center;
    border: none;
    outline: none !important;
    text-transform: capitalize;
    overflow: hidden;
    z-index: 1;
    min-width: 120px;
    letter-spacing: -0.02em;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: none !important;
}

.btn-primary,
.btn-secondary,
.btn-white,
.btn-danger,
.btn-success,
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button,
.daterangepicker .drp-buttons button,
.input-group .input-group-append button.btn,
.smeditor-modal-box .smeditor-modal-button {
    color: #ffffff;
    background: transparent;
    padding: 18px 30px;
}

.btn-secondary {
    background: #ffffff;
    border: 1px solid #ee1d23;
    color: #ee1d23;
}

.btn-primary:before,
.btn-primary:after,
.btn-secondary:before,
.btn-secondary:after,
.btn-white:before,
.btn-white:after,
.btn-danger:before,
.btn-danger:after,
.btn-success:before,
.btn-success:after,
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:before,
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:after,
.daterangepicker .drp-buttons button.cancelBtn:before,
.daterangepicker .drp-buttons button.cancelBtn:after,
.input-group .input-group-append button.btn:before,
.input-group .input-group-append button.btn:after,
.smeditor-modal-box .smeditor-modal-button:before,
.smeditor-modal-box .smeditor-modal-button:after {
    z-index: -1;
    width: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    display: block;
    height: 100%;
    border-radius: 0px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}


.btn-primary:before, .btn-secondary:before, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:before {
    background: linear-gradient(to right, #332f30 0%,#676464 100%);
    background: linear-gradient(to right, #332f30 0%,#676464 100%);
    background: linear-gradient(to right, #332f30 0%,#676464 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#332f30', endColorstr='#676464',GradientType=1 );
    opacity: 1;
}

.btn-secondary:before {
    background: #ee1d23;
    opacity: 0 !important;
}

.btn-danger:before,
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:first-of-type:before,
.daterangepicker .drp-buttons button.cancelBtn:before,
.smeditor-modal-box .smeditor-modal-button.smeditor-modal-reset:before {
    background: linear-gradient(to right, #f31919 0%,#ff5254 100%);
    background: linear-gradient(to right, #f31919 0%,#ff5254 100%);
    background: linear-gradient(to right, #f31919 0%,#ff5254 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#52d801', endColorstr='#3fa203',GradientType=1 );
    opacity: 1;
}

.btn-success:before,
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:last-of-type:before,
.smeditor-modal-box .smeditor-modal-button.smeditor-modal-submit:before {
    background: linear-gradient(to right, #07bf69 0%,#20e286 100%);
    background: linear-gradient(to right, #07bf69 0%,#20e286 100%);
    background: linear-gradient(to right, #07bf69 0%,#20e286 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#52d801', endColorstr='#3fa203',GradientType=1 );
    opacity: 1;
}

.btn-danger:after,
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:first-of-type:after,
.daterangepicker .drp-buttons button.cancelBtn:after,
.smeditor-modal-box .smeditor-modal-button.smeditor-modal-reset:after {
    background: #d20909;
}

.btn-success:after,
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:last-of-type:after,
.smeditor-modal-box .smeditor-modal-button.smeditor-modal-submit:after {
    background: #039450;
}


.btn-primary:after, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:after {
    background: #0c0a0b;
}


.input-group .input-group-append button.btn:before {
    background: linear-gradient(to right, #0dbbb8 0%,#2cd4d1 100%);
    background: linear-gradient(to right, #0dbbb8 0%,#2cd4d1 100%);
    background: linear-gradient(to right, #0dbbb8 0%,#2cd4d1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0dbbb8', endColorstr='#2cd4d1',GradientType=1 );
    opacity: 1;
}

.input-group .input-group-append button.btn:after {
    background: #0ca7a4;
}

.btn-primary:after, .btn-secondary:before, .btn-danger:after, .btn-success:after, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:after, .daterangepicker .drp-buttons button.cancelBtn:after, .input-group .input-group-append button.btn:after, .smeditor-modal-box .smeditor-modal-button.smeditor-modal-submit:after, .smeditor-modal-box .smeditor-modal-button.smeditor-modal-reset:after {
    transform: scale(0) translate(0, 0);
    width: 100%;
    opacity: 0;
    border-radius: 10px;
}

.btn-primary:hover:after,
.btn-secondary:hover:before,
.btn-danger:hover:after,
.btn-success:hover:after,
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:hover:after,
.daterangepicker .drp-buttons button.cancelBtn:hover:after,
.input-group .input-group-append button.btn:hover:after,
.smeditor-modal-box .smeditor-modal-button.smeditor-modal-submit:hover:after,
.smeditor-modal-box .smeditor-modal-button.smeditor-modal-reset:hover:after  {
    transform: scale(1.1) translate(0%, 0%);
    opacity: 1;
}


.btn-secondary:hover {
    border-color: #231f20;
    color: #231f20;
    background-color: transparent;
}

.btn-primary:active,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus,
.btn-danger:active,
.btn-danger:focus,
.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active,
.show>.btn-danger.dropdown-toggle,
.btn-danger:not(:disabled):not(.disabled).active:focus,
.btn-danger:not(:disabled):not(.disabled):active:focus,
.show>.btn-danger.dropdown-toggle:focus,
.btn-success:active,
.btn-success:focus,
.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show>.btn-success.dropdown-toggle,
.btn-success:not(:disabled):not(.disabled).active:focus,
.btn-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-success.dropdown-toggle:focus,
.daterangepicker .drp-buttons button.cancelBtn:focus,
.daterangepicker .drp-buttons button.cancelBtn:active,
.input-group .input-group-append button.btn:active,
.input-group .input-group-append button.btn:focus,
.smeditor-modal-box .smeditor-modal-button:active,
.smeditor-modal-box .smeditor-modal-button:focus{
    background:#686364;
    color:#ffffff;
    border:none;
    -webkit-box-shadow:  none !important;
    -moz-box-shadow:  none !important;
    box-shadow: none !important;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:active,
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:focus,
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:not(:disabled):not(.disabled).active,
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:not(:disabled):not(.disabled):active,
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:not(:disabled):not(.disabled).active:focus,
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:not(:disabled):not(.disabled):active:focus {
    color:#ffffff;
    border:none;
    -webkit-box-shadow:  none !important;
    -moz-box-shadow:  none !important;
    box-shadow: none !important;
}

.btn-secondary:active,
.btn-secondary:focus,
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle,
.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-secondary.dropdown-toggle:focus {
    background:#686364;
    color:#ffffff;
    border-color:#686364;
    -webkit-box-shadow:  none !important;
    -moz-box-shadow: none !important;
    box-shadow:  none !important;
}

.btn-primary.white:focus {
    color:#3c3c3c;
}

.btn-primary:focus:after,
.btn-primary:active:after,
.btn-secondary:active:before,
.btn-secondary:focus:before,
.btn-secondary:active:after,
.btn-secondary:focus:after,
.btn-white:focus:before,
.btn-white:active:before,
.btn-danger:focus:before,
.btn-danger:focus:after,
.btn-danger:active:before,
.btn-danger:active:after,
.btn-success:focus:before,
.btn-success:focus:after,
.btn-success:active:before,
.btn-success:active:after,
.daterangepicker .drp-buttons button.cancelBtn:active:after,
.daterangepicker .drp-buttons button.cancelBtn:active:before,
.daterangepicker .drp-buttons button.cancelBtn:focus:after,
.daterangepicker .drp-buttons button.cancelBtn:focus:before,
.input-group .input-group-append button.btn:active:before,
.input-group .input-group-append button.btn:active:after,
.input-group .input-group-append button.btn:focus:before,
.input-group .input-group-append button.btn:focus:after,
.smeditor-modal-box .smeditor-modal-button:active:before,
.smeditor-modal-box .smeditor-modal-button:focus:before {
    opacity:0;
}

.btn-icon {
}


h1, h2, h3, h4, h5, h6, .title, .ui-dialog .ui-dialog-content {
    font-family: 'Jost', sans-serif;
    font-weight: 600;
    color: #322d2e;
    letter-spacing: -0.02em;
}

.one-line {
    line-height:0.8;
}

h1 {
    font-size: 50px;
    line-height: 1.3;
    margin-bottom: 25px;
    font-weight: 700;
}

h2 {
    font-size: 45px;
    margin-bottom: 25px;
    line-height: 1.3;
    font-weight: 700;
}

h3 {
    font-size: 38px;
    margin-bottom: 20px;
    line-height: 1.3;
    font-weight: 700;
}

h4 {
    font-size: 26px;
    margin-bottom: 18px;
    line-height: 1.3;
    font-weight: 700;
}

h5, .ui-dialog .ui-dialog-content,
.tab-content .tab-pane .card-header .card-title {
    font-size: 19px;
    margin-bottom: 15px;
    line-height: 1.3;
    font-weight: 700;
    text-transform: none;
}

h5 {
    font-weight: 400;
}

h6, .card.card-inside .card .card-header .card-title {
    font-size: 18px;
    line-height: 1.3;
    margin-bottom: 20px;
    font-weight: 300;
}

ul, ol {
    float: left;
    width: 100%;
    display: block;
    list-style-type: none;
    margin-bottom: 28px;
    margin-top: 10px;
    padding-left: 35px;
}

ol {
    list-style: none;
    counter-reset: my-awesome-counter;
    position: relative;
    padding-top: 13px;
    padding-bottom: 13px;
}


ul li, ol li {
    position: relative;
    padding-left: 27px;
    margin: 0px;
    margin-bottom: 13px;
    line-height: 30px;
}

ul li:before, ol li:before {
    position: absolute;
    display: block;
}

ol li {
    counter-increment: my-awesome-counter;
    padding-left: 55px;
}

ul li:before {
    left: 0;
    top: 11px;
    width: 8px;
    height: 8px;
    border: 1px solid #3c3c3c;
    border-radius: 50%;
}

ol:before {
    background: rgb(94 102 115 / 71%);
    width: 1px;
    height: 100%;
    top: 0px;
    left: 68px;
}

ol li:before {
    content: counter(my-awesome-counter) ". ";
    color: #3c3c3c;
    font-weight: bold;
    left: 0px;
    font-family: 'Jost', sans-serif;
    letter-spacing:-0.03em;
}

table thead th, table.table thead th, .daterangepicker .drp-calendar .calendar-table table thead th {
    color: #322d2e;
    font-family: 'Jost', sans-serif;
    font-size: 14px;
    text-align: left;
    border-bottom: 1px solid #322d2e;
    padding: 0 15px 13px;
    border-top: 0px;
    font-weight: 700;
    white-space: nowrap;
    letter-spacing: -0.02em;
    vertical-align: baseline;
}

table thead tr.filter-row th, table.table thead tr.filter-row th {
    padding-left:15px;
    padding-right:15px;
}

table thead th:hover, table.table thead th:hover, .daterangepicker .drp-calendar .calendar-table table thead th:hover {
    color: #e0161b;
    cursor: pointer;
    border-color: #e0161b;
}

table thead th input, table.table thead th input {
    margin-top: 16px;
    height: 50px;
    border-radius: 10px;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 4px;
}

table thead th .selectize-control .selectize-input,
table.table thead th .selectize-control .selectize-input {
    margin-top: 17px;
    height: 45px;
    border-radius: 10px;
    padding: 10px 18px;
    font-size: 14px;
    font-weight: 400;
}

table thead th .selectize-control .selectize-input:after, table.table thead th .selectize-control .selectize-input:after {
    font-size: 18px;
    top: 16px;
}

table thead th .selectize-control .selectize-input.dropdown-active,
table.table thead th .selectize-control .selectize-input.dropdown-active {
    border-radius:10px 10px 0 0;
}

table thead th .selectize-dropdown, .selectize-dropdown.form-control, table.table thead th .selectize-dropdown, .selectize-dropdown.form-control {
    margin: -9px 0 0 0 !important;
}

table tbody td, table.table tbody td {
    border-bottom: 1px solid rgb(104 99 100 / 30%);
    padding: 19px 15px;
    border-top: none;
    vertical-align: middle;
    line-height: 28px;
    background: transparent;
    font-size: 16px;
    color: #686364;
    font-weight: 300;
}

table.table tbody td i.handle {
    float: right;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
    color: #322d2e;
}

table.table tbody td i.handle:hover {
    cursor:pointer;
    color: #e0161b;
}

table tbody tr:hover td, table.table tbody tr:hover td {
    background: rgb(104 99 100 / 5%);
}

a.unstyled:before,
ul.unstyled li:before,
ol.unstyled li:before {
    display:none;
}

a.unstyled {
    box-shadow: none;
}

ul.unstyled li,
ol.unstyled l {
    padding:0px;
}




::-ms-clear { display: none; }

p {
    margin: 0 0 14px;
    line-height: 30px;
}

b, strong {
    font-weight: 600;
    color: #5e6673;
}

li:last-of-type {
    margin:0 0 0 0 !important;
}

:focus, :active, :visited {
    outline:none;
    text-decoration:none;
}

.content {
    float:left;
    width:100%;
    height:auto;
    display:block;
}

.content > :first-child,
blockquote p:first-of-type {
    margin-top:-8px !important;
}

.content > :last-child,
blockquote p:last-of-type {
    margin-bottom:-8px !important;
}

a, button, input, select, textarea, a *, a *:before, a *:after, button *, button *:before, button *:after, a:before, a:after, .transition, .transition:before, .transition:after  {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
a:hover, button:hover, input:hover, select:hover, textarea:hover, a:hover *, a:hover *:before, a:hover *:after, button:hover *, button:hover *:before, button:hover *:after, a:hover:before, a:hover:after,  .transition:hover, .transition:hover:before, .transition:hover:after {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

::-moz-selection {
    color: #ffffff;
    background:#4299f1
}
::selection {
    color: #ffffff;
    background:#4299f1
}
::-ms-clear {
    display: none;
}


li:last-of-type {
    margin:0 0 0 0 !important;
}

:focus, :active, :visited {
    outline:none;
    text-decoration:none;
}

/*Aligns*/
.vertical {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.horizontal {
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.vhboth {
    position: relative;
    top:50%;
    left: 50%;
    -webkit-transform: translateY(-50%)translateX(-50%);
    -ms-transform: translateY(-50%)translateX(-50%);
    transform: translateY(-50%)translateX(-50%);
}

.fab:before, .fab:after {
    font-family:"Font Awesome 5 Brands";
    font-style:normal;
    font-weight:normal;
}
.fal:before, .fal:after {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
}
.fas:before, .fas:after {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
}
.container-fluid {
    margin: 0 0 120px 0;
    float: left;
    width: 100%;
    clear: both;
}
.no-padding {
    padding:0 0 0 0 !important;
}
.no-margin {
    margin:0 0 0 0 !important;
}
:hover, :active, :focus {
    text-decoration:none !important;
}

.card {
    border-radius: 25px;
    border: none;
    width: 100%;
    -webkit-box-shadow: 0 0 24px 0 rgb(50 45 46 / 12%);
    box-shadow: 0 0 24px 0 rgb(50 45 46 / 12%);
}

.dashboard-cards .card {
    height: 100%;
}

.card .header-logo {
    padding: 36px 36px 0px;
}

.card .header-logo img {
    max-height: 90px;
}

.card .card-header {
    font-family: 'Jost', sans-serif;
    color: #322d2e;
    font-size: 21px;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.3;
    border: none;
    background: #ffffff;
    padding: 25px 30px 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    letter-spacing: -0.02em;
    border-radius: 25px 25px 0 0;
}

.card .card-header .card-title {
    margin: 0px;
}

.card.auth-card .card-header {
    justify-content: center;
    font-size: 29px;
}

.card .card-body {
    padding: 36px 30px;
    border-radius: 0 0 25px 25px;
    padding-top: 24px;
}

.form-group {
    margin-bottom: 25px;
}

label, .card .card-header .card-actions lable, lable, .smeditor-modal-box label .smeditor-input-infos span {
    color: #322d2e;
    float: left;
    width: 100%;
    line-height: 1.3;
    font-size: 14px;
    font-weight: 700;
    display: block;
    margin: -2px 0 13px 0;
    font-family: 'Jost', sans-serif;
}


label:hover, .card .card-header .card-actions lable:hover, lable:hover,
.smeditor-modal-box label .smeditor-input-infos span:hover,
.smeditor-modal-box label:hover .smeditor-input-infos span {
    cursor: pointer;
    color: #e0161b;
}

.selectize-control.form-control,
.form-control {
    color: #686364;
}


input.form-control, .form-check label:before, .selectize-control .selectize-input, .custom-radio label:before, textarea, textarea.form-control, .smeditor-modal-box label input {
    height: 50px;
    display: block;
    border-radius: 10px;
    color: #686364 !important;
    outline: none !important;
    box-shadow: none !important;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: 300;
    font-family: 'Roboto', sans-serif;
    border: 1px solid rgb(104 99 100 / 41%);
    text-align: left !important;
    letter-spacing:0px;
}

canvas.signature-pad {
    border: 1px solid rgb(104 99 100 / 41%) !important;
    border-radius: 10px;
}

canvas.signature-pad:hover {
    border: 1px solid rgb(104 99 100 / 100%) !important;
}

textarea, textarea.form-control {
    height: 150px;
    resize: none;
    line-height: 30px;
}

.custom-radio label:before   {
}

.selectize-control {
}

.selectize-control .selectize-input {
    padding-right: 50px;
    display: flex !important;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
    width: 100%;
}

.selectize-control.multi .selectize-input.has-items {
    padding: 10px 13px;
    padding-right: 50px;
    flex-wrap: wrap;
    height: auto;
    min-height: 50px;
}

.selectize-control.multi .selectize-input > div {
    border-radius: 0px;
    margin: 2px 5px 2px 0;
    background: #322d2e;
    color: #ffffff;
    font-size: 12px;
    font-weight: 700;
    padding: 5px 10px;
    white-space: nowrap;
    border-radius: 6px;
    width: auto;
}

.selectize-control.multi .selectize-input > div:hover {
    background:#ee1d23;
}

.selectize-input > input {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #686364;
    font-weight: 300;
    outline: none !important;
    margin-top: 1px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: 0px;
}

.search-products .selectize-input > input {
    width: 100% !important;
}

.selectize-control.form-control, .form-control.multi > input {
    margin-top: 0px !important;
}

.selectize-control .selectize-input .item {
    display: initial;
    white-space: nowrap;
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: visible;
    width: auto;
    line-height: 1;
    margin-top: 1px;
}

.selectize-control .selectize-input:after, .selectize-control.single .selectize-input:after {
    content: "\f107" !important;
    font-family: "Font Awesome 5 Pro";
    border: none;
    width: auto;
    height: auto;
    right: 22px;
    top: 17px;
    line-height: 0.8;
    padding: 0px;
    margin: 0px;
    font-size: 20px;
    color: #686364;
    margin: 0px !important;
    font-weight: 100;
}

.selectize-control .selectize-input.dropdown-active:after,
.selectize-control.single .selectize-input.dropdown-active:after {
    content:"\f106" !important;
}

.selectize-dropdown, .selectize-dropdown.form-control {
    border-color: #231f20;
    box-shadow: none;
    border-radius: 0px;
    margin: -6px 0 0 0 !important;
    border-top: 1px solid #ffffff;
    max-width: 100%;
    border-radius: 0 0 10px 10px;
    overflow: hidden;
}

.selectize-dropdown .selectize-dropdown-content, .selectize-dropdown.form-control .selectize-dropdown-content {
    float: left;
    width: 100%;
    display: block;
}

.selectize-dropdown .selectize-dropdown-content .badge, .selectize-dropdown.form-control .selectize-dropdown-content .badge {
    color: #ffffff;
    background: #ff5254;
    font-size: 11px;
    float: left;
    display: block;
    padding: 5px 8px;
    margin-top: 4px;
}

.selectize-dropdown .selectize-dropdown-content .option, .selectize-dropdown.form-control .selectize-dropdown-content .option, .selectize-dropdown .selectize-dropdown-content .create, .selectize-dropdown.form-control .selectize-dropdown-content .create, .selectize-control.inputStockLocation .selectize-dropdown.form-control .selectize-dropdown-content .container {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #686364;
    font-weight: 300;
    padding: 10px 20px;
    background: rgb(98 115 134 / 0%);
    opacity: 1;
}

.selectize-control.inputStockLocation .selectize-dropdown.form-control .selectize-dropdown-content span.name {
    float: left;
    width: 100%;
    display: block;
}

.selectize-control.inputStockLocation .selectize-dropdown.form-control .selectize-dropdown-content span.name strong {
    font-weight: 400;
}

.selectize-control.inputStockLocation .selectize-dropdown.form-control .selectize-dropdown-content .container .col-8, .selectize-control.inputStockLocation .selectize-dropdown.form-control .selectize-dropdown-content .container .col-4 {
    flex: 0 0 100%;
    max-width: 100%;
}

.selectize-dropdown .selectize-dropdown-content .option:hover, .selectize-dropdown.form-control .selectize-dropdown-content .option:hover, .selectize-dropdown .selectize-dropdown-content .create:hover, .selectize-dropdown.form-control .selectize-dropdown-content .create:hover, .selectize-control.inputStockLocation .selectize-dropdown.form-control .selectize-dropdown-content .container:hover {
    cursor: pointer;
    background: rgb(104 99 100 / 12%);
}

.selectize-dropdown .selectize-toolbar, .selectize-dropdown.form-control .selectize-toolbar {
    padding: 10px 0 0px 0;
    opacity: 1;
}

.selectize-dropdown .selectize-toolbar .btn-group,
.selectize-dropdown.form-control .selectize-toolbar .btn-group {
    float: left;
    width: 100%;
    display: block;
    padding: 0 20px;
}

.selectize-dropdown .selectize-toolbar .btn-group .btn-group,
.selectize-dropdown.form-control .selectize-toolbar .btn-group .btn-group {
    padding: 0px;
    display: block;
}

.selectize-dropdown .selectize-toolbar .btn-group button, .selectize-dropdown.form-control .selectize-toolbar .btn-group button {
    padding: 0px;
    height: auto;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    box-shadow: inset 0 -0.04rem 0 0 #ee1d23;
    transition: box-shadow 0.2s;
    font-weight: 700;
    color: #ee1d23;
    position: relative;
    line-height: 1.2;
    background: none !important;
    width: auto;
    float: right;
    margin-left: 15px;
    border-radius: 0px;
    border: none !important;
    margin-top: -10px;
    margin-bottom: 9px;
}

.selectize-dropdown .selectize-toolbar .btn-group button:hover, .selectize-dropdown.form-control .selectize-toolbar .btn-group button:hover {
    box-shadow: inset 0 -0.04rem 0 0 #322d2e;
    color: #322d2e;
}

.selectize-dropdown .selectize-toolbar .btn-group button:active,
.selectize-dropdown.form-control .selectize-toolbar .btn-group button:active,
.selectize-dropdown .selectize-toolbar .btn-group button:focus,
.selectize-dropdown.form-control .selectize-toolbar .btn-group button:focus {
    box-shadow: inset 0 -0.04rem 0 0 #322d2e;
    color: #322d2e;
}

.selectize-dropdown .selectize-toolbar .btn-group button:before,
.selectize-dropdown.form-control .selectize-toolbar .btn-group button:before,
.selectize-dropdown .selectize-toolbar .btn-group button:after,
.selectize-dropdown.form-control .selectize-toolbar .btn-group button:after {
    display:none;
}


.selectize-dropdown .selectize-dropdown-content .create,
.selectize-dropdown.form-control .selectize-dropdown-content .create {
    background:#4299f1;
    color:#ffffff;
}

.selectize-dropdown .selectize-dropdown-content .create strong,
.selectize-dropdown.form-control .selectize-dropdown-content .create strong {
    color:#ffffff;
}

.selectize-dropdown .selectize-dropdown-content .create:hover,
.selectize-dropdown.form-control .selectize-dropdown-content .create:hover {
    background: #e0161b;
    color: #ffffff;
}

.selectize-dropdown .selectize-dropdown-content .create:hover strong,
.selectize-dropdown.form-control .selectize-dropdown-content .create:hover strong {
    color: #ffffff;
}

/*.selectize-dropdown .selectize-dropdown-content .option:hover,
.selectize-dropdown.form-control .selectize-dropdown-content .option:hover,
.selectize-dropdown .selectize-dropdown-content .option:focus,
.selectize-dropdown.form-control .selectize-dropdown-content .option:focus,
.selectize-dropdown .selectize-dropdown-content .option:visited,
.selectize-dropdown.form-control .selectize-dropdown-content .option:visited,
.selectize-dropdown .selectize-dropdown-content .option:target,
.selectize-dropdown.form-control .selectize-dropdown-content .option:target,
.selectize-dropdown .selectize-dropdown-content .option:focus-within,
.selectize-dropdown.form-control .selectize-dropdown-content .option:focus-within,*/
.selectize-control.inputStockLocation .selectize-dropdown.form-control .selectize-dropdown-content .container.active,
.selectize-dropdown .selectize-dropdown-content .option.active,
.selectize-dropdown.form-control .selectize-dropdown-content .option.active {
    background: rgb(98 115 134 / 10%);
}

.selectize-dropdown .selectize-dropdown-content .option.selected.active, selectize-dropdown.form-control .selectize-dropdown-content .option.selected.active,
.selectize-control.inputStockLocation .selectize-dropdown.form-control .selectize-dropdown-content .container.active {
    background: #ee1d23;
    font-weight: 400;
    color: #ffffff;
}

.selectize-control.inputStockLocation .selectize-dropdown.form-control .selectize-dropdown-content .container.active strong {
    color: #ffffff;
}

input.form-control:hover, .form-check:hover label:before, .selectize-control .selectize-input:hover, .custom-radio:hover label:before, .input-group:hover input.form-control, .input-group:hover .selectize-control .selectize-input, textarea:hover, textarea.form-control:hover, .smeditor-modal-box label input:hover {
    border-color: #686364;
}

input.form-control:focus,
input.form-control:active,
.form-check input:checked ~ label:before,
.selectize-control .selectize-input.dropdown-active,
.custom-radio input:checked ~ label:before,
textarea:focus,
textarea:active,
textarea.form-control:focus,
textarea.form-control:active,
.smeditor-modal-box label input:focus {
    border-color:#322d2e;
}

.selectize-control .selectize-input.dropdown-active {
    border-radius:10px 10px 0 0;
}

.form-check,
.custom-radio,
.custom-checkbox {
    padding: 0px;
    min-height: 40px;
    display: block;
}

.custom-radio {
    min-height: 26px;
}

.form-group .custom-radio {
    float: left;
    margin-right: 25px;
}

.form-check input,
.custom-radio input,
.custom-checkbox input {
    display:none;
}

.form-check label, .custom-radio label, .custom-checkbox label, .blade-checkbox > label {
    min-height: 40px;
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    margin: 0px;
    padding-left: 58px;
    font-size: 16px;
    color: #686364;
    font-weight: 300;
    font-family: 'Roboto',sans-serif;
}

.blade-checkbox label {
    margin-bottom: -40px;
}

.custom-radio label {
    min-height: 26px;
    padding-left: 43px;
}

.form-check label:before, .custom-radio label:before, .custom-checkbox label:before {
    color: transparent !important;
    font-family: "Font Awesome 5 Pro";
    content: "\f00c";
    position: absolute;
    left: 0px;
    height: 40px;
    width: 40px;
    font-size: 16px;
    text-align: center;
    padding: 10px 0px;
    font-weight: 400;
    text-align: center !important;
    border-radius: 7px !important;
    top: 0px;
}


.custom-radio label:before {
    content: "\f111";
    font-weight: 600;
    padding: 5px 0px;
    font-size: 11px;
}

.form-check input:checked ~ label:before, .custom-radio input:checked ~ label:before,
.custom-checkbox input:checked ~ label:before {
    color: #322d2e !important;
}

.custom-control-input:checked ~ .custom-control-label::before {
    border-color:#322d2e;
    background:#ffffff;
}

.custom-radio input:checked ~ label:before {
    border-color: #322d2e !important;
    background: #322d2e !important;
    color: #ffffff !important;
}

.custom-radio label:before {
    top: 0px;
    width: 26px;
    height: 26px;
    text-align: center !important;
    border-radius: 50% !important;
}

.input-group.mb-3 {
    margin-bottom: 0px !important;
}

.input-group .input-group-append {
    border: none !important;
    height: 50px;
    z-index: 2;
    background: #ffffff;
    margin-left: -1px;
}


.input-group .selectize-control .selectize-input {
    border-radius: 12px 0 0 12px;
}

.input-group .selectize-control .selectize-input.dropdown-active {
    border-radius: 12px 0 0 0px;
}

/*.input-group:hover .input-group-append {
    border: 1px solid rgb(88 79 81 / 100%);
}*/

.input-group input:focus ~ .input-group-append,
.input-group input:active ~ .input-group-append {
    border-color: #322d2e;
}

.input-group .input-group-append button, .input-group .input-group-append a.btn {
    min-width: 50px;
    height: 50px;
    padding: 18px 20px !important;
    text-align: center;
    overflow: hidden;
    margin-top: 0px;
    margin-right: -1px;
    white-space: nowrap;
    color: #ffffff;
}

.input-group .input-group-append button i {
    float:left;
    width:100%;
    display:block;
    padding:0px;
    text-align:center;
}

.input-group input {
    border-right-color: #ffffff !important;
}

body.no-auth {
    padding-top: 130px;
    padding-bottom: 90px;
}

main {
    padding-left: 30px;
    padding-right: 30px;
}

.header {
    top: 0px;
    left: 0px;
    z-index: 4;
    background: #ffffff;
    height: 90px;
    box-shadow: 0px 0px 24px 0px rgb(30 46 63 / 11%);
    padding-top: 25px;
    padding-bottom: 25px;
}

.header a.logo-main {
    float: left;
    box-shadow: none;
    height: auto;
    opacity: 1;
    width: auto;
    white-space: nowrap;
}

.header a.logo-main:hover {
    opacity:0.6;
}

.header a.logo-main img {
    float: left;
    height: auto;
    display: block;
    margin-right: 12px;
    max-width: none;
    max-height: 50px;
    max-width: 100%;
}

.header a.logo-main span {
    color: #322d2e;
    font-weight: 700;
    text-transform: none;
    font-size: 18px;
}

.header ul.navbar-nav {
    width: auto;
    display: block;
    margin: 0px;
}

.header ul.navbar-nav > li {
    float: left;
    margin: 0px;
    margin-right: 40px;
    height: 100%;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1;
}

.header ul.navbar-nav > li > a {
    padding: 0px;
    font-family: 'Jost', sans-serif;
    color: #686364;
    box-shadow: none;
    position: relative;
    font-weight: 600;
    font-size: 14px;
    float: left;
    width: auto;
    letter-spacing: -0.02em;
}

.header ul.navbar-nav > li > a:hover {
    color: #ee1d23;
}

.header ul.navbar-nav > li > a:before, .header ul.navbar-nav > li > a.dropdown-toggle:before {
    content: "";
    display: block;
    height: 2px;
    background: #ee1d23;
    width: 0;
    bottom: -30px;
}

.header ul.navbar-nav > li > a:hover:before,
.header ul.navbar-nav > li > a:hover.dropdown-toggle:before  {
    width:100%;
}

.header ul.navbar-nav > li > a.dropdown-toggle {
    padding-right: 20px;
}

.header ul.navbar-nav > li > a.dropdown-toggle:after {
    content: "\f107";
    font-family: "Font Awesome 5 Pro";
    position: absolute;
    border: none;
    width: auto;
    height: auto;
    right: 0px;
    font-size: 12px;
    margin: 0px;
    top: 1px;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

.header ul.navbar-nav > li.show > a.dropdown-toggle:after {
    content:"\f106";
}

.header ul.navbar-nav > li .dropdown-menu {
    transform: none !important;
    top: 60px !important;
    left: -20px !important;
    box-shadow: 0px 0px 24px 0px rgb(104 99 100 / 17%);
    border: none;
    border-radius: 17px;
    margin: 0px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    visibility: hidden;
    opacity: 0;
    display: block;
    padding: 0px 0;
    position: absolute;
    z-index: -1;
    height: 0px;
    overflow: hidden;
}

.header ul.navbar-nav > li .dropdown-menu a {
    color: #686364;
    box-shadow: none;
    float: left;
    width: 100%;
    display: block;
    padding: 12px 24px;
    font-weight: 400;
    font-size: 14px;
    height: 40px;
    line-height: normal;
    white-space: nowrap;
}

.header ul.navbar-nav > li .dropdown-menu a:hover {
    color: #ee1d23;
}

.header ul.navbar-nav > li .dropdown-menu.show {
    opacity: 1;
    visibility: visible;
    height: auto;
    padding: 10px 0;
    z-index:10;
}

/*.header ul.navbar-nav > li.logout a {
    width: 36px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ff982c;
    color: #4299f1;
}*/

/*.header ul.navbar-nav > li.logout a:hover {
    background:#4299f1;
    color:#ffffff;
}

.header ul.navbar-nav > li.logout a:before {
    display:none;
}
*/

.header ul.navbar-nav > li.logout a {
}

.header ul.navbar-nav > li.logout a:hover {
}


.header ul.navbar-nav > li.logout a i {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
    font-size: 15px;
    float: left;
    margin: 9px 10px 0px 0;
}

.header ul.navbar-nav > li.logout a i:before {
    position:relative;
    width:auto;
    height:auto;
    -webkit-transition: none;
    -moz-transition:none;
    -ms-transition: none;
    -o-transition:none;
    transition:none;
}


.footer {
    bottom: 0px;
    left: 0px;
    height: 80px;
    background: none;
    font-size: 13px;
    font-weight: 500;
}

.footer p {
    margin: 0px;
    color: #322d2e;
    font-weight: 400;
}

.footer p span {
    display: inline-block;
    font-size: 14px;
    padding: 0 12px;
}

.footer a {
    box-shadow: none;
    color: #ee1d23;
    line-height: 30px;
}

.footer a:hover {
    color: #322d2e;
}

.btn i {
    font-size: 15px;
    display: inline-block;
    padding-right: 5px;
    padding-top: 0px;
    margin-top: 2px;
}

.btn i:before {
    font-weight: 400;
}

.dataTables_wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

div.dataTables_wrapper div.dataTables_processing {
    width: 100%;
    height: 100%;
    top: -15px;
    left: 0px;
    margin: 0px;
    background: rgb(255 255 255 / 55%);
    text-indent: -9999px;
    backdrop-filter: blur(2px);
    z-index: 5;
    border-radius: 0px;
    box-shadow: none;
}

@keyframes bounce {
    from,
    20%,
    53%,
    80%,
    to {
        animation-timing-function: linear;
        transform: translate3d(0, 0, 0);
    }

    40%,
    43% {
        animation-timing-function: linear;
        transform: translate3d(0, -30px, 0);
    }

    70% {
        animation-timing-function: linear;
        transform: translate3d(0, -15px, 0);
    }

    90% {
        transform: translate3d(0, -4px, 0);
    }
}

div.dataTables_wrapper div.dataTables_processing:after {
    animation-name: bounce;
    transform-origin: center bottom;
    animation-iteration-count: infinite;
    animation-duration: 3s;
    animation-fill-mode: both;
    background: url(/images/urban-logo.png) center center no-repeat;
    position: relative;
    display: block;
    height: 50px;
    height: 50px;
    background-size: contain;
    margin: 60px auto 0;
}


table.dataTable {
    margin: 0px !important;
    margin-bottom: 45px !important;
}

.dataTables_wrapper div.dataTables_info {
    padding: 0px !important;
    font-size: 14px;
    color: #322d2e;
    font-weight: 500;
    font-family: 'Jost', sans-serif;
    letter-spacing:-0.03em;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    margin: 0px;
    border-bottom: 2px solid rgb(98 115 134 / 25%);
    border-radius: 0px;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination li {
    margin: 0px;
    padding: 0px;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination li:before {
    display:none;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination li a {
    border: none;
    border-radius: 0px;
    box-shadow: none;
    color: #686364;
    font-size: 13px;
    font-weight: 600;
    min-width: 40px;
    min-height: 34px;
    text-align: center;
    padding: 0px;
    display: flex;
    justify-content: center;
    align-items: start;
    position: relative;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination li a:before {
    height: 2px;
    bottom: -2px;
    width: 0px;
    background: #4299f1;
    left: 0px;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination li a:hover {
    color: #4299f1;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination li a:hover:before {
    width:100%;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination li.active a {
    background: none;
    box-shadow: none;
    color: #322d2e;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination li.active a:before {
    width:100%;
    background: #322d2e;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination li.previous a,
div.dataTables_wrapper div.dataTables_paginate ul.pagination li.next a {
    position:relative;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination li.previous a {
    padding-left: 26px;
    padding-right: 10px;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination li.next a {
    padding-left: 10px;
    padding-right: 26px;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination li.previous a:after, div.dataTables_wrapper div.dataTables_paginate ul.pagination li.next a:after {
    position: absolute;
    width: auto;
    height: auto;
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    margin-top: 0px;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination li.previous a:after {
    left:0px;
    content:"\f177";
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination li.next a:after {

    right:0px;

    content:"\f178";
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination li.disabled a {
    pointer-events: none;
    cursor: default;
    opacity: 0.4;
}

table tbody td.actions .btn, table.table tbody td.actions .btn {
    min-width: 50px;
    padding: 18px 17px;
}

table tbody td.actions .btn i, table.table tbody td.actions .btn i {
    padding: 0px;
}

table.dataTable > thead .sorting, table.dataTable > thead .sorting_asc, table.dataTable > thead .sorting_desc, table.dataTable > thead .sorting_asc_disabled, table.dataTable > thead .sorting_desc_disabled {
    padding-left: 33px;
    position: relative;
}


table.dataTable > thead .sorting:before, table.dataTable > thead .sorting_asc:before, table.dataTable > thead .sorting_desc:before, table.dataTable > thead .sorting_asc_disabled:before, table.dataTable > thead .sorting_desc_disabled:before {
    content: "\f883";
    font-family: "Font Awesome 5 Pro";
    top: 3px;
    left: 13px;
}

table.dataTable > thead .sorting:hover {
    color: #e0161b;
    border-color: #e0161b;
}

table.dataTable > thead .sorting:after, table.dataTable > thead .sorting_asc:after, table.dataTable > thead .sorting_desc:after, table.dataTable > thead .sorting_asc_disabled:after, table.dataTable > thead .sorting_desc_disabled:after {
    display:none;
}

/* modals */
.modal-backdrop, .ui-widget-overlay {
    background: rgb(104 99 100 / 40%);
    opacity: 1 !important;
    backdrop-filter: blur(3px);
}

.ui-widget-overlay {
    z-index: 1052 !important;
}

.ui-widget {
    border: none !important;
    padding: 30px;
    z-index: 1053 !important;
    width: auto !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
    position: fixed !important;
}
.ui-widget .ui-dialog-titlebar {
    display: none;
}

.modal {
    display: flex !important;
    visibility: hidden;
    align-items: center;
    padding-top: 50px;
    padding-bottom: 50px;
    overflow: hidden !important;
}

.modal.show {
    visibility: visible;
}

.modal .modal-dialog {
    margin-top: 0px;
    margin-bottom: 0px;
}

.modal .modal-content, .ui-widget {
    border: none;
    border-radius: 25px;
    box-shadow: 0px 0px 24px 0px rgb(30 46 63 / 29%);
}

.modal .modal-content .modal-header {
    padding: 30px;
    border: none;
    padding-bottom: 10px;
    border-radius: 25px 25px 0 0;
}



.modal .modal-content .modal-header h5,
.ui-dialog .ui-dialog-content,
.tab-content .tab-pane .card-header .card-title  {
    line-height: 1.2;
}

.modal .modal-content .modal-header span.card-title,
.tab-content .tab-pane .card-header .card-title {
    margin:0px;
}

.modal .modal-content .modal-header button.close {
    width: 40px;
    height: 40px;
    display: block;
    padding: 0px;
    opacity: 1;
    font-size: 20px;
    margin-top: -9px !important;
    margin-right: -12px !important;
}

.modal .modal-content .modal-header button.close:hover {
    opacity:0.6;
}

.modal .modal-content .modal-header button.close:before {
    content: "\f00d";
    font-family: "Font Awesome 5 Pro";
    width: auto;
    height: auto;
    position: relative;
    color: #f31919;
    font-weight: 100;
}

.modal .modal-content .modal-header button.close span {
    display:none;
}

.modal .modal-content .modal-body,
.ui-dialog .ui-dialog-content {
    padding: 0px;
}

.modal .modal-content .modal-body {
    overflow-x: hidden;
    overflow-x: auto;
    max-height: calc(100vh - 164px);
}



.ui-dialog .ui-dialog-content {
    text-align: center;
    margin: -5px 0 0 0;
    overflow: visible;
}

.ui-dialog .ui-dialog-buttonpane {
    clear: both;
    float: left;
    width: 100%;
    display: block;
    border: none;
    padding: 0px;
    margin-top: 29px;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    width: 100%;
    display: flex;
    justify-content: space-around;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button {
    margin: 0px 10px;
    color: #ffffff !important;
    white-space: nowrap;
    width: auto;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:first-of-type {
    margin-right:auto;
    margin-left: 0px;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:last-of-type {
    margin-left:auto;
    margin-right: 0px;
}

.modal .modal-content .modal-body .card-body {
    padding: 30px;
    padding-top: 20px;
}

.repeater {
    float: left;
    width: 100%;
    display: block;
    height: auto;
}

.modal .modal-dialog {
    max-height: 100%;
    overflow: hidden;
    border-radius: 25px;
    box-shadow: 0px 0px 24px 0px rgb(30 46 63 / 29%);
}

.modal .modal-content {
    display: block;
    max-height: calc(100vh - 100px);
    float: left;
    height: auto;
    overflow: hidden;
}

.card .card-header .card-actions,
.card .card-header .nav.nav-pills {
    padding-left: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    align-items: center;
}

.card .card-header .nav.nav-pills {
    margin: 0px;
    margin-left: auto;
    width: auto;
}

.card .card-header .card-actions lable,
.card .card-header .card-actions label {
    width: auto;
    margin: -2px 20px 0 0;
    line-height: 1;
}

.card .card-header .card-actions .selectize-control, .card .card-header .card-actions input {
    width: auto;
    flex: 1;
    max-width: 210px;
    min-width: 210px;
}

.card .card-header .card-actions .btn {
    float: left;
    width: auto;
    margin-right: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.card .card-header .card-actions .btn i {
    margin-top: 2px;
    padding-right: 5px;
}

.card .card-header .card-actions .btn i:before {
    font-weight: 400;
}
.card .card-header .card-actions .btn:last-of-type {
    margin-right: 0px;
}

.daterangepicker {
    position: fixed;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    margin: 0px;
    padding: 30px;
    border: none;
    border-radius: 0px;
    height: auto;
    max-width: 690px;
    box-shadow: 0px 0px 24px 0px rgb(30 46 63 / 11%);
    border-radius: 25px;
}

.daterangepicker:before,
.daterangepicker:after {
    display:none;
}

.daterangepicker .ranges {
    margin-top: 0px !important;
    float: left;
    width: 100%;
    display: block;
    margin-bottom: 0px;
}

.daterangepicker .ranges ul {
    float: left;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    flex-direction: row;
    margin: -9px 0 25px 0;
}

.daterangepicker .ranges ul li {
    margin: 0px;
    background: none !important;
    font-weight: 600;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    padding: 0 10px 15px;
    position: relative;
    color: #686364;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.daterangepicker .ranges ul li:before {
    content: "";
    background: #e0161b;
    position: absolute;
    bottom: 0px;
    left: 0px;
    height: 2px;
    top: auto;
    border-radius: 0px;
    width: 0px;
    border: none;
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.daterangepicker .ranges ul li:hover {
    color: #e0161b;
}

.daterangepicker .ranges ul li.active {
    color: #4299f1;
}

.daterangepicker .ranges ul  li.active:before {
    background:#4299f1;
}

.daterangepicker .ranges ul  li.active:before,
.daterangepicker .ranges ul  li:hover:before {
    width:100%;
    opacity:1;
}

.daterangepicker .drp-calendar {
    border: none !important;
    float: left;
    padding: 0px !important;
    max-width: none;
}

.daterangepicker .drp-calendar.right {
    margin-left: 30px;
}

.daterangepicker .drp-calendar .calendar-table {
}

.daterangepicker .drp-calendar .calendar-table table {
}

.daterangepicker .drp-calendar .calendar-table table thead th {
    padding: 0 10px 10px;
    font-size: 12px;
    border-right: none !important;
    border-left: none !important;
}

.daterangepicker .drp-calendar .calendar-table table tr td {
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    color: #686364;
    font-weight: 500;
    padding: 0px;
    width: 42px;
    height: 42px;
    padding: 0px;
    vertical-align: middle;
    line-height: 1;
    background: none;
    border-radius: 0px;
    border: none;
    border-radius: 10px;
}

.daterangepicker .drp-calendar .calendar-table table tr td:hover {
    background: #686364 !important;
    color: #ffffff !important;
}

.daterangepicker .drp-calendar .calendar-table table tr td.off {
    opacity:0.4;
    filter:grayscale(1);
}

.daterangepicker .drp-calendar .calendar-table table tr td.active, .daterangepicker .drp-calendar .calendar-table table tr td.start-date, .daterangepicker .drp-calendar .calendar-table table tr td.end-date {
    background: #ee1d23 !important;
    color: #ffffff !important;
}

.daterangepicker .drp-calendar .calendar-table table tr td.in-range {
    background: rgb(66 153 241 / 8%);
    color: #686364;
    border-radius: 0px;
}

.daterangepicker .drp-calendar .calendar-table table tr td.start-date {
    border-radius: 10px 0 0 10px;
}

.daterangepicker .drp-calendar .calendar-table table tr td.end-date {
    border-radius: 00px 10px 10px 0px;
}

.daterangepicker .drp-calendar .calendar-table table tr td.start-date.end-date {
    border-radius:10px;
}

.daterangepicker .drp-calendar .calendar-time {
    float: left;
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 20px 0 0 0;
    flex-direction: row;
    align-content: center;
    align-items: center;
}

.daterangepicker .drp-calendar .calendar-table table thead tr:first-of-type th {
    border: none;
    padding-bottom: 20px;
}

.daterangepicker .drp-calendar .calendar-table table thead th.prev, .daterangepicker .drp-calendar .calendar-table table thead th.next {
    background: none;
    position: relative;
}

.daterangepicker .drp-calendar .calendar-table table thead th.prev span,
.daterangepicker .drp-calendar .calendar-table table thead th.next span {
    display:none;
}

.daterangepicker .drp-calendar .calendar-table table thead th.prev:before, .daterangepicker .drp-calendar .calendar-table table thead th.next:before {
    font-family: 'Font Awesome 5 Pro';
    float: left;
    width: 40px;
    height: 40px;
    top: 0px;
    left: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #231f20;
    color: #ffffff;
    font-size: 18px;
    font-weight: 400;
    border-radius: 10px;
    padding-top: 2px;
}

.daterangepicker .drp-calendar.left.single .calendar-table {
    padding: 0px;
}

.daterangepicker .drp-calendar .calendar-table table thead th.prev:before {
    content: "\f104";
    padding-right: 2px;
}

.daterangepicker .drp-calendar .calendar-table table thead th.next:before {
    content:"\f105";
    padding-left: 2px;
}

.daterangepicker .drp-calendar .calendar-table table thead th.prev:hover:before, .daterangepicker .drp-calendar .calendar-table table thead th.next:hover:before {
    background: #e0161b;
    color: #ffffff;
}

.daterangepicker .drp-calendar .calendar-time select, .daterangepicker .drp-calendar .calendar-table table thead th select {
    margin: 0px;
    display: block;
    border-radius: 10px;
    color: #686364;
    outline: none !important;
    box-shadow: none !important;
    padding: 4px 15px;
    font-size: 13px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    border: 1px solid rgb(98 115 134 / 40%);
    background: none;
    height: 40px;
    appearance: none;
    -webkit-appearence: none;
    width: auto;
    line-height: normal;
    margin: 0 10px;
    float: left;
}

.daterangepicker .drp-calendar .calendar-table table thead th select {
    margin: 0px;
}

.daterangepicker .drp-calendar .calendar-table table thead th select.monthselect {
    width: 62%;
}

.daterangepicker .drp-calendar .calendar-table table thead th select.yearselect {
    width: 34%;
    margin-left: 4%;
}

.daterangepicker .drp-calendar .calendar-time select:hover,
.daterangepicker .drp-calendar .calendar-time select:focus,
.daterangepicker .drp-calendar .calendar-time select:active,
.daterangepicker .drp-calendar .calendar-table table thead th select:hover,
.daterangepicker .drp-calendar .calendar-table table thead th select:focus,
.daterangepicker .drp-calendar .calendar-table table thead th select:active {
    border: 1px solid rgb(98 115 134 / 100%);
}

.daterangepicker .drp-buttons {
    clear: both;
    float: left;
    width: 100%;
    padding: 0px;
    margin-top: 30px;
    display: flex !important;
    flex-direction: row-reverse;
    border: none;
    justify-content: flex-end;
    line-height: 1;
    align-items: center;
}

.daterangepicker .drp-buttons .drp-selected {
    margin-left: auto;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    color: #686364;
    font-weight: 600;
    letter-spacing: 0;
}

.daterangepicker .drp-buttons button.btn {
    float: left;
    margin: 0 15px 0 0;
    min-width: 90px;
    height: 40px;
    padding: 4px 8px;
}

.tab-content {
    clear: both;
    float: left;
    width: 100%;
    height: auto;
}

.tab-content .tab-pane .card,
.tab-pane .card {
    box-shadow:none;
}

.tab-content .tab-pane .card-header {
    padding: 0px;
    margin-bottom: 30px;
}

.tab-content .tab-pane .card-header .card-title {
    margin: -4px 0 -4px 0;
}

.tab-content .tab-pane .card-body {
    padding: 0px;
}

.tab-content .tab-pane .card-header .card-actions {
    margin-bottom: 10px;
}

ul.nav-tabs {
    margin: -3px 0 35px 0;
    border-bottom: 2px solid rgb(98 115 134 / 25%);
    padding-left: 0px;
    display: flex;
}

ul.nav-tabs.align-form {
    margin-top: 44px;
}

ul.nav-tabs li {
    margin: 0px;
    padding: 0px;
    line-height: normal;
}

ul.nav-tabs li:before {
    display:none;
}

ul.nav-tabs li a {
    position: relative;
    border: none !important;
    box-shadow: none;
    font-size: 15px;
    color: #686364;
    font-family: 'Jost', sans-serif;
    padding: 0 19px 15px;
    background: none !important;
    letter-spacing: -0.02em;
    font-weight: 700;
}

ul.nav-tabs li a:before {
    background: #322d2e;
    position: absolute;
    bottom: -1px;
    width: 0px;
    opacity: 0;
    height: 2px;
    left: 0px;
}

ul.nav-tabs li a:hover {
    color:#322d2e;
}

ul.nav-tabs li a.active:before {
    background:#e0161b;
}

ul.nav-tabs li a.active {
    color: #e0161b !important;
}

ul.nav-tabs li a:hover:before,
ul.nav-tabs li a.active:before {
    width:100%;
    opacity:1;
}

table.table tbody td span {
    float: left;
    width: 100%;
    display: block;
    text-align: center;
}

table.table tbody td span i {
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    align-items: center;
    border-radius: 50%;
    overflow: hidden;
    font-size: 12px;
    line-height: normal;
}

table.table tbody td span i.fa-check-circle {
    background: #07bf69;
    color: #ffffff;
}

table.table tbody td span i.fa-check-circle:before {
    content: "\f00c";
    font-weight: 400;
}

table.collapsed tbody td.dtr-control, table.table.collapsed tbody td.sorting_1.dtr-control {
    padding-left: 56px !important;
    position: relative;
}

table.collapsed tbody td.dtr-control:before, table.table.collapsed tbody td.sorting_1.dtr-control:before {
    content: "\f067" !important;
    font-family: 'Font Awesome 5 Pro' !important;
    box-shadow: none !important;
    height: 24px !important;
    width: 24px !important;
    left: 15px !important;
    top: 50% !important;
    border: none !important;
    line-height: 0.8 !important;
    margin: 0 !important;
    border-radius: 50% !important;
    padding: 7px 0;
    box-sizing: border-box !important;
    font-weight: 400;
    font-size: 14px;
    transform: translateY(-50%);
    background: #4299f1 !important;
    padding-left: 1px;
    color: #ffffff;
    text-align: center;
    padding-right: 1px;
}

table.collapsed tbody td.dtr-control:hover:before, table.table.collapsed tbody td.sorting_1.dtr-control:hover:before {
    background: #26ccbb !important;
    color: #ffffff !important;
}

table.collapsed tbody .parent td.dtr-control:before, table.table.collapsed tbody .parent td.sorting_1.dtr-control:before {
    content: "\f068" !important;
}

table tbody tr.child, table.table tbody tr.child {
    background: none !important;
    padding: 0px;
}

table tbody tr.child td.child, table.table tbody tr.child td.child {
    background: none !important;
    padding: 0px;
}

table tbody tr.child td.child table, table.table tbody tr.child td.child table {
    float: left;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

table tbody tr.child td.child table tr,
table.table tbody tr.child td.child table tr {
    max-width: 20%;
    flex: 0 0 20%;
}

table tbody tr.child td.child table tr td, table.table tbody tr.child td.child table tr td {
    background: none !important;
    border: none;
    float: left;
    width: 100%;
    display: block;
    box-sizing: border-box;
}

table tbody tr.child td.child table tr td:first-of-type, table.table tbody tr.child td.child table tr td:first-of-type {
    color: #35292c;
    float: left;
    width: 100%;
    line-height: 1.3;
    font-size: 14px;
    font-weight: 700;
    display: block;
    padding: 20px 15px 0;
}

table tbody tr.child td.child table tr td:last-of-type, table.table tbody tr.child td.child table tr td:last-of-type {
    padding: 3px 15px 19px;
    font-size: 15px;
    color: #686364;
    font-weight: 400;
    line-height: 30px;
}

table tbody tr.child td.child table tr td .table-button, table.table tbody tr.child td.child table tr td .table-button {
    min-width: 0px;
    text-align: center;
    padding: 18px 20px;
}

table tbody tr.child td.child table tr td .table-button i, table.table tbody tr.child td.child table tr td .table-button i {
    padding: 0px;
}

table tbody tr.child td.child table tr td span i, table.table tbody tr.child td.child table tr td span i {
    margin: 4px 0 0 0;
}

.accordion {
}

.accordion .card {
    box-shadow: none;
    border: 1px solid rgb(98 115 134 / 39%) !important;
    margin-bottom: 25px;
    overflow: visible;
    border-radius: 15px !important;
    overflow: visible;
}

.accordion .card:hover {
    border: 1px solid rgb(98 115 134 / 100%) !important;
}

.accordion .card:last-of-type {
    margin:0px;
}

.accordion .card .card-header {
    padding: 0px;
    margin-bottom: 0px;
    border-radius: 15px 15px 0 0;
    background: none;
}

table tbody td .selectize-control .selectize-input .item,
table tbody td input.form-control {
    white-space: nowrap;
}

table tbody td input.itemName {
    width: 100%;
    max-width: 100%;
    float: left;
}

table tbody td input.itemCost {
    max-width: 48%;
    float: right;
}

.accordion .card .card-body {
    padding: 25px;
    padding-bottom: 20px;
    padding-top: 10px;
    clear: both;
    float: left;
    width: 100%;
    position: relative;
    z-index: 2;
    background: none;
    border-radius: 0 0 15px 15px;
}

.accordion .card .card-body .card-list {
    float: left;
    width: 100%;
    display: block;
    margin-bottom: 30px;
}

.accordion .card .card-body .card-list:last-of-type {
    margin-bottom:0px;
}

.accordion .card .card-header h5 {
    width: 100%;
}

.accordion .card .card-header h5 button {
    color: #322d2e;
    font-size: 18px;
    font-weight: 600;
    height: auto;
    padding: 20px;
    text-align: left;
    width: 100%;
    box-shadow: none !important;
    outline: none !important;
    padding-right: 60px;
    justify-content: start;
    text-transform: capitalize;
    padding-left: 25px;
    background: none;
}

.accordion .card .card-header h5 button:hover {
    color: #ee1d23;
}

.accordion .card .card-header h5 button:after {
    content: "\f107";
    font-family: "Font Awesome 5 Pro";
    width: auto;
    height: auto;
    right: 28px;
    top: 19px;
    font-weight: 100;
    font-size: 22px;
}

.accordion .card .card-header h5 button[aria-expanded="true"]:after {
    content:"\f106";
}

.stripe-input {
    height: 50px;
    padding: 14px 20px;
    border: 1px solid rgb(88 79 81 / 26%);
}

.stripe-input:hover {
    border: 1px solid rgb(88 79 81 / 100%);
}

.smeditor-box, .smeditor-editor {
    border-radius: 0px;
}

hr {
    margin-top: 10px;
    margin-bottom: 28px;
    height: 1px;
    border: none;
    width: 100%;
    background: rgb(98 115 134 / 22%);
}

.invalid-feedback,
.text-danger {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.5;
}

.form-group .text-danger, .invalid-feedback {
    margin-top: 14px;
    margin-bottom: -4px;
    clear: both;
    float: left;
}

.was-validated .form-control:invalid, .form-control.is-invalid {
    background-image: none;
}

.table-responsive .dataTables_wrapper div.dataTables_info {
    position: sticky;
    -webkit-position: sticky;
    left: 0px;
    float: left;
}

.addressFormContainer {
    position: relative;
}

.addressFormContainer .selectize-control {
    position: absolute;
    width: 100%;
    background: #ffffff;
    top: 27px;
    left: 0px;
    padding: 0px;
}

.addressFormContainer.col-12 .selectize-control {
    left: 15px;
    max-width: calc(100% - 30px);
}

.smeditor-editor[contenteditable=true]:empty:not(:focus)::before {
    width: auto;
}

.filepond--root {
    clear: both;
    float: left;
    width: 100%;
    display: block;
    height: auto;
    min-height: 50px;
    margin: 0px;
    background: none;
}

.filepond--root a.filepond--credits {
    display: none !important;
}

.filepond--root .filepond--drop-label {
    float: left;
    width: 100%;
    position: relative;
    padding: 0px;
    background: none;
    height: auto;
    min-height: 50px;
}

.filepond--root .filepond--drop-label label {
    border: 1px solid;
    float: left;
    min-height: 50px;
    border-radius: 10px;
    background: #ffffff;
    font-weight: 700;
    font-size: 14px;
    line-height: normal;
    font-family: 'Jost', sans-serif;
    color: #ee1d23;
    display: flex;
    justify-content: center;
    align-items: center;
}

.filepond--root .filepond--drop-label label:before {
    content: "\f093";
    font-family: "Font Awesome 5 Pro";
    float: left;
    display: block;
    position: relative;
    left: 0px;
    width: auto;
    height: auto;
    margin-right: 10px;
    font-size: 14px;
    margin-bottom: 0px;
    margin-top: 0px;
}

.filepond--root .filepond--drop-label label:hover {
    color: #231f20;
}

.filepond--root .filepond--drop-label label span {
    display: inline-block;
    padding: 0 4px;
    text-decoration: none;
}

.filepond--panel,
.filepond--panel-root {
    background: none !important;
}

.filepond--root .filepond--list-scroller {
    margin-top: -10px;
    margin-bottom: 15px;
    width: 100%;
}

.filepond--root .filepond--list-scroller ul.filepond--list {
    left: 0px;
    right: 0px;
    position: relative;
    float: left;
    width: 100%;
    top: 0px;
    height: auto;
}

.filepond--root .filepond--list-scroller ul.filepond--list li {
    overflow: hidden;
}

.filepond--root#photo_gallery .filepond--list-scroller {
    margin-top: 32px;
}

/*.filepond--panel-root {
    background: none;
    border-radius: 0px;
}

.filepond--root .filepond--drop-label {
    min-height: 50px;
    background: #322d2e;
    border-radius: 12px;
}

.filepond--drop-label {
    z-index: 10;
}

.filepond--root .filepond--drop-label:hover {
    cursor:pointer;
}

.filepond--root .filepond--drop-label label {
    padding: 0px;
    color: #ffffff;
    font-weight: 700;
    font-size: 14px;
    display: flex;
    width: 100%;
    align-content: center;
    justify-content: center;
    font-family: 'Jost', sans-serif;
}

.filepond--root .filepond--drop-label:hover {
    background:#4299f1;
}

.filepond--root .filepond--drop-label:hover label {
    color:#ffffff;
}

.filepond--root .filepond--drop-label label .filepond--label-action {
    text-decoration: none !important;
    padding: 0 3px;
}

.filepond--root .filepond--drop-label label:before {
    content: "\f093";
    font-family: "Font Awesome 5 Pro";
    float: left;
    display: block;
    position: relative;
    left: 0px;
    width: auto;
    height: auto;
    margin-right: 10px;
    font-size: 18px;
    margin-bottom: 0px;
    margin-top: -4px;
}

.filepond--root .filepond--list-scroller {
    margin: 0px;
    height: 50px !important;
    /* overflow: hidden;/
    left: 0px;
    height: auto;
}*/

.filepond--root .filepond--list-scroller ul.filepond--list {
    left: 0px;
    border-radius: 0px;
    top: 10px;
}

.filepond--root .filepond--list-scroller ul.filepond--list li {
    margin: 0;
    border-bottom: 10px solid #ffffff;
}

.filepond--root .filepond--list-scroller ul.filepond--list li .filepond--file {
    background: #ffffff !important;
}

.filepond--root .filepond--list-scroller .filepond--file {
    border-radius: 0px;
}

.filepond--image-preview-wrapper {
    border-radius: 10px;
}

.filepond--panel {
    overflow: hidden !important;
}

.filepond--image-preview-overlay-success {
    color: rgb(238 29 35 / 62%);
}

.clear-both {
    clear: both;
}

.smeditor-box .invalid-feedback {
    margin-bottom: 16px;
    padding: 0 17px;
}

table thead .filter-row th .selectize-control, table.table thead .filter-row th .selectize-control {
    margin-top: 15px !important;
}

.card.card-outer > .card {
    box-shadow: 0px 0px 20px 0px rgb(195 191 192 / 0%);
}

/* custom scrollbars */

.table-responsive {
    padding-bottom: 50px;
    /* margin-bottom: -50px; */
    position: relative;
}

.table-responsive .dataTables_wrapper {
    float: left;
    width: 100%;
    max-width: 100%;
    overflow-x: scroll;
    overflow-y:visible;
    display: block;
    margin-bottom: -50px;
    padding-bottom: 50px;
}

.table-responsive.no-default .dataTables_wrapper {
    overflow:visible;
    display:flex;
}

.table-responsive .dataTables_wrapper .dataTables_paginate {
    float: left;
    position: sticky;
    left: 0px;
    width: 100%;
}

.table-responsive.no-default .dataTables_wrapper .dataTables_paginate {
    position:relative;
    width:auto;
}

.table-responsive .dataTables_wrapper .dataTables_paginate ul.pagination {
    margin-top: -20px;
    width: auto;
    float: right;
}

.table-responsive.no-default .dataTables_wrapper .dataTables_paginate ul.pagination {
    margin:0px;
}


.table-responsive.no-default {
    padding-bottom: 0px;
    overflow: visible;
}

.modal .modal-content::-webkit-scrollbar,
.table-responsive::-webkit-scrollbar,
.table-responsive .dataTables_wrapper::-webkit-scrollbar,
.modal .modal-content.addAccessLevelCard ul.nav-tabs::-webkit-scrollbar,
.modal .modal-content.editAccessLevelCard ul.nav-tabs::-webkit-scrollbar,
.responsive-table::-webkit-scrollbar,
.modal .modal-content .modal-body::-webkit-scrollbar,
.global-search-inner::-webkit-scrollbar {
    width: 10px;
    border-radius: 5px;
}

.table-responsive::-webkit-scrollbar,
.table-responsive .dataTables_wrapper::-webkit-scrollbar,
.modal .modal-content.addAccessLevelCard ul.nav-tabs::-webkit-scrollbar,
.modal .modal-content.editAccessLevelCard ul.nav-tabs::-webkit-scrollbar,
.responsive-table::-webkit-scrollbar {
    height: 10px;
}

.modal .modal-content::-webkit-scrollbar-track, .table-responsive::-webkit-scrollbar-track,
.table-responsive .dataTables_wrapper::-webkit-scrollbar-track,
.modal .modal-content.addAccessLevelCard ul.nav-tabs::-webkit-scrollbar-track,
.modal .modal-content.editAccessLevelCard ul.nav-tabs::-webkit-scrollbar-track,
.responsive-table::-webkit-scrollbar-track,
.modal .modal-content .modal-body::-webkit-scrollbar-track,
.global-search-inner::-webkit-scrollbar-track {
    background: rgb(194 192 192 / 35%);
    border-radius: 5px;
}

.modal .modal-content::-webkit-scrollbar-thumb, .table-responsive::-webkit-scrollbar-thumb,
.table-responsive .dataTables_wrapper::-webkit-scrollbar-thumb,
.modal .modal-content.addAccessLevelCard ul.nav-tabs::-webkit-scrollbar-thumb,
.modal .modal-content.editAccessLevelCard ul.nav-tabs::-webkit-scrollbar-thumb,
.responsive-table::-webkit-scrollbar-thumb,
.modal .modal-content .modal-body::-webkit-scrollbar-thumb,
.global-search-inner::-webkit-scrollbar-thumb {
    background: #686364;
    border-radius: 5px;
}

.modal .modal-content::-webkit-scrollbar-thumb:hover,
.table-responsive::-webkit-scrollbar-thumb:hover,
.table-responsive .dataTables_wrapper::-webkit-scrollbar-thumb:hover,
.modal .modal-content.addAccessLevelCard ul.nav-tabs::-webkit-scrollbar-thumb:hover,
.modal .modal-content.editAccessLevelCard ul.nav-tabs::-webkit-scrollbar-thumb:hover,
.responsive-table::-webkit-scrollbar-thumb:hover,
.modal .modal-content .modal-body::-webkit-scrollbar-thumb:hover,
.global-search-inner::-webkit-scrollbar-thumb:hover  {
    background:#ee1d23;
}

.jstree {
    float: left;
    width: 100%;
    display: block;
    overflow: hidden;
    padding-top: 1px;
    padding-bottom: 1px;
}

.jstree ul.jstree-container-ul li {
    position: relative;
    padding-left: 28px;
    clear: both;
    float: left;
    margin-bottom: 15px;
    margin-left: 0px;
    background: none;
}

.jstree ul.jstree-container-ul li > i {
    position: absolute;
    left: 11px;
    background: none;
    border-left: 1px solid #acb5bf;
    border-bottom: 1px solid #acb5bf;
    top: -35px;
    height: 50px !important;
    font-style: normal;
}

.jstree ul.jstree-container-ul li > i:hover {
    border-left: 1px solid #1b1b1b;
    border-bottom: 1px solid #1b1b1b;
}

.jstree ul.jstree-container-ul li.jstree-open > i:before {
    content: "\f0d8";
    font-family: "Font Awesome 5 Pro";
    font-size: 20px;
    left: -7px;
    position: absolute;
    top: 24px;
    width: auto;
    height: auto;
    font-weight: 600;
}

.jstree ul.jstree-container-ul li.jstree-closed > i:before {
    content: "\f0d7";
    font-family: "Font Awesome 5 Pro";
    font-size: 20px;
    left: -7px;
    position: absolute;
    top: 24px;
    width: auto;
    height: auto;
    font-weight: 600;
}

.jstree > ul.jstree-container-ul > li:first-of-type > i:before {
    top: 26px;
}

.jstree > ul.jstree-container-ul > li.jstree-closed:first-of-type > i:before {
    top: 25px;
}

.jstree ul.jstree-container-ul li.jstree-open > i:hover:before {
    color:#1b1b1b;
}

.jstree ul.jstree-container-ul li a {
    position: relative;
    min-height: 30px;
    width: auto;
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none !important;
    box-shadow: none !important;
    color: #686364;
    font-weight: 400;
    font-size: 15px;
    background: none !important;
    z-index: 3;
}

.jstree ul.jstree-container-ul li a:before {
    content:"";
    font-family:"Font Awesome 5 Pro";
}

.jstree ul.jstree-container-ul li a:hover {
    color: #4299f1;
}

.jstree ul.jstree-container-ul li a.jstree-anchor {
    padding-left: 44px;
}

.jstree ul.jstree-container-ul li a.jstree-anchor:before {
    width: 30px;
    height: 30px;
    border: 1px solid rgb(98 115 134 / 53%);
    position: absolute;
    left: 0px;
    top: 0px;
    content: "\f00c";
    color: transparent;
    text-align: center;
    line-height: 1;
    padding: 8px 0;
    font-size: 14px;
    font-weight: 400;
    background: #ffffff;
    border-radius: 6px;
}

.jstree ul.jstree-container-ul li a:hover:before {
    border: 1px solid rgb(88 79 81 / 100%);
}

.jstree ul.jstree-container-ul li a.clicked:before {
}

.jstree ul.jstree-container-ul li a.jstree-anchor.jstree-clicked:before {
    border-color:#4299f1;
    color:#4299f1;
}

.jstree ul.jstree-container-ul li:before {
    opacity: 0;
}

.jstree ul.jstree-container-ul li a i {
    display: none !important;
}

.jstree ul.jstree-container-ul li ul.jstree-children {
    margin-top: 15px;
    position: relative;
}

.jstree ul.jstree-container-ul li ul.jstree-children:before {
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    left: 11px;
    background: #acb5bf;
    top: -15px;
}

.jstree ul.jstree-container-ul li ul.jstree-children:after {
    content: "";
    width: 30px;
    height: 1px;
    position: absolute;
    left: 11px;
    background:#acb5bf;
    bottom: 15px;
}


/* margins */

.mt-10 {
    margin-top:10px;
}

.mt-40 {
    margin-top:40px;
}

.mt-20 {
    margin-top:20px;
}

.mt-25 {
    margin-top:25px;
}

.mt-30 {
    margin-top:30px;
}

.mb-25 {
    margin-bottom:25px;
}

.mb-30 {
    margin-bottom:30px;
}

.mb-20 {
    margin-bottom:20px;
}

.mb-40 {
    margin-bottom:40px;
}

.mb-50 {
    margin-bottom:40px;
}

.mt-m-25 {
    margin-bottom:-25px;
}

.mr-10 {
    margin-right:10px;
}

.mr-40 {
    margin-right:40px;
}

.mr-20 {
    margin-right:20px;
}

.mr-25 {
    margin-right:25px;
}

.mr-30 {
    margin-right:30px;
}

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

.ml-40 {
    margin-left:40px;
}

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

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

.ml-30 {
    margin-left:30px;
}

.padding-30 {
    padding: 30px;
}


/* margins */

.toast-container {
    display: block;
    position: absolute;
    right: 0px;
    top: 0px;
    min-height: 0px;
}

.toast-container .toast-deck {
    padding: 20px;
}

.toast-container .toast-deck .toast {
    box-shadow: 0px 0px 20px 0px rgb(195 191 192 / 55%);
    margin-bottom: 10px;
    background: #ffffff;
    padding: 20px;
}

.toast-container .toast-deck .toast .toast-body {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #686364;
    padding: 0 0 0 0;
    line-height: 26px;
    margin-bottom: -6px;
}
.toast-container .toast-deck .toast-danger .toast-body {
    color: red !important;
}

.toast-container .toast-deck .toast .toast-header {
    position: relative;
    padding: 0px;
    margin-bottom: 7px;
}

.toast-container .toast-deck .toast .toast-header strong {
    font-family: 'Jost', sans-serif;
    color: #322d2e;
    font-size: 15px;
    font-weight: 800;
    letter-spacing:-0.03em;
}

.toast-container .toast-deck .toast .toast-header small {
    margin: 1px 0 0 10px;
    color: rgb(88 79 81 / 73%);
}

.toast-container .toast-deck .toast .toast-header button {
    display: flex;
    justify-content: center;
    align-items: center;
    color: red;
    opacity: 1;
    top: -7px;
    right: -9px;
}

.toast-container .toast-deck .toast .toast-header button:hover {
    opacity:0.6;
}

.toast-container .toast-deck .toast .toast-header button:before {
    content: "\f00d";
    font-family: "Font Awesome 5 Pro";
    width: auto;
    height: auto;
    position: relative;
    line-height: 0.8;
    font-size: 16px;
    font-weight: 400;
}

.toast-container .toast-deck .toast .toast-header button span {
    display:none;
}

.far:before, .far:after, .fas:before, .fas:after, .fal:before, .fal:after {
    width:auto;
    height:auto;
    position:relative;
}

.far:before, .far:after, .fas:before, .fas:after, .fal:before, .fal:after, a > i {
    -webkit-transition: none;
    -moz-transition:  none;
    -ms-transition:  none;
    -o-transition:  none;
    transition: none;
}

a > i,
a > i:before,
a > i:after {
    -webkit-transition: none !important;
    -moz-transition:  none !important;
    -ms-transition:  none !important;
    -o-transition:  none !important;
    transition: none !important;
}


.header ul.navbar-nav > li .dropdown-menu a.dropdown-toggle {
    pointer-events: none;
    border-top: 1px solid #bbc5d0;
    color: #322d2e;
    font-size: 13px;
    font-weight: 700;
    height: auto;
    padding: 18px 24px 0px;
    margin-top: 9px;
}

.header ul.navbar-nav > li .dropdown-menu .dropdown-menu {
    opacity: 1;
    visibility: visible;
    position: relative !important;
    top: auto !important;
    will-change: unset !important;
    float: left;
    width: 100%;
    box-shadow: none;
    border-bottom: 1px solid #bbc5d0;
    padding-top: 5px;
    padding-bottom: 9px;
    margin-bottom: 5px;
    height: auto;
    border-radius: 0px;
    left: 0px !important;
}

.header ul.navbar-nav > li .dropdown-menu a.dropdown-toggle:after {
    display: none;
}

.header ul.navbar-nav > li .dropdown-menu .dropdown-menu a {
    padding: 9px 24px;
    height: auto;
}

.smeditor-box {
    z-index: 1;
}

.responsive-table {
    float: left;
    width: 100%;
    height: auto;
    overflow-x: visible;
    overflow-y: auto;
    padding-bottom: 20px;
}

ul.nav-tabs li a.tabError {
    color: #e3342f !important;
}

ul.nav-tabs li a.tabError:before {
    width:100%;
    opacity:1;
    background:#e3342f;
}

select.is-invalid ~ .selectize-control .selectize-input {
    border-color: #e3342f;
}

.selectize-control .selectize-input.disabled {
    opacity: 1;
    background-color: rgb(88 79 81 / 4%);
    border: none;
}

table .selectize-control.inputStockLocation {
    margin-bottom: 0px;
}

.form-control:disabled, .form-control[readonly],
.form-control:disabled ~ label:before {
    background-color: rgb(88 79 81 / 4%);
    border: none;
}

div[data-repeater-list="variables"] > div[data-repeater-item],
div[data-repeater-list="variables"] > div[data-repeater-item],
div[data-repeater-list="terms"] > div[data-repeater-item],
div[data-repeater-list="prices"] > div[data-repeater-item],
div[data-repeater-list="suppliers"] > div[data-repeater-item],
div[data-repeater-list="sale_prices"] > div[data-repeater-item]  {
    clear: both;
    float: left;
    width: 100%;
    display: block;
    margin-top: 0px;
    margin-bottom: 30px;
    background: #f4f5f7;
    padding: 15px;
    border-radius: 15px;
}

.selectize-dropdown.form-control .selectize-dropdown-content .container-fluid {
    margin: 0px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.selectize-dropdown.form-control .selectize-dropdown-content .container-fluid:last-of-type {
    margin-bottom:0px;
}

.selectize-dropdown.form-control .selectize-dropdown-content .container-fluid .col-4 {
    flex: 1;
    max-width: 151px;
    min-width: 151px;
}

.selectize-dropdown.form-control .selectize-dropdown-content .container-fluid .col-4 img {
    height: 121px;
    border: 0px solid rgb(88 79 81 / 18%);
    box-shadow: none;
    outline: none;
    background: #ffffff;
}

.selectize-dropdown.form-control .selectize-dropdown-content .container-fluid.active, .selectize-dropdown.form-control .selectize-dropdown-content .container-fluid:hover {
    background: rgb(98 115 134 / 7%);
}

.selectize-dropdown.form-control .selectize-dropdown-content .container-fluid span.description {
    color: #686364;
    font-size: 15px;
}

.selectize-dropdown.form-control .selectize-dropdown-content .container-fluid .col-8 {
    flex: 0 0 85%;
    max-width: 85%;
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    align-content: center;
}

.selectize-dropdown.form-control .selectize-dropdown-content .container-fluid span.title,
.selectize-dropdown.form-control .selectize-dropdown-content .container-fluid span.description {
    float: left;
    width: 100%;
    display: block;
}

.selectize-dropdown.form-control .selectize-dropdown-content .container-fluid br {
    display:none;
}

.selectize-dropdown.form-control .selectize-dropdown-content .container-fluid span.title {
    margin-bottom: 4px;
}

.modal .modal-content.addAttributeCard {
    min-width: 650px;
}

.modal .modal-content.addAccessLevelCard ul.nav-tabs, .modal .modal-content.editAccessLevelCard ul.nav-tabs {
    display: flex;
    flex-wrap: nowrap;
    overflow-y: visible;
    max-width: 100%;
    padding-bottom: 20px;
    border: none;
    overflow-x: scroll;
}

.modal .modal-content.addAccessLevelCard ul.nav-tabs a,
.modal .modal-content.editAccessLevelCard ul.nav-tabs a {
    white-space: nowrap;
    border-bottom: 2px solid #bebbbb !important;
}

.vakata-context {
    max-width: 500px;
    padding: 0px;
    box-shadow: 0px 0px 24px 0px rgb(30 46 63 / 11%);
    border-radius: 0px;
    background: #ffffff;
    border: none;
    margin-top: 30px;
    z-index: 99;
    width: auto;
    border-radius: 15px;
    overflow: hidden;
}

.vakata-context li {
    padding: 0px;
    margin: 0px;
    display: block;
    width: 100%;
    clear: both;
    float: left;
    line-height: 1;
}

.vakata-context li:before {
    display:none;
}

.vakata-context li a i,
.vakata-context li a .vakata-contextmenu-sep {
    display: none;
}

.vakata-context li a {
    float: left;
    width: 100%;
    display: block;
    padding: 0px;
    font-family: 'Jost', sans-serif;
    color: #686364;
    box-shadow: none;
    position: relative;
    font-weight: 500;
    border-radius: 0px;
    line-height: 1;
    font-size: 15px;
    border: none;
    padding: 12px 22px;
    background: #ffffff;
    text-shadow: none !important;
    box-shadow: none !important;
    outline: none !important;
    letter-spacing: -0.02em;
}

.vakata-context li:first-of-type {
    padding-top: 6px;
}

.vakata-context li:last-of-type {
    padding-bottom: 6px;
}

.vakata-context li a:hover {
    background:#4299f1;
    color:#ffffff;
}

.vakata-context .vakata-context-hover > a {
    background: #4299f1;
    color:#ffffff;
}

.card.card-inside .card {
    box-shadow: none;
}

.card.card-inside .card .card-header .card-title {
}

.card.card-inside .card .card-header .card-title {
    margin: 0px;
}

.card.card-inside .card .card-body {
    padding-bottom: 0px;
}

.card.card-inside .card .card-body:last-of-type {
    padding-bottom:30px;
}

#allOrdersCard table.table tbody tr.child td.child table tr:nth-of-type(3) td:first-of-type, #allOrdersCard table.table tbody tr.child td.child table tr:nth-of-type(4) td:first-of-type, #allOrdersCard table.table tbody tr.child td.child table tr:nth-of-type(5) td:first-of-type {
    opacity: 0;
    height: 1px;
}

.location-information {
    min-width: 450px;
}

.smeditor-box {
    border: none;
}

.smeditor-box .smeditor-button-pane {
    border-radius: 12px 12px 0 0;
    background: #686364;
    border: none;
    padding: 10px;
    padding-bottom: 5px;
}

.smeditor-box .smeditor-button-pane button {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
    border-radius: 10px;
    margin-right: 5px;
    margin-bottom: 5px;
    background: #ffffff;
    color: #686364;
}

.smeditor-box .smeditor-button-pane button svg {
    fill: #686364;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

.smeditor-box .smeditor-button-pane button:hover {
    color:#ffffff;
    background:#4299f1;
}

.smeditor-box .smeditor-button-pane button:hover svg {
    fill:#ffffff;
}

.smeditor-box .smeditor-editor {
    border: 1px solid rgb(98 115 134 / 40%);
    border-radius: 0 0 12px 12px;
    background: #ffffff;
}

.smeditor-box .smeditor-editor:hover {
    border: 1px solid rgb(98 115 134 / 100%);
}

.smeditor-dropdown {
    box-shadow: 0px 0px 24px 0px rgb(30 46 63 / 13%);
    margin-top: 20px;
    border-radius: 15px;
}

.smeditor-dropdown button {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
    font-size: 13px;
    color: #627381 !important;
    font-weight: 500;
    height: 35px;
    padding: 0 20px;
    background:none !important;
}

.smeditor-dropdown button svg {
    fill:#627381 !important;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
}

.smeditor-dropdown button:hover {
    color:#4299f1 !important;
}

.smeditor-dropdown button:hover svg {
    fill:#4299f1 !important;
}

.smeditor-modal-box {
    box-shadow: 0px 0px 24px 0px rgb(30 46 63 / 15%);
    border-radius: 25px;
}

.smeditor-modal-box .smeditor-modal-title {
    color: #322d2e;
    font-size: 19px;
    font-family: 'Quicksand';
    font-weight: 700;
    letter-spacing: -0.02em;
    padding: 30px;
}

.smeditor-modal-box form {
    clear: both;
    float: left;
    width: 100%;
    display: block;
    height: auto;
    margin-top: 1px;
}

.smeditor-overlay {
    border-radius: 12px;
    background: rgb(255 255 255 / 37%);
    z-index: 20;
    backdrop-filter: blur(1px);
}

.smeditor-modal-box .smeditor-modal-button.smeditor-modal-submit, .smeditor-modal-box .smeditor-modal-button.smeditor-modal-reset {
    box-shadow: none;
}

.vertical-tabs h6 {
    font-weight: 700;
    margin: -5px 0 24px 0px;
    float: left;
    width: 100%;
    display: block;
    font-size: 17px;
}

.vertical-tabs ul.nav-tabs {
    border-right: 2px solid rgb(98 115 134 / 25%);
    border-bottom: 0px;
    margin: -1px 0 0 0;
    height: calc(100% - 74px);
    align-items: start;
    align-content: start;
}

.vertical-tabs ul.nav-tabs li {
    width: 100%;
    margin: 0px;
}

.vertical-tabs ul.nav-tabs li a {
    height: 45px;
    padding: 13px 15px;
    padding-right: 25px;
    background: transparent !important;
    border-radius: 0px;
}

.vertical-tabs ul.nav-tabs li a:before {
    bottom: auto;
    left: auto;
    right: -2px;
    height: 0%;
    top: 0px;
    width: 2px;
}

.vertical-tabs ul.nav-tabs li a:hover {
    background: rgb(98 115 134 / 12%) !important;
}

.vertical-tabs ul.nav-tabs li a:hover:before, .vertical-tabs ul.nav-tabs li a.active:before {
    height: 100%;
}

.vertical-tabs ul.nav-tabs li a.active {
    background:#4299f1 !important;
    color:#ffffff !important;
}

.vertical-tabs .panels-column {
    padding-left: 45px;
}

.vertical-tabs .panels-column .panel-column-info {
    padding: 0px;
    border: none;
    border-radius: 20px;
    padding-bottom: 10px;
    margin-bottom: 0px;
}

.vertical-tabs .panels-column .tab-content h3 {
    font-size: 22px;
    margin: -68px 0px 36px 0px;
}

.tabs-column .selectize-control .selectize-input .item {
    width: 100%;
    min-width: 100%;
}

.panel-column-info .product-switcher label {
    margin: 0 20px 0 0;
}

.panel-column-info .product-switcher .selectize-control .selectize-input {
    min-width: 200px;
}

.panel-column-info .tab-pane {
    float: left;
    width: 100%;
    height: auto;
}

div#update_variables {
    clear: both;
}

span#attributeChange {
    float: right;
    margin: -35px 0 0 0;
}

.global-search-results {
    position: absolute;
    min-width: 710px;
    right: 0px;
    background-color: #fff;
    box-shadow: 0px 0px 24px 0px rgb(30 46 63 / 11%);
    border-radius: 25px;
    border: none;
    padding: 25px;
    max-height: calc(100vh - 150px);
    padding-right: 10px;
}

.global-search-close {
    position: absolute;
    top: 19px;
    right: 26px;
    color: red;
    opacity: 1;
    font-size: 16px;
}

.global-search-close:hover {
    opacity:0.6;
}

.global-search-results h5 {
    padding-right: 30px;
    margin: -5px 0 -5px 0;
    float: left;
    width: 100%;
    font-size: 18px;
}

.global-search-results h2 {
    font-size: 16px;
    font-weight: 500;
    margin: -4px 0 22px 0px;
}

.global-search-results .searchResults {
    float: left;
    width: 100%;
    display: block;
    margin-bottom: 30px;
}

.global-search-results .searchResults ul {
    margin: -8px 0 0 0;
    padding: 0px;
}

.global-search-results .searchResults ul li {
    float: left;
    width: 50%;
    margin-bottom: 13px;
    font-size: 13px;
    line-height: 26px;
    display: flex;
    justify-content: start;
    align-items: start;
    align-content: start;
    flex-wrap: wrap;
}

.global-search-results .searchResults ul li:nth-of-type(odd) {
    padding-right:15px;
    clear:both;
}

.global-search-results .searchResults ul li:nth-of-type(even) {
    padding-left:15px;
}

.global-search-results .searchResults ul li:nth-last-child(2) {
    margin-bottom: 0px;
}

.global-search-results .searchResults ul li a {
    float: left;
    width: auto;
    line-height: normal;
    display: block;
    white-space: nowrap;
    margin-top: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

.global-search-results .searchResults ul li div {
    float: left;
    width: auto;
    padding-left: 0px;
}

.global-search-results .row .col-12:first-of-type {
    margin-top: 0px;
}
.global-search-results .row .col-12:last-of-type .searchResults {
    margin-bottom: 0px;
}

#inputPostcode {
    text-transform: uppercase;
}
[data-toggle="collapse"]:after {
    display: inline-block;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f054";
    transform: rotate(0deg) ;
    transition: all linear 0.25s;
    float: right;
}
[data-toggle="collapse"].collapsed:after {
    transform: rotate(0deg) ;
}

ol.breadcrumb {
    display: block;
    float: left;
    background: none;
    padding: 0px;
    margin: -30px 0 30px;
}


ol.breadcrumb:before {
    display:none;
}

ol.breadcrumb li {
    display: block;
    position: relative;
    margin: 0px;
    padding: 0 40px 0 0;
    width: auto;
    clear: none;
    float: left;
    font-size: 13px;
    color: #686364;
    font-weight: 500;
    padding-left: 0px !important;
}

ol.breadcrumb li:before, .breadcrumb-item + .breadcrumb-item::before {
    content: "/";
    left: auto;
    right: 15px;
    color: #686364;
    font-weight: 500;
    width: auto;
    height: auto;
}

ol.breadcrumb li a {
    color: #686364;
    font-weight: 500;
    box-shadow: none;
}

ol.breadcrumb li a:hover {
    color: #ee1d23;
}

ol.breadcrumb li:last-of-type {
    padding:0px;
}

ol.breadcrumb li:last-of-type:before {
    display:none;
}

ol.breadcrumb li a:hover {
    color: #ee1d23;
}

.addCustomerAddressCard .selectize-control .selectize-input .item {
    overflow: hidden;
}

div[data-init="initJRepeaterProducts"] .responsive-table {
    min-height: 220px;
}

#variableProductContainer .responsive-table {
    overflow-y: visible;
}

.card .card-header .card-actions > div {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    align-items: center;
    margin-right: 15px;
}

.input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
    border-radius: 0px 12px 12px 0px;
    background: #322d2e;
    border-color: #322d2e;
    display: flex;
    justify-content: start;
    align-items: center;
    line-height: 1;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    padding: 10px 16px;
}

.input-group span#customer-verification.verified {
    background: #29b574;
    border-color: #29b574;
}

.input-group span#customer-verification.unverified {
    background: #ee1d23;
    border-color: #ee1d23;
}


#collapseComments form {
    float: left;
    width: 100%;
    display: block;
    height: auto;
}

#collapseComments form button {
    float: right;
}

#collapseComments .comments-list {
    margin-top: 30px;
}

#collapseComments .card-list {
    margin-bottom:25px;
}


#collapseComments .card-list:last-of-type,
#collapseComments .comments-list .card-list:nth-last-child(2) {
    margin-bottom:0px;
}

#collapseComments .card-list .card-list-title {
    margin-bottom: 8px;
}

#collapseComments .card-list .card-list-title .d-flex {
}

#collapseComments .card-list .card-list-title .d-flex h6 {
    margin: 0px;
    font-size: 16px;
    font-weight: 700;
}

#collapseComments .card-list .card-list-title .float-right.d-flex {
    margin-left: auto;
    justify-content: end;
    align-items: center;
    padding-left: 20px;
}

#collapseComments .card-list .card-list-title .float-right.d-flex small {
    margin: 0px !important;
    font-weight: 500;
    font-size: 12px;
}

#collapseComments .card-list p.margin-bottom-30 {
    margin-bottom: 20px;
}

#collapseComments .card-list label.no-hover {
    margin: 0px;
    pointer-events: none;
    margin-top: -4px;
}

.header-search {
    width: 50px;
    height: 50px;
    display: block;
    float: left;
}

.header-search .form-group {
    position: absolute;
    top: 0px;
    right: 0px;
    width:0px;
    opacity:0;
    visibility:hidden;
    z-index:-1;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    overflow: hidden;
}

.header-search:hover .form-group {
    width: 710px;
    z-index: 3;
    visibility:visible;
    opacity:1;
}

.global-search-results .global-search-inner {
    height: auto;
    max-height: calc(100vh - 244px);
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 20px;
    padding-top: 0px;
    margin-top: 30px;
}

.header-search a.search-base {
    color: #686364 !important;
    outline: none !important;
    box-shadow: none !important;
    padding: 16px 0;
    font-size: 15px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    border: 1px solid rgb(98 115 134 / 40%);
    border-radius: 12px;
    width: 100%;
    float: left;
    height: 100%;
    text-align: center;
    line-height: 1;
}

#v-pills-pricing .responsive-table,
#v-pills-suppliers .responsive-table {
    overflow-y: visible;
}

#orderForm table tbody td input.itemName,
#orderForm table tbody td textarea.itemName  {
    max-width: none;
    white-space: nowrap;
    min-width: 410px;
}

#orderForm table tbody td textarea.itemName {
    white-space: normal;
    height: auto;
}

#orderForm table table tbody td .selectize-control.single .selectize-dropdown {
    position: relative !important;
    z-index: 3 !important;
    top: 0px !important;
}

.search-products .selectize-dropdown.form-control .selectize-dropdown-content {
    max-height: 600px;
}

/* dodge bodged styling to sort datatables when there's a custom set of buttons */

#inProcessOrdersCard .table-responsive {
    margin-top: -60px;
}

#inProcessOrdersCard .table-responsive .dt-buttons {
    float: right;
    margin-bottom: 20px;
}

/* fix postcode lookup */
.addCustomerAddressCard .addressFormContainer .col-md-6:not(.position-relative) {
    position: absolute;
    left: 0px;
    width: 100%;
    max-width: 100%;
    background: #ffffff;
    z-index: 2;
}

.addressFormFix .selectize-control {
    top: 0px;
    background: none;
}

.addCustomerAddressCard .addressFormContainer .col-md-6 .selectize-control {
    position: relative;
    top: 0px;
    z-index: 1;
    background: none;
}

div[data-repeater-list="stocks"] > div[data-repeater-item] {
    margin-top: 25px;
}

/* fix table processing */
table tbody td .form-check.alone input.table-checkbox {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 4;
    opacity: 0;
}

table tbody td .form-check.alone,
table tbody td .form-check.alone input.table-checkbox {
    cursor:pointer;
}

/* fix product line */

.location-information.fulfilled-location {
    min-width: 244px;
    max-width: 244px;
}

.location-information.fulfilled-location .under-location .selectize-control {
    margin-top: 14px !important;
}

/* fix stock logs */
#stockLogCard .card-actions .selectize-control {
    margin-right: 0px;
    margin-left: 15px;
    min-width: 340px;
}

#stockLogCard .card-actions .selectize-control .item {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

/*fix card actions for order # select */
.card-actions select#inputStatus ~ .selectize-control {
    min-width: 280px;
    max-width: 280px;
}

.card-actions select#inputStatus ~ .selectize-control  .item {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

/* accordion fixes */
.accordion .card ul.list-details.grid {
    padding-left: 0px;
    margin-bottom: 0px;
    margin-top: 13px;
}

.card-list-title h6 small {
    font-weight: 600;
    font-size: 13px;
}

/* remove absolute positioning on dropdowns to make em easier to use */



/* fix comments list */
#collapseComments .card-body {
    padding-bottom: 0px;
}

#collapseComments form .form-group {
    float: left;
    width: 100%;
}

#collapseComments form .comments-container .btn {
    float: right;
    margin-top: 25px;
}

/* fix stripe payment */
.payment-area {
    float: left;
    width: 100%;
}

.stripe-input {
    min-height: 50px;
    height: auto;
    border-radius: 12px;
    color: #686364 !important;
    outline: none !important;
    box-shadow: none !important;
    padding: 10px 20px;
    font-size: 15px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    border: 1px solid rgb(98 115 134 / 40%);
    padding-top: 14px;
}

.stripe-input:hover {
    border: 1px solid rgb(98 115 134 / 100%);
}

.stripe-input div[data-stripe-error] {
    clear: both;
    float: left;
    width: 100%;
    margin-top: 20px;
    color: #f82e2f;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 8px;
}

.stripe-input div[data-stripe-error]:empty {
    margin-top: 0px;
    margin-bottom: 0px;
}

/* sinature pad fix */
.success-disclaimer {
    margin-top: 12px;
}

/* specific module fixes */

.customersDisclaimerCard {
    max-width: 750px;
}

body.auth-page #customersDisclaimerCard {
    max-width: 750px;
    margin-top: 30px;
    margin-bottom: 30px;
}

#order_guns tr td:first-of-type .selectize-input, #order_guns tr td:first-of-type textarea, #service_guns tr td:first-of-type .selectize-input, #service_guns tr td:first-of-type textarea {
    min-width: 400px;
}

#order_guns tr td:first-of-type textarea {
    height: auto;
}

.comments-container > .btn-primary {
    float: right;
    margin-top: 15px;
}

table td i.far {
    font-weight: 400;
    font-size: 16px;
}

table td i.far.fa-check-circle {
    color:#29b574;
}

table td i.far.fa-times-circle {
    color:#ee1d23;
}

table td i.far.fa-check-circle:before,
.success-disclaimer:before {
    content:"\f00c";
}

table td i.far.fa-times-circle:before {
    content:"\f00d";
}

table#gunServicesTable .selectize-input {
    min-width: 170px;
}

.customersDisclaimerCard .modal-body .col-12 .col-12 {
    padding: 0px;
}

.success-disclaimer {
    margin-top: 16px;
    font-family: 'Jost', sans-serif;
    font-weight: 500;
    color: #22b16f;
    padding-left: 27px;
    position: relative;
}

.success-disclaimer:before {
    position: absolute;
    color: #22b16f;
    font-family: 'Font Awesome 5 Pro';
    left: 0px;
    top: 4px;
}

.pr-15 {
    padding-right:15px;
}

/* customer info block */

.customerInfo .customerInfo-inner,
.user-panel {
    margin-bottom: 40px;
    background: #f7f7f7;
    border-radius: 25px;
    padding: 30px;
}

.user-panel {
    margin-bottom: 0px;
    padding: 25px;
    padding-bottom: 0px;
    border-radius: 20px;
}

.user-panel h5 {
    margin-top: -3px;
}

.customerInfo .customerInfo-inner h5 {
    font-size: 24px;
    margin: -4px 0 26px 0px;
}

.customerInfo .customerInfo-inner ul {
    margin: 0px;
    padding-left: 0px;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -20px;
}

.customerInfo .customerInfo-inner ul li {
    padding-left: 0px;
    min-width: 25%;
    padding-right: 30px;
    margin-bottom: 20px !important;
}

.customerInfo .customerInfo-inner  ul li:before {
    display:none;
}

.customerInfo .customerInfo-inner ul li p {
    float: left;
    width: 100%;
    display: block;
    margin: 0px;
    line-height: 1;
}

.customerInfo .customerInfo-inner ul li p b {
    color: #322d2e;
    font-family: 'Jost', sans-serif;
    font-size: 15px;
    font-weight: 700;
    float: left;
    width: 100%;
    display: block;
    margin-bottom: 10px;
}

.customerInfo .customerInfo-inner ul li p.customerPostcode span {
    text-transform: uppercase;
}

.customerInfo .customerInfo-inner ul li p span {
    clear: both;
    float: left;
    width: 100%;
    font-size: 18px;
    font-weight: 300;
}

.customerInfo .customerInfo-inner .customer-image-inner {
    float: left;
    width: 100%;
    position: relative;
    min-height: 300px;
    max-height: 300px;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    background: #ffffff;
}

.customerInfo .customerInfo-inner .customer-image {
    padding-right: 30px;
    max-width: 345px;
    min-width: 345px;
}

.customerInfo .customerInfo-inner .customer-image-inner:before {
    content: "";
    background: url(/images/urban-logo.png) no-repeat;
    width: 150px;
    height: 150px;
    background-size: contain;
    background-position: center center;
    filter: grayscale(1);
    opacity: 0.2;
    z-index: 2;
}

.customerInfo .customerInfo-inner .customer-image img {
    max-width: none;
    height: 100%;
    float: left;
    display: block;
    position: absolute;
    max-height: 100%;
    z-index: 3;
}

.form-group.no-label {
    padding-top: 29px;
}

.col.fma-member {
    max-width: 212px;
}

.col.agree-protection {
    min-width: 384px;
}

.disclaimerLinks .btn {
    min-width: 180px;
    padding-left: 25px;
    padding-right: 25px;
}

.addressContainer .postcode-lookup {
    position: relative;
}

.addressContainer .postcode-lookup input {
    max-width: calc(25% - 15px);
    float: left;
    display: block;
}

.row.addressContainer {
    position: relative;
}

.row.addressContainer > .col-md-6 {
    position: absolute;
}

.row.addressContainer > .col-md-6 {
    position: absolute;
    margin-left: 25%;
    flex: 0 0 75%;
    max-width: 75%;
    top: 0px;
}

.photo-upload .filepond--root .filepond--list-scroller ul.filepond--list {
    top: 0px;
}

.user-panel .filepond--root .filepond--list-scroller ul.filepond--list li {
    border-bottom: 10px solid #f7f7f7;
}
.selectize-item {
    float: left;
    width: 100%;
    clear: both;
    height: 100%;
}

/* costum hiring select */

.costume-hiring .selectize-control.form-control .selectize-input.has-items {
    height: auto;
    min-height: 50px;
}

.costume-hiring .selectize-control.form-control .selectize-input.has-items .selectize-item img, .costume-hiring .selectize-dropdown .selectize-dropdown-content .container-fluid .col-4 img {
    float: left;
    width: auto !important;
    height: auto !important;
    display: block;
    position: relative;
    z-index: 2;
    max-width: 98px;
    max-height: 98px;
    border-radius: 10px;
}

.costume-hiring .selectize-control.form-control .selectize-input.has-items .selectize-item .col-1,
.costume-hiring .selectize-dropdown .selectize-dropdown-content .container-fluid .col-4 {
    position: relative;
    height: 100px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.costume-hiring .selectize-control.form-control .selectize-input.has-items .selectize-item .col-1:before,
.costume-hiring .selectize-dropdown .selectize-dropdown-content .container-fluid .col-4:before {
    left: 15px;
    top: 0px;
    width: 100px;
    height: 100px;
    border: 1px solid rgb(104 99 100 / 41%);
    border-radius: 10px;
    background: #ffffff;
}

.costume-hiring .selectize-control.form-control .selectize-input.has-items .selectize-item .col-11,
.costume-hiring .selectize-dropdown .selectize-dropdown-content .container-fluid .col-8 {
    height: auto !important;
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    align-items: center;
    align-content: center;
    padding-left: 4px;
}

.costume-hiring .selectize-control.form-control .selectize-input.has-items .selectize-item .col-11 span.name,
.costume-hiring .selectize-dropdown .selectize-dropdown-content .container-fluid .col-8 span.title {
    float: left;
    width: 100%;
    display: block;
    font-family: 'Jost', sans-serif;
    letter-spacing: -0.02em;
    font-size: 16px;
    margin-bottom: 8px;
}

.costume-hiring .selectize-dropdown .selectize-dropdown-content .container-fluid .col-8 span.title .name {
}

.costume-hiring .selectize-control.form-control .selectize-input.has-items .selectize-item .col-11 span.name strong,
.costume-hiring .selectize-dropdown .selectize-dropdown-content .container-fluid .col-8 span.title strong {
    color: #322d2e;
    font-weight: 500;
    float: left;
    width: 100%;
    display: block;
}

.costume-hiring .selectize-control.form-control .selectize-input.has-items .selectize-item span.description,
.costume-hiring .selectize-dropdown .selectize-dropdown-content .container-fluid .col-8 span.description {
    float: left;
    width: 100%;
    height: auto;
    display: block;
}

.costume-hiring .selectize-control.form-control .selectize-input.has-items .selectize-item {
    margin-left: -8px;
}

.costume-hiring .selectize-dropdown .selectize-dropdown-content .container-fluid {
    padding: 12px;
}

.costume-hiring .selectize-dropdown .selectize-dropdown-content .container-fluid .col-4 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
    min-width: 8.3333333333%;
}

/* misc fixes */

table tbody td.actions .btn[data-element="timesheetInDisclaimerCard"] {
    width: auto;
    max-width: none;
    white-space: nowrap;
}

.comments-list .card-list-title .float-right {
    margin-left: auto;
}

.comments-list .card-list-title .float-right small {
    margin: 0px !important;
    margin-top: 4px !important;
    font-weight: 600;
    color: #322d2e;
    padding-left: 15px;
}

.custom-checkbox .invalid-feedback {
    clear: both;
    float: left;
    display: block;
    margin: 50px 0 0 0;
}

.modal-content.markServiceAsCollectedCard form {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}

.modal-content.markServiceAsCollectedCard form .row {
    width: 100%;
    margin: 0px;
}

.modal-content.markServiceAsCollectedCard form .row .mt-10 {
    margin: 0px;
}

.modal-content.markServiceAsCollectedCard form .col-12 .col-12 {
    padding: 0px;
}

#showGunServiceCard .card-header .invalid-feedback {
    display: none !important;
}

#showGunServiceCard .card-header ul.nav.nav-pills a.btn {
    margin-right: 10px;
}

#order_guns table td .subtotal, #order_guns table td .tax, #order_guns table td .total, #order_guns table td .price {
    min-width: 100px;
    padding: 10px 15px;
}

#order_guns table td, #order_guns table th {
    padding-left: 5px;
    padding-right: 5px;
}

/* edit customer modal */

.modal-content.editCustomerCard .col-md-6,
.modal-content.addCustomerCard .col-md-6 {
    max-width: 100%;
    flex: 0 0 100%;
}

.modal-content.editCustomerCard .user-panel .form-group.photo-upload,
.modal-content.addCustomerCard .user-panel .form-group.photo-upload  {
    margin: 0px;
}

.modal-content.editCustomerCard .row.addressContainer .col-md-4,
.modal-content.addCustomerCard .row.addressContainer .col-md-4 {
    max-width: 50%;
    flex: 0 0 50%;
}

.modal-content.editCustomerCard .row.addressContainer .postcode-lookup input.form-control,
.modal-content.addCustomerCard .row.addressContainer .postcode-lookup input.form-control {
    max-width: 100%;
}

.modal-content.editCustomerCard form .row:nth-of-type(3) .user-panel .col,
.modal-content.editCustomerCard form .row:nth-of-type(3) .user-panel .col-lg-2,
.modal-content.addCustomerCard form .row:nth-of-type(3) .user-panel .col,
.modal-content.addCustomerCard form .row:nth-of-type(3) .user-panel .col-lg-2 {
    min-width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
}

.modal-content.editCustomerCard form .row:nth-of-type(3) .user-panel .col .col-md-6,
.modal-content.addCustomerCard form .row:nth-of-type(3) .user-panel .col .col-md-6 {
    max-width: 50%;
    flex: 0 0 50%;
}

.modal-content.editCustomerCard form .row:nth-of-type(3) .user-panel .success-disclaimer,
.modal-content.addCustomerCard form .row:nth-of-type(3) .user-panel .success-disclaimer {
    margin-top:0px;
}

.modal-content.editCustomerCard form .row:nth-of-type(3) .user-panel .blade-checkbox.no-label,
.modal-content.addCustomerCard form .row:nth-of-type(3) .user-panel .blade-checkbox.no-label {
    padding-top:0px;
}

.modal-content.addCustomerCard form > .user-panel .col-4 {
    flex: 0 0 100%;
    max-width: 100%;
}

.modal-content.addCustomerCard form > .user-panel .col-4:nth-of-type(4) {
    flex: 0 0 100%;
    max-width: 100%;
}

.modal-content.addCustomerCard form > .user-panel .col-4:nth-of-type(4) .blade-checkbox.no-label {
    padding-top: 0px;
    margin-bottom: 0px;
}

.modal-content.addCustomerCard form > .user-panel .col-4 .row .col-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
}

.modal-content.addCustomerCard form > .user-panel .col-4 .row .col-4 .btn {
    width:100%;
}

.modal-content.addCustomerCard form > .user-panel {
    padding-bottom: 13px;
    margin-bottom: 20px;
}

#addGunOrderCard table tr td:nth-of-type(3) input {
    min-width: 76px;
    padding: 10px 13px;
}

.modal-content.addCustomerCard .row.addressContainer > .col-md-6 {
    margin-left: 0px;
    position: relative;
}

/* disclaimer page */
body.auth-page #customersDisclaimerCard {
    margin-left: auto;
    margin-right: auto;
    max-width: 550px;
    -webkit-box-shadow: 0 0 24px 0 rgb(50 45 46 / 6%);
    box-shadow: 0 0 24px 0 rgb(50 45 46 / 6%);
}

body.auth-page #customersDisclaimerCard .card-header {
    justify-content: center;
}

body.auth-page #customersDisclaimerCard .card-body p.text-center {
    margin: 0px;
}

body.auth-page #customersDisclaimerCard .card-body {
    padding-top: 0px;
    padding-bottom: 25px;
}

.selectize-control.form-control.loading {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    pointer-events: none;
    flex-wrap: wrap;
}

.selectize-control.form-control.loading:before {
    z-index: 10;
    content: "";
    width: 100%;
    height: 100%;
    background: rgb(255 255 255 / 66%);
    backdrop-filter: blur(1px);
    position:absolute;
}

@keyframes spinner {
    to {transform: rotate(360deg);}
}

.selectize-control.form-control.loading:after {
    position: absolute;
    width: 25px;
    height: 25px;
    margin-top: 0px;
    margin-left: 0px;
    border-radius: 50%;
    border: 3px solid rgb(172 220 255);
    border-top-color: #3b9ee6;
    animation: spinner 1s linear infinite;
    z-index: 12;
}