/* BEGIN Regular */
@font-face {
    font-family: 'Cairo';
    src: url('fonts/cairo/Cairo-Light.ttf') format('truetype');
    font-weight: 300;
}
@font-face {
    font-family: 'Cairo';
    src: url('fonts/cairo/Cairo-Regular.ttf') format('truetype');
    font-weight: 400;
}
@font-face {
    font-family: 'Cairo';
    src: url('fonts/cairo/Cairo-SemiBold.ttf') format('truetype');
    font-weight: 600;
}
@font-face {
    font-family: 'Cairo';
    src: url('fonts/cairo/Cairo-Bold.ttf') format('truetype');
    font-weight: 700;
}

@font-face {
    font-family: 'Cairo';
    src: url('fonts/cairo/Cairo-Black.ttf') format('truetype');
    font-weight: 900;
}

/* END Regular */

.m-checkbox>span:after {
    -webkit-transform: rotate(35deg);
    transform: rotate(35deg);
}
.m-login.m-login--1 .m-login__wrapper .m-login__form .m-login__form-sub .m-link{font-weight:600;}
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item.m-menu__item--active {
    background-color: #20222f !important;
}
.m-portlet .m-portlet__head .m-portlet__head-icon{color:rgba(0,0,0,0)}
.adding-item-card{
    min-height: 72px;
    border: 1px solid #80828c;
    display: inherit;
    vertical-align: middle;
}
.nav.nav-pills .nav-link, .nav.nav-tabs .nav-link {
    font-weight: 700;
}

.adding-item-card label{
    vertical-align: middle;
    color: #0c0d15;
    font-weight: 600;
    font-size: 14px;
}

.adding-item-card .touchspi-container{ width: 43%; display:inline-block; margin:15px 0px}
.adding-item-card .input-group>.form-control:not(:first-child){padding:3px; text-align: center;}
.adding-item-card .quantity-of-item {padding: 6px 12px;display: inline-block;margin-top: 16px;float: left;margin-left: 14px;background-color: #2c2e3f;border-radius: 4px;color: #ffffff;font-size: 18px;font-weight: 600;}
.m-badge.m-badge--info{font-size:16px; font-weight:600; padding:6px 24px;}
.special-order-details{padding:12px;}

.table-bordered td {
    color: #2c2e3f;
    font-weight: 500;
}

.form-control{font-family: Cairo;}
.dataTables_filter label, .dataTables_length label{display:inline-flex;}

.dataTables_filter input, .dataTables_length select
{
    margin-top: -5px;
    margin-right: 12px;
    margin-left: 12px;
}
.datepicker {
    direction: ltr;
}
.datepicker.dropdown-menu {
    right: initial;
}
.datepicker tbody tr>td.day.old, .datepicker tbody tr>td.day.new{
    color: #bdbec1;
}
.datepicker table tr td, .datepicker table tr th{font-weight:600}

.datepicker-days .table-condensed .prev i, .datepicker-days .table-condensed .next i{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}


.m-widget24 .m-widget24__item .m-widget24__title{margin-top: 0;}
.m-widget24__item {padding:18px 8px;}
.row-highlight{background-color:#e6f1ef}
.modal-dialog.modal-full-screen {
    width: 100%;
    bottom: 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: #fff !important;
}

.modal-dialog.modal-full-screen  .modal-content {
    box-shadow: none !important;
    border: 0 !important;
    overflow: auto;
}
.m-list-timeline {font-weight:bold}

/* mobile Portrait and Landscape */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 768px)
and (-webkit-min-device-pixel-ratio: 2) {


    .adding-item-card label{
        display: table-cell;

    }
    .adding-item-card .quantity-of-item{margin-top: -26px;}
    .adding-item-card .touchspi-container {
        width: 90%;
        display: inline-block;
        margin: 15px 10px;
    }
    .form-control{padding:5px;}
    .m-portlet__foot .btn{margin-top:8px;}
}

@media print {
    .myDivToPrint {
        background-color: white;
        height: 100%;
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        margin: 0;
        padding: 15px;
        font-size: 14px;
        line-height: 18px;
    }
}

.dataTables_wrapper .dataTables_paginate .pagination .page-item>.page-link {
    border-radius: 8px;
}

.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
    color: #9e9e9e;
}
.m-body .m-content{padding:12px 12px 0 12px;}
.m-portlet { margin-bottom: 1.2rem; }
.m-checkbox>span:after {
    -webkit-transform: rotate(35deg);
    transform: rotate(35deg);
}
.m-login.m-login--1 .m-login__wrapper .m-login__form .m-login__form-sub .m-link{font-weight:600;}
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item.m-menu__item--active {
    background-color: #20222f !important;
}
.m-portlet .m-portlet__head .m-portlet__head-icon{color:rgba(0,0,0,0)}
.adding-item-card{
    min-height: 72px;
    border: 1px solid #80828c;
    display: inherit;
    vertical-align: middle;
}
.nav.nav-pills .nav-link, .nav.nav-tabs .nav-link {
    font-weight: 700;
}

