@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');


@font-face {
    font-family: 'FreightText BookItalic';
    src: url('font/fright-font/FreightTextBookItalic.woff2') format('woff2'),
        url('font/fright-font/FreightTextBookItalic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'FreightText Pro Book';
    src: url('font/fright-font/FreightTextProBook-Regular.woff2') format('woff2'),
        url('font/fright-font/FreightTextProBook-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



@font-face {
    font-family: 'FontAwesome';
    src: url('font/fontawesome-webfont.eot');
    src: url('font/fontawesome-webfont.eot') format('embedded-opentype'), url('font/fontawesome-webfont.woff') format('woff'), url('font/fontawesome-webfont.ttf') format('truetype'), url('font/fontawesome-webfont.svg#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    background: #fff;
    border: 0px solid #000;
    box-sizing: border-box;
    padding: 0 0px 0;
    min-height: 100vh;
    font-family: 'FreightText Pro Book' !important;
    font-size: 16px;
    color: #000000;
    letter-spacing: 0.5px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'FreightText Pro Book';
    font-weight: bold;
}


::placeholder {
    color: #bfbfbf !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.02em;
    text-align: left;
}

#border-btn {
    background-color: transparent !important;
    color: #000000 !important;
}
#border-btn:hover {
    background: #000000 !important;
    color: #fff !important;
}
#btn_active_bg {
    background: #566b50 !important;
}
#btn_active_bg {
    background: transparent !important;
    color: #566b50 !important;
}
.loginlogo {
    max-width: 130px;
}
/*----------------css-------*/
button:focus-visible {
    outline: none !important;
}
.marginb10p{ margin-bottom:10px;}
.control-group.error .control-label,
.control-group.error .help-block,
.control-group.error .help-inline {
    width: 100%;
    text-align: left;
    color: #EF1313;
    padding-left: 0px;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
}

.error {
    width: 100%;
    text-align: left;
    color: #EF1313;
    padding-left: 0px;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
}

.nomargin {
    margin: 0 !important;
}

.marginbottom-five {
    margin-bottom: 7px !important;
}

.halfsize {
    width: 48%;
    float: left;
}

.fullsize {
    width: 100%;
    float: left;
}

.rightalign {
    float: right !important;
}

.centeralign {
    text-align: center !important;
}

.mb-35 {
    margin-bottom: 35px !important;
}

.mb-25 {
    margin-bottom: 25px !important;
}

.mb-15 {
    margin-bottom: 16px !important;
}

.mb-10 {
    margin-bottom: 10px !important;
}

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

.dn {
    display: none !important;
}

/* .floatright { float:right !important;} */

.text-field {
    border: 2px solid #e1e1e1 !important;
    box-shadow: none !important;
    height: 40px !important;
    line-height: 30px !important;
    padding: 0px !important;
    padding: 0px 7px !important;
    font-weight: 300 !important;
    color: #000 !important;
    margin-bottom: 0 !important;
    vertical-align: middle !important;
    background-color: #ffffff !important;
    font-size: 16px !important;
    border-radius: 4px !important;
    box-sizing: border-box !important;
}

.textarea-field {
    border: 2px solid #e1e1e1 !important;
    box-shadow: none !important;
    padding: 7px !important;
    font-weight: 300 !important;
    color: #000 !important;
    margin-bottom: 0 !important;
    background-color: #ffffff !important;
    font-size: 16px !important;
    border-radius: 4px !important;
    box-sizing: border-box !important;
    min-height: 90px;
}

.border-b-none {
    border-bottom: none !important;
}

.bordernone {
    border: none !Important;
}

.backbg {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000000;
    opacity: 0.9;
    width: 100%;
    height: 100%;
}

.finalpay {
    position: relative;
    height: 250px;
}

.finalpayseciton {
    background: #fff;
    z-index: 9999;
    position: relative;
    border-radius: 6px;
    height: 820px;
}

input[type=checkbox] {
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
}

input[type=radio] {
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
}

textarea {
    width: 100%;
    border: 1px solid #BFBFBF !important;
    border-radius: 0;
}


.notification-red {
    width: 100%;
    height: auto;
    float: left;
}

.notification-red a {
    color: #101010;
    font-size: 16px;
    font-family: 'FreightText Pro Book';
}


.servicescurrencyprice {
    text-transform: capitalize;
    overflow: auto !important;
    padding: 10px 2px !important;
}

.servicescurrencyprice label {
    width: 18%;
    text-transform: uppercase;
    padding-top: 13px !important;
    margin-bottom: 0px !important;
    font-size: 16px !important;
}

.servicescurrencyprice input {
    border: 2px solid #e1e1e1;
    width: 80%;
    float: right;
    color: #000000;
    padding: 0px 7px;
    font-weight: normal;
    height: 40px;
    line-height: 30px;
    box-shadow: none;
    box-sizing: border-box;
    font-size: 16px;
    font-family: 'Merriweather', serif !important;
    margin-right: 0px !important;
}

.margin-bottom-0px {
    margin-bottom: 0px !important
}

.margin-bottom-30px {
    margin-bottom: 30px !important
}

.margin-bottom-16px {
    margin-bottom: 16px !important
}

ul {
    margin: 0px !important
}

label {
    cursor: auto
}

.hero-images:first-of-type {
    margin-left: 0px
}

.hero-images {
    width: 150px;
    height: 150px;
    display: inline-block;
    border: 1px solid #dddddd;
    margin-left: 20px;
    vertical-align: bottom;
}

/*.hero-images a {position: absolute;z-index: 300;margin-left: -26px;margin-top: 3px;transform: scale(1.2);background: rgba(0 , 0 , 0 , 0.5);padding: 3px 5px;
color: #fff;border: 2px solid rgba(255 , 255 , 255 ,0.5);}*/
.hero-image-section {
    margin-bottom: 30px
}

.hero-image-uploader {
    margin-bottom: 30px
}

table {
    border: 1px solid #dddddd !important;
    border-radius: 0px
}

.table-bordered th,
.table-bordered td {
    border-left: transparent;
    background: transparent;
    min-height: 40px;
    padding: 12px;
}

thead tr {
    background: #f7f7f7;
    border: 1px solid #dfdfdf
}

thead tr th {
    border-bottom: 1px solid #dfdfdf;
    text-transform: uppercase;
    font-weight: bold;
    vertical-align: bottom;
    font-family: 'FreightText Pro Book';
    color: #222;
    letter-spacing: 3px;
    font-size: 13px;
    line-height: 1.7;
}

td {
    border-bottom: 1px solid #dddddd !important
}

.home-pagination:first-child {
    display: none
}

.home-pagination:last-child {
    display: block
}

.navbar-inner {
    background: #fff;
    width: 100%;
    padding: 0;
    box-shadow: none;
    border: none;
    /* margin-bottom: 24px; */
    border-radius: 0px !important;
}

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

.navbar.mean-navbar .navbar-inner:before,
.navbar.mean-navbar .navbar-inner:after {
    display: none;
}

.navbar-inner .container-fluid {
    padding: 0px 0px;
    position: relative
}

.navbar-inner .btn-group,
.navbar-inner .greeting-section {
    top: 0;
    margin-top: 0 !important;
}

.navbar {
    /* border-bottom: 1px solid #cccccc; */
    /* padding-bottom: 0px; */
    /* margin-bottom: 0px; */
    background: #fff;
    width: 100%;
    padding: 16px 24px;
    box-shadow: 1px 1px 4px 0px #00000029;
    border-bottom: 1px solid #F0F0F0;
    margin-bottom: 24px;
    border-radius: 0px !important;
    position: fixed;
    top: 0;
    z-index: 1;
}

/* .logo_main {
    width: auto;
    float: left;
    margin-right: 0px;
} */

.logo_main img {
    width: 100%;
    /* max-width: 70px; */
}

/* .top-nav {
    width: 75%;
    float: right;
    margin-top: 2px;
    line-height: 12px;
} */

.main-menu-span {
    width: 100%;
    float: left;
    margin-left: 0px;
}

.well {
    background: transparent;
    border: 0px;
    box-shadow: none;
    margin: 24px 0px;
    padding: 0px;
}

.nav-tabs.nav-stacked>li>a {
    border: 0px;
    color: #666;
    text-transform: uppercase;
    /* margin: 20px 16px 35px; */
    padding: 0;
    font-family: 'FreightText Pro Book';
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: center;
    /* border-bottom: 2px solid #f0f0f0; */
    max-width: 100px;
}

.nav-tabs.nav-stacked>li:last-child>a {
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
}

.nav-tabs.nav-stacked>li {
    margin: 20px 10px 35px;
}

.nav-tabs .open .dropdown-toggle,
.nav-pills .open .dropdown-toggle,
.nav>li.dropdown.open.active>a:hover {
    color: #000;
    background-color: #BAC3B7;
    border-color: #BAC3B7;
    padding: 8px;
}

.nav-tabs.nav-stacked>li>a:hover {
    color: #000000;
    border-bottom: none;
}

.dropdown .caret {
    border-top-color: #000000 !important;
    border-bottom-color: #000000 !important;
    margin-left: 5px !important;
}

.nav-tabs.nav-stacked>li>a:hover svg path {
    fill: #000000 !important;
}

.sidebar-menu .nav-tabs.nav-stacked>li>a:hover>.sidebar-nav {
    color: #000000;
    border-bottom: 2px solid #000000;
}

.sidebar-menu .nav-tabs.nav-stacked>li>a>svg {
    width: 100%;
}

.sidebar-menu .nav-tabs.nav-stacked>li.inactive_left>a>svg path {
    fill: #666;
}

.sidebar-menu .nav-tabs.nav-stacked>li.active_left>a>svg path {
    fill: #000000;
}

.sidebar-menu .nav-tabs.nav-stacked>li>a>.sidebar-nav {
    border-bottom: 2px solid #f0f0f0;
    padding-bottom: 5px;
}

.sidebar-menu .nav-tabs.nav-stacked>li.active_left>a>.sidebar-nav {
    border-bottom: 2px solid #000000;
    padding-bottom: 5px;
}

.navbar .nav {
    text-align: center;
    width: 100%;
    margin: 0px;
}

.navbar .nav>li {
    float: none;
    display: inline-block;
}

.navbar .nav>.active>a,
.navbar .nav>.active>a:hover {
    color: #000000;
    font-weight: 600;
    background: #fff;
    box-shadow: none;
    border: 0px;
}

.navbar .nav>.active>a:focus {
    background: #fff;
    box-shadow: none;
    border: 0px;
}

.navbar .nav>a:hover {
    background: #fff;
    box-shadow: none;
    border: 0px;
}

.navbar .btn.dropdown-toggle {
    background: #fff;
    border: 0px;
    box-shadow: none;
    font-size: 16px !important;
    color: #000000;
    text-transform: uppercase;
    margin-top: 0px;
    border-radius: 0px;
    padding: 0px;
    padding-right: 10px;
    margin-right: 0px;
    letter-spacing: 0;
    font-family: '#000000' !important;
}

.navbar .btn,
.navbar .btn-group {
    margin-top: 44px;
}

.clear {
    clear: both
}

i.spriteicon {
    background: url(../img/spriteicons.png) no-repeat;
}

i.job_icon {
    width: 32px;
    height: 32px;
    background-position: -80px -10px;
    display: block;
    margin: 0 auto;
    margin-bottom: 10px
}

.active i.job_icon {
    background-position: -80px -50px;
}

i.customer_icon {
    width: 32px;
    height: 32px;
    background-position: -138px -10px;
    display: block;
    margin: 0 auto;
    margin-bottom: 10px
}

.active i.customer_icon {
    background-position: -138px -50px;
}

i.settings_icon {
    width: 32px;
    height: 32px;
    background-position: -366px -10px;
    display: block;
    margin: 0 auto;
    margin-bottom: 10px
}

.active i.settings_icon {
    background-position: -366px -50px;
}

i.report_icon {
    width: 32px;
    height: 32px;
    background-position: -425px -10px;
    display: block;
    margin: 0 auto;
    margin-bottom: 10px
}

.active i.report_icon {
    background-position: -425px -50px;
}

tr.green_tr td {
    color: #24862f !important;
    background: #d3e7d5 !important
}

.navbar i.icon-search {
    width: 23px;
    height: 23px;
    background-position: -10px -10px;
    margin-top: 7px;
}

.navbar i.icon-down {
    width: 20px;
    height: 12px;
    background-position: -50px -16px;
    margin-top: 6px;
    margin-left: 3px;
}

h1.main_title {
    font-size: 24px;
    text-align: center;
    margin: 0px;
    padding: 0px;
    margin-bottom: 30px;
    margin-top: 30px;
    text-transform: uppercase;
    margin-right: 19px;
    vertical-align: middle;
    font-family: '#000000';
    font-weight: 700;
    line-height: 28px;
    color: #000000;
}

.mean-dashboard {
    margin: 0;
    width: 100%;
    max-width: 100%;
    float: none;
    padding: 120px 72px 72px 212px;
}

.main-section .heading-title h2 {
    color: #666;
    font-family: '#000000';
    font-size: 38px;
    font-weight: 700;
    line-height: 46px;
    letter-spacing: 0em;
    text-align: center;
    margin-bottom: 24px;
}

.main_continer .heading-title h2 {
    color: #666;
    font-family: '#000000';
    font-size: 38px;
    font-weight: 700;
    line-height: 46px;
    letter-spacing: 0em;
    text-align: center;
    margin-bottom: 24px;
}

.paymentpage-header {
    position: relative;
}

.page-title {
    color: #666;
    font-family: '#000000';
    font-size: 38px;
    font-weight: 700;
    line-height: 46px;
    letter-spacing: 0em;
    text-align: center;
    padding-bottom: 24px;
    text-transform: uppercase;
    margin-bottom: 0;
    /* border-bottom: 1px solid #d9d9d9; */
}

.paymentpage-header .hdr-hr {
    width: 100%;
    height: 1px;
    background: #d9d9d9;
    margin-bottom: 16px;
    /* position: absolute; */
    left: 0;
}

.paymentpage-header .close-btn {
    margin-top: 2px !important;
    font-size: 40px !important;
    color: #000000;
    opacity: 1;
    font-weight: 100;
    cursor: pointer;
    position: absolute;
    right: -36px;
    top: -19px;
    text-decoration: none !important;
}

.paymentpage-header a {
    padding: 0 !important;
    border: none !important;
    text-decoration: none;
    font-size: 16px !important;
    margin-bottom: 0 !important;
    float: left !important;
    margin-top: 16px;
    color: #000000;
    text-decoration: underline;
}

.sidebar-menu {
    min-width: 140px;
    height: calc(100vh - 70px);
    position: fixed;
    left: 0;
    background: #F0F0F0;
    top: 87px;
    border-right: 1px solid #BFBFBF;
    padding-top: 0;
    overflow-y: scroll;
    z-index: 2;
}

.main_continer .container {
    width: 100%
}

.btn-group.open .btn.dropdown-toggle {
    background-color: #fff;
}

.dropdown-menu li>a {
    text-align: left;
    font-weight: normal;
    padding: 8px 10px;
    border-bottom: 1px solid #666666;
    line-height: 16px;
    font-family: 'FreightText Pro Book';
    letter-spacing: 0px;
    font-size: 13px;
    background: #e7ede6;
}

.navbar .nav li.dropdown.open>.dropdown-toggle {
    background: #fff;
}

.submenu_job {
    margin: 30px 0px;
}

.submenu_job ul li a {
    color: #999999;
    font-weight: 300;
    font-size: 16px;
}

.submenu_job ul li.active a,
.submenu_job ul li a:hover {
    color: #151515;
    font-weight: 400;
    text-decoration: none
}

.submenu_job ul li.active a span,
.submenu_job ul li a:hover span {
    border-bottom: 3px solid #000000;
}

.submenu_job ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    text-align: center;
    width: 100%;
    display: flex;
    width: 100% !important;
}

.submenu_job ul li {
    display: inline-block;
    width: 100%;
}

.submenu_job ul li span {
    padding: 0px 2px 10px 2px;
}

i.newjob {
    width: 51px;
    height: 51px;
    background-position: -11px -109px;
    display: block;
    margin: 0 auto;
    margin-bottom: 10px
}

.submenu_job ul li a:hover i.newjob,
.submenu_job ul .active a i.newjob {
    background-position: -11px -169px;
}

i.scheduled {
    width: 51px;
    height: 51px;
    background-position: -82px -109px;
    display: block;
    margin: 0 auto;
    margin-bottom: 10px
}

.submenu_job ul li a:hover i.scheduled,
.submenu_job ul .active a i.scheduled {
    background-position: -82px -169px;
}

i.ticketed {
    width: 40px;
    height: 51px;
    background-position: -150px -109px;
    display: block;
    margin: 0 auto;
    margin-bottom: 10px
}

.submenu_job ul li a:hover i.ticketed,
.submenu_job ul .active a i.ticketed {
    background-position: -150px -169px;
}

i.approved {
    width: 51px;
    height: 51px;
    background-position: -210px -109px;
    display: block;
    margin: 0 auto;
    margin-bottom: 10px
}

.submenu_job ul li a:hover i.approved,
.submenu_job ul .active a i.approved {
    background-position: -210px -169px;
}

i.assigned {
    width: 51px;
    height: 51px;
    background-position: -343px -109px;
    display: block;
    margin: 0 auto;
    margin-bottom: 10px
}

.submenu_job ul li a:hover i.assigned,
.submenu_job ul .active a i.assigned {
    background-position: -343px -169px;
}

i.working {
    width: 51px;
    height: 51px;
    background-position: -476px -109px;
    display: block;
    margin: 0 auto;
    margin-bottom: 10px
}

.submenu_job ul li a:hover i.working,
.submenu_job ul .active a i.working {
    background-position: -476px -169px;
}

i.completed {
    width: 51px;
    height: 51px;
    background-position: -407px -109px;
    display: block;
    margin: 0 auto;
    margin-bottom: 10px
}

.submenu_job ul li a:hover i.completed,
.submenu_job ul .active a i.completed {
    background-position: -407px -169px;
}

i.canceled {
    width: 51px;
    height: 51px;
    background-position: -269px -109px;
    display: block;
    margin: 0 auto;
    margin-bottom: 10px
}

.submenu_job ul li a:hover i.canceled,
.submenu_job ul li.active a i.canceled {
    background-position: -269px -169px;
}

ul.paymentdetails_listing {
    list-style: none
}

ul.paymentdetails_listing li {
    width: 50%;
    float: left;
    margin-bottom: 16px;
}

.halfform {
    width: 48%;
    float: left;
    padding: 0px 1%;
}
.halfform:nth-child(3) {
    clear: left;
}
.halfform label {
    /*width: 100% !important;text-align: left !important;*/
    margin: 0px;
    margin-bottom: 0px;
    padding: 0px;
    margin-bottom: 7px;
    /* font-weight: bold; */
    color: #000000;
    font-family: 'FreightText Pro Book' !important;
    font-size: 16px;
}

.halfform .controls {
    /*padding: 0px;margin: 0px;*/
}

.halfform .controls input,
.halfform .controls textarea,
.halfform .controls select {
    width: 98%;
    /* border: 2px solid #e1e1e1; */
    box-shadow: none;
    height: 40px;
    line-height: 30px;
    padding: 0px;
    padding: 0px 7px;
    font-weight: normal;
    color: #000000;
    box-sizing: border-box;
    font-size: 16px;
}

.halfform .controls select {
    width: 98%;
    box-sizing: border-box;
    background: #fff url(../img/select-arrows.png) no-repeat right center !important;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    text-indent: 0.01px;
    background-size: 28px !important;
    padding-right: 33px;
}


input:focus,
select:focus,
textarea:focus {
    outline: none;
}

select {}


.form-horizontal .form-actions {
    background: #fff;
    border: 0px;
    margin: 0px;
    padding: 0px;
    clear: both;
    text-align: center;
    padding-top: 30px
}

.form-horizontal .form-actions button.btn {}

.btn-primary,
.cancel {
    background: #000000;
    color: #fff;
    text-transform: uppercase;
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    border: 0px;
    box-shadow: none;
    padding: 10px 30px;
    font-family: 'FreightText Pro Book';
}

.btn-primary:hover {
    background-color: transparent;
    border: 1px solid #000000;
    color: #000000;
}

.cancel:hover {
    background: #626262
}

.btn {
    border: 0px;
    box-shadow: none;
    padding: 5px 13px;
    color: #fff;
    text-transform: uppercase;
    margin: 0px;
    text-shadow: none;
    font-family: 'FreightText Pro Book' !important;
    background: #000000;
    border: 1px solid #000000;
    border-radius: 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: center;
    transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    -ms-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
}

.cancel {
    background: #626262
}

.formlink {
    display: inline-block;
    border-bottom: 1px solid #000000;
    text-transform: uppercase;
    margin-top: 16px;
    border: 1px solid #000000;
    background: transparent;
    color: #000000;
    padding: 4px 16px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.02em;
    text-align: center;
}

.formlink:hover {
    text-decoration: none;
    color: #fff;
    border-color: #000000;
    background-color: #000000;
}

#address_ul {
    margin: 0px;
    padding: 0px;
    list-style: none
}

legend+.control-group {
    margin-top: 0px;
}

form legend {
    color: #222;
    font-size: 22px;
    font-weight: 500;
    font-family: 'FreightText Pro Book';
    text-transform: capitalize;
    letter-spacing: 0.5px;
}

.navbar .nav>.active>a {
    cursor: pointer
}

.jobdetailpage ul {
    margin: 0px;
    padding: 0px;
    list-style: none
}

.jobdetailpage ul li {
    float: left;
    /* margin-bottom: 16px; */
    /* width: 50%; */
    color: #000000;
    font-size: 16px;
    font-weight: normal;
    padding: 8px 5px 8px 0;
}

.jobdetailpage ul li:last-child {
    margin: 0;
}

.jobdetailpage ul li legend {
    font-family: #000000;
    font-size: 20px;
    font-weight: 700;
    color: #000000;
    line-height: 28px;
    text-align: left;
    text-transform: uppercase;
}

.jobdetailpage ul li label {
    /* width: 160px; */
    float: left;
    /* text-align: right; */
    padding-right: 6px;
    color: #000000;
    font-size: 16px;
    /* font-weight: normal; */
    /* font-weight: 500; */
    font-family: 'FreightText Pro Book';
    margin: 0;
}

.jobdetailpage ul li span {
    font-size: 16px;
}

.jobdetailpage ul li label:after {
    content: ':';
}

.jobdetailpage .qrcode,
.jobdetailpage .itemimg {
    width: 100%;
    clear: both
}

li.item_red_bg strong {
    color: red !important;
}

.scandetail {
    padding: 16px 7px;
    height: auto;
    overflow: auto
}

.scandetail.jobdetailpage ul li label {
    font-size: 16px;
    font-weight: bold;
    color: #222;
    width: 40%;
    text-align: left;
    font-family: 'FreightText Pro Book';
}

.scandetail.jobdetailpage ul li {
    padding: 0px 1.5%;
    margin-bottom: 10px;
    width: 47%;
    font-size: 16px;
    color: #000000;
}

.scandetail.jobdetailpage ul li.itemimg {
    width: 97%
}

.scandetail.jobdetailpage ul li.itemimg label {
    width: 100%
}

.scandetail.jobdetailpage ul li #comment {
    width: 100%;
    height: 50px;
}

.savebtn {
    background: #000000;
    color: #fff;
    font-weight: 600;
    border: 0px;
    padding: 8px 16px;
    border-radius: 5px;
}

.itemviewbox ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.itemviewbox ul li {
    border-top: 1px solid #e1e1e1;
    padding: 12px 5px 16px 5px;
}

.itemviewbox ul li:first-child {
    border-top: 0px;
    padding-top: 0px;
}

.itemviewbox ul li:first-child a {
    padding: 0px;
}

.itemviewbox ul li .small_img img {
    width: auto;
    height: auto;
    cursor: pointer;
    max-height: 68px;
    max-width: 68px;
}

.itemviewbox ul li .small_img {
    background: #fff;
    border: 1px solid #e1e1e1;
    margin-right: 10px;
    width: 80px;
    height: auto;
    padding: 5px;
    display: inline-block;
    vertical-align: top;
    margin-top: 0px;
    text-align: center;
}

.itemviewbox ul li .subtet {
    width: 66%;
    display: inline-block;
    vertical-align: middle;
    color: #222;
    font-size: 16px;
    font-family: 'FreightText Pro Book' !important;
}

.itemviewbox ul li .bg_red {
    color: #cc2222
}

.itemviewbox ul li .subtet a {
    font-weight: bold;
    font-size: 16px;
    padding-right: 70px;
    display: block;
    font-family: 'FreightText Pro Book';
}

.itemviewbox ul li .subtet a::first-letter {
    text-transform: capitalize;
}

.itemviewbox ul li .subtet button {
    color: #000000;
    background: none;
    border: 0px;
    text-decoration: underline;
    font-size: 12px;
    padding: 0px;
}

p.bg_normal a {
    color: #222 !important;
    font-size: 16px !important;
    font-weight: normal !important;
}

p.bg_red a,
p.bg_red {
    color: #cc2222;
    font-size: 13px;
}

.qd_popup h2 {
    font-size: 22px;
    color: #222;
    padding-bottom: 0px;
    margin: 0px;
    font-family: 'FreightText Pro Book';
    line-height: 1.7;
}

.qd_popup textarea {
    width: 100%;
    box-sizing: border-box;
    height: 120px;
    margin-top: 5px;
    margin-bottom: 16px;
    float: none;
    padding: 16px;
    resize: none;
}

.qd_popup .btn.btn-primary.cancel {
    background: #000000
}


li.item_log_table {
    width: 100% !important;
    box-sizing: border-box;
}

li.item_log_table table {
    margin-top: 10px;
    margin-bottom: 30px;
}

li.item_log_table table td,
li.item_log_table table th {
    padding: 5px;
}

/*.jobdetailpage .qrcode img{width:50px;}*/

.jobdetailpage .itemimg img {
    height: 80px;
    float: left;
    padding: 5px;
    margin-right: 10px;
    margin-left: 0px
}

/* .itemdetailbox {
    margin-top: 5px;
    padding: 24px;
    max-width: 720px;
    margin: 0 auto;
    background: #F0F0F0;
    margin-bottom: 18px;
} */

.jobdetailpage {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.jobdetailpage h3 {
    font-family: #000000;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    text-align: left;
    color: #000000;
    margin: 0;
    padding-bottom: 20px;
}
.pq-data.itemdetailbox-section {
    border-bottom: 1px solid #D9D9D9;
    padding: 8px 0 20px !important;
    margin-top: 0;
}
.payment_detail_page {
    padding: 24px;
    max-width: 720px;
    margin: 0 auto;
    background: #F0F0F0;
    margin-bottom: 18px;
    float: left;
    width: 100%;
}

.itemdetailbox-section {
    width: 100%;
    height: auto;
    float: left;
}

.itemdetailbox-section h3 {
    text-align: center;
    margin: 0;
}

.jobdetailpage h2 {
    color: #000000;
    font-size: 21px;
    font-weight: 600;
}

.approve-quote-basic-details {
    line-height: 11px !important;
    margin-bottom: 20px
}

ul.pagination {
    list-style: none;
    text-align: center
}

ul.pagination li {
    display: inline-block;
    float: none;
    /* margin: 18px 3px; */
}

ul.pagination li a {
    color: #000000;
    font-size: 19px;
    padding: 2px 12px;
    line-height: 16px;
    font-weight: 500;
}

ul.pagination li.active a {
    background: #000000;
    color: #fff;
    border-color: #000000;
}

ul.pagination li a:hover {
    background: #000000;
    color: #fff;
    text-decoration: none;
    border-color: #566b50;
    transition: all ease-in-out 0.1s;
}

.no-more-tables table {
    width: 100%;
    border-radius: 0;
    border: none !important;
    margin-bottom: 40px;
}

.no-more-tables table.table-condensed th,
.no-more-tables table.table-condensed td {
    padding: 20px 12px;
    font-family: 'FreightText Pro Book';
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.02em;
    text-align: left;
    border-bottom: 1px solid #E0E0E0 !important;
    border-top: none !important;
}

/* .no-more-tables table.table-condensed td:nth-last-child(2) {
    white-space: nowrap;
} */

.no-more-tables table thead tr {
    background: #BAC3B7;
}

.no-more-tables table tbody tr:nth-child(odd) {
    background: #F0F0F0;
}

/* .no-more-tables table tbody tr td {
    border: 1px solid #E0E0E0 !important;
} */

.no-more-tables table thead tr th {
    font-family: 'FreightText Pro Book' !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 22px !important;
    letter-spacing: 0em !important;
    color: #000000;
    text-transform: uppercase;
}

.job-search-section {
    width: 100%;
}

.search-section ul {
    text-align: center;
}

.search-section ul li {
    display: inline-block;
    /* margin-bottom: 10px;
    margin-right: 7px; */
}

.search-section ul li input {
    height: 40px;
    width: 296px;
    border: 1px solid #D9D9D9;
    padding: 0px 16px;
    border-radius: 0px !important;
    color: #000000;
}

/*--.search-section ul li:last-child input {border-right: none;}---*/
.search-section ul li select {
    height: 42px;
    width: 296px;
    border: 1px solid #D9D9D9;
    padding: 0px 16px;
    border-radius: 0px !important;
}


.search-section ul li input:focus {
    border: 1px solid rgba(82, 168, 236, 0.8)
}

.search-section ul li button {
    /* height: 42px; */
    /* width: 66px; */
    padding: 8px 16px;
    background: #000000;
    color: #ffffff;
    border: none;
    font-family: 'FreightText Pro Book';
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.02em;
    text-align: center;
    text-transform: uppercase;
    margin-left: -4px;
}

/* .search-section ul li button div {
    transform: rotate(-45deg);
    font-size: 24px;
} */

.search-section ul li input[type="checkbox"] {
    appearance: none;
    width: 24px !important;
    height: 24px !important;
    border: 1px solid #000000;
    margin-left: 24px;
    border-radius: 100px !important;
    position: relative;
}

.search-section ul li input[type="checkbox"]:checked {
    background: #000000;
}

.search-section ul li input[type="checkbox"]:checked:before {
    content: '\2713';
    color: #fff;
    position: absolute;
    top: 0px;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    text-align: center;
}

.search-section ul li input[type="checkbox"]:focus {
    outline: none;
}


.search-section ul li p {
    height: 42px;
    width: 66px;
    padding: 0px 16px;
    background: #fc5a63;
    color: #ffffff;
    border: none;
}

.search-section ul li a {
    margin-left: 19px;
    color: #6e6e6e;
    font-size: 16px;
    font-weight: normal;
    vertical-align: middle;
    margin: 0px;
    margin-left: 11px;
    text-decoration: underline;
    cursor: pointer;
}

.search-section ul li a.clearsearch {
    color: #000000;
    padding: 0px;
    font-weight: 300;
    text-transform: none;
    text-decoration: underline;
    font-size: 16px;
    margin: 0px 10px;
}

.search-section ul li a.downlaodcsv {
    background: #000000;
    color: #fff;
    padding: 10px 13px;
    font-weight: normal;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 16px;
    border-radius: 0px;
    text-decoration: none;
    font-family: 'FreightText Pro Book';
    font-weight: bold;
    display: inline-block;
}


/* .search-section button div {
    transform: rotate(-40deg);
    font-size: 30px;
} */

.search-term {
    margin-right: 19px;
    vertical-align: middle;
    font-family: '#000000';
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
    text-align: left;
    color: #000000;
}

.job-add-job {
    float: right
}

.searchUl {
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-left: 0px;
    position: absolute;
    z-index: 1000;
    background: #fff;
    width: 100%;
    max-height: 258px;
    overflow-y: auto;
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5)
}

.searchUl li a {
    color: #444;
    font-family: 'FreightText Pro Book' !important;
    font-size: 17px;
    letter-spacing: 1px;
    line-height: 21px;
    font-weight: normal;
}

.searchUl li .row {
    margin-left: 0px !important
}

.searchUl li {
    list-style-type: none;
    margin: 16px 16px
}

.searchUl li a div i {
    color: #000000;
    font-weight: 600;
    font-family: inherit;
    font-style: normal;
}

.user-badges {
    display: inline-block;
    padding: 9px 13px;
    border: 1px solid #838181;
    border-radius: 5px;
    margin-left: 10px;
    margin-top: 10px;
    background: #f8f8f8e6;
}

.user-badges a {
    margin: 0px 0px 0px 7px !important;
    font-weight: 400;
    background: none;
    padding: 3px 3px;
    border-radius: 100%;
    font-size: 16px;
    top: -1px;
    position: relative;
    right: -4px;
    color: #000000;
}

.user-badges a:hover {
    color: #000000;
    text-decoration: none;
}

.drp_down_btn ul li {
    display: block;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    background: none !important;
    outline: none !important;
}

li.drp_down_btn button {
    border-bottom: 1px solid #BFBFBF !important;
    border: none;
    height: 32px;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 22px !important;
    letter-spacing: 0.02em !important;
    text-align: left !important;
    color: #000000 !important;
    text-transform: capitalize !important;
    border-radius: 0px !important;
    padding: 0 12px !important;
}

li.drp_down_btn button:focus {
    outline: none;
}

li.drp_down_btn a {
    margin: 0 !important;
    text-decoration: none !important;
    /* font-family: 'Merriweather', serif !important; */
}

li.drp_down_btn .dropdown-menu li>a:hover,
.dropdown-menu li>a:focus,
.dropdown-submenu:hover>a {
    background: #000000 !important;
    outline: none;
}

.modal-body {
    overflow: unset !important;
}

li.drp_down_btn .btn-group.open .dropdown-toggle {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    border: 1px solid #dadada;
    border-radius: 0px !important;
    color: #000000;
}

li.drp_down_btn .caret {
    position: absolute;
    right: 4px;
}

.manage-service-ul .user-badges {
    margin-top: 10px !important
}

legend {
    border-bottom: none;
    padding-top: 16px;
    text-align: center;
    font-size: 22px;
    color: #222;
    font-family: 'FreightText Pro Book';
    text-transform: none;
    font-weight: 600;
    line-height: 1.7;
}

.relation-plus-icon.job-add-job {
    float: right;
    padding: 6.4px 16px;
    border: 1px solid #000000;
    border-radius: 0px;
    cursor: pointer;
    font-family: 'FreightText Pro Book' !important;
    text-transform: uppercase;
    color: #000000;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.02em;
    text-align: center;
    margin-bottom: 24px;
    /* float: left; */
}

.well .system-user-search-section a.relation-plus-icon.job-add-job {
    margin-bottom: 0;
}

.relation-plus-icon.job-add-job:hover,
.relation-plus-icon.job-add-job:focus {
    background: #000000 !important;
    color: #fff !important;
    text-decoration: none;
}

.phone-prefix-filter h4 {
    font-family: '#000000';
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    text-align: left;
    color: #000000;
    text-transform: uppercase;
}

.phone-prefix-filter ul {
    padding: 16px 16px 24px 16px;
}

.phone-prefix-filter ul li {
    list-style: none;
}

.phone-prefix-filter ul li.search-input-wrapper {
    display: flex;
    gap: 24px;
    margin-bottom: 24px;
}

.phone-prefix-filter ul li.search-input-wrapper label {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.02em;
    text-align: left;
    color: #000000;
    margin: 0;
    width: auto;
}

.phone-prefix-filter ul li.search-input-wrapper input[type="checkbox"] {
    appearance: none;
    width: 24px !important;
    height: 24px !important;
    border: 1px solid #000000 !important;
    border-radius: 100px !important;
    position: relative;
}

.phone-prefix-filter ul li.search-input-wrapper input[type="checkbox"]:checked {
    background: #000000;
}

.phone-prefix-filter ul li.search-input-wrapper input[type="checkbox"]:checked:before {
    content: '\2713';
    color: #fff;
    position: absolute;
    top: 0px;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    text-align: center;
}

.phone-prefix-filter ul li.search-input-wrapper input[type="checkbox"]:focus {
    outline: none;
}

.phone-prefix-filter ul li.search-input-wrapper input {
    padding: 5px 12px;
    border-bottom: 1px solid #BFBFBF !important;
    border: none;
    border-radius: 0;
    height: 32px;
}

.phone-prefix-filter ul li.search-input-wrapper select {
    padding: 5px 12px;
    border-bottom: 1px solid #BFBFBF !important;
    border: none;
    border-radius: 0;
    height: 32px;
}

