/*:root {
    --header-font: 34px;
    --primary-font: 24px;
    --secondary-font: 18px;
    --heading-font: 14px;
    --subhead-font: 12px;
    --body-text-font: 13px;
    --link-font: 34px;
}*/


/*Home report score screen*/
    h1, h2, h3,h6 {
         font-weight: bold !important; 
        margin: 0;
    }

    h1 {
        font-size: 34px;
        line-height: 38px;
    }

   h2 {
       font-size: 24px;
       line-height: 30px;
   }

    h3{

        font-size: 18px;
        line-height: 22px;
    }

    h4{
        font-size: 16px;
        line-height: 20px;
    }
    
    h5{
        font-size: 14px;
        line-height: 18px;
    }
    
    h6{
        font-size: 12px;
        line-height: 16px;
    }



    .omf-hdr-wrapper {
        box-shadow: 0px 0px 10px -3px #ccc;
    }



    .report-container {
        padding: 55px 16px;
        position: relative;
        display: flex;
        width: 100%;
        flex-wrap: wrap;
        gap: 18px;
        justify-content: center;
    }

    .report-container .block {
        width: 140px;
        height: 125px;
        margin: 0px;
        border-radius: 10px;
        text-align: center;
        color: #646480;
        line-height: 20px;
        padding-top: 25px;
        font-size: 12px;
        /*border: 1px solid #4d78d9;*/
        background-color: #fff;
        color: #fff !important;

    }

    .report-container .block:hover{
        transform: scale(1.04);
        transition: all 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55);
        box-shadow: #22222245 0px 2px 8px -1px, #5a5a5a9e 0px 2px 3px -1px;
    }

    a.main-card h1 {
        color: #fff;
    }

    .report-container .block h3 {
        margin-bottom: 0px;
        font-weight: bold;
        letter-spacing: 0.01em;
    }

   .report-container h1 {
        font-size: 30px;
        margin-bottom: 8px;
        /*color: #252933;*/
        color: #fff !important;
   }

    #homepage .omf-action-wrapper {
        flex-flow: wrap;
    }

    #homepage .omf-action-wrapper a:nth-child(1){
        /*background: #e91e63;*/
        background: linear-gradient(214deg, rgba(239,105,173,1) 0%, rgba(251,202,136,1) 100%);
    }
    #homepage .omf-action-wrapper a:nth-child(2){
        /*background: #8bc34a;*/
        background: linear-gradient(214deg, rgba(112,98,240,1) 0%, rgba(171,229,230,1) 100%);
    }
    #homepage .omf-action-wrapper a:nth-child(3){
        /*background: #673ab7;*/
        background: linear-gradient(214deg, rgba(171,246,189,1) 0%, rgba(146,241,213,1) 100%);
    }
    #homepage .omf-action-wrapper a:nth-child(4){
        /*background: #ff9800;*/
        background: linear-gradient(214deg, rgba(255,150,210,1) 0%, rgba(241,171,146,1) 100%);
    }
    #homepage .omf-action-wrapper a:nth-child(5){
        /*background: #9c27b0;*/
        background: linear-gradient(214deg, rgba(255,150,210,1) 0%, rgba(241,171,146,1) 100%);
    }

    .violet{background-color: #f5e2ff;color: #9c27b0;}
    .green{background-color: #e2ffeb;color: #27b090;}
    .blue{background-color: #e2ecff;color: #2732b0;}

    .main-card{
        background-color: #0f182b !important;
        color: #fff !important;
        border: none !important;
        box-shadow: 0px 24px 52px -28px #8fa7de;
        margin-bottom: 40px !important;
    }

    .xsmall-f {
        font-size: 10px;
        color: #787d96;
        font-weight: normal;
    }

    span.small-f {
        font-size: 15px;
    }

    .success{
        color: #1cd677;
    }

    .hot{
        background-color: #ff7a47 !important;
    }

    .warm{
        background-color: #ff9802  !important;
    }

    .cool{
        background-color: #47c4ff !important;
    }

    .review-wrapper {
        background-color: #fbfbfb;
        padding: 15px 12px;
    }
    .review-wrapper h3{
        width: 100%;
        margin-bottom: 20px;
        text-align: center;
        padding-bottom: 10px;
        border-bottom: 1px solid #ececec;
    }

    .ratings {
        text-align: center;
        padding: 20px 0px;
        color: #475471;
    }

    .ratings span.material-icons {
        font-size: 38px;
        color: #a5adbb;
    }

    .rating{
        color: #ffc107 !important;
        margin-right: 0px !important;
    }

    .icon-input .material-icons {
        font-size: 22px;
    }

    .icon-input-wrapper{
        padding: 20px 0px;
    }

   .icon-input {
       width: 100%;
       background-color: #f1f1f1;
       margin: 0px 4px;
       text-align: center;
       padding: 10px;
       /* font-weight: bold; */
       border-radius: 4px;
       color: #344263;
       display: flex;
       align-items: center;
       gap: 4px;
       justify-content: center;
       cursor: pointer;
       position: relative;
       overflow: hidden;
   }

   .icon-input:hover, .secondary-btn:hover, .checkbox-btn:hover{
        background-color: #4d78d9;
        color: #fff;
        transition: all 0.3s ease-in;
   }

    .timer-btn {
        width: 120px;
        margin: 14px 6px;
        padding: 8px 0;
        background-color: #4d78d9;
        border: 1px solid #4d78d9;
        color: #ffffff;
        border-radius: 4px;
        font-size: 15px;
        font-weight: 500;
        letter-spacing: 0.05em;
        height: 60px;
        line-height: 24px;
    }


    .secondary-btn {
        width: 120px;
        margin: 14px 6px;
        padding: 10px 0;
        background-color: #ffffff;
        border: 1px solid #4d78d9;
        color: #4d78d9;
        border-radius: 4px;
        font-size: 15px;
        font-weight: 500;
        letter-spacing: 0.05em;
    }

    .secondary-btn .material-icons{
        margin-right: 4px;
    }

    a.teritary-btn {
        color: #4d78d9;
        /*font-weight: bold;*/
        font-size: 15px;
    }


    .prd-dtls {
        display: flex;
        align-items: self-start;
        color: #646480;
        margin-bottom: 5px;
        font-size: 13px;
        line-height: 18px;
    }

    .customer-dtls .primary-dtls {
        padding-bottom: 15px;
    }

    .customer-dtls .prd-dtls {
        display: flex;
        align-items: self-start;
        color: #6f7584;
        margin-bottom: 2px;
        font-size: 14px;
        line-height: 18px;
    }

   .prd-dtls .material-icons {
       font-size: 16px;
       margin-right: 6px;
       line-height: 20px;
       color: #9ca3b3;
   }

   .status {
       border-radius: 50%;
       background: #ff9800;
       color: #ffffff;
       width: 25px;
       height: 25px;
       text-align: center;
       display: inline-flex;
       align-items: center;
       justify-content: center;
       margin-left: 8px;
       margin-top: 4px;
   }

   .srv-dtls-bar{
        position: absolute;
        top: 0;
        width: 100%;
        box-sizing: border-box;
        left: 0
   }

   .dt {
       margin-right: 12px;
   }

   .service-type-tag {
       padding: 4px;
       border-radius: 5px 0px;
       font-weight: bold;
       font-size: 11px;
       letter-spacing: 0.05em;
       width: 100px;
       text-align: center;
   }


   .service-bottom-dtls{
        display: flex;
        justify-content: space-around;
        text-align: center;
        padding-top: 7px;
        border-top: 1px solid #ececec;
   }

   .service-bottom-dtls .secondary-btn{
        width: 100%;
        margin: 4px 8px;
        padding: 8px 0;
   }

   .service-prd-dtls{
        line-height: 20px;
        color: #3e3e52;
        font-size: 15px;
        margin-bottom: 10px;
        gap: 10px 20px;
   }

   .service-prd-dtls h6 {
       font-size: 12px;
       color: #707380;
       line-height: 16px;
   }

   .service-prd-dtls span {
       color: #707380;
       font-size: 12px;
   }

   input[type="radio"] {
       width: 20px;
       height: 18px !important;
       margin-right: 5px;
   }






/*Bottom navigation*/
    .bottom-nav {
        height: 62px;
        width: 100% !important;
        background-color: #ffffff;
        color: #232833;
        box-shadow: -1px 5px 11px 5px #cccc;
    }

    .bottom-nav {
       display: flex;
       align-items: center;
       padding: 10px 10px;
       letter-spacing: 0.05em;
       box-sizing: border-box;
       position: fixed;
       bottom: 0;
       right: 0;
       z-index: 10;
       justify-content: space-around;
    }

    .flex-end{
        justify-content: flex-end;
    }

    .icon-blk {
        text-align: center;
        width: 25%;
        cursor: pointer;
    }

    .f-icon {
        margin-bottom: 4px;
    }
    .f-icon span.material-icons {
        font-size: 22px;
    }

    .f-icon-text {
        font-size: 12px;
        letter-spacing: 0.05em;
    }


    .icon-blk a{
        width: 100%;    
    }

    .icon-selected a {
        color: #4d78d9 !important;
        padding: 5px;
        font-weight: bold;
    }


   /*service details page*/

    .service-dtls-blk {
        display: flex;
        flex-direction: column;
        gap: 20px;
        margin: 16px;
        position: relative;
        top: -30px;
       
        border: none;
    }

    .customer-dtls {
        width: 100%;
        position: relative;
        padding: 20px 0px;
        color: #272735 !important;
        padding-bottom: 40px;
        background-color: #edf2fd;
    }

  /*  .service-dtls-blk{
        border-radius: 20px;
    }*/

    .service-dtls-blk .omf-tile-details {
        border-bottom: 1px solid #dedede;
    }

    .service-dtls-blk .primary-dtls {
        margin-bottom: 12px;
        gap: 10px;
    }


    .service-dtls-blk .contact-dtls{
        text-align: center;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    .sub-header-wrapper{
        gap:10px;
        margin: 0px 0px 14px;
    }

    .sub-header {
        font-size: 15px;
        font-weight: bold;
        color: #43464e;
        letter-spacing: 0.02em;
        line-height: 18px;
        margin: 0px 0px 4px;
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .service-note {
        padding-top: 10px;
    }

    .service-dtls p {
        font-size: 14px;
        color: #646480;
    }

    .tag {
        width: auto;
        padding: 6px 15px;
        border-radius: 30px;
        font-weight: bold;
        font-size: 13px;
        height: 100%;
    }

    .ruuning-time {
        width: 100%;
        text-align: center;
        padding: 10px;
        color: #383b4e;
    }

    .service-dtls textarea {
        height: 100px;
        background-color: #fff;
        border: 1px solid #bbd0ff;
    }


    /*-------------------Serivce Peoples list----------------------------------*/
    .serivce-ppl-blk {
        background-color: #fff;
    }

   .serivce-ppl-blk .omf-tile {
       border-bottom: 1px solid #eeeeef;
       border-radius: 0px;
       margin-bottom: 0px;
       padding: 12px 0px;
   }    

    .serivce-ppl-blk .omf-tile:hover {
        background-color: #f7f7f7;
    }

    .serivce-ppl-blk .omf-avatar {
       width: 45px !important;
       height: 45px !important;
       padding: 0;
       margin: 0;
       /*margin-right: 18px !important;*/
    }
    .serivce-ppl-blk .omf-tile-details {
        padding-top: 0px;
    }
    .serivce-ppl-blk .omf-avatar .bg-img{
        border: none;
        border-radius: 50px;
    }

    .service-form label.omf-floating-label {
        position: relative;
        top: auto;
        padding-bottom: 8px;
        color: #3a3c46;
    }

    .service-form  .forms input {
        font-weight: bold;
        border: 1px solid #dedede;
        height: 40px;
        padding: 10px;
        color: #323240;
    }

    .service-form .form-wrapper {
        padding: 10px 5px;
        margin: auto;
    }

    .service-form .omf-group-field h4 {
        margin-bottom: 18px;
    }

    .service-form i.fa.fa-search {
        position: absolute;
        top: 38px;
        right: 10px;
        color: #8a899c;
    }

    .service-form input[type="checkbox"] {
        zoom: 100%;
        margin: -2px 6px 0px 0px;
        width: 25px;
        height: 20px !important;
    }


    /*conpany service logs*/

    .date {
        font-size: 15px;
        color: #ffffff;
        text-align: center;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        height: 60px;
        background-color: #444750;
        width: 100%;
        border-radius: 10px;
        line-height: 22px;
        /* font-weight: bold; */
    }















h4 {
    margin: 0;
    margin-top: 2px;
    margin-bottom: 2px;
    font-size: 13px;
}


.space-between{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.center{
    display: flex;
    justify-content: center;
    align-items: center;
}

.count h4 {
    text-transform: uppercase;
    font-size: 0.55em;
}

h3{
    margin-bottom: 0px;
}

/*.primary-bg {
    background-color: #ed1c24 !important;
    color: #fff !important;
}
*/
.on #home {
    visibility: hidden !important;
}

/*
.omf-hdr-center a{
    font-size: 20px;
    font-weight: 100;
}*/

/*.item-name p {
    margin: 0;
}*/

.omf-action-wrapper {
    display: flex;
    justify-content: center;
}

p {
    margin: 9px 0px;
    margin-top: 0;
}

.mrp-disp {
    font-size: 17px;
    line-height: 15px;
}


.dtls {
    display: flex;
    margin: 6px;
    font-size: 14px;
}

.omf-avatar-wrapper .omf-avatar{
    width: 90px;
   /* margin: 4;
    padding: 4;*/
}

.omf-avatar-wrapper {
    width: unset;
    margin-right: 14px;
    position: relative;
    /*overflow: hidden;*/
}

.essantial{
    border-radius: 37px;
    background: #ffffff !important;
    padding: 8px 10px;
    position: relative;
    color: #cd0808;
    left: -13px;
    border: 1px solid #b4b4b4;
    font-size: 17px;
    margin-left: 9px;
}

/*.material-icons {
    float: right;
}*/

.search-bar button{
    border: none;
    outline: none;
}

button{
    position: relative;
    overflow: hidden;
}

.search-bar {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: 8px !important;
    height: 32px;
    background-color: #fff;
    width: 100%;
    margin: 0 15px;
    border-radius: 3px;
    margin-bottom: 8px !important;
    flex: 1;
}

#search .material-icons {
    font-size: 2em;
    color: #848484;
}

#search-box input{
    padding: 0 4px !important;
}


.search-wrapper-spacer{
    /*height: 85px;*/
    height: 50px;
}

#alt-view-wrapper {
    margin-top: 5px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    border-radius: 4px;
}   

#alt-view-wrapper .view {
    font-size: 20px;
    width: 30px;
    margin: auto;
    text-align: center;
    padding: 4px;
    border-radius: 4px;
    color: #848484;
    cursor: pointer;
}

#alt-view-wrapper .view.selected {
    background-color: #a7a7a7;
    color: #ffffff !important;
    transition: .5s;
}

