.slimHR {
    margin-top: 7px !important;
    margin-bottom: 7px !important;
}

.ui-igcombo.ui-widget .ui-igcombo-clear.ui-unselectable .ui-icon {
    margin-top: -7px !important;
}

.btn-black {
    background-color: #2d2d2d;
    border-color: #2d2d2d;
    color: #fff;
    cursor: pointer;
    transition: all ease-in .3s;
}

    .btn-black:hover {
        color: #fff;
        background-color: #4d4d4d;
        border-color: #4d4d4d;
    }

.btn-purple {
    background-color: #8b12a3;
    border-color: #8b12a3;
    color: #fff;
    cursor: pointer;
    transition: all ease-in .3s;
}

    .btn-purple:hover {
        color: #fff;
        background-color: #cd46e8;
        border-color: #cd46e8;
    }

    .btn-purple:disabled {
        background-color: #c179cf !important;
        border-color: #c179cf !important;
    }

.ModalWidth35 {
    width: 35% !important
}

.ModalWidth45 {
    width: 45% !important
}

.ModalWidth80 {
    width: 80% !important
}

.ModalWidth100 {
    width: 100% !important
}

.ModalWidth50 {
    width: 50% !important
}

.ModalWidth60 {
    width: 60% !important
}

.Slot3DButton {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    border: 0px solid transparent !important;
    font-size: 24px !important;
}

.ShadowInCard {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    /*border: 0px solid transparent !important;*/
}

.receiptFont {
    font-family: 'Courier New';
    font-weight: bold;
    resize: none;
    width: 100%;
    text-align: center;
    font-size: 12px !important;
}

.removeLeftPadding {
    padding-left: 0px !important;
}

.removeRightPadding {
    padding-right: 0px !important;
}

.removePadding {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.thumb-image {
    padding: 1em !important;
}

.bothSideMargin {
    margin-left: 10px;
    margin-right: 10px;
}

.smallFormBackground {
    background-color: #e4e1e1;
    padding: 10px;
}

hr.style4 {
    border-top: 3px double #777;
}

.MaxScroll-content {
    max-height: 98vh;
    overflow-y: auto;
    overflow-x: hidden;
}

    .MaxScroll-content::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        background-color: #F5F5F5;
    }

    .MaxScroll-content::-webkit-scrollbar {
        width: 8px;
        background-color: #F5F5F5;
    }

    .MaxScroll-content::-webkit-scrollbar-thumb {
        background-color: #474141;
    }

.Scroll-content {
    max-height: 95vh;
    overflow-y: auto;
    overflow-x: hidden;
}

    .Scroll-content::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        background-color: #F5F5F5;
    }

    .Scroll-content::-webkit-scrollbar {
        width: 8px;
        background-color: #F5F5F5;
    }

    .Scroll-content::-webkit-scrollbar-thumb {
        background-color: #474141;
    }

.gridHeader {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
}

#lstStoreUsers li span {
    cursor: pointer !important;
}

#lstStoreUsers li img {
    cursor: pointer !important;
}

.requiredEntry:after {
    content: " *" !important;
    color: red !important;
    font-weight: bold !important;
    font-size: 18px !important;
}

.requiredEntryBefore::before {
    content: "* " !important;
    color: red !important;
    font-weight: bold !important;
    font-size: 18px !important;
}

.modal {
    background-color: rgb(60,60,60) !important; /* Fallback color */
    background-color: rgba(60,60,60,0.1) !important; /* Black w/ opacity */
}

.modal-content {
    border: 2px solid #626262 !important;
}