.refresh-btn {
    background: #F0F0F0;
    border: 1px solid #BFBFBF;
    box-shadow: 0px 2px 0px 0px #00000004;
    font-family: 'FreightText Pro Book';
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.02em;
    text-align: center;
    color: #BFBFBF;
    padding: 6px 16px;
    pointer-events: none;
    transition: all ease-in-out 0.2s;
    -webkit-transition: all ease-in-out 0.2s;
    -moz-transition: all ease-in-out 0.2s;
    -ms-transition: all ease-in-out 0.2s;
    -o-transition: all ease-in-out 0.2s;
}

.refresh-btn:hover {
    background: #000000;
    border: 1px solid #000000;
    color: #fff;
}

.phone-prefix-filter ul li .btn-group button:last-child {
    background: #000000;
    border: 1px solid #000000;
    box-shadow: 0px 2px 0px 0px #0000000B;
    font-family: 'FreightText Pro Book';
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.02em;
    text-align: center;
    color: #fff;
    padding: 6px 16px;
    transition: all ease-in-out 0.2s;
    -webkit-transition: all ease-in-out 0.2s;
    -moz-transition: all ease-in-out 0.2s;
    -ms-transition: all ease-in-out 0.2s;
    -o-transition: all ease-in-out 0.2s;
}

.phone-prefix-filter ul li .btn-group button:last-child:hover {
    background: transparent;
    border: 1px solid #000000;
    color: #000000;
}

.phone-prefix-filter ul li .btn-group {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.phone-prefix-filter {
    border-bottom: 1px solid #F0F0F0;
}

.search-section ul li button.search-btn {
    margin-left: -6px;
}


.btn-mini {
    padding: 3px 6px;
}

.customer-button {
    width: 100%;
    text-align: right
}

.date-filter-section {
    overflow: inherit;
    padding: 0px
}

.manager-checkbox-wrapper {
    width: 50%
}

.manager-checkbox-wrapper .control-label {
    font-weight: 400
}

.system-user-search-section ul li input {
    width: 400px
}

.system-user-search-section ul {
    margin: 0px
}

.system-user-search-section {
    margin-bottom: 24px
}

.well .system-user-search-section .add-accent a {
    margin: 0;
}

.manage-service-ul {
    list-style-type: none
}

.manage-service-ul li {
    display: inline-block
}

.btn-primary i {
    vertical-align: baseline
}

.common-back-btn {
    float: right
}

.control-label {
    font-weight: 500;
    color: #222;
    font-family: 'FreightText Pro Book' !important;
    font-size: 16px;
}

.main-custom-button {
    width: 94%;
    margin: 0px;
    font-size: 16px
}

.custom-small-btn {
    background: transparent;
    border: none;
    padding: 0;
    height: max-content;
    min-height: auto;
}

.custom-small-btn i {
    vertical-align: baseline
}

.custom-small-btn:hover,
.custom-small-btn:focus,
.custom-small-btn:active,
.custom-small-btn:visited {
    /* background: #2d2d2d;
    color: #ffffff; */
    border: none;
}

/* .collapse.in {
    height: auto !important;
} */

.icon-remove {
    vertical-align: baseline;
    margin-right: 6px
}

#myModal .modal-title {
    font-weight: 700;
    font-family: inherit;
    font-size: 24px;
}

.thirdwidth li {
    padding: 0px 1.5%;
    margin-bottom: 10px;
    width: 31.333% !important;
    font-size: 13px;
    color: #666;
    border: 1px solid #000000;
    height: 80px;
    margin-left: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    align-items: center;
}

.thirdwidth li label {
    width: 100% !important;
    padding: 0px !important;
    text-align: center !important;
}

.halfwidth li {
    padding: 0px 1.5%;
    margin-bottom: 10px;
    width: 47.7% !important;
    font-size: 13px;
    color: #666;
    border: 1px solid #000000;
    height: auto;
    margin-left: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    align-items: center;
    margin-top: 10px;
}

.halfwidth li label {
    width: auto !important;
    padding: 0px !important;
    text-align: center !important;
    margin-right: 5px;
    margin-bottom: 0px
}

.fullwidth {
    display: table-cell;
    padding: 0px 10px;
    margin-bottom: 10px
}

.fullwidth ul {
    border: 1px solid #000000;
    display: table-cell;
    padding: 10px
}

.halfwidth-service-name p {
    width: 100%
}

.order-action-table-section {
    width: 170px
}

.total-orders {
    text-align: center
}

/* .ng-scope:first-of-type .service-ul:first-of-type {
    margin-top: 40px !important
} */

ul.service-ul {
    position: relative;
    /* padding: 20px 0; */
    width: 100%;
    float: left;
    /* border-bottom: 1px solid #666; */
}

/* ul.service-ul:before {
    content: '';
    width: 1px;
    height: 181px;
    background: #bfbfbf;
    position: absolute;
    left: 48.5%;
    z-index: 99999;
    right: 0;
} */
ul.service-ul li {
    float: none;
    width: 100%;
    /* display: flex; */
    clear: left;
}

ul.service-ul li label {
    float: none;
}

.itmser-list {
    padding-bottom: 24px;
    border-bottom: 1px solid #666;
    margin-bottom: 20px;
}

.itmser-list:last-child {
    border: none;
    padding: 0;
    margin: 0;
}

.service_left_section {
    width: 60%;
    float: left;
    border-right: 1px solid #bfbfbf;
    padding-right: 19px;
}

.service_right_section {
    width: 40%;
    float: left;
    padding-left: 24px;
}

.calender-section .calender {
    margin: 16px
}

.fourlayers .search-input-wrapper input {
    width: 225px
}

/* .item-services-modal-view-heading {
    margin-top: 11px;
    font-size: 22px;
    color: #222;
    margin-bottom: 10px;
    font-family: 'FreightText Pro Book';
    font-weight: bold;
    line-height: 1.7;
} */

.full-table-width-w-black-border {
    width: 93.7% !important;
    border: 1px solid #000000;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 0px !important;
    padding: 10px !important;
}

.width-full {
    width: 90% !important
}

.item-status-form td {
    padding: 10px
}

.item-history-date {
    min-width: 109px;
    margin-top: 8px
}

.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
    background-color: #000000;
    opacity: 0.4
}

/* .btn-primary:hover {
    background-color: ##000000;
} */

.yellow-background {
    background-color: #fbf7e0
}

.red-background {
    background-color: #f9f1f1
}

.content-section {
    text-align: left
}

.modal .no-more-tables table {
    margin-top: 10px
}

.dropdown-menu li>a:hover,
.dropdown-menu li>a:focus,
.dropdown-submenu:hover>a {
    background-color: #000000 !important;
    background-image: none
}

.loadingPop {
    left: 0;
    position: fixed;
    width: 100%;
    background: rgba(256, 256, 256, 0.1) url('../img/loading.gif') center center no-repeat;
    text-align: center;
    height: 100%;
    top: 0px;
    z-index: 99999
}

.loadingPop img {
    display: none;
}

.subtet .relation-plus-icon {
    /* float: left; */
    font-family: 'FreightText Pro Book';
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    text-align: center;
    text-transform: uppercase;
    padding: 1px 16px;
    width: max-content;
    color: #000000;
    background: transparent;
    border: 1px solid #000000;
    text-decoration: none;
    margin-top: 1%;
    cursor: pointer;
}

/* .subtet p {
    margin-bottom: 0px !important;
} */

/* .subtet .order-services {
    margin-top: 10px !important;
    color: #000000;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 6px;
} */

.item-order-section {
    width: 844px;
    float: right
}

.sidebar {
    width: 273px;
    float: left
}

.sidebar .sidebar-checkbox {
    float: left;
    margin: 7px 10px 0 0;
}

.sidebar ul li {
    list-style-type: none;
    font-family: 'FreightText Pro Book';
    font-weight: bold;
}

.sidebar-option {
    float: left;
    width: 89%;
    padding: 7px 10px;
    border: 1px solid #dddddd;
    border-top: none;
    cursor: pointer
}

.sidebar ul li:first-of-type .sidebar-option {
    border-top: 1px solid #dddddd
}

.sidebar-option li {
    display: inline-block;
    vertical-align: middle;
    color: #222;
    font-size: 16px;
}

.sidebar-option li:last-of-type {
    width: 70%;
    padding-left: 10px
}

.inner-sidebar-options {
    width: 100%
}

.inner-sidebar-options ul {
    float: left;
    width: 89%;
    padding: 28px 10px 4px;
}

.inner-sidebar-options li {
    display: block;
    width: 100%;
    margin-bottom: 10px
}

.lb-dataContainer {
    position: absolute !important;
    top: 0px;
    width: 98% !important;
    margin-top: -30px;
}

.lb-data .lb-close {
    transform: scale(2);
    -webkit-transform: scale(2);
    -moz-transition: scale(2);
    -o-transition: scale(2);
}

.small_img p {
    margin-top: 11px;
    text-align: center;
    color: #222;
    font-family: 'FreightText Pro Book';
    font-weight: bold;
}

.relation-plus-icon .icon-plus {
    color: #0088cc
}

.modal-header .close {
    margin-top: 2px;
    font-size: 40px;
    color: #000000;
    opacity: 1;
    font-weight: 100;
    cursor: pointer;
}

.notification-heading ul li a {
    display: inline-block;
    font-size: 16px;
    margin: 0px 7px
}

.dashcostpopup table {
    text-align: left;
    font-size: 13px;
}

span.smallsizer {
    font-size: 10px;
}



/*Reports Section START*/

.report_section {
    /* border: 1px solid #e1e1e1; */
    /* width: 100%; */
    /* max-width: 950px; */
    /* margin: 0 auto; */
    background: #F0F0F0;
    padding: 24px;
    display: flex;
    gap: 48px;
    position: relative;
    margin-top: 24px;
}

.report_section:before {
    content: '';
    width: 1px;
    background: #BFBFBF;
    height: 90%;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
}

.repeat_section,
.total_section {
    /* width: 50%;
    float: left;
    padding: 0px;
    box-sizing: border-box; */
    flex-basis: 50%;
}

/* .repeat_section {
    border-left: 1px solid #e1e1e1
} */

.repeat_section .title,
.total_section .title {
    border-bottom: 1px solid #BFBFBF;
    font-family: #000000;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    text-align: left;
    text-transform: uppercase;
    color: #000000;
    padding-bottom: 24px;
}

.repeat_section .box,
.total_section .box {
    padding: 0px;
}


.repeat_section .box ul,
.total_section .box ul {
    margin: 0px;
    padding-top: 12px;
}

.no-more-tables table .downlaodcsvreport {
    font-size: 16px;
}

.repeat_section .box ul li,
.total_section .box ul li {
    list-style: none;
    padding: 12px 0;
    border-bottom: 0;
    font-family: 'FreightText Pro Book';
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.02em;
    text-align: left;
    color: #000000;
}

.repeat_section .box ul li:last-child,
.total_section .box ul li:last-child {
    border-bottom: none !important;
}

.repeat_section .box ul li span,
.total_section .box ul li span {
    /* float: right; */
    font-weight: 700;
    font-size: 16px;
    padding-left: 5px;
}

.no-more-tables table tbody tr td input,
.no-more-tables table tbody tr td select {
    padding: 5px 12px;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #bfbfbf;
    border-radius: 0;
    height: 32px;
    background: transparent;
}

.no-more-tables table tbody tr td label {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.02em;
    text-align: left;
    color: #000000;
}

/*Reports Section END*/


/*ORder page new edits START*/
.order_page_mid_container .sidebar {
    width: 25%;
    float: left
}

.order_page_mid_container .item-order-section {
    width: 100%;
    float: right;
}

.order_page_mid_container .sidebar-option {
    width: 100%;
    box-sizing: border-box;
}

/*ORder page new edits END*/

/***** Basic Icons ************/
.sidebar .cart-add-icon {
    background: url(../img/cart_grey.png);
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
    background-size: cover;
}

.sidebar .new-orders {
    background: url(../img/cart-add-grey.png);
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
    background-size: cover;
}

.sidebar .ticketed {
    background: url(../img/ticketed_grey.png);
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
    background-size: cover;
    float: left;
}

.sidebar .quoted {
    background: url(../img/quoted.png);
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
    background-size: 90%;
}

.sidebar .internal-query {
    background: url(../img/internal_query_grey.png);
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
    background-size: 90%;
}

.sidebar .approved {
    background: url(../img/approved_grey.png);
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
    background-size: 90%;
}

.sidebar .client-query {
    background: url(../img/client_query_grey.png);
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
    background-size: 90%;
}

.sidebar .decline {
    background: url(../img/decline.png);
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
    background-size: 90%;
}

.sidebar .adjustment-needed {
    background: url(../img/adjustment_needed_grey.png);
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
    background-size: 90%;
}

.sidebar .adjustment {
    background: url(../img/adjuestment_grey.png);
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
    background-size: 90%;
}

.sidebar .completed {
    background: url(../img/completed_grey.png);
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
    background-size: 90%;
}

.sidebar .scheduled-to-return-grey {
    background: url(../img/scheduled_to_return_grey.png);
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
    background-size: 90%;
}

.sidebar .return {
    background: url(../img/return_grey.png);
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
    background-size: 90%;
}

.sidebar .whoops {
    background: url(../img/whoops_grey.png);
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
    background-size: 90%;
}

.sidebar .happy {
    background: url(../img/happy_grey.png);
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
    background-size: 90%;
}

.sidebar .closed {
    background: url(../img/closed_grey.png);
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
    background-size: 90%;
}

.sidebar .move-to-a1 {
    background: url(../img/move-to-a1.png);
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
    background-size: 90%;
}

.sidebar .move-to-a1-wip {
    background: url(../img/move-to-a1-wip.png);
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
    background-size: 90%;
}

.sidebar .move-to-a1-wip-restore {
    background: url(../img/move-to-a1-wip-restore.png);
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
    background-size: 90%;
}

.sidebar .move-to-a1-wip-special-clean {
    background: url(../img/move-to-a1-wip-special-clean.png);
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
    background-size: 90%;
}

.sidebar .move-to-a2 {
    background: url(../img/move-to-a2.png);
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
    background-size: 90%;
}

.sidebar .move-to-a2-wip {
    background: url(../img/move-to-a2-wip.png);
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
    background-size: 90%;
}

.sidebar .move-to-a2-wip-restore {
    background: url(../img/move-to-a2-wip-restore.png);
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
    background-size: 90%;
}

.sidebar .move-to-a2-wip-special-clean {
    background: url(../img/move-to-a2-spl-clean.png);
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
    background-size: 90%;
}

.sidebar .closed {
    background: url(../img/closed_grey.png);
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
    background-size: 90%;
}

.item-order-section .no-more-tables table.table-condensed th,
.no-more-tables table.table-condensed td {
    vertical-align: top;
}

.common-bulb-classes {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: sub;
}

.notification ul li {
    list-style-type: none
}

.notification ul li p {
    display: inline-block;
    width: 100%;
    margin: 0px -12px 0px;
    padding: 0px 0px 0px;
    vertical-align: bottom;
    text-align: right;
    color: #666666;
    font-size: 16px;
}

.notification-pill {
    margin-bottom: 5px;
    position: relative
}

.red-icon+span+.service-status-text {
    color: #000000
}

.yellow-icon+span+.service-status-text {
    color: #dab31e
}

.red-icon+span+.service-status-text:before {
    content: "("
}

.red-icon+span+.service-status-text:after {
    content: ")"
}

.yellow-icon+span+.service-status-text:before {
    content: "("
}

.yellow-icon+span+.service-status-text:after {
    content: ")"
}

.red {
    color: #000000 !important;
}

.notification ul {
    width: 100%
}

.user-icon {
    background: url(../img/support.png);
    background-size: cover;
    width: 32px;
    height: 32px;
    margin: 0 auto;
    margin-bottom: 10px;
}

.greeting-section .dropdown-toggle {
    margin-right: 0px;
    padding-right: 0px
}

.bg_red li p {
    color: red !important
}

.bg_red li label {
    color: red !important
}

/****** End of Basic Icons ******/


.cssdropdown {
    position: relative
}

.cssdropdown.nolabel::before {
    top: 23px;
}

.cssdropdown::before {
    content: '';
    background: url(../img/dropdown-arrow.png);
    background-repeat: no-repeat;
    width: 16px;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    background-position: center;
    right: 10px;
    z-index: 9;
    background-size: 12px;
}

.cssdropdown select {
    -moz-appearance: none;
    /* Firefox */
    -webkit-appearance: none;
    /* Safari and Chrome */
    appearance: none;
}

ul.droplist {
    position: absolute;
    background: #f8f8f8;
    width: 100%;
    left: 0px;
    top: 73px;
    border: 1px solid #e1e1e1;
    max-height: 170px;
    overflow: auto;
    z-index: 999;
}

.cssdropdown.nolabel ul.droplist {
    top: 48px
}

ul.droplist li {
    background: #f8f8f8;
    border-bottom: 1px solid #e1e1e1;
    /*--text-transform: capitalize;--*/
}

ul.droplist li:hover {
    background: #f1f1f1;
}

/*.cssdropdown:hover ul.droplist{display:block!important}
.cssdropdown ul.droplist{display:none!important}*/
/*.cssdropdown input:focus ul.droplist{display:block!important}*/


/****** Active Icons ************/
.sidebar .active .cart-add-icon {
    background: url(../img/cart.png);
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
    background-size: cover;
}

.sidebar .active .new-orders {
    background: url(../img/cart-add-white.png);
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
    background-size: cover;
}

.sidebar .active .ticketed {
    background: url(../img/ticketed_white.png);
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
    background-size: cover;
}

.sidebar .active .quoted {
    background: url(../img/quoted_grey.png);
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
    background-size: 90%;
}

.sidebar .active .internal-query {
    background: url(../img/internal_query_white.png);
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
    background-size: 90%;
}

.sidebar .active .approved {
    background: url(../img/approve-white.png);
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
    background-size: 90%;
}

.sidebar .active .client-query {
    background: url(../img/client_query_white.png);
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
    background-size: 90%;
}

.sidebar .active .decline {
    background: url(../img/decline_white.png);
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
    background-size: 90%;
}

.sidebar .active .adjustment-needed {
    background: url(../img/adjustment_needed_white.png);
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
    background-size: 90%;
}

.sidebar .active .adjustment {
    background: url(../img/adjustment_white.png);
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
    background-size: 90%;
}

.sidebar .active .completed {
    background: url(../img/completed_white.png);
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
    background-size: 90%;
}

.sidebar .active .scheduled-to-return-grey {
    background: url(../img/scheduled_to_return_white.png);
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
    background-size: 90%;
}

.sidebar .active .return {
    background: url(../img/return_white.png);
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
    background-size: 90%;
}

.sidebar .active .whoops {
    background: url(../img/whoops_white.png);
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
    background-size: 90%;
}

.sidebar .active .happy {
    background: url(../img/happy_white.png);
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
    background-size: 90%;
}

.sidebar .active .closed {
    background: url(../img/closed_white.png);
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
    background-size: 90%;
}

.sidebar .active .move-to-a1 {
    background: url(../img/move-to-a1-white.png);
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
    background-size: 90%;
}

.sidebar .active .move-to-a1-wip {
    background: url(../img/move-to-a1-wip-white.png);
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
    background-size: 90%;
}

.sidebar .active .move-to-a1-wip-restore {
    background: url(../img/move-to-a1-wip-restore-white.png);
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
    background-size: 90%;
}

.sidebar .active .move-to-a1-wip-special-clean {
    background: url(../img/move-to-a1-wip-special-clean-white.png);
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
    background-size: 90%;
}

.sidebar .active .move-to-a2 {
    background: url(../img/move-to-a2-white.png);
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
    background-size: 90%;
}

.sidebar .active .move-to-a2-wip {
    background: url(../img/move-to-a2-wip-white.png);
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
    background-size: 90%;
}

.sidebar .active .move-to-a2-wip-restore {
    background: url(../img/move-to-a2-restore-white.png);
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
    background-size: 90%;
}

.sidebar .active .move-to-a2-wip-special-clean {
    background: url(../img/move-to-a2-spl-clean-white.png);
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
    background-size: 90%;
}

/****** End of Active Icons ****/
/********* Calender Section Start ***/
.ui-datepicker {
    border: none !important;
    width: auto !important;
    min-width: 508px;
    box-shadow: 0px 4px 4px 0px #00000026;
}

.ui-widget-header {
    background: #ffffff !important;
    border: none !important;
}

.ui-datepicker-month,
.ui-datepicker-year {
    font-family: 'FreightText Pro Book';
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: center;
    color: #000000;
}

.ui-datepicker-calendar table,
.ui-datepicker-calendar tr,
.ui-datepicker-calendar td,
.ui-datepicker-calendar th {
    background: transparent;
    border: none !important;
    font-family: 'FreightText Pro Book';
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: center;
    padding: 6px 0;
}

.ui-state-disabled span,
.ui-widget-content .ui-state-disabled span,
.ui-widget-header .ui-state-disabled span {
    font-family: 'FreightText Pro Book';
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: center !important;
    color: #666 !important;
}

.ui-datepicker table {
    border: none !important;
    margin: 0px !important;
}

.ui-state-default:hover,
.ui-widget-content .ui-state-default:hover,
.ui-widget-header .ui-state-default:hover {
    color: #000000;
}

.ui-datepicker .ui-datepicker-title {
    margin-bottom: 24px;
}

.ui-datepicker-calendar td a,
.ui-state-default {
    border: none !important;
    background: #ffffff !important;
    text-align: center
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    font-weight: normal;
    color: #fff !important;
    background: #000000 !important;
    text-align: center;
    border-radius: 100px;
    height: 56px;
    max-width: 56px;
    line-height: 50px;
}

.ui-datepicker td span,
.ui-datepicker td a {
    text-align: center !important;
}

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

/********* Calender Section Start ***/
.sidebar .active .sidebar-option {
    background: #000000;
}

.sidebar .active .sidebar-option li {
    color: #ffffff
}

.custom-add-button {
    width: 100%;
    text-align: right
}

.notification-text .notification {
    width: 60%;
    text-align: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
}

.filter-button {
    display: none
}

.lb-data .lb-close {
    background: url(../img/multiply.png) !important;
    background-size: cover !important;
    margin: 16px;
    width: 20px;
    height: 20px;
}

.notification-and-content-section .relation-plus-icon {
    margin-top: 30px !important
}

.job-search-section .modal-body {
    padding-top: 0px
}

.jobdetailpage .itemdetailbox {
    margin-top: 30px
}

.clients-list-table td {}

.clients-list-table .custom-small-btn {
    margin-top: 0px
}

.custom-add-btn-system-user {
    width: 100%
}

.main_title,
legend {
    position: relative
}

.main_title .relation-plus-icon {
    line-height: 23px;
    margin-top: 5px;
    margin-bottom: 16px;
    position: absolute;
    right: 0
}

.main_title .relation-plus-icon b {
    font-weight: bold !important;
}

legend .relation-plus-icon {
    position: absolute;
    right: 0
}

.order-detail-button-group {
    text-align: center
}

.edit-order-item-button {
    text-align: center;
    margin: 30px 0px
}

.hero-images img {
    max-height: 150px;
    width: 100%
}

/* .greeting-section {
    float: right;
    text-align: right;
    width: 17%
} */

.service-ul li {
    margin-bottom: 0px !important
}

.form-signin {
    max-width: 330px;
    padding: 0;
    margin: 0 auto 24px;
    background-color: #fff;
    /* border: 1px solid #e5e5e5; */
    /* -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05); */
    text-align: center
}

.form-signin label {
    font-family: 'FreightText Pro Book';
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.02em;
    text-align: left;
    color: #000000;
}

/* .form-signin .form-signin-heading,
.form-signin .checkbox {
    margin-bottom: 10px;
} */
.page-header-title {
    margin-bottom: 20px;
}

.form-signin .form-signin-heading {
    margin-bottom: 4px;
    margin-top: 20px;
    font-family: '#000000' !important;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: center;
    color: #000000;
}

.form-signin input[type="text"],
.form-signin input[type="password"] {
    height: auto;
    margin-bottom: 24px;
    padding: 10px 12px;
    font-family: inherit;
    border-bottom: 1px solid #BFBFBF !important;
    border: none;
    border-radius: 0;
    font-family: 'FreightText Pro Book' !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.02em;
    text-align: left;
}

.form-signin .checkbox {
    font-family: 'FreightText Pro Book';
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.02em;
    text-align: left;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 24px;
}

.form-signin .checkbox input[type="checkbox"] {
    width: 24px !important;
    height: 24px !important;
    appearance: none;
    background-clip: content-box;
    border: 1px solid #000000;
    border-radius: 100px;
    position: relative;
    margin-top: 0;
}

.form-signin .checkbox input[type="checkbox"]:checked {
    background: #000000;
}

.form-signin .checkbox input[type="checkbox"]:focus {
    outline: none;
}

.form-signin .checkbox input[type="checkbox"]:checked:before {
    content: '\2713';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    text-align: center;
    color: #fff;
}

.form-signin .btn-primary {
    width: 156px;
}

.form-signin .center-btns {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 19px;
}

.checkbox {
    text-align: left
}

.mean-header {
    padding: 16px 24px;
    box-shadow: 1px 1px 4px 0px #00000029;
    background: #fff;
    border-bottom: 1px solid #F0F0F0;
    margin-bottom: 50px;
}

.loginlogo-wrapper {
    text-align: center;
    margin: 0;
    padding: 0;
}

.form-signin span#captcha-img {
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
    max-width: 265px;
    box-sizing: border-box;
    margin: 0 auto;
}

.form-signin-heading {
    font-size: 22px;
    font-weight: bold;
    font-family: 'FreightText Pro Book' !important;
    color: #222;
    text-transform: uppercase;
    letter-spacing: 3px;
}

.form-horizontal .control-label {
    text-align: left;
    font-weight: bold;
    line-height: 1.7;
    padding-top: 7px;
    font-family: 'FreightText Pro Book' !important;
    font-size: 16px;
}

.ul-status-content li div {
    display: table-cell !important
}

.itemviewbox .ul-status-content li .small_img {
    float: left
}

.greeting-section .dropdown-menu li>a {
    text-align: center;
    font-weight: 300;
    padding: 8px 10px;
    border-bottom: 1px solid #e1e1e1;
    line-height: 16px;
    width: 100%;
    box-sizing: border-box;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
}

.greeting-section .dropdown-menu {
    top: 100%;
    left: 18%;
    position: absolute;
}

.service-x {
    color: #000000 !important;
    font-size: 24px !important;
}

.subtet .service-x {
    color: #000000 !important;
    font-size: 24px !important;
}

.item-describe {
    /* width: 50%; */
    /* float: right; */
    /* padding-right: 10px; */
    margin: 0;
}

.rotate {
    position: absolute;
    bottom: 27px !important;
    right: 6% !important;
    background: url(../img/refresh.png) !important;
    height: 48px;
    width: 48px;
    background-repeat: no-repeat !important;
    margin: -24px;
    background-repeat: no-repeat !important;
    background-position: 50% !important;
    text-decoration: none !important
}

.order-detail-rotate {
    bottom: auto !important;
    right: auto !important;
    background: #000000 url(../img/refresh.png) !important;
    background-size: cover;
    margin: 0px;
    height: 30px;
    width: 30px;
    border-radius: 6px;
    background-size: 80% !important;
    background-repeat: no-repeat !important;
    background-position: 50% !important;
}

.edit-order-item {
    position: absolute;
    bottom: auto !important;
    right: auto !important;
    background: #000000 url(../img/refresh.png) !important;
    background-size: cover !important;
    margin: 42px 7px;
    height: 30px;
    width: 30px;
    border-radius: 6px;
    background-size: 80% !important;
    background-repeat: no-repeat !important;
    background-position: 50% !important;
}

.hero-image-remove {
    position: absolute;
    bottom: auto !important;
    right: auto !important;
    background: #000000 !important;
    background-size: cover !important;
    margin: 0px 7px;
    height: 30px;
    width: 30px;
    border-radius: 6px;
    text-decoration: none !important
}

.hero-image-remove span {
    line-height: 30px;
    font-size: 20px;
    padding-left: 9px;
    color: #ffffff
}

.notification-section .pagination {
    margin-top: 30px !important
}

/************ PAYMENT SECTION CSS **************/
.payment-section {
    width: 50%;
    height: auto;
    float: left;
    background: #000000;
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    padding: 20px 20px 20px;
    border-radius: 5px;
    margin-bottom: 59px
}

.payment-section .pay-amount-section div input {
    display: inline-block;
    margin-top: 0px;
    vertical-align: inherit
}

.payment-section .pay-amount-section div label {
    display: inline-block;
    margin-bottom: 0px;
    vertical-align: inherit;
    margin-left: 2px
}

.payment-section .pay-amount-section div a {
    display: inline-block;
    margin-bottom: 0px;
    text-decoration: underline
}

.payment-apply-coupon-textbox {
    padding: 5px;
    text-align: center;
    color: #ffffff
}

.payment-apply-coupon-textbox a {
    color: #ffffff !important
}

.payment-apply-coupon-textbox input {
    width: 88%
}

.ptype-div:hover {
    background: #da2933
}

.ptype-div:hover label {
    background: #da2933;
    margin-left: 2px
}

.p-active {
    background: #da2933
}

.p-active label {
    margin-left: 2px
}

.payment-type-wrapper {
    width: 68%
}

.payment-type-wrapper h3 {
    color: #ffffff
}

.pay-amount-section {
    width: 100%;
    display: inline-block;
    overflow: hidden;
    vertical-align: top;
    border-radius: 5px;
}

.pay-amount-section div {
    padding: 20px;
    color: #ffffff;
    background: #e93640;
    width: 49%;
    display: inline-block;
    box-sizing: border-box;
}

.payment-type-wrapper {
    width: 100%;
    display: inline-block;
    float: right
}

.payment-option-wrapper {
    display: inline-block;
    width: 45%;
    float: right;
}

.payment-order-detail {
    border-left: 3px solid #000000;
    padding: 10px;
    color: #ffffff;
    margin-bottom: 10px;
    background: #ea3842;
    transition: 0.5s
}

.payment-order-detail:hover {
    border-left: 3px solid #000000;
    padding: 10px 10px 10px 13px;
    color: #000000;
    background: #ffffff;
    margin-bottom: 10px;
    transition: 0.5s
}

.payment-order-detail p {
    display: inline-block;
    font-weight: 500;
    margin-bottom: 0px !important;
    padding-top: 5px;
    padding-bottom: 5px
}

.pay-row .card-section {
    width: 53%;
    height: auto;
    float: left;
    background: #616161;
    position: relative;
    display: block !important;
    box-sizing: border-box;
    padding: 0 20px 20px;
    border-radius: 5px;
    margin-bottom: 30px;
}

.payment-order-detail p:last-of-type {
    float: right
}

.paypal-section .main-sub-heading {
    color: #000 !important
}

.pay-paypal {
    display: inline-block;
    text-decoration: none;
    padding: 16px 40px;
    border-radius: 5px;
    margin: 0px 16px;
    color: #ffffff !important;
    border: none;
    margin-top: 30px
}

.payment-apply-coupon {
    color: #000;
    margin-top: 20px;
    font-weight: 500;
    text-align: center;
    cursor: pointer;
    margin-bottom: 20px
}

.payment-apply-coupon:hover {
    text-decoration: underline
}


.btn-primary:focus {
    background: #000000;
    color: #fff;
}

.pay-row {
    width: 100% !important;
    height: auto;
    float: left;
    overflow: hidden;
    text-align: center;
    padding: 11px 0;
}

.pay-row .card-section {
    width: 92% !important;
    display: inline-block !important;
    float: none;
}

.pay-container {
    width: 100% !important;
    margin: 0 auto;
}

.paymentmain-section {
    width: 100% !important
}

.select-payment-option {
    margin: 30px 0px
}

.paynew-form .cvv-form {
    width: 33%;
    height: auto;
    float: right;
    margin-top: 0;
    position: relative;
}

.paynew-form .cardno-form {
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 20px;
}

.paynew-form {
    max-width: 332px;
    height: auto;
    float: inherit !important;
    background: #f8f8f8;
    margin-top: 0px;
    margin-bottom: 25px;
    padding: 10px 0px;
    box-sizing: border-box;
    border-radius: 5px;
    border: solid 5px #d1cfcf;
    margin: 0 auto !important;
}

.image-to-upload {
    position: relative;
    border: 1px dashed #000000 !important;
    transition: all 0.3s linear;
    min-height: 110px;
    width: 100%;
    max-width: 155px;
    float: left;
    margin-top: 16px;
    display: flex;
    justify-content: space-between;
    width: 100%;
    flex-direction: column;
}

.image-to-upload .custom-file-upload {
     
    height: 95px; /* Set the height you want */
    background: url(../../img/upload.svg) no-repeat center center;
    background-size: 30%;
    display: inline-block;
    cursor: pointer;
    color: white; /* Text color */
    filter: invert(1);
}

.image-to-upload input[type="file"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100% !important;
    min-height: 100%;
    opacity: 0;
    cursor: pointer;
}

.image-to-upload .text {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    /* position: absolute; */
    position: relative;
}

.image-to-upload .text img {
    width: 90%;
}

.pay-heading img {
    height: 40px !important;
    margin-bottom: 12px !important;
}

.pay-heading p {
    font-size: 21px;
    font-weight: 500;
    color: #000;
    vertical-align: sub;
    max-width: 500px;
    margin: 0 auto;
    line-height: 36px;
}

/* .nav-tabs .dropdown-menu {
    position: relative;
    box-shadow: none !important;
    border: none !important;
    margin-bottom: 20px !important;
} */

.dropdown-menu {
    position: relative;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 0px 0;
    list-style: none;
    background-color: #ffffff;
    margin-bottom: 20px !important;
    border: none;
    box-shadow: none;
    /* border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px; */
    /* -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); */
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

a.decline-reason {
    display: inline-block;
    width: 94%;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 6px;
    text-decoration: underline;
    font-size: 13px !important;
    font-weight: normal !important;
    text-transform: uppercase;
}

.update_payment_page .select-payment-option {
    text-align: center;
    margin-bottom: 25px;
}

.update_payment_page .select-payment-option h2 {
    color: #000000;
    text-align: center;
    padding-bottom: 0px;
    margin-bottom: 0px;
    font-size: 23px;
    font-weight: normal;
    line-height: 25px;
}

.update_payment_page .payment-section {
    width: 100%;
    margin: 0 auto;
    background: #fff;
    padding: 0px;
    max-width: 450px;
    float: none;
    display: block;
    margin-bottom: 40px;
}

.update_payment_page .payment-option-wrapper {
    width: 100%;
    margin: 0 auto;
    margin-top: 30px;
}

.quote_page_indivual .update_payment_page .pay-amount-section div,
.quote_page_indivual .update_payment_page .payment-order-detail {
    background: #fff;
    border: 0px;
}

.quote_page_indivual .update_payment_page .pay-amount-section div,
.quote_page_indivual .update_payment_page .payment-order-detail,
.update_payment_page .pay-amount-section div {
    color: #000000;
}

.quote_page_indivual .update_payment_page .payment-order-detail:hover p,
.quote_page_indivual .update_payment_page .payment-order-detail p {
    color: #000000
}

.update_payment_page .payment-section .pay-amount-section div:hover label {
    background: #fff
}

.update_payment_page .pay-amount-section div:hover label {
    background: #fff
}

.update_payment_page .payment-type-wrapper h3,
.update_payment_page .pay-row .main-sub-heading {
    color: #000000;
    text-align: center;
    border-bottom: 1px solid #000;
    padding-bottom: 10px;
    margin-bottom: 5px;
    font-size: 23px;
    font-weight: normal;
}

.update_payment_page .pay-row .main-sub-heading {
    border: 0px;
}

.quote_page_indivual .update_payment_page .payment-order-detail p {
    padding: 0px;
    font-size: 16px;
    color: #000000;
    text-transform: uppercase;
    line-height: 1.7;
}

.quote_page_indivual .update_payment_page .payment-order-detail p strong {
    font-weight: 600;
    font-size: 16px;
    color: #000000
}

.quote_page_indivual .update_payment_page .payment-order-detail {
    border-bottom: 1px solid #e6e6e6;
    padding: 7px;
    margin-bottom: 0px;
}

.update_payment_page .pay-row .card-section {
    background: #efefef;
    padding: 10px 16px 20px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
    margin: 0;
}

.payment-section .pay-amount-section div label {
    font-size: 16px;
    font-weight: normal;
    text-transform: uppercase;
}

.update_payment_page .pay-carddiv {
    background: #f7f7f7;
    color: #000000
}

.update_payment_page .pay-carddiv label {
    color: #000000;
    font-size: 12px;
    font-weight: 600;
}

.update_payment_page .paymentmain-section {
    max-width: 450px;
    max-width: 450px;
    margin: 0 auto;
    float: none;
}

.quote_page_indivual .update_payment_page .pay-now-button-wrapper a.pay-now-button,
.update_payment_page .paynew-form .addform-buttons input.pay-now-btn,
.update_payment_page .paynew-form .addform-buttons a.registered-card,
.quote_page_indivual .update_payment_page .pay-paypal {
    text-transform: uppercase;
    color: #ffffff;
    background: #000000;
    padding: 16px 0px;
    margin-right: 20px;
    border: none;
    font-weight: 400;
    font-family: inherit;
    letter-spacing: 2px;
    margin-top: 30px;
    display: inline-block;
    border-radius: 0px;
    font-size: 13px;
    text-shadow: none;
    width: 47.5%;
    color: #fff !important;
    margin: 0px;
    margin-right: 5%;
    float: left;
    height: auto !important;
    line-height: 18px;
}

.update_payment_page .ptype-div {
    text-align: center;
    padding: 0px;
}

.update_payment_page .pay-amount-section {
    width: 80%;
    margin: 0 auto;
    float: none;
    display: block;
    margin-bottom: 30px;
}

.update_payment_page .paynew-form .addform-buttons a.registered-card {
    margin: 0px;
    float: right;
    text-align: center;
}

.quote_page_indivual .update_payment_page b {
    color: #999;
}

.paynew-form .cvv-form .cvvexample {
    background: #f5f5f5;
    padding: 9px 16px 10px;
    right: 1px;
    bottom: 1px;
}

.quote_page_indivual .update_payment_page .pay-now-button-wrapper a.pay-now-button+a.pay-now-button {
    margin-right: 0px;
}

.quote_page_indivual .update_payment_page .pay-carddiv {
    border: 1px solid #e6e6e6;
    padding: 0px 10px;
    border-radius: 5px;
    margin-bottom: -1px;
}

.update_payment_page .paynew-form {
    border: 0px;
    background: #fff;
    padding: 20px;
}

.update_payment_page .paynew-form label {
    font-size: 22px;
    color: #222;
    font-weight: 600;
    line-height: 1.7;
}

.update_payment_page .paynew-form input,
.update_payment_page .paynew-form select {
    border-width: 1px;
    height: 35px;
    border-radius: 0px;
}

.update_payment_page .paynew-form .cardno-form {
    margin-bottom: 12px;
}

.quote_page_indivual .update_payment_page .pay-paypal {
    float: none;
    margin: 0px;
    margin-top: 20px !important;
}

.update_payment_page .paynew-form #card-element {
    float: left;
    width: 100%;
    box-sizing: border-box;
    height: auto;
    padding: 17px 10px;
    box-shadow: none;
    border: solid 1px #e4e3e3;
}

