/*Mobile CSS*/
@media (max-width: 609.98px){
    .app-header__logo #head_title.ss {
        display         :   inline-block !important;
    }
    .app-header__logo #head_title.ls {
        display         :   none !important;
    }
}
@media (min-width: 435px){
    .app-header__logo #head_title.ss {
        font-size       :   1.3rem !important; 
    }
}
@media (min-width: 415px) and (max-width: 454px){
    .app-header__logo #head_title.ss {
        font-size       :   1.1rem !important; 
    }
}
@media (min-width: 850px){
    #editProduct .modal-dialog {
        max-width: 95%;
    }
}
.pointer {
    cursor              :   pointer;
}
.bold {
    font-weight         :   bold;
}
.rounded-circle {
    width               :   60px;
    height              :   60px;
}
.roundedNumber {
    float               :   right;
    margin-top          :   6px;
}
.fixed-sidebar .app-sidebar .scrollbar-sidebar {
    max-height          :   85%;
    overflow            :   hidden; 
}
.fixed-footer .app-wrapper-footer {
    position            :   fixed; 
    z-index             :   8;
}
/*Release Notes*/
rn_heading {
    font-weight         :   bold;
    text-decoration     :   underline;
    font-size           :   18px;
}
rn_section{
    font-style          :   italic;
}

/* The custom-checkbox */
.custom-checkbox {
    display             :   block;
    position            :   relative;
    padding-left        :   35px;
    margin-bottom       :   12px;
    cursor              :   pointer;
    font-size           :   13px;
    -webkit-user-select :   none;
    -moz-user-select    :   none;
    -ms-user-select     :   none;
    user-select         :   none;
}

/* Hide the browser's default checkbox */
.custom-checkbox input {
    position            :   absolute;
    opacity             :   0;
    cursor              :   pointer;
    height              :   0;
    width               :   0;
}

/* Create a custom checkbox */
.checkmark {
    position            :   absolute;
    top                 :   0;
    left                :   0;
    height              :   25px;
    width               :   25px;
    background-color    :   #eee;
}

/* On mouse-over, add a grey background color */
.custom-checkbox:hover input ~ .checkmark {
    background-color    :   #ccc;
}

/* When the checkbox is checked, add a blue background */
.custom-checkbox input:checked ~ .checkmark {
    background-color    :   #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content             :   "";
    position            :   absolute;
    display             :   none;
}

/* Show the checkmark when checked */
.custom-checkbox input:checked ~ .checkmark:after {
    display             :   block;
}

/* Style the checkmark/indicator */
.custom-checkbox .checkmark:after {
    left                :   9px;
    top                 :   7px;
    width               :   5px;
    height              :   10px;
    border              :   solid white;
    border-width        :   0 3px 3px 0;
    -webkit-transform   :   rotate(45deg);
    -ms-transform       :   rotate(45deg);
    transform           :   rotate(45deg);
}

.app-header.header-text-light .search-wrapper .input-holder .advanced-search{background:rgba(0,0,0,0.1)}
.app-header.header-text-light .search-wrapper.active .input-holder .advanced-search{background:rgba(255,255,255,0.1)}
.app-header.header-text-light .search-wrapper .input-holder .advanced-search span::after{border-color:rgba(255,255,255,0.8)}
.app-header.header-text-light .search-wrapper .input-holder .advanced-search span::before{background:rgba(255,255,255,0.8)}
.app-header.header-text-dark .search-wrapper .input-holder .advanced-search{background:rgba(0,0,0,0.1)}
.app-header.header-text-dark .search-wrapper.active .input-holder .advanced-search{background:rgba(0,0,0,0.1)}
.app-header.header-text-dark .search-wrapper .input-holder .advanced-search span::after{border-color:rgba(0,0,0,0.8)}
.app-header.header-text-dark .search-wrapper .input-holder .advanced-search span::before{background:rgba(0,0,0,0.8)}
.search-wrapper .input-holder .advanced-search{width:42px;height:42px;border:none;padding:0;outline:none;position:relative;z-index:2;float:right;cursor:pointer;transition:all 0.3s ease-in-out;background:rgba(0,0,0,0.06);border-radius:30px}
.search-wrapper .input-holder .advanced-search span{width:22px;height:22px;display:inline-block;vertical-align:middle;position:relative;transform:rotate(45deg);transition:all 0.4s cubic-bezier(0.65, -0.6, 0.24, 1.65)}
.search-wrapper .input-holder .advanced-search span::before,.search-wrapper .input-holder .advanced-search span::after{position:absolute;content:''}
.search-wrapper .input-holder .advanced-search span::before{width:4px;height:11px;left:9px;top:13px;border-radius:2px;background:#3f6ad8}
.search-wrapper .input-holder .advanced-search span::after{width:14px;height:14px;left:4px;top:0;border-radius:16px;border:2px solid #3f6ad8}
.search-wrapper.active .input-holder .advanced-search{width:42px;height:42px;margin:0;border-radius:30px}
.search-wrapper.active .input-holder .advanced-search span{transform:rotate(-45deg)}

.blockUI.blockMsg.blockElement {
    background-color:   unset !important;
    display         :   grid;
}
.blockUI.blockOverlay {
    opacity         :   0.5 !important;
}
.filter_products {
    border          :   1px solid;
     width          :   15px;
    vertical-align  :   middle;
    text-align      :   center;
}
label {
    font-weight     :   bold;
}
.variants_container {
    overflow        :   auto;
}
.hidden{
    display         :   none; 
}
.ui-autocomplete {
    max-height      :   300px;
    overflow-y      :   auto;
    /* prevent horizontal scrollbar */
    overflow-x      :   hidden;
}
.product_logo {
    width           :   60px;
    height          :   60px;
    border          :   1px solid #ccc;
    display         :   inline-block;
}
.product_logo .fa {
    margin          :   1px 7px;
}
.product_logo img {
    width           :   100%;
    height          :   100%;
    vertical-align  :   bottom; 
}
.product_logo .fa-stack{
    width           :   40px;
    height          :   40px;
    font-size       :   25px;
    text-align      :   center;
}
.product_label {
    margin-left     :   5px;
    position        :   relative;
    vertical-align  :   top; 
}
.product_label, .product_price {
    display         :   inline-block;
}
.variants_container, .variants_container1, snMaintenaceLi:hover {
    margin-left     :   60px;
}
#accord .card.collapsed {
    border-top      :   1px solid lavender;
}
#accord .card:first-of-type{
    border-top      :   none;   
} 
.accord-btn .fa:before {  
    content         :   "\f068";
}

