body {
}
/*on small screen*/
@media only screen and (max-width: 991px) {
}

@media print {
    div {
        page-break-inside: avoid;
    }
}

#sidebar_main .sidebar_main_header {
    /*background-image: url(/css/images/sidebar_head_bg.png) !important;*/
    background: #f04c4d !important;
}

    #sidebar_main .sidebar_main_header .sidebar_logo {
        height: 48px;
        line-height: 86px !important;
        overflow: inherit !important;
    }

#page-title {
    margin: -10px -30px 12px;
}

#page-title {
    height: 42px;
    padding: 7px 22px;
    position: relative;
    background: rgba(252,252,252,.89);
}

.title-hero {
    /*margin: -15px -15px 15px;*/
    padding: 10px 15px;
    font-size: 14px;
    border-bottom: #F7F7F7 solid 1px;
    background: #FFF;
}

label.form-control {
    background-color: #f6f6f6 !important;
}

.bordered-row > .form-group {
    border-top-style: none !important;
    padding: 10px 0 !important;
}

.md-fab-wrapper .btnSave {
    bottom: 75px;
}


.k-widget.k-tooltip-validation {
    background-color: #ffbe7a !important;
    box-shadow: none !important;
    background-image: none !important;
    font-size: 14px !important;
    margin-top: 7px !important;
    z-index: 2;
}

.k-tooltip-validation .k-callout-n {
    border-bottom-color: #4d3925 !important;
}

td > a.md-btn {
    min-width: 0px !important;
    padding: 0px 10px !important;
    margin-left: 0px !important;
}

.spn-Hide {
    display: none;
}

.bg-default, .bg-white.dashboard-box .button-pane,
.bg-white.tile-box .tile-footer,
.border-default, .bordered-row .form-group, .btn-default, .button-pane, .chosen-container, .chosen-container .chosen-drop, .chosen-container-active.chosen-with-drop .chosen-single div, .chosen-container-multi .chosen-choices li.search-choice, .chosen-container-single .chosen-single div, .content-box, .content-box-header.bg-default, .content-box-header.bg-gray, .content-box-header.bg-white, .dashboard-buttons .btn, .daterangepicker .calendar-date, .dropdown-menu, .email-body, .fc-state-default, .fc-widget-content, .fc-widget-header, .img-thumbnail, .jvectormap-label, .jvectormap-zoomin, .jvectormap-zoomout, .list-group-item, .mail-toolbar, .mailbox-wrapper .nav-list li a, .minicolors-panel, .ms-container .ms-list, .ms-container .ms-selectable li.ms-elem-selectable, .ms-container .ms-selection li.ms-elem-selection, .nav .open > a, .nav .open > a:focus, .nav .open > a:hover, .nav-tabs, .nav-tabs > li > a:focus, .nav-tabs > li > a:hover, .pagination > li > a, .pagination > li > span, .panel-box.bg-default, .panel-box.bg-gray, .panel-box.bg-white, .panel-content.bg-default, .panel-content.bg-gray, .panel-content.bg-white, .panel-footer, .panel-group .panel-footer + .panel-collapse .panel-body, .panel-group .panel-heading + .panel-collapse .panel-body, .panel-heading, .popover, .popover-title, .posts-list li, .selector i, .table-bordered, .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th, .tabs-navigation > ul, .tabs-navigation > ul li.ui-state-hover > a, .tabs-navigation > ul li > a, .thumb-pane, .thumbnail, .timeline-box .tl-item .popover, .timeline-box:before, .ui-accordion .ui-accordion-header, .ui-datepicker, .ui-datepicker .ui-datepicker-buttonpane button, .ui-datepicker-buttonpane, .ui-dialog, .ui-dialog .ui-dialog-titlebar, .ui-dialog-buttonpane, .ui-menu, .ui-spinner .ui-spinner-button, .ui-tabs-nav, div.selector, div[id^=uniform-] span {
    border-color: rgba(158,173,195,.16) !important;
}

.example-box-wrapper .nav {
    margin-bottom: 0px !important;
}

