/*----------------------------------------------------------------------- */
/* Copyright (c) OneBonfire Technologies. All rights reserved.              */
/*----------------------------------------------------------------------- */

/*-------------------------------------------- */
/* Global                                      */
/*-------------------------------------------- */
html, body {margin: 0px; padding: 0px; width: 100%; height: 100%;}
body {background-color: #ffffff !important; font-family: 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif; font-size: 13px; font-weight: normal; color: #333333 !important;}

a {text-decoration: none !important}

/* Set page margin and other items for printing */
@page {margin:12mm 2mm 12mm 2mm;}
@media print {#content {padding: 0px 0px !important;} }
@media print {.app-content {margin-left: 0px !important;} }

/*-------------------------------------------- */
/* Overrides for Bootbox                       */
/*-------------------------------------------- */
.modal-backdrop.show {filter: alpha(opacity=25); opacity: 0.25 !important;}

/*-------------------------------------------- */
/* Overrides for Font Awesome                  */
/*-------------------------------------------- */
.btn {
    padding: 6px 12px;
}
.btn-labeled.fa:before,
.btn-labeled .fa:before {
    font-family: 'Font Awesome 6 Pro' !important;
    font-weight: 900 !important;
}
.btn-labeled.fas,
.btn-labeled.far {
    text-align: left;
}
.btn-labeled.fas,
.btn-labeled.far {
    line-height: 1.42857;
}
.btn-labeled.fas:before,
.btn-labeled .fas:before {
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
}
.btn-labeled.far:before,
.btn-labeled .far:before {
    font-family: 'Font Awesome 6 Pro';
    font-weight: 400;
}
.btn-lg.btn-labeled.fas,
.btn-lg.btn-labeled.far {
    line-height: 1.33;
}
.btn-sm.btn-labeled.fas,
.btn-sm.btn-labeled.far {
    line-height: 1.42857;
}
.btn-xs.btn-labeled.fas,
.btn-xs.btn-labeled.far {
    line-height: 1.5;
}
.fa-fw {
    width: 1.6em !important;
}
.fa-lg {
    font-size: 15px !important;
}
.text-info {
    color: #ffe000 !important;
}

/*------------------------------------
  Overwrite's for Kendo
------------------------------------*/
body:not(mobile-view-activated) #scrollView {
    min-height: 240px
}

body.mobile-view-activated #scrollView {
    min-height: 440px
}

@media (min-width: 644px) {
    body.mobile-view-activated #scrollView {
        min-height: 240px
    }
}