.accord-btn.collapsed .fa:before {
    content         :   "\f067";
}
.bqa_overlay > span {
    -webkit-text-stroke         :   2px white;
    -webkit-text-stroke-width   :   2px;
    font-size                   :   38px;
    font-weight                 :   bold; 
}
.bqa_overlay {
    background-position         :   center center;
    background-repeat           :   no-repeat;
    background-size             :   100% 100% !important;
    display                     :   inline-block;
    width                       :   50px;
    margin                      :   5px 0 5px 10px;
    text-align                  :   center;
}
.table td {
    vertical-align              :   top;
}
.product_title {
    display                     :   inline-block;
    font-weight                 :   bold; 
}
h5 {
    font-size                   :   16px;
    padding-top                 :   5px;
}
.h3 {
    font-size                   :   1.50rem;
}
.table-responsive {
    display                     :   table;
}

/* The switch - the box around the slider */
#adjustmentModal .togCustom .switch {
    position                    :   relative;
    display                     :   inline-block;
    width                       :   48px;
    height                      :   25px;
    top                         :   15px;
}

/* Hide default HTML checkbox */
#adjustmentModal .togCustom .switch input {
    display                     :   none;
}

/* The slider */
#adjustmentModal .togCustom .slider {
    position                    :   absolute;
    cursor                      :   pointer;
    top                         :   0;
    left                        :   0;
    right                       :   0;
    bottom                      :   0;
    background-color            :   #2196F3;
    -webkit-transition          :   .4s;
    transition                  :   .4s;
}

#adjustmentModal .togCustom .slider:before {
    position                    :   absolute;
    content                     :   "";
    height                      :   15px;
    width                       :   15px;
    left                        :   3px;
    bottom                      :   6px;
    background-color            :   white;
    -webkit-transition          :   .4s;
    transition                  :   .4s;
}

#adjustmentModal .togCustom input:checked + .slider {
    background-color            :   #2196F3;
}

#adjustmentModal .togCustom input:focus + .slider {
    box-shadow                  :   0 0 1px #2196F3;
}

#adjustmentModal .togCustom input:checked + .slider:before {
    -webkit-transform           :   translateX(26px);
    -ms-transform               :   translateX(26px);
    transform                   :   translateX(26px);
}

/* Rounded sliders */
#adjustmentModal .togCustom .slider.round {
    border-radius               :   34px;
}

#adjustmentModal .togCustom .slider.round:before {
    border-radius               :   50%;
}
#adjustmentModal .product_qty_adjustment{
    width                       :   100%;
}
#adjustmentModal  .modal-dialog{
    width                       :   770px;
}
#adjustmentModal .togCustom>span{
    display                     :   inherit;
    padding                     :   4px;
}
.productLi, .variantLi, .productLiBundle, .productLiAdjustment, .productLiAdjustment1, .productLiMergeVariant, .productBoxCaseLi,  .snMaintenaceLi{
    padding                     :   10px 5px;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    background                  :   none!important;
    border                      :   1px solid #999999;
    color                       :   #212121;
    font-weight                 :   normal;
}
.productLi:hover, .variantLi:hover, .productLiBundle:hover, .productLiAdjustment:hover, .productLiAdjustment1:hover, .productLiMergeVariant:hover, .productBoxCaseLi:hover, .productLi1:hover, .snMaintenaceLi:hover, .productFilterLi:hover, .productsVariantFilterLi:hover{
    background-color            :   #D6FCF9 !important;
    cursor                      :   pointer; 
}
.blockUI.blockMsg.blockPage {
    width                       :   unset !important;
    left                        :   50% !important;
    top                         :   50% !important;
}
/*Status Tag Start*/
span.status{
    color                       :   #fff;
    padding                     :   5px 10px;
    text-transform              :   uppercase;
    font-weight                 :   bold;
    text-align                  :   center;
}

.nav.nav-sidebar .status{
    border-top-right-radius     :   10px;
    border-bottom-left-radius   :   10px;
}

.dataTable td span.status:first-of-type, .status_container > span.status:first-child {
    border-top-right-radius     :   10px;
}

.dataTable td span.status:last-of-type,.status_container > span.status:last-child{
    border-bottom-left-radius   :   10px;
}
span.status.btn-block+span.status.btn-block{
    margin-top                  :   0;
}
span.open{
    background-color            :   #ff9922;
}
span.cancelled.status {
    background                  :   black;
}
span.exchange{
    background-color            :   purple;
}
span.sent, span.purchase_order_sent{
    background-color            :   #337AB7;
}
span.on.rental, span.en.route, span.request, span.status.request_sent{
    background-color            :   #ff00f6;
}

.status.repair{
    background-color            :   mediumpurple;
    color                       :   white;
}
span.on.rental.partial,span.in.progress,span.awaiting.pickup,span.awaiting-pickup{
    background-color            :   #8e00ff;
}
span.on.pending{
    background-color            :   #8e00ff;
}
span.weekly_invoice_billable{
    background-color            :   #ff00f6;
}
span.repair{
    background-color            :   #ff00f6;
}
span.weekly_invoice_nonbillable{
    background-color            :   #ff00f6;
}
span.approved,span.Approved, span.adjustment, span.repair-finished,span.repair.finished, span.status.awaiting.customer.approval, .status.awaiting-customer-approval{
    background-color            :   #009933;
}

span.complete, span.paid{
    background-color            :   #9e0039;
}

