.D3D3D3-bg{
    background-color: #D3D3D3;
}
.E2E2E2-bg{
  background-color: #E2E2E2;
}
.ML5{
    margin-left: 5px;
}
.ML10{
    margin-left: 10px;
}
.MB10{
    margin-bottom: 10px;
}
.MB15{
    margin-bottom: 15px;
}
.MB25{
    margin-bottom: 25px;
}
.PL30{
    padding-left: 30px;
}
.MR16{
    margin-right: 16px;
}
.required,#filtered_item_detail{
    color:red;
}
.user-circle{
    color: #a7b1c2;
}
.btn-group a i
{
    color:#1ab394;
}
.display_inline_flex{
    display: inline-flex;
}
.E2E2E2-bg > div{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
}

.loginscreen.middle-box{
  -webkit-box-shadow: 10px 10px 99px 5px rgba(0,0,0,0.52);
  -moz-box-shadow: 10px 10px 99px 5px rgba(0,0,0,0.52);
  box-shadow: 10px 10px 99px 5px rgba(0,0,0,0.52);
  padding: 30px;
  border-radius: 5px;
  background-color: #141414;
  color: #ffffff;
}

.loginscreen.middle-box input.form-control{
    color: #676a6c;
}

#side-menu .nav-label{
  font-size: 15px;
  line-height: 0px;
  outline-offset: 0px;
  font-weight: 400;
  color: #fff;
}

.metismenu > li{
  outline: none;
  background: #2980b9;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to bottom, #2F2F36, #161617);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to bottom, #2F2F36, #161617); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.nav > li.nav-header,
.nav > li.login-detail{
  background: transparent;
  color:#fff;
}

.nav > li.active{
  border-left: 0px;
}
#side-menu:not(.nav-second-level) > li.active{
    background: -webkit-linear-gradient(to bottom, #2F2F36, #0B7F9C);
    background: linear-gradient(to bottom, #2F2F36, #0B7F9C);
}
#side-menu:not(.nav-second-level) > li > a:hover{
    background: -webkit-linear-gradient(to bottom, #2F2F36, #073461);
    background: linear-gradient(to bottom, #2F2F36, #073461);
}
.nav > li.login-detail{
  border-top: solid 1px #2980b9;
  padding: 10px 5px 0px 10px;
}

.nav > li.login-detail span{
  display: block;
  font-size: 14px;
  font-weight: 400;
}

.mini-navbar li.login-detail{
  display: none !important;
}

.mini-navbar .navbar-default .nav > li > a{
  padding: 14px 18px 14px 18px;
}

.nav li#user_tools > a > i{
  color: #0D62F7;
}

.nav li#automation > a > i{
  color: #F46478;
}

.nav li#orders > a > i{
  color: #F3732A;
}

.nav li#epos_system > a > i{
  color: #6CD150;
}

.nav li#refund_returns > a > i{
  color: #AE97EC;
}

.nav li#listing_generators > a > i{
  color: #33ACFF;
}

.nav li#file_manager > a > i{
  color: #FFC333;
}

.nav li#admin > a > i{
  color: #FFAF33;
}

.nav li#logout > a > i{
  color: #FF1515;
}

.mini-navbar .metismenu .has-arrow::after{
  display: none;
}

/** set background logo start**/
.set-bg-icon{
    /*background-image: url('../images/pure_sales_logo.png');*/
    background-repeat: no-repeat;
    background-position: 100% 97%;
    background-blend-mode: color-burn;
}
/** set background logo end**/