#alt-view-wrapper .view .material-icons {
    font-size: 20px;
}

.container-wrapper {
    position: fixed;
    width: 100%;
    background-color: #ececec;
    z-index: 1;
    padding-top: 4px;
    box-shadow: 1px -1px 2px 1px #ddd;
}

/*.primary-tab {
    background-color: #2891d0;
    margin: 5px;
    border-radius: 4px;
    height: 35px;
    color: #ffffff;
    border: 1px solid #677cef;
}*/

.nav-avator .bg-img {
    width: 30px;
    height: 30px;
    border-color: transparent;
    border-radius: 20px;
}

.tab {
    width: 33.33%;
    height: 40px;
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    text-transform: capitalize;
    font-weight: 500;
    position: relative;
    overflow: hidden;
}

.tab.selected {
    font-weight: bold;
}

.underline {
    transition: transform 0.3s ease-in-out;
    position: absolute;
    width: 33.33%;
    height: 2px;
    background: #4d78d9;
    z-index: 40;
}

/*.tab.selected {
    border-bottom: 2px solid #ff5722;
}*/

/*.tab.selected:after {
    content: "";
    width: 100%;
    height: 2px;
    background-color: #4d78d9;
    position: absolute;
    bottom: 0;
    border-radius: 4px;
}
*/