span.return-complete{
    background-color            :   #ff00ff;
}
span.returned{
    background-color            :   #00CED1;
}
span.return-complete{
    background-color            :   #ff00ff;
}
span.invoiced, span.backordered, span.on.rental-incomplete, span.incomplete, span.pending,span.awaiting.shipment,span.awaiting-shipment{
    background-color            :   mediumpurple;
}
span.fulfillment, span.in-progress, span.in.progress, span.awaiting.repair, span.awaiting-repair, span.processing{
    background-color            :   #57baff;
    background-image            :   none;
    height                      :   auto;
    margin-bottom               :   0;
}
span.in.progress{
    background-color            :   #57baff;
    background-image            :   unset; 
    height                      :   unset;       
}
span.sales{
    background-color            :   #009933;
    padding                     :   2px 10px;
}
span.demo_sales, span.demo_rental{
    background-color            :   purple;
    padding                     :   2px 10px;
}
span.status.proposal {
    background                  :   #ff00f6;
    padding                     :   2px 10px;
}
span.rental{
    background-color            :   #337AB7;
    padding                     :   2px 10px;
}
span.status.awaiting.inspection, span.status.awaiting-inspection{
    background-color            :   mediumpurple;    
}
span.student.rental,span.awaiting.products, span.status.awaiting-products{
    background-color            :   yellow;
    color                       :   black;
    padding                     :   2px 10px;
}
span.not-approved{
    background-color            :   #e80000;
    color                       :   #fff;
    padding                     :   5px 10px;
    text-transform              :   uppercase;
    font-weight                 :   bold;
    display                     :   block;
}
span.tag_awaiting_billing{
    background-color            :   #e80000;
    text-transform              :   uppercase;
    color                       :   #fff;
    font-weight                 :   bold;
}
span.tag_awaiting_payment,span.awaiting.pickup{
    background-color            :   #009933;
    text-transform              :   uppercase;
    color                       :   #fff;
    font-weight                 :   bold;
}
span.awaiting.inspection{
    background-color            :   #9e0039;
}
span.not-approved-page{
    background-color            :   #e80000;
    color                       :   #fff;
    text-transform              :   uppercase;
    padding                     :   5px 10px;
    font-weight                 :   bold;
}
span.awaiting-payment-page{
    background-color            :   green;
    color                       :   #fff;
    text-transform              :   uppercase;
    padding                     :   5px 10px;
    font-weight                 :   bold;
}
span.awaiting-payment{
    background-color            :   green;
    color                       :   #fff;
    padding                     :   5px 10px;
    text-transform              :   uppercase;
    font-weight                 :   bold;
    display                     :   block;
    width                       :   100%;
}
span.Urgent {
    background-color            :   #e80000;
}
span.backorderedQty{
    background-color            :   #00ff55;
    border-radius               :   5px;
    color                       :   #000;
    padding                     :   2px 5px;
    font-weight                 :   bold;
}
span.drop{
    background-color            :   #9e0039;
    border-radius               :   5px;
    color                       :   #fff;
    padding                     :   5px 10px;
    text-transform              :   uppercase;
    font-weight                 :   bold;
    white-space                 :   nowrap;
    line-height                 :   2.5; 
}
span.Draft {
    background-color            :   #ff9922;
}
span.partially_paid{
    background-color            :   green;
}
/*Status Tag End*/
#dashTabs .nav-item .nav-link { 
    font-weight                 :   bold;
    height                      :   85px; 
}
#dashTabs a.open{
    color                       :   #ff9922;
}
#dashTabs a.on.rental, #dashTabs a.en.route{
    color                       :   #ff00f6;
}
#dashTabs a.approved, #dashTabs a.adjustment, #dashTabs a.repair-finished{
    color                       :   #009933;
}
#dashTabs a.complete{
    color                       :   #9e0039;
}
#dashTabs a.requestQuotes{
    color                       :   #ff00f6;
}
#dashTabs a.invoiced, #dashTabs a.backordered, #dashTabs a.incomplete, #dashTabs a.pending{
    color                       :   mediumpurple;
}
#dashTabs a.fulfillment, #dashTabs a.in-progress{
    color                       :   #57baff;
}
#dashTabs a.allQuotes{
    color                       :   black;
}
#table_active_length{
    display                     :   flex; 
}
.bulkactioncontainer{
    margin-left                 :   15px; 
}
.btnBulkAction {
    border-top-right-radius     :   0px;
    border-bottom-right-radius  :   0;
}
.dataTables_filter input {
    width                       :   290px !important; 
}
#serial_table_filter input {
    width                       :   425px !important;
}
.modal-dialog .dataTables_filter input {
  width                         :   auto !important;
}
.complete_setup{
    position                    :   fixed;
    left                        :   0;
    right                       :   0;
    background-color            :   rgba(0,0,0,0.75);
    color                       :   white;
    margin                      :   0 auto;
    text-align                  :   center;
    padding                     :   15px 0px;
    z-index                     :   1997;
    width                       :   370px;
    border-radius               :   5px;
    box-shadow                  :   0px 4px 12px #000;
    top                         :   20%;
}
.complete_setup ul{
    list-style-type             :   none;
    padding                     :   0;
    width                       :   100%;
    margin                      :   22px auto 0 auto;
}
.complete_setup ul li{
    padding                     :   0;
    border-left                 :   1px solid #70A2A5;
    width                       :   76%;
    margin                      :   0 0 0 auto;
    vertical-align              :   middle;
    text-align                  :   left;
}
.complete_setup ul  li.done{
    cursor                      :   not-allowed;
}
.complete_setup ul  li p{
    width                       :   70%;
    margin                      :   0 auto;
}
.complete_setup ul  li.clickable p span{
    width                       :   max-content;
    margin                      :   0 auto;
    border-bottom               :   1px solid;
    cursor                      :   pointer;
}
.complete_setup ul  li.clickable p span:hover{
    color                       :   #57baff;
}
.complete_setup ul  li.done p span{
    background-image            :   linear-gradient(transparent 7px,#ccc 7px,#ccc 9px,transparent 9px);
    color                       :   #ccc;
    background-position         :   0px 3px;
    background-repeat           :   no-repeat;
}
.complete_setup ul li:last-child{
    border                      :   none;
}
.complete_setup ul li:after{
    content                     :   "";
    width                       :   26px;
    height                      :   26px;
    border                      :   3px solid #70A2A5;
    display                     :   block;
    position                    :   relative;
    top                         :   -21px;
    left                        :   -13px;
    border-radius               :   50%;
    background-color            :   #555958;
}
.complete_setup ul li.done:after{
    content                     :   "\2713";
    background                  :   #70A2A5;
    color                       :   #555958;
    padding-left                :   4px;
}
.complete_setup .close {
    position                    :   absolute;
    right                       :   0;
    color                       :   white;
    font-size                   :   35px;
    padding                     :   10px;
    top                         :   -9px;
}
.io_popover {
    max-width                   :   fit-content;
}
.io_popover .popover-header {
    padding                     :   15px;
}
.io_popover .popover-body {
    padding-top                 :   0;
}
.io_popover .table thead th {
    border-top                  :   0;
}
.btn-outline-primary.btnBulkAction:hover{
    background-color            :   #2955c8;
    border-color                :   #2651be; 
}
/* PROPOSAL CSS */
.btn-proposal{
    background-image            :   linear-gradient(to bottom,#ff00f6,#650061 100%);
    color                       :   #fff;
}
.proposal_icon, .product_icon{
    display                     :   inline-block;
    margin-right                :   5px;
}
.proposal_label {
    display                     :   inline-block;
}
.proposalCartTable .tr_sn{
    padding-left                :   5px;
}
.proposalCartTable  .pr_0{
    padding-right               :   0px; 
}
.proposalCartTable  .service_price{
    margin-bottom               :   5px; 
}
.proposalCartTable  .library_action_dv{
    padding-left                :   0;
    text-align                  :   right;
}
.proposalCartTable  .edit_library{
    background                  :   #39B54A;
}
.proposalCartTable  .revert_to_library{
    background                  :   #FFF568;
}
.proposalCartTable  .edit_library, .proposalCartTable  .revert_to_library{
    border                      :   2px solid;
    border-radius               :   10px;
    padding                     :   5px 2px;
    text-align                  :   center;
    cursor                      :   pointer; 
    font-size                   :   15px;
    line-height                 :   13px;
}
.proposalCartTable .library_info .lfrom{
    padding                     :   1px 5px 1px 5px;
    border                      :   1px solid #ccc;
    border-radius               :   3px;
    background-color            :   #eee; 
}

.edit_library i, .revert_to_library i{
    margin-right                :   3px; 
}

.library_info label{
    margin-left                 :   5px; 
}

.update_in_library_chk, .save_to_library, .included_in_price{
    vertical-align              :   sub; 
}
.proposalCartTable {
    overflow                    :   hidden;
}
.service_shortcode.error, input.error {
    border                      :   1px solid red;
}
span.error {
    color                       :   red;
}
#markProposalCompleteDiv, #markProposalInProgressDiv {
    border-top-style            :   solid;
    border-top-color            :   gray;
    margin-top                  :   10px;
}
.disabled{
    cursor                      :   not-allowed; 
}
#createProposal a {
    text-decoration             :   none;
    color                       :   #fff;
}
#proposalServiceTable tbody tr:first-child .included_in_price_span{
    display                     :   none;
}
.lib_from {
    border                      :   1px solid gray;
    margin-left                 :   5px;
    padding                     :   0px 5px;
    border-radius               :   3px;
    background                  :   darkgray;
    font-weight                 :   bold;
}
.product_cat_label {
    display                     :   inline-block;
}
.proposal_icon i{
    margin-right                :   unset;
}
.product_icon i {
    margin-right                :   10px;
}
.proposal_lib, .product_lib {  
    padding-top                 :   10px;  
    padding-bottom              :   10px;
    padding-left                :   10px;
}
.proposal_lib .proposalItemLi, .product_lib .productItemLi{
    margin-top                  :   5px;
    cursor                      :   pointer; 
}
.proposal_lib .proposalItemLi:hover, .product_lib .productItemLi:hover {
    background                  :   beige;
}
.proposal_lib .variants_container{
    margin-top                  :   10px;
    margin-left                 :   25px; 
}
.proposal_lib .variants_container .proposalItemLi{
    padding                     :   5px 0;
}
.product_lib .products_container{
    margin-top                  :   10px;
    margin-left                 :   40px; 
}
.toggle_lib, .toggle_prod_type{
    margin-right                :   20px;
    cursor                      :   pointer; 
}
.productItemLi img {
    width                       :   50px;
}
.itemSorting{
    background                  :   #FFF;
    border                      :   1px solid grey;
    border-radius               :   5px;
}     
.cat_drop_icon {
    padding-right               :   5px;
}
.service_category .dropdown-menu.open {
    height                      :   200px;
    overflow-y                  :   auto;
}
.input-group > .select2-container {
    width                       :   1%;
    flex                        :   1 1 auto;
    height                      :   calc(2.25rem + 2px);
    border                      :   1px solid #ced4da;
    border-radius               :   5px 0 0 5px;
    padding                     :   5px; 
}
.select2-selection.select2-selection--single {
    border                      :   none;
    height                      :   32px; 
}
.modal-dialog .fa-2x {
    line-height                 :   1;
}
#serial_number_maintenance .validate_sn{
    padding                     :   0 5px 0 5px; 
}
#serial_number_maintenance .sn-addon.btn.btn-primary {
    color                       :   #fff;
    width                       :   70px;
}
#serial_number_maintenance .actions .btn:first-of-type {
    margin-right                :   5px;
}
#serial_number_maintenance #clearProduct{
    margin-top                  :   5px; 
    float                       :   right; 
}
.return_serial_radio {
    margin-bottom               :   4px !important;
}
.serial_number_sales {
    margin-bottom               :   10px;
    float                       :   right;
    width                       :   12em;
}
.serial_number_count {
    vertical-align              :   middle;
    padding                     :   7px 0;
    font-weight                 :   bold;
    text-align                  :   right;
}
.sr_action {
    height                      :   35px;
    font-weight                 :   bold;
    width                       :   12em;
    margin-bottom               :   9.3px;
    overflow-wrap               :   break-word;
    word-wrap                   :   break-word;
    hyphens                     :   auto;
}
.sr_error {
    font-weight                 :   bold;
    margin-bottom               :   5px;
}
.sr_error{
    color                       :   red;
}
.error_row{
    color                       :   red;
    text-align                  :   center;
}
.sr_actions {
    margin-top                  :   23px;
}
.ui-state-active {
    border                      :   none !important;
    margin                      :   1px !important;
    background                  :   none !important;
}
table.dataTable thead th {
    vertical-align              :   top; 
}        
table.dataTable thead .sorting::before, table.dataTable thead .sorting::after, table.dataTable thead .sorting_asc::before, table.dataTable thead .sorting_asc::after, table.dataTable thead .sorting_desc::before, table.dataTable thead .sorting_desc::after, table.dataTable thead .sorting_asc_disabled::before, table.dataTable thead .sorting_asc_disabled::after, table.dataTable thead .sorting_desc_disabled::before, table.dataTable thead .sorting_desc_disabled::after {
    top                         :   0%;
    margin-top                  :   8px;
}
.card-header i.fa, .card-header i.far, .card-header i.fas { 
    margin-right                :   5px; 
}
.customerAvatar {
    width                       :   60px;
    height                      :   60px;
}
.btn.btn-default{
    color                       :   #212529;
    background-color            :   #eee;
    border-color                :   #dcdcdc;
}
.pointer{
    cursor                      :   pointer; 
}
ul.selected_products_cart li, ul.selected_variants_cart li {
    list-style                  :   none;
    margin-top                  :   5px;
}
.page-title-heading {
    text-transform              :   capitalize;
}
.dataTable #transaction_amount_detail, .dataTable .custom-select.method_of_payment, .dataTable .payment_number {
    width                       :   150px;
}
#email_reports i.fa, #email_reports_inventory i.fa {
    cursor                      :   pointer;
}
.reportcustomerDetails .product_label {
    margin-left                 :   15px;
}
.right {
    float                       :   right;
}
ul.selected_products_cart li, ul.selected_variants_cart li {
    list-style                  :   none;
    margin-top                  :   5px;
}