/* Change style of Confirm */
.k-window {
    background-color: #ffffff;
    border-color: #dee2e6;
    border-radius: 0.25rem;
    border-width: 1px;
    border-style: solid;
    outline: 0;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    color: #212529;
    line-height: 1.5;
    flex-direction: column;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.k-window-titlebar {
    background: none;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    border-color: #dee2e6;
    padding: 12px 16px;
    border-width: 0 0 1px;
    border-style: solid;
    white-space: nowrap;
    display: flex;
    flex-direction: row;
    flex-shrink: 0;
    align-items: center;
}

.k-window-title {
    padding: .5em 0;
    margin: -.5em 0;
    font-size: 1.25rem;
    line-height: 1.5;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: default;
    flex: 1;
    display: flex;
    flex-flow: row nowrap;
}

.k-window-content,
.k-prompt-container {
    padding: 12px 16px;
    border-width: 0;
    border-color: inherit;
    color: inherit;
    background: none;
    outline: 0;
    overflow: auto;
    position: relative;
    flex: 1 1 auto;
}

.k-dialog-buttongroup {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    padding: 0.5rem 0.5rem;
    border-width: 1px 0 0;
    border-style: solid;
    border-color: #dee2e6;
    flex: 0 0 auto;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    gap: 0.5rem;
    overflow: hidden;
}

/*-------------------------------------------- */
/* Overrides for Bootstrap                     */
/*-------------------------------------------- */
.container-fluid, .container-sm, .container-md, .container-lg, .container-xl {
    padding-top: 0.625rem;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
}

.panel-title {
    font-weight: normal;
    padding: 0 20px 0 20px;
    font-size: 1.15rem;
    line-height: 42px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.panel {
    border: 0;
    border-radius: 3px;
    box-shadow: none !important;
    margin-bottom: 20px;
}

.panel .panel-footer, .panel > :last-child {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}

.panel .panel-heading, .panel > :first-child {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

figure {
    margin-bottom: 0;
}

/*-------------------------------------------- */
/* Overrides for Table Contents                */
/*-------------------------------------------- */
.table-bordered td, .table-bordered th {
    border-color: rgba(0,0,0,0.07)
}

.table-bordered th {
    font-size: 1.05em;
    font-weight: 600;
    border-bottom: 1px solid rgba(0,0,0,0.07) !important;
    color: #4d627b !important;
}

/*-------------------------------------------- */
/* Overrides for Toast                         */
/*-------------------------------------------- */
/* The following fixes Toast to display correctly when the page is scrolled to the bottom */
#toast-container > div {
    height: 100px !important;
    padding-top: 20px !important;
}

/*-------------------------------------------- */
/* Overrides for Spinner                       */
/*-------------------------------------------- */
.spinner {
    border: 0px !important;
    animation: none !important;
}

/*-------------------------------------------- */
/*  Button Styles                              */
/*-------------------------------------------- */
.btn-sm,.btn-icon.btn-sm {font-size:11px !important; line-height:1.3 !important;}
.btn-xs,.btn-icon.btn-xs {font-size:11px !important; line-height:1.6 !important;}
.btn-xs, .btn-icon.btn-xs, .btn-group-xs > .btn {padding: 1px 5px}
.btn-default a {text-decoration: none !important;}

/*-------------------------------------------- */
/* Misc Styles                                 */
/*-------------------------------------------- */
.ThirtyPixels {width: 30px; min-width: 30px; max-width: 30px; white-space: nowrap; padding: 0 !important;}
.FiftyPixels {width: 50px; min-width: 50px; max-width: 50px; white-space: nowrap; padding: 0 !important;}
.EightyPixels {width: 80px; min-width: 80px; max-width: 80px; white-space: nowrap; padding: 0 !important;}
.OneHundredPixels {width: 100px; min-width: 100px; max-width: 100px; white-space: nowrap; padding: 0 !important;}

/*------------------------------------
  Carousels
------------------------------------*/
.js-next,
.js-prev,
.js-thumb {cursor: pointer;}

.js-next,
.js-prev {z-index: 10;}

.js-thumb img {display: inline-block;}

.js-carousel {background: url(../images/preloaders/preloader-black.svg) no-repeat 50% 50%;}

.js-carousel .js-next,
.js-carousel .js-prev {opacity: 0;}

.js-carousel.slick-initialized {background: none;}

.js-carousel.slick-initialized .js-slide,
.js-carousel.slick-initialized .js-thumb {visibility: visible; height: auto; overflow: visible;}

.js-carousel.slick-initialized .js-next,
.js-carousel.slick-initialized .js-prev {opacity: 1;}

.js-slide, .js-thumb {height: 0; visibility: hidden; overflow: hidden;}

.js-slide:first-child, .js-thumb:first-child {height: auto;}

.slick-vertical .slick-slide {border: none;}

/*------------------------------------
  Animation on the scroll
------------------------------------*/
[data-animation].js-carousel {
    visibility: visible;
}

/*-------------------------------------------- */
/* Caried over styles                          */
/*-------------------------------------------- */
.pos-top {top: 0}
.pos-left {left: 0}
.pos-right {right: 0}
.pos-bottom {bottom: 0}

.text-truncate-md {max-width: 160px; }
.text-truncate-lg {max-width: 200px; }

.form-group {
    margin-bottom: 5px;
}
.form-group .form-control {
    appearance: auto;
    min-height: 20px;
}

/* CSS for General Form Fields */
.control-label {
    text-align: left !important;
    padding-left: 0px !important;
}
.form-control {
    appearance: auto;
    font-weight: 400;
    font-size: 13px;
}
textarea.form-control {
    max-width: 700px
}
.form-control, text-box, multi-line {
    max-width: 400px
}
.form-control.k-checkbox {min-width: inherit !important;}

/*.subheader-title {
    font-size: 1.15rem;
    font-weight: 500;
    color: #907f7d;
    text-shadow: #fff 0 1px;
    margin: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}*/

/* match CS-Cart style */
.subheader-title {
    font-size: 26px;
    font-weight: bold;
    font-family: -apple-system, BlinkMacSystemFont, 'San Francisco', Roboto, 'Segoe UI', Ubuntu, 'Helvetica Neue', sans-serif;
    color: #2d2d2d;
    margin: 0;
    line-height: 1;
    word-break: break-word;
}

/* nav tabs panel */
.nav-tabs-clean {
    height: 45px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.nav-tabs-clean .nav-item .nav-link {
    border-radius: 0;
    border: 0;
    height: 45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid transparent;
    color: #333333
}

.nav-tabs-clean .nav-item .nav-link.active {
    border-bottom: 1px solid #294f75;
    color: #294f75;
}

.nav-tabs-clean .nav-item .nav-link:hover {
    color: #294f75;
}

/* nav tabs panel */
.nav-tabs-clean {
	.nav-item {
		.nav-link {
			&.active {
				border-bottom: 1px solid #3bb18f;
				color: #3bb18f;
			}
			&:hover {
				color: #3bb18f;
			}
		}
	}
}

.app-list-name {
    text-align: center;
    font-size: 0.8125rem;
    text-overflow: ellipsis;
    display: block;
    white-space: nowrap;
    overflow: hidden;
}

.dropdown-menu.dropdown-md {
    width: 15rem;
    height: auto;
}

/*-------------------------------------------- */
/* Custom CSS to override validation           */
/*-------------------------------------------- */

/* Custom CSS to override validation feedback for valid input */
.form-control.is-valid, .was-validated .form-control:valid {
    border-color: var(--bs-component-border-color) !important;
    background-image: none !important;
}
/* Custom CSS to override validation feedback for invalid input */
.form-control.is-invalid, .was-validated .form-control:invalid {
    border-color: #ff5b57 !important;
    background-image: none !important;
}
/* Custom CSS to override Bootstrap validation feedback text for invalid input */
.invalid-feedback {    
    font-size: inherit !important;
    color: rgb(var(--bs-danger-rgb)) !important;
}
/* Custom CSS to override Kendo validation feedback text for invalid input */
.k-form-error {
    font-size: inherit !important;
    color: rgb(var(--bs-danger-rgb)) !important;
}
/* Custom CSS to override Kendo validation feedback for invalid input */
.form-control.k-invalid {
    border-color: #ff5b57 !important;
    background-image: none !important;    
}
/* Custom CSS to override Kendo validation feedback for valid input */
.form-control.k-valid {    
    border-color: var(--bs-component-border-color) !important;
}
/* Custom CSS to override Kendo validation feedback image for invalid input */
.form-control.k-picker.k-invalid, form-control.k-widget.k-picker.k-invalid {    
    padding-right: 0 !important;    
}
/* Custom CSS to override Kendo Bootstrap validation feedback for invalid input */
.k-input-solid.k-invalid, .k-input-solid.ng-invalid.ng-touched, .k-input-solid.ng-invalid.ng-dirty {
    border-color: #ff5b57 !important;
}
/* Custom CSS to format Kendo TextBoxFor for phone numbers  */
.form-control.phone {
    height: 33px !important;
    padding: 0px 0px 0px 3px !important;
}