.tabs-wrapper {
    width: 100%;
    display: flex;
    align-items: center;
    /*padding-bottom: 20px;*/
}

#search-box input{
    color: #000;
    padding-left: 2 px;
}

input[type="checkbox"] {
    zoom: 1.8;
    margin: 4px 6px;

}

.check-box {
    margin-left: 5px;
}

.uploader {
    margin: 10px 0 15px;
}

.service-note-blk {
    margin-top: 10px;
}



/*.list-wrapper .omf-text-field {
    width: 70%;
}*/

.upload {
    background-color: #d7d7d7;
    padding: 5px 20px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.omf-tile select{
    width: 100%;
    height: 40px !important;
    background: #fff;
    font-size: 15px;
}

/*.omf-radio-blk label::before  , .omf-radio-blk label::after{
    display: none;
}*/

.list-wrapper .omf-group-field {
    margin: 0px 4px;
}

.list {
    width: 100%;
}


.quote-list .omf-text-field , #product-list .omf-text-field {
    margin-bottom: 0px;
}

#product-list .omf-text-field input{
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 2px;
}



.quote-list, #product-list, .contact-list-container  {
    padding: 10px;
    /*font-size: 10px;*/
    min-height: 100px;
    padding-top: 35px !important;
}

#product-list .omf-tile {
    border-bottom: none;
    margin-bottom: 0;
    border-radius: 0;
    padding: 10px 10px !important;
    padding-top: 15px !important;
}