.update_payment_page .paynew-form .StripeElement--invalid {
    border-color: #000000 !important;
}

.update_payment_page .paynew-form .addcardbutton {
    width: 100%;
    height: auto;
    float: left;
    text-align: left;
    margin: 10px 0 0;
}

.update_payment_page .paynew-form .addcardbutton .add-now-btn {
    background: #000000;
    display: inline-block;
    color: #fff;
    text-decoration: none;
    padding: 16px 10px;
    border-radius: 5px;
    text-transform: uppercase;
    width: 42%;
    text-align: center;
    border: none;
}

.update_payment_page .paynew-form .addcardbutton button.add-now-btn {
    font: 12px "Montserrat";
    line-height: 21px;
    letter-spacing: 1.5px;
}


.update_payment_page .paynew-form .addcardbutton .floatright {
    float: right;
}

.update_payment_page .paynew-form #card-errors {
    width: 100%;
    float: left;
    margin: 9px 0 0;
}


.clinet-heightrow .clientquote-form .error .control-label {
    color: #222;
}

.qoutetimings {
    margin: 33px 0 0;
    display: block;
    clear: left;
}

.itemviewbox .jsrbtn {
    position: absolute;
    float: right;
    right: -10px;
    top: 7px;
    font-weight: bold !important;
}

.itemviewbox .jsreasonbtn {
    position: absolute;
    float: right;
    right: -18px;
    top: 8px;
}

.manageitembox .jsrbtn {
    position: absolute;
    font-weight: bold !important;
}


.inputinlabel {
    position: relative
}

.inputinlabel span {
    position: absolute;
    left: 16px;
    color: #000000;
    line-height: 32px;
    bottom: -2px;
}

.inputinlabel input {
    width: 98% !important;
    padding-left: 180px !important;
}



/*Changes As On 4-June-2020 by manish*/
.not_permited {
    text-align: center;
    margin-top: 100px;
    font-size: 25px;
    text-transform: uppercase;
}

.not_permited::before {
    content: '';
    background: url(../img/not-permitted.png) no-repeat;
    width: 233px;
    height: 216px;
    display: block;
    margin: 0 auto;
    margin-bottom: 25px;
}

.navbar .greeting-section .dropdown-toggle {
    max-width: 100%;
    overflow: hidden;
    position: relative;
    padding-right: 0px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.7;
}

.navbar .greeting-section .dropdown-toggle img {
    margin-right: 5px;
    width: 32px;
    height: 32px;
    border-radius: 100%;
}

.navbar .greeting-section .dropdown-toggle .icon-down {
    position: relative;
    right: 0px;
    background-color: #fff;
    padding-left: 5px;
    border-left: 5px solid #fff;
    margin-top: 4px;
}

.pagination_div {
    padding-right: 16px;
}




.update_status_btn {
    vertical-align: top !important;
    padding-top: 34px !important;
    height: auto !important;
}



/*Changes As On 4-June-2020 by manish*/

.send_cor_btn {
    margin-top: 10px !important;
}

.custom-small-btn {
    vertical-align: top
}

#lightbox .lb-data .lb-close {
    transform: initial;
}

.discp-area-new {
    width: 90%;
    margin: 0 auto !important;
    float: none;
    margin-bottom: 25px !important;
    line-height: 21px;
    font-size: 16px;
    color: #777;
    letter-spacing: normal;
    border-bottom: 1px solid #e1e1e1;
}

.discp-area-new span {
    letter-spacing: normal;
    color: #000;
    display: block;
    padding-bottom: 10px;
    cursor: pointer;
}

.discp-area-new span:hover {
    color: #000000
}

.pending-icon {
    width: 48%;
    margin-top: 10px;
    background: url(../img/pending-icon.png) #000000 10px 9px no-repeat !important;
    padding: 10px 10px 10px 37px !important;
    color: #fff;
}

.risk-ul {
    background: #fff !important;
}

.risk-ul .parent-label {
    font-weight: normal;
    font-family: 'Merriweather', serif !important;
    color: #000000 !important;
}

.risk-ul .parentservice-ul li {
    list-style: none !important;
}

.risk-ulmarg .risk-ul {
    margin-left: 0 !important;
}

.service-risk {
    width: 52%;
    height: auto;
    float: right;
    background: #fff;
}

.service-risk-inner {
    width: 100%;
    height: 250px;
    overflow: scroll;
    overflow-x: hidden;
    border: 1px solid #ddd !important;
    padding: 0 5px;
    border-radius: 3px;
}

.service-risk-inner table tr {
    border-bottom: 1px solid #f7f5f5 !important;
}

.service-risk-inner table tr td {
    border: none !important;
    padding: 6px !important;
}

.service-risk .parent-label {
    font-weight: normal;
    font-family: 'Merriweather', serif !important;
    color: #000000 !important;
}

.service-risk label {
    margin-bottom: 0 !important;
}

.service-risk input[type="checkbox"] {
    margin: 4px 0 0 5px !important;
}

.serv-risk {
    padding: 10px 10px 32px 10px !important;
    border: none !important;
}

.famcom_drop {
    border: 2px solid #e1e1e1;
    border-radius: 4px;
    font-family: 'Merriweather', serif !important;
    color: #000000;
    text-transform: none;
    margin: 0;
    font-weight: normal;
}

.hero-service {
    width: 48%;
    float: left !important;
    padding: 0 1%;
}

.hero-service .control-group.halfform {
    width: 320px;
}

.hero-service label {
    width: 100% !important;
}

.hero-service .controls {
    margin-left: 0 !important;
    float: left !important;
}

.hero-service .controls ul {
    border: solid 1px #c9c9c9 !important;
    padding: 0;
    margin-bottom: 10px !important;
    max-height: 155px;
    overflow: auto;
}

.hero-service .controls ul li {
    padding: 9px 65px 9px 10px;
    position: relative;
    line-height: 20px;
    font-size: 16px;
    border-bottom: 1px solid #c9c9c9 !important;
    list-style: none !important;
}

.hero-service .controls ul li:last-child {
    border-bottom: none !important;
}

.hero-service .controls ul li a {
    position: absolute;
    right: 36px;
    top: 2px;
}

.delete-img {
    right: 11px !important;
}

a.here-add-more {
    background: #000000;
    padding: 7px 29px;
    text-decoration: none;
    text-align: center;
    color: #fff;
    display: inline-block;
    line-height: 28px;
}

a.here-add-more:hover {
    background: #000000;
}

.bottom-dpntservices {
    width: 100%;
    float: left;
    border-top: solid 1px #f0f0f0;
    padding: 25px 0 0;
    margin: 10px 0 0;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}

.bottom-dpntservices-main {
    width: 100%;
    float: left;
    padding-left: 0%;
}

.bottom-dpntservices-ul {
    margin-left: 180px !important;
    max-height: 125px;
    overflow: auto;
}

.bottom-dpntservices-ul li {
    width: auto;
    float: left;
    list-style: none;
    border: solid 1px #d2d2d2;
    padding: 8px 8px;
    margin-right: 4px;
    margin-bottom: 5px;
    background: #fff;
}

.indepent-service-popup {
    padding: 25px;
}

.indepent-service-popup .form-actions {
    text-align: center;
    background: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.indepent-service-popup a.btn.btn-primary {
    padding: 12px 45px !important;
}

.bottom-dpntservices .dropdown {
    width: 100%;
    float: left;
}

.bottom-dpntservices .dropdown .dropdown-menu .btn-link {
    border: #000000 solid 1px;
    color: #000000;
    padding: 5px 12px;
    margin: 10px 0px 10px 11px;
    font-family: 'Europa' !important;
}

.bottom-dpntservices .dropdown .dropdown-menu .btn-link .icon-remove {
    position: relative;
    top: 2px;
    margin: 0;
}

.bottom-dpntservices .dropdown .dropdown-menu li a {
    padding: 7px 10px !important;
}

.bottom-dpntservices .dropdown .dropdown-menu li a i {
    margin-right: 5px;
}

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

    .servicescurrencyprice label,
    .servicescurrencyprice input {
        width: 100%
    }
}

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

    .item-status-form td {
        height: 60px
    }

    .item-status-form .halfform .controls textarea {
        width: 98% !important
    }
}

/************ PAYMENT SECTION CSS **************/
/*********** CHROME SPECIFIC CSS **************/
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
    .hero-images {
        position: relative;
    }

    .hero-images a {
        left: 100%;
        top: 0px
    }
}

/*********** CHROME SPECIFIC CSS **************/
@media only screen and (max-width:1288px) {
    /*.top-nav {width: 59%;}*/
}

@media only screen and (max-width:1266px) {
    .sidebar {
        width: 209px;
        float: left;
    }
}

@media only screen and (max-width:1245px) {
    .fourlayers .search-input-wrapper input {
        width: 162px;
    }

    .pay-amount-section {
        width: 35%;
    }
}

@media only screen and (max-width:1232px) {
    /*.top-nav {width: 58%;}*/
}

@media only screen and (max-width:1199px) {
    .search-section ul li {
        display: inline-block;
    }

    .drp_down_btn ul li {
        display: block !important;
    }

    .search-section ul li input {
        width: 174px;
    }

    .search-section ul li select {
        width: 174px;
    }

    .sidebar {
        width: 20%
    }

    .item-order-section {
        width: 75%
    }

    .nav-tabs.nav-stacked>li>a {
        /* padding: 0px 3px 5px; */
        /* font-size: 13px; */
    }

    /*.top-nav {    width: 61%;}*/
    .navbar .nav>li {
        vertical-align: top
    }

    .clients-list-table .custom-small-btn {
        padding: 5px 8px;
    }

    li.drp_down_btn button {
        min-width: 351px !important;
        font-weight: normal !important;
        color: #000000 !important;
        font-size: 16px !important;
        text-transform: capitalize;
        font-family: 'Merriweather', serif !important;
    }

    .dropdown-menu-ul-stages {
        width: 353px !important;
    }
}

@media only screen and (max-width:1182px) {
    .fourlayers .search-input-wrapper input {
        width: 151px;
    }

    /*.top-nav {width: 57%;}*/
}


@media only screen and (max-width:1135px) {
    .fourlayers .search-input-wrapper input {
        width: 138px;
    }
}

@media only screen and (max-width:1132px) {
    /*.top-nav {width: 56%;}*/
}

@media only screen and (max-width:1104px) {
    .modal-footer {
        text-align: left
    }

    .nav-tabs.nav-stacked>li>a {
        /* font-size: 12px; */
        width: 100%
    }
}

@media only screen and (max-width:1093px) {
    .itemviewbox ul li .subtet {
        margin-top: 30px;

    }
}

@media only screen and (max-width:1089px) {
    /*.top-nav {width: 55%;}*/
}

@media only screen and (max-width:1081px) {
    .fourlayers .search-input-wrapper input {
        width: 171px;
    }
}

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

    /*.top-nav {width:60%;}*/
    .itemviewbox ul li .subtet {
        width: 100%;
    }

    .notification ul {
        width: 100%;
        padding: 16px 16px;
        text-align: right;
    }

    .width-full select {
        width: 97%
    }

    /* .nav-tabs.nav-stacked>li>a {
        padding: 0px 3px;
        letter-spacing: 1px;
    } */

    .iconn-section>div {
        width: 65%;
        display: inline;
        float: none;
    }

    .pie-chart-section {
        width: 34% !important;
        float: none;
    }

    .payment-section {
        width: 100%;
        margin-bottom: 30px
    }

    .payment-option-wrapper {
        width: 100%
    }

    /* .top-nav {
        width: 73%;
    } */


}

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

    .notification-text .notification {
        width: 70%;
    }

    .relation-plus-icon.jsreasonbtn {
        position: static;
        float: left;
        top: 0;
        right: 0px;
        margin: 0px;
        display: block;
        width: 100%;
    }

    /*ORder page new edits START*/
    .order_page_mid_container .item-order-section {
        width: 100%;
        float: right
    }

    .order_page_mid_container .sidebar-option {
        width: 100%;
        box-sizing: border-box;
    }

    .order_page_mid_container .sidebar {
        width: 0px;
        float: left;
        position: absolute;
        z-index: 1000;
        background-color: #ffffff;
        left: 0px;
        overflow: hidden;
        transition: 1s;
        box-shadow: 1px 4px 10px rgba(0, 0, 0, 0.2);
    }

    .permission-body .sidebar {
        width: 25% !important;
        position: relative !important;
        box-shadow: none !important;
    }

    .permission-body .item-order-section {
        width: 73% !important;
    }


    .button-groups {
        display: flex;
        flex-wrap: wrap-reverse;
        justify-content: end;
    }

    .filter-button {
        display: none !important
    }

    .sidebar-option {
        width: 207px;
        cursor: pointer
    }

    /*ORder page new edits END*/

    .alterservice {
        width: 70% !important;
    }

    .riskservice {
        width: 80% !important;
    }

    .reason-text {
        text-align: right !important;
        position: absolute !important;
        top: 16px !important;
    }

    .re-endable-text {
        text-align: right !important;
        position: absolute !important;
        top: 8px !important;
    }

    .pending-icon {
        float: left;
    }

    .service-risk .parent-label {}

    .risk-ul .parent-label {
        font-size: 16px;
        width: 80% !important;
    }

}

@media only screen and (max-width:1010px) {
    .fourlayers .search-input-wrapper input {
        width: 80px;
    }

}

@media only screen and (max-width:999px) {
    .home-pagination:last-child {
        display: none
    }

    .home-pagination:first-child {
        display: block
    }
}

@media only screen and (max-width:992px) {
    .search-section ul li input {
        width: 157px;
    }

    .search-section ul li select {
        width: 157px;
    }

    .navbar .btn.dropdown-toggle {
        float: inherit;
    }
}

@media only screen and (max-width:985px) {
    .search-section ul li input {
        width: 180px;
    }

    .top-nav {
        height: auto
    }

    .main-menu li a i {
        display: inline-block;
        vertical-align: middle;
    }

    .main-menu li {
        margin: 10px 0px
    }
}

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

    .navbar .btn,
    .navbar .btn-group {
        margin-top: auto;
    }

    /* .nav-tabs.nav-stacked>li>a {
        font-size: 13px;
    } */

    .navbar .nav {
        text-align: left
    }

    .spriteicon {
        display: none !important
    }

    .user-icon {
        display: none !important
    }

    .well {
        min-height: 0px !important
    }
}

@media only screen and (max-width:978px) {
    .system-user-search-section {
        margin-bottom: 30px;
        margin-top: 12px;
    }
    .search-order-form .system-user-search-section {
        margin-top: 0px;
    }

}

@media only screen and (max-width:916px) {
    .search-section ul li input {
        width: 180px;
    }

    .iconn-section>div {
        width: 100%;
        display: block;
        float: none;
    }

    .pie-chart-section {
        width: 100% !important;
        float: none;
    }
}

@media only screen and (max-width:850px) {
    .jobdetailpage ul li {
        float: left;
        margin-bottom: 20px;
        color: #000;
        font-size: 16px;
        font-weight: 300;
        width: 100%;
    }

    .jobdetailpage ul li label {
        width: 50%;
        text-align: right;
    }

    .jobdetailpage .itemdetailbox .item-describe {
        width: 50%;
        float: right;
        text-align: left
    }

    .jobdetailpage .btn {
        margin: 5px 5px !important;
    }

    .itemdetailbox {
        padding-top: 30px;
    }

    .itemdetailbox>p {
        float: none !important;
        margin: 10px auto;
        text-align: center;
        padding: 0px;
    }

    .fourlayers .search-input-wrapper input {
        width: 75px;
    }

    .search-section ul li input {
        width: 100px;
    }

    .search-section ul li select {
        width: 100px;
    }

    /* .top-nav {
        width: 100%; 
    } */

    .rotate {
        position: relative;
        float: left
    }

    .scandetail.jobdetailpage ul li label {
        padding-right: 0px;
    }

    .item-describe {
        width: 60%;
        float: right;
        text-align: left
    }

    legend .relation-plus-icon {
        position: relative;
    }

    .relation-plus-icon {
        margin: 10px auto 16px !important;
    }

    .hero-images img {
        width: 100%;
        max-height: 100%;
    }

    .edit-order-item {
        position: absolute;
        bottom: auto !important;
        right: auto !important;
        background: #000000 url(../img/refresh.png) !important;
        background-size: cover !important;
        margin: 0px 10px 0px;
        height: 30px;
        width: 30px;
        border-radius: 6px;
    }

    .hero-image-remove {
        position: relative;
        bottom: auto !important;
        right: auto !important;
        background: #000000 !important;
        background-size: cover !important;
        margin: 0px 7px;
        height: 30px;
        width: 30px;
        border-radius: 6px;
        float: left;
    }

    .hero-img-label {
        padding-top: 30px
    }

    .add-servie-hero {
        margin: -20px 0 0 0 !important;
    }

}

@media only screen and (max-width: 800px) {
    .update_status_btn {
        min-height: 116px !important;
    }

    .log_xero_div {
        width: 100%;
    }

    body {
        border: 0px solid #000;
    }

    .table-bordered th,
    .table-bordered td {
        border-left: transparent;
        background: transparent;
        min-height: 40px;
        padding: 12px;
        display: flex !important;
        flex-wrap: wrap;
        align-items: center;
        align-content: center;
        height: 100%;
        font-size: 16px;
    }

    /* Force table to not be like tables anymore */
    .no-more-tables table,
    .no-more-tables thead,
    .no-more-tables tbody,
    .no-more-tables th,
    .no-more-tables td,
    .no-more-tables tr {
        display: block;
    }

    .no-more-tables thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .no-more-tables tr {
        border: 1px solid #ccc;
    }

    .no-more-tables td {
        word-break: break-all;
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        /* padding-left: 50% !important; */
        white-space: normal;
        text-align: left;
    }

    .no-more-tables td.from-center {
        text-align: center !important;
        padding-left: 0 !important;
        display: block !important;
        padding-right: 0 !important;
    }



    .no-more-tables td:before {
        position: absolute;
        top: 0px;
        left: 5px;
        width: 45%;
        padding-right: 10px;
        white-space: normal;
        text-align: left;
        font-weight: bold;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        align-content: center;
        height: 100%;
        word-break: normal;
    }

    .no-more-tables td:before {
        content: attr(data-title);
        font-family: 'FreightText Pro Book';
        color: #222;
        font-weight: bold;
        text-transform: uppercase;
    }

    .main-custom-button {
        width: 56%;
        margin: 0px;
    }

    .custom-small-btn {
        padding: 10px 20px;
    }

    .main-custom-button {
        width: 179px;
        margin: 0px;
    }

    .submenu_job ul {
        margin: 0px;
        padding: 0px;
        list-style: none;
        text-align: center;
        width: 100%;
        overflow: auto;
        display: flex;
        width: 100% !important;
    }

    .order-action-table-section {
        width: auto
    }

    .fourlayers .search-input-wrapper input {
        width: 100px;
    }

    .search-section ul.searchsection-jobsorder li select {
        height: 42px;
        width: 146px;
    }

    .navbar .nav>li {
        display: block;
    }

    /* .top-nav {
        width: 100%;
    } */

    .search-section ul li input {
        height: 40px;
        width: 296px;
        border: 1px solid #dadada;
        border-right: 1px solid #dadada;
        padding: 0px 12px;
        border-radius: 0px !important;
        font-family: inherit;
    }

    .item-status-form label {
        display: none
    }

    .item-status-form td {
        min-height: 43px
    }

    td.mobi_fulltd {
        padding-left: 10px !important;
    }

    .mobi_fulltd .btn {
        width: 100%
    }

    .scandetail {
        height: auto !important;
    }

    .finalpay {
        height: auto !important;
    }

    .finalpay label {
        display: inline-block !important;
    }

    .search-term {
        margin: 0px 10px 10px
    }

    .search-section ul li input {
        width: 128px
    }

    .search-section ul li select {
        width: 128px
    }

    .relation-plus-icon {
        float: none;
    }

    .active-items-filter {
        float: none;
        margin-top: 16px
    }

    .notification ul {
        width: 100%;
        padding: 16px
    }

    .service-status-text {
        padding: 0px !important;
        float: none
    }

    .common-bulb-classes {
        float: none
    }

    .notification {
        padding: 0px
    }

    .notification ul {
        width: 100%;
        padding: 16px 16px;
    }

    .notification ul li p {
        text-align: left;
    }

    .image-section {
        margin: 29px auto 4px !important;
    }

    .work {
        margin-bottom: 0px
    }

    .relation-plus-icon {
        /*display:table;*/
        margin: 31px auto 0px
    }

    .main-menu-span .well {
        min-height: 0px
    }

    .logo_main {
        text-align: center
    }

    .active-items-filter {
        float: none;
        margin-top: 16px;
        width: 100%;
        text-align: left;
        padding: 0px !important
    }

    .active-items-filter a {
        margin: 0px 7px 0px 0px
    }

    .collapsed-button {
        background: #000000 !important;
        border-radius: 4px;
    }

    .iconn-section {
        margin-top: 0px
    }

    .notification-text:last-child::after {
        border: 1px solid transparent
    }

    .navbar .btn-navbar {
        padding: 8px 10px;
        margin-bottom: 0px;
    }

    .margin-bottom-30px {
        margin-bottom: 0px !important
    }

    .notification-section {
        margin: 16px 0px 30px 0px;
    }

    .calender-section {
        margin-top: 0px;
        margin-bottom: 30px;
    }

    .container {
        width: 100% !important
    }

    .service-status-text.poundicon-mobile {
        display: block;
        width: 100%;
        padding-top: 8px !important;
    }

    .usernametext {
        display: block;
        width: 100% !important;
        clear: both !important;
        word-break: break-all !important;
    }

    #job-pmobile {
        float: inherit;
    }

    td.nodata-td {
        text-align: center;
        padding: 10px 0 0 !important;
        width: 100%;
        display: block !important;
    }

    li.drp_down_btn button {
        min-width: 469px !important;
        margin: 0;
        font-weight: normal !important;
        color: #000000 !important;
        font-size: 16px !important;
        text-transform: capitalize !important;
        font-family: 'Merriweather', serif !important;
    }

    .dropdown-menu-ul-stages {
        width: 471px !important;
    }
}

@media only screen and (max-width:784px) {
    .search-section ul li input {
        width: 110px;
    }

    .search-section ul li select {
        width: 110px;
    }

    .system-user-search-section ul li input {
        width: 110px;
    }

    .jobdetailpage {
        padding: 0px
    }

    .halfwidth-service-name {
        height: auto !important;
        padding-top: 11px !important;
    }

    .search-section ul li.originli {
        margin-left: 113px;
    }



}

@media only screen and (max-width:770px) {
    .mobile-full-width {
        width: 100%
    }

    .control-group {
        width: 100%
    }

    .main-title {
        position: relative
    }

    .main_title .relation-plus-icon {
        position: relative;
        right: 0;
        float: none;
        clear: both;
    }

    h1.main_title,
    .heading-wrapper h1 {
        font-size: 16px;
        margin-bottom: 16px;
        margin-top: 16px;
        text-align: center;
    }

    /* .navbar {
        margin-bottom: 0px
    } */

    .btn {
        margin-bottom: 10px;
    }

    .date-filter-section {
        white-space: normal
    }

    .hero-images {
        width: 100%;
        height: auto;
        display: inline-block;
        border: 1px solid #dddddd;
        margin-left: 20px;
        vertical-align: bottom;
        margin: 10px 0px;
    }

    .submenu_job ul li {
        padding: 10%;
    }

    .navbar .btn.dropdown-toggle {
        text-transform: uppercase;
        margin-top: 2px;
        border-radius: 0px;
        padding: 0px;
        padding-right: 0px;
        margin-right: 0px;
        float: inherit;
        margin-top: 20px;
    }

    .modal-body .riskservice {
        width: 100% !important;
    }

    .modal-body .alterservice {
        width: 100% !important;
    }

    .search-section ul li.originli {
        margin-left: 0px;
    }

    .itemviewbox .jsreasonbtn {}

    .reason-text {
        text-align: right !important;
        position: absolute !important;
    }

    .re-endable-text {
        text-align: right !important;
        position: absolute !important;
        top: 33px !important;
    }

}

@media only screen and (max-width:768px) {
    .top-nav {
        width: 100%;
    }
}

@media only screen and (max-width:747px) {
    .search-section ul {
        margin: 0px;
    }

    .search-section ul li {
        display: inline-block;
        margin-bottom: 10px
    }

    /*.search-input-wrapper input {width:auto !important}*/
    .search-input-wrapper li {
        width: 100%
    }

    .search-section ul li button {
        width: auto;
    }

    .search-section button div {
        float: left;
        margin-right: 7px
    }

    .jobdetailpage ul li {
        width: 100%
    }

    .full-table-width-w-black-border {
        width: 86% !important;
        border: 1px solid #000000;
    }

    .thirdwidth li {
        width: 100% !important;
        margin: 0;
    }

    .halfwidth li {
        width: 90% !important;
    }

    .halfwidth li label {
        width: 100% !important;
    }

    .fullwidth {
        display: table-cell;
        padding: 0px 10px;
        margin-bottom: 10px
    }

    .fullwidth ul {
        border: 1px solid #000000;
        display: table-cell;
        padding: 10px
    }

    .fullwidth ul li {
        width: 100% !important
    }

    .fullwidth ul li label {
        width: 100% !important;
        padding: 0px;
        text-align: center !important
    }

    .halfwidth-service-name p {
        width: 100%
    }

    .fullwidth .item-images img {
        height: auto;
        margin-bottom: 10px;
        width: 92%;
        margin-left: 0px
    }

    .job-search-section .modal-body {
        max-height: none !important;
    }

    .item-describe {
        width: 100%;
        float: none;
        text-align: center
    }

    /*.search-section ul li.originli{margin-left:113px;}*/

}

@media only screen and (max-width:671px) {
    .search-input-wrapper {
        width: 75%;
    }

    .fourlayers .search-input-wrapper input {
        width: 100%;
    }

    .search-section ul li input {
        width: 100%;
        box-sizing: border-box;
    }

    .search-section ul li select {
        width: 100%;
        box-sizing: border-box;
    }

    .search-section button div {
        float: left;
        margin-right: 0px;
    }

    .search-term {
        width: 100%;
    }

    .navbar .btn.dropdown-toggle {
        float: inherit;
        margin-bottom: 0px;
        margin-top: 0px;
    }

    .finalpay {
        position: relative;
        height: auto !important;
    }

    .halfsize {
        width: 100% !important;
        float: left;
    }



}

@media only screen and (max-width:655px) {
    /* .navbar {
        padding-bottom: 0px
    } */

    .chart-pie {
        margin: 20px 0px 20px 0px;
    }

    .update_payment_page .paynew-form .addcardbutton a.add-now-btn {
        padding: 16px 0px;
        width: 100%;
        margin: 0 0 9px;
    }

    .itemviewbox ul li .subtet {
        width: 100%;
        float: left;
    }

    .itemviewbox ul li {
        border-top: none;
    }

}

@media only screen and (max-width:613px) {
    li.drp_down_btn button:after {
        content: ' ' !important;
    }

    .search-section ul li button:after {
        content: ' SEARCH'
    }

    .search-section .btn-primary:after {
        content: ' '
    }

    .search-section ul li {
        display: block;
        margin-bottom: 10px;
        margin: 0px 0px 10px;
    }

    .search-input-wrapper {
        display: inline-block !important
    }

    .fourlayers .search-input-wrapper input {
        width: 100%
    }

    .pay-amount-section {
        width: 100%;
    }

    .payment-type-wrapper {
        width: 59%;
        display: inline-block;
        float: right;
    }

    /*.item-order-section .no-more-tables table.table-condensed th, .no-more-tables table.table-condensed td {word-break:break-all}*/
    .log_xero_div {
        width: 100%;
    }
}

@media only screen and (max-width:492px) {
    .main-custom-button {
        width: 143px;
        margin: 0px;
    }

    .custom-small-btn {
        padding: 10px 16px;
    }

    .order-detail-button-group {
        text-align: center;
        display: grid;
    }
}

@media only screen and (max-width:453px) {
    .logo_main {
        width: 100%;
        margin-bottom: 20px
    }

    .navbar .btn.dropdown-toggle {
        font-size: 12px
    }
}

@media only screen and (max-width:452px) {
    .main-custom-button {
        width: 143px;
        margin: 0px;
        padding: 10px 20px
    }

    .custom-small-btn {
        padding: 10px 16px;
    }

    .top-nav {
        width: 100%;
    }

    /* body {
        padding: 30px 0px
    } */

    .search-btn-toolbar {
        margin-bottom: 0px
    }

    .search-section ul li a {
        margin-left: 0px;
    }
}

@media only screen and (max-width:412px) {
    .main-custom-button {
        width: 100%;
        margin: 0px;
        padding: 10px 16px
    }

    .custom-small-btn {
        padding: 10px 11px;
    }

    .lb-data .lb-close {
        margin: -5px 16px;
        width: 10px;
        height: 10px;
    }

    .condtionstag {
        width: 88%;
    }

    /*.reason-text{position: absolute !important;top: 66px !important;}
	.re-endable-text{position: absolute !important;top: 79px !important;}*/
}






@media only screen and (max-width:340px) {
    /* body {
        padding: 16px 0px
    } */

    .search-section ul li input {
        width: 100%;
    }

    .notification-heading {
        padding: 16px 6px;
    }

    .greeting-section {
        float: none;
    }

    .calender-section .calender {
        margin: 0px
    }

    /*.reason-text{position: absolute !important;top: 79px !important;}
	.re-endable-text{position: absolute !important;top: 96px !important;}*/

}



/*-----------Edit Quote-----------*/

.editquote-main {
    width: 100%;
    height: auto;
    float: left;
}

.editquote-row {
    width: 100%;
    height: auto;
    float: left;
    position: relative;
    background: #f5f5f5;
    padding: 30px 0px 0;
    box-sizing: border-box;
    margin-bottom: 20px;
    border: solid 1px #dedede;
}

.editquote-row a.editquete-del {
    background: #fc2d39;
    color: #ffffff;
    border: none;
    margin: 0px 0px 0px 0px;
    padding: 6px 10px 5px;
    position: absolute;
    right: 11px;
    top: 10px;
    border-radius: 16%;
    opacity: 0.7;
}

.editquote-row a.editquete-del:hover {
    opacity: 1;
}

.editquote-rowtop {
    width: 100%;
    height: auto;
    float: left;
}

.editquote-rowtop ul {
    padding: 0;
    margin: 0;
}

.editquote-rowtop ul li {
    float: left;
    margin-bottom: 5px;
    width: 50%;
    color: #000;
    font-size: 16px;
    font-weight: 300;
    list-style: none;
}

.editquote-rowtop ul li.full {
    width: 100%;
}

.editquote-rowtop ul li label {
    width: 48%;
    float: left;
    text-align: right;
    padding-right: 0px;
    color: #000000;
    font-size: 16px;
    font-weight: 700;
}

.editquote-rowtop ul li p {
    width: 48%;
    float: right;
    text-align: left;
    padding-right: 0px;
    color: #000000;
    font-size: 16px;
    font-weight: 600;
}

.editquote-rowtop ul li.full label {
    width: 24%;
}

.editquote-rowtop ul li.full p {
    width: 74%;
}


.editquote-rowservices {
    width: 73%;
    height: auto;
    float: right;
    border: solid 1px #dedede;
    padding: 0 0 0 0px;
    box-sizing: border-box;
    position: relative;
    margin: 0 16px 18px 0;
}

.editquote-rowservices::before {
    content: "";
    background: url(../img/attowservice.png) left top no-repeat;
    position: absolute;
    left: -85px;
    top: 0;
    width: 89px;
    height: 90px;
    background-size: 70%;
}

.editquote-rowservices h2 {
    font-size: 18px;
    line-height: 40px;
    color: #000000;
    margin: 0;
    padding-left: 16px;
    background: #eceaea;
}

.editquote-rowservices-repeat {
    width: 100%;
    height: auto;
    float: left;
    position: relative;
    border-top: solid 1px #dedede;
    padding: 10px 0 0 0;
}

.editquote-rowservices-repeat a.service-cut {
    background: url(../img/crossservices.png) center center no-repeat;
    color: #ffffff;
    border: none;
    margin: 0px 0px 0px 0px;
    padding: 0;
    position: absolute;
    right: 12px;
    top: 10px;
    border-radius: 100%;
    font-size: 11px;
    width: 16px;
    height: 25px;
    text-decoration: none;
    text-align: center;
    line-height: 24px;
    opacity: 0.7;
    background-size: 100%;
}

.editquote-rowservices-repeat a.service-cut:hover {
    opacity: 1;
}

.editquote-rowservices-repeat ul {
    padding: 0;
    margin: 0;
}

.editquote-rowservices-repeat ul li {
    float: left;
    margin-bottom: 5px;
    width: 50%;
    color: #000;
    font-size: 16px;
    font-weight: 300;
    list-style: none;
}

.editquote-rowservices-repeat ul li.full {
    width: 100%;
}

.editquote-rowservices-repeat ul li label {
    width: 48%;
    float: left;
    text-align: right;
    padding-right: 0px;
    color: #000000;
    font-size: 16px;
    font-weight: 700;
}

.editquote-rowservices-repeat ul li p {
    width: 48%;
    float: right;
    text-align: left;
    padding-right: 0px;
    color: #000000;
    font-size: 16px;
    font-weight: 600;
}

.editquote-rowservices-repeat ul li.full label {
    width: 24%;
}

.editquote-rowservices-repeat ul li.full p {
    width: 74%;
}


.editquote-buttons {
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
}

.editquote-buttons a {
    background: #626262;
    display: inline-block;
    color: #fff;
    text-decoration: none;
    padding: 16px;
    border-radius: 5px;
    margin: 0 5px
}