.spn-hide {
    display: none;
}

.invoice-client + .reset-ul li b {
    width: 30% !important;
    padding-left: 10px;
}

.invoice-client + .reset-ul li b {
    width: 80px;
    display: inline-block;
    opacity: .6;
}

.scroll-columns .md-icon {
    font-size: 19px !important;
}



.md-card + .md-card, .md-card + .uk-grid, .uk-grid + .md-card {
    margin-top: 11px !important;
}

.md-card {
    margin-top: -12px !important;
    margin-bottom: 26px !important;
}


.k-grid td {
    padding: 8px 5px !important;
    line-height: 17px !important;
    text-align: center;
}

.k-grid-header th.k-header {
    text-align: center;
}

@media only screen and (max-width:991px) {
    .k-grid td {
        padding: 0.25em 5px !important;
    }
}

@media only screen and (max-width: 1000px) {
    .scroll-columns td {
        padding: .929em 1.286em !important;
    }

    .k-grid-header th.k-header {
        padding: 14px .6em !important;
    }
    /*.scroll-columns th {
         padding: 0.25em 5px !important;
    }*/
}

@media only screen and (min-width: 1220px) {
    .wizard.vertical > .tab-staff-steps {
        width: 25% !important;
    }
}

@media only screen and (min-width: 1220px) {
    .wizard.vertical > .content {
        width: 75% !important;
    }
}

.width100 {
    width: 100%;
}

.chkbx {
    width: 18px !important;
    min-height: 17px !important;
    margin-top: 8px;
}

.pad-top-5 {
    padding-top: 5px !important;
}

.gry {
    background: #d7d7d7;
}

.mdl-title {
    font-size: 17px;
    color: #3b83af;
}

.mrg-btm-5 {
    margin-bottom: 5px !important;
}

.pad-left-20 {
    padding-left: 20px !important;
}

#sidebar_main .menu_section > ul > li ul a:hover {
    /*color: #7cb342;*/
    color: #f04c49;
}

.height-550 {
    min-height: 550px;
}

.red-font {
    color: #ff4532 !important;
}

.green-font {
    color: #3bb02d !important;
}

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

.mrgnleft-45 {
    margin-left: -45px;
}

.wd34 {
    width: 34% !important;
}

.wd40 {
    width: 40%;
}

@media only screen and (max-width:991px) {
    .mrgnleft-45 {
        margin-left: 0px;
    }

    .wd40 {
        width: 100%;
    }
}

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

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

.spn-login-error {
    color: red;
    margin-top: -15px;
    margin-left: 31%;
}

/*.form-control {
    height: 35px !important ;
}*/

.prefix {
    width: 20%;
    height: 35px;
    border: 1px solid #dfe8f1;
}

.number {
    line-height: 22px !important;
}

.upper-case {
    text-transform: uppercase;
}

#sidebar_main .menu_section > ul > li > a > .menu_icon {
    width: 32px !important;
}

#sidebar_main .menu_section > ul > li ul a {
    padding: 8px 10px 8px 66px !important;
}

.required-field {
    color: #d44242;
    font-weight: bolder;
    font-size: small;
}