#product-list .omf-tile:first-child {
    border-radius: 8px 8px 0 0;
    padding-top: 20px !important;
}

#product-list .omf-tile:last-child {
    border-radius: 0 0 8px 8px;
    border-bottom: 1px solid #ccc;
}


#product-list .omf-tile .omf-avatar-wrapper .omf-avatar{
    padding: 0px;
    margin: 0px;
}

.top-row.flex {
    padding-bottom: 5px;
}

#product-list input.order-qty-disp, .number {
    width: 40px;
    height: 35px;
    padding: 3px;
    background: #efefef;
    color: #000;
    font-size: 15px;
}

.order-qty-wrapper {
    width: 95px;
    justify-content: space-between;
    align-items: center;
}




.omf-avatar .bg-img {
    height: 100%;
    border-radius: 3px;
    background-position: center;
    background-size: cover;
    border: none;
    cursor: pointer;
    border: 1px solid #efefef;
    background-color: #efefef;
}

.omf-avatar .bg-img.not-loaded {
    border: 3px dotted #e8e6e6;
    border-radius: 5px;
}


.omf-uploader {
    margin: auto;
    display: flex;
    justify-content: flex-start;
}


.file-upload-btn .material-icons {
    font-size: 20px;
    color: #585858;
}


.file-upload-btn {
    width: 100px;
    border: none;
    background: #efefef;
    padding: 8px 15px;
    border-radius: 4px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-left: 10px;
    font-size: 0.95em;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    cursor: pointer;
}

.omf-avatar-wrapper .omf-avatar {
    width: 125px;
    padding-top: 0;
    margin-top: 0;
    align-items: flex-start;
    height: 100px;
    border-radius: 5px;
}

.omf-radio-blk {
    display: flex;
    padding: 0px;
   /* padding: 15px 15px 0px 15px;*/
    margin-bottom: 0px;
    border: none;
    /*background: #e9e9e9;*/
}

.count-btn {
    display: flex;
/*    align-items: center;
    justify-content: center;*/
    margin-right: 13px;
    color: #000;
}

.count-right-btn input {
    width: 100%;
    background-color: transparent;
    border: none;
    position: relative;
}

.count-left-btn {
    font-weight: bold;
    font-size: .75em;
    text-transform: uppercase;
    width: 55px !important;
    color: #dedede;
    background-color: #383838;
    border-radius: 5px 0px 0px 5px;    
}

.count-right-btn{
    border-radius: 0px 5px 5px 0px;
    background: #e2e6e9;

}

.count-left-btn, .count-right-btn {
    /*padding: 5px 3px;*/
    height: 26px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .65em !important;
}

table .omf-action-btn{
    background-color: #edf0ff;
    color: #1d1313;
    padding: 8px;
    position: relative;
    overflow: hidden;
}

#quote-list td {
    padding-top: 9px;
}

.checkbox {
    width: 45px;
    text-align: center;
}

/*label.omf-floating-label {
    font-size: 15px;
    padding-left: 10px;
}*/

::placeholder { 
  color: #a6a6a6;
}

.sale-price{
    line-height: 24px;
    margin-top: 5px;
    font-size: 1.35em;
    display: block;
}

.omf-delete{
    padding: 10px 0px;
    margin-top: -5px;
    color: #a6a6a6;
    width: 30px;
    display: flex;
    text-align: center;
    align-items: flex-start;
    justify-content: center;
}

.quote-list .omf-tile , #product-list .omf-tile {
    border-bottom: 2px solid #f7f7f7;
    border-top: 1px solid #e6e6e6;
}