.adding-item-card label{
    vertical-align: middle;
    color: #0c0d15;
    font-weight: 600;
    font-size: 14px;
}

.adding-item-card .touchspi-container{ width: 43%; display:inline-block; margin:15px 0px}
.adding-item-card .input-group>.form-control:not(:first-child){padding:3px; text-align: center;}
.adding-item-card .quantity-of-item {padding: 6px 12px;display: inline-block;margin-top: 16px;float: left;margin-left: 14px;background-color: #2c2e3f;border-radius: 4px;color: #ffffff;font-size: 18px;font-weight: 600;}
.m-badge.m-badge--info{font-size:16px; font-weight:600; padding:6px 24px;}
.special-order-details{padding:12px;}

.table-bordered td {
    color: #2c2e3f;
    font-weight: 500;
}
.adding-item-card.returns-card{border:1px solid #ec3a57}
.adding-item-card.returns-card .quantity-of-item{background-color: #ec3a57 ;}


.form-control{font-family: Cairo;}
.dataTables_filter label, .dataTables_length label{display:inline-flex;}

.dataTables_filter input, .dataTables_length select
{
    margin-top: -5px;
    margin-right: 12px;
    margin-left: 12px;
}
.datepicker {
    direction: ltr;
}
.datepicker.dropdown-menu {
    right: initial;
}
.daterangepicker tbody tr>td.day.old, .daterangepicker tbody tr>td.day.new, .daterangepicker tbody td.off{
    color: #bdbec1 !important;
}
.daterangepicker table tr td, .datepicker table tr th{font-weight:600}

.datepicker-days .table-condensed .prev i, .datepicker-days .table-condensed .next i{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}


.m-widget24 .m-widget24__item .m-widget24__title{margin-top: 0;}
.m-widget24__item {padding:18px 8px;}
.row-highlight, .highlight{background-color:#e6f1ef}
.modal-dialog.modal-full-screen {
    width: 100%;
    bottom: 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: #fff !important;
}

.modal-dialog.modal-full-screen  .modal-content {
    box-shadow: none !important;
    border: 0 !important;
    overflow: auto;
}
.m-list-timeline {font-weight:bold}
.m-widget3__item{padding:12px}
.m-widget3 .m-widget3__text{line-height:2; font-weight:700;}
.m-widget3 .m-widget3__item .m-widget3__body .m-widget3__text { color: #4a4b4e;}
.m-widget3 .m-widget3__item {
    border-bottom: 0.07rem dashed #464646;
}

.m_dashboard_daterangepicker{
    border: 1px solid #7167cd;
}
.m-portlet .m-portlet__head .m-portlet__head-tools .m-btn--custom.m-btn--pill{
    margin: 0;
}
.dataTables_wrapper .dt-buttons.btn-group{
    float: left;
}

@media print {
    .myDivToPrint {
        background-color: white;
        height: 100%;
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        margin: 0;
        padding: 15px;
        font-size: 14px;
        line-height: 18px;
    }
}