#loadingbar, #nav-toggle span:after,
#nav-toggle span:before, #nav-toggle.collapsed span,
.badge-primary, .bg-primary, .bootstrap-switch-primary,
.btn-primary, .chosen-container .chosen-results li.active-result.highlighted,
.daterangepicker .ranges li.active, .daterangepicker .ranges li.active:hover,
.fc-event, .form-wizard > ul > li.active .wizard-step, .irs-line-left,
.irs-line-mid, .irs-line-right, .label-primary, .ms-hover.ui-state-focus,
.ms-list .ms-hover, .nav > li.active > a, .nav > li.active > a:focus,
.nav > li.active > a:hover, .owl-controls .owl-page span,
.ui-accordion-header.ui-accordion-header-active, .ui-datepicker .ui-datepicker-current-day a,
.ui-datepicker .ui-datepicker-current-day span, .ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev, .ui-dialog-buttonset button, .ui-menu li > a:hover,
.ui-rangeSlider-bar, .ui-slider-handle, .ui-spinner .ui-spinner-button:hover,
.ui-tabs-nav li.ui-state-active.ui-state-hover > a, .ui-tabs-nav li.ui-state-active > a,
a.list-group-item.active, a.list-group-item.active:focus, a.list-group-item.active:hover,
div.switch-toggle.switch-on, div[id^=uniform-] span.checked, li.active a.list-group-item,
li.active a.list-group-item:focus, li.active a.list-group-item:hover {
    /*background: #7cb342 !important;*/
}

    .border-primary, .btn-primary, .nav > li.active > a,
    .nav > li.active > a:focus, .nav > li.active > a:hover,
    .ui-accordion .ui-accordion-header.ui-accordion-header-active,
    .ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev,
    .ui-dialog-buttonset button, .ui-spinner .ui-spinner-button:hover,
    a.list-group-item.active, a.list-group-item.active:focus,
    a.list-group-item.active:hover, a.thumbnail:hover, div[id^=uniform-] span.checked,
    li.active a.list-group-item, li.active a.list-group-item:focus,
    li.active a.list-group-item:hover {
        /*border-color: #7cb342 !important;*/
    }

body {
    /*color: black !important;*/
}

.invoice-client + .reset-ul li {
    padding: 0 0 8px !important;
}

.pad-top-10 {
    padding-top: 10px;
}

.pad-left-8 {
    padding-left: 8px;
}

#divCheckOut hr {
    margin: 6px 0px !important;
}


/*Time Picker Scrollbar*/
ul.k-list.k-reset {
    /*overflow: hidden !important;
    overflow-y: auto !important;
    max-height: 200px !important;*/
}

.epc_chart_icon > i {
    font-size: 70px !important;
}

.k-file {
    border-style: solid;
    border-width: 0 0 1px;
    padding: .65em .17em .65em 1em !important;
}

.noBold {
    font-weight: normal;
}


#example {
    width: 100%;
}

.file-heading {
    font-family: Arial;
    font-size: 1.0em;
    line-height: 35px;
    display: inline-block;
    float: left;
    margin: 0 20px 0 20px;
    height: 25px;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.file-name-heading {
    font-weight: bold;
}

.file-size-heading {
    font-weight: normal;
    font-style: italic;
}

li.k-file .file-wrapper .k-upload-action {
    position: absolute;
    top: 1px;
    right: 6px;
}

li.k-file div.file-wrapper {
    position: relative;
    min-height: 25px;
    overflow: hidden;
}

.lookup-grid .k-grid-content {
    height: 260px;
}

.k-grid-header th.k-header {
    /*text-align: left !important;*/
    padding-left: 15px !important;
}

.k-grid td {
    border-width: 0px 0px 0px 0px;
    /*text-align: left !important;*/
    padding-left: 15px !important;
}

.k-filter-row th, .k-grid-header th.k-header {
    border-width: 0px 0px 1px 0px;
}

.control-label {
    font-size: 12px !important;
}

textarea .k-textbox {
    white-space: normal;
}

.k-grid tr td, .k-pivot-layout .k-grid tr td {
    border-color: #e6e6e6;
}

.k-grid-header .k-header, .k-grid-header .k-header .k-link, .k-grid-header .k-link, .k-grid-header .k-link:link, .k-pager-info, .k-scheduler-agendaview .k-scheduler-datecolumn, .k-scheduler-header {
    border-color: #e6e6e6;
}

@media only screen and (max-width: 1000px) {

    .k-grid-header th.k-header {
        min-height: 1.25em;
    }

    .scroll-columns td {
        padding: 14px 0.6em !important;
    }
}

.text-wrap-none {
    white-space: nowrap !important;
}


.dashboard-img {
    height: 105px;
    width: 105px;
}

.dashboard-img-height {
    height: 105px;
}

.dashboard-img-width {
    width: 105px;
}

.pad-4 {
    padding: 4px !important;
}

.md-card-content h1 {
    font: 500 22px/28px Roboto,sans-serif;
    margin: 0px;
}

    .md-card-content h1 .bs-badge {
        vertical-align: text-top !important;
    }

.chk-out-green {
    color: #4caf50 !important;
}

.chk-in-orange {
    color: #FF5722 !important;
}

textarea.k-textbox {
    padding: 10px 15px 10px 15px;
}

.k-picker-wrap .k-input {
    height: 2.5em;
}

#sidebar_main .pt_act_item {
    color: #f04c49 !important;
}