.create-quote .omf-tile{
    min-height: 160px;
}

.list-wrapper:nth-child(even) {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.quote-list .mrp-disp, #product-list .mrp-disp{
    font-size: 14px;
    line-height: 12px;
    margin-top: 7px;
}

.add-qty{
    justify-content: center;
    flex: none;
}

.qty-button{
    background-color: #797979;
    width: 20px;
    height: 19px;
}

.content-wrapper input {
    width: 100%;
}

.secondary-bdr{
    border: 1px solid #9d9d9d;
}

.omf-delete .fa {
    margin: 5px;
    font-size: 16px;
    color: #7b7b7b;
}

.btn{
    /*max-width: 40%;*/
}

.order-status.completed{
        border-right: 4px solid#8bc34a;
}

.order-status:last-child{
    border-radius: 0px 4px 4px 0px;
}



.order-status-wrapper{
    height: 25px;
}

.checkbox i.fa.fa-file-text-o {
    color: #000000 !important;
    font-size: 30px;
    position: relative;
    /*top: 15px;*/
    zoom: 75%;
}

.order-status:first-child{
        border-radius: 4px 0px 0px 4px;
}

/*.omf-uploder {
    width: 41%;
}
*/
.deliver-blk {
    padding: 6px 0px;
    width: 100%;
}
.deliver-dtls{
    display: flex;
    line-height: 1.5em;
}

.deliver-dtls .print .fa {
    padding-right: 4px;
}
.deliver-dtls .pcs {
    text-align: right;
    /*flex: 1;*/
    font-style: italic;
    margin-left: 100px;
}

.deliver-dtls h3 {
    font-size: 15px;
}

.deliver-dtls button {
    width: 35px;
    padding: 5px;
    /*margin-right: 8px;*/
    background: #8bc34a;
    border: 1px solid #8bc34a;
    color: #fff;
    border-radius: 4px;
}
.print {
    width: 100%;
    align-items: center;
    display: flex;
    padding: 4px 0;
}
.count {
    margin: 0px 2px;
}
.delete-icon .fa {
    margin: 6px;
    font-size: 20px;
    color: #7b7b7b;
}
.delete-icon {
    padding: 6px 0px;
    margin-top: -5px;
    color: #a6a6a6;
    width: 30px;
    display: flex;
    text-align: center;
    align-items: flex-start;
    justify-content: center;
}

.content-wrapper{
 
    display: flex;
    justify-content: center;
    background: border-box;
}

.list-wrapper{
    padding: 4px 0px !important;
    width: unset;
    display: flex;
    justify-content: center;
    padding: 0 10px;
    background: border-box;
}

.list-wrapper .omf-tile-details{
        align-items: center;   
}

#create_item .content-wrapper input, .content-wrapper textarea {
    width: 90%;
    padding: 8px;
    font-size: 16px;
}

form#create_item {
    width: 100%;
    padding: 15px;
}

#user-page #forgot-password {
    text-align: center;
    font-size: 12px;
    text-decoration: underline;
    float: right;
    padding: 0px 10px;
    margin-top: -16px !important;
    margin-bottom: 13px;
    display: none;
}

#forgot-password p {
    font-size: 14px;
}
.nav-avator .bg-img {
    width: 30px;
    height: 30px;
    border-color: transparent;
    border-radius: 20px;
}


#item-manage-form {
    padding: 11px;
}

/*#item-manage-form input {
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 2px;
    /*outline: none;
}*/

#orders {
    width: 100%;
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    padding-top: 0;
}

#orders h1{
    font-weight: bold;
}

#orders .omf-tile {
    box-shadow: none;
    border: 1px solid #e8e8e8;
    border-radius: 0;
    margin: 0;
}

#orders .omf-tile-details {
    display: block;
}

.quote-list input.delivery-qty , #product-list input.delivery-qty, .number {
    border: 1px solid #bcbcbc !important;
    border-radius: 2px !important;
    background: #fff !important;
    width: 35px !important;
    height: 35px !important;
    color: #000 !important;
    background-color: #fff;
    font-size: 18px !important;
}

.quote-list input#qty , #product-list input#qty {
    width: 35px;
    height: 35px;
    padding: 3px;
    background: #EFEFEF;
    color: #000;
    font-size: 15px;
}

/*.bg-blk a {
    width: 65%;
    margin-bottom: 10px;
}
*/
#your-orders .omf-tile {
    padding: 20px 0px !important;
    margin-left: 6px !important;
    margin-right: 6px !important;
}

#your-orders .omf-avatar {
    width: 11%;
    padding: 0;
    height: auto;
}
.quote-list .omf-avatar {
    padding: 0 4px;
    margin: 0px 4px;
    height: 60px;
}

#add-new-listing {
    width: 100px;
    font-size: 1em;
}

#header-wrapper.on #add-new-listing {
    display: none;
}

.quote-list input[type="checkbox"] {
    margin-top: 0;
}

.quote-list .omf-tile {
    margin-bottom: 0 !important;
    border-radius: 0 !important;
}

.omf-tile select {
    margin: 0;
    line-height: 14em !important;
    height: 22px !important;
    margin-top: 11px;
    border-radius: 3px;
}

#item-manage-form .omf-text-field input {
    margin-bottom: 0;
}

#add-listing .omf-avatar-wrapper .omf-avatar {
    width: 100%;
    height: 220px;
    margin: 0;
    padding: 0;
}