@media (min-width: 992px) {
    .navbar-static-side .metismenu li {
        position: relative;
    }
    .navbar-static-side .metismenu > li > ul {
        position: absolute;
        left: 100%;
        top: 0;
        min-width: 250px;
        z-index: 1001;
        font-size: 14px;
        color: #fff;
        font-weight: 400;
        background-color: #0B6E99;
    }

    .metismenu .has-arrow::after {
        position: absolute;
        content: '';
        width: .5em;
        height: .5em;
        border-width: 1px 0 0 1px;
        border-style: solid;
        border-color: #fff;
        right: 1em;
        -webkit-transform: rotate(-45deg) translate(0, -50%);
        -ms-transform: rotate(-45deg) translate(0, -50%);
        -o-transform: rotate(-45deg) translate(0, -50%);
        transform: rotate(-45deg) translate(0, -50%);
        -webkit-transform-origin: top;
        -ms-transform-origin: top;
        -o-transform-origin: top;
        transform-origin: top;
        top: 50%;
        -webkit-transition: all .3s ease-out;
        -o-transition: all .3s ease-out;
        transition: all .3s ease-out;
    }

    .navbar-static-side .metismenu > li > ul li{
      border-bottom: dotted 1px #64C7FC !important;
    }

    body.mini-navbar .navbar-default .nav-second-level span{
    	display: inline-block !important;
    }

    body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .nav li:hover > .nav-second-level, .mini-navbar .nav li:focus > .nav-second-level{
      min-width: 255px;
    }

    .metismenu .nav-second-level.collapse.in{
      display: none;
    }

    .navbar-static-side .metismenu > li > ul li:hover{
      background-color: #0B6E99;
    }

    .navbar-static-side .metismenu > li > ul a{
        color: #fff;
        font-size: 14px;
        font-weight: 400;
        padding-left: 22px;
    }

    .nav-second-level li:last-child{
      margin-bottom: 1px;
    }

    .navbar-static-side .metismenu > li:hover > ul {
        height: auto !important;
    }
    .navbar-static-side .metismenu > li:hover > ul,
    .navbar-static-side .metismenu > li:hover > ul.collapse {
        display: block;
    }

    .navbar-static-side .metismenu > li:hover > a.has-arrow:after {
        transform: rotate(135deg);
    }
}