.hideOverflowText {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.no-leftPadding {
    padding-left: 0px !important;
}

.no-rightPadding {
    padding-right: 0px !important;
}

.btn-onlyIconRed {
    font-size: 16px !important;
    color: red;
}

.btn-onlyIconOrange {
    font-size: 16px !important;
    color: orange;
}

.btn-onlyIconBlue {
    font-size: 16px !important;
    color: #1066ae;
}

.tab-content {
    border-left: 1px solid #cacaca !important;
    border-right: 1px solid #cacaca !important;
    padding: 10px !important;
    border-bottom: 1px solid #cacaca !important;
}

.smallDropDown select {
    height: 20px !important;
}

.ui-autocomplete {
    max-height: 140px !important;
    /*overflow-y: auto;*/
    /* prevent horizontal scrollbar */
    overflow-x: hidden !important;
    /* add padding to account for vertical scrollbar */
    padding-right: 20px !important;
    padding-left: 0px !important;
}

.hideTextOverflow {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.ui-autocomplete {
    z-index: 2150000000 !important;
}

.nav-tabs > li > a {
    /* adjust padding for height*/
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

.nav-tabs .active {
    background-color: #f1f1f1 !important;
}

.ui-iggrid-summaries-footer-text-container {
    font-size: 13px !important;
    font-weight: bold !important;
    text-align: right !important;
    margin-right: 5px !important;
    margin-left: 0px !important;
}

.ui-iggrid .ui-iggrid-footer, .ui-iggrid .ui-iggrid-toolbar {
    font-weight: normal !important;
    font-size: small !important;
    height: 30px !important;
}

.ui-iggrid-sortableheader > a, span.ui-iggrid-headertext {
    font-size: 13px !important;
    min-height: 8px !important;
}

fieldset.scheduler-border {
    border: 1px solid #bdbdbd !important;
    padding: 0 1em 1em 1em !important;
    margin: 0 0 1em 0 !important;
    -webkit-box-shadow: 0px 0px 0px 0px #000;
    box-shadow: 0px 0px 0px 0px #000;
}

legend.scheduler-border {
    font-size: 14px !important;
    font-weight: bold !important;
    text-align: left !important;
    width: auto;
    padding: 0 10px;
    border-bottom: none;
}

.page-body {
    padding-top: 7em !important;
}

.BoldFont {
    font-weight: 600;
}

.fullWidth {
    width: 95%;
}

.alignTextRight {
    text-align: right !important;
}

.alignTextLeft {
    text-align: left !important;
}

.alignTextCenter {
    text-align: center !important;
}

/*.modal-dialog {
    overflow-y: initial !important;
}

.modal-body {
    height: 70vh !important;
    overflow-y: auto;
}*/

.disabledFont {
    color: #a1a0a0;
}

.largemodal {
    width: 90%;
    height: 100%;
    margin: 20px;
    padding: 0;
    display: contents;
}

    .largemodal > .modal-content {
        /*height: 100%;*/
        min-height: 92vh;
        border-radius: 0;
    }

.align-modal-center-98 {
    display: table !important;
    margin-left: 1% !important;
    margin-top: 0% !important;
    height: 100% !important;
    width: 98% !important;
}

    .align-modal-center-98 > .modal-dialog {
        display: table-cell !important;
    }

.align-modal-center-96 {
    display: table !important;
    margin-left: 2% !important;
    margin-top: 0% !important;
    height: 100% !important;
    width: 97% !important;
}

    .align-modal-center-96 > .modal-dialog {
        display: table-cell !important;
    }

.align-modal-center-90 {
    display: table !important;
    margin-left: 5% !important;
    margin-top: 2% !important;
    height: 100% !important;
    width: 90% !important;
}

    .align-modal-center-90 > .modal-dialog {
        display: table-cell !important;
    }

.align-modal-center-80 {
    display: table !important;
    margin-left: 10% !important;
    margin-top: 2% !important;
    height: 100% !important;
    width: 80% !important;
}

    .align-modal-center-80 > .modal-dialog {
        display: table-cell !important;
    }

.align-modal-center-70 {
    display: table !important;
    margin-left: 15% !important;
    margin-top: 2% !important;
    height: 100% !important;
    width: 70% !important;
}

    .align-modal-center-70 > .modal-dialog {
        display: table-cell !important;
    }

.align-modal-center-60 {
    display: table !important;
    margin-left: 20% !important;
    margin-top: 2% !important;
    height: 100% !important;
    width: 60% !important;
}

    .align-modal-center-60 > .modal-dialog {
        display: table-cell !important;
    }

.align-modal-center-50 {
    display: table !important;
    margin-left: 25% !important;
    margin-top: 2% !important;
    /*height: 100% !important;*/
    width: 50% !important;
}

    .align-modal-center-50 > .modal-dialog {
        display: table-cell !important;
    }

.align-modal-center-40 {
    display: table !important;
    margin-left: 30% !important;
    margin-top: 2% !important;
    /*height: 100% !important;*/
    width: 40% !important;
}

    .align-modal-center-40 > .modal-dialog {
        display: table-cell !important;
    }

.align-modal-center-30 {
    display: table !important;
    margin-left: 35% !important;
    margin-top: 2% !important;
    /*height: 100% !important;*/
    width: 30% !important;
}

    .align-modal-center-30 > .modal-dialog {
        display: table-cell !important;
    }

.align-modal-center-25 {
    display: table !important;
    margin-left: 37.50% !important;
    margin-top: 2% !important;
    width: 25% !important;
}

    .align-modal-center-25 > .modal-dialog {
        display: table-cell !important;
    }


.modal-backdrop-orange {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: orange;
    opacity: 0.6;
    width: 100%;
    height: 100%;
    z-index: 1040;
}
/*.MediumModal .modal-dialog {
    width: 1000px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    align-self: center !important;
}*/

/*.MediumModal > .modal-content {
    border-radius: 0 !important;
    width: 1000px !important;
    margin: 20px !important;
}*/

.btnEditRemove {
    font-size: 15px !important;
}

.ui-iggrid .ui-iggrid-footer, .ui-iggrid .ui-iggrid-toolbar {
    font-weight: normal !important;
    font-size: small !important;
    height: 30px !important;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    color: black !important;
    font-weight: bold !important;
}

.btn-lessPadding {
    padding-left: 9px !important;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
    font-size: 12px !important;
    padding-right: 9px !important;
}

.btn-extraMini {
    padding-left: 5px !important;
    padding-right: 2px !important;
    padding-top: 1px !important;
    padding-bottom: 1px !important;
    font-size: 10px !important;
    width: 20px !important;
}

.btn-smallTextOnly {
    padding-left: 2px !important;
    padding-right: 2px !important;
    padding-top: 1px !important;
    padding-bottom: 1px !important;
    font-size: 10px !important;
}

.btn-smallText {
    padding-left: 3px !important;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
    padding-right: 3px !important;
    font-size: 10px !important;
}

.marginTop5 {
    margin-top: 5px !important;
}

.marginTop10 {
    margin-top: 10px !important;
}

.marginTop20 {
    margin-top: 20px !important;
}

.removeMargin5 {
    margin-top: -5px !important;
}

.removeMargin10 {
    margin-top: -10px !important;
}

.removeMargin20 {
    margin-top: -20px !important;
}

.smallInput input[type="text"] {
    height: 20px;
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.smallInput textarea {
    padding-right: 2px !important;
    padding-left: 2px !important;
}

.smallFont {
    font-size: 12px;
}

.smallestFont {
    font-size: 10px;
}

.DashBoardGridfont {
    font-size: 10px !important;
}

.labelWithBorder {
    border: 1px solid darkgray;
}

.disabledTab {
    pointer-events: none;
}

    .disabledTab a {
        color: darkgray;
    }

.ModalHeading {
    font-size: 20px !important;
    color: #1066ae !important;
    font-weight: bold !important;
}

.note-btn {
    background-color: white !important;
    color: black !important
}

    .note-btn:hover {
        color: #fff;
        border-color: black;
    }

#editor ol, ul {
    list-style: disc;
    list-style-position: inside;
}


.modal-dialog {
    margin-top: 5px !important;
}

.k-header .k-link {
    justify-content: center;
    font-weight: bold;
    font-size: 14px;
}

.k-grid-pencil {
    color: blue;
}

.k-i-edit {
    color: blue;
}

select {
    height: 30px;
}

.btn:disabled {
    border-color: grey;
    background-color: grey;
}

.k-grid .k-state-selected {
    background-color: #ffffff !important;
    color: #000000;
}

.k-grid .k-alt.k-state-selected {
    background-color: #f1f1f1 !important;
    color: #000000;
}

element.style {
    padding-right: 0px !important;
}

body {
    overflow: auto;
}

input[type=text], textarea {
    padding: 2px !important;
}

input[type=date] {
    text-align: center;
}

textarea {
    resize: none;
}

label:disabled {
    color: grey;
}

a:disabled {
    color: grey;
}

/**, :before, :after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.container, .container-fluid, .row,
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1,
.col-xs-2, .col-sm-2, .col-md-2, .col-lg-2,
.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3,
.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4,
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5,
.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6,
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7,
.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8,
.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9,
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10,
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11,
.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}*/

/*For Mobile Phones*/

.DashboardTitle {
    font-family: sans-serif;
    text-shadow: 2px 2px 5px gray;
    font-size: 28px;
    cursor: pointer;
    text-align: center;
}

.k-pager-md .k-pager-info, .k-pager-sm .k-pager-info, .k-pager-sm .k-pager-numbers, .k-pager-sm .k-pager-sizes {
    display: block !important;
}

.dashBtn {
    height: 100px;
    width: 100px;
    background-color: white;
    margin: 5px
}

    .dashBtn > i {
        font-size: 42px;
        text-shadow: 2px 2px 4px #000000;
        margin-bottom: 10px
    }

.ModalDialogueHeader {
    font-family: sans-serif;
    font-size: 24px;
}

@media (max-width:480px) {
    .k-icon-button.k-button-md {
        padding: 0px !important
    }

    .DashboardTitle {
        font-size: 20px !important;
        padding-left: 20px !important;
        text-align: left !important
    }

    .dashBtn {
        height: 60px;
        width: 65px;
        margin: 2px
    }

        .dashBtn > i {
            font-size: 24px;
            text-shadow: 2px 2px 4px #000000;
            margin-bottom: 5px
        }

    .dashBtnFont {
        font-size: 10px;
    }

    .DashboardTitleRight {
        padding-right: 20px !important;
    }

        .DashboardTitleRight > label {
            font-size: small !important;
        }

            .DashboardTitleRight > label > i {
                font-size: 20px !important
            }

    .align-modal-center-40 {
        margin-left: 10% !important;
        width: 80% !important;
    }

    .align-modal-center-25 {
        margin-left: 20% !important;
        width: 60% !important;
    }

    .ModalDialogueHeader {
        font-size: 19px;
    }
}

/*For Tablets*/

@media (max-width:960px) {
}

/*For Laptops/Desktop*/

@media (min-width:1025px) {
}

/*For Hi-Res Laptops*/

@media (max-width:1280px) {
}

.btn-outline-default{
    color: cadetblue;
    border-color: cadetblue;
}
    .btn-outline-default:hover {
        background-color: cadetblue;
        color: white;
    }