.number:read-only {
    background-color: #efefef !important;
    border: none !important;
}

input.medium {
    width: 45px !important;
}

input.large {
    width: 80px !important;
}

.number {
    font-weight: 400 !important;
}

.number.bold {
    font-weight: bold !important;
}

#homepage .omf-action-wrapper {
    flex-direction: column;
    align-items: center;
}

.orders-list .omf-action-btn {
    background-color: #e4e4e4 !important;
    color: #000 !important;
    padding: 4px 6px;
    font-size: 8px;
    margin: 0 5 8 0;
    position: relative;
    overflow: hidden;
}

/*.orders-list .btn {
    max-width: 40% !important;
    display: flex !important;
}*/


.orders-list .btn a { text-decoration: underline; margin-bottom: 10px; font-size: 11px}

.orders-list .btn a:last-child {
    margin-left: 5px;
    padding-left: 5px;
    border-left: 1px solid #868686;
}

.orders-list .btn a:first-child {
    border: none;
    margin-left: 0;
    padding-left: 0;
}


#back-to-shop, #back-to-order {
    margin: auto !important;
    height: 40px;
    font-size: 1em;
}

#add-listing .omf-group-field.two .omf-text-field:last-child {
    /*width: 44%;*/
}

#add-listing .omf-group-field.two, #add-listing .omf-tile-details { /*column-gap: 15px; */padding: 0; margin: 0; }

.content-wrapper .left-blk, #add-listing .omf-group-field.two .omf-text-field:first-child {
    margin-right: 15px;
}


#add-listing .omf-group-field.two .omf-text-field {
    width: 50%;
}

i.fa.fa-truck {
    transform: rotateY(180deg);
}

.order {
    padding: 25px !important;
}

.create-quote .omf-text-field input {
    border: none !important;
    border-bottom: 1px solid #dedede !important;
}

.spec-wrapper {
    margin-top: 5px;
    background-color: #efeeee;
    border-radius: 5px;
    padding: 3px 6px;
    width: max-content;
    margin-bottom: 10px;
}

.spec-wrapper .count {
    margin-right: 5px;
    margin-bottom: 5px;
    text-transform: uppercase;
}


.omf-tile.two-row {
    display: flex;
    flex-direction: column;
}

.spec-wrapper input {
    zoom: 80%;
}

.price-wrapper { margin-bottom: 10px; }

/*.top-row { flex: 1; }*/

.content-wrapper .left-blk, .content-wrapper .right-blk { width: 50%; }

.content-wrapper .omf-avatar-wrapper, .content-wrapper .uploader { width: 100%; }
/*----------Filter-------*/



.pending {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.omf-hdr-center small {
    font-size: 0.7em;
    line-height: 10px;
    margin-top: 5px;    
}


.contact-list-container .omf-tile-details {
    display: block;
}

.contact-list-container .omf-action-btn {
    margin-right: 9px;
    padding: 5px 10px;
    font-size: 0.83em;
    margin-bottom: 5px;
    background: #686868 !important;
    letter-spacing: 0.15em;
}

.omf-action-btn{
    position: relative;
    overflow: hidden;
}


.service-dtls-blk .omf-action-btn{
    width: auto !important;
}


.contact-list-container h1 {
    font-size: 20px;
    padding-bottom: 4px;
    color: #000;
    font-weight: bold;
    margin: 0;
}

.contact-list-container .omf-avatar {
    border-radius: 5px;
    align-items: center;
    display: flex;
    justify-content: center;
    margin-right: 8px;
    min-width: 50px;
    height: 50px;
    text-align: center;
}

.contact-list-container .omf-list.container {
    padding: 10px;
}

.contact-list-container  .omf-avatar h1 {
    color: #fff;
    font-size: 18px;
    margin: 0;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.contact-list-container .omf-tile {
     border-bottom: 1px solid #efefef; 
     border-radius: 0; 
     padding-top: 15px !important;
     padding-bottom: 10px !important;
     outline: none; 
     margin: 0;
}

.contact-list-container span.code {
    font-size: 1.25em;
    font-style: italic;
}

#orders-page #orders {
    margin-top: 48px;
}

table {
    border-collapse: collapse;
}

.line-amt-disp .fa {
    font-size: 12px;
}

.count .number:read-only {
    background-color: #fff !important;
    border: 1px solid #bcbcbc !important;
}

.tab a { width: 100%; }
/*----------------------------------------------------------------------------------------*/

#contact-search-list .secondary-dtls,#contact-list .secondary-dtls{
    display: flex;
    text-align: center;
    font-style: normal;
    justify-content: space-between;
}

.info-blk {
    display: flex;
    column-gap: 8px;
    padding: 5px 0;
}

.info-blk div {
    height: 25px;
    /*background-color: #EFEFEF;*/
    padding-left: 8px;
    border-radius: 3px;
}

.stkr-name {
    background-color: #616161;
    display: flex;
    align-items: center;
    color: #fff;
}

.stkr-val{
    margin-left: 5px;
    text-align: center;
    min-width: 35px;
    height: 25px;
    background-color: #efefef;
    color: #000;
    padding: 4px;
    border: 1px solid #dedcdc;
    border-radius: 0px 2px 2px  0px;
    max-width: 100%;

}

.count-wrapper a {
    margin-right: 6px;
    width: 100px;
}
.count-wrapper {
    margin: 4px 0px;

}