/****** Epos main panel ************/
.epanel-content { text-align: center; }
.epanel-content .epanel-content-item{
    height: 180px;
    margin-bottom: 2px;
}
.epanel-content .epanel-content-item span {
    color: black;
    font-weight: 600;
    font-size: 14px;
    display: block;
    margin: 5px 0 10px;
}
.epanel-content .epanel-content-item .new-sale i{color: #FF3A3A;}
.epanel-content .epanel-content-item .sale-report i{color: #388BEE;}
.epanel-content .epanel-content-item .check-price i{color: #FF6900;}
.epanel-content .epanel-content-item .cust-list i{color: #2CCD6B;}

.epanel-content .epanel-content-item .manage-stock i{color: #EBA800;}
.epanel-content .epanel-content-item .low-stock i{color: #FF253C;}
.epanel-content .epanel-content-item .purchase-order i{color: #0058BB;}
.epanel-content .epanel-content-item .po-report i{color: #767676;}

.epanel-content .epanel-content-item .supplier i{color: #009B90;}
.epanel-content .epanel-content-item .config i{color: #525252;}
.epanel-content .epanel-content-item .data-report i{color: #F15985;}
.epanel-content .epanel-content-item .credit-sale i{color: #7845FF;}

.stocktaking_table td:nth-last-child(1), .stocktaking_table td:nth-last-child(2), .stocktaking_table td:nth-last-child(3) { text-align: center; }

.selectScrollable{
    overflow: auto;
    height: 80px;
}

.MT5{
    margin-top: 5px;
}
.MT15{
    margin-top: 15px;
}
.ML20{
    margin-left: 20px;
}
.MT25{
    margin-top: 25px;
}
.MT50{
    margin-top: 50px;
}
.MR10{
    margin-right: 10px;
}
.MR20{
    margin-right: 20px;
}
.font-weight-700{
    font-weight: 700;
}
.resize_none{
    resize: none;
}
.resize_vertical{
    resize: vertical;
}
.border_none{
    border: none;
}
.table.no-border > thead > tr  >td, .table.no-border > tbody> tr > td {
    border-width: 0;
}
.width_50px{
    width: 50px;
}
.width_90px{
    width: 90px;
}
.width_630px{
    width: 630px;
}
#invoice-form .form-group{
    margin-bottom: 5px;
}
#filtered_item_title,#filtered_item_detail{
    font-size: 20px;margin-bottom: 10px;
}
.filtered_item_data{
    padding: 20px;border: 1px solid #ddd;box-shadow: 1px 3px 4px #c8c8c8;margin-top: -20px;position: absolute;z-index: 1000;background: #fff;
}
.close-filter-box{
    color:red;cursor: pointer;
}
#searched_item_table tbody tr,#customer_list_dialog_table tbody tr,#Ebay_orders tbody tr,#manage_stock_list tbody tr,#supplier_list_dialog_table tbody tr,#supplier_list tbody tr,#user_list tbody tr,#courier_service_list tbody tr,#warehouse_list tbody tr,#customer_list tbody tr,#credit_note_list tbody tr{
    cursor: pointer;
}
#invoice-items-container thead tr th,#refund-items-container thead tr th,#po-items-container thead tr th,#credit-notes-container thead tr th, #quantity-delivery-container thead tr th,#debit-items-container thead tr th,#debit-notes-container thead tr th{
    text-align: center;
    border-style: solid;
    border-color: #ccc;
    border-width: 1px 1px 1px 1px;
    background-color: #dedede;
}
#invoice-items-container tbody tr td,#refund-items-container tbody tr td,#po-items-container tbody tr td,#credit-notes-container tbody tr td,#credit-notes-container tfoot tr th, #quantity-delivery-container tbody tr td,#debit-items-container tbody tr td,#debit-notes-container tbody tr td{
    border-style: solid;
    border-color: #e7eaec;
    border-width: 0px 1px 1px 1px;
    text-align: center;
}
.view_image{
    max-height: 540px;max-width: 540px;
}
.child-customer-table{
    padding-left:50px;width: 100%;
}
.child-customer-table tr td{
    line-height: 25px;
}
#outstanding_balance_outer td,#credit_balance_outer td{
    border: 1px solid #e7eaec;font-size: 15px;
}
.printContent div.table-bordered { padding: 5px;}
.config .img-upload {
    position:relative;
    margin-bottom: 20px;
}
.config .img-upload img,#logo-image-manager .img-upload img{
    height: 130px;
    width: 200px;
    display: block;
    max-width: 100%;
}
.config .img-upload .imge-trash {
    display:block;
    position:absolute;
    right: 40px;
    bottom: 3px;
    cursor: pointer;
}
.PT23{
     padding-top: 23px;
 }
.payment-detail-list{
    font-size: 11px;
    font-weight: bold;
    color: #333;
}
#invoice-items-container .form-control[readonly],#po-items-container .form-control[readonly]{
    background-color: transparent;
}
.no-padding-lr { padding-left: 0px;padding-right: 0px; }
.no-padding-left { padding-left: 0px; }
.no-padding-right { padding-right: 0px; }
.no-padding-top { padding-top: 0px; }
.no-padding-bottom { padding-bottom: 0px; }
.no-padding { padding: 0px; }
#sales_reports_list tbody tr,#data_reports_list tbody tr,#sku_reports_list tbody tr,#credit_sale_report_list tbody tr{
    cursor: pointer;
}
/* To hide file upload*/
.note-group-select-from-files {
    display: none;
}
/*Because of line no : 3601 in style.css*/
.note-popover{
    z-index: 2201;
}
.low-level-row,.low_level_row{
    background: rgb(254, 125, 113) !important;
}
.low-level-row:hover{
    background: rgb(251, 86, 70) !important;
    color: white;
 }
#quick_link_container{
    height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
}
#quick_link_outer{
    height: 700px;
    overflow-x: hidden;
    overflow-y: auto;
}
#quick_link_outer a{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.clock{
    display: inline-flex;
    font-size: 25px;
}
.date_display{
    font-size: 25px;
}
#attendance-form .btn-primary.btn-outline[disabled]{
    color: #fff !important;
}
.attendance-table tbody tr{
    cursor: pointer;
}
.daily_summary_row:not(:last-child){
    border-bottom: 1px solid;
    margin-top:10px;
    margin-bottom: 10px;
}
.attendance_status{
    color: #0A0;
}
.clockpicker-popover {
    z-index: 9999;
}
.change_attendance_detail tbody tr:first-child td{
    border: none;
}
.qty_changed{
    background-color: #c3ffa8 !important;
}
.po_table .individual_stock_item .form-control{
    background: transparent;
}
.header-logo{
    max-width:200px;max-height: 72px;
}
#customer_payment_statement{
    font-size: 15px;
}
.payment_history:not(:last-child){
    border-bottom: 1px dashed #cccccc;
}