.editquote-buttons a.edit-update {
    background: #000000;
}

.editqoute-cancel {
    margin-right: 0 !important;
    margin-top: -3px;
    vertical-align: middle !important;
}

/*----------------AS-----------*/
.aspop h2 {
    text-align: center;
}

.aspop-one {
    width: 100%;
    height: auto;
    float: left;
    text-align: right;
}

.aspop-one a.editicon {
    background: url(../img/editicon.png) center center no-repeat;
    width: 21px;
    height: 26px;
    display: block;
    background-size: 100%;
    float: right;
}

.aspop-two {
    width: 100%;
    height: auto;
    float: left;
    text-align: right;
}

.aspop-two a.closeicon {
    background: url(../img/closeicon.png) center center no-repeat;
    width: 17px;
    height: 22px;
    display: block;
    background-size: 100%;
    float: right;
}

table.qt-table {
    margin: 16px 0 20px 0 !important;
}

table.qt-table th {
    vertical-align: bottom !important;
    font-family: 'FreightText Pro Book' !important;
    color: #222 !important;
    font-weight: bold !important;
    letter-spacing: 3px !important;
    font-size: 13px !important;
    line-height: 1.7 !important;
    padding: 8px 12px !important;
}

table.qt-table td {
    padding: 10px 10px !important;
    text-align: left !important;
    position: relative;
}

.qd-submit-section {
    width: 100%;
    height: auto;
    background: #fff;
    padding: 10px 20px;
    text-align: center;
    box-sizing: border-box;
    border-radius: 0 0 10px 10px;
}

.qd-submit {
    margin: 0;
}

.qd-tablesection {
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 0px;
}

.qd-tablesection tr:nth-child(2) td .small_img:before {
    height: auto !important;
}

.qd-tablesection td .small_img {
    padding: 0px 0px !important;
    box-sizing: border-box;
    background: #fff;
    float: left;
    width: 80px;
    height: 80px;
    border: 1px solid #e1e1e1;
    margin-top: 7px;
    text-align: center;
    justify-content: center;
    align-items: center;
    display: flex;
}

.qd-tablesection td .small_img:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0px;
    width: 100%;
    height: 1px;
    background: #dddddd;
}

.qd-tablesection td .small_img img {
    width: auto;
    height: auto;
    max-height: 80px;
    cursor: pointer;
    max-width: 80px;
    padding: 5px;
    box-sizing: border-box;
}

/*------------------------------------*/
.qouteicon {
    width: 100%;
    float: left;
    margin: 6px 0 0 0;
    position: relative;
}

.qouteicon span {
    position: relative;
    float: left;
}

.qouteicon span .tooltip {
    width: 180px !important;
}

.qouteicon i {
    float: left;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 8px;
}

.qouteicon i.icon-info-sign {
    background: url(../img/infoquote.png) center center no-repeat;
    background-size: 100%;
}

.qouteicon i.icon-alert {
    background: url(../img/alertquote.png) center center no-repeat;
    background-size: 100%;
}

.qouteicon i.icon-time {
    background: url(../img/clockqoute.png) center center no-repeat;
    background-size: 100%;
}

.qouteicon i.icon-chain {
    background: url(../img/chainquote.png) center center no-repeat;
    background-size: 100%;
}

.qouteicon i.icon-asterisk {
    background: url(../img/asteriskquote.png) center center no-repeat;
    background-size: 100%;
}

.qouteicon i.icon-oksign {
    background: url(../img/checkquote.png) center center no-repeat;
    background-size: 100%;
    margin: 0 !Important;
}


.qouteicon_legends {
    margin: 20px 0 20px !important;
    background: #fff;
    padding: 13px 16px !important;
    border: solid 1px #000000;
    border-radius: 5px;
    float: left !important;
}

.qouteicon_legends p {
    color: #000000;
    font-size: 16px;
    text-transform: capitalize;
}

.qouteicon_legends ul {
    margin: 0;
    padding: 0;
}

.qouteicon_legends ul li {
    list-style: none;
    margin: 0 6px 6px 0;
    padding: 8px 8px;
    float: left;
    border: solid 1px #dddbdb;
    border-radius: 4px;
    font-size: 16px;
}

.qouteicon_legends ul li i {
    margin-right: 5px;
    margin-bottom: 0;
}

.qouteicon_legends ul li i.icon-oksign {
    margin-right: 5px !important;
}




/*------------------------------------*/

.quote-termconditions-main {
    width: 100%;
    height: auto;
    float: left;
}

.quote-termconditions {
    width: 475px;
    height: auto;
    float: right;
    border-top: 1px solid #dddddd !important;
    padding: 25px 0 0 0 !important;
    margin: 20px 0 0 0;
}

.quote-termbox {
    width: 100%;
    height: auto;
    float: left;
    margin: 0 0 8px;
}

.quote-termbox input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    z-index: -1;
}

.quote-termbox input[type="checkbox"]+span {
    color: #000000;
    font-size: 16px;
}

.quote-termbox input[type="checkbox"]+span:before {
    content: '';
    display: inline-block;
    width: 24px;
    padding: 2px 0 0 3px;
    margin: 3px 10px 0 0;
    border: solid 1px #000000;
    height: 24px;
    border-radius: 100%;
    float: left;
}

.quote-termbox input[type="checkbox"]:checked+span:before {
    content: '';
    background: #000000 url(../img/checkicon.png) center center no-repeat;
}

.quote-termbox input[type="checkbox"]:focus+span:before {
    outline: 1px dotted #aaa;
}

.quote-termbox input[type="checkbox"]:disabled+span {
    color: #999;
}

.quote-termbox input[type="checkbox"]:not(:disabled)+span:hover:before {
    text-shadow: 0 1px 2px #77F;
}

.quotebutton {
    text-align: center;
    margin: 0px 0px 30px;
    float: left;
    width: 100%;
}

.quotebutton a.quote_btm_btn {
    margin-right: 5px !important;
    margin-top: 10px !important;
}

.condtionstag {
    float: right;
    width: 92%;
}

.creditpading {
    padding: 5px 0 !important;
}

.paynow-conditon {
    width: 100%;
    padding: 30px 0 0 0;
}

.paynow-conditon input {
    float: left;
}

.paynow-conditon label {
    margin: 0 !important;
    float: right;
    width: 93%;
    font-weight: normal !important;
    font-size: 13px !important;
}

/*---------------Manage Service-------------------*/

.manageservice-check {
    padding: 7px 2% 0;
    border: 2px solid #e1e1e1;
    border-radius: 5px;
    width: 98%;
    margin: 26px 0 11px 0;
    height: 40px;
    box-sizing: border-box;
}

.manageservice-check input[type=checkbox] {
    margin: 0;
}

.manageservice-check input[type=radio] {
    margin: 0;
}

.manageservice-check label {
    display: inline-block;
    padding: 0px 10px;
    margin: 0;
}

.quote-tabletop {
    margin-top: 20px;
    padding-bottom: 21px;
    width: 100%;
}

.qd-tablesection span {}

.quote-tablebottom {
    width: 100%;
    float: left;
    margin: 0px 0 30px;
    text-align: center;
}

.quote-tablebottom a {
    background: #000000;
    border: 0px;
    box-shadow: none;
    padding: 10px 13px;
    font-weight: normal;
    color: #fff;
    text-transform: uppercase;
    font-size: 17px;
    margin: 0px 10px;
    letter-spacing: 1px;
    text-shadow: none;
    border-radius: 4px;
    display: inline-block;
}

.quote-tablebottom a:hover {
    text-decoration: none;
}

.addservie-bg {
    left: 0px;
    top: 0px;
    text-align: center;
    width: 100%;
    background: rgba(0, 0, 0, 0.6) none repeat scroll 0% 0%;
    height: 100%;
    position: fixed;
    z-index: 999;
    right: 0;
    bottom: 0;
    overflow-x: hidden;
    overflow-y: auto;
}


.servicediscount {
    width: 100%;
    border: 2px solid #e1e1e1;
    float: left;
    border-radius: 5px;
    padding: 0;
    margin: 0 0 10px 0;
}

.servicediscount-checbox {
    width: auto;
    float: left;
    padding: 10px 10px;
}

.servicediscount-checbox input {
    width: auto !important;
    float: left;
    height: auto !important;
}

.servicediscount-checbox label {
    float: left;
    margin: 0 0 0 5px;
}


.jobs-ordertable th.jobs-statusrow {
    width: 120px !important;
}

.jobs-ordertable th.jobs-actionrow {
    width: 70px !important;
}


.reportbugfixed {
    top: 0%;
    right: 0px;
    position: fixed;
    background: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 100%;
    z-index: 999;
}

.reportbug-main {
    top: 50%;
    right: -9px;
    position: fixed;
    background: #f9f9f9;
    transform: translate(0%, -50%);
    width: 545px;
    height: auto;
    padding: 0 20px 20px 20px;
    border-radius: 10px 0px 0px 10px;
    border: solid 8px #e3e3e3;
    box-sizing: border-box;
}

a.reportbug-button {
    top: 50%;
    right: -2px;
    position: fixed;
    transform: translate(0%, -50%);
    width: 45px;
    height: 43px;
    background: #000000 url(../img/bugicon.png) center center no-repeat;
    padding: 0;
    background-size: 74%;
    border-radius: 5px 0px 0 5px;
}

.reportbug-main textarea {
    resize: none;
}

.reportbug-main .well {
    background: none !important;
}

.reportbug-main .form-actions {
    padding: 0 !important;
    background: none !important;
}


/*------------------------------------------*/
.positonclass {
    position: relative;
}

.positonclass label {
    margin-bottom: 18px !important;
}

.repeat-service {
    height: 40px;
    position: absolute;
    right: 0;
    top: -3px;
    float: right;
    margin-right: 24px;
    overflow-x: auto;
}

.controls .repeat-service {
    width: 100% !important;
    margin-right: 0px;
    position: relative;
    height: 92px;
    margin-bottom: 16px;
    margin-top: 0px !important;
}

.riskservice {
    width: 86% !important;
}

.alterservice {
    width: 76% !important;
}

.repeat-servicerow {
    width: auto;
}

.repeat-servicerow .user-badges {
    padding: 2px 7px !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
    margin-right: 5px;
    margin-bottom: 5px;
    font-size: 13px;
    line-height: 20px;
}

.repeat-servicerow .user-badges a {
    color: #000000 !important;
    background: none !important;
}

.modal-body .riskservice {
    width: 100% !important;
}

.modal-body .alterservice {
    width: 100% !important;
}

/*-------------------------------------------*/
.newcheckbox label {
    font-size: 0px;
    color: #fff;
}

.newcheckbox input[type=checkbox] {
    display: none;
}

.newcheckbox input[type=checkbox]+label:before {
    content: "";
    /*background-image: url(../img/check-boximg.jpg);*/
    background-size: 100%;
    display: inline-block;
    width: 21px;
    height: 21px;
    background-repeat: no-repeat;
    border: solid 2px;
    border-radius: 5px;
    color: #000;
}

.newcheckbox input[type=checkbox]:checked+label:before {
    content: "\f046";
    margin-right: 1.5px;
    /*background-image: url(../img/checked-boximg.jpg);*/
    font-family: 'FontAwesome';
    font-size: 26px;
    border: none;
    line-height: 23px;
    color: #000;
}

/* checked icon */


.newcheckbox input.disabled[type=checkbox]+label:before {
    content: "";
    display: inline-block;
    width: 21px;
    height: 21px;
    border: solid 2px #a4a4a4;
}

.payhis-rightalign {
    text-align: right;
    color: #a4a4a4;
}

.pagination_div {
    /* width: 100%; */
    /* float: left; */
    /* text-align: right; */
    /* margin: 10px 0 20px; */
    /* font-weight: 600; */
    /* font-size: 16px; */
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.pagination_div button {
    font-size: 0px;
    border-radius: 5px;
    margin: 0 5px;
    width: 32px;
    height: 33px;
    background: transparent;
    border: 1px solid #D9D9D9;
    padding: 9px;
}

.pagination_div button.disabled svg path {
    fill: #D9D9D9;
}

.pagination_div button svg path {
    fill: #000000;
}

.pagination_div button:hover {
    background: #f2f2f2;
}

.pagination_div button.disabled:hover {
    background: transparent;
    cursor: not-allowed;
}

/* .pagination_div button.pagination_prev {
    background: #000000 url(../img/page-arrow-left.png) center center no-repeat;
    background-size: 40%;
}

.pagination_div button.pagination_next {
    background: #000000 url(../img/page-arrow-right.png) center center no-repeat;
    background-size: 40%;
} */

.pagination_div input {
    width: 50px;
    height: 33px;
    margin-top: 10px;
    padding: 5px 8px;
}

.toast-error {
    background-color: #000000;
}

.pagination_div a {
    padding: 6px 11px !important;
    margin: 0px 5px;
    text-shadow: none;
    font-family: 'FreightText Pro Book' !important;
    background: transparent;
    text-transform: uppercase;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 22px !important;
    letter-spacing: 0.02em;
    text-align: center;
    border: 1px solid #D9D9D9;
    border-radius: 4px;
    cursor: pointer;
}

.pagination_div a.paginate-goto {
    border: none;
    margin-right: 0;
    font-family: 'FreightText Pro Book';
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.02em;
    text-align: right;
    color: #000000;
    text-transform: math-auto;
}

td.extrabuttons {}

a.quote-ok {
    float: right;
    margin-right: 5px !important;
    padding: 10px 19px !important;
    margin-top: 16px !important;
}

a.quote-cancel {
    padding: 10px 19px !important;
    margin-top: 16px !important;
    margin-right: 0 !important;
}

/*----------------------Tab Formatting-------*/

.settingemail-tabs {
    width: 100%;
    margin: 30px 0 0px;
}

.settingemail-tabs ul {
    line-height: normal;
    display: block;
    text-align: left;
}

.settingemail-tabs ul li {
    list-style: none;
    padding: 0;
    margin: 0 3px 6px;
    display: inline-block;
    background: #f2f2f2;
    border: solid 1px #e9e9e9;
}

.settingemail-tabs ul li.active {
    background: #000000;
}

.settingemail-tabs ul li.active a {
    color: #fff !important;
}

.settingemail-tabs ul li a {
    text-decoration: none;
    padding: 11px 16px;
    display: block;
    text-align: center;
    text-transform: uppercase;
    color: #000;
    font-size: 16px;
}

.settingemail-tabs ul li a:focus {
    outline: none;
}

.emailsetting-box {
    width: 100%;
    float: left;
}

.emailsetting-box h1.main_title {
    margin: 25px 0px !important;
}

.emailsetting-box textarea {
    resize: none;
}

.emailsetting-box .control-group .controls input[type='checkbox'] {
    margin: -5px 0 0;
}

p.showmore-qoute {
    display: inline-block;
    width: 133px;
    margin: 5px 0 0;
    text-align: left !important;
    padding: 5px 0 !important;
    cursor: pointer;
    border-radius: 5px;
    color: #1f9ed8;
    text-decoration: underline;
}

.paymenthistory-quote {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 35px;
}


select:invalid,
select option[value=""] {
    color: #444 !important;
}




.width_40 {
    width: 48%;
    float: left
}

@media only screen and (max-width:799px) {
    .qouteicon span {
        position: relative !important;
        float: left !important;
    }
}


/*------------------------------------------*/

.clientquote-form {
    width: 100%;
    height: auto;
    float: left;
}

.clientquote-form h2.titlebold {
    text-align: center;
    margin: 16px 0 45px;
    font-family: 'FreightText Pro Book';
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 2px;
    text-transform: uppercase;
    line-height: 1.7;
}

.clientquote-form .halfform .controls input {
    width: 85%;
}

.clientquote-form .halfform .controls input.uploadimg {
    height: auto;
    padding: 4px 9px;
    border-radius: 4px;
}

.clientquote-form .halfform .controls select {
    width: 85%;
}

.clientquote-form .halfform .controls textarea {
    width: 85%;
    resize: none;
}

.clientquote-form .halfform .controls input#item_category_other {
    position: absolute;
    left: 70px;
    top: 0px;
    width: 67% !important;
}

.clientquote-form .halfform .controls input#item_brand_other {
    position: absolute;
    left: 70px;
    top: 0px;
    width: 67% !important;
}

.clientquote-form .halfform .controls input#item_color_other {
    position: absolute;
    left: 70px;
    top: 0px;
    width: 67% !important;
}

.clientquote-form .halfform .controls input#item_condition_other {
    position: absolute;
    left: 70px;
    top: 0px;
    width: 67% !important;
}

.clientquote-form .halfform .controls input#item_material_other {
    position: absolute;
    left: 70px;
    top: 0px;
    width: 67% !important;
}

.clientquote-form .halfform .controls input#item_accents_other {
    position: absolute;
    left: 70px;
    top: 0px;
    width: 67% !important;
}

.clientquote-form .halfform .controls input#item_texture_other {
    position: absolute;
    left: 70px;
    top: 0px;
    width: 67% !important;
}

.clientquote-form .halfform .controls input#item_pattern_other {
    position: absolute;
    left: 70px;
    top: 0px;
    width: 67% !important;
}


.clientquote-form .controls {
    position: relative;
}

.clientquote-form .controls span.help-inline {
    position: absolute;
    right: 90px;
    bottom: 10px;
}

.clientquote-form-parcel {
    width: 100%;
    height: auto;
    float: left;
}

.clientquote-form-parcel-one {
    width: 100%;
    height: auto;
    float: left;
    margin: 0px 0 0;
    padding: 0px 0 0px;
    border-bottom: solid 0px #dddbdb;
    text-align: center;
}

.clientquote-form-parcel-one strong {
    font-size: 17px;
    color: #ab1f1f;
    margin: 25px 0 8px;
    display: block;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.clientquote-form-parcel-two {
    width: 100%;
    height: auto;
    float: left;
}

.clientquote-form-parcel-two h3.subtitle {
    text-align: center;
}

.clientquote-form-parcel-two #address_ul .controls {
    margin-left: 0px !important;
}

.parcelForm .clinet-parcelsize {
    margin-right: 16px !important;
    margin-bottom: 10px;
}

.parcelbadges {
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
    margin-bottom: 25px;
}

a.clientadd-more {
    margin-top: 13px;
    margin-right: 15%;
}

a.clientadd-moreitems {
    margin-right: 6%;
}

button.clientadd-moreitems {
    float: right;
}

.clientquote-form input.clinet-parcelsize {
    width: 26% !important;
}

.clientquote-form a.relation-plus-icon {
    font-size: 16px;
    border: 2px solid #000000;
    background: none;
    letter-spacing: 1px;
    color: #000000;
    text-transform: uppercase;
}

.clientquote-form button.btn {
    background: #000000;
}

.clientquote-form button.btn:hover {
    background: #000000;
}

p.parcelsize-sample {
    position: absolute;
    left: 0;
    bottom: -30px;
    color: #e61313;
    margin: 0;
}

.clientquote-form a.relation-plus-icon:hover {
    color: #000000;
    text-decoration: none;
}



.upload-imgpath {
    width: 100%;
    margin: 0px !important;
    display: block;
}

.upload-imgpath ul {
    line-height: normal;
    padding: 0;
    margin: 0;
}

.upload-imgpath ul li {
    width: 70px;
    display: flex;
    border: solid 1px #e3e3e3;
    padding: 10px 10px;
    margin: 0 8px 10px 0px;
    border-radius: 4px;
    position: relative;
    float: left;
    text-align: center;
    min-height: 46px;
    max-height: 46px;
    justify-content: center;
    align-items: center;
    list-style: none;
}

.upload-imgpath ul li a.removeimgpath {
    position: absolute;
    right: 5px;
    top: 5px;
    background: #000000;
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    padding: 0 6px;
    border-radius: 100%;
    font-family: 'FreightText Pro Book' !important;
}

.upload-imgpath ul li span.imgpath img {
    width: auto !important;
    max-height: 35px;
}





.client-signuprow {
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
    margin: 40px 0 0;
}

.client-signuprow .post-ajax-opener {
    width: auto !important;
    margin: 0;
    display: inline-block;
}

.client-signuprow label {
    float: none !important;
    display: inline-block;
    width: auto !important;
    text-transform: uppercase !important;
    letter-spacing: 1px;
}

.client-signuprow input {
    margin: -2px 8px 0 0;
}



.thankyou-quote {
    width: 50%;
    height: auto;
    float: left;
    text-align: center;
    padding: 20px 20px 40px;
    border: solid 1px #e2e2e2;
    box-sizing: border-box;
    border-radius: 16px;
    margin: 0 0 11% 25%;
    background: #fdfcfc;
}

.thankyou-quote p {
    font-size: 18px;
    line-height: 30px;
    margin: 20px 0 0;
    color: #000;
}





.manageitembox ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.manageitembox ul li:first-child {
    border-top: 0px;
    padding-top: 0px;
    padding-bottom: 0;
    margin: 0;
}

.manageitembox ul li {
    border-top: 1px solid #e1e1e1;
    float: left;
    padding: 16px 0px 0;
    margin-top: 16px;
    width: 100%;
}

.manageitembox ul li .small_img img {
    width: auto;
    height: auto;
    max-height: 80px;
    cursor: pointer;
    max-width: 80px;
    padding: 5px;
    box-sizing: border-box;
}

.manageitembox ul li .small_img {
    background: #fff;
    margin-right: 10px;
    display: inline-block;
    vertical-align: top;
    margin-top: 0px;
    justify-content: center;
    align-items: center;
    display: flex;
    float: left;
    width: 80px;
    height: 80px;
    border: 1px solid #e1e1e1;
}

.manageitembox ul li .subtet {
    width: 70%;
    display: inline-block;
    vertical-align: middle;
    color: #666;
    font-size: 16px;
}

.manageitembox ul li .subtet {
    color: #000000;
    font-size: 16px;
    font-weight: normal;
}

.manageitembox ul li .subtet p {
    margin-bottom: 6px !important;
}

.manageitembox ul li .bg_red {
    color: #cc2222
}

.manageitembox ul li .subtet a {
    color: #269eff;
    font-weight: normal;
    font-size: 16px;
    display: inline-block;
}

a.status-manage {}

.manageitembox ul li .subtet a::first-letter {
    text-transform: capitalize;
}

.manageitembox ul li a.relation-plus-icon {
    float: left;
    padding: 1px 0px !important;
    font-size: 13px !important;
    font-weight: normal !important;
    margin-right: 10px;
    margin-bottom: 0px;
    margin-top: 10px;
    border: none;
    text-transform: uppercase;
    text-decoration: underline;
}


.client-detailview {
    width: 100%;
    height: auto;
    float: left;
    position: relative;
}

.client-detailview h1.main_title {
    margin-bottom: 60px;
}

.client-detailview .item-describe {
    margin: 0;
    width: 54% !important;
}

.client-detailview .jobdetailpage ul li {
    float: left;
    margin-bottom: 10px;
    width: 40%;
    color: #222;
    font-size: 16px;
    font-weight: normal;
    margin-left: 7%;
    box-sizing: border-box;
    margin-right: 2%;
}

.client-detailview .jobdetailpage ul li label {
    width: 200px;
}

.client-detailview .itemdetailbox {
    float: left;
    width: 100%;
    margin-top: 0px;
    padding-top: 20px
}
.pq-main-area .itemdetailbox-section ul.images-section li {
    padding: 0 0 24px;
    margin: 0;
    border-width: 0 0 1px;
    border-style: solid;
    border-color: #e1e1e1;
}
.pq-main-area .itemdetailbox-section ul.images-section li label {
    width: auto !important;
}

.client-detailview .itemdetailbox li.itemimg {
    margin: 16px 0 0;
    background: none;
    padding: 30px 0 10px 100px;
    border-top: 1px solid #e1e1e1;
    width: 100% !important;
    box-sizing: border-box;
}

.client-detailview .itemdetailbox li.itemimg label {
    width: 150px !important;
}

.client-detailview .itemdetailbox li.itemimg .itemimg-rowsection {
    width: 81%;
    float: right;
}

.client-detailview .itemdetailbox li.itemimg .itemimg-row {
    width: 120px;
    height: 110px;
    border: 1px solid #000000;
    padding: 5px;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    text-align: center;
}

.client-detailview .itemdetailbox li.itemimg .itemimg-row label {
    width: 100% !important;
    padding: 6px 0;
    text-align: center;
    margin: 0;
}

.client-detailview .itemdetailbox li.itemimg .itemimg-row img {
    height: auto;
    float: none;
    border: none;
    padding: 0px;
    margin-right: 0;
    max-height: 56px;
    margin-left: 0;
    width: auto;
}


.client-detailview-topbutton {
    width: auto;
    height: auto;
    float: left;
    position: absolute;
    right: 0;
    top: 31px;
}

.client-detailview-topbutton a.btn {
    margin: 0px 3px;
}

a.redcolor-alert {
    color: #FF0000;
}

.available-pri-table {
    text-align: left;
}

a.linkbadge {
    background: none;
    color: #000000;
    text-transform: capitalize;
    font-size: 16px;
    margin: 0 !important;
}

a.linkbadge:hover {
    background: none !important;
    color: #000000 !important;
}

a.preliminary-link {
    color: #000000;
    border-bottom: 1px solid #000000;
}

/* a.importwhite-icon span {
    background-image: url(../img/importicon.png);
    background-size: 100%;
    width: 17px;
    height: 17px;
    display: inline-block;
    filter: grayscale(3) brightness(0.5);
} */
/*---------------------------------------------*/


.margin-button {
    margin: 0 5px 0 0;
}

.clinet-heightrow {
    min-height: 400px;
}

/*---------------------Dashboard Active------------------*/

.notification-and-content-section .notification-section {
    background: #fff;
}

.notification-and-content-section .notification-section .notification-text .image-section img {
    border: 1px solid #e1e1e1;
    padding: 5px;
}

.client_voucher_section {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 35px;
    text-align: center;
}

.client_voucher_section .halfform {
    width: 50% !important;
    height: auto;
    float: left;
    margin-top: 0px;
    display: inline-block;
    margin-right: 0%;
}

.client_voucher_section .halfform label {
    width: 100% !important;
    height: auto;
    float: left;
}

.client_voucher_section .halfform .controls {
    width: 100% !important;
    height: auto;
    float: left;
    margin: 0;
}

.client_voucher_section .halfform .controls input {
    width: 100% !important;
    float: left;
}

.client_voucher_section .halfform .controls select {
    width: 100% !important;
    float: left;
}

.fr {
    float: right;
}


.client-textare {
    width: 100%;
    height: auto;
    float: left;
}

.client-textare textarea {
    width: 100%;
    height: auto;
    float: left;
    min-height: 125px;
}

.clientpop {
    width: 100%;
}

.clientpop-close a {
    margin-top: 2px;
    font-size: 20px;
    color: #000000;
    opacity: 1;
    font-family: 'FreightText Pro Book';
    font-weight: bold;
}

.clientpop-close {
    width: 100%;
    padding: 8px 20px;
}




/*--------------------------Tooltip--------------------*/
*,
*:before,
*:after {
    box-sizing: inherit;
}

/*== start of code for tooltips ==*/
.tooltip_new {
    cursor: help;
    position: relative;
}


/*== common styles for both parts of tool tip ==*/
.tooltip_new::before,
.tooltip_new::after {
    left: 50%;
    opacity: 0;
    position: absolute;
    z-index: -100;
}

.tooltip_new:hover::before,
.tooltip_new:focus::before,
.tooltip_new:hover::after,
.tooltip_new:focus::after {
    opacity: 0.8;
    transform: scale(1) translateY(0);
    z-index: 100;
}


/*== pointer tip ==*/
.tooltip_new::before {
    border-style: solid;
    border-width: 0.62em 0.54em 0 0.55em;
    border-color: #000 transparent transparent transparent;
    bottom: 100%;
    content: "";
    margin-left: -0.5em;
    transition: all .65s cubic-bezier(.84, -0.18, .31, 1.26), opacity .65s .5s;
    transform: scale(.6) translateY(-90%);
}

.tooltip_new:hover::before,
.tooltip_new:focus::before {
    transition: all .65s cubic-bezier(.84, -0.18, .31, 1.26) .2s;
}


/*== speech bubble ==*/
.tooltip_new::after {
    background: #000;
    border-radius: .25em;
    bottom: 145%;
    color: #EDEFF0;
    content: attr(data-tip);
    margin-left: -8.15em;
    padding: 5px;
    transition: all .65s cubic-bezier(.84, -0.18, .31, 1.26) .2s;
    transform: scale(.6) translateY(50%);
    width: 10em;
    text-align: center;
    font-size: 13px;
}

.tooltip_new:hover::after,
.tooltip_new:focus::after {
    transition: all .65s cubic-bezier(.84, -0.18, .31, 1.26);
}

@media (max-width: 760px) {
    .tooltip_new::after {
        font-size: .75em;
        margin-left: -5em;
        width: 10em;
    }
}


/*----------------------------*/

ul.quote-iconindicator {
    margin: 17px 0 22px !important;
    /*background: #f6f6f6;*/
    padding: 10px 0px 0 0px !important;
    border-top: solid 1px #000;
    position: relative;
}

/*ul.quote-iconindicator:before {content:""; background:url(../img/tooltipicon-arrow.png) center center no-repeat; position:absolute; left:50px; top:-11px;width:16px;height:10px;}*/
ul.quote-iconindicator li {
    list-style: none;
    float: left;
    width: 100%;
    margin: 0 0 7px;
    word-break: normal;
}

ul.quote-iconindicator li span {
    font-size: 12px;
    color: #000000;
    letter-spacing: 0px;
}

ul.quote-iconindicator li span i {
    float: none;
    margin-right: 1px;
}

ul.quote-iconindicator li span i.icon-oksign {
    margin: 0 4px 0 0 !Important;
}

.cursor-pointer i {
    cursor: pointer;
}

.btndisabled {
    background: #F0F0F0 !important;
    border: 1px solid #BFBFBF;
    color: #BFBFBF !important;
    opacity: 10 !important;
}

.btndisabled:hover {
    cursor: not-allowed;
}

/*-------------------Partner Flow----------------------*/

.partner-container {
    width: 100%;
    margin: 0 auto;
    height: 100%;
}

.partnerflow-form {
    width: 100%;
    height: auto;
    float: inherit;
    padding: 25px 35px;
    border: 1px solid #c7c7c7;
    max-width: 787px;
    margin: 40px auto;
}

.partnerflow-form fieldset {
    width: 100%;
    height: auto;
}

.halfformpartner {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 0 15px 0;
    margin-bottom: 0 !important;
}

.halfformpartner .controls {
    margin-left: 0 !important;
}

.halfformpartner input,
.halfformpartner select {
    padding: 5px 12px;
    border: none;
    border: 1px solid #BFBFBF;
    border-radius: 0px;
    margin-bottom: 0px;
    width: 100%;
    box-sizing: border-box;
    color: #000000;
    font-size: 16px;
    height: 40px;
    box-shadow: none;
    text-transform: none !important;
    font-family: 'FreightText Pro Book' !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.02em;
    text-align: left;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
}
.partnerflow-shadowbox .halfformpartner input,
.partnerflow-shadowbox .halfformpartner select {
    font-family: "FreightText Pro Book", sans-serif !important;
}

.appointment-form .halfformpartner input, 
.appointment-form .halfformpartner select {
    font-family: 'FreightText Pro Book', sans-serif !important;
}

.appointment-form label.control-label, .appointment-form label {
    font-family: 'FreightText Pro Book', sans-serif !important;
}

.appointment-form .ui-datepicker-month, .appointment-form .ui-datepicker-year {
    font-family: 'FreightText Pro Book';
}
.appointment-form .ui-datepicker-calendar table, 
.appointment-form .ui-datepicker-calendar tr, 
.appointment-form .ui-datepicker-calendar td, 
.appointment-form .ui-datepicker-calendar th {
    font-family: 'FreightText Pro Book';
}
.ui-state-disabled span, 
.ui-widget-content .ui-state-disabled span, 
.ui-widget-header .ui-state-disabled span {
    font-family: 'FreightText Pro Book';
}

.halfformpartner input.customError,
.halfformpartner select.customError {
    border-bottom: 1px solid #EF1313 !important;
}

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

.halfformpartner input:focus,
.halfformpartner select:focus,
.halfformpartner textarea:focus {
    box-shadow: 0px 0px 0px 2px #F2F4F5;
    border-color: #000000 !important;
}

.itemsfield .halfformpartner.cssdropdown::before {
    top: 5px !important;
}

.halfformpartner textarea {
    border-bottom: 1px solid #ccc !important;
    border-radius: 3px;
    box-shadow: none;
    width: 100%;
    font-size: 16px;
    border: none;
    font-family: 'FreightText Pro Book' !important;
    height: 80px;
}

.halfformpartner .controls {
    position: relative;
}

.halfformpartner input.otherfield {
    margin-top: 10px;
}

.halfformpartner input.uploadimg {
    height: auto;
    box-shadow: none;
    padding: 8px 10px 5px;
    border-color: #ccc;
    color: #000000 !important;
}

.halfformpartner .removeimgpath {
    position: absolute;
    top: 10px;
    right: 5px;
    line-height: 20px;
    text-decoration: none;
    background-color: #000000 !important;
    color: #fff;
    width: 20px;
    height: 20px;
    text-align: center;
    border-radius: 50%;
    transition: all 0.3s linear;
    cursor: pointer;
    display: inline-block;
    font-size: 9px;
    z-index: 9999;
}

.halfformpartner input[type="file"] {
    -webkit-appearance: none;
    text-align: left;
    -webkit-rtl-ordering: left;
    height: auto !important;
    line-height: normal;
    padding: 12px !important;
}

.customerdetail-email #user_email {
    text-transform: none !important;
}

.halfformpartner .transform-cap {}

/* .partnew-halfcol { width:48%; height:auto; display:inline-block;} */
.partnerflow-shadowbox .control-group label.control-label {
    color: #000000;
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.02em;
    text-align: left;
    font-family: "FreightText Pro Book", sans-serif !important;
}
.partnerflow-shadowbox .control-group label.control-label .red {
    color: #000000 !important;
}

.partnerflow-shadowbox .mainblackbtnquote {
    font-family: "FreightText Pro Book", sans-serif !important;
    color: #fff;
    background: #000000;
    border: 1px solid #000000;
    text-transform: inherit;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px !important;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.02em !important;
    text-align: center;
    max-width: 156px;
    padding: 6px 16px;
    min-width: 150px;
}

.clearborder {
    border-bottom: none;
    margin-bottom: 0;
    height: auto;
}

.partnerflow-shadowbox .edit-order-item-button button:first-child {
    border: 1px solid #000000;
    background: #fff !important;
    color: #000000 !important;
}

.partnerflow-shadowbox .edit-order-item-button button:first-child:hover {
    border: 1px solid #000000;
    color: #fff !important;
    background-color: #000000 !important;
}

.partnerflow-shadowbox .mainblackbtnquote:hover {
    background: #fff !important;
    border: 1px solid #000000;
    color: #000000 !important;
    text-decoration: none;
    transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    -ms-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
}

.partnerform-btns {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 19px;
}

.cssdropdown input {
    padding-right: 50px;
}

textarea {
    resize: none;
}

ul.orderullist {
    margin-bottom: 16px !important;
}

ul.orderullist label {
    width: 80% !important
}

.thankyou_contai h2 {
    clear: both;
    text-transform: uppercase;
    font-weight: 700;
    color: #000000;
    margin-top: 150px;
}

.partnerflow-logo {
    width: 100%;
    height: auto;
    margin-bottom: 24px;
    text-align: center;
}

.partnerflow-logo img {
    width: auto;
    max-width: 220px;
    object-fit: contain;
}

.partnerflow-shadowbox {
    background: #fff;
    /* padding: 16px 16px 25px; */
    box-sizing: border-box;
    max-width: 100%;
    margin: 0 auto;
    /* border: solid 1px #d8d8d8; */
}

.partnerflow-shadowbox h2 {
    font-size: 28px;
    font-family: "FreightText Pro Book", sans-serif !important;
    text-align: center;
    margin: 0;
    letter-spacing: 1px;
    color: #000000;
    text-transform: inherit;
    font-weight: bold;
    line-height: 1.7;
}

.store-form-footer {
    display: flex;
    align-items: center;
    padding: 16px;
    border-top: 1px solid #BAC3B7;
    width: 98%;
    margin: 0 auto;
    justify-content: space-between;
}

.footer-links {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
    display: flex;
    align-items: center;
    gap: 16px;
}