.fc-more {
    padding                     :   .25rem .5rem;
    background                  :   #3ac47d;
    border                      :   #3ac47d;
    color                       :   #fff !important;
    margin-top                  :   2px;
    border-radius               :   10px;
    font-weight                 :   bold; 
}

.fc-more:hover {
    background                  :   #31a66a;
    border                      :   #2e9d64;
}
.storeLogoContainer{
    width                       :   450px; 
}
#storeLogo_thumb_img {
    margin-bottom               :   10px; 
    border                      :   2px dashed;
    border-radius               :   20px;  
}
.storeLogoBtn {
    padding                     :   5px;
    color                       :   #FFFFFF;
    border-radius               :   5px;
    font-weight                 :   bold;  
} 
.storeLogoBtn i{
    padding-right               :   3px;  
}
#editLogo {
    float                       :   left;
    margin-left                 :   15px; 
}
#delLogoSettings {
    margin-right                :   15px;  
}
/* zoom-crop image feature */
.dropzoneDiv{
    cursor                      :   pointer;
    background                  :   white none repeat scroll 0 0;
    border                      :   2px dashed #0087f7;
    border-radius               :   5px;
    min-height                  :   150px;
    padding                     :   50px;
    text-align                  :   center;
}
.my__div.has-advanced-upload {
    text-align                  :   center;
    outline                     :   2px dashed #92b0b3;
    outline-offset              :   -10px;
    -webkit-transition          :   outline-offset .15s ease-in-out, background-color .15s linear;
    transition                  :   outline-offset .15s ease-in-out, background-color .15s linear;
}
.my__div {
    font-size                   :   1.25rem;
    background-color            :   #c8dadf;
    position                    :   relative;
    padding                     :   100px 20px;
    text-align                  :   center;
}
.my__div input[type="file"] {
    background                  :   white none repeat scroll 0 0;
    cursor                      :   inherit;
    display                     :   block;
    font-size                   :   100px;
    height                      :   100%;
    min-width                   :   100%;
    opacity                     :   0;
    outline                     :   medium none;
    position                    :   absolute;
    right                       :   0;
    text-align                  :   right;
    top                         :   0;
    width                       :   100%;
}
.invalid-feedback {
    font-size                   :   100%; 
}