.nav-header{
    padding: 20px 25px;
}
.products_added_to_Ebay{
    font-weight: bold;
    color: #8a6d3b;
}
.low-level-row .btn-group a i{
    color: #ffffff;
}
.view-order thead tr th{
    border-style: solid;
    border-color: #ccc;
    border-width: 1px 1px 1px 1px;
    background-color: #dedede;
}
.view-order tbody tr td{
     border-style: solid;
     border-color: #e7eaec;
     border-width: 0px 1px 1px 1px;
     padding: 10px;
 }
.ebay_product_category_name{
    font-size: 10px;
    color: #1f1d1d;
    font-weight: bold;
}
.throbber_outer{
    top: 0px;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.15);
    z-index: 2990 !important;
}
.throbber_inner{
    border: 5px solid #1ab394;
    border-radius: 50%;
    border-top: 5px solid transparent;
    width: 50px;
    height: 50px;
    position: relative;left: 50%;top: 50%;z-index: 3000!important;
    -webkit-animation: spinloader 2s linear infinite;
    animation: spinloader 2s linear infinite;
}
@-webkit-keyframes spinloader {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}
@keyframes spinloader {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
#side-menu li>a>img{
    margin-right: 4px;
}
.chat-message{
    width: 50%;
}
.chat-message .message{
    margin-left: 0px !important;
}
.delete-chat-msg{
    color: red;cursor: pointer;
}
.code-editor{
    width: 500px !important;
}
.code-editor:before{
    width: 500px !important;
}
.user_icon{
    background-color: #00B39A;width: 40px;height: 40px;font-size: 14px;color: #fff;line-height: 30px;cursor: pointer;padding-left: 7px;border: 5px solid #65BE78;
}
.chat-users{
    margin-left: 0px;background: #444753;height: 780px;
}
.chat-users .users-list{
    padding: 20px;
}
.chat-user{
    margin-bottom: 10px;
    border-bottom: none;
    cursor: pointer;
}
.chat-users .chat-user-name{
    color: #ffffff;
    font-size: 14px;
}
.chat_message{
    position: relative;
}
.single_chat_msg{
    margin-bottom: 20px;width: 90%;
}
#chat_room_outer{
    background: #F1F5F8;
}
#chat_with_outer{
    padding:15px 20px;border-bottom: 2px solid white;height: 72px;
}
#chat_with_user_name{
    color: #434651;padding-left: 10px;margin-top: 7px;
}
.chat_time{
    color: #a8aab1;
}
.chat_user_name{
    color: #4A4C57;
}
.chat_message{
    color: white; padding: 18px 20px;line-height: 20px;font-size: 16px;border-radius: 7px;width: 90%;
}
.chat_message .fa-trash{
    color: #4A4C57;
}
.chat-user.active .chat-user-name a{
    color: #00B39A;
    border-bottom: 1px dashed;
    font-weight: bold;
}
.pull-right .chat_message{
    background: #94C2ED;
    float: right;
}
.pull-left .chat_message{
    background: #86BB71;
}
.pull-right .chat_message:before {
    bottom: 100%;
    left: 93%;
    content: " ";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #94C2ED transparent;
    position: absolute;
}
.pull-left .chat_message:before {
    bottom: 100%;
    left: 3%;
    content: " ";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #86BB71 transparent;
    position: absolute;
}
.hr-line{
    border-top: 2px solid #ffffff;
    width: 100%;
    height: 10px;
    margin: 10px 0px;
}
.tour-backdrop{
    z-index: 2100 !important;
}
.popover[class*="tour-"]{
    z-index: 2101 !important;
}
#cross_store_inventory_table thead tr:last-child th{
    width: auto !important;
}
#detail_error_msg{
    background: #000;
    color: red;
    padding: 15px;
    height: auto;
    max-height: 300px;
    overflow: hidden;
    overflow-y: auto;
    margin-bottom: 20px;
}
.download_csv:hover,.download_csv:active,.download_csv:focus{
    background-color: #1c84c6 !important;
}
#all_buttons_container .btn{
    pointer-events: none;
}
#all_buttons_container,#action_button_container {
    height: 555px;
}
.success_count{ color: #1ab394;}
.error_count{color: red;}
#import_count{
    font-size: 17px;color: #ffffff;margin-bottom: 10px;
}
.img-responsive{
    display:inline-block;height:auto;max-width:100%;
}
.btn-file,.fileinput-exists{
    border-color : #E5E6E7 !important;
}
#invoice-items-container .form-control[disabled]{
    background-color: transparent;
}
.refunded_product{
    padding-left: 30px !important;
}
.delete-button,.delete-button:hover{
    color:rgb(103, 106, 108);
}
.width100{
    width: 100px;
}
.width160{
    width: 160px;
}
.custom-table{
    overflow: auto;
}