.footer-links a {
    color: #000000;
    text-decoration: underline;
}

.partnerflow-shadowbox p {
    color: #000000;
    margin: 0;
    font-family: "FreightText Pro Book", sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: 0.02em;
    text-align: left;
}

.partnerflow-shadowbox .edit-order-item-button .btn-primary {}



.lockicon {
    margin: 16px 0;
    text-align: center;
}

.partnerflow-steps {
    width: 100%;
    height: auto;
    float: left;
    margin: 0px 0 44px;
}

.partnerflow-steps-mobi {
    display: none;
}

.partnerflow-shadowbox a.clientadd-moreitems {
    margin-right: 0% !important;
}

.partnerflow-shadowbox .client-itemadd {
    float: none !important;
    margin: 0 !important;
}

.partnerflow-shadowbox .upload-imgpath ul li a.removeimgpath {
    width: 20px;
    height: 20px;
    font-size: 11px;
    line-height: 20px;
}

.partnerflow-shadowbox .client-itemadd ul li {
    width: 100%;
    position: relative;
    border: none;
    height: auto;
    padding: 0;
    min-height: auto;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    margin: 24px 0;
}

.partnerflow-shadowbox .client-itemadd ul li .imgpath-row {
    /* width: 440px;
    float: left; */
    text-align: left;
    position: relative;
    /* padding: 8px 0 10px 80px !important; */
    min-height: 74px;
    background: none;
    max-width: 90%;
    min-width: 300px;
    font-family: 'FreightText Pro Book';
}

.partnerflow-shadowbox .client-itemadd ul li span.client-itemname {
    width: 100%;
    float: left;
    font-weight: 600;
    font-size: 20px;
    word-break: break-all;
    font-family: 'FreightText Pro Book' !important;
    color: #000;
}

.partnerflow-shadowbox .client-itemadd ul li .imgpath-right {
    /* float: right !important;
    width: 70px !important;
    position: absolute;
    left: 0;
    top: 0; */
    border: 1px solid #000000;
    height: 100%;
    background: none;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 10px;
    max-width: 105px;
    min-width: 105px;
}

.partnerflow-shadowbox .client-itemadd ul li p {
    margin: 0;
    line-height: 20px;
    word-break: break-all !important;
    font-family: 'FreightText Pro Book' !important;
    color: #000000;
}

.partnerflow-shadowbox .client-itemadd ul li .imgpath-row span.imgpath img {
    width: auto;
    max-height: 40px;
}

/* .partnerflow-shadowbox .partnerflow-signuprow {
    width: 100%;
    height: auto;
    float: left;
    margin: 0px 0 0;
} */

.partnerflow-shadowbox .partnerflow-signuprow .post-ajax-opener {
    float: none;
}

.partnerflow-shadowbox .partnerflow-signuprow .post-ajax-opener input {
    margin: 0;
    margin-top: 7px;
}

.partnerflow-shadowbox .partnerflow-signuprow label {
    float: right !important;
    width: 100%;
    text-align: left;
    margin-top: 8px;
}

/* p.confirmationtage {
    font-size: 16px;
    line-height: 1.7;
    width: 470px;
    float: right;
    margin: 0;
} */



.partnerflow-shadowbox .thankyou-quote {
    max-width: 100%;
    padding: 0;
    border: none;
    background: none;
    margin: 0 auto !important;
    float: inherit !important;
    width: 100%;
}
.partnerflow-shadowbox .thankyou-quote a {
    color: #000;
    /* font-weight: bold; */
}
.partnerflow-shadowbox .search-btn a.btn-primary {
    color: #fff;
}
.partnerflow-shadowbox .search-btn a.btn-primary:hover, .partnerflow-shadowbox .search-btn a.btn-primary:focus {
    color: #000;
}
.partnerflow-shadowbox .search-btn a.btn-primary:focus {
    background-color: #fff;
}
.pagination button {
    background: #000;
    border: 1px solid #000;
    color: #fff;
    font-size: 14px;
}
.pagination button:disabled {
    opacity: 0.5;
}
.donate-button {
    background: #000;
    border-color: #000;
    color: #fff;
    font-size: 16px;
    padding: 10px 20px;
    margin-top: 20px;
    font-family: 'FreightText Pro Book';
    text-transform: capitalize;
}
.donate-button:hover {
    opacity: 0.6;
}
p.confirmationtage.partners_confirmtext {
    font-size: 16px;
    line-height: normal;
}

.partnerflow-shadowbox .thankyou-quote fieldset .staff_notice {
    font-family: 'FreightText Pro Book';
    font-size: 16px;
    font-weight: 400 !important;
    line-height: 24px;
    letter-spacing: 0.02em;
    text-align: center;
}

.partnerflow-shadowbox .thankyou-quote fieldset .thankyou_notice {
    font-family: 'FreightText Pro Book';
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.02em;
    text-align: center !important;
    margin: 12px 0;
}

.partnerflow-shadowbox .thankyou-quote fieldset img {
    margin-bottom: 24px;
    filter: grayscale(1) brightness(0.5);
    -webkit-filter: grayscale(1) brightness(0.5);
}

.partnerflow-shadowbox .edit-order-item-button {
    text-align: center;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 19px;
    margin-top: 20px;
}


.partnewflow-itemicons {
    /* float: right;
    width: 50px; */
    text-align: center;
    /* border-left: solid 1px #636363; */
    /* position: absolute;
    right: 0;
    top: 0; */
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
    flex-direction: column;
    width: 40px;
}

.partnerflow-shadowbox a.iconeditblack {
    background: url(../img/editicongreen.png);
    background-repeat: no-repeat;
    height: 40px;
    width: 100%;
    background-position: top center;
    font-size: 0;
    display: block;
    color: #fff;
    filter: grayscale(1) brightness(0.5);
    -webkit-filter: grayscale(1) brightness(0.5);
}

.partnerflow-shadowbox a.icondeleteblack {
    background: url(../img/deleteicongreen.png);
    background-repeat: no-repeat;
    height: 30px;
    width: 100%;
    background-position: top center;
    font-size: 0;
    display: block;
    color: #fff;
    filter: grayscale(1) brightness(0.5);
    -webkit-filter: grayscale(1) brightness(0.5);
}

p.addmoreitem {
    margin: 0 0 24px 0;
    font-weight: normal;
    font-size: 16px;
    color: #000000;
    float: left;
    text-align: center;
    width: 100%;
}

p.addmoreitem a {
    color: #000000;
    text-decoration: underline;
}
.partnerflow-shadowbox p.addmoreitem a {
    font-family: 'FreightText Pro Book';
}

.partnewflow-buttons {
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 19px;
}

.partnewflow-buttons button:first-child {
    border: 1px solid #000000;
    background: #fff;
    color: #000000;
}

.partnewflow-buttons button:first-child:hover {
    border: 1px solid #000000;
    color: #fff !important;
    background-color: #000000 !important;
}

.disabledbtn {
    background: #F0F0F0 !important;
    color: #bfbfbf !important;
    border-color: #bfbfbf !important;
}

.disablebtn:hover {
    cursor: not-allowed;
    background: #F0F0F0 !important;
    color: #bfbfbf !important;
    border-color: #bfbfbf !important;
}

.partnewflow-buttons a {
    font-size: 16px;
    padding: 6px 16px;
    border: 1px solid #0088cc;
    margin-bottom: 24px;
    font-weight: normal;
    line-height: 23px;
    cursor: pointer;
    margin: 0 !important;
    display: inline-block;
}

.partnewflow-buttons a.cancelbutton {
    border: 1px solid #939596 !important;
    color: #939596 !important;
}

.partnerflow-shadowbox .upload-imgpath {
    width: 100%;
}


.partnerflow-shadowbox .collectionlabel label {
    float: left;
    font-weight: normal;
}

.halfformpartner input.checkboxcollection {
    float: left;
    margin: 2px 6px 0 0;
}

p.collec-signingbelow {
    width: 100%;
    float: left;
    text-align: left;
    line-height: 18px;
    font-size: 12px;
    margin: 0;
}

.partnerflow-shadowbox .signaturecanvas canvas#signatureCanvas {}

.partnerflow-shadowbox .signaturecanvas .btn-group {
    float: right;
    margin: 0;
}

.partnerflow-shadowbox .signaturecanvas .btn-group button {
    margin: 0;
    background: #000000;
}

.collection_ordernumbers .control-group {
    width: 100%;
    float: left;
    margin: 0;
}

.collection_ordernumbers ul {
    margin: 0 0 0 16px !important;
    padding: 0;
    width: 100%;
    float: left;
}

.collection_ordernumbers ul li {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    float: left;
}

.collection_ordernumbers ul li label {
    font-size: 13px;
}

.collectionbordertop {
    border-top: solid 1px #f0f0f0;
    padding-top: 16px;
}

.collection-mobi-signature {
    display: none
}


.collecupate-ordernurm {
    width: 100%;
    float: left;
    text-align: left;
}

.collecupate-ordernurm label {
    width: 100% !important;
    float: left;
}

.collecupate-ordernurm input[type='radio'] {
    width: auto;
    float: left;
    display: inline-block;
    height: auto;
    margin: 3px 7px 0 0;
}

.collecupate-ordernurm span {
    display: inline-block;
    float: left;
    width: 400px;
    margin-bottom: 16px;
}

.collecupate-ordernurm span.red {
    width: auto;
    float: none;
    margin: 0;
}




.stage-chileprocess ul {
    height: 80px;
    overflow-y: scroll;
    list-style: none;
    width: 100%;
    float: right;
    border-bottom: 1px solid #BFBFBF !important;
    padding: 10px 0;
    border-radius: 0;
}

.stage-chileprocess ul li label {
    float: left;
    width: 290px;
}

/* .stagepage-checkboxgroup {
    width: 48%;
    float: left;
} */

.stagepage-checkboxgroup .halfform {
    width: 48%;
    float: left;
}


.job_rotateimg_main {
    position: relative;
    width: 100px;
    float: left;
    margin: 0 16px 5px 0;
    /* border: 1px solid #e1e1e1; */
}

.job_rotateimg_main a.order-detail-rotate {
    position: absolute;
    right: 6px !important;
    top: 6px;
    height: 25px;
    width: 25px;
}

.input-minhegiht {
    min-height: 40px;
}

/*-------------------*/

.addpartner_form {
    width: 100%;
    height: auto;
    float: left;
    margin: 16px 0 30px;
}

.addpartner_form label.control-label {
    font-size: 16px;
}

.addpartner_form .error label.control-label {
    padding-top: 13px;
    color: #222;
}

.addpartner_form .error input {
    border: 2px solid #f00;
}

.addpartner_form span.help-inline {
    display: none;
}

a.formlist_icon {
    font-size: 0;
    width: 46px;
    height: 40px;
    display: inline-block;
    background: #616161 url(../img/list-icon.png) center center no-repeat;
    border-radius: 5px;
    border: none;
    margin: 0;
    float: left;
}

.borderline {
    width: 100%;
    height: 1px;
    float: left;
    background: #d5d5d5;
    margin: 20px 0 20px;
}

.partner_formsetup {
    width: 100%;
    height: auto;
    float: left;
    margin: 0 0 25px
}

.partner_formsetup .partner_formsetup_container {
    width: 710px;
    margin: 0 auto;
}

.partner_formsetup .partner_formsetup_left {
    width: 275px;
    height: auto;
    float: left;
}

.partner_formsetup label.control-label {
    width: 100%;
    float: left;
    font-size: 16px;
    margin: 0 0 13px 4px;
}

.partner_formsetup ul {
    width: 100%;
    height: 300px;
    float: left;
    border: solid 1px #dcdcdc;
    padding: 0;
    margin: 0;
}

.partner_formsetup ul li {
    padding: 6px 10px;
    margin: 0;
    font-size: 16px;
    line-height: 22px;
}

.partner_formsetup ul li.active {
    background: #000000;
    color: #fff;
}

.partner_formsetup .partner_formsetup_center {
    width: 165px;
    height: 300px;
    float: left;
    padding: 0 18px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.partner_formsetup .partner_formsetup_center a {
    display: block;
    text-align: center;
    color: #fff;
    font-size: 16px;
    padding: 10px 0;
    float: left;
    width: 100%;
    background: #000000;
    font-weight: bold;
    font-family: 'FreightText Pro Book';
    text-transform: uppercase;
}

.partner_formsetup .partner_formsetup_right {
    width: 250px;
    height: auto;
    float: left;
}

.partner_formsetup .form-actions {
    width: 100%;
    float: left;
}


/*----------------------*/

.search-section ul.searchsection-jobsorder {
    text-align: left !important;
}

.search-section ul.searchsection-jobsorder .search-term {
    margin-right: 8px;
    min-width: 95px;
    display: inline-block;
    margin-bottom: 0 !important;
}

.search-section ul.searchsection-jobsorder li select {
    height: 42px;
    width: 226px;
}

.search-section ul.jobsorder-search-widget {
    margin: 40px 0 0 !important;
}

.search-section ul.jobsorder-search-widget li {
    margin: 0;
}

.search-section ul.jobsorder-search-widget li a {
    border: solid 1px #08c;
    padding: 10px 11px;
    text-decoration: none;
    border-radius: 4px;
    color: #08c;
    float: left
}


img {
    image-orientation: from-image;
}


.control-group.halfform .controls {
    position: relative;
}

#dash_board_class .pq-form fieldset {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#dash_board_class .well fieldset label.control-label {
    padding-top: 7px;
    font-family: 'FreightText Pro Book' !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.02em;
    text-align: left;
    width: 100%;
    float: inherit;
}

.preqoute-main.page2 .preqoute-screen1 .controls input {
    width: 100%;
    max-width: 100% !important;
}

#dash_board_class .control-group.halfform .controls input {
    padding: 8px 12px;
    font-family: 'FreightText Pro Book';
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.02em;
    text-align: left;
    border: 1px solid #D9D9D9;
    border-radius: 0;
    max-width: 167px;
}

#dash_board_class .control-group.halfform .controls .btn-primary {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.02em;
    text-align: center;
    padding: 8px 16px;
    margin-left: -4px;
}

#dash_board_class .well fieldset .halfform {
    width: auto;
}


#dash_board_class .control-group.halfform .controls {
    line-height: 38px;
    margin-left: 0;
}

.control-group.halfform .controls .droplist {
    top: 100%;
}

.control-group.halfform .controls .droplist li {
    padding: 6px;
    cursor: pointer;
}

.control-group.halfform .controls .droplist li a {
    cursor: pointer;
}

.halfform .controls .adddropdownimg:after {
    content: "";
    position: absolute;
    right: 30px;
    top: 32%;
    background: url(static/img/dropdownarrow.png) no-repeat;
    width: 19px;
    height: 10px
}


/*-----------------28-4---------------*/

p.select-record {
    color: #000;
    margin-bottom: 16px;
    font-family: 'FreightText Pro Book' !important;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.02em;
    text-align: left;
}

p.select-record strong {
    font-weight: bold;
}

.mergebutton {
    text-align: center;
}

.mergebutton a.btn-primary {
    margin: 0;
}

a.paginationgo {
    font-size: 16px !important;
    padding: 5px !important;
    margin-bottom: 0;
}

.mergeuser-row {
    width: 100%;
    float: left;
    border: 1px solid #ddd;
    margin-bottom: 25px;
    border-radius: 5px;
}

.mergeuser-row .control-group {
    width: 50%;
    float: left;
    background: #f7f7f7;
    padding: 13px 20px;
    margin: 0;
}

.mergeuser-row .control-group label {
    width: auto;
    font-size: 16px;
}

.mergeuser-row .control-group .controls {
    margin: 0 0 0 20px;
    width: auto !important;
    float: left;
}

label.permision-label {
    color: #222;
    font-size: 22px;
    font-weight: bold;
    font-family: 'FreightText Pro Book';
    line-height: 1.7;
}

label.permision-label a {
    padding: 7px 16px;
    float: right;
    margin: 0;
    position: relative;
    top: -5px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.02em;
    text-align: center;
    background: transparent;
    color: #000000;
    border: 1px solid #000000;
    margin-bottom: 20px;
}

label.permision-label a:hover {
    background: #000000;
    color: #fff;
    border: 1px solid #000000;
}

.table-bordered tr.ng-scope td button.btn {
    background: transparent;
    padding: 0;
}

.table-bordered tr.ng-scope td .view-details-btn {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.02em;
    text-align: center;
    color: #000000;
    text-decoration: underline;
    white-space: nowrap;
    height: auto;
}

.table-bordered tr.ng-scope td .view-details-btn:focus {
    outline: none;
}

.formhalf .control-group {
    width: 47%;
    float: left;
    margin-left: 2%;
}

.formhalf .control-group .controls {
    margin: 0;
}

.formhalf .control-group input,
.formhalf .control-group select {
    height: 40px;
    border: 1px solid #dadada;
    padding: 0px 16px;
    border-radius: 0px !important;
    width: 100%;
}

.buttoncenter {
    text-align: center !important;
}

.permissiontable {
    width: 100%;
}

/*.permission-innertable {height:300px; overflow:scroll;}*/
.permission-innertable {
    /* overflow: scroll; */
}

.permission-innertable table {
    width: 100%;
    border: none !important;
}

.permission-innertable table tr th,
.permission-innertable table tr td {
    border-bottom: 1px solid #E0E0E0 !important;
    border-top: none !important;
    padding: 24px;
}

.permission-innertable table tr th {
    font-family: 'FreightText Pro Book';
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    text-align: left;
    background: #BAC3B7;
    letter-spacing: 0;
    /* padding: 20px; */
}

.permission-innertable table tr.accordion-toggle td {
    font-family: '#000000';
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    text-align: left;
    letter-spacing: 0;
    /* padding: 20px; */
    background: #F0F0F0;
    position: relative;
}

.permission-innertable table tr.accordion-toggle td:before {
    content: '';
    position: absolute;
    right: 16px;
    width: 16px;
    height: 24px;
    background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M-3.67218e-07 11.733L8 3.33203L16 11.733L15.1121 12.6654L8 5.1965L0.887851 12.6654L-3.67218e-07 11.733Z" fill="%23282927"/></svg>');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.permission-innertable table tr td {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.02em;
    text-align: left;
}

.permission-innertable table tr td input[type=checkbox] {
    width: 24px !important;
    min-width: 24px;
    height: 24px !important;
    margin: -3px 5px 0 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-clip: content-box;
    padding: 2px !important;
    border: 1px solid #000000;
    border-radius: 50%;
}

.permission-innertable table tr td input[type=checkbox]:checked:before {
    content: '\2713';
    position: relative;
    top: -2px;
    left: 4px;
    color: #fff;
    font-size: 13px;
}

.permission-innertable table tr td input[type=checkbox]:checked {
    background: #000000;
}

.permission-innertable table tr td input[type=checkbox]:focus {
    outline: none;
}

/*--------------------------*/

.qrheader {
    border: none;
}

.circulo-mean .modal .qstep_1 {
    width: 756px;
    margin: 0 auto;
    float: inherit;
}

.qstep_1 {
    width: 100%;
    float: left;
    padding: 0 8px 25px;
}

.qstep_1_left {
    width: 20%;
    float: left;
    position: relative;
    left: -5px;
}

.qstep_1_right {
    width: 60%;
    float: left;
    text-align: center;
    margin-left: 2%;
    position: relative;
    height: auto;
    min-height: 120px;
}

.qstep_1_right a {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    color: #000;
}


ul.qstep_1_bottom {
    width: 96%;
    float: left;
    list-style: none;
    border: solid 2px;
    margin-top: 25px !important;
    border-right: none;
    position: relative;
    border-radius: 0 4px 4px 0;
}

ul.qstep_1_bottom::before {
    content: '';
    background: url(../img/qrarrow.png) right top no-repeat;
    background-size: auto;
    background-size: auto;
    width: 37px;
    height: 100%;
    position: absolute;
    top: 0px;
    right: -25px;
    z-index: 9;
    background-size: contain;
}

ul.qstep_1_bottom li {
    position: relative;
    margin: 0;
    padding: 5px 35px 5px 10px;
    float: left;
    text-align: center;
}

ul.qstep_1_bottom li::before {
    content: '';
    background: url(../img/qrarrow.png) right top no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 9;
    background-size: contain;
}


ul.qstep_1_bottom li label {
    font-weight: 600;
    font-size: 16px;
    margin: 0;
}







.circulo-mean .modal .qstep_2 {
    width: 756px;
    margin: 0 auto;
    float: inherit;
}

.qstep_2 {
    width: 100%;
    float: left;
    padding: 16px 8px 0;
    letter-spacing: 0;
}

.qstep_2_img {
    width: 100%;
    float: left;
    text-align: center;
    margin-bottom: 16px;
}

.qstep_2 .qstep_2_img .job_rotateimg_main {
    margin: 0 !important;
    width: 100%;
    float: left;
    border: none;
}

.qstep_2 .qstep_2_img .job_rotate_itemname {
    width: 100%;
    float: left;
}

.qstep_2 .qstep_2_img .job_rotate_itemname p {}

.qstep_2 .qstep_2_img .job_rotate_itemname p span {
    display: block;
}

.qstep_2_img img {
    max-width: 100%;
    max-height: 100px;
    margin-bottom: 16px;
}

.qstep_2_img p {
    margin: 0;
    font-size: 20px;
    line-height: 28px;
    font-family: '#000000';
    color: #222;
    /* font-weight: bold; */
}

.qstep_2_img p::first-letter {
    text-transform: capitalize;
}

.qstep_2_step {
    width: 100%;
    float: left;
    list-style: none;
    background: #ededed;
}

.qstep_2_step li {
    position: relative;
    margin: 0;
    padding: 5px 35px 5px 10px;
    float: left;
    text-align: center;
    font-size: 12px;
}

.qstep_2_step li::before {
    content: '';
    background: url(../img/qrarrow-white.png) right top no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 9;
    background-size: contain;
}

.qstep_2_step li label {
    font-weight: 600;
    font-size: 12px;
    margin: 0;
}

.qstep_2_step li img {
    max-width: 35px;
    margin-bottom: 4px;
}

.qstep_2_related {
    width: 100%;
    float: left;
    overflow: auto;
    margin-bottom: 7px;
    margin-top: 10px;
}

.qstep_2_related ul li strong.item-services-modal-view-heading {
    font-size: 16px;
}

.qstep_2_related ul li table {
    margin: 0 !important;
}

.qstep_2_related table th,
.qstep_2_related table td {
    padding: 6px;
}

.qstep_2_related table td.itemcol {
    white-space: nowrap;
}

.qstep_2_select {
    width: 100% !important;
    float: left;
    text-align: center;
    padding: 0 25px;
    margin: 16px 0;
}

.qstep_2_select select {
    border-bottom: 1px solid #BFBFBF !important;
    border: none;
    border-radius: 0;
    padding: 5px 12px;
    height: 32px;
    font-family: 'FreightText Pro Book';
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.02em;
    text-align: left;
    color: #000000 !important;
    width: 100%;
}

.qstep_2_table {
    width: 100%;
    float: left;
    border-top: solid 2px #efefef;
    max-height: 260px;
    overflow: auto;
}

h3.itemheading {
    font-size: 16px;
    margin: 10px 0 0;
    font-weight: 600;
    color: #000;
}

.qstep_2_table table {
    border: none !important;
}

.qstep_2_table table tr {
    border: none !important;
}

/*.qstep_2_table table tr td{ border:none!important;padding: 6px!important;}*/
.qstep_2_table table tr td {
    border: none !important;
}

.qstep_2_buttun {
    width: 100%;
    float: left;
    text-align: center;
    margin: 16px 0;
}

/* .qstep_2_buttun button,
.qstep_2_buttun a {
    width: 100%;
    padding: 16px 0;
    background-color: transparent;
    text-transform: uppercase;
    border: 2px solid #000000;
    color: #000000;
    display: block;
    letter-spacing: 1px;
    text-shadow: none;
    font-family: 'FreightText Pro Book' !important;
    font-weight: bold;
    font-size: 16px !important;
} */
.qstep_2_buttun button,
.qstep_2_buttun a {
    width: fit-content;
    margin: 0 auto;
}

.qstep_2_buttun button:hover,
.qstep_2_buttun a:hover {
    background-color: transparent !important;
    color: #000000 !important;
    text-decoration: none !important;
}

/* .qstep_2_buttun .rightarrow {
    background-image: url(../img/page-arrow-right-white.png);
    background-size: 21px;
    background-position: right center;
    background-repeat: no-repeat;
}

.qstep_2_buttun .backarrow {
    background-image: url(../img/page-arrow-red.png);
    background-size: 13px;
    background-position: 16px center;
    background-repeat: no-repeat;
}

.qstep_2_buttun .backarrow:hover {
    background-image: url(../img/page-arrow-red.png);
    background-size: 13px;
    background-repeat: no-repeat;
} */



.qstep_2_scroll {
    width: 100%;
    height: 460px;
    padding-right: 6px;
}





.qstep_3 {
    padding: 0 8px 8px;
    width: 100%;
    float: left;
    letter-spacing: 0;
}

.qstep_3 h3 {
    text-align: center;
}

.qstep_3 ul {
    width: 100%;
    float: left;
    list-style: none;
}

.qstep_3 ul li {
    width: 100%;
    float: left;
    border-top: solid 1px #ebebeb;
    padding-top: 8px;
    margin-bottom: 8px;
}

.qstep_3 ul li .left {
    float: left;
}

.qstep_3 ul li .rigth {
    float: right;
    font-size: 17px;
}

.qstep_3 ul li p {
    width: 100%;
    float: left;
    color: #787878;
    font-size: 13px;
    border-top: solid 1px #ebebeb;
    margin-top: 8px;
    padding-top: 8px;
}

.qstep_3 ul li .left a {
    color: #000;
    font-size: 16px;
    letter-spacing: 0;
}

.qstep_3_scroll {
    width: 100%;
    height: 460px;
    overflow: auto;
    padding-right: 5px;
    padding-top: 16px;
}

.qstep_3_scroll table {
    border: none !important;
    width: 100%;
}

.qstep_3_scroll table td {
    border-bottom: solid 1px #d4d4d4 !important;
    border-right: solid 1px #d4d4d4 !important;
    padding: 5px;
}

.qstep_3_scroll table td:last-child {
    border-right: none !important;
}

.qstep_3_scroll table td .onetd-left a {
    color: #000000;
    font-size: 16px;
    letter-spacing: 0;
    text-decoration: none !important;
}

.qstep_3_scroll table td .onetd-left p {
    width: 100%;
    float: left;
    color: #787878;
    font-size: 13px;
    margin: 0;
}

.qstep_3_scroll table td .onetd-center {
    color: #000;
    font-size: 16px;
}

.qstep_3_scroll table td .onetd-right {
    color: #000;
    font-size: 16px;
}

.qstep_3_scroll_heading {
    width: 100%;
    float: left;
    border-bottom: solid 1px #d4d4d4;
}

.qstep_3_scroll_heading li {
    list-style: none;
    float: left;
    font-size: 16px;
    font-weight: 600;
    padding: 5px;
}

.qstep_3_scroll th {
    border-bottom: solid 1px #d4d4d4;
    color: #000;
    font-size: 16px;
    font-weight: 600;
    padding: 5px;
}

.qstep_3_scroll th.one {
    width: 50%;
    border-right: solid 1px #d4d4d4;
    text-align: left;
}

.qstep_3_scroll th.two {
    width: 25%;
    border-right: solid 1px #d4d4d4;
    text-align: center;
}

.qstep_3_scroll th.three {
    width: 25%;
    text-align: center;
}

.qstep_3_scroll .onetd {
    width: 50%;
}

.qstep_3_scroll .red_text {
    color: #f18f79 !important;
}

.qstep_3_scroll .red_text a {
    color: #f18f79 !important;
}

.qstep_3_scroll .red_text p {
    color: #f18f79 !important;
}

.qstep_3_scroll .twotd {
    width: 25%;
    text-align: center;
}

.qstep_3_scroll .threetd {
    width: 25%;
    text-align: center;
}


.qstep_4 {
    padding: 0 8px 8px;
    width: 100%;
    float: left;
    letter-spacing: 0;
    box-sizing: border-box;
}

.qstep_4 h3 {
    text-align: center;
    padding-right: 25px;
}

.qstep_4 ul {
    width: 100%;
    float: left;
    border-top: solid 2px #ebebeb;
    padding-top: 16px;
}

.qstep_4 ul li {
    list-style: none;
    width: 100%;
    float: left;
    margin: 0px 0 5px;
}

.qstep_4 ul li .logstatus {
    width: 100%;
    float: left;
    background: #dedede;
    padding: 5px 10px;
    box-sizing: border-box;
}

.qstep_4 ul li .logstatus-main {
    width: 100%;
    float: left;
    background: #f2f2f2;
    color: #727272;
    padding: 5px 10px;
    box-sizing: border-box;
}

.qstep_4 ul li .logstatus .logstatus-left {
    width: auto;
    float: right;
    color: #717171;
    font-size: 13px;
}

.qstep_4 ul li .logstatus .logstatus-right {
    width: auto;
    float: left;
    color: #717171;
    font-size: 13px;
    text-transform: uppercase;
}

.qstep_4 ul li p {
    width: 100%;
    float: left;
    margin: 0;
    padding: 5px 10px 0;
    color: #828282;
    word-break: break-word;
}

.step4_submit {
    width: 400px;
    padding: 0;
    margin: 0 auto;
    float: none;
}

.step4_submit #item_admin_note {
    border: solid;
    border-radius: 0;
    width: 70% !important;
    float: left;
}

.step4_submit button {
    width: 30%;
    border-radius: 0;
    background: #000;
}

.step4_submit .controls {
    width: 100%;
    float: left;
    margin: 20px 0 20px;
}

.qstep_4 button.step4_back {
    background: #000000;
    color: #fff;
}

.qstep_4 button.step4_back:hover {
    background: #000000
}

.qstep_4_scroll {
    width: 100%;
    height: 340px;
    overflow: auto;
    padding-right: 6px;
}


.step5-scroll {
    width: 100%;
    float: left;
}

.step5-scroll .step5-form {
    width: 100%;
    float: left;
}

.step5-scroll .step5-form label {
    width: 100% !important;
    float: left;
}

.step5-scroll .step5-form .width-full {
    width: 100% !important;
    float: left;
    padding: 0 !important;
}

.step5-scroll .step5-form select {
    width: 100% !important;
    float: left;
    border: 2px solid #000 !important;
}

.step5-scroll .step5-form textarea {
    width: 100% !important;
    float: left;
    height: 210px;
    border: 2px solid #000 !important;
    margin: 0;
}


.qricon {
    position: absolute;
    right: 9px;
    top: 2px;
}

.qricon img {
    width: 10px;
}

.qrprint-but {
    position: relative;
}

.qrprint-but i.icon-print {
    left: -3px;
    position: relative;
}


a.relatedshow {
    border: solid 1px #000000;
    padding: 2px 5px;
    border-radius: 2px;
    margin-left: 3px;
    color: #fff;
    background: #000000;
}


.passwordeye {
    position: relative;
}

.passwordeye input#user_pass {
    padding-right: 50px;
}

.passwordeye #eyebg {
    position: absolute;
    right: 20px;
    top: 2px;
    background-size: 30px;
    background-position: center;
    width: 30px;
    background-repeat: no-repeat;
    opacity: 0.5;
}

.passwordeye .eye_password {
    background-image: url(../img/eyeclose.png)
}

.passwordeye .eye_text {
    background-image: url(../img/eyeopen.png)
}


select option::first-letter {
    text-transform: capitalize;
}

.permission-body .permission-acess .permission-innertable table tr th {}

#dash_board_class {
    padding-bottom: 30px;
}

.useradd-code {
    width: 95px !important;
    float: left;
}

.halfform .controls .useradd-phone {
    width: 66%;
    float: right;
    margin-right: 2%;
}


/* .parentservice-ul {
    width: 360px;
    float: left;
    margin-left: 20px !important;
    border: solid 1px #c9c9c9;
    padding: 10px;
    border-radius: 5px;
    max-width: 100%;
}

.parentservice-ul li {
    width: 100%;
}

.parentservice-ul .gray_li {
    background: #000000;
    padding: 5px;
    margin: 0px 0 0px;
    border-bottom: solid 1px #f49681;
} */

.parentservice-ul .disabled_li {
    background: #f2f2f2;
    padding: 5px;
}

.parentservice-ul .disabled_li .styleDisabled {
    cursor: not-allowed;
    pointer-events: none;
}

.parentservice-ul .disabled_li label {
    color: #b1b1b1 !important;
}

/* .parentservice-ul .white_li {
    padding: 5px;
} */

/* .parentservice-ul .parent-label {
    margin: 0;
    color: #fff;
    width: 92%;
} */

.circulo-mean .modal .form-horizontal .control-group .parentservice-ul .gray_li {
    background-color: transparent;
    margin-top: 0;
}

.clintabout {
    width: 100%;
    float: left;
    padding: 0 1%;
}

.clintabout label {
    margin-bottom: 7px;
}

.clintabout textarea {
    width: 100%;
    float: left;
    resize: vertical;
}

.full-input .halfform {
    width: 50%;
}

.full-input .halfform .controls input,
.full-input .halfform .controls textarea,
.full-input .halfform .controls select {
    width: 100%;
}

.update-service {
    padding: 0 0;
}

.update-service .halfform {
    width: 43%;
    text-align: left;
}

.update-service .buttonabso {
    width: 90px;
    float: right;
    margin-top: 26px;
}


.removeservice-section {
    width: 100%;
    float: left;
    text-align: left;
}

.removeservice-section p {
    font-size: 16px;
}


.statuesnew {
    display: block;
}

/*---------------------------------*/


.pqi .pqi-img img {
    border: solid 1px #e6e6e6;
    padding: 6px;
    border-radius: 3px;
    max-width: 100px;
}

.pqi .pqi-name {}

.pqi .pqi-comment {
    word-break: break-word;
}

.new-step1table {
    width: 100%;
    float: left;
    border-top: solid 2px #eceaea;
    margin-bottom: 16px;
}

.new-step1table ul {}

.new-step1table ul li {
    margin: 0;
    padding: 0;
    background: #fff;
    list-style: none;
    float: left;
    width: 100%;
}

.new-step1table ul li .new-step1table-strong {
    width: 100%;
    float: left;
    background: #fff;
    padding: 6px 0;
}

.new-step1table ul li:nth-child(odd) {
    background: #f2f2f2;
}

.new-step1table ul li .new-step1table-shortdes {
    width: 50%;
    float: left;
}

.new-step1table ul li .new-step1table-shortdes a {
    color: #808080;
    font-size: 13px;
    text-decoration: none;
    padding: 10px 12px;
    display: inline-block;
}

.new-step1table ul li .work_btn,
.new-step1table ul li .todo_btn,
.new-step1table ul li .done_btn {
    width: 50%;
    float: left;
    text-align: right;
    padding: 7px
}

.new-step1table ul li .work_btn a {
    background: #efb61c;
    padding: 5px 12px;
    border-radius: 16px;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 2px;
}

.new-step1table ul li .todo_btn a {
    background: #db3131;
    padding: 5px 12px;
    border-radius: 16px;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
}

.new-step1table ul li .done_btn a {
    background: #5cdd7a;
    padding: 5px 12px;
    border-radius: 16px;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
}


.new-step2-content {
    width: 100%;
    float: left;
    padding: 0 0px;
}

.new-step2-content h2 {
    font-size: 19px;
    margin: 16px 0 8px;
    line-height: 21px;
    text-transform: capitalize;
    font-family: 'FreightText Pro Book';
    color: #222;
}

.new-step2-content p {
    color: #000000;
}

.new-step2-content h3 {
    display: inline-block;
    font-size: 19px;
}

.new-step2-content span {
    font-size: 19px;
}

h2.mobheading,
h3.mobheading {
    font-size: 22px !important;
    margin: 8px 0 16px !important;
    padding: 0 50px 10px !important;
    display: block !important;
    border-bottom: solid 2px #ededed !important;
    text-align: center !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    line-height: 1.7 !important;
    font-family: 'FreightText Pro Book';
    letter-spacing: 3px;
    color: #000;
}


.new-viewitem .new-viewitem-title {
    width: 100%;
    float: left;
}

.new-viewitem .new-viewitem-title p {
    margin: 0;
    font-size: 22px;
    padding: 0 50px;
    font-family: 'FreightText Pro Book';
    letter-spacing: 3px;
    text-transform: uppercase;
    line-height: 1.7;
    color: #222;
    font-weight: bold;
}