::-webkit-scrollbar {
    width: 0.8em;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 1px solid slategrey;
}

.app_theme_a #sidebar_main .pt_act_item {
    color: #ff4081 !important;
}

.app_theme_b #sidebar_main .pt_act_item {
    color: #00bcd4 !important;
}

.app_theme_c #sidebar_main .pt_act_item {
    color: #1e88e5 !important;
}

.app_theme_d #sidebar_main .pt_act_item {
    color: #673ab7 !important;
}

.app_theme_e #sidebar_main .pt_act_item {
    color: #e53935 !important;
}

.app_theme_f #sidebar_main .pt_act_item {
    color: #f04c49 !important;
}

.app_theme_g #sidebar_main .pt_act_item {
    color: #4caf50 !important;
}

.app_theme_h #sidebar_main .pt_act_item {
    color: #0277bd !important;
}

.app_theme_i #sidebar_main .pt_act_item {
    color: #00acc1 !important;
}

.app_theme_j #sidebar_main .pt_act_item {
    color: #00acc1 !important;
}

.app_theme_dark #sidebar_main .pt_act_item {
    color: #009688 !important;
}

label.k-textbox {
    height: 2.694em !important;
    text-indent: .8em !important;
    line-height: 2.2em !important;
    padding: 2px .3em !important;
    margin: 0px !important;
}

.k-combobox .k-input {
    height: 2.54em !important;
}

.wizard > .steps > ul > li + li a {
    border-top: 0px;
}

.multi-image-preview {
    height: 100px !important;
    width: 100px !important;
}

.md-btn-icon-small, .md-btn-icon.md-btn-small {
    margin-top: 5px;
}

.fixed-modal {
    height: 380px !important;
    overflow-y: auto !important;
    overflow-x: hidden;
}

input::placeholder, textarea::placeholder {
    color: lightgray !important;
}


.check-circle {
    font-size: medium !important;
    color: #33b333;
}

.close-circle {
    font-size: medium !important;
    color: rgba(251, 17, 17, 0.88);
}

.uk-form-row {
    margin-top: 0px !important;
    padding-bottom: 20px !important;
    /*border-bottom: 1px solid #ddd;*/
}

    .uk-form-row .uk-text-small {
        margin-top: 10px !important;
    }

.width-350 {
    width: 350px !important;
}

.uk-grid > * > :last-child {
    border-bottom: none;
}

.pull-bottom {
    position: absolute;
    bottom: 3px;
}

.filterIcon {
    position: absolute;
    bottom: 14px;
    right: 12px !important;
    color: #7B7B7B;
    cursor: pointer;
}

.blink {
    animation: blink-animation 1s steps(5, start) infinite;
    -webkit-animation: blink-animation 1s steps(5, start) infinite;
}

@keyframes blink-animation {
    to {
        visibility: hidden;
    }
}

@-webkit-keyframes blink-animation {
    to {
        visibility: hidden;
    }
}

.k-grid tr:hover {
    background-color: #ffffff;
}

.k-selectable tr:hover {
    background-color: #ebebeb !important;
    cursor: pointer;
}

.search_page_content ul {
    list-style-type: none;
}

.search_page_content .md-card {
    margin-left: -50px;
    min-height: 500px;
    margin-top: -42px !important;
    margin-bottom: 26px !important;
    /* padding: 0; */
}


.img-icon {
    width: 40px;
    height: 40px;
}