.custom-table-row{
    display: table;
    width: 860px;
}
.custom-table-cell{
    display: table-cell;
}
#all_suppliers_outer  .slimScrollDiv{
    width: 860px !important;
} 
.overflow-auto{
    overflow: auto;
}
.admin-note-border{
    border: 1px solid #e7eaec;
    padding: 28px;
}
#add_new_expenses_container{
    height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
}
.MB5{
    margin-bottom: 5px;
}
#add_new_expenses_container .not-found-expense{
    text-align: center;
    font-weight: 600;
}

#expense_reports_list tbody tr, #revenue_rport_epos_date_list tbody tr, #revenue_rport_epos_sku_list tbody tr, #profit_rport_date_list tbody tr{
    cursor: pointer;
}
.padding-left-right-0{
    padding-left: inherit;
    padding-right: inherit;
}
.word-break{
    word-break: break-all; 
}
.white-space-unset{
    white-space: unset !important;
}
.white-space-no-wrap{
    white-space: nowrap;
}
.td_width_3{
    min-width: 80px;
    width: 80px;
}
.td_width_4{
    min-width: 90px;
    width: 90px;
}
.td_width_1{
    min-width: 255px;
    width: 255px;
}
.td_width_5{
    min-width: 200px;
    width: 200px;
}
.td_width_6{
    min-width: 80px;
    width: 80px;
}


@media (max-width: 1813px) {
    .td_width_1{
        min-width: 250px;
        width: 250px;
    }
    .td_width_2{
        min-width: 350px;
        width: 350px;
    }
}

@media (max-width: 1813px) {
    .td_width_2{
        min-width: auto;
        width: auto;
    }
    .td_width_5{
        min-width: 200px;
        width: 200px;
    }
}


@media (max-width: 1635px) {
    .td_width_1{
        min-width: 218px;
        width: 218px;
    }
    .td_width_5{
        min-width: 170px;
        width: 170px;
    }
}