.new-viewitem .newqstep_2_table {
    border: none !important;
}

.new-viewitem h3.itemheading {
    line-height: normal;
}

.new-viewitem td.new-itemstatus {}

.new-qstep_2_scroll {
    width: 100%;
    height: 445px;
    overflow: auto;
    padding-right: 6px;
}

.new-qstep_4_scroll {
    width: 100%;
    height: 395px;
    overflow: auto;
    padding-right: 6px;
}

.new-qstep_4_scroll h3 {
    margin-bottom: 16px;
    margin-bottom: 16px;
    font-family: 'FreightText Pro Book';
    letter-spacing: 3px;
    text-transform: uppercase;
    line-height: 1.7;
    color: #222;
}

.new-qstep_4_scroll .step5-form {
    width: 100%;
    float: left;
}

.new-qstep_4_scroll .step5-form label {
    width: 100% !important;
    float: left;
}

.new-qstep_4_scroll .step5-form .width-full {
    width: 100% !important;
    float: left;
    padding: 0 !important;
}

.new-qstep_4_scroll .step5-form select {
    width: 100% !important;
    float: left;
    border: 2px solid #000 !important;
    border-radius: 0;
}

.new-qstep_4_scroll .step5-form textarea {
    width: 100% !important;
    float: left;
    height: 150px;
    border: 2px solid #000 !important;
    margin: 0;
    border-radius: 0;
}

.new-qstep_4_select {
    width: 100%;
    float: left;
}

.new-qstep_4_select .controls {
    width: 100% !important;
    float: left;
    border: 2px solid #000 !important;
    -webkit-appearance: none;
    text-indent: 0.01px;
    background-size: 28px !important;
    padding-right: 33px;
    box-sizing: border-box;
    background: #fff url(../img/select-arrows.png) no-repeat right center;
    padding: 4px 5px;
    border-radius: 0px;
}

.new-qstep_4_select .controls a {
    padding: 5px 5px;
    border-radius: 16px;
    color: #000;
    text-transform: uppercase;
    display: inline-block;
}

/*-------
.new-qstep_4_select .controls a.todo_btn {background:#db3131;}
.new-qstep_4_select .controls a.work_btn {background:#efb61c;}
.new-qstep_4_select .controls a.done_btn {background:#5cdd7a;}
---*/

.new-qstep_4_select ul {
    border: solid 1px #ebebeb !important;
    position: absolute;
    left: -2px;
    top: 40px;
    z-index: 999;
    background: #fff;
    padding: 1px;
}

.new-qstep_4_select ul li {
    list-style: none;
    padding: 1px 8px;
    cursor: default;
}

.new-qstep_4_select ul li:hover {
    background: #0078d7;
    color: #fff;
}

.newligitbox p {
    text-align: center;
    font-size: 16px;
    text-transform: capitalize;
}

.newligitbox ul li {
    text-align: center;
}

.newligitbox ul li img {
    max-height: 250px;
    margin: 20px 0
}

.newligitbox-buttons {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
    padding: 0 20px;
}

.newligitbox-buttons .butoon {}

.newligitbox-buttons .prevbtn {
    background: url(../img/newarrow-left.png) no-repeat;
    width: 50px;
    height: 56px;
    background-size: 29px;
    display: block;
    float: left;
}

.newligitbox-buttons .nextbtn {
    background: url(../img/newarrow-right.png) no-repeat;
    width: 50px;
    height: 56px;
    background-size: 29px;
    display: block;
    float: right;
}


/*-----------------------------*/

.sendreutrn .small_img {
    width: 120px !important;
    height: auto !important;
    margin: 0 !important;
}

.sendreutrn .small_img img {
    min-height: 82px !important;
    width: auto !important;
    max-width: none !important;
    padding: 4px !important;
}

.sendreutrn .sendreturn-contnt {
    width: 310px;
    float: right;
    margin-right: 25px;
}

.sendreutrn .sendreturn-contnt p {
    font-size: 16px;
    margin: 5px 0 10px;
}

.sendreutrn .sendreturn-contnt p strong {
    font-size: 16px;
}

.sendreutrn .sendreturn-contnt p span {
    font-size: 16px;
    color: #000000;
    font-weight: bold;
}

.sendreturnbutton {
    width: 100%;
    float: left;
    text-align: center;
    padding-bottom: 35px;
}

.sendreturnbutton button {
    padding: 10px 50px;
}

.sendreutrnheading {
    padding: 9px 16px 0;
}

.sendreutrnheading h2 {
    text-transform: uppercase;
    padding-top: 0px;
}

.sendreutrn-table table.sendreutrn {
    border: none !important;
    border-radius: 0 !important;
}

.sendreutrn-table table.sendreutrn thead tr {
    border: none;
    background: none;
    border-radius: 0;
}

.sendreutrn-table table.sendreutrn thead tr th {
    border-top: solid 1px #d3d3d3 !important;
    border-bottom: solid 1px #d3d3d3 !important;
    border-radius: 0 !important;
}

.sendreutrn-table table.sendreutrn tr {}

.sendreutrn-table table.sendreutrn tbody tr:nth-child(even) {
    background: #fafafa;
}

.sendreutrn-table table.sendreutrn tbody tr:nth-child(odd) {
    background: #fff;
}


.sendreutrn-table table.sendreutrn tr td {
    padding: 16px 4px;
    border-radius: 0 !important;
    border: none !important;
}

.returndate {
    width: 100px;
    float: none;
    margin-top: 10px;
    font-size: 16px;
    line-height: 17px;
}

.mng-qt-itm {
    width: 100%;
    float: left;
    padding: 16px;
    padding-top: 0;
}

.mng-qt-itm ul {
    padding: 0 10px;
}

.mng-qt-itm ul li.full-table-width-w-black-border {
    width: 100% !important;
    margin: 5px 0 3px !important;
    list-style: none;
}

.reports_downlaodsection ul li a.downlaodcsvreport {
    background: #000000 !important;
    font-size: 16px !important;
    font-family: 'FreightText Pro Book' !important;
    font-weight: bold !important;
    padding: 10px 13px !important;
}

.jobdetailpage .item-history-table td {
    word-break: break-word;
}

button.pre-quute-btn {
    background: none !important;
    border: 1px solid #000000;
    border-radius: 0;
    color: #000000;
    letter-spacing: 2px;
    /* padding: 16px 30px;
    min-width: 210px; */
}

button.pre-quute-btn:hover,
button.pre-quute-btn:active,
button.pre-quute-btn:focus {
    background: #000000 !important;
    color: #fff;
}

.pre-quote-fields input[type="file"] {
    -webkit-appearance: none;
    text-align: left;
    -webkit-rtl-ordering: left;
    height: auto !important;
    line-height: normal;
    padding: 12px !important;
}


a.payment-backbtn {
    padding: 10px 18px;
    text-align: center;
    display: block;
    font-weight: bold;
    font-family: 'FreightText Pro Book' !important;
    text-transform: uppercase;
    border: 2px solid #000000;
    color: #000000;
    font-size: 16px;
    position: absolute;
    left: 50%;
    top: 35px;
    transform: translate(-334%, -50%);
}

a.payment-backbtn:hover {
    background: #000000 !important;
    color: #fff;
}

.payment-logout {
    padding: 10px 18px;
    text-align: center;
    display: block;
    font-weight: bold;
    font-family: 'FreightText Pro Book' !important;
    text-transform: uppercase;
    border: 2px solid #000000;
    color: #000000;
    font-size: 16px;
    position: absolute;
    left: 50%;
    top: 35px;
    transform: translate(160%, -50%);
}

.payment-logout:hover {
    background: #000000 !important;
    color: #fff;
}

.modal .modal-header h2 {
    color: #666;
    font-family: '#000000';
    font-size: 38px;
    font-weight: 700;
    line-height: 46px;
    letter-spacing: 0em;
    text-align: center;
    padding-bottom: 24px;
    text-transform: uppercase;
    margin-bottom: 0;
}

.modal .modal-body h3 {
    font-family: '#000000' !important;
    font-size: 20px;
    font-weight: 700 !important;
    line-height: 28px;
    text-align: left;
    background-color: transparent;
    text-transform: uppercase;
    color: #000000;
    padding: 0;
    margin: 0 0 16px;
}

.modal .comment_popup {
    padding: 10px;
}

.modal .comment_popup h3 {
    background: #f1f1f1;
    font-family: 'FreightText Pro Book' !important;
    font-weight: bold !important;
    font-size: 22px;
    line-height: 1.7;
    color: #222;
    margin: 20px 0;
    padding: 2px 0 2px 10px;
}

.pay-title {
    font-family: #000000;
    font-size: 20px;
    font-weight: 700;
    color: #000000;
    line-height: 28px;
    text-align: left;
    text-transform: uppercase;
    /* background: #F0F0F0; */
    margin: 0;
    padding: 24px 0;
    /* max-width: 720px; */
    /* margin: 0 auto; */
}

/* .items_information {
    padding: 24px;
    max-width: 720px;
    margin: 0 auto;
    background: #F0F0F0;
    margin-bottom: 18px;
    float: left;
    width: 100%;
} */
.items_information .itemdetailbox {
    padding: 24px;
    max-width: 720px;
    margin: 0 auto;
    background: #F0F0F0;
    margin-bottom: 18px;
    float: left;
    width: 100%;
}

.items_information h3.pay-title {
    padding-top: 0;
}

.normaltitle {
    text-transform: none;
    color: #000000;
    font-family: '#000000';
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: 0em;
    text-align: left;
    margin-bottom: 20px;
}

.searchUl.dropdownUl li:first-child a {
    font-family: 'FreightText Pro Book' !important;
    font-weight: bold;
}

.itemviewbox ul li .subtet .service-x.jsrbtn {
    font-family: 'FreightText Pro Book' !important;
    font-weight: bold;
}

.search-labels {
    width: 110px;
    float: left;
    clear: both;
    padding-top: 10px;
}

.search-inputfields {
    width: 90%;
    float: right;
}

.settingpopfooter {
    text-align: center !important;
    background: none !important;
    width: 100%;
    float: left;
}

.settingpopfooter button {
    margin: 0;
}

.parent-label {
    text-transform: none;
}

.parent-label::first-letter {
    text-transform: capitalize !important;
}

.form-horizontal .stagepage-checkboxgroup.halfform .control-label {
    /*-- padding-top:3px!important;--*/
}

.addbutton {
    float: left !important;
    margin-bottom: 10px;
}

.imgchooseinput {
    padding-top: 3px;
}


/*-----------------------------*/
.itemviewbox ul li .subtet a.relation-plus-icon {
    cursor: pointer;
}

.jobdetailpage ul li p::first-letter,
ul .itemdetailbox li .strong::first-letter,
.jobdetailpage ul li::first-letter,
.qstep_2_related table.item-history-table tr td.itemcol::first-letter {
    text-transform: capitalize;
}

.itemservices ul.service-ul li p {
    text-transform: none !important;
    /* padding-right: 10px; */
}

form[name="myForm"] .halfform .controls input,
form[name="myForm"] .halfform .controls select {
    /**--text-transform:capitalize;--*/
}

.container-dashboardnew .totalorder-meter ul li a:hover {
    color: rgb(240 133 109);
}

.controls .edit-order-item,
.controls .hero-image-remove,
.job_rotateimg_main .order-detail-rotate {
    background-color: #000000 !important;
}

.qd-tablesection table tr td {
    font-size: 16px !important;
    /* font-family: 'Merriweather', serif !important; */
}

.qd-tablesection table tr td p::first-letter {
    text-transform: capitalize;
}

/* .no-more-tables .relation-plus-icon.job-add-job {
    font-weight: bold !important;
} */

.emailsetting-box .settingemail-tabs ul li a {
    color: #222222;
}

.sendreutrn .imgborder .small_img {
    height: 80px !important;
}

.sendreutrn .imgborder .small_img img {
    min-height: auto !important;
    width: 100% !important;
}

.item-status-form td[data-title="Note"] .control-group.halfform {
    margin-bottom: 16px;
}

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

    .jobdetailpage .bg_red ul.service-ul li p,
    .jobdetailpage .bg_red ul.service-ul li label,
    .jobdetailpage .bg_red ul.service-ul {
        color: #fff !important;
    }

    .jobdetailpage .bg_red ul.service-ul {
        margin-top: 0 !important;
    }

    .jobdetailpage .bg_red {
        display: inline-block;
        background-color: #000000;
    }

    .item-order-section table tr td[data-title="Action"] button.btn {
        margin-left: 0px;
    }

    .comment_popup.modal-body {
        width: 100%;
    }

    label.permision-label a {
        top: 0;
    }

    #ui-datepicker-div .comment_popup {
        width: 100%;
    }

    .modal-header.qd_popup h2 {
        text-align: center;
    }

    #dash_board_class .control-group.halfform .controls {
        line-height: normal;
    }

    .item-order-section table tr td[data-title="Order Name"] a {
        width: 100%;
        display: block;
    }

    .quote-flowsmall-box .reviewquotepage .quotereview-amount span {
        float: right;
    }

    .quote-flowsmall-box .reviewquotepage .quotereview-amount strong {
        display: block;
    }

    .jobsdroplist {
        width: 100% !important;
    }

}


.brandclear {
    clear: left;
}

.updatestatusbtn {
    width: 170px !Important;
}

.pre-qoute-header {
    display: none;
}


.chooseinput {
    -webkit-appearance: none;
    text-align: left;
    -webkit-rtl-ordering: left;
    height: auto !important;
    line-height: normal !important;
    padding: 12px !important;
}

.equitysetting .halfform {
    width: 50% !important;
    float: left;
    padding: 0px 1%;
}

.equitysetting .halfform .controls select,
.equitysetting .halfform .controls input {
    width: 100% !important;
}

.jobsdroplist-cap {
    /*--text-transform:capitalize;--*/
}

.search-section .jobsdroplist {
    text-align: left !important;
    width: 100%;
    top: 38px;
}

.jobsdroplist li {
    margin: 0 !important;
    padding: 5px 10px;
    font-size: 16px;
}

.manageqoute-pop.jobdetailpage {
    padding: 16px !important;
}

.manageqoute-pop.jobdetailpage .thirdwidth li {
    width: 32.333% !important;
    padding: 10px 1.5% !important;
    margin: 4px 3px !important;
    height: auto !important;
}

.manageqoute-pop.jobdetailpage .thirdwidth li.lifull {
    width: 99.5% !important;
}

.manageqoute-pop.jobdetailpage .thirdwidth li.lifull p.item-describe {
    height: auto !important;
}

.manageqoute-pop.jobdetailpage .thirdwidth li p.item-describe {
    width: 100% !important;
    text-align: center;
    height: 42px;
    overflow: hidden;
    margin: 0;
}

.jobs-pq-popup-itemnae {
    width: 200px;
}

.jobs-pq-popup-itemdes {
    width: 250px;
}

/*-----------------------------*/

/*-----------------------------*/

.servicepop-basiccheck-main {
    padding: 7px 8px 0;
    border: 2px solid #e1e1e1;
    border-radius: 5px;
    width: 100%;
    margin: 26px 0 11px 0;
    height: 40px;
    box-sizing: border-box;
}

.servicepop-basiccheck {
    float: left;
    display: block;
    width: auto;
    margin-right: 16px;
}

.servicepop-basiccheck input {
    float: left;
    margin: 5px 0 0
}

.servicepop-basiccheck label {
    float: left;
    padding: 1px 0 0 5px;
}

.update-service.qd-submit-section.qd-submit {
    padding: 0;
}


/*--------------*/

.preqoute-con {
    width: 100%;
    height: auto;
    padding-bottom: 30px;
    max-width: 600px;
    margin: 0 auto;
}

.preqoute-main {
    width: 100%;
    float: left;
}


.pre-qoute-header {
    width: 100%;
    float: left;
    text-align: center;
    box-shadow: 1px 4px 6px -3px rgba(0, 0, 0, 0.09);
    position: absolute;
    left: 0;
    top: 0;
    padding: 18px 0;
    display: block;
}

.pre-qoute-header img {
    width: 60px;
}

.pre-quote-fields .quote-flowsmall-box {
    overflow: inherit;
}

.preqoute-screen1 {
    margin-left: -9px;
    margin-right: -9px;
}

.pre-quote-fields .halfform .controls input,
.pre-quote-fields .halfform .controls textarea {
    /*--border: none!important;border-bottom: 2px solid #e1e1e1!important;padding-left: 0!important;--*/
    width: 100% !important;
    border-radius: 4px;
}

.pre-quote-fields .halfform {
    width: 50%;
    float: left;
}

.pre-quote-fields .padding_equal {
    padding: 0 10px !important
}

.pre-quote-fields label.control-label {
    width: 100%;
    padding: 0;
    font-size: 10px;
    font-weight: 300;
    letter-spacing: 0.6px;
    color: #000000;
    margin: 0;
    text-transform: capitalize;
}

.pre-quote-fields .halfform .controls {
    margin: 0;
    width: 100%;
    float: left;
}

.preqoute-main .control-group.halfform .controls .droplist {
    top: 100%;
    width: 100% !important;
}

/*.preqoute-height .control-group.halfform .controls .droplist {width: 30%!important;}*/
.pre-quote-fields .halfform .controls .prele-phone.prele-phone_01 {
    width: 66% !important;
}

.preqoute-main .control-group.halfform .controls .droplist.droplist_01 {
    width: 30% !important;
}

.pre-quote-fields .halfform .controls input:-moz-placeholder,
.pre-quote-fields .halfform .controls input:-ms-input-placeholder,
.pre-quote-fields .halfform .controls input::-moz-placeholder,
.pre-quote-fields .halfform .controls input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #000 !important;
    opacity: 1px;
}

.pre-quote-fields .halfform .controls input[type="number"]::-webkit-inner-spin-button,
.pre-quote-fields .halfform .controls input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

.pre-quote-fields .halfform .controls input[type=number] {
    -moz-appearance: textfield;
}


.pre-quote-fields .halfform .controls input {
    border: none;
    border-bottom: solid 2px #dbdbdb;
    border-radius: 0 !important;
    font-family: 'FreightText Pro Book' !important;
    font-size: 17px;
    color: #000;
    padding: 0 0 5px;
    letter-spacing: 0.5px
}

.pre-quote-fields .halfform .controls input:-webkit-autofill,
.pre-quote-fields .halfform .controls input:-webkit-autofill:hover,
.pre-quote-fields .halfform .controls input:-webkit-autofill:focus,
.pre-quote-fields .halfform .controls input:-webkit-autofill:active {
    box-shadow: none !important;
    background: none;
}


.pre-quote-fields .halfform .controls input:focus,
.pre-quote-fields .halfform .controls input:active {
    box-shadow: none;
}

.pre-quote-fields .halfform .controls select {
    border: none;
    border-bottom: solid 2px #dbdbdb;
    border-radius: 0 !important;
    background: #fff url(../img/select-arrows-black.png) no-repeat right 10px !important;
    background-size: 30px !important;
    font-family: 'FreightText Pro Book' !important;
    font-size: 17px;
    color: #000 !important;
    padding: 0 0 10px;
    letter-spacing: 1px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 5px;
}


.pre-quote-fields .halfform .controls select:focus {
    box-shadow: none;
}

.pre-quote-fields .halfform .controls textarea {
    border: none;
    border-bottom: solid 2px #dbdbdb;
    border-radius: 0 !important;
    font-family: 'FreightText Pro Book' !important;
    font-size: 17px;
    color: #000 !important;
    padding: 0 0 10px;
    letter-spacing: 1px;
    height: auto;
    min-height: 70px;
    max-height: 70px;
}

.pre-quote-fields .halfform .controls textarea:focus {
    box-shadow: none;
}


.pre-quote-fields .halfform .controls .prele-phone {
    width: 70% !important;
    float: right;
}

.pre-quote-fields .halfform .controls .useradd-code {
    width: 30% !important;
    float: left;
}

.pre-quote-fields .fullfield {
    width: 100% !important;
}


.preqoute-heading {
    width: 100%;
    float: left;
    text-align: center;
}

p.stp {
    color: #000000 !important;
    font-size: 16px !important;
}

.titlebold.pre-quote-title {
    margin: 12px 0 10px !important;
}

.pre-quote-subtitle {
    font-family: 'FreightText Pro Book';
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 2px;
    text-transform: uppercase;
    line-height: 1.7;
    margin: 16px 0 10px;
    width: 100%;
    float: left;
}

.preqoute-heading p {
    font-size: 13px;
    color: #000000;
    font-family: 'FreightText Pro Book';
    padding: 0 60px;
    line-height: 18px;
}

.preqoute-heading span {
    color: #000000;
}


.preqoute-main .steps {
    margin-bottom: 10px;
    width: 220px;
    text-align: center;
    max-width: 220px;
}

.preqoute-main .steps span {
    margin: 0 20px !important;
    border: solid 2px #dbdbdb;
    width: 33px;
    height: 33px;
    line-height: 29px;
    font-family: 'FreightText Pro Book';
    font-weight: 600;
    color: #dbdbdb;
    font-size: 13px;
    position: relative;
}

.preqoute-main .steps span.active {
    border: solid 2px #000;
    color: #000;
    background: #fff;
}

.preqoute-main .steps span.actived {
    border: solid 2px #000;
    color: #fff !important;
    background: #000 !important;
}

.preqoute-main .steps span:first-child {
    margin: inherit;
}

.preqoute-main .steps::before {
    z-index: 0;
    width: 150px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-bottom: 2px solid #dbdbdb;
}

.preqoute-main .steps span.br-left:before {
    z-index: 0;
    width: 40px;
    position: absolute;
    left: -72%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-bottom: 2px solid #000;
    content: '';
}

.imgupload-heading {
    width: 100%;
    float: left;
    padding: 0 10px;
    margin-bottom: 5px;
}

.imgupload-heading .pre-quote-subtitle {
    margin: 16px 0 2px;
}

.imgupload-heading p {
    font-size: 10px;
    font-weight: 300;
    letter-spacing: 0.5px;
    color: #000000;
    font-family: 'FreightText Pro Book' !important;
    line-height: 16px;
}


.preqoute-main .client_voucher_section {
    margin-top: 0px;
}

.clientqoute-imgupload {}

.clientqoute-imgupload .imgupload-input .no_border {
    border: dashed 3px #fff !important;
}

.clientqoute-imgupload .imgupload-input .controls {
    height: 200px;
    border: dashed 3px #000000;
    overflow: hidden;
}

.clientqoute-imgupload .imgupload-input {
    position: relative;
}

.clientqoute-imgupload .imgupload-input input[type="file"] {
    text-indent: -120px;
    color: transparent;
    background-color: transparent;
    position: absolute;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    top: 0;
    opacity: 0;
    z-index: 1;
    cursor: pointer;
    border: none;
}

.clientqoute-imgupload .imgupload-input label {
    display: none;
}

.clientqoute-imgupload span.lableabso {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-family: '#000000' !important;
    font-size: 16px;
    color: #000000;
    width: 100%;
    text-align: center;
    line-height: 30px;
}

.clientqoute-imgupload span.lableabso:before {
    content: '';
    width: 100%;
    height: 30px;
    position: absolute;
    left: 0;
    top: -28px;
    background: url(../img/imgupload-arrow.png) no-repeat center center !important;
    background-size: 40px !important;
}

.uploaded-img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-family: 'FreightText Pro Book' !important;
    font-size: 20px;
    color: #000;
    cursor: pointer;
    width: 100%;
    padding: 16px;
    height: 100%;
    text-align: center;
}

.uploaded-img img {
    width: auto;
    height: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-height: 100%;
    max-width: none;
    min-height: 100%;
    min-width: 100%;
}

.uploaded-img a.removeimgpath {
    position: absolute;
    right: 7px;
    top: 7px;
    font-family: 'FreightText Pro Book' !important;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
    background: #000000;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    font-weight: 600;
    line-height: 31px;
    z-index: 999;
}

.uploaded-img a.removeimgpath:hovr {
    color: #fff;
}

.maximumsize {
    font-size: 13px;
    font-weight: 300;
    letter-spacing: 0;
    color: #000000;
    font-family: 'FreightText Pro Book' !important;
    line-height: 16px;
    width: 100%;
    float: left;
    padding: 0 10px;
    margin-top: -8px;
}

/* .edit-order-item-button.pre-quote-btnmain button.pre-quute-btn {
    min-width: 47%;
    margin: 0 7px;
} */




.client-itemadd {
    width: 100%;
    height: auto;
    margin-top: 20px;
    float: left;
}

.client-itemadd ul {
    line-height: normal;
    padding: 0;
    margin: 0;
}

.client-itemadd ul li {
    list-style: none;
    padding: 16px 0px 16px;
    margin: 0;
    width: 100%;
    border-top: solid 2px #dadada;
    border-bottom: solid 2px #dadada;
    float: left;
    min-height: 110px
}

.client-itemadd ul li label {
    text-align: left;
    margin: 0;
    width: 170px;
    float: left;
    font-family: 'FreightText Pro Book' !important;
    font-size: 16px;
    font-weight: bold;
}

.client-itemadd ul li span a {
    color: #222;
    text-decoration: underline;
    font-family: 'FreightText Pro Book' !important;
    font-size: 16px;
    font-weight: bold;
}

.client-itemadd ul li span.client-itemname {
    width: 67%;
    float: right;
}

/* .client-itemadd ul li .imgpath-row {
    width: 22%;
    float: left;
    padding: 16px 0 !important;
    background: #f7f7f7;
    text-align: center;
} */

.client-itemadd ul li .imgpath-row span.imgpath {
    width: 70px;
    display: flex;
    border: solid 1px #e3e3e3;
    padding: 10px 10px;
    margin: 0 8px 10px 0px;
    border-radius: 4px;
    position: relative;
    float: left;
    text-align: center;
    min-height: 46px;
    max-height: 46px;
    justify-content: center;
    align-items: center;
}

p.imgpath-mainsecion {
    width: 67%;
    float: right;
    margin: 0;
    padding: 0;
}

.client-itemadd .imgpath-row.padding_equal.right {
    width: 75%;
    float: right;
    position: relative;
    background: none !important;
    padding: 4px 0 !important;
    text-align: left;
}

.client-itemadd .imgpath-row.padding_equal.right h2 {
    font-size: 18px;
    color: #000;
    font-family: 'FreightText Pro Book';
    line-height: 24px;
    font-weight: 300;
    margin: 0 0 10px;
    padding-right: 35px;
}

.client-itemadd .imgpath-row.padding_equal.right p {
    font-size: 16px;
    color: #000000;
    font-family: 'FreightText Pro Book';
    padding: 0;
    line-height: 19px;
    padding-right: 35px;
}

.client-itemadd .clientqoute-editicon {
    content: '';
    width: 27px;
    height: 27px;
    position: absolute;
    right: 0;
    top: 0;
    background: url(../img/editiconnew.png) no-repeat center center !important;
    background-size: auto;
    background-size: 23px !important;
}

.client-itemadd .clientqoute-editicon a {
    opacity: 0;
    display: block;
    padding: 6px 0;
}

.client-itemadd .clientqoute-delicon {
    content: '';
    width: 27px;
    height: 35px;
    position: absolute;
    right: 0;
    top: 40px;
    background: url(../img/deleteicon.png) no-repeat center center !important;
    background-size: auto;
    background-size: 21px !important;
}

.client-itemadd .clientqoute-delicon a {
    opacity: 0;
    display: block;
    padding: 6px 0;
}


.client-itemadd ul li .imgpath-right img.example-image {
    max-height: 74px
}

.popupfullli li.full-table-width-w-black-border {
    width: 100% !important;
    list-style: none;
}

.client-itemadd ul li .imgpath-row span.imgpath a.removeimgpath {
    position: absolute;
    right: 5px;
    top: 5px;
    background: #000000;
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    padding: 0 6px;
    border-radius: 100%;
    font-family: 'FreightText Pro Book' !important;
    font-weight: bold;
}

.client-itemadd ul li .imgpath-row span.imgpath img {
    width: auto !important;
    max-height: 38px;
}

.client-itemadd ul li .imgpath-right {
    /* float: right !important; */
}

.pre-quote-fields .add-item.padding_equal {
    width: 100%;
    float: left;
    padding: 26px 0 !important;
    text-align: center;
}

.pre-quote-fields .add-item.padding_equal button.btn {
    margin: 0 !important;
    background: none !important;
    border: 2px solid #000000;
    border-radius: 0;
    color: #000000;
    letter-spacing: 2px;
    padding: 16px 30px;
    display: inline-block;
    float: none !important;
}



.client-qt-signuprow label p.condtionstag {
    float: right;
    width: 100%;
    line-height: 23px;
    text-transform: none;
    font-size: 17px;
    color: #000000;
    font-family: 'FreightText Pro Book' !important;
}

.client-qt-signuprow label p.condtionstag a {
    color: #000000;
    text-decoration: underline;
}

.client-qt-signuprow input {
    margin: 0px 8px 0 0;
    float: left;
}

.partnerflow-shadowbox .client-qt-signuprow input {
    margin: 7px 8px 0 0;
    float: left;
}

.pre-quote-fields .client-qt-signuprow {
    width: 100%;
    height: auto;
    float: left;
    margin: 0px 0 18px;
    padding: 0 0 0 40px !important;
    position: relative;
}

.client-qt-signuprow .post-ajax-opener {
    width: auto !important;
    margin: 0;
    display: inline-block;
    float: left;
}

.client-qt-signuprow label {
    float: left !important;
    display: inline-block;
    width: auto !important;
    padding: 0 !important;
}

.client-qt-signuprow label span {
    font-size: 16px;
    display: block;
    text-transform: none;
    margin: 6px 0 0;
}

.partnerflow-shadowbox .client-qt-signuprow label,
.partnerflow-shadowbox .client-qt-signuprow label span {
    float: right !important;
    width: 395px !important;
    letter-spacing: 1px;
    text-align: left;
    line-height: 16px;
    margin-top: 3px;
    font-size: 12px
}


.client-qt-signuprow input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    z-index: 1;
    margin: 4px 5px !important;
    left: 0;
}

.client-qt-signuprow input[type="checkbox"]+label {
    line-height: 23px;
    text-transform: none;
    font-size: 17px;
    color: #000000;
    font-family: 'FreightText Pro Book' !important;
}

.client-qt-signuprow input[type="checkbox"]+label:before {
    content: '';
    display: inline-block;
    width: 23px;
    padding: 2px 0 0 3px;
    margin: 0px 20px 0 0;
    border: solid 2px #dadada;
    height: 23px;
    border-radius: 100%;
    float: left;
    position: absolute;
    left: 0px;
}

.client-qt-signuprow input[type="checkbox"]:checked+label:before {
    content: '';
    background: #000000 url(../img/checkicon.png) center center no-repeat;
    border: solid 2px #000000;
}

.client-qt-signuprow input[type="checkbox"]:focus+label:before {
    outline: 1px dotted #aaa;
}

.client-qt-signuprow input[type="checkbox"]:disabled+label {
    color: #999;
}

.client-qt-signuprow input[type="checkbox"]:not(:disabled)+label:hover:before {
    text-shadow: 0 1px 2px #77F;
}

.client-qt-signuprow a {
    color: #000000 !important
}


.client-qt-signuprow.padding_equal .controls.post-ajax-opener {
    width: 2% !important;
    margin: 5px 0 0;
}

.client-qt-signuprow.padding_equal label {
    width: 100% !important;
    float: right !important;
}

.preqoute-thanks {
    width: 100%;
    float: left;
}

.preqoute-thanks img {}

.pre-thanks .titlebold.pre-quote-title {
    margin-bottom: 25px !important;
}

.preqoute-heading img.example-image {
    margin-bottom: 16px;
    width: 40px;
}

.upload-mark {
    width: 16px;
    position: relative;
    top: -2px;
}

.payment_euro_price {
    color: #000000;
    font-family: '#000000';
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: center;
    margin-bottom: 20px;
}

form#payment-form .form-row {
    margin: 20px 0;
}

.StripeElement {
    border: 1px solid #000000 !important;
    border-radius: 4px;
    box-shadow: none !important;
    padding: 16px 12px !important;
    height: 48px !important;
    margin: 4px 0 !important;
}

.different_billing_text {
    color: #000 !important;
    font-weight: bold;
    font-family: 'FreightText Pro Book';
}




/*RAJESH MEDIA VIEW PORT CSS --- WHOEVER UPCOMING DESINGER PLEASE WORK THIS VIEW PORT STURCTUR FLOW*/

.euro-text {
    padding: 9px 16px !important;
}

.partners_text {
    font-family: 'Merriweather', serif !important;
}

p.partners_confirmtext {
    padding-left: 34px;
    /* padding-right: 29px;
    float: none; */
}

p.confirmationtage.partners_confirmtext.different_billing_text {
    line-height: 34px;
    margin-bottom: 16px;
}

.partners_confirmtext a {
    color: #000;
    font-weight: bold;
}

.titlebold_01 {
    border-top: 1px solid #ccc;
    padding-top: 18px;
    margin-top: 18px !important;
}

.partners_addline01 {
    margin-bottom: 20px;
}

.partners_addline02 {
    float: left;
}

.partnerflow-shadowbox .droplist.partners_country_droplist {
    top: 48px !important;
}

.cssdropdown.nolabel.partners_addline02::before {
    top: 22px !important;
}

.equitysetting .halfform.partner_half_box {
    width: 100% !important;
}

.partner_modal_lable {
    width: 18% !important;
    float: left !important;
    padding-top: 9px !important;
}

.partner_cont_box {
    width: 49% !important;
    float: left !important;
}

.upload-img {
    width: 130px;
}

.upload-input {
    border: 0;
    width: 110px !important;
    float: left;
}

.chosse-img {
    float: left;
    width: 100px !important;
    border: none !important;
    padding-left: 0 !important;
}

.mandet_field {
    position: absolute;
    left: 0;
    bottom: -34px;
}

.well .system-user-search-section {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.well .system-user-search-section ul li.search-term {
    margin-bottom: 0;
}

.search-section ul .search-input-wrapper {
    margin: 6px 0;
}

/*-------------- custom-css ------------*/
#dash_board_class .control-group.halfform .controls div {
    width: 33% !important;
    max-width: 100%;
}

.inputtypefile input[type="file"] {
    color: #fff !important;
}

#dash_board_class .bottom-dpntservices .control-group.halfform .controls div.dropdown {
    width: 98% !important;
}

/*------------- 13-05-2024------------*/
.form-horizontal .control-group.halfform.description {
    clear: both;
}

.form-horizontal .control-group.formgroup.halfform.show-on-front {
    clear: both;
}

.pqdetailform .main_title {
    color: #666;
    font-family: '#000000';
    font-size: 38px;
    font-weight: 700;
    line-height: 46px;
    letter-spacing: 0em;
    text-align: center;
    padding-bottom: 24px;
    text-transform: uppercase;
    margin-bottom: 0;
}

.pqdetailform .pq-data {
    padding: 12px 0px;
    max-width: 720px;
    margin: 0 auto;
    background: #fff;
    float: left;
    width: 100%;
}

.pqdetailform .jobdetailpage ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.pqdetailform .pq-summary-data {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    padding-bottom: 24px !important;
    border-bottom: 1px solid #D9D9D9;
}

.pqdetailform .pq-summary-data li {
    margin: 0 !important;
    width: 100% !important;
}

.pqdetailform .pq-summary-data li:nth-child(3) {
    clear: both !important;
}

.pqdetailform .jobdetailpage ul li label {
    width: auto !important;
}

.pq-data-voucher {
    max-width: 720px;
    margin: 0 auto;
    background: #fff;
    float: left;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    padding-bottom: 24px !important;
    border-bottom: 1px solid #D9D9D9;
    padding: 10px 24px;
}

.pq-data-voucher li {
    margin: 0 !important;
    width: 100% !important;
}

.item-detail-icons {
    display: flex;
    align-items: start;
    justify-content: space-between;
}

.item-detail-icons h3 {
    font-family: #000000;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    text-align: left;
    color: #000000;
    margin: 0;
}

ul.pq-detail-section {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    padding-bottom: 24px !important;
    border-bottom: 1px solid #D9D9D9;
}

.pq-detail-section li {
    margin: 0 !important;
    width: 100% !important;
}

.pq-main-area {
    padding: 12px 0px;
    max-width: 720px;
    margin: 0 auto;
    background: #fff;
    float: left;
    width: 100%;
}

.jobdetailpage .add-btn-grp {
    text-align: right;
    padding: 24px 0;
    border-bottom: 1px solid #D9D9D9;
    width: 68%;
}