body.settings div.form-group:nth-child(even) {
    background                  :   #f5f5f5;
    padding                     :   10px 0;
}
body.settings div.form-group .mb-3.col-md-12:nth-child(even) {
    background                  :   #f8f8f8;
    padding                     :   10px 20px;
    border-radius               :   20px;
}
.stripe_buttons {
    min-height                  :   55px; 
    font-size                   :   14px;
}
.fedexCont.form-group .form-group {
    left                        :   -15px;
    position                    :   relative;
}
body.reports_view .page-title-heading h1 {
    font-size                   :   20px;
}
body.reports_view .page-title-heading.salesquotetext {
    text-align                  :   left;
}
body.reports_view .gray-bk {
    background                  :   unset;
}
body.reports_view .dataTables_length {
    float                       :   left;
    margin-right                :   20px;
}
body.reports_view .pdf-container {
    font-size                   :   14px;
}
.no-sort::after, .no-sort::before { 
    display                     :   none !important; 
}
#pending_purchase_order_list_filter input {
    width                       :   315px !important;
}
.btn-group label.btn:not(:first-child) {
    border-left                 :   1px solid gray;
}
.input-group .select2.select2-container {
    padding                     :   2px;    
}
.input-group .select2-selection.select2-selection--multiple {
    border-top-right-radius     :   0;
    border-bottom-right-radius  :   0;
    border                      :   none;
    background-color            :   unset;
}
.borderShape{
    border-radius               :   8px;
    border                      :   2px solid black;
    padding                     :   1px;
    width                       :   65px;
    display                     :   inline-block;
    font-size                   :   10px;
    text-align                  :   center; 
}
.companyIcon i{
    line-height                 :   1.5; 
}
.qb_customer .company_discount{
    clear                       :   both;
    color                       :   #888787;
    font-size                   :   large;
}
.qb_customer .company_discount div:last-child {
    font-size                   :   14px;
}
pre {
    display                     :   block;
    padding                     :   9.5px;
    margin                      :   0 0 10px;
    font-size                   :   13px;
    line-height                 :   1.42857143;
    color                       :   #333;
    word-break                  :   break-all;
    word-wrap                   :   break-word;
    background-color            :   #f5f5f5;
    border                      :   1px solid #ccc;
    border-radius               :   4px;
}
.btn-dropdown {
    border                      :   1px solid;
    border-radius               :   5px;
    cursor                      :   pointer;
    min-height                  :   120px;
    padding                     :   10px 15px;
    width                       :   100%;
    overflow                    :   hidden;
}
li.clearfix {
    list-style                  :   none;
}
#additional_contacts_div {
    border-top                  :   2px solid gray;
    padding-top                 :   10px;
}
.additionalContactDiv #qbContact {
    border                      :   1px solid gray;
    border-radius               :   5px;
    padding                     :   5px 15px 15px; 
}
.additionalContactContainer {
    border                      :   1px solid;
    border-radius               :   5px;
    padding-bottom              :   10px;
    margin-bottom               :   10px;
}
.borderShape span {
    display                     :   block;
}
.delPDFdisabled {
    color                       :   #ccc;
    cursor                      :   not-allowed; 
}
.last_emailed, .last_approved, .complete_at, .last_marked, .payment_received, .last_emailed_billing,.marked_received_timestamp,.marked_paid_timestamp  {
    font-size                   :   12px;
    font-weight                 :   bold;
    width                       :   100%;
    margin-top                  :   2px;
}
.btn-backordered{
    background-image            :   linear-gradient(to bottom,mediumpurple,purple 100%);
    color                       :   #fff;
}
.btn-backordered:hover{
    color                       :   #fff; 
}
.page-title-actions .quote-status {
    font-size                   :   1rem;
    margin-bottom               :   5px;
}
.page-title-actions .status {
    padding                     :   10px; 
    color                       :   #fff; 
    margin-right                :   5px;
    border-radius               :   5px; 
    display                     :   inline; 
}
.page-title-actions span.awaiting-payment {
    width                       :   unset;
    display                     :   inline-block;
}
.new-quote .select2-container {
    border-radius               :   5px;
}
.hiatus_week_row .add_new_hiatus_week,.hiatus_week_row .remove_new_hiatus_week{
    display                     :   none;
}
.hiatus_week_row:last-child .add_new_hiatus_week,.hiatus_week_row:last-child .remove_new_hiatus_week{
    display                     :   block;
}
#collapseHaitusWeeks .hiatus_week_row:first-of-type .remove_new_hiatus_week{
    display                     :   none !important;
}
.collapsing_div {
    padding                     :   20px;
    background-color            :   #f7f8fa;
    margin-top                  :   10px;
}
.pdfverlabel, .pdfvertitle {
    font-weight                 :   bold;
}
.toggle-card {
    margin-left                 :   auto;
}
.main-card .card-footer{
    display                     :   block; 
}
.left{
    float                       :   left;
}
.select2-results__option:nth-of-type(2n+1) {
    background-color            :   #E9ECEF;
}
.proposalCartTable .select2.select2-container {
    border                      :   1px solid #d1d1d1;
}
.dropdown-menu-header .dropdown-menu-header-inner {
    padding                     :   1rem .5rem;
}
.popover-body .input-group-prepend .input-group-text.btn-group-toggle {
    padding                     :   6px;
}
.popover-header {
    font-weight                 :   bold;
    padding                     :   15px;
}
table.no-border th {
    border-top                  :   0;
}
.odd-row td, .even-row td {
    padding                     :   10px !important;
}
.even-row{
    background-color            :   #e7e7e7;
}
input[type="checkbox"] {
    vertical-align              :   baseline;
}
#cart_items .product_title a, #cart_items .product_title {
    width                       :   120px;
}
.CartItemsCount {
    font-size                   :   18px;
    position                    :   relative;
    top                         :   -5px;
}
.addToBundle {
    position                    :   absolute;
    top                         :   38px;
    left                        :   -3px; 
    border                      :   1px solid;
    padding                     :   0 2px 0 2px;
    cursor                      :   pointer;
}