@media (max-width: 1455px) {
    .td_width_1{
        min-width: 155px;
        width: 155px;
    }
    .td_width_2{
        min-width: 250px;
        width: 250px;
    }
    .td_width_5{
        min-width: 125px;
        width: 125px;
    }
}

@media (max-width: 1328px) {
    .td_width_3{
        min-width: 50px;
        width: 50px;
    }
    .padding-left-right-0{
        padding-left: 0px;
        padding-right: 0px;
    }
    .td_width_6{
        min-width: 62px;
        width: 62px;
    }
    .td_width_4{
        min-width: 77px;
        width: 77px;
    }
    .PO.td_width_2{
        min-width: 218px;
        width: 218px;
    }
}



.details-data:before{
    content: '';
    /* width: 0; */
    height: 100%;
    position: absolute;
    border: 1px solid #f1f1f1;
    /* top: 5%; */
    left: 0px;
}

@media (max-width: 767px) {
    .details-data:before{
        content: '';
        height: 0;
    }
}

.cursor-pointer{
    cursor: pointer;
}

.details-data{
    max-height: 510px;
    overflow-y: auto;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {

} 

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {

} 

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {

} 

@media (max-width:1199px) and (min-width:768px) {

}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {

} 

@media (min-width:1199px) and (max-width:1400px) {
    #show-customer-detail{
        width: 61.666667%
    }
    #billing_address{
        width: 38.333333%;
    }
    .summery-balance-details, .summery-balance-details-child1{
        width: 63.666667%;
    }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
    
}

/* card type css */
.card-type-container .card-type-size{
    width: 115px;
    height: 80px;
}

.card-type-container .card-type-size img{
    width: 100%;
    height: 100%;
}

.card-type-container  input{
    margin:0;padding:0;
    -webkit-appearance:none;
       -moz-appearance:none;
            appearance:none;
}

.card-type-container input:active +.card{opacity: .9;}
.card-type-container input:checked +.card{
    -webkit-filter: none;
       -moz-filter: none;
            filter: none;
    border: 1px dotted black;
    border-radius: 7px;
}

.card{
    cursor:pointer;
    background-size:contain;
    background-repeat:no-repeat;
    display:inline-block;
    width:100px;height:70px;
    /* -webkit-transition: all 100ms ease-in; */
       /* -moz-transition: all 100ms ease-in; */
            transition: all 100ms ease-in;
    /* -webkit-filter: brightness(1) grayscale(0.9) opacity(.7); */
       /* -moz-filter: brightness(1) grayscale(0.9) opacity(.7); */
            /* filter: brightness(1) grayscale(0.9) opacity(.7); */
            /* filter: brightness(1.8) grayscale(1) opacity(.7); */
}
/* .card:hover{
    -webkit-filter: brightness(1.2) grayscale(.5) opacity(.9);
       -moz-filter: brightness(1.2) grayscale(.5) opacity(.9);
            filter: brightness(1.2) grayscale(.5) opacity(.9);
} */
/* end */ 

.shortcut-customer{
    margin-right: 15px;
    text-decoration-line: underline;
    text-underline-position: under;
}
.no-padding-right{
    padding-right: 0px;
}

#toast-container > .chat-notification {
    background-image: unset !important;
    background-color: #1ab394 !important;
}

#toast-container > .chat-notification:before {
    content: "\f086" !important;
}

.drop-div-border{
    border: 2px dashed #e7eaec;
    border-radius: 5px;
    padding: 10px 0;
}

.drag-active{
    border-style: solid;
}

.d-none{
    display: none;
}

.img-upload-status {
    padding: 4px 0 10px;
    text-align: left;
    float: left;
}
.img-upload-status .fa.fa-check:before{
    color: #28a745;
}
.text-success{
    color: #28a745;
}

.MB5{
    margin-bottom: 5px;
}
@media (min-width: 768px){
    .customer-summary-pay-popup .modal-dialog {
        width:  750px;
    }
}