.count {
    font-size: 22px;
    margin: 0px 2px;
    font-weight: normal;
    margin-bottom: 6px;
}

.gray-text, .gray-text .fa {
    letter-spacing: 0.03em;
    color: #ffffff !important;
}

.contact-list-container .omf-tile {
    outline: none;
    border: 1px solid #efefef;
    border-radius: 4px;
    padding-top: 15px !important;
    padding-bottom: 20px !important;
    margin-bottom: 20px !important;
    margin: 0;
}

.acronym.omf-avatar:after {
    position: absolute;
    width: 55px;
    height: 40px;
    background-color: #efefef12;
    content: " ";
    bottom: 5%;
    border-radius: 0px 160px 0px 0px;
}

.acronym.omf-avatar::before {
    position: absolute;
    width: 45px;
    height: 40px;
    background-color: #e8e8e814;
    content: " ";
    bottom: 10%;
    border-radius: 5px 160px 4px 5px;
    transform: rotate(269deg);
    left: 22px;
}

.acronym.omf-avatar {
    display: none;
}

span.count {
    border-radius: 0px 2px 2px 0px;
    margin-right: -9px;
    text-align: center;
    width: 30px;
    font-size: 12px;
    color: #fff;
    height: 23px;
    margin-right: -14px;
    padding-top: 5px;
    margin-top: -10px;
    margin-bottom: -8px;
    padding: 5px 5px;
    font-weight: bold;
}

a.count-blk {
    color: #fff;
    width: 65px;
    height: 70px;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    letter-spacing: 0.03em;
    font-size: 10px;
    line-height: 12px;
}

/*a.load-contact {
    color: #fff;
    width: 65px;
    height: 70px;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    letter-spacing: 0.03em;
    font-size: 10px;
    line-height: 12px;
}*/

#contact-list .secondary-dtls .fa,#contact-search-list .secondary-dtls .fa  {
    border: none;
    background-color: transparent;
}

#contact-list p {
    font-size: 11px;
    margin-top: 5px;
}