.jobdetailpage .add-btn-grp a {
    box-shadow: none;
    padding: 5px 13px;
    color: #fff;
    text-transform: uppercase;
    margin: 0px;
    text-shadow: none;
    font-family: 'FreightText Pro Book' !important;
    background: #000000;
    border: 1px solid #000000;
    border-radius: 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: center;
    transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;

}

.jobdetailpage .add-btn-grp a:hover {
    background-color: transparent;
    border: 1px solid #000000;
    color: #000000;
}

.pq-add-btn {
    display: flex;
    width: 100%;
    float: left;
    align-items: start;
    justify-content: space-between;
}

.pq-add-btn h3 {
    font-family: #000000;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    text-align: left;
    color: #000000;
    margin: 0;
    padding-bottom: 24px;
}

.pq-add-servc .add-button {
    border: 0px;
    box-shadow: none;
    padding: 8px 13px;
    font-weight: normal;
    color: #fff;
    text-transform: uppercase;
    /* font-size: 16px !important; */
    margin: 0px 10px;
    letter-spacing: 1px;
    text-shadow: none;
    /* font-family: 'Europa' !important;
    font-weight: bold; */
    background: #000000;
    border-radius: 0;
    float: right;
}

.pq-left {
    flex-basis: 60%;
    border-right: 1px solid #BFBFBF;
    padding-right: 24px;
}

.pq-right {
    flex-basis: 40%;
}

.pq-left ul li {
    margin: 0 !important;
    width: 100% !important;
    float: none;
    clear: left;
}

.pq-right ul li {
    margin: 0 !important;
    width: 100% !important;
    float: none;
    clear: left;
}

.pq-left ul {
    position: relative;
    width: 100%;
    float: left;
}

.pq-right ul {
    position: relative;
    width: 100%;
    float: left;
}

.itemdetailbox .service-items.ng-scope {
    display: flex;
    gap: 24px;
    border-bottom: 1px solid #BFBFBF;
    padding-bottom: 24px;
    margin-bottom: 24px;
    width: 100%;
    float: left;
}

.edit-delete-btns {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    text-align: center;
    padding-top: 20px;
}

.edit-delete-btns .crossbtn {
    position: absolute;
    bottom: 85px;
}

a.pqedit-btn {
    background: #566b50;
    padding: 10px 12px;
}
.serviceorder-number {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    /* align-items: center; */
    border-bottom: 1px solid #d3d3d3;
    margin-bottom: 10px;
    gap: 5px;
}
.serviceorder-number h3 {
    margin-bottom: 0 !important;
}

.partnerflow-shadowbox .search-btn {
    width: 100%;
    /* float: left; */
    text-align: center;
    padding: 20px 0 13px;
}
.partnerflow-form .partnerflow-shadowbox .well {
    margin: 15px 0 20px;
}
.search-job-form ul.search-job-form-list {
    width: 100%;
}
.search-job-form ul.search-job-form-list li {
    width: 100%;
}
.search-job-form ul.search-job-form-list input {
    width: 100%;
}
.partnerflow-shadowbox .item-action {
    text-align: right;
}
.partnerflow-shadowbox .item-action .btn-primary {
    margin: 5px 0;
    font-size: 14px;
    padding: 3px 10px;
}
.partnerflow-shadowbox .table-striped ul li {
    list-style: none;
}
.partnerflow-shadowbox .table-striped .edit-btn {
    background: transparent;
    color: #000;
    margin-top: 0;
    padding: 0;
    border-radius: 0;
    /* margin-left: 26px; */
    border: none;
}
/* .partnerflow-shadowbox .table-striped .edit-btn img {
    width: 20px;
    filter: brightness(0.1) grayscale(1);
} */
.partnerflow-shadowbox .table-striped .item-edit-btn {
    margin-left: auto;
}
.partnerflow-shadowbox .table-striped .item-info p {
    font-size: 18px;
}
.partnerflow-shadowbox .table-striped .item-info {
    display: flex;
    gap: 8px;
}
.partnerflow-shadowbox .table-striped .item-info .item-input input {
    width: 18px !important;
    height: 18px !important;
}
.partnerflow-shadowbox .table-striped .item-info .item-input input[type="checkbox"][disabled] {
    cursor: not-allowed;
    opacity: 0.5;
    appearance: none;
    background: #e5e5e5;
    border-radius: 4px;
    border: 1px solid #e5e5e5;
}
.partnerflow-shadowbox .table-striped .item-info a {
    color: #000;
    font-weight: bold;
}
.partnerflow-shadowbox .table-striped thead th {
    text-transform: capitalize;
    letter-spacing: 0;
    font-size: 17px;
    line-height: normal;
}
.partnerflow-shadowbox .table-striped tbody tr td[colspan="3"] {
    border-right: 2px solid #ddd;
}
.partnerflow-form .thankyou-quote fieldset ul li {
    list-style: none;
}
.partnerflow-form .thankyou-quote fieldset ul li img {
    margin-bottom: 0;
}
.partnerflow-form .thankyou-quote fieldset ul li span.client-itemname {
    font-size: 18px;
    font-weight: bold;
    margin-left: 10px;
}
.partnerflow-form .thankyou-quote fieldset ul li .imgpath-row {
    /* border: 1px solid #ccc; */
    /* padding: 10px; */
    width: 100%;
    /* max-width: 100%; */
    margin: 15px auto 0;
    text-align: left;
}
.steps-header .steps {
    z-index: 1;
}
.steps-header .steps::before {
    z-index: -1;
}
.partnerflow-shadowbox .item-action .btn-primary img {
    max-width: 18px;
}
.partnerflow-shadowbox .item-action .btn-primary:hover {
    background: #333;
    color: #fff;
}
/*------------- /custom-css ------------*/

@media only screen and (min-width:1204px) and (max-width:1367px) {}

@media only screen and (min-width:1025px) and (max-width:1205px) {
    .euro-text {
        padding: 5px 11px !important;
    }
}

@media only screen and (max-width:1024px) {
    .update-service .buttonabso {
        width: 88px !important;
        float: left !important;
    }

    .euro-text {
        padding: 5px 11px !important;
    }
}

@media only screen and (min-width:768px) and (max-width:959px) {
    .pending-icon {
        width: 61%;
    }

    #job-pmobile {
        float: none !important;
    }

    .manageitembox .jsrbtn {
        right: 4px;
    }

    .manageitembox ul li .subtet {
        width: 89% !important;
    }

    .subtet .relation-plus-icon {
        float: none !important;
    }

    .update-service .buttonabso {
        width: 80px !important;
        float: left !important;
    }

    .update-service.qd-submit-section.qd-submit .buttonabso .main-custom-button.step4_back {
        width: auto !important;
        position: relative;
    }

    .from-center {
        text-align: center;
        padding-left: 0 !important;
    }

    .upload-input {
        width: 122px !important;
        padding-left: 23px !important;
    }

    .mandet_field {
        bottom: -27px;
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {

    .pending-icon {
        width: 52%;
        padding-left: 35px !important;
        word-break: break-word;
    }

    #job-pmobile {
        float: none !important;
    }

    .pending-icon {
        width: 74%;
        padding-left: 41px !important;
    }

    .parentservice-ul {
        width: 313px !important;
        float: left !important;
    }

    .manageitembox ul li .subtet {
        width: 97% !important;
    }

    .relation-plus-icon.jsreasonbtn {
        position: static !important;
        margin: 0 !important;
    }

    .dep_serv_div {
        margin-top: 32px;
    }

    .no-more-tables td:before {
        display: block !important;
        margin-top: 20px;
    }

    .check-01 input {
        float: left;
        margin-top: 3px;
    }

    .check-01 label {
        float: left !important;
    }

    .relation-plus-icon {
        display: table;
    }

    .mandet_field {
        bottom: -18px;
    }

}

@media only screen and (max-width:479px) {
    .pending-icon {
        width: 100% !important;
        padding: 10px 0 !important;
        text-align: center !important;
        text-transform: uppercase !important;
        background: #000000 !important;
    }

    /*.mob-320{ padding-bottom:30px !important;  }*/
    .relation-plus-icon.jsreasonbtn {
        position: static !important;
        margin: 0 !important;
    }

    .dep_serv_div {
        margin-top: 32px;
    }

    .no-more-tables td:before {
        display: block !important;
        margin-top: 13px;
    }

    .new-viewitem td {
        word-break: break-word;
    }

    .new-viewitem td:before {
        display: block !important;
        margin-top: 7px;
    }

    .parentservice-ul {
        padding-left: 7px !important;
        margin-left: 0 !important;
    }

    .manageitembox .jsrbtn {
        right: 2px;
    }

    .controls-btn {
        text-align: center;
    }

    .check-01 input {
        float: left;
        margin-top: 3px !important;
    }

    .check-01 label {
        float: left !important;
    }

    .add-servie-hero {
        margin: 0 auto !important;
    }

    .relation-plus-icon {
        display: table;
    }

    .StripeElement {
        box-shadow: 0 0 1px 4px #dadee6;
    }

    .partnerflow-shadowbox .droplist.partners_country_droplist {
        top: 37px !important;
    }

    .cssdropdown.nolabel.partners_addline02::before {
        top: 18px !important;
    }

    .partner_modal_lable {
        width: 100% !important;
    }

    .partner_cont_box {
        width: 100% !important;
    }

    .updatefee-input {
        width: 100%;
    }

    .upload-input {
        padding-left: 0 !important;
    }

    .mandet_field {
        bottom: -23px;
    }

    .no-more-tables td {
        text-align: center !important;
        display: block !important;
    }
}

.check-01 input {
    margin-top: 0px;
}

.check-01 label {
    float: right;
    font-size: 16px !important;
    padding-left: 8px
}

.partnerflow-shadowbox .droplist {
    top: 48px !important;
}

.useradd-code .droplist {
    top: 40px !important;
}

.partnerflow-shadowbox .droplist.country_droplist {
    top: 72px !important;
}


#captcha-img img {
    width: 100% !important;
    position: relative;
}

.refresh-captcha {
    float: right;
    margin-top: -45px;
    position: relative;
    margin-right: 42px;
}

/*RAJESH MEDIA VIEW PORT CSS --- WHOEVER UPCOMING DESINGER PLEASE WORK THIS VIEW PORT STURCTUR FLOW*/

.modal-body.equitysetting {
    width: 100%;
    float: left;
}

.inputtypefile input[type="file"] {
    border: solid 2px #e1e1e1 !important;
    padding: 9px 10px !important;
    width: 98% !important;
    border-radius: 5px;
    height: 45px !important;
    margin: 0 0 5px;
}

.modal.ng-scope .comment_popup .clientpop-close.qd_popup a.close {
    margin-top: -6px;
}

/*----- Bhadana-Ji --------*/
.margin_top_10 {
    margin-top: 10px;
}

.tag_div_influencer {
    background: yellow;
    padding: 7px 16px 7px 30px;
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
    width: fit-content;
    position: relative;
    color: #000;
    border: 2px solid #5e5b5b;
}

.tag_div_influencer:before {
    content: '';
    width: 16px;
    height: 16px;
    background: #fff;
    /* padding: 0px; */
    border-radius: 100%;
    position: absolute;
    left: 7px;
    border: 3px solid #5e5b5b;
    top: 10px;
}

.tag_div_vip {
    font-family: 'FreightText Pro Book';
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.02em;
    background: #65D8C3;
    padding: 4px 22px;
    border-radius: 20px;
    box-shadow: 1px 1px 8px 0px #00000029;
    margin-right: 2%;
    text-align: center;
    color: #282729;
    text-transform: uppercase;
    white-space: nowrap;
}

/* .tag_div_vip:before {
    content: '';
    width: 16px;
    height: 16px;
    background: #fff;
    padding: 0px;
    border-radius: 100%;
    position: absolute;
    left: 7px;
    border: 3px solid #5e5b5b;
    top: 10px;
} */

.tag_div_redo {
    font-family: 'FreightText Pro Book';
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.02em;
    background: #E9E68C;
    padding: 4px 22px;
    border-radius: 20px;
    box-shadow: 1px 1px 8px 0px #00000029;
    margin-right: 2%;
    text-align: center;
    color: #282729;
    text-transform: uppercase;
    white-space: nowrap;
}

/* .tag_div_redo:before {
    content: '';
    width: 16px;
    height: 16px;
    background: #fff;
    padding: 0px;
    border-radius: 100%;
    position: absolute;
    left: 7px;
    border: 3px solid #5e5b5b;
    top: 10px;
} */

.tag_div_returning_client {
    font-family: 'FreightText Pro Book';
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.02em;
    background: #FEB1F2;
    padding: 4px 22px;
    border-radius: 20px;
    box-shadow: 1px 1px 8px 0px #00000029;
    margin-right: 2%;
    text-align: center;
    color: #282729;
    text-transform: uppercase;
    white-space: nowrap;
}

/* .tag_div_returning_client:before {
    content: '';
    width: 16px;
    height: 16px;
    background: #fff;
    padding: 0px;
    border-radius: 100%;
    position: absolute;
    left: 7px;
    border: 3px solid #5e5b5b;
    top: 10px;
} */

.tag_div_brand_testing {
    font-family: 'FreightText Pro Book';
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.02em;
    background: #FEB1F2;
    padding: 4px 22px;
    border-radius: 20px;
    box-shadow: 1px 1px 8px 0px #00000029;
    margin-right: 2%;
    text-align: center;
    color: #282729;
    text-transform: uppercase;
    white-space: nowrap;
}

/* .tag_div_brand_testing:before {
    content: '';
    width: 16px;
    height: 16px;
    background: #fff;
    padding: 0px;
    border-radius: 100%;
    position: absolute;
    left: 7px;
    border: 3px solid #5e5b5b;
    top: 10px;
} */

.tag_div_investor {
    font-family: 'FreightText Pro Book';
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.02em;
    background: #F7A492;
    padding: 4px 22px;
    border-radius: 20px;
    box-shadow: 1px 1px 8px 0px #00000029;
    margin-right: 2%;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
}

/* .tag_div_investor:before {
    content: '';
    width: 16px;
    height: 16px;
    background: #fff;
    padding: 0px;
    border-radius: 100%;
    position: absolute;
    left: 7px;
    border: 3px solid #5e5b5b;
    top: 10px;
} */

.tag_div_fast_track {
    font-family: 'FreightText Pro Book';
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.02em;
    background: #F7A492;
    padding: 4px 22px;
    border-radius: 20px;
    box-shadow: 1px 1px 8px 0px #00000029;
    margin-right: 2%;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
}

/* .tag_div_fast_track:before {
    content: '';
    width: 16px;
    height: 16px;
    background: #fff;
    border-radius: 100%;
    position: absolute;
    left: 7px;
    border: 3px solid #5e5b5b;
    top: 10px;
} */

.delay-info {
    display: flex;
    align-items: center;
    gap: 16px;
}

.delay-info img {
    width: 30px !important;
}

.delay-info a.white_bar_dot {
    padding-right: 0px !important;
}

.phonefield {
    display: flex;
    align-items: center;
    gap: 21px;
    width: 100%;
    margin-bottom: 24px;
}

/*----- Bhadana-Ji --------*/

/*------------- mean-popup-design ---------------*/
.circulo-mean .modal-backdrop {
    background-color: transparent;
}

.circulo-mean .modal {
    border: none;
    width: 100vw;
    max-width: calc(100vw - 17px);
    min-width: calc(100vw - 17px);
    height: calc(100vh - 70px);
    min-height: calc(100vh - 70px);
    top: 82px;
    bottom: 0;
    transform: none;
    left: 0;
    padding: 16px 97px 60px;
    border-radius: 0;
    box-shadow: none;
    overflow: scroll;
}
.modal .no-more-tables table {
    margin-bottom: 10px;
}

.circulo-mean .modal-header h3 {
    font-family: #000000;
    font-size: 38px;
    font-weight: 700;
    line-height: 46px;
    text-align: center;
    color: #666666;
}

.circulo-mean .modal form fieldset legend {
    font-weight: 500;
    text-align: center;
    color: #666666;
}

.circulo-mean .modal-header {
    border-bottom: 1px solid #F0F0F0;
    margin-bottom: 24px;
}

.circulo-mean .modal form {
    padding: 0 17%;
}

.circulo-mean .modal form.roles-popup {
    width: 332px;
    margin: 0 auto;
    padding: 0 !important;
}

.acuity-popup {
    max-width: 332px;
    margin: 0 auto;
    padding: 0 !important;
}

.circulo-mean .modal form.acuity-popup input,
.circulo-mean .modal form.acuity-popup select {
    border-bottom: 1px solid #BFBFBF !important;
    border: none;
    border-radius: 0;
    padding: 5px 12px;
    height: 32px;
    font-family: 'FreightText Pro Book';
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.02em;
    text-align: left;
    color: #000000 !important;
    width: 100%;
    background: #fff;
    /* margin-bottom: 24px; */
}

.circulo-mean .modal form.acuity-popup .form-group,
.circulo-mean .modal form.acuity-popup .formgroup {
    margin-bottom: 24px;
}

.circulo-mean .modal form.acuity-popup .form-group:last-child,
.circulo-mean .modal form.acuity-popup .formgroup:last-child {
    margin-bottom: 0px;
}

.circulo-mean .modal form.acuity-popup label {
    width: 100%;
    float: inherit;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.02em;
    text-align: left;
    color: #000000;
    margin: 0;
}

.circulo-mean .modal .modal-footer {
    border: none !important;
}

.circulo-mean .modal-header .close {
    margin-top: 2px;
    font-size: 40px;
    color: #000000;
    opacity: 1;
    font-weight: 100;
    cursor: pointer;
    position: fixed;
    right: 30px;
    top: 93px;
}
.search-section ul.fourlayers li.search-input-wrapper a {
    border: 1px solid #000000;
    color: #000000;
    padding: 10px;
    margin: 0;
    width: 100%;
}
.circulo-mean .modal .form-horizontal .controls {
    margin-left: 0;
}

.circulo-mean .modal .form-horizontal .control-label {
    width: 100%;
    float: inherit;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.02em;
    text-align: left;
    color: #000000;
    margin: 0;
}

.circulo-mean .modal .form-horizontal .radio-label {
    width: 100%;
    float: inherit;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.02em;
    text-align: left;
    color: #000000;
    margin-left: 5px;
}

.circulo-mean .modal .form-horizontal .controls input,
.circulo-mean .modal .form-horizontal .controls select {
    border-bottom: 1px solid #BFBFBF !important;
    border: none;
    border-radius: 0;
    padding: 5px 12px;
    height: 32px;
    font-family: 'FreightText Pro Book';
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.02em;
    text-align: left;
    color: #000000 !important;
    width: 100%;
}

.circulo-mean .modal .form-horizontal .controls textarea {
    border-bottom: 1px solid #BFBFBF !important;
    border: none;
    border-radius: 0;
    padding: 5px 12px;
    height: 32px;
    font-family: 'FreightText Pro Book';
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.02em;
    text-align: left;
    color: #000000 !important;
    width: 100%;
    height: 80px;
}

.circulo-mean .modal .form-horizontal .controls input[type=checkbox] {
    appearance: none;
    background-clip: content-box;
    border: 1px solid #000000 !important;
    width: 24px !important;
    height: 24px !important;
    border-radius: 100px;
    position: relative;
    margin-top: 0px;
}

.circulo-mean .modal .form-horizontal .controls input[type=checkbox]:checked {
    background: #000000;
}

.circulo-mean .modal .form-horizontal .controls input[type=checkbox]:focus {
    outline: none;
}

.circulo-mean .modal .form-horizontal .controls input[type=checkbox]:checked:before {
    content: '\2713';
    color: #fff;
    position: absolute;
    top: 0px;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    text-align: center;
}

.circulo-mean .modal .form-horizontal .formgroup input[type=checkbox] {
    appearance: none;
    background-clip: content-box;
    border: 1px solid #000000 !important;
    width: 24px !important;
    height: 24px !important;
    border-radius: 100px;
    position: relative;
    margin-top: 0px;
}

.circulo-mean .modal .form-horizontal .formgroup input[type=checkbox]:checked {
    background: #000000;
}

.circulo-mean .modal .form-horizontal .formgroup input[type=checkbox]:focus {
    outline: none;
}

.circulo-mean .modal .form-horizontal .formgroup input[type=checkbox]:checked:before {
    content: '\2713';
    color: #fff;
    position: absolute;
    top: 0px;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    text-align: center;
}

.circulo-mean .modal .form-horizontal .btn-warning.cancel {
    border: 1px solid #000000;
    background: transparent;
    color: #000000;
    padding: 8px 16px;
    font-family: 'FreightText Pro Book';
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.02em;
    text-align: center;
}

.circulo-mean .modal .modal-footer .cancel {
    border: 1px solid #000000;
    background: transparent;
    color: #000000;
    padding: 8px 16px;
    font-family: 'FreightText Pro Book';
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.02em;
    text-align: center;
}

.circulo-mean .modal .form-horizontal .btn-warning.cancel:hover {
    border: 1px solid #000000;
    background: #000000;
    color: #fff;
}

.circulo-mean .modal .modal-footer .cancel:hover {
    border: 1px solid #000000;
    background: #000000;
    color: #fff;
}

.circulo-mean .modal .form-horizontal .btn-primary {
    background: #000000;
    opacity: 10 !important;
    font-family: 'FreightText Pro Book';
    padding: 8px 16px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.02em;
    text-align: center;
    border: 1px solid #566b50;
}

.circulo-mean .modal .modal-footer .btn-primary {
    background: #000000;
    opacity: 10 !important;
    font-family: 'FreightText Pro Book';
    padding: 8px 16px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.02em;
    text-align: center;
    border: 1px solid #566b50;
}

.circulo-mean .modal .form-horizontal .btn-primary:hover {
    background: transparent;
    opacity: 10 !important;
    color: #000000;
}

.circulo-mean .modal .modal-footer .btn-primary:hover {
    background: transparent;
    opacity: 10 !important;
    color: #000000;
}

.circulo-mean .modal .form-horizontal .form-actions {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
    padding-top: 24px;
}

.circulo-mean .modal form .modal-footer {
    border: none;
    padding-top: 28px;
}

.circulo-mean .modal .form-horizontal .controls a.removeimgpath {
    background: #000000;
    color: #fff;
    width: 20px;
    height: 20px;
    display: inline-block;
    text-align: center;
    line-height: 20px;
    font-size: 9px;
    border-radius: 100px;
    right: 24px;
    position: relative;
    top: 18px;
    z-index: 9999;
}

.circulo-mean .modal .form-horizontal .controls select option {
    color: #000000;
}

.circulo-mean .modal .form-horizontal .controls select option:checked {
    background: #000000;
    color: #fff;
}

.circulo-mean .modal .form-horizontal .control-group .parentservice-ul {
    margin: 0 !important;
    width: 100%;
    height: 100% !important;
    max-height: 216px;
    padding: 16px;
    border-radius: 0;
    border: 1px solid #F0F0F0;
    overflow: auto !important;
    margin-top: 4px !important;
}

/* width */
.circulo-mean .modal .form-horizontal .control-group .parentservice-ul::-webkit-scrollbar {
    width: 3px;
}

/* Track */
.circulo-mean .modal .form-horizontal .control-group .parentservice-ul::-webkit-scrollbar-track {
    background: #e7e5e5;
}

/* Handle */
.circulo-mean .modal .form-horizontal .control-group .parentservice-ul::-webkit-scrollbar-thumb {
    background: #bdb4b4;
}

/* Handle on hover */
.circulo-mean .modal .form-horizontal .control-group .parentservice-ul::-webkit-scrollbar-thumb:hover {
    background: #979797;
}

.circulo-mean .modal .form-horizontal .control-group .parentservice-ul li {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.02em;
    text-align: left;
    color: #000000;
    width: 100%;
    margin-bottom: 16px;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 8px;
}

.circulo-mean .modal .form-horizontal .control-group .parentservice-ul li:last-child {
    margin: 0;
}

.circulo-mean .modal .form-horizontal .control-group .parentservice-ul .parent-label {
    margin: 0;
    color: #000000;
    /* width: 92%; */
    font-family: 'FreightText Pro Book';
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.02em;
    text-align: left;
}

.circulo-mean .modal .form-horizontal .control-group .parentservice-ul li input[type=checkbox] {
    appearance: none;
    background-clip: content-box;
    border: 1px solid #000000 !important;
    min-width: 24px !important;
    max-width: 24px;
    min-height: 24px !important;
    max-height: 24px;
    border-radius: 100px;
    position: relative;
    margin: 0 !important;
}

.circulo-mean .modal .form-horizontal .control-group .parentservice-ul li input[type=checkbox]:checked {
    background: #000000;
}

.circulo-mean .modal .form-horizontal .control-group .parentservice-ul li input[type=checkbox]:focus {
    outline: none;
}

.circulo-mean .modal .form-horizontal .control-group .parentservice-ul li input[type=checkbox]:checked:before {
    content: '\2713';
    color: #fff;
    position: absolute;
    top: 0px;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    text-align: center;
}

/*------------ /mean-popup-design ---------------*/

/*========== setting-page ===========*/
.store-heading .setting-tabs {
    justify-content: start;
    gap: 32px;
}

ul.setting-tabs {
    /* display: flex; */
    /* gap: 32px; */
    /* flex-wrap: wrap; */
    border-bottom: 1px solid #F0F0F0;
    display: grid;
    grid-template-columns: repeat(9, auto);
    gap: 16px;
    /* justify-content: flex-start; */
}

ul.setting-tabs li {
    list-style: none;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.02em;
    text-align: left;
    color: #000000;
    text-transform: uppercase;
}

ul.setting-tabs li a {
    color: #000000;
    line-height: 24px;
}

ul.setting-tabs li a:hover {
    border-bottom: 2px solid #000000;
    text-decoration: none;
}

ul.setting-tabs li.active a {
    border-bottom: 2px solid #000000;
}

/* ul.setting-tabs-submenu li a {
    
} */
ul.setting-tabs-submenu li {
    list-style: none;
}

ul.setting-tabs-submenu {
    display: flex;
    align-items: center;
    gap: 24px;
    padding: 24px 0;
    flex-wrap: wrap;
    border-bottom: 1px solid #F0F0F0;
    /* border-top: 1px solid #F0F0F0; */
}

ul.setting-tabs-submenu li a {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.02em;
    text-align: center;
    color: #000000;
    text-transform: uppercase;
    text-decoration: none;
    border: 1px solid #000000;
    padding: 7px 10px;
    display: inline-block;
}

/* ul.setting-tabs-submenu li:hover a {
    color: #fff;
} */
ul.setting-tabs-submenu li a:hover {
    background: #000000;
    color: #fff;
    transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    -ms-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
}

ul.setting-tabs-submenu li.active a {
    color: #fff;
}

ul.setting-tabs-submenu li.active a {
    background: #000000;
}

/*========= /setting-page ===========*/

/*========== quote ===========*/
.page-filter-form {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 24px;
    flex-wrap: wrap;
}

.page-filter-form .search-input-wrapper input {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.02em;
    text-align: left;
    border-radius: 0;
    border-color: #D9D9D9;
    padding: 5px 12px;
    height: 40px;
    min-width: 300px;
}

.page-filter-form .search-input-wrapper button {
    background: #000000;
    border: none;
    height: 40px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.02em;
    text-align: center;
    color: #fff;
    padding: 7px 16px;
    margin-left: -4px;
}

.page-filter-form .search-input-wrapper button:hover {
    opacity: 0.8;
}

.page-filter-form .filter-toggle a {
    font-family: 'FreightText Pro Book';
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    text-align: left;
    color: #000000;
    text-decoration: underline;
    cursor: pointer;
}

.search-section .add-btn {
    margin-left: auto;
}

.search-section .add-btn a.relation-plus-icon.ng-scope {
    padding: 8px 16px;
    border: 1px solid #000000;
    border-radius: 0px;
    margin-bottom: 24px;
    cursor: pointer;
    text-transform: uppercase;
    color: #000000;
    font-family: 'FreightText Pro Book';
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.02em;
    text-align: center;
}

.search-section .add-btn a.relation-plus-icon.ng-scope:hover {
    background: #566b50;
    color: #fff;
    text-decoration: none;
    transition: all ease-in-out 0.2s;
}

.no-more-tables table.table-condensed td[data-title] a {
    font-family: 'FreightText Pro Book';
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    text-align: left;
    color: #000000;
    text-decoration: underline;
}

.search-section ul.fourlayers {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    padding: 24px 16px;
    gap: 24px;
}

.search-section ul.fourlayers li.search-input-wrapper {
    margin: 0;
}

.search-section ul.fourlayers li.search-input-wrapper input,
.search-section ul.fourlayers li.search-input-wrapper select {
    width: 100%;
    border-bottom: 1px solid #BFBFBF !important;
    border: none;
    height: 32px;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.02em;
    text-align: left;
}

.filter-btns {
    display: flex;
    align-items: center;
    gap: 24px;
}

.filter-btns .filter-btns2 {
    margin-left: auto;
}

.filter-btns .filter-btns1 a {
    height: 40px;
    padding: 7px 16px;
    border: 1px solid #000000;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.02em;
    text-align: center;
    text-transform: uppercase;
    color: #000000;
}

.filter-btns .filter-btns1 a:hover {
    background: #566b50;
    color: #fff;
    text-decoration: none;
    transition: all ease-in-out 0.2s;
}

.filter-btns .downlaodcsv {
    height: 40px;
    padding: 7px 16px;
    border: 1px solid #000000;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.02em;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    display: inline-block;
    background: #000000;
}

.filter-btns .downlaodcsv:hover {
    border: 1px solid #000000;
    color: #000000;
    background: #fff;
    text-decoration: none;
    transition: all ease-in-out 0.2s;
}

/*----- quote-table ----*/
.quote-table tbody:nth-child(even) tr td {
    background: #fff;
}

.quote-table tbody tr:first-child td:first-child {
    padding-left: 50px;
    position: relative;
}

.quote-table tbody tr:first-child td:first-child:before {
    content: '';
    background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M-3.67218e-07 11.733L8 3.33203L16 11.733L15.1121 12.6654L8 5.1965L0.887851 12.6654L-3.67218e-07 11.733Z" fill="%23282927"/></svg>');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    left: 16px;
    width: 16px;
    height: 24px;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    -ms-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
}

.quote-table tbody tr.open_tag:first-child td:first-child:before {
    transform: rotate(0deg);
}

.quote-table tbody tr td ul li {
    list-style: none;
    border-right: 1px solid #D9D9D9;
    padding: 0 16px 24px;
}

.quote-table tbody tr td ul li .small_img a img {
    min-width: 100px;
    max-width: 100px;
    height: 116px;
    object-fit: cover;
}

.quote-table tbody tr td ul li .small_img .item-info {
    font-family: 'FreightText Pro Book';
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.02em;
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.quote-table tbody tr td ul li .service-x.jsrbtn {
    font-size: 24px;
    color: #000000 !important;
    position: absolute;
    right: 0;
    top: 12px;
    text-decoration: none;
}

.quote-table tbody tr td ul li .service-x.jsrbtn:hover {
    opacity: 0.6;
}

.quote-table tbody tr td ul li .small_img .item-info p {
    text-align: left;
    font-weight: normal;
    margin: 0;
}

.quote-table tbody tr td ul li .small_img .item-info .white_bar_dot {
    font-family: 'FreightText Pro Book';
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    text-align: left;
    color: #000000;
    text-decoration: underline;
}

.quote-table tbody tr td ul li .small_img {
    display: flex;
    align-items: center;
    gap: 16px;
}

.quote-table tbody tr td ul li .small_img a.item-name {
    font-family: 'FreightText Pro Book';
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    text-align: left;
    text-decoration: underline;
    color: #000000;
}

.subtet .order-services {
    font-family: 'FreightText Pro Book';
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.02em;
    text-align: left;
    margin: 20px 0 16px;
    color: #000000;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.subtet div a {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.02em;
    text-align: left;
    color: #000000;
    text-decoration: underline;
}

.subtet .order-services .add-service-btn {
    font-family: 'FreightText Pro Book';
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    text-align: center;
    text-transform: uppercase;
    padding: 1px 16px;
    width: max-content;
    color: #000000;
    background: transparent;
    border: 1px solid #000000;
    text-decoration: none;
}

.subtet p.item-services a {
    font-family: 'FreightText Pro Book';
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.02em;
    text-align: left;
    color: #000000;
    text-decoration: underline;
    padding-bottom: 16px;
}

.subtet p.item-services {
    padding-bottom: 16px;
    border-bottom: 1px solid #D9D9D9;
    margin-bottom: 16px;
}

.subtet p.item-services:last-child {
    padding-bottom: 0px;
    border-bottom: none;
    margin-bottom: 0px;
}

button.btn.show-quote-btn {
    font-family: 'FreightText Pro Book';
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    text-align: center;
    text-transform: uppercase;
    padding: 1px 16px;
    /* margin-bottom: 17px; */
    /* float: right; */
    width: max-content;
    border: 1px solid #000000;
}

.resend-quote-btn {
    font-family: 'FreightText Pro Book';
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    text-align: center;
    text-transform: uppercase;
    padding: 1px 16px;
    /* float: right; */
    width: max-content;
    color: #000000;
    background: transparent;
    border: 1px solid #000000;
}

.quote-table tbody tr td[data-title] div {
    display: flex;
    flex-direction: column;
    align-items: end;
    gap: 16px;
}

.quote-table tbody tr td[data-title] div .custom-small-btn:hover,
.quote-table tbody tr td[data-title] div .custom-small-btn:focus {
    background: transparent;
    outline: none;
}

.mean-dashboard #dash_board_class .element form.well input,
.mean-dashboard #dash_board_class .element form.well select {
    width: 100%;
    max-width: 100%;
    border-bottom: 1px solid #BFBFBF;
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 0;
    padding: 5px 12px;
    height: 32px;
    font-family: 'FreightText Pro Book';
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.02em;
    text-align: left;
    color: #000000 !important;
    box-shadow: none;
    text-transform: capitalize;
}

.mean-dashboard #dash_board_class .element form.well .client_voucher_section {
    margin-top: 0;
}

.mean-dashboard #dash_board_class .element form.well .edit-order-item-button {
    margin-top: 0 !important;
}

.quote-popup-heading {
    font-family: #000000;
    font-size: 38px;
    font-weight: 700;
    line-height: 46px;
    text-align: center;
    color: #666666;
    border-bottom: 1px solid #F0F0F0;
    margin-bottom: 24px;
    margin-top: 0;
    padding-bottom: 24px;
}

.filter-two {
    border-top: 1px solid #D9D9D9;
    border-bottom: 1px solid #D9D9D9;
}

.fourlayers li label {
    font-family: 'FreightText Pro Book';
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.02em;
    text-align: left;
    color: #000000;
}

.order_info_all_btns {
    display: flex;
    flex-direction: column;
    align-items: end;
    gap: 16px;
}

.order_info_all_btns .border-btn {
    font-family: 'FreightText Pro Book';
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    text-align: center;
    text-transform: uppercase;
    padding: 1px 16px;
    width: max-content;
    color: #000000;
    background: transparent;
    border: 1px solid #000000;
    display: inline-block;
    margin: 0 !important;
}

.order_info_all_btns .border-btn:hover {
    background: #566b50;
    color: #fff;
}

.no-more-tables table td input[type="checkbox"]:focus {
    outline: none;
}

.no-more-tables table td input[type=checkbox]:checked {
    background: #000000;
}

.no-more-tables table td input[type="checkbox"] {
    appearance: none;
    width: 24px !important;
    height: 24px !important;
    background-clip: content-box;
    border: 1px solid #000000;
    border-radius: 100px;
    margin: 0;
    position: relative;
}

.no-more-tables table td input[type=checkbox]:checked:before {
    content: '\2713';
    color: #fff;
    position: absolute;
    top: 0px;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    text-align: center;
}

.quote-setting-form .halfform {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
}

.quote-setting-form .halfform label {
    font-family: 'FreightText Pro Book';
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.02em;
    text-align: left;
    color: #000000;
}

.quote-setting-form .halfform input[type="checkbox"]:focus {
    outline: none;
}

.quote-setting-form .halfform input[type="checkbox"]:checked {
    background: #000000;
}

.quote-setting-form .halfform input[type="checkbox"] {
    appearance: none;
    width: 24px !important;
    height: 24px !important;
    background-clip: content-box;
    border: 1px solid #000000 !important;
    border-radius: 100px !important;
    margin: 0;
    position: relative;
}