.bundle_item .addToBundle {
    position                    :   relative;
    background                  :   gray;
    font-weight                 :   bold;
    color                       :   #fff;
    cursor                      :   pointer;
    top                         :   40px; 
}
.bof_actions {
    display                     :   inline-block;
    position                    :   relative;
}

#productCartTable.sortable .bundle_item .bof_actions .addToBundle,
#productCartTable_1.sortable .bundle_item .bof_actions .addToBundle{
    left                        :   10px; 
}

#productCartTable .cart_item .sortIcons, #productCartTable .cart_item .sort_Items,
#productCartTable_1 .cart_item .sortIcons, #productCartTable_1 .cart_item .sort_Items{
    display                     :   none; 
}

#productCartTable.sortable .bof_actions .sortIcons{
    position                    :   relative;
    left                        :   -5px; 
    display                     :   inline; 
}

#productCartTable.sortable .sort_Items,
#productCartTable_1.sortable .sort_Items {
    padding-top                 :   10px;
    padding-right               :   0;
}

.reorderItem{
    cursor                      :   pointer;  
}

#productCartTable tbody.cart_items:first-of-type .parent_item .addToBundle,
#productCartTable_1 tbody.cart_items tr.parent_item.index_0 .addToBundle {
    display                     :   none; 
}

#productCartTable_1.sortable .bundle_item .bof_actions .addToBundle {
    position                    :   relative;
    left                        :   0 !important;
}

.bundle_item .reorderItem {
    position                    :   absolute; 
}
.btn.btn-rebuild{
    background                  :   #256DFF;
    border-radius               :   20px;
    margin-top                  :   5px;
    margin-left                 :   20px;
    color                       :   #000;
    border-color                :   #000;
}
tr:not(.parent_item) .bundle_rebuild {
    display                     :   none;
}
#productCartTable.table-striped > tbody tr, 
#productBarcodeScanner .table-striped > tbody tr, 
#productCartTable_1.table-striped > tbody tr { 
    background-color            :   #fff !important;
}

#productCartTable.table-striped > tbody:nth-of-type(2n+1) tr, 
#productBarcodeScanner .table-striped > tbody:nth-of-type(2n+1) tr, 
#productCartTable_1.table-striped > tbody:nth-of-type(2n+1) tr, 
.invPdfListTbl > tbody:nth-of-type(2n+1) tr{ 
    background-color            :   #f9f9f9 !important; 
}

#productCartTable.table > tbody + tbody,
#productCartTable_1.table > tbody + tbody {
    border-top                  :   unset;   
}

#productCartTable.sortable,
#productCartTable_1.sortable {
    overflow                    :   hidden;
}

.for_mob_only {
    display                     :   none;
}

body.quote_page .cart_items h6, body.inventory_order .cart_items h6 {
    font-size                   :   12px;
    margin-top                  :   5px;
    opacity                     :   0.8;
}

.item_notes {
    font-size                   :   14px;
    padding                     :   5px;
    margin-bottom               :   5px; 
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    color                       :   #333;
}

.sn-icon{ 
    background                  :   yellowgreen; 
    color                       :   white; 
    padding                     :   2px; 
    display                     :   inline-block; 
    font-size                   :   inherit; 
    font-weight                 :   700; 
    border-radius               :   5px; 
}

.sup-icon{ 
    background                  :   #3278b3; 
    color                       :   white; 
    padding                     :   2px; 
    display                     :   inline-block; 
    font-size                   :   inherit; 
    font-weight                 :   700; 
    border-radius               :   5px; 
}

.empty_td {
    width                       :   100px;
}

table.no-borders td {
    border                      :   0;
    padding                     :   0;
}
.separator {
    border                      :   1px solid;
    margin-bottom               :   10px;
}
.priceTable tr td {
    padding-bottom              :   5px;
}
.priceTable td:first-child {
    color                       :   #868D94;
}
.priceTable td:last-child {
    text-align                  :   right;
    color                       :   #495057;
}
.fieldset {
    background                  :   #F7F8FA;
    border                      :   1px solid #EEDFFA;
    border-radius               :   5px;
    padding                     :   15px; 
}
.text-black {
    color                       :   #495057;
}
.priceTable td#shipping {
    padding-top                 :   20px;
}
.shipping_main_pop p {
    margin-bottom               :   10px;
}

.shipping_main_pop p input[type="radio"] {
    margin-right                :   5px;
}
#total_discount .discount_text {
    display                     :   block;
}
.discount_text {
    color                       :   #9a9a9a;
    font-size                   :   12px;
}
.btn-group-toggle .btn-secondary.active {
    background-color            :   #2e9d64 !important;
    border-color                :   #2b935e !important; 
}
.toggle.btn {
    min-width                   :   60px;
}
.LDReplacementpriceTable tr td:last-child, .LDGrandpriceTable tr td:last-child, .LDLaborpriceTable tr td:last-child {
    text-align                  :   right;
}
.show_on_proposal .toggle.btn {
    min-width                   :   85px;
}
tr.no-borders td {
    border-top                  :   0;
}
.ellipsis {
    position                    :   relative;
}
.ellipsis:before {
    content                     :   ' ';
    visibility                  :   hidden;
}
.ellipsis span {
    position                    :   absolute;
    left                        :   0;
    right                       :   0;
    white-space                 :   nowrap;
    overflow                    :   hidden;
    text-overflow               :   ellipsis;
}
#table_emailLog td, #table_emailLog th {
    border                      :   1px solid #d4d4d4;
    padding                     :   3px;
    cursor                      :   pointer
}