.green-bg { background-color: #9ecc68; }
.orange-bg { background-color: #ffb952; }
.violet-bg { background-color: #ce65e2; }
.pink-bg { background-color: #f56193; }
.blue-bg { background-color: #9672da; }

.gray-text{
    background-color: #b7b7b7;
    color: #676767 !important;
}

#price-disp-wrapper .secondary-dtls {
    font-size: 14px !important;
    margin-top: 3px;
}

.items-wrapper .edit-item {
    /* left: 13%; */
    transform: translate(50%, -10px);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    background-color: #7473734a;
    font-size: 15px;
    text-align: center;
    margin-top: 7px;
    top: 12px;
    margin: auto;
    font-weight: normal;
    color: #2c3434;
    position: relative;
    padding: 3px 5px !important;
}


/*-------------------------------------lastsaleprice-------------------------------------------*/
.lastsaleprice {
    margin-top: 18px;
    background-color: #efeeee;
    width: 224px;
    border-top: 2px dotted #c7c4c4;
    padding-top: 8px;
    margin-right: 5px;
    margin-bottom: 5px;
}

.lastsaleprice table {
    border-collapse: collapse;
    background-color: #fff;
}


.lastsaleprice table td, th {
    padding: 4px 4px;
    border: 1px dotted #bcbcbc;
    font-size: 12px;
    font-weight: normal;
    text-transform: capitalize;

}

.lastsaleprice table th {
    background-color: #3bc4ff4d;
    text-transform: uppercase;
}

.inv-no {
    font-size: 10px;
    letter-spacing: 0.03em;
    color: #565656;
}


/*.lastsaleprice h3 {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
    padding-bottom: 5px;
    margin-top: 5px;
}*/









/*---------------------------------find alt-----------------------------------------------------------*/
                    
/*#contact-list .secondary-dtls{
    display: flex;
    text-align: center;
    font-style: normal;
    justify-content: space-between;
    flex-wrap: wrap;
}

.count-wrapper a {
    margin-right: 6px;
    width: 100px;
}
.count-wrapper {
    margin: 4px 0px;
}


.gray-text, .gray-text .fa {
    letter-spacing: 0.03em;
    color: #ffffff !important;
}
    
a.load-contact {
    background: linear-gradient(to top, #adadad, #f7f7f7);
    border-radius: 4px;
    padding: 4px 5px;
}

.contact-list-container .omf-tile {
    border: 1px solid #efefef;
    border-radius: 0;
    padding-top: 15px !important;
    padding-bottom: 10px !important;
    outline: none;
    margin-bottom: 10px !important; 
    margin: 0;
}

.acronym.omf-avatar:after {
    position: absolute;
    width: 55px;
    height: 40px;
    background-color: #efefef12;
    content: " ";
    bottom: 5%;
    border-radius: 0px 160px 0px 0px;
}

.acronym.omf-avatar::before {
    position: absolute;
    width: 45px;
    height: 40px;
    background-color: #e8e8e814;
    content: " ";
    bottom: 10%;
    border-radius: 5px 160px 4px 5px;
    transform: rotate(269deg);
    left: 22px;
}

.acronym.omf-avatar {
    display: none;
}

span.count {
    border-radius: 0px 2px 2px 0px;
    margin-right: -9px;
    text-align: center;
    width: 30px;
    font-size: 12px;
    color: #fff;
    height: 23px;
    margin-right: -14px;
    padding-top: 5px;
    margin-top: -10px;
    margin-bottom: -8px;
    padding: 5px 5px;
    font-weight: bold;
}
a.load-contact {
    display: flex;
    align-items: center;
    justify-content: space-around;
    color: #000 !important;
    width: 100px;
}
a.load-contact .fa {
    border: 1px solid #cecece00 !important;
    background-color: #fff0 !important;
}

.green-bg { background-color: #8bc34a; }
.orange-bg { background-color: #ff9800; }
.violet-bg { background-color: #9c27b0; }
.pink-bg { background-color: #e91e63; }

.gray-text .count {
    background-color: #b7b7b7;
    color: #676767;
}  */





.omf-topbar-wrapper {
    display: flex;
    height: 75px;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 1002;
     margin-top: 0px; 
    box-shadow: 0px 0px 10px -3px #ccc;
    box-sizing: border-box;
    color: #fff;
    flex-direction: column;
}

.company-oims-hdr {
    background: black;
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 4px 8px;
    color: #fff;
}


/* RIPPLE EFFECT */
.ripple{
    display: block;
    position: absolute;
    background: #cdcdcd59;
}

.ripple.animation{
    animation: ripple 0.55s linear;
    background: #cdcdcd;
}

@keyframes ripple {
    100% {
        opacity: 0;
        transform: scale(2.5);
    }
}
/*-----------*/


.on .omf-pullout-user-wrapper h1 {
    font-size: 1.45em;
}

.omf-list.container .omf-tile{
    height: 190px;
    /*border: 1px solid ;*/
    overflow: hidden;
    position: relative;
    gap: 10px;
}

.omf-tile{
    box-shadow: rgb(50 50 93 / 25%) 0px 2px 5px -1px, rgb(0 0 0 / 30%) 0px 1px 3px -1px;

}

.omf-list.container .omf-tile:hover{
    box-shadow: rgb(50 50 93 / 25%) 0px 2px 5px -1px, rgb(0 0 0 / 30%) 0px 1px 3px -1px;
    transform: scale(1.02);
}

.date-wrapper {
    width: 50px;
}

.omf-avatar .fa {
    font-size: 1em;
    position: absolute;
    top: -8px;
    right: 0;
    color: #ff6464;
    background: #f7d9d9;
    padding: 5px 8px;
    border-radius: 50%;
    cursor: pointer;
}




/* CIRCULAR RIPPLE EFFECT */
.circular-animate::before {
    content: '';
    border-radius: 50%;
    background-color: #efefef;
    position: absolute;
    box-sizing: border-box;
    top: 50%;
    right: 50%;
    transform: scale(0);
    width: 2px;
    height: 2px;
    animation: circularRipple 0.7s ease-out;
}

.material-icons.circular-animate::before {
    animation: circularRipple 0.7s ease-out;
}

@keyframes circularRipple {
  0% {
    transform: scale(0, 0);
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: scale(25, 25);
  }
}
/*-----------*/


.omf-list {
    position: relative;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 20px;
    padding: 20px 16px;
}

.bottom-nav input {
    width: fit-content;
    cursor: pointer;
}

fieldset {
    border: none;
    margin-top: 30px;
}


.multi-step .steps {
    position: relative;
    width: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.multi-step .steps.active {
    color: #4294fe;
}

.multi-step .steps.active:after span.is-complete:after{
    background: #5fc34a;
    color: #4294fe;

}

.multi-step .steps.active:before {
    border: 1px solid #4294fe;
    color: #4294fe;
    transition: all 0.2s ease-in;

}

.multi-step .steps.is-complete:before {
    color: #fff;
    background: #5fc34a;
    content: "\2713";
    border: 1px solid #5fc34a;
    transition-delay: 0.8s ease-in-out;

}

.multi-step .steps.is-complete{
    color: #5fc34a;
}


.multi-step .steps:after {
    content: '';
    width: 100%;
    height: 2px;
    background: #cdcdcd;
    position: absolute;
    bottom: 49px;
    transition: all 0.2s ease-in;
}

.multi-step .steps:before {
    counter-increment: section;
    content: counter(section);
    position: absolute;
    top: -50px;
    border: 1px solid #cdcdcd;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    background: #fff;
}

.multi-step .steps:first-child:after {
    display: none;

}

.steps.is-complete:after {
    background: #5fc34a;
    color: #4294fe;
    transition: all 0.2s ease-in;
}

.multi-step-bar {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around;

}

.multi-step {
    width: 100%;
    position: relative;
    height: 90px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    counter-reset: section;
}

fieldset input.next {
    background: #4d78d9;
    color: #fff !important;
}

fieldset input.next, fieldset input.back {
    width: fit-content;
    padding: 10px 20px !important;
    font-size: 1.25em;
}

li.star {
    font-size: 30px;
    cursor: pointer;
}

ul#stars {
    margin-top: 10px;
}


button, .omf-action-btn, a.omf-action-btn, .checkbox-btn, .icon-input, .icon-blk, .tab, .block, .secondary-btn{
    position: relative;
    overflow: hidden;
}

.checkbox-btn {
    width: 48%;
    display: flex;
    align-items: center;
    justify-content: center;
    /*border: 1px solid #cdcdcd;*/
    background: #f1f1f1;
    padding: 7px 15px;
    border-radius: 4px;
}

.part-2, .part-3{
    display: none;
}