.km-switch-background, .km-switch-handle {
    color: #5ba145;
}

.km-switch-label-on, .km-switch-label-off {
    color: #fff;
}

.status-label {
    padding: .714em 1.333em .643em 1.333em;
}

.pad-20 {
    top: 20px !important;
}

.left-border {
    border-left: 1px solid #ddd !important;
}

.right-border {
    border-right: 1px solid #ddd !important;
}

.top-border {
    border-top: 1px solid #ddd !important;
}

.bottom-border {
    border-bottom: 1px solid #ddd !important;
}

.text-top {
    /*position: absolute; 
     top: 2px; */
    vertical-align: text-top !important;
}

.pad-btm-0 {
    padding-bottom: 0px !important;
}

#sidebar_main .menu_section > ul > li.current_section > a > .menu_icon .fa {
    /*color: #7cb342;*/
    color: #f04c49 !important;
}

#sidebar_main .menu_section > ul > li > a > .menu_icon .fa {
    font-size: 24px;
    vertical-align: top;
}

.nav-title {
    padding-left: 10px !important;
}

.cart-items {
    height: 330px;
    overflow-y: auto;
}

.k-grid .btn {
    line-height: 0px !important;
    height: 28px !important;
    min-width: 0px !important;
}

.mh-0 {
    min-height: 0px !important;
}

.h-0 {
    height: 0px !important;
}

.pt-6 {
    padding-top: 3.5em !important;
}

.icon-flip {
    transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
}

.md-btn-default {
    color: black;
    background: #dddddd;
}

.k-widget.k-listview {
    border-color: transparent !important;
}

.text-wrap-ellipsis {
    margin-top: 5px !important;
    margin-bottom: -12px !important;
    max-width: 110px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.card-hover:hover {
    cursor: pointer;
    -ms-transform: scale(1.5); /* IE 9 */
    -webkit-transform: scale(1.5); /* Safari 3-8 */
    transform: scale(1.1);
}
.cursor_pointer {
    cursor: pointer;
}

#btnDiscount_tt_active {
    border-color: rgba(100,100,100,.9);
    background-color: rgb(236, 236, 236) !important;
    color: #4d3925 !important;
}

[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #1976d2;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}


.width-88 {
    width: 88% !important;
}

.listProducts .k-loading-mask {
    width: 100% !important;
}

.display-flex {
    display: inline-flex;
}
.md-fab .material-icons {
    background: #f04c4d!important;
}
.paymode-img {
    width: 100px;
    margin-right: 7px;
    max-height: 30px;
    margin-top: -7px;
}
.paymode-txt {
    width: 70%;
}
.border-lightgray {
    border-color: lightgray;
}
.pad-left-11 {
    padding-left: 11px;
}

.k-widget.k-listview {
    border-color: transparent !important;
    background-color: transparent !important;
}

.default-color {
    color: #f04c4d;
}

.default-bg-color {
    background: #f04c4d;
}

.current_section .material-icons {
    color: #f04c4d;
}

.current_section .menu_title {
    color: #f04c4d;
}

.current_section .sub-link {
    color: #f04c4d;
}

.grid-img {
    height: 50px;
    width: 50px;
}

.k-button:hover {
    background-color: #f04c4d !important;
    border-color: #f04c4d !important;
}

.k-button.k-primary{
    background-color: #f04c4d !important;
    border-color: #f04c4d !important;
}

.k-header.k-grid-toolbar {
    border-color: transparent !important;
    background: transparent !important;
}
.width-50 {
    width: 50% !important;
}
.k-command-cell {
    float:right;
}
.k-button-icontext {
    background-color: #f04c4d !important;
    border-color: #f04c4d !important;
    border-radius: 30px;
    min-width: 40px !important;
}
.k-grid .k-button .k-icon {
    color: white !important;
    margin-left: -4px !important;
    margin-right: -4px !important;
}

.k-header .k-button .k-icon {
    margin-right: 3px !important;
}

.mrg-rt-5 {
    margin-right: 5px;
}