#email_details tr td:first-child {
    width                       :   80px;
    text-transform              :   capitalize;
    font-weight                 :   bold;
}
#email_details td {
    border                      :   1px solid #d4d4d4;
    padding                     :   5px;    
}
.emaillog_title {
    font-weight                 :   bold;
    text-transform              :   capitalize;
}
p.ellipsis {
    margin-bottom               :   3px;
}
.email_type .type {
    font-size                   :   12px;
    padding                     :   5px !important;
}
.email_type {
    text-align                  :   center;
}
span.other{
    background-color            :   #FFA500;
}
#table_emailLog thead th{
    text-align                  :   center;
}
.dataTable #quote_status_span {
    border-top-left-radius      :   0;
    border-bottom-right-radius  :   0;
}

.dataTable td .status {
    display                     :   block;
    border-radius               :   0;
    padding                     :   10px;
    font-size                   :   12px;
}
.partialBtnGrp .btn.btn-secondary {
    border                      :   1px solid #545B62;
}
.right_section {
    width                       :   250px;
    display                     :   inline-flex;
}
/*weekly invoicing*/	
.invoicing_mode_div .popover{	
    width                       :   500px;	
}	
.payable_week {	
    margin-top                  :   10px;	
}	
.payable_week .pw {	
    display                     :   inline-table;	
    vertical-align              :   middle;	
}	
.pw_status .status {
    border-bottom-left-radius   :   10px;
    border-top-right-radius     :   10px;
}
.payable_week_datepicker input {	
    width                       :   150px !important;	
}	
.edit_pw_items button{	
    width                       :   140px;	
    white-space                 :   normal;	
}
.btn-rental{
    background-image            :   linear-gradient(to bottom,#ff00f6,#650061 100%);
    color                       :   #fff;
}
.btn-rental:hover{
    color                       :   #fff;
}
.shipping_box_header > div {
    margin-top                  :   5px;
}
/*timeline style*/
.date-timeline.vertical-timeline::before {
    left                        :   155px;
}
.vertical-timeline-element {
    min-height                  :   50px;
}
.timeline-icon {
    border                      :   2px solid;
    width                       :   34px;
    height                      :   34px;
    background                  :   #fff;
    border-radius               :   50px;
    box-shadow                  :   0 0 0 5px #fff;
    display                     :   flex;
    text-align                  :   center;
    align-content               :   center;
    align-items                 :   center;
    cursor                      :   pointer; 
}
.timeline-icon i {
    display                     :   block;
    font-size                   :   1.1rem;
    margin                      :   0 auto;
}
.date-timeline .vertical-timeline-element-date {
    left                        :   -190px !important;
    top                         :   5px;    
}
.date-timeline .vertical-timeline-element-content {
    margin-left                 :   190px;
}
.date-timeline .vertical-timeline-element-icon {
    left                        :   140px;
}
.timeline-icon:hover > i {
    transition                  :   1s ease-in-out;
    font-size                   :   34px;
}
.timeline-icon:hover {
    border                      :   none;
}
.forms-wizard li {
    padding                     :   0;
}
.forms-wizard li.done em::before {
    content                     :   unset;
}
.forms-wizard li.done em {
    background                  :   #50b75c;
}
.forms-wizard li.done::before, .forms-wizard li.active::after {
    background                  :   #50b75c;
}
.forms-wizard li.active em {
    background                  :   #338c1a;
}
.forms-wizard li.active::before, .forms-wizard li.active::after {
    background                  :   #338c1a;
}
.forms-wizard li.active span{
    color                       :   #495057
}
.forms-wizard li:hover em {
    background                  :   #338c1a;
}
.forms-wizard li:hover::before, .forms-wizard li:hover::after {
    background                  :   #338c1a;
}
.forms-wizard li:hover .step_icon {
    font-size                   :   24px;
    transition                  :   1s all;
}
#progress-card .popover .popover-body {
    background                  :   #50b75c;
    border-radius               :   5px;
    box-shadow                  :   15px 15px 22px #338c1a;
}
#progress-card .bs-popover-bottom .arrow::after{
    border-bottom-color         :   #50b75c;
}
#progress-card .popover-body .action-btn{
    display                     :   block;
    color                       :   #fff;
    text-align                  :   center;
    padding                     :   4px 5px;
    margin                      :   2px 0;
}
#progress-card .popover-body .action-btn:hover{
    background                  :   #338c1a;
    transition                  :   1s all;
    border-radius               :   5px;
    text-decoration             :   none;
}

/* Hide lines on first and last steps */
.forms-wizard li:first-child::before {
    display                     :   none !important;
}
.forms-wizard li:last-child::after {
    display                     :   none !important;
}

/* Gray out future steps (not done or active) */
.forms-wizard li:not(.done):not(.active) em {
    background                  :   #c8c8c8 !important;
}
.forms-wizard li:not(.done):not(.active)::before,
.forms-wizard li:not(.done):not(.active)::after {
    background                  :   #c8c8c8 !important;
}
.forms-wizard li:not(.done):not(.active) span {
    color                       :   #999;
}
.forms-wizard li:not(.done):not(.active) .step_icon {
    color                       :   #666;
}

/* Arrow indicator at color transitions - positioned same as lines */
.forms-wizard li .step-arrow {
    position                    :   absolute;
    right                       :   -8px;
    top                         :   50%;
    margin-top                  :   -1rem;
    transform                   :   translateY(-50%);
    z-index                     :   10;
    font-size                   :   14px;
    color                       :   #fff;
    text-shadow                 :   1px 1px 2px rgba(0,0,0,0.3);
}

/* Step color variants - Warning (Quote/Order) */
.forms-wizard li.step-warning.done em,
.forms-wizard li.step-warning.active em {
    background                  :   #f7b924;
}
.forms-wizard li.step-warning.done::before,
.forms-wizard li.step-warning.done::after,
.forms-wizard li.step-warning.active::before,
.forms-wizard li.step-warning.active::after {
    background                  :   #f7b924;
}

/* Step color variants - Info (Fulfillment/Sent) */
.forms-wizard li.step-info.done em,
.forms-wizard li.step-info.active em {
    background                  :   #16aaff;
}
.forms-wizard li.step-info.done::before,
.forms-wizard li.step-info.done::after,
.forms-wizard li.step-info.active::before,
.forms-wizard li.step-info.active::after {
    background                  :   #16aaff;
}

/* Step color variants - Success (Return/Complete) */
.forms-wizard li.step-success.done em,
.forms-wizard li.step-success.active em {
    background                  :   #3ac47d;
}
.forms-wizard li.step-success.done::before,
.forms-wizard li.step-success.done::after,
.forms-wizard li.step-success.active::before,
.forms-wizard li.step-success.active::after {
    background                  :   #3ac47d;
}