.quote-setting-form .halfform input[type="checkbox"]:checked:before {
    content: '\2713';
    color: #fff;
    position: absolute;
    top: 0px;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    text-align: center;
}

.quote-setting-form .halfform input,
.quote-setting-form .halfform select,
.quote-setting-form .halfform textarea {
    width: 100%;
    max-width: 100% !important;
    height: 40px;
}

.order_info_all_btns .custom-small-btn {
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    text-align: center;
    text-transform: uppercase;
    padding: 1px 16px;
    width: max-content;
    color: #ffff;
    background: transparent;
    border: 1px solid #000000;
    display: inline-block;
    margin: 0 !important;
    background: #000000;
}

.order_info_all_btns .icons-collection {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
}

span.overdue {
    font-family: 'FreightText Pro Book';
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.02em;
    text-align: left;
    background: #FAE4E7;
    padding: 4px 22px;
    border-radius: 20px;
    box-shadow: 1px 1px 8px 0px #00000029;
    margin-right: 2%;
}

/*---- /quote-table ----*/
/*========= /quote ===========*/

/* ================ order-details-page ================ */
.order-detail-page {
    padding: 12px 24px;
    max-width: 720px;
    margin: 0 auto;
    background: #fff;
    /* margin-bottom: 18px; */
    float: left;
    width: 100%;
}

.order-detail-page h3 {
    font-family: #000000;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    text-align: left;
    color: #000000;
    margin: 0;
    padding-bottom: 24px;
}

.order-dinfo {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
    padding-bottom: 24px !important;
    border-bottom: 1px solid #D9D9D9;
    /* margin-bottom: 24px !important; */
}

.order-dinfo li {
    padding: 0 !important;
    float: inherit !important;
    width: 100% !important;
}

.stagepage-checkboxgroup {
    display: grid;
    align-items: center;
    justify-content: start;
    gap: 10px;
    grid-template-columns: repeat(3, auto);
}

/* =============== /order-details-page ================ */

/* =========== add-client-form =========== */
.add-client-form {
    width: 756px;
    margin: 0 auto;
}

.add-client-form .halfform {
    width: 50% !important;
}

.add-client-form .halfform input,
.add-client-form .halfform select {
    width: 100%;
    /*max-width: 100% !important;
    */
    min-width: 100%;
    border-width: 0 0 1px 0 !important;
    border-style: solid !important;
    border-color: #BFBFBF !important;
    padding: 5px 12px !important;
    height: 32px;
    color: #000000 !important;
    font-family: 'FreightText Pro Book';
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.02em;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
}

.phone-field .controls {
    display: flex;
    width: 100%;
    gap: 21px;
    align-items: baseline;
}

.phone-field .controls .countery-code input {
    width: 100% !important;
    max-width: 100% !important;
}

.phone-field .controls input#user_phone,
.phone-field .controls input#user_phone2 {
    width: 70%;
    max-width: 70%;
    min-width: 70%;
}

.phone-field .controls .countery-code input,
.phone-field .controls select {
    width: 25%;
    max-width: 25%;
    min-width: 24%;
}

.add-client-form .halfform label {
    color: #000000 !important;
    margin-bottom: 0;
}

.add-client-form legend {
    font-family: '#000000' !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 28px;
    text-align: left;
    color: #000000 !important;
    margin: 24px 0;
    padding: 0;
}

.add-client-form .halfform input[type="checkbox"] {
    width: 24px !important;
    height: 24px !important;
    appearance: none;
    border: 1px solid #000000 !important;
    max-width: 24px !important;
    min-width: 24px;
    border-radius: 100px !important;
    /* min-height: 24px !important;
    max-height: 24px !important; */
    padding: 0 !important;
    position: relative;
    margin-top: 0;
}

.add-client-form .halfform input[type="checkbox"]:checked {
    background-color: #000000;
}

.add-client-form .halfform input[type="checkbox"]:focus {
    outline: none;
}

.add-client-form .halfform input[type="checkbox"]:checked:before {
    content: '\2713';
    color: #fff;
    position: absolute;
    top: 0px;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    text-align: center;
}

.add-client-form .form-actions {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
    padding-top: 24px !important;
}

.add-client-form .form-actions .btn-primary {
    /* background: #000000; */
    opacity: 10 !important;
    padding: 8px 16px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.02em;
    text-align: center;
    border: 1px solid #566b50;
}

.add-client-form .form-actions .cancel {
    border: 1px solid #000000;
    background: transparent;
    color: #000000;
    padding: 8px 16px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.02em;
    text-align: center;
}

.add-client-form .form-actions .cancel:hover {
    border: 1px solid #000000;
    background: #000000;
    color: #fff;
}

.jobdetailpage .order-detail-button-group {
    text-align: right;
    padding: 24px 0;
    border-bottom: 1px solid #D9D9D9;
}

.order-title {
    display: flex;
    align-items: start;
    justify-content: space-between;
}

.item-first-section {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #D9D9D9;
    padding-bottom: 24px;
    margin-bottom: 24px;
    gap: 24px;
}

.item-first-section .item-left {
    flex-basis: 65%;
}

.item-first-section .item-right {
    flex-basis: 35%;
}

li.qrcode label {
    white-space: nowrap;
}

li.qrcode {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.item-first-section .item-left .first-section-maindata {
    display: flex;
}

.item-second-section {
    display: flex;
    border-bottom: 1px solid #D9D9D9;
    padding-bottom: 24px;
    margin-bottom: 24px;
}

.item-second-section .item-left,
.item-second-section .item-right {
    flex-basis: 50%;
}

.item-second-section .item-left ul li,
.item-second-section .item-right ul li {
    float: left;
    width: 100%;
    /* clear: both; */
}

.item-third-section {
    display: flex;
    border-bottom: 1px solid #D9D9D9;
    padding-bottom: 24px;
    margin-bottom: 24px;
}

.item-third-section .item-left,
.item-third-section .item-right {
    flex-basis: 50%;
}

.item-third-section .item-left ul li,
.item-third-section .item-right ul li {
    float: left;
    width: 100%;
    /* clear: both; */
}

.item-first-section .item-left .first-section-maindata ul li .job_rotateimg_main img {
    width: 100px;
    height: 100%;
}

.item-first-section .item-right li.qrcode img {
    width: 140px;
}

.page-title2 {
    color: #666;
    font-family: '#000000';
    font-size: 38px;
    font-weight: 700;
    line-height: 46px;
    letter-spacing: 0em;
    text-align: center;
    padding-bottom: 24px;
    text-transform: uppercase;
    margin-bottom: 24px;
    border-bottom: 1px solid #d9d9d9;
}

.service-main-section {
    display: flex;
    gap: 24px;
    border-bottom: 1px solid #BFBFBF;
    padding-bottom: 24px;
    margin-bottom: 24px;
}

.service-main-section .item-left {
    flex-basis: 60%;
    border-right: 1px solid #BFBFBF;
    padding-right: 24px;
}

.service-main-section .item-right {
    flex-basis: 40%;
}

.service-main-section .item-right ul li {
    display: flex;
    align-items: center;
    min-width: 50%;
}

.service-main-section .item-left ul.service-ul li label {
    float: left;
}

.item-bottom-section {
    text-align: right;
}

.item-bottom-section div p {
    font-size: 16px;
    display: flex;
    justify-content: end;
    gap: 10px;
}

.item-bottom-section div p span {
    font-weight: 500;
    font-family: 'FreightText Pro Book';
}

.item-bottom-section div p.total-payable span {
    color: #000000;
}

.item-bottom-section div p.total-payable {
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    text-align: left;
    color: #000000;
}

.circulo-mean .modal form .full-input h3 {
    font-family: '#000000' !important;
    font-size: 20px;
    font-weight: 700 !important;
    line-height: 28px;
    text-align: left;
    background-color: transparent;
    text-transform: uppercase;
    color: #000000;
    padding: 0;
    margin: 0 0 16px;
}

.circulo-mean .modal .form-horizontal .controls .add-more-data-btn {
    display: inline-block;
    border-bottom: 1px solid #000000;
    text-transform: uppercase;
    margin-top: 16px;
    border: 1px solid #000000;
    background: transparent;
    color: #000000;
    padding: 4px 16px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.02em;
    text-align: center;
}

.circulo-mean .modal .full-input .halfform .parentservice-ul {
    box-shadow: none;
    border: none;
    padding: 0 !important;
}

.circulo-mean .modal .full-input .halfform .parentservice-ul li input {
    border-bottom: 1px solid #BFBFBF !important;
    border: none;
    border-radius: 0;
    padding: 5px 12px;
    height: 32px;
    font-family: 'FreightText Pro Book';
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.02em;
    text-align: left;
    color: #000000 !important;
    width: 100%;
}

.circulo-mean .modal .form-horizontal .update-service {
    margin-top: 24px;
}

.store-btns {
    display: flex;
    flex-direction: column;
    align-items: self-start;
    gap: 16px;
    width: max-content;
}

.store-btns a:first-child {
    font-size: 16px !important;
    font-weight: 500 !important;
    letter-spacing: 0.02em;
    background: #000000;
    color: #fff !important;
    text-decoration: none !important;
    padding: 7px 16px !important;
}

.store-btns a:last-child {
    font-size: 16px !important;
    font-weight: 500 !important;
    letter-spacing: 0.02em;
    background: #fff;
    color: #000000;
    text-decoration: none !important;
    padding: 7px 16px;
    border: 1px solid #000000;
}

/* ========== /add-client-form =========== */

/*======== item-status-popup ========= */
.item-status-popup {
    max-width: 720px;
    margin: 0 auto;
    padding: 0;
}

.item-status-popup .fullwidth {
    padding: 0;
}

.scandetail.jobdetailpage ul.thirdwidth {
    display: flex;
    width: 100%;
    gap: 16px;
}

.item-status-popup .thirdwidth li {
    float: inherit;
    flex-basis: 50%;
    box-shadow: 1px 1px 8px 0px #00000029;
    border: none;
    justify-content: start;
    padding: 24px !important;
    margin: 0 !important;
    height: 100%;
}

.item-status-popup .thirdwidth li label {
    font-family: '#000000' !important;
    font-size: 24px !important;
    font-weight: 700;
    line-height: 32px !important;
    text-align: left !important;
    color: #000000 !important;
    text-transform: uppercase;
}

.item-status-wraper {
    width: 100%;
}

.item-status-form {
    padding: 0 !important;
    width: 100% !important;
    margin: 0px;
}

.overview-box {
    padding: 24px;
    background: #F0F0F0;
    margin: 16px 0;
    width: 100%;
}

.overview-box .overview-content {
    display: flex;
    gap: 24px;
}

.overview-box .overview-content span p {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.02em;
    text-align: left;
}

.overview-box .overview-content span label {
    font-family: 'FreightText Pro Book';
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.02em;
    text-align: left;
    margin: 0px;
}

.overview-box .overview-content span {
    display: flex;
    gap: 4px;
    align-items: flex-start;
    margin-bottom: 16px;
}

.overview-box .overview-content span:last-child {
    margin-bottom: 0px;
}

.overview-box .overview-content .item-right span:last-child {
    flex-direction: column;
}

.overview-box .overview-content .item-right span:last-child img {
    width: 100px;
    height: 116px;
    margin: 0;
    padding: 0;
    float: inherit;
    object-fit: cover;
}

.overview-box .image-main-section {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.srv_group_btns {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 2% 0;
}

.srv_group_btns a {
    margin-top: 0px !important;
}

.item-status-wraper {
    box-shadow: 1px 1px 4px 0px #00000029;
    padding: 24px;
    border: 1px solid #D9D9D9;
    margin-bottom: 16px;
}

.form-partone {
    display: flex;
    align-items: end;
    gap: 16px;
    justify-content: space-between;
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid #666666;
}

.form-parttwo {
    display: flex;
    align-items: end;
    gap: 16px;
}

.form-partone .control-group {
    margin-bottom: 0;
    flex-basis: 35%;
}

.form-partone button.btn-primary,
.form-parttwo button.btn-primary {
    font-size: 16px !important;
    width: max-content !important;
    padding: 4px 16px !important;
}

.form-parttwo .control-group {
    flex-basis: 70%;
    margin-bottom: 0;
}

.item-status-popup li.no-more-tables {
    padding: 0 !important;
    margin: 0;
    border: none;
}

.item-services-modal-view-heading {
    font-family: '#000000' !important;
    font-size: 20px;
    font-weight: 700 !important;
    line-height: 28px;
    text-align: left;
    background-color: transparent;
    text-transform: uppercase;
    color: #000000;
    padding: 0;
    margin: 0 0 16px;
}

.overview-m-title h3,
.overview-m-title p {
    margin: 0 !important;
    padding: 0;
}

.overview-m-title {
    display: flex;
    gap: 24px;
    align-items: center;
    margin-bottom: 24px;
}

.overview-m-title p {
    font-family: 'FreightText Pro Book';
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.02em;
    text-align: left;
    background: #FAE4E7;
    box-shadow: 1px 1px 8px 0px #00000029;
    padding: 4px 22px;
    border-radius: 100px;
}

.item-add-form h3 {
    font-family: #000000;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    color: #000000;
    text-align: center;
    margin-bottom: 24px;
}

.item-add-form .form-horizontal label,
.item-add-form .form-horizontal label.control-label {
    float: inherit;
    width: 100%;
    font-family: 'FreightText Pro Book';
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.02em;
    text-align: left;
    color: #000000;
}

.item-add-form .form-horizontal input,
.item-add-form .form-horizontal select,
.item-add-form .form-horizontal textarea {
    border: none !important;
    border: 1px solid #BFBFBF !important;
    border-radius: 0;
    padding: 5px 12px;
    height: 32px;
    font-family: 'FreightText Pro Book';
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.02em;
    text-align: left;
    color: #000000 !important;
    width: 100%;
    min-width: 100%;
}

.edit-order-item-button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.edit-order-item-button .cancel {
    background: transparent;
    color: #000000;
}

.add-serviceform .halfform {
    width: 48% !important;
    float: left;
    padding: 0px 1%;
}

.add-serviceform .halfform textarea {
    width: 100%;
    height: 100px;
    border-bottom: 1px solid #BFBFBF;
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 0;
}

.add-serviceform .edit-order-item-button {
    padding-top: 3%;
}

.edit-order-item-form .control-group .controls input,
.edit-order-item-form .control-group .controls select {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    border-bottom: 1px solid #BFBFBF;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-radius: 0;
    padding: 5px 12px;
    height: 32px;
    font-family: 'FreightText Pro Book';
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.02em;
    text-align: left;
    color: #000000 !important;
    box-shadow: none;
    text-transform: capitalize;
}

.edit-order-item-form .control-group .controls textarea {
    width: 100%;
    height: 100px;
    border: 1px solid #BFBFBF !important;
    /* border-top: none; */
    /* border-left: none; */
    /* border-right: none; */
    border-radius: 0;
}

.edit-order-item-form .other_images_list {
    display: flex;
    gap: 70px;
    flex-wrap: wrap;
}

/*======= /item-status-popup ========= */
.border {
    border-top: 1px solid #E0E0E0;
    margin-bottom: 24px;
}

.searchUl i.suggest {
    font-size: 16px;
    font-weight: 400 !important;
    text-decoration: none !important;
    font-family: 'FreightText Pro Book' !important;
    line-height: 22px;
    letter-spacing: 0.02em;
    text-align: left;
    border-radius: 0;
    font-style: normal !important;
}


.customui {
    width: 100% !important;
    max-width: 100%;
}

.applybtn {
    background: #000000;
    border: 1px solid #000000;
    box-shadow: 0px 2px 0px 0px #0000000B;
    font-family: 'FreightText Pro Book';
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.02em;
    text-align: center;
    color: #fff;
    padding: 6px 16px;
}

.filtercls {
    color: #fff !important;
    display: inline-block;
    background: #000000 !important;
    pointer-events: all;
}

/*-------------17-07-2024 partnerflow-form page design--------------- */
.partnerbookingform .selectmore-services {
	max-width: 508px;
    margin: 0 auto;
    box-sizing: border-box;
    text-align: center;
}
.partnerbookingform .selectmore-services .titlebold {
	font-size: 20px;
    font-family: "FreightText Pro Book", sans-serif !important;
    text-align: center;
    margin: 0;
    letter-spacing: 1px;
    color: #000000;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 1.7;
}
.partnerbookingform .selectmore-services p {
    font-family: "FreightText Pro Book", sans-serif !important;
}
.partnerbookingform .selectmore-services button{
    background: #fff;
    border: none;
    box-shadow: 0px 0px 4px 0px #b3b3b3;
    padding: 50px 70px;
    margin: 10px 0;
    margin-right: 10px;
    font-family: "FreightText Pro Book", sans-serif;
}
.partnerbookingform .selectmore-services button:hover{
background: #000000;
color: #fff;
}
/*-------------18-07-2024--------------- */
.partnerbookingform .selectmore-services button:nth-child(2){
    margin-right: 0;
}
.appointment-form{
	max-width: 508px;
    margin: 0 auto;
    box-sizing: border-box;
    font-family: "FreightText Pro Book", sans-serif;
}
.appointment-form h2{
	font-size: 20px;
    font-family: "FreightText Pro Book", sans-serif !important;
    text-align: center;
    margin: 0;
    letter-spacing: 1px;
    color: #000000;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 1.7;
}
.appointment-form p{
	color: #000000;
    margin: 0;
    font-family: "FreightText Pro Book", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.02em;
	text-align: center;
}
.appointment-form .partners_addline02 {
    float: none;
}
.appointment-form .radio-button {
    text-align: center;
}
.appointment-form .radio-button span a{
	color: #9f4504;
}
.appointment-form .radio-button input[type="radio"] {
   margin-top: -1px !important;
    width: 24px !important;
    height: 24px !important;
}
.appointment-form .radio-button  input[type=radio]:checked {
         background-color: #000000;
		 border: 1px solid #000000;
      }
.appointment-form .submit-button {
    text-align: center;
    margin: 25px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}
.appointment-form .submit-button .back{
    color: #000000;
    border: 1px solid #000000;
    padding: 8px 16px;
	cursor: pointer;
    font-family: "FreightText Pro Book", sans-serif;
}
.appointment-form .submit-button .confirm-order{
    color: #fff;
    background: #000000;
    padding: 8px 16px;
    /* margin-top: -4px; */
    border: 1px solid #000000;
    font-family: "FreightText Pro Book", sans-serif;
}
/*-------------19-07-2024--------------- */
.appointment-form .ui-datepicker{
    border: 1px solid #ebebeb !important;
	margin: 20px 0;
}
.appointment-form .slot{
    margin: 30px 0;
}
.appointment-form .slot input[type="radio"] {
    width: 24px !important;
    height: 24px !important;
    accent-color: #000000;
}
.appointment-form .slot input{
    margin-top: -2px;
}
.appointment-form .slot span{
    font-size: 16px;
    font-weight: 600;
    color: #000000;
    font-family: 'FreightText Pro Book';
}
.appointment-form #address_ul{
    margin-top: 19px !important;
}
input[type="radio"] {
    accent-color: #000000;
}
.partner-flow-partner-form {
    margin: 24px 0;
}
/* form.partner-flow-partner-form .inputinlabel input {
    padding-left: 10px !important;
} */
form.partner-flow-partner-form .order-prfx {
    top: 3px;
    left: 10px;
}
.radios_input {
    display: flex;
    gap: 16px;
    align-items: center;
}
.halfform.discription-div {
    clear: left;
}
.fitting-radio input[type="radio"] {
    margin: 0 5px 0 0;
    width: 20px !important;
    height: 20px !important;
    accent-color: #000000 !important;
    outline: none !important;
    color: #000;
}
.selecttime-slot {
    box-shadow: 0px 0px 8px 1px #00000026;
    padding: 20px;
    margin: 25px 0;
}
select#timeSlot {
    width: 100%;
    height: 42px;
    border-radius: 8px;
}
.selecttime-slot label {
    font-size: 16px;
    /* font-weight: bold; */
}
.selecttime-slot p {
    text-align: left;
    font-size: 18px;
    font-weight: bold;
    margin-top: 8px;
}

.fitting-radio label, .fitting-radio label:hover {
    color: #000;
}
input[type="date"]::-webkit-calendar-picker-indicator {
    color: rgba(0, 0, 0, 0);
    opacity: 1;
    display: block;
    background: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_1338_6277)"><path d="M14.667 1.5H12.5V0.5C12.5 0.2235 12.2765 0 12 0C11.7235 0 11.5 0.2235 11.5 0.5V1.5H8.5V0.5C8.5 0.2235 8.276 0 8 0C7.724 0 7.5 0.2235 7.5 0.5V1.5H4.5V0.5C4.5 0.2235 4.276 0 4 0C3.724 0 3.5 0.2235 3.5 0.5V1.5H1.3335C0.597 1.5 0 2.0965 0 2.833V14.6665C0 15.403 0.597 16 1.3335 16H14.667C15.4035 16 16 15.403 16 14.6665V2.833C16 2.0965 15.4035 1.5 14.667 1.5ZM15 14.6665C15 14.8505 14.8505 15 14.667 15H1.3335C1.1495 15 1 14.8505 1 14.6665V2.833C1 2.6495 1.1495 2.5 1.3335 2.5H3.5V3.5C3.5 3.7765 3.724 4 4 4C4.276 4 4.5 3.7765 4.5 3.5V2.5H7.5V3.5C7.5 3.7765 7.724 4 8 4C8.276 4 8.5 3.7765 8.5 3.5V2.5H11.5V3.5C11.5 3.7765 11.7235 4 12 4C12.2765 4 12.5 3.7765 12.5 3.5V2.5H14.667C14.8505 2.5 15 2.6495 15 2.833V14.6665Z" fill="%23666666"/><path d="M5.5 6H3.5V7.5H5.5V6Z" fill="%23666666"/><path d="M5.5 8.5H3.5V10H5.5V8.5Z" fill="%23666666"/><path d="M5.5 11H3.5V12.5H5.5V11Z" fill="%23666666"/><path d="M9 11H7V12.5H9V11Z" fill="%23666666"/><path d="M9 8.5H7V10H9V8.5Z" fill="%23666666"/><path d="M9 6H7V7.5H9V6Z" fill="%23666666"/><path d="M12.5 11H10.5V12.5H12.5V11Z" fill="%23666666"/><path d="M12.5 8.5H10.5V10H12.5V8.5Z" fill="%23666666"/><path d="M12.5 6H10.5V7.5H12.5V6Z" fill="%23666666"/></g><defs><clipPath id="clip0_1338_6277"><rect width="16" height="16" fill="white"/></clipPath></defs></svg>') no-repeat;
    width: 16px;
    height: 16px;
    border-width: thin;
    background-size: contain;
}
.partner-flow-partner-form .radio-input input[type="radio"] {
    width: 22px !important;
    height: 22px !important;
    margin: 0;
}
.partner-flow-partner-form .edit-order-item-button button {
    padding: 8px 16px;
    min-width: 150px;
}
/*-------------26-07-2024--------------- */
.control-group.halfform .hasDatepicker{
	cursor: pointer !important;
    background-color: transparent !important;
}
.partnerflow-shadowbox .thankyou-quote .thankyou_notice {
	background: #e7e7e7 !important;
    padding: 10px 10px !important;
}
.grayed-option{
    background-color: #d0d9cd;
    color: #fff;
    padding: 5px;
}

.genratetoken {
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 20px;
    display: inline-block;
    color: #000000;
    text-decoration: underline;
}
.module-form {
    display: flex;
    gap: 16px;
}
.form-fields .halfform {
    width: 100% !important;
}
.select-option .list {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    line-height: 26px;
    font-size: 16px;
}
.select-option .list a {
    color: #000000;
}

.modal-body.dashcostpopup .removeservice-section {
    text-align: center;
}
.modal-body.dashcostpopup .removeservice-section p a {
    font-weight: bold;
    color: #000000;
}
#pos-payment-popup {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}
.pay-container .pay-row a {
    color: #fff;
    background: #000000;
    border: 1px solid #000000;
    font-size: 16px !important;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.02em !important;
    text-align: center;
    width: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 10px;
    text-transform: uppercase;
    transition: all ease-in-out 0.3s;
}
.pay-container .pay-row a:hover {
    background-color: #666;
    text-decoration: none;
}

/*===== pos-popup =====*/

.pos_overlay_shading {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
    z-index: 9999; /* Ensures the overlay is on top of other content */
    display: flex;
    align-items: center;
    justify-content: center;
}

.pos_dialog {
    background-color: #fff; /* White background for the dialog */
    width: 400px; /* Adjust the width as needed */
    border-radius: 8px; /* Rounded corners */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2); /* Subtle shadow for depth */
    z-index: 10000; /* Ensure it's above the overlay */
    text-align: center; /* Center text alignment */
    overflow: hidden; /* Prevent content from spilling out */
}

.pos_dialog .modal-header {
    /* background-color: #007bff; */
    color: #fff; /* White text for the header */
    /* padding: 10px 20px; */
    font-size: 20px;
    font-weight: bold;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pos_dialog .modal-header h2 {
    color: #000000;
    font-family: '#000000';
    font-size: 38px;
    font-weight: 700;
    line-height: 46px;
    letter-spacing: 0em;
    text-align: center;
    padding-bottom: 0;
    text-transform: uppercase;
    margin-bottom: 0;
    width: 100%;
}

.pos_dialog .modal-header .close {
    color: #fff; /* White close button */
    font-size: 20px;
    cursor: pointer;
    text-decoration: none;
}

.pos_dialog .modal-body {
    padding: 20px;
    font-size: 16px;
    color: #000000; /* Darker text for better readability */
}

.pos_dialog .modal-body img {
    display: block;
    margin: 10px auto; /* Center the loading gif */
}

.pos_dialog .modal-body .btn {
    display: inline-block;
    background-color: #f44336; /* Example: red cancel button */
    color: #fff;
    padding: 10px 20px;
    border-radius: 4px;
    text-decoration: none;
    font-size: 16px;
    cursor: pointer;
}

.pos_dialog .modal-body .btn:hover {
    background-color: #d32f2f; /* Slightly darker red on hover */
}

.pos_dialog .modal-header h1 {
    text-align: center;
    width: 100%;
    margin: 0;
    padding: 10px 0;
    color: #000000;
}
.pos_dialog .modal-header {
    background: #BAC3B7;
}
.pos_dialog .modal-body a.btn {
    background: #000000;
    color: #fff;
    border-color: #000000;
}
.pos_dialog .modal-body a.btn:hover {
    background: #fff;
    color: #000000;
}
.declinedbox ul li {
    list-style: none;
    background: transparent !important;
    font-weight: bold;
    line-height: 24px;
    color: #000000;
}
.declinedbox a.viewqte {
    margin-top: 10px;
}
.mid-containerbox.paddingless.popupbox a.newv2-btn-border {
    color: #000000 !important;
    border: 1px solid #000000 !important;
    font-family: 'FreightText Pro Book';
    text-transform: inherit;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px !important;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.02em !important;
    text-align: center;
    height: 40px;
    text-decoration: none;
    width: 90%;
    margin: 10px auto;
}
.mid-containerbox.paddingless.popupbox a.newv2-btn-border:hover {
    opacity: 0.8;
}
.popupoverlay {
    background: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 100%;
    padding: 10px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
/*==== /pos-popup =====*/

.no-more-tables table td[data-title="Action"] .custom-small-btn {
    color: #000000;
    text-decoration: underline;
}

/*=========== royal-mail-parcel-page ===========*/
.clientquote-form-parcel-two ul li input, .clientquote-form-parcel-two ul li select {
    padding: 8px 12px;
    font-family: 'FreightText Pro Book';
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.02em;
    text-align: left;
    border: 1px solid #D9D9D9;
    border-radius: 0;
    /* max-width: 167px; */
    height: 40px;
    width: 100%;
}
.clientquote-form-parcel-two ul li .post-ajax-opener {
    display: flex;
    gap: 10px;
}
.clientquote-form-parcel p {
    text-align: center;
}
.clientquote-form-parcel-two .searchUl {
    overflow: hidden;
    overflow-y: auto;
    max-width: 91%;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.4);
    max-height: 240px;
    border-radius: 6px;
}
.clientquote-form-parcel .searchUl li {
    padding: 8px 16px;
    line-height: normal;
    margin: 0;
    border-bottom: 1px solid #fff;
}
.clientquote-form-parcel .searchUl li:hover {
    background: #000000;
    color: #fff;
}
.clientquote-form-parcel .searchUl li:hover a {
    color: #fff;
    text-decoration: none;
}
.clientquote-form-parcel .searchUl li i.suggest {
    font-style: normal !important;
    line-height: normal;
}
.booking_date .ui-state-disabled span, .booking_date .ui-widget-content .ui-state-disabled span, .booking_date .ui-widget-header .ui-state-disabled span {
    font-size: 16px;
}
.booking_date .ui-datepicker-calendar table, .booking_date .ui-datepicker-calendar tr, .booking_date .ui-datepicker-calendar td, .booking_date .ui-datepicker-calendar th {
    font-size: 16px;
}
.booking_date .ui-state-active, .booking_date .ui-widget-content .ui-state-active, .booking_date .ui-widget-header .ui-state-active {
    height: 40.05px;
    line-height: 34.27px;
}
.clientquote-form-parcel-two .ui-datepicker {
    box-shadow: 0px 10px 10px 5px #00000026;
}
.parcel_box {
    display: flex;
    gap: 1px;
    padding: 1px;
    background: #c1c1c1;
}
.clientquote-form-parcel-two ul li div button {
    background: #f7f7f7;
    font-size: 16px;
    border: none;
    padding: 5px 13px;
    width: 100%;
    min-height: 70px;
    font-weight: bold;
    position: relative;
    transition: all  ease-in-out 0.3s;
    -webkit-transition: all  ease-in-out 0.3s;
    -moz-transition: all  ease-in-out 0.3s;
    -ms-transition: all  ease-in-out 0.3s;
    -o-transition: all  ease-in-out 0.3s;
}
.clientquote-form-parcel-two ul li div button:before {
    content: '';
    width: 10px;
    height: 10px;
    background: #c1c1c1;
    position: absolute;
    left: 8px;
    top: 8px;
    border-radius: 100px;
}
.clientquote-form-parcel-two ul li div button.active:before {
    content: '\2713';
    width: auto;
    height: auto;
    background: transparent;
    border-radius: inherit;
    font-size: 16px;
    color: #fff;
    top: 4px;
}
.clientquote-form-parcel-two ul li div button.active {
    background: #000000;
    color: #fff;
}
.clientquote-form-parcel-two ul li label.control-label {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 10px;
}
.control-group.parcel {
    padding: 7px 0;
}
.reviewquotepage .quotereview-amount .return-payment {
    border-bottom: 1px solid #c7c7c7;
    padding: 9px 0;
}
.reviewquotepage .quotereview-amount .return-payment span {
    font-weight: bold;
    font-size: 16px;
}
.return-thankyou p {
    text-align: center !important;
}

.image-upload-section button {
    font-family: "FreightText Pro Book", sans-serif !important;
    color: #fff;
    background: #000000;
    border: 1px solid #000000;
    text-transform: inherit;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px !important;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.02em !important;
    text-align: center;
    padding: 6px 16px;
    margin: 5px 0;
    width: 100%;
}
.image-upload-section button:hover {
    opacity: 0.7;
}

.parent_div {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}
.parent_div .image-grid-item {
    width: 100%;
    border: 2px dashed #999;
    padding: 3px;
}
.parent_div .image-grid-item a {
    position: absolute;
    top: 2px;
    z-index: 9;
    right: 3px;
    background: #000000;
    width: 23px;
    height: 23px;
    text-align: center;
    border-radius: 100px;
    line-height: 23px;
    color: #fff;
    font-weight: bold;
    font-size: 10px;
}
/* .parent_div .image-grid-item strong {
    position: absolute;
    z-index: 9;
    background: #000000ba;
    color: #fff;
    width: 100%;
    padding: 3px;
    bottom: 0;
    text-align: center;
    font-size: 13px;
} */
a.goback-button {
    border: 1px solid #000000;
    color: #000000;
    padding: 4px;
}
.quote-flowsmall-box .mid-containerbox ul#parcel_ul li .select-parcel div {
    background: #f7f7f7;
    padding: 4px;
    border: 1px solid #ddd;
    max-width: 97%;
    margin: 2px 0 7px;
}
.quote-flowsmall-box .mid-containerbox .goback-button {
    color: #000000;
    display: flex;
    gap: 2px;
    border: 1px solid #000000;
    text-align: center;
    width: max-content;
    padding: 3px 8px 3px 2px;
    margin: 0 auto;
    margin-bottom: 16px;
}
.clientquote-form-parcel-two ul li .noteinfo label {
    font-weight: 500;
}
.clientquote-form-parcel-two ul li .price_lable label {
    font-size: 22px;
}
.price_lable{
	margin-top:16px;
}
 
.search-order-form {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}
.search-order-form .system-user-search-section {
    flex-grow: 1;
    margin-bottom: 0;
}
.search-order-form .filter-btns {
    gap: 15px;
}
.order-list-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}
/*========== /royal-mail-parcel-page ===========*/

.partnerflow-shadowbox .thankyou-quote h2.titlebold {
    font-size: 20px;
    line-height: normal;
    font-weight: 500;
    margin-top: 15px;
}
/* .header-action-btns {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
} */
.partnerflow-form .partnewflow-itemicons {
    flex-direction: row;
    width: 60px;
}
.partnerflow-form .partnewflow-itemicons a.iconeditblack {
    height: 30px;
}
.partnerflow-shadowbox .client-itemadd ul li .imgpath-row {
    min-height: 30px;
}
.header-action-btns .printbtn {
    /* border: 1px solid #000; */
    padding: 3px 6px;
    display: inline-block;
    margin-top: 5px;
    text-decoration: underline;
}
.partnerflow-shadowbox .edit-order-item-button button:focus {
    box-shadow: 0px 0px 6px 0px #666;
}
.pagination ul.pagination li a, .pagination ul.pagination li span {
    border: 1px solid #ddd !important;
    width: 35px;
    line-height: normal;
    height: 35px;
    border-radius: 4px;
}
.pagination ul.pagination li {
    line-height: normal;
    display: inline;
}
.pagination ul.pagination {
    box-shadow: none;
    margin: 0px;
    padding: 0px;
}
.pagination .pagination_div button {
    background: transparent !important;
    margin: 0px !important;
    color: #000000 !important;
}
.pagination .pagination_div input {
    color: #000000;
    /* margin-left: 10px; */
}
.partnerflow-shadowbox .item-action a.icon-btn {
    width: max-content;
    height: auto;
    margin-left: 5px;
    cursor: pointer;
    background-image: none;
}
.partnerflow-shadowbox .item-action a.icon-btn img {
    max-width: 25px;
    /* max-width: 100%; */
    display: inline-block;
    object-fit: contain;
}
.search-order-form .system-user-search-section .search-job-form-list li.search-input-wrapper {
    position: relative;
}
.search-order-form .system-user-search-section .search-job-form-list li.search-input-wrapper a {
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    z-index: 999;
    line-height: 40px;
    text-decoration: none;
}


@media only screen and (max-width: 768px) and (min-width: 320px) {
    .partner-container {
        width: 100% !important;
        padding: 16px !important;
    }
    .partnerflow-form {
        padding: 15px 25px;
        margin: 20px auto;
    }
    .partnerflow-shadowbox {
        width: 100% !important;
    }
    p.confirmationtage {
        width: 100% !important;
        font-size: 16px !important;
        line-height: normal;
    }
    .partnerflow-shadowbox .client-itemadd ul li span.client-itemname {
        font-size: 16px !important;
    }
    .partnerflow-shadowbox p {
        font-size: 16px !important;
    }
    .partnerflow-shadowbox h2 {
        font-size: 24px !important;
    }
    .partnerflow-shadowbox .control-group label.control-label {
        font-size: 16px !important;
    }
    .partnerflow-shadowbox .halfformpartner input, .partnerflow-shadowbox .halfformpartner select {
        font-size: 16px !important;
    }


    .mean-dashboard {
        padding: 90px 0 !important;
    }

    .search-section-left ul li.select-date .select-date-fields {
        flex-wrap: wrap;
    }

    .search-dashboardpart {
        padding: 10px 0;
    }

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

    .main_continer .heading-title h2 {
        font-size: 28px;
    }
    .navbar {
        left: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .totalorder-meter h2 {
        font-size: 24px;
    }
    .page-filter-form .search-input-wrapper input {
        min-width: 70%;
    }
    .page-title {
        font-size: 28px;
        line-height: 32px;
    }
}