/* Step color variants - Danger (Lost/Damaged) */
.forms-wizard li.step-danger.done em,
.forms-wizard li.step-danger.active em {
    background                  :   #d92550;
}
.forms-wizard li.step-danger.done::before,
.forms-wizard li.step-danger.done::after,
.forms-wizard li.step-danger.active::before,
.forms-wizard li.step-danger.active::after {
    background                  :   #d92550;
}

/* Step color variants - Primary (Invoiced) */
.forms-wizard li.step-primary em {
    background                  :   #3f6ad8;
}
.forms-wizard li.step-primary.done em,
.forms-wizard li.step-primary.active em {
    background                  :   #3256b0;
}
.forms-wizard li.step-primary::before,
.forms-wizard li.step-primary::after,
.forms-wizard li.step-primary.done::before,
.forms-wizard li.step-primary.done::after {
    background                  :   #3f6ad8;
}

/* PDF row below progress bar */
.forms-wizard-pdfs {
    margin                      :   10px 0 0 0;
    padding                     :   0;
    list-style-type             :   none;
    width                       :   100%;
    display                     :   table;
    table-layout                :   fixed;
}
.forms-wizard-pdfs li {
    display                     :   table-cell;
    text-align                  :   center;
    vertical-align              :   top;
    padding                     :   5px 0;
}
.forms-wizard-pdfs li a {
    color                       :   #d92550;
    font-size                   :   18px;
    transition                  :   0.3s all;
    margin                      :   0 4px;
}
.forms-wizard-pdfs li a:hover {
    color                       :   #b31e42;
    transform                   :   scale(1.2);
    font-size                   :   12px;
    white-space                 :   nowrap;
    margin-top                  :   25px;
    margin-left                 :   -50px;
}

.btn-outline-primary.outline-bg {
    background-color            :   #e7eaf3;
}
.btn-outline-primary:hover {
    color                       :   #fff;
    background-color            :   #3f6ad8;
    border-color                :   #3f6ad8;
}

.btn-outline-info.outline-bg {
    background-color            :   #d5fffc;
}
.btn-outline-info:hover {
    color                       :   #fff;
    background-color            :   #16aaff;
    border-color                :   #16aaff;
}

.btn-outline-warning.outline-bg {
    background-color            :   #fffcca;
}
.btn-outline-warning:hover {
    color                       :   #212529;
    background-color            :   #f7b924;
    border-color                :   #f7b924;
}

.pdf-heading {
    font-weight                 :   bold;
    font-size                   :   22px;
    color                       :   #000;
}
.pdf-subheading {
    color                       :   #adb5bd;
    font-size                   :   12px;
}
.pdf_div {
    padding-top                 :   20px;
    padding-bottom              :   15px;
    margin                      :   -5px;
}
.pdf_div:nth-of-type(2n+1) {
    background-color            :   #f1f1f1;
    border-radius               :   5px; 
}
.pdf_div .btn {
    margin-right                :   5px;
}
.modal-header {
    font-weight                 :   bold;
}
/* The switch - the box around the slider */
.togCustom .switch {
    position                    :   relative;
    display                     :   inline-block;
    width                       :   48px;
    height                      :   25px;
    top                         :   15px;
}

/* Hide default HTML checkbox */
.togCustom .switch input {
    display                     :   none;
}

/* The slider */
.togCustom .slider {
    position                    :   absolute;
    cursor                      :   pointer;
    top                         :   0;
    left                        :   0;
    right                       :   0;
    bottom                      :   0;
    background-color            :   #2196F3;
    -webkit-transition          :   .4s;
    transition                  :   .4s;
}

.togCustom .slider:before {
    position                    :   absolute;
    content                     :   "";
    height                      :   15px;
    width                       :   15px;
    left                        :   3px;
    bottom                      :   6px;
    background-color            :   white;
    -webkit-transition          :   .4s;
    transition                  :   .4s;
}

.togCustom input:checked + .slider {
    background-color            :   #2196F3;
}

.togCustom input:focus + .slider {
    box-shadow                  :   0 0 1px #2196F3;
}
.togCustom input:checked + .slider:before {
    -webkit-transform           :   translateX(26px);
    -ms-transform               :   translateX(26px);
    transform                   :   translateX(26px);
}
.togCustom .slider.round {
    border-radius               :   34px;
}
.togCustom .slider.round:before {
    border-radius               :   50%;
}
.togCustom>span{
    display                     :   inherit;
    padding                     :   4px;
}
#productCartTable_1 td.c_item div {
    float                       :   left;
    margin                      :   0 1px;
}
.sub-heading {
    font-weight                 :   normal;
    opacity                     :   0.5;
}
.sub-heading span {
    display                     :   block;
}
.adjustmentDiv{
    display                     :   none;
}
.adjustmentStockDiv{
    display                     :   none;
}
#final_amount {
    font-weight                 :   bold;
    vertical-align              :   middle;
    font-size                   :   18px;
}
.table.no-borders.mb-0.invc_table td:not(.sd):last-child {
    font-weight                 :   bold;
    font-size                   :   14px;
    width                       :   35%;
    text-align                  :   right;
}
.table.no-borders.mb-0.invc_table td:not(.sd):first-child {
    font-size                   :   16px;
    font-weight                 :   bold;
}
.product_title .alert.alert-danger {
    width                       :   max-content;
    padding                     :   10px;
}
.left_icon { 
    margin-right                :   5px; 
}
.left_icon img {
    width                       :   20px;
    margin-top                  :   5px;
}
.heading {
    font-weight                 :   bold;
    text-transform              :   capitalize;
}
.details_cont .sub-heading {
    margin-left                 :   20px; 
}
.contact_list ul, .address_list ul {
    list-style                  :   outside none none;
    padding                     :   0;
    max-height                  :   250px;
    overflow-y                  :   auto;
    width                       :   100%;
    border-radius               :   5px; 
}
.contact_list ul li, .address_list ul li {
    background                  :   #F1F1F1;
    padding                     :   10px; 
    border-top                  :   1px solid #fff; 
}
.modalFA{
    font-size                   :   25px;
    margin-right                :   10px;
}
.modalFA.fa-file-pdf, .modalFA.fa-file-pdf-o, .modalFA.fa-file-word-o{
    color                       :   red;
}
#viewEmailLogModal .email_type .type.status:last-of-type {
    border-bottom-left-radius   :   10px;
}
#viewEmailLogModal .email_type .type.status:first-of-type {
    border-top-right-radius     :   10px;
}.modal-header {
    font-weight                 :   bold;
}