@charset "utf-8"; /* CSS Document */
@import url("https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i,900,900i&display=swap");
@font-face {
    font-family: "klinic_slabmedium";
    src: url("fonts/klinicslabmedium-webfont.woff2") format("woff2"),
        url("fonts/klinicslabmedium-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Material Icons";
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/materialicons/v50/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2)
        format("woff2");
}

.material-icons {
    font-family: "Material Icons";
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -moz-font-feature-settings: "liga";
    -moz-osx-font-smoothing: grayscale;
}

/* comman style
----------------------*/
html,
body {
    height: 100%;
}

body {
    margin: 0;
    padding: 0;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    color: #000;
    scroll-behavior: smooth;
    overflow-x: hidden;
}

a {
    text-decoration: none;
    color: #000;
    transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
}

a:hover {
    color: #666;
    text-decoration: none;
}

a:focus {
    outline: none;
    text-decoration: none;
    color: inherit;
}

:focus {
    outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 20px 0;
    padding: 0;
    line-height: 1.2;
    font-family: "Roboto", sans-serif;
    text-transform: none;
    font-weight: 700;
}

h1 {
    font-size: 36px;
}

h2 {
    font-size: 30px;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 18px;
}

h5 {
    font-size: 16px;
}

h6 {
    font-size: 15px;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: inherit;
    text-decoration: none;
    font-size: inherit;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
    text-decoration: none;
}

small {
    display: block;
    margin-top: 4px;
}

p {
    margin: 0 0 20px 0;
    line-height: 24px;
}

ul,
ol {
    margin: 0;
}

strong,
b {
    font-weight: 600;
}

button {
    transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
}

/* images alignment
--------------------------------*/
figure {
    margin: 0;
    padding: 0;
    position: relative;
    overflow: hidden;
}

figure a img {
    -webkit-transition: all 0.25s ease-in-out 0s;
    -moz-transition: all 0.25s ease-in-out 0s;
    -o-transition: all 0.25s ease-in-out 0s;
    transition: all 0.25s ease-in-out 0s;
}

figure a img:hover {
    -ms-transform: scale(1.2, 1.2) translateZ(0);
    -webkit-transform: scale(1.2, 1.2) translateZ(0);
    transform: scale(1.2, 1.2) translateZ(0);
}

figure a img:focus {
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

/* image alignments */
img.alignleft,
.alignleft {
    float: left;
    margin-right: 20px;
    max-width: 40%;
}

img.alignright,
.alignright {
    float: right;
    margin-left: 20px;
    max-width: 40%;
}

img.aligncenter,
.aligncenter,
img.alignnone,
.alignnone {
    display: block;
    margin: 0 auto 20px;
    clear: both;
}

img.alignleft,
.alignleft,
img.alignright,
.alignright {
    display: inline;
    margin-top: 0;
}

img.alignleft,
img.aligncenter,
img.alignright {
    margin-bottom: 20px;
}

/* image captions */
.wp-caption {
    max-width: 100%;
}

.wp-caption-text {
    font-size: 12px;
    line-height: 16px;
    background-color: #f1f1f1;
    padding: 5px 10px;
}

.gallery-caption {
    margin-bottom: 30px;
}

.alignleft .wp-caption-text {
    text-align: left;
}

.alignright .wp-caption-text {
    text-align: right;
}

.aligncenter .wp-caption-text {
    text-align: center;
}

hr {
    clear: both;
    margin-top: 20px;
    margin-bottom: 20px;
}

.content ul,
.content ol {
    margin-bottom: 20px;
}

.content ul li,
.content ol li {
    margin-top: 4px;
    margin-bottom: 4px;
    font-weight: 300;
}

/* comman form filed style 
-----------------------------*/
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="search"],
input[type="submit"],
input[type="password"],
input[type="hidden"] {
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 5px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="submit"]:focus,
input[type="password"]:focus,
input[type="hidden"]:focus {
    outline: none;
}

textarea {
    -moz-appearance: none;
    -webkit-appearance: none;
    font-family: "Roboto", sans-serif;
    border-radius: 0px;
}

select {
    -moz-appearance: none;
    -webkit-appearance: none;
    background-image: url(../images/select-arrow.png);
    background-repeat: no-repeat;
    background-position: right center;
    border-radius: 5px;
}

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

input:disabled,
select:disabled {
    color: #ffffff !important;
    opacity: 1;
}

label {
    font-weight: 500;
    margin-bottom: 5px;
}

/*input[type="submit"]{ background-color:#be281e; border-color:transparent; padding:12px 30px; color:#ffffff; font-weight:400; font-size:16px; line-height:1.2; width: auto; cursor: pointer;
 transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; 
}
input[type="submit"]:hover{background-color:#000000;}*/
.form-group {
    margin-bottom: 20px;
}

.form-control {
    height: auto;
    padding: 10px 15px;
    border: 1px solid #000;
    height: 50px;
    background-color: #fff;
}

.form-control:focus {
    box-shadow: 0 2px 5px 2px rgba(0, 0, 0, 0.15);
    border-color: #4285f4;
    transition: all 0.1s ease-in-out 0s;
}

textarea.form-control {
    height: 160px;
    resize: none;
}

/* sticky header
========================*/
@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fadeIn {
    animation-name: fadeIn;
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -100%, 0);
        -moz-transform: translate3d(0, -100%, 0);
        -webkit-transform: translate3d(0, -100%, 0);
        -ms-transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInDown {
    animation-name: fadeInDown;
}

body.home {
    padding-top: 0px !important;
}

.sticky {
    position: relative;
    width: 100%;
    top: 0px;
    z-index: 999;
}

.sticking {
    padding: 0px 0;
    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.15);
    width: 100%;
    animation: fadeInDown 0.6s ease-in-out;
    -webkit-animation: fadeInDown 0.6s ease-in-out;
    position: fixed !important;
    z-index: 99;
}

.headerpos {
    position: absolute !important;
    width: 100%;
    top: 0px;
    z-index: 999;
    background-color: transparent !important;
}

/* silck Slider 
----------------------------------------------*/
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: "";
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir="rtl"] .slick-slide,
.rtl .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.slick-loading .slick-list {
    background: #fff url("../images/ajax-loader.gif") center center no-repeat;
    background-size: 36px 36px;
}

.slick-prev,
.slick-next {
    font-size: 0;
    width: 18px;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background-color: transparent;
    z-index: 2;
    opacity: 1;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
}

.slick-prev:hover,
.slick-next:hover {
    color: #000066;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    color: transparent;
    outline: none;
    opacity: 1;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1;
    color: #000066;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
    font-family: "fontawesome";
    font-size: 40px;
    line-height: 1;
    opacity: 1;
    color: #ffffff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
    left: -15px;
}

[dir="rtl"] .slick-prev,
.rtl .slick-prev {
    right: 20px;
    left: inherit;
}

.slick-prev:before {
    content: "\f104";
}

[dir="rtl"] .slick-prev:before,
.rtl .slick-prev:before {
    content: "\f105";
}

.slick-next {
    right: -15px;
}

[dir="rtl"] .slick-next,
.rtl .slick-next {
    right: inherit;
    left: 20px;
}

.slick-next:before {
    content: "\f105";
}

[dir="rtl"] .slick-next:before,
.rtl .slick-next:before {
    content: "\f104";
}

/* Dots */
.slick-slider {
    margin-bottom: 0px;
}

.slick-dots {
    position: absolute;
    z-index: 5;
    bottom: -25px;
    left: 0px;
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 7px;
    width: 9px;
    height: 9px;
    padding: 0;
    cursor: pointer;
    text-align: center;
    -webkit-transition: all 0.25s ease-in-out 0s;
    -moz-transition: all 0.25s ease-in-out 0s;
    -o-transition: all 0.25s ease-in-out 0s;
    transition: all 0.25s ease-in-out 0s;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
}

.slick-dots li button:before {
    content: "";
    width: 9px;
    height: 9px;
    background-color: #ced7de;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    opacity: 1;
    border-radius: 100%;
    border: 1px solid #ced7de;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: all 0.25s ease-in-out 0s;
    -moz-transition: all 0.25s ease-in-out 0s;
    -o-transition: all 0.25s ease-in-out 0s;
    transition: all 0.25s ease-in-out 0s;
}

.slick-dots li.slick-active button:before {
    background: #f3721f;
    border-color: #f3721f;
}

.slick-prev,
.slick-next {
    line-height: 1;
    justify-content: center;
}

.slick-prev::before,
.slick-next::before {
    color: #2a2032;
    font-size: 32px;
    line-height: 1;
}

.slick-prev::before {
    margin-left: -5px;
}

.slick-next::before {
    margin-left: 0px;
}

.slick-prev:hover::before,
.slick-prev:focus::before,
.slick-next:hover::before,
.slick-next:focus::before {
    color: #be281e;
}

.mainSliderWrapper .slick-dots li.slick-active button::before {
    opacity: 1;
}

.price .slick-prev,
.price .slick-next {
    width: 30px;
    height: auto;
}

/*-------------*/
.body-wrapper .container {
    max-width: inherit;
}

.body-wrapper {
    min-height: 100%;
    overflow-x: hidden;
    padding-left: 15px;
    padding-right: 15px;
    /*height:100%;*/
    margin: 0 auto -65px;
}

footer,
.push {
    height: 65px;
}

.footer,
.push {
    clear: both;
}

.footer {
    clear: both;
    height: 65px;
    /*background:#fff;*/
    border-top: 2px solid #d9d9d9;
    padding-top: 15px;
    text-align: center;
    font-size: 14px;
    color: #6b6b6b;
    margin-left: 30px;
    margin-right: 30px;
    position: relative;
}

.header .container {
    max-width: 1752px;
}

.show-overlay {
    width: 100%;
    height: 100%;
    z-index: 999999;
    top: 0;
    left: 0;
    position: fixed;
    background: rgba(0, 0, 0, 0.5);
    overflow: hidden;
}

.overflowhidden {
    overflow: hidden;
    position: fixed;
    width: 100%;
    height: 100%;
}

/*-----menu-start------*/
.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9999999;
    top: 0;
    left: 0;
    background-color: #f2f2f2;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16),
        0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16),
        0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.sidenav ul {
    margin: 40px 0px 0px 0px;
    padding: 0px;
}

.sidenav li {
    list-style-type: none;
    display: block;
    padding-left: 30px;
    padding-right: 30px;
}

.sidenav li a {
    display: block;
    text-align: center;
    padding: 10px 5px;
    border-bottom: 2px solid #b1b1b1;
    font-size: 16px;
    color: #000;
    display: block;
    transition: all 0.3s ease-in-out 0s;
    position: relative;
}

.sidenav li a:hover {
    color: #666666;
}

.sidenav li a:before {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: -2px;
    width: 0px;
    height: 2px;
    background-color: #666666;
    transition: all 0.3s ease-in-out 0s;
    content: "";
    margin: auto;
}

.sidenav li a:hover:before {
    width: 100%;
}

.sidenav li.active a {
    color: #666666;
}

.sidenav li.active a:before {
    width: 100%;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
    color: #000;
}

.sidenav .closebtn:hover {
    color: #494949;
}

.menuicon {
    /*    border: 2px solid #000;*/
    display: inline-block;
    width: 50px;
    height: 30px;
    color: #000;
    cursor: pointer;
    position: absolute;
    top: 20px;
    left: 30px;
}

.menuicon:before {
    content: "";
    position: absolute;
    top: 12px;
    right: 11px;
    display: block;
    width: 24px;
    height: 8px;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
}

.menuicon:after {
    content: "";
    position: absolute;
    top: 6px;
    right: 11px;
    display: block;
    width: 24px;
    height: 2px;
    background: #000;
}

.header {
    min-height: 70px;
    padding-bottom: 0px;
    position: fixed;
    width: 100%;
    top: 0px;
    background-color: #fff;
    box-shadow: 0px 2px 2px #ddd !important;
    z-index: 99;
}

.bodymenuopen {
    /*    position: fixed;*/
    position: relative;
    z-index: 999 !important;
    width: 100%;
    height: 100%;
    /*    overflow: hidden;*/
}

@media screen and (max-height: 450px) {
    .sidenav {
        padding-top: 15px;
    }

    .sidenav a {
        font-size: 18px;
    }
}

/*.bodymenuopen .sidenav {
    width: 290px !important;
}*/

/*-----menu-end------*/
.loginsection {
    -ms-flex-align: center !important;
    align-items: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    display: -ms-flexbox !important;
    display: flex !important;
    height: calc(100% - 65px);
    position: relative;
}

.logregcon {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    padding: 100px 15px 30px 15px;
    width: 100%;
}

.loginlogo {
    text-align: center;
    font-family: "klinic_slabmedium";
    color: #000;
    font-size: 45px;
    margin-bottom: 130px;
}

.loginlogo img {
    height: 75px;
}

.loginlogo span {
    margin-left: 7px;
    vertical-align: middle;
}

.uptext {
    text-transform: uppercase;
}

input[type="submit"].commonbtn {
    color: #fff;
    word-wrap: break-word;
    white-space: normal;
    cursor: pointer;
    border: 0;
    border-radius: 6px;
    padding: 8px 30px;
    font-size: 14px;
    position: relative;
    display: inline-block;
    line-height: 1.5;
    background: #000;
    font-weight: 500;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16),
        0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16),
        0 2px 10px 0 rgba(0, 0, 0, 0.12);
    -webkit-transition: color 0.15s ease-in-out,
        background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
        -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out,
        -webkit-box-shadow 0.15s ease-in-out;
    transition: all 0.3s ease-in-out 0s;
}

input[type="submit"].commonbtn:hover {
    outline: 0;
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18),
        0 4px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18),
        0 4px 15px 0 rgba(0, 0, 0, 0.15);
    color: #fff;
    background-color: #333;
}

.PT10 {
    padding-top: 10px;
}

.loginform .form-group {
    margin-bottom: 40px;
}

.loginform .form-control:focus + .form-control-placeholder,
.loginform .form-control:valid + .form-control-placeholder {
    top: -5px;
}

.loginform .form-control-placeholder {
    top: 6px;
}

.loginform .form-grouplast {
    margin-bottom: 15px;
}

.mainlogo {
    font-family: "klinic_slabmedium";
    color: #000;
    font-size: 35px;
    text-align: center;
    padding-top: 1px;
}

.mainlogo a {
    color: #000;
}

.mainlogo img {
    /* height: 50px;*/
    height: 35.17px;
}

.mainlogo span {
    margin-left: 3px;
    vertical-align: middle;
}

.middlesection {
    padding-top: 100px;
    padding-bottom: 20px;
}

.tableborder {
    border: 1px solid #e9eaef;
}

.MB20 {
    margin-bottom: 20px;
}

h2.maintitle {
    font-size: 25px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.graphcenter {
    text-align: center;
    width: 100%;
    /*border:1px solid #a3a3a3;*/
    border: 1px solid #e9eaef;
    padding: 20px;
    margin-bottom: 30px;
}

.greentext {
    color: #007905 !important;
}

.redtext {
    color: #d80000 !important;
}

.greentext a {
    color: #007905 !important;
}

.redtext a {
    color: #d80000 !important;
}

.textright {
    text-align: right;
}

.form-group {
    position: relative;
    margin-bottom: 1.5rem;
}

.form-control-placeholder {
    position: absolute;
    top: 0;
    padding: 7px 0 0 13px;
    transition: all 200ms;
    opacity: 0.5;
}

.form-control:focus + .form-control-placeholder,
.form-control:valid + .form-control-placeholder {
    font-size: 14px;
    transform: translate3d(0, -100%, 0);
    opacity: 1;
    color: #939393;
}

.searchingsec {
    margin-bottom: 10px;
}

/*.searchingsec label {font-size: 18px; padding-left: 0px;}*/
.inputbottomborder .form-control {
    padding: 10px 15px 5px 0px;
    border: none;
    border-radius: 0px;
    border-bottom: 2px solid #d1d1d1;
    height: auto;
    background-color: #fff;
}

.inputbottomborder .form-control:focus {
    box-shadow: none;
    border-color: #4285f4;
    transition: all 0.1s ease-in-out 0s;
}

.inputbottomborder .form-control:before {
    position: absolute;
    left: 0px;
    bottom: -2px;
    height: 2px;
    width: 100%;
    background-color: #ff0000;
    content: "";
}

.inputbottomborder input:required:focus {
    border: none;
    border-bottom: 2px solid #4285f4;
    outline: none;
}

.inputbottomborder input:required {
    box-shadow: none;
}

input:required:focus {
    box-shadow: none;
    outline: none;
}

.inputbottomborder .form-control:focus + .form-control-placeholder,
.inputbottomborder .form-control:valid + .form-control-placeholder {
    top: 10px;
}

.table th {
    border-top-color: #e9eaef;
}

/*--setting-page----*/
.whiteboxshadow {
    border-radius: 5px;
    width: 100%;
    padding: 20px 20px 40px 20px;
    -webkit-box-shadow: 0px 3px 2px 0px rgba(96, 96, 96, 0.3);
    -moz-box-shadow: 0px 3px 2px 0px rgba(96, 96, 96, 0.3);
    box-shadow: 0px 3px 2px 0px rgba(96, 96, 96, 0.3);
    position: relative;
}

.whiteboxshadow h4 {
    margin-bottom: 2px;
    min-height: 44px;
}

.settingboxtext {
    margin-bottom: 20px;
    color: #666;
    font-size: 15px;
}

.cuslink {
    position: absolute;
    left: 20px;
    bottom: 10px;
}

.cuslink a {
    font-weight: 600;
    margin-right: 15px;
    display: inline-block;
}

.settingboxsection .col-sm-6 {
    margin-bottom: 30px;
}

a.commonbtn {
    color: #fff;
    word-wrap: break-word;
    white-space: normal;
    cursor: pointer;
    border: 0;
    border-radius: 6px;
    padding: 8px 20px;
    font-size: 14px;
    position: relative;
    display: inline-block;
    line-height: 1.5;
    background: #000;
    font-weight: 500;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16),
        0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16),
        0 2px 10px 0 rgba(0, 0, 0, 0.12);
    -webkit-transition: color 0.15s ease-in-out,
        background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
        -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out,
        -webkit-box-shadow 0.15s ease-in-out;
    transition: all 0.3s ease-in-out 0s;
}

a:hover.commonbtn {
    outline: 0;
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18),
        0 4px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18),
        0 4px 15px 0 rgba(0, 0, 0, 0.15);
    color: #fff;
    background-color: #333;
}

.newusersetting {
    max-width: 550px;
    padding-top: 15px;
}

.commonformreq .form-control:focus + .form-control-placeholder,
.loginform .form-control:valid + .form-control-placeholder {
    top: -1px;
}

.commonformreq .form-control-placeholder {
    top: 5px;
}

.commonformreq .form-group {
    margin-bottom: 30px;
}

.commonformreq .form-control {
    padding: 10px 15px;
    height: 45px;
    border-color: #a3a3a3;
    border-radius: 3px;
}

.commonformreq textarea.form-control {
    height: 120px;
}

.commonformreq .form-control:focus {
    box-shadow: 0px 3px 2px 0px rgba(96, 96, 96, 0.3);
}

select.form-control {
    cursor: pointer;
}

.commonformreq .commonbutton {
    color: #fff;
    word-wrap: break-word;
    white-space: normal;
    cursor: pointer;
    border: 0;
    border-radius: 6px;
    padding: 8px 20px;
    font-size: 14px;
    position: relative;
    display: inline-block;
    line-height: 1.5;
    background: #000;
    font-weight: 500;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16),
        0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16),
        0 2px 10px 0 rgba(0, 0, 0, 0.12);
    -webkit-transition: color 0.15s ease-in-out,
        background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
        -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out,
        -webkit-box-shadow 0.15s ease-in-out;
    transition: all 0.3s ease-in-out 0s;
}

.commonformreq .commonbutton:hover {
    outline: 0;
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18),
        0 4px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18),
        0 4px 15px 0 rgba(0, 0, 0, 0.15);
    color: #fff;
    background-color: #333;
}

.btnML {
    margin-left: 10px;
}

.btnMR {
    margin-right: 10px;
}

.commonformreq label {
    font-weight: 400;
}

select:required:focus {
    box-shadow: none;
    outline: none;
}

.textellipsis {
    white-space: nowrap;
    width: 95%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.clientlistingtable .table thead th {
    vertical-align: top;
}

.clientlistingtable {
    border: 1px solid #e9eaef;
    border-top: none;
    margin-bottom: 20px;
}

.clientlistingtable .tableborder {
    border: none;
    border-bottom: 1px solid #dee2e6;
}

.clientlistingtable table {
    margin-bottom: 0px;
}

.tablesortbypagination {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
    padding: 10px 15px;
    border: 1px solid #e9eaef;
}

.showinlineblock {
    display: inline-block;
    margin-left: 15px;
}

.showinlineblock select {
    border: none;
    box-shadow: none;
    padding: 0px 17px 0px 0px;
    border-radius: 0px;
    width: auto;
    cursor: pointer;
    background-image: url(../images/select-arrow-black.png);
}

.tablepagination ul {
    margin: 0px;
    padding: 0px;
}

.tablepagination li {
    list-style-type: none;
    display: inline-block;
    margin: 0px 5px;
}

.tablepagination li:first-child {
    margin-left: 0px;
}

.tablepagination li:last-child {
    margin-right: 0px;
}

.tablepagination li a {
    display: inline-block;
    padding: 0px 5px;
    color: #000;
    font-size: 18px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 3px;
    transition: all 0.3s ease-in-out 0s;
}

.tablepagination li a:hover {
    color: #fff;
    background-color: #000;
}

a.ellipsisbtnimg {
    width: 40px;
    height: 40px;
    border-color: #ffffff !important;
    cursor: pointer;
    display: inline-block;
    position: relative;
    border-radius: 100%;
    text-align: center;
    line-height: 40px;
}

a:hover.ellipsisbtnimg {
    background-color: #ccc;
    -webkit-box-shadow: 0px 3px 20px 0px rgba(113, 106, 202, 0.17) !important;
    box-shadow: 0px 3px 20px 0px rgba(113, 106, 202, 0.17) !important;
}

.tableeditdeletedropdown .dropdown-item i {
    margin-right: 7px;
}

.tableeditdeletedropdown .dropdown-item {
    padding: 10px 15px;
}

.tableeditdeletedropdown .dropdown-menu {
    border: none;
    box-shadow: 0px 3px 20px 0px rgba(113, 106, 202, 0.17) !important;
}

.newclientbtn {
    padding-top: 20px;
}

.mb10 {
    margin-bottom: 10px;
}

.clientlistpopup .modal-dialog {
    max-width: 650px;
}

.clientlistpopup .modal-content {
    border-radius: 10px;
}

.clientlistpopup .modal-header {
    border-bottom: 2px solid #b7b7b7;
    position: relative;
}

.clientcon-det {
}

.clientcon-det ul {
    margin: 0px 0px 20px 0px;
    padding: 0px;
}

.clientcon-det li {
    list-style-type: none;
    display: block;
    padding-left: 35px;
    margin-bottom: 15px;
}

.clientcon-det li a {
    color: #0b8fff;
}

.clientcon-det li a:hover {
    color: #000;
}

.clientcon-det li.pop-addicon {
    background: url(../images/addhome-icon.png) no-repeat 0px 2px;
}

.clientcon-det li.pop-phoneicon {
    background: url(../images/phone-icon.png) no-repeat;
}

.clientcon-det li.pop-emailicon {
    background: url(../images/email-icon.png) no-repeat;
}

.clientcon-det li.pop-homeicon {
    background: url(../images/home-icon.png) no-repeat 0 1px;
}

.clientuserdetpopup p {
    margin-bottom: 15px;
}

.clientuserdetpopup p:last-child {
    padding-bottom: 0px;
}

.cancelediticon {
    position: absolute;
    right: 10px;
    top: 12px;
}

.editiconpopup {
    display: inline-block;
    width: 40px;
}

.editiconpopup a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    display: inline-block;
}

.editiconpopup a:hover {
    background-color: #e7e7e7;
    -webkit-box-shadow: 0px 3px 20px 0px rgba(113, 106, 202, 0.17) !important;
    box-shadow: 0px 3px 20px 0px rgba(113, 106, 202, 0.17) !important;
    border-radius: 100%;
    color: #000;
}

.cancelediticon button {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    display: inline-block;
    padding: 0 !important;
    margin: 0px 0px 0px 10px !important;
    opacity: 1;
}

.cancelediticon button:hover {
    background-color: #e7e7e7;
    -webkit-box-shadow: 0px 3px 20px 0px rgba(113, 106, 202, 0.17) !important;
    box-shadow: 0px 3px 20px 0px rgba(113, 106, 202, 0.17) !important;
    border-radius: 100%;
    color: #000;
}

.clientlistpopup h3.modal-title {
    padding-right: 100px;
}

.loginform .mdc-text-field--outlined {
    margin-bottom: 30px;
}

.loginform .mdc-text-field__input {
    border: 1px solid #000 !important;
}

.loginform .mdc-text-field--focused .mdc-text-field__input {
    border: none !important;
}

.mdc-button.filled-button--dark:not(:disabled) {
    background-color: #000;
}

.mdc-button {
    border-radius: 5px;
    letter-spacing: inherit;
}

.mdc-button--raised,
.mdc-button--unelevated {
    padding: 0 20px 0 20px;
}

.mdc-text-field .mdc-floating-label {
    top: 12px;
    background-color: #fff;
    z-index: 1;
    padding-left: 3px;
    padding-right: 3px;
}

/*.mdc-text-field.mdc-text-field--focused .mdc-floating-label {padding-left: 0px; padding-right: 0px;}*/
.whitebg {
    background-color: #fff;
}

.table.lefttext tbody tr td,
.table.lefttext thead tr th {
    text-align: left;
}

.table.htshadow thead {
    border-bottom: 2px solid #e9eaef;
}

.menuleftrightpadd {
    padding-left: 30px;
    padding-right: 30px;
    text-align: center;
    margin-top: 30px;
}

.menuleftrightpadd a {
    display: block;
    text-align: center;
    width: 100%;
    padding: 10px 15px 8px 15px;
    border-bottom: 1px solid #000;
    border-bottom: 2px solid #b1b1b1;
}

.menuleftrightpadd .mdc-list-item {
    height: auto;
    padding-left: 0px;
    padding-right: 0px;
    border-color: #b1b1b1;
    border-radius: 16px;
}

.container,
.container-sm,
.container-md,
.container-lg,
.container-xl {
    max-width: inherit;
}

.table thead tr th {
    color: #212529;
    font-size: 16px;
    vertical-align: top;
    padding: 10px 10px;
}

.table tbody tr td {
    color: #212529;
    font-size: 16px;
    padding: 10px 10px;
}

.searchingsec .mdc-text-field:not(.mdc-text-field--disabled) {
    background-color: transparent !important;
}

.searchingsec .mdc-text-field:hover::before {
    opacity: 0;
}

.searchingsec .mdc-text-field::before,
.mdc-text-field::after {
    background-color: transparent !important;
}

.searchingsec input[type="search"] {
    border-radius: 0px;
}

.searchingsec
    .mdc-text-field:not(.mdc-text-field--disabled):not(
        .mdc-text-field--outlined
    ):not(.mdc-text-field-textarea)
    .mdc-text-field__input {
    border-bottom: 2px solid #d1d1d1;
    padding-right: 0px;
    padding-left: 0px;
}

.searchingsec .mdc-text-field .mdc-floating-label {
    left: 0px;
}

.settingboxsection .mdc-layout-grid__cell {
    margin-bottom: 30px;
}

.formbtn .mdc-layout-grid__cell {
    display: inline-block;
}

.formbtn .mulbtn {
    display: inline-block;
}

.formbtn .mdc-button {
    margin-right: 10px;
}

/*7a00ff*/
.table.tablenowrap tbody tr td {
    white-space: nowrap;
}

.table.tablenowrap thead tr th {
    white-space: nowrap;
}

.table thead tr th:first-child {
    padding-left: 10px;
}

.table tbody tr td:first-child {
    padding-left: 10px;
}

.checkboxlist .mdc-form-field > label {
    font-weight: 400;
    font-size: 16px;
}

.checkboxlist th .mdc-form-field > label {
    font-weight: 500;
}

.checkboxlist .mdc-checkbox .mdc-checkbox__background {
    left: 5px;
    top: 5px;
}

.checkboxlist .mdc-checkbox {
    padding: 8px 8px 8px 7px;
}

.tableeditdeletedropdown .mdc-list-item {
    /*padding-left: 15px; padding-right: 15px;*/
    padding: 0;
}

.tableeditdeletedropdown .mdc-list-item a {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}

.tableeditdeletedropdown .mdc-list-item i {
    width: 22px;
}

.mdc-list {
    font-size: 16px;
}

.table.MBnone {
    margin-bottom: 0px;
}

.mdc-checkbox:hover::before {
    opacity: 0;
}

.tablesortbypagination .mdc-button {
    border-radius: 100%;
    padding: 0px;
    min-width: 40px;
    width: 40px;
    height: 40px;
    box-shadow: none;
}

.tablesortbypagination .mdc-button:hover {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
    background-color: #f1f1f1 !important;
}

.paginationselectbox {
    display: inline-block;
}

.paginationselectbox .mdc-select {
    margin-top: 0px;
    height: 30px;
}

.paginationselectbox .mdc-select__selected-text {
    padding: 1px 30px 5px 10px;
    height: auto;
    min-width: 40px;
}

.paginationselectbox .mdc-select__dropdown-icon {
    bottom: 3px;
    right: 2px;
}

.selectpagination .mdc-list-item {
    height: auto;
    padding: 5px 27px;
}

.paginationselectbox
    .mdc-select:not(.mdc-select--disabled)
    .mdc-select__selected-text {
    border-bottom: none;
}

.paginationselectbox .mdc-select:not(.mdc-select--disabled) {
    background-color: transparent;
}

.paginationselectbox .mdc-select::before,
.paginationselectbox .mdc-select::after {
    background-color: transparent;
}

.paginationselectbox .template-demo > .mdc-select,
.template-demo > .mdc-form-field {
    margin-right: 0px;
}

.newclientbtn .mdc-layout-grid__cell {
    display: inline-block;
    margin-right: 10px;
}

.bortopnone {
    border-top: none;
}

.pagehafwidht {
    max-width: 60%;
}

.clientadd h3 {
    margin-bottom: 10px;
}

.clientadd a {
    color: #2e9fff;
}

.clientadd a:hover {
    color: #2e9fff;
    text-decoration: underline;
}

p {
    font-size: 16px;
}

.MB50 {
    margin-bottom: 50px;
}

.tabletdwidht65 {
    width: 65%;
}

.selectboxwidht {
    width: 100%;
    max-width: 300px;
}

.selectbox .form-control-placeholder {
    top: 4px;
    font-size: 16px;
    left: 7px;
}

.selectbox .form-control:valid + .form-control-placeholder {
    top: -1px;
}

select:required:focus {
    border: 1px solid #a3a3a3;
    outline: none;
}

select:required {
    box-shadow: none;
}

.pageselectbox .mdc-select {
    margin-top: 0px;
    margin-bottom: 20px;
    height: 50px;
    margin-right: 0px;
    overflow: inherit;
}

.pageselectbox .mdc-select:not(.mdc-select--disabled) {
    background-color: transparent;
    width: 100%;
    border: 1px solid #e9eaef;
    border-radius: 5px;
}

.pageselectbox .mdc-select--focused {
    border-color: #000 !important;
    box-shadow: 0px 0px 0px 1px #000;
}

.pageselectbox .mdc-select__native-control,
.commonformreq .mdc-select__selected-text {
    height: auto;
    padding-top: 10px;
}

.pageselectbox .mdc-select__dropdown-icon {
    bottom: 12px;
}

.pageselectbox .mdc-select::before,
.formbtn .mdc-select::after {
    background-color: transparent;
}

.pageselectbox
    .mdc-select:not(.mdc-select--disabled).mdc-select--focused
    .mdc-line-ripple {
    background-color: transparent;
    padding-top: 10px;
}

.pageselectbox
    .mdc-select:not(.mdc-select--disabled).mdc-select--focused
    .mdc-floating-label {
    top: 2px;
    background: #fff;
    height: 20px;
    padding: 0px 5px;
}

.pageselectbox .mdc-select:not(.mdc-select--disabled) .mdc-floating-label {
    top: 16px;
    background: #fff;
    height: 20px;
    padding: 0px 5px;
    width: inherit;
    max-width: 90%;
}

.pageselectbox .mdc-select .mdc-floating-label--float-above {
    top: 2px !important;
    width: auto !important;
}

.pageselectbox .mdc-select .mdc-floating-label {
    left: 11px;
}

.pageselectbox
    .mdc-select:not(.mdc-select--disabled)
    .mdc-select__selected-text {
    border-bottom: none;
}

.pageselectbox .MarginBnone {
    margin-bottom: 0px;
}

.addnewsystemsection {
    margin-bottom: 20px;
}

.MB30 {
    margin-bottom: 30px;
}

.addnewbox {
    text-align: center;
    width: 100%;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}

.addnewbox a {
    padding: 10px;
    width: 100%;
    height: 100%;
    border: 2px dashed #ccc;
    color: #000 !important;
}

.addnewbox a.mdc-button::before,
.addnewbox a.mdc-button::after {
    background-color: var(--mdc-theme-primary, #777777) !important;
    background-color: #777777 !important;
}

.addboxbtnbg {
    margin-bottom: 11px;
    width: 35px;
    height: 35px;
    background-color: transparent;
    border: 1px solid #000;
    border-radius: 100%;
    line-height: 35px;
}

.addnewsystemtext {
    font-size: 19px;
    text-transform: uppercase;
    font-weight: 500;
}

.addnewsystemtext span {
    display: block;
}

.newquoteclientselectpopup .modal-dialog {
    max-width: 450px;
}

.newquoteclientselectpopup .modal-footer {
    border-top: none;
    padding-top: 0px;
}

.newquoteclientselectpopup .modal-body {
    padding-bottom: 10px;
}

.clientselectinput
    .mdc-text-field:not(.mdc-text-field--disabled):not(
        .mdc-text-field--outlined
    ):not(.mdc-text-field-textarea)
    .mdc-text-field__input {
    border-bottom-color: #ccc;
    background-color: transparent;
}

.newquoteclientselectpopup .clientselectinput .mdc-text-field::before,
.newquoteclientselectpopup .clientselectinput .mdc-text-field::after {
    background-color: var(--mdc-theme-primary, transparent) !important;
    background-color: transparent !important;
}

.newquoteclientselectpopup
    .clientselectinput
    .mdc-text-field:not(.mdc-text-field--disabled) {
    background-color: transparent;
}

.newquoteclientselectpopup .clientselectinput .mdc-text-field__input {
    padding-left: 0px;
}

.newquoteclientselectpopup
    .clientselectinput
    .mdc-text-field
    .mdc-floating-label {
    left: 0px;
}

.newquoteclientselectpopup .modal-footer button {
    color: #000 !important;
}

.newquoteclientselectpopup .modal-footer button:hover {
    background-color: transparent;
    color: #000 !important;
}

.newquoteclientselectpopup .modal-footer button.mdc-button::before,
.newquoteclientselectpopup .modal-footer button.mdc-button::after {
    background-color: var(--mdc-theme-primary, #000) !important;
    background-color: #000 !important;
}

.newquoteclientselectpopup .modal-footer .mdc-button {
    padding: 5px 10px !important;
    height: auto;
    min-width: inherit;
}

.newquoteclientselectpopup .modal-footer a {
    color: #000 !important;
}

.newquoteclientselectpopup .modal-footer a:hover {
    background-color: transparent;
    color: #000 !important;
}

.newquoteclientselectpopup .modal-footer a.mdc-button::before,
.newquoteclientselectpopup .modal-footer a.mdc-button::after {
    background-color: var(--mdc-theme-primary, #000) !important;
    background-color: #000 !important;
}

.newquoteclientselectpopup .modal-footer .mdc-button {
    padding: 5px 10px !important;
    height: auto;
    min-width: inherit;
}

.md-accordion .card .card-header a:not(.collapsed) .rotate-icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.accsectoion h5 i {
    margin-right: 5px;
}

.accsectoion .card-header {
    padding: 12px 12px;
    background-color: transparent;
}

.accsectoion .card-body {
    padding: 15px 12px;
}

.accsectoion .md-accordion {
    margin-bottom: 30px;
}

.accsectoion .pageselectbox .mdc-select {
    margin-bottom: 0px;
}

.accsectoion .mdc-text-field--outlined i {
    position: absolute;
    right: -31px;
    top: 11px;
    font-size: 14px;
    font-style: normal;
}

.flexbtn {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}

.flexbtn .mdc-button {
    margin-right: 3px;
    margin-bottom: 6px;
}

.companymarpopup .modal-dialog {
    max-width: 350px;
}

.companymarpopup .modal-body {
    padding-top: 25px;
}

.compopinput {
    margin-bottom: 15px;
}

.commargin {
    font-size: 12px;
    color: #878787;
    padding: 5px 0px 0px 13px;
}

.companymarpopup .MBnone {
    margin-bottom: 0px;
}

.newsystemwhitebox {
    border-radius: 5px;
    width: 100%;
    padding: 20px 20px 50px 20px;
    -webkit-box-shadow: 0px 3px 2px 0px rgba(96, 96, 96, 0.3);
    -moz-box-shadow: 0px 3px 2px 0px rgba(96, 96, 96, 0.3);
    box-shadow: 0px 3px 2px 0px rgba(96, 96, 96, 0.3);
    position: relative;
}

.systemsize {
    text-align: center;
    font-size: 14px;
    padding: 10px 0px;
}

.systemprieditpos {
    position: absolute;
    left: 0px;
    bottom: 10px;
    width: 100%;
}

.systemflex {
    padding: 0px 20px 0px 15px;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}

.systemleftside a {
    color: #000 !important;
    padding: 3px 7px !important;
}

.systemleftside a:hover {
    background-color: transparent;
    color: #000 !important;
}

.systemleftside a.mdc-button::before,
.systemleftside a.mdc-button::after {
    background-color: var(--mdc-theme-primary, #000) !important;
    background-color: #000 !important;
}

.systemrightside .mdc-button {
    border-radius: 100%;
    padding: 0px;
    min-width: 40px;
    width: 40px;
    height: 40px;
    box-shadow: none;
}

.systemrightside .mdc-button:hover {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
    background-color: #f1f1f1 !important;
}

.boxmaxheight {
    height: 250px;
    max-width: 443px;
}

.previewbox {
    border-radius: 5px;
    width: 100%;
    padding: 40px 30px 40px 30px;
    -webkit-box-shadow: 0px 3px 2px 0px rgba(96, 96, 96, 0.3);
    -moz-box-shadow: 0px 3px 2px 0px rgba(96, 96, 96, 0.3);
    box-shadow: 0px 2px 3px 1px rgba(96, 96, 96, 0.3);
    position: relative;
    max-width: 650px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
}

.priviewgraybg {
    background-color: #e9e8e8;
    padding: 80px 30px;
    margin-bottom: 30px;
}

.priviewdetail {
}

.priviewdetail h3 {
    text-align: center;
    text-transform: uppercase;
}

.priviewdetail ul {
    margin: 0px;
    padding: 0px;
    border-bottom: 1px solid #000;
}

.priviewdetail li {
    list-style-type: none;
    display: block;
    padding: 10px 0px;
    border-bottom: 1px solid #000;
    text-transform: uppercase;
    font-size: 15px;
}

.priviewdetail li.prisubtotle {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}

.inprice {
    margin-top: 20px;
    padding: 10px 0px;
    border-bottom: 1px solid #000;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}

.priceblackbg {
    margin-top: 10px;
    padding: 10px 10px;
    border-bottom: 1px solid #000;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    color: #e9bf67;
    background-color: #000;
    font-weight: 600;
}

.closebtnright {
    text-align: right;
}

.insectscreen {
    margin-right: 10px;
    text-transform: uppercase;
}

.formsubmitbtn {
    display: block;
}

.commonsubmitbtn {
    font-size: 0.875rem;
    font-weight: 500;
    background-color: transparent;
    padding-left: 20px !important;
    padding-right: 20px !important;
    width: 100%;
    height: 100%;
    border: none;
    color: #fff;
}

.commsubmit {
    padding-left: 0px !important;
    padding-right: 0px !important;
    display: inline-block;
    margin-right: 5px;
}

.formMB {
    margin-bottom: 20px;
}

.formsubmitbtn input[type="submit"],
.formsubmitbtn a,
.formsubmitbtn button {
    margin-right: 5px;
    margin-bottom: 7px;
    vertical-align: top;
}

.MB10 {
    margin-bottom: 20px;
}

/*-----------*/
.comp-checkbox .mdc-checkbox .mdc-checkbox__background {
    top: 0px;
    left: 0px;
}

.comp-checkbox .mdc-checkbox {
    padding: 6px 10px 0px 0px;
}

.comp-checkbox .mdc-form-field {
    margin-right: 25px;
    margin-bottom: 15px;
}

.comp-checkbox .mdc-form-field label {
    cursor: pointer;
}

/*--------*/
a.comlinkbtn {
    font-size: 16px;
    display: inline-flex;
    padding: 0 10px 0 10px;
    margin-right: 2px;
    min-width: inherit;
}

.ML-10 {
    margin-left: -10px;
}

.gcspnosubmasure {
    top: 25px !important;
}

.gcspnewmasure_left {
    position: absolute;
    top: 0;
    left: 25px;
    max-height: calc(100% - 70px);
    height: 100%;
}

.gcspnewmasure_left .uplw-vtext {
    width: auto;
    position: relative;
    margin-right: 1px;
    margin-left: 1px;
    margin-bottom: 1px;
}

.gcspnewmasure_left .uplw-vtext:last-child {
    margin-bottom: 0px !important;
}

.gcspnewmasure_left .mm-vtext span {
    left: 0;
}

.gcsphidehieghtbar {
    visibility: hidden;
    height: 0px !important;
    display: none !important;
}

.mdc-list-item.mdc-list-item--disabled {
    pointer-events: none;
    color: #000000;
}

/*-----19-08-2021-------*/
.com-newquote-model .modal-body {
    padding-top: 30px;
}

.com-newquote-model .modal-dialog {
    max-width: 880px;
    padding-right: 15px;
    padding-left: 15px;
}

.com-newquote-model .mdc-select__dropdown-icon {
    z-index: 9;
}

.mdc-menu-surface--open {
    z-index: 9999;
}

.com-newquote-model .mdc-select__native-control,
.com-newquote-model .mdc-select__selected-text {
    padding-top: 10px;
}

.cheboxMT {
    margin-top: 10px;
}

.cheboxMT label {
    font-weight: 400;
    font-size: 16px;
    color: #565656;
    margin-bottom: 0px;
}

.com-newquote-model {
    padding-left: 0px !important;
}

input[type="submit"].gcspsubmithover:hover {
    background-color: #f5f5f5 !important;
}

.mdc-notched-outline__notch {
    width: auto !important;
}

.hidedefaultcomponents {
    display: none !important;
}

.showdefaultcomponents {
    display: block;
}

#gcspjserrordisplayhere .gcnotificationbg {
    position: fixed;
    z-index: 1;
    width: 600px;
    left: calc(50% - 300px);
}

#gcspjserrordisplayhere .gcnotificationbg .alert {
    width: auto !important;
}

.com-newquote-model
    .pageselectbox
    .mdc-select:not(.mdc-select--disabled)
    .mdc-select__selected-text {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

/*.gcspcommodform .row{margin-bottom: 15px;  border-bottom: 1px solid #dee2e6;}
.gcspcommodform .row:last-child{margin-bottom: 0px;  border-bottom:none;}
.gcspcommodform .pageselectbox .mdc-select{margin-bottom: 15px;}*/
.gcspdcpaintvendor {
    visibility: hidden;
    height: 0;
}

.gcspdcpaintvendor.gcspdcpaintvendorshow {
    visibility: visible;
    height: auto;
}

.verndorloaders {
    position: relative;
    z-index: 999999;
    width: 100%;
    height: 100vh;
    align-items: center;
    justify-content: center;
    display: none;
    position: fixed;
    background: rgba(0, 0, 0, 0.5);
    overflow: hidden;
}

/*.showvendorload {position: fixed; z-index: 999 !important; width: 100%; height: 100%; overflow: hidden;}*/
.showvendorload .verndorloaders {
    display: flex;
}

.showvendorload {
    position: absolute;
    z-index: 999 !important;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

/*.menu-overlay-loader {width: 100%;  height: 100%; z-index: 999;  }*/
.lds-ripple {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

.lds-ripple div {
    position: absolute;
    border: 4px solid #fff;
    opacity: 1;
    border-radius: 50%;
    animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

.lds-ripple div:nth-child(2) {
    animation-delay: -0.5s;
}

@keyframes lds-ripple {
    0% {
        top: 36px;
        left: 36px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 72px;
        height: 72px;
        opacity: 0;
    }
}

.gcspsystemname {
    border: none;
    text-align: center;
    line-height: 14px;
}

.gcspsystemname:focus {
    border-bottom: 1px solid #000000;
    border-radius: 0;
}

/* 15-12-2022 */
.differntHeightElement span {
    left: -11px !important;
    min-height: 15px;
}

/* 22-12-2022 */
.pdf-svg-note {
    font-size: 9px;
    margin-bottom: 10px;
    background: #e9e8e8 !important;
    margin-top: -10px;
    padding: 0px 10px 10px 10px;
}

.pdf-svg-note span {
    opacity: 0.6;
}

.floated-btn {
    position: fixed;
    bottom: 10px;
    right: 30px;
}

/* 02-01-2023 */
.quote-client-list .pagetablesection .quote-system-list {
    position: relative;
    min-height: calc(100vh - 227px);
}

.quote-client-list .quote-system-list {
    padding-bottom: 0px;
    height: calc(100% - 50px);
}

/* 03-01-2023 */
.mdc-layout-grid__cell {
    transition: transform 0.2s;
}

.has-selected-quote {
    -ms-transform: scale(0.9);
    /* IE 9 */
    -webkit-transform: scale(0.9);
    /* Safari 3-8 */
    transform: scale(0.9);
}

.has-selected-quote-system {
    align-items: center inherit;
}

.has-selected-quote-system .has-selected-quote {
    align-items: center;
}

.has-selected-quote-system .has-selected-quote .boxmaxheight {
    height: 200px !important;
    padding: 10px 10px 50px 10px;
}

/* .has-selected-quote-system .has-selected-quote .systemsize {bottom: unset !important;} */
.has-selected-quote-system
    .has-selected-quote
    .newsystemwhitebox
    .systemimg_single {
    max-height: 100px;
    max-width: 50%;
}

.has-selected-quote-system
    .has-selected-quote
    .newsystemwhitebox
    .systemimg
    .mainsvg {
    max-height: 100px;
}

/* .has-selected-quote-system {align-items: center inherit;}
.has-selected-quote-system .has-selected-quote {align-items: center;}
.has-selected-quote-system .has-selected-quote .boxmaxheight {height: 200px !important; padding: 10px 10px 50px 10px;}
.has-selected-quote-system .has-selected-quote .newsystemwhitebox .systemimg_single {max-height: 100px;}
.has-selected-quote-system .has-selected-quote .newsystemwhitebox .systemimg .mainsvg {max-height: 100px;} */
/*------18-01-2023-------*/
.form-tele-input {
    position: relative;
    z-index: 2;
}

.form-tele-input .mdc-text-field--outlined .mdc-floating-label {
    left: 78px;
}

.form-tele-input
    .mdc-text-field--outlined
    .mdc-floating-label.mdc-floating-label--float-above {
    left: 4px;
}

.form-tele-input .iti {
    width: 100%;
}

.chat-message-section {
    padding-top: 70px;
    padding-bottom: 0px;
}

.chat-area {
    /*display: flex;*/
    display: block;
    /*min-height: calc(100vh - 70px);*/
}

.chat-left-panel {
    min-width: 233px;
    position: fixed;
    left: 0;
    top: 70px;
    bottom: 65px;
    overflow: auto;
    /*z-index: 99999;*/
    transition: all 0.3s ease-in-out 0s;
    border-right: 2px solid #d4d4d4;
}

.chat-right-panel {
    margin-left: 216px;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 2;
    -webkit-flex-grow: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    transition: all 0.3s ease-in-out 0s;
}

.chat-PT {
    padding-top: 40px;
}

.chat-lr-padd {
    padding-left: 30px;
    padding-right: 30px;
}

.chat-right-lr-padd {
    padding-left: 40px;
    padding-right: 40px;
}

.chat-navbar h3 {
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 40px;
    text-transform: uppercase;
}

.chat-navbar ul {
    margin: 0px;
    padding: 0px;
}

.chat-navbar li {
    list-style-type: none;
}

.chat-navbar-list li a {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
    color: #000;
    padding: 12px 15px;
    line-height: normal;
}

.chat-navbar-list li a:hover,
.chat-navbar-list li a.active {
    background-color: #000;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 6px;
    color: #fff;
}

.chat-navbar-list li a i,
.chat-navbar-list li a img {
    margin-right: 10px;
    font-size: 18px;
}

.mes-box-shadow {
    box-shadow: 0px 3px 6px 3px #00000029;
    border-radius: 11px;
    overflow: hidden;
}

.mes-box-shadow {
    display: flex;
    max-height: calc(100vh - 220px);
    min-height: calc(100vh - 220px);
}

.mes-box-left-panel {
    min-width: 227px;
    position: relative;
    left: 0;
    top: 0px;
    bottom: 0px;
    overflow: auto;
    /*z-index: 99999;*/
    transition: all 0.3s ease-in-out 0s;
    border-right: 1px solid #70707066;
}

.mes-box-left-panel ul {
    margin: 0px;
    padding: 0px;
}

.mes-box-left-panel li {
    list-style-type: none;
}

.ser-add-sec {
    padding: 15px 15px 25px 15px;
}

.chat-user-search {
    position: relative;
    margin-bottom: 22px;
}

.chat-user-search input.chat-user-input {
    background-color: #fff;
    width: 100%;
    border: 1px solid #c6c6c6;
    border-radius: 11px;
    height: 28px;
    display: flex;
    align-items: center;
    font-size: 12px;
    padding: 2px 8px 2px 30px;
}

.chat-user-search input.chat-user-icon {
    position: absolute;
    left: 10px;
    top: 9px;
    background-image: url(../images/search-icon.png);
    background-repeat: no-repeat;
    background-position: right center;
    border: none;
    background-size: 12px;
    width: 12px;
    height: 12px;
    cursor: pointer;
    background-color: transparent;
}

ul.chat-user-list-icon {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left: -7px;
    margin-right: -7px;
}

ul.chat-user-list-icon li {
    padding: 0px 7px;
}

ul.chat-user-list-icon li span {
    font-size: 18px;
}

.mess-user-listing li a {
    position: relative;
    display: flex;
    padding: 20px 15px;
    border-top: 1px solid #c1c1c1;
    transition: all 0.3s ease-in-out 0s;
}

.mess-user-listing li:last-child a {
    border-bottom: 1px solid #c1c1c1;
}

.mess-user-listing li a:hover,
.mess-user-listing li a.active {
    background-color: #efefef;
}

.mess-user-photos {
    width: 48px;
    height: 48px;
    border-radius: 100%;
    overflow: hidden;
    margin-right: 18px;
}

.mess-user-photos img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 100%;
}

.mess-user-name {
    flex: 1;
    padding-top: 7px;
    max-width: 130px;
}

.mess-user-name h4 {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 5px;
    line-height: normal;
    color: #000;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
}

.mess-sort-text {
    font-size: 12px;
    color: #535353;
    display: flex;
    align-items: center;
}

.mess-sort-text span {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
}

.mess-sort-text i {
    font-size: 12px;
    color: #535353;
    margin-right: 6px;
}

.message-read {
    color: #2ea1de !important;
}

.chat-graybg {
    background-color: #efefef;
    padding: 10px 24px;
    display: flex;
}

.chat-topbar {
    border-radius: 0px 11px 0px 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 1;
}

.chat-bottombar {
    border-radius: 0px 0px 11px 0px;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1;
}

.mes-box-right-panel {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 2;
    -webkit-flex-grow: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    transition: all 0.3s ease-in-out 0s;
    position: relative;
    justify-content: space-between;
}

.ellipsis-oneline {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
}

.tabbar-userimg {
    margin-right: 10px;
    width: 34px;
    height: 34px;
    overflow: hidden;
    border-radius: 100%;
}

.tabbar-userimg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 100%;
}

.chat-tabbar-flex {
    display: flex;
    align-items: center;
    margin-right: 10px;
    flex: 1;
}

.chat-top-info i {
    font-size: 20px;
    color: #585858;
}

.chat-top-info a {
    display: flex;
    color: #585858;
}

.chat-top-info a:hover {
    color: #000;
}

.chat-b-bar-icon a i,
.chat-b-bar-icon label i {
    font-size: 20px;
}

.chat-b-bar-icon a,
.chat-b-bar-icon label {
    color: #585858;
    margin-right: 16px;
    display: flex;
    cursor: pointer;
    margin-bottom: 0px;
}

.chat-b-bar-icon a:hover,
.chat-b-bar-icon label:hover {
    color: #000;
}

.chat-bottom-input {
    flex: 1;
    display: flex;
    align-items: center;
    border-radius: 30px;
    background-color: #fff;
    padding: 5px 15px 5px 15px;
}

.chat-bottom-input textarea {
    border: none;
    background-color: #fff;
    width: 100%;
    font-size: 14px;
    height: 25px;
}

.chat-comment-box {
    height: 100%;
    padding: 64px 10px 64px 25px;
    display: flex;
    align-items: flex-end;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

.commont-boxarea {
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
    max-height: 100%;
    -ms-overflow-style: none;
    scrollbar-width: none;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.user-chat-comment {
    margin-bottom: 20px;
}

.chat-right {
    text-align: right;
}

.chat-right .mess-sort-text {
    text-align: right;
    justify-content: flex-end;
    padding-right: 24px;
}

.chat-left .mess-sort-text {
    padding-left: 24px;
}

.user-chat-box {
    margin-bottom: 8px;
    padding: 10px 20px;
    box-shadow: 0px 3px 6px #00000029;
    font-size: 14px;
    position: relative;
    display: inline-flex;
    min-width: 147px;
    max-width: 300px;
}

.user-chat-box::before {
    position: absolute;
    top: 0px;
    width: 0;
    height: 0;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    content: "";
}

.chat-left .user-chat-box {
    background-color: #c7c7c7;
    border-radius: 0px 6px 6px 6px;
    color: #000;
    margin-left: 20px;
}

.chat-left .user-chat-box::before {
    left: -19px;
    border-right: 20px solid #c7c7c7;
}

.chat-right .user-chat-box {
    background-color: #000;
    border-radius: 6px 0px 6px 6px;
    color: #fff;
    margin-right: 20px;
    text-align: left;
}

.chat-right .user-chat-box::before {
    right: -19px;
    border-left: 20px solid #000;
}

.user-chat-comment .mess-sort-text i {
    margin-right: 0px;
    margin-left: 6px;
}

.chat-temlist-sec h2 {
    font-size: 22px;
    color: #000;
    font-weight: 400;
    margin-bottom: 25px;
}

.chat-com-bottom {
    overflow-x: hidden;
    overflow-y: scroll;
}

.chat-popup h5 {
    font-size: 18px;
    font-weight: 500;
}

.modal-paddnone .modal-body {
    padding: 0px;
}

.new-mess-privesec {
    display: flex;
    min-height: 360px;
}

.mess-col {
    padding: 15px;
}

.new-mess-formsec {
    width: 60%;
}

.new-prive-pinkbg {
    width: 40%;
    background-color: #fff1db;
}

.messpriv-box {
    padding-top: 15px;
}

.messpriv-box h5 {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 15px;
}

.priv-whitebg {
    background-color: #fff;
    border-radius: 6px;
    font-size: 14px;
    padding: 15px;
    margin-bottom: 5px;
}

.priv-whitebg h6 {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 10px;
}

.chat-mess-priv {
    font-weight: 300;
}

.newmess-padd {
    padding-top: 15px;
    padding-bottom: 50px;
    height: 100%;
    position: relative;
}

.next-btn-posi {
    position: absolute;
    bottom: 0;
    right: 0;
}

.yesno-btn {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 60%;
}

.template-preview-block .yesno-btn {
    max-width: 100% !important;
}

.yesno-btn span:nth-child(1) {
    width: 48%;
}

.yesno-btn span:nth-child(2) {
    width: 48%;
}

.yesno-btn span:nth-child(3) {
    width: 100%;
}

.yesno-btn span,
.yesno-btn a {
    justify-content: center;
    /* margin-right: 4px; */
    margin-bottom: 4px;
    display: inline-flex;
    align-items: center;
    background-color: #fff;
    color: #2ea1de !important;
    padding: 7px 25px 5px 10px;
    border-radius: 5px;
    border-radius: 5px;
    font-size: 14px;
    line-height: normal;
}

.new-mess-privesec
    .select2-container--default
    .select2-selection--single
    .select2-selection__arrow {
    z-index: 1;
}

.chat-table-sec .pagetablesection {
    padding-top: 10px;
}

.chat-table-sec .pagetablesection h2 {
    font-size: 15px;
    font-weight: normal;
    margin-bottom: 5px;
}

.chat-table-sec .pagetablesection .MB50 {
    margin-bottom: 15px;
}

.chat-table-sec .formsubmitbtn {
    text-align: right;
}

.chat-table-sec .floating-label {
    margin-bottom: 15px;
}

.multiple-select .select2-container--default .select2-selection--multiple {
    min-height: 48px;
    height: auto;
    background-color: #fff;
    border: 1px solid #e9eaef;
    border-radius: 4px;
    padding-top: 6px;
    position: relative;
    padding-right: 35px;
}

.multiple-select
    .select2-container--default
    .select2-selection--multiple::before {
    height: 26px;
    position: absolute;
    top: 13px;
    right: 15px;
    width: 20px;
    border-color: #888 transparent transparent transparent;
    margin-left: -4px;
    margin-top: -2px;
    top: 50%;
    width: 10px;
    height: 5px;
    background: url("data:image/svg+xml,%3Csvg%20width%3D%2210px%22%20height%3D%225px%22%20viewBox%3D%227%2010%2010%205%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20stroke%3D%22none%22%20fill%3D%22%23000%22%20fill-rule%3D%22evenodd%22%20opacity%3D%220.54%22%20points%3D%227%2010%2012%2015%2017%2010%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E")
        no-repeat center;
    content: "";
}

.multiple-select
    .select2-container--default.select2-container--open
    .select2-selection--multiple {
    border-color: #000 !important;
    box-shadow: 0px 0px 0px 1px #000;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.multiple-select
    .select2-container--default.select2-container--open
    .select2-selection--multiple::before {
    transform: rotate(180deg) translateY(-5px);
    transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
}

.multiple-select
    .select2-container--default
    .select2-selection__choice__display {
    font-size: 12px;
    color: #fff;
    display: flex;
    padding: 3px 2px 2px 5px;
}

.multiple-select
    .select2-container--default
    .select2-selection--multiple
    .select2-selection__choice {
    background-color: #000;
    border: none;
    border-radius: 6px;
    padding-left: 0px;
    padding-right: 20px;
}

.multiple-select
    .select2-container--default
    .select2-selection--multiple
    .select2-selection__choice__remove {
    left: inherit;
    right: 0;
    border-left: 1px solid #aaa;
    border-right: none;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.multiple-select
    .select2-container
    .select2-search--inline
    .select2-search__field {
    padding-top: 0px;
    height: 24px;
}

.multiple-select
    .select2-container--default
    .select2-selection--multiple
    .select2-selection__choice__remove:hover,
.multiple-select
    .select2-container--default
    .select2-selection--multiple
    .select2-selection__choice__remove:focus {
    background-color: #333;
    color: #fff;
}

.chat-hist-table table th.text-left,
.chat-hist-table table td.text-left {
    text-align: left !important;
}

.chat-hist-table table th,
.chat-hist-table table td {
    text-align: center !important;
}

.chat-hist-table .chat-top-info a {
    justify-content: center;
}

.hist-overview-list ul {
    margin: 0;
    padding: 0;
    display: flex;
}

.hist-overview-list li {
    list-style-type: none;
    margin-right: 15px;
    max-width: 140px;
    width: 100%;
    height: calc(105px - 20px);
    border: 1px solid #000;
    border-radius: 6px;
    padding: 10px 10px;
    margin-bottom: 15px;
    position: relative;
}

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

.over-num h5 {
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 0px;
}

.over-num i {
    font-size: 16px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 26px;
    height: 26px;
    background-color: #eaeaea;
    border-radius: 100%;
}

.over-sm-text {
    font-size: 14px;
    position: absolute;
    left: 10px;
    bottom: 7px;
}

.date-selection-section {
    display: inline-block;
    border: 1px solid #000;
    border-radius: 6px;
    padding: 10px;
}

.date-selection-section ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}

.date-selection-section li {
    list-style-type: none;
    padding: 5px 25px 5px 10px;
    margin-right: 15px;
    border-right: 1px solid #ccc;
}

.date-selection-section li:last-child {
    padding-right: 10px;
    margin-right: 0px;
    border-right: none;
}

.date-selection-section li label {
    display: block;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 20px;
}

.date-selection-section li .floating-label {
    width: 180px;
}

.date-selection-section
    li
    .select2-container--default
    .select2-selection--single
    .select2-selection__arrow {
    z-index: 1;
}

.date-selection-section li .select2-container .select2-selection--single {
    height: 35px;
}

.date-selection-section
    li
    .select2-container--default
    .select2-selection--single
    .select2-selection__rendered {
    line-height: 35px;
    font-size: 14px;
}

.date-selection-section li .floating-label label.gclable {
    top: 9px;
    left: 6px;
    font-size: 14px;
}

.date-selection-section li .floating-label label.gclable.active {
    top: -12px;
    width: auto;
}

.date-selection-section
    li
    .select2-container--default
    .select2-selection--single
    .select2-selection__arrow {
    top: 5px;
}

.date-selection-section li .datepicker {
    width: 180px;
    box-shadow: none;
    border: none;
    background: url(../images/calendar.svg) no-repeat center right #fff;
    background-size: 18px;
    cursor: pointer;
}

.preview-full-popup .new-prive-pinkbg {
    width: inherit;
}

.preview-full-popup .new-prive-pinkbg .messpriv-box {
    padding-top: 0px;
}

.preview-full-popup .mess-col {
    padding: 30px 15px;
}

.preview-full-popup .priv-whitebg {
    max-width: 60%;
}

.text-template-status {
    color: #407700 !important;
}

.table-footer-without-options .tablesortbypagination {
    justify-content: flex-end !important;
}

span.table-small-text {
    display: block;
    font-size: 12px;
    color: #5c5c5c;
}

.table-scroll {
    max-height: 45vh;
    overflow: auto;
}

.loader-text {
    position: absolute;
    color: #fff;
    top: 60%;
}

.chat-notification-dialog {
    z-index: 99999;
}

.form-validation-error {
    color: #dc3545 !important;
}

.icon-font-small {
    font-size: 1.3rem !important;
}

.float-btn-sync.floated-btn {
    right: 55px !important;
}

.template-attachment-preview {
    padding: 2rem 0rem 2rem 0rem;
    text-align: center;
    background: #ccd0d5;
}

.mdc-checkbox
    .mdc-checkbox__native-control:focus
    ~ .mdc-checkbox__background::before {
    background-color: #000000;
}

@supports not (-ms-ime-align: auto) {
    .mdc-checkbox
        .mdc-checkbox__native-control:focus
        ~ .mdc-checkbox__background::before {
        background-color: var(--mdc-theme-primary, #000000);
    }
}

.template-preview-block {
    width: 40%;
}

.template-preview-block > div {
    width: 100%;
}

.mCSB_inside > .mCSB_container {
    margin-right: 0px !important;
}

.mCSB_scrollTools {
    width: 6px !important;
}

.attachment-overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    background: #efefef;
    top: 0;
    z-index: 2;
    display: none;
}

.attachment-overlay-text {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.attachment-overlay-button {
    position: absolute;
    right: 15px;
    bottom: 15px;
}

.deselect-attachments {
    position: absolute;
    right: 15px;
    top: 15px;
}

.user-chat-comment.chat-right a {
    color: #fff;
}

.unread-message-icon {
    position: absolute;
    right: 10px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    height: 100%;
    top: 0;
    font-size: 10px !important;
}

.template-setting-column {
    width: 60px !important;
    text-align: center !important;
    vertical-align: middle !important;
}

body.modal-open .select2-results__options {
    max-height: 250px !important;
}

.chat-contact-list .table thead tr th,
.chat-contact-list .table tbody tr td {
    white-space: unset !important;
}

/*27-04-2023*/
.quote-client-list-buttons .leftbtn a img {
    height: 21px;
    margin-right: 8px;
}

.quote-client-list-buttons .leftbtn a {
    padding-left: 14px;
    font-weight: 400;
}

#download-file-modal .modal-dialog {
    max-width: 361px;
}

#download-file-modal .modal-dialog h5,
#QuoteDetails .modal-header h5,
#SelectedQuoteDetails .modal-header h5 {
    font-size: 18px;
    font-weight: 400;
    color: #000;
}

#download-file-modal .modal-header {
    border: 0px !important;
    padding: 0;
    padding-bottom: 22px;
}

#download-file-modal .table-download-quote-files img {
    height: 18px;
}

#download-file-modal .modal-dialog .modal-content {
    padding: 35px 35px 45px 35px;
}

#download-file-modal .modal-content span,
#QuoteDetails .modal-content span {
    font-weight: 300;
}

#download-file-modal .table tbody tr td:first-child {
    padding-left: 19px;
}

#download-file-modal .header-row {
    font-size: 16px;
    font-weight: 500;
}

.quote-detail-modal-box {
    background: #ffffff 0% 0% no-repeat padding-box;
    border: 1px solid #a3a3a3;
    border-radius: 6px;
    padding: 16px;
}

#QuoteDetails .modal-content,
#SelectedQuoteDetails .modal-content {
    padding: 30px;
}

#QuoteDetails .quote-detail-modal-box h3,
#SelectedQuoteDetails .quote-detail-modal-box h3 {
    margin-bottom: 7px;
    font-size: 20px;
    font-weight: 300;
    color: #000;
}

#QuoteDetails .quote-detail-modal-box img,
#SelectedQuoteDetails .quote-detail-modal-box img {
    margin: auto;
    margin-right: 0;
    display: flex;
}

#QuoteDetails .col-sm-6,
#SelectedQuoteDetails .col-sm-6 {
    margin-bottom: 24px;
}

#QuoteDetails .col-sm-6,
#SelectedQuoteDetails .col-sm-6 {
    padding-right: 12px;
    padding-left: 12px;
}

.quote-detail-modal-box h4 {
    margin-bottom: 8px;
    font-weight: 500;
}

.quote-detail-modal-box img {
    height: 32px;
}

#QuoteDetails .modal-body,
#SelectedQuoteDetails .modal-body {
    padding-top: 0;
    padding-bottom: 0;
}

#QuoteDetails .modal-dialog,
#SelectedQuoteDetails .modal-dialog {
    max-width: 440px;
}

#QuoteDetails .modal-header,
#SelectedQuoteDetails .modal-header {
    border: 0px !important;
    padding-bottom: 22px;
}

#download-file-modal .table tbody tr td {
    border: 1px solid #a3a3a3;
}

#download-file-modal .table td {
    border-top: 0px;
    border-left: 0;
    border-right: 0;
}

#download-file-modal .table {
    margin-bottom: 0px;
}

#download-file-modal .modal-paddnone .modal-body {
    padding: 0px;
    border: 1px solid #a3a3a3;
    border-radius: 3px;
}

/*29-04-2023*/
.system-list-section .table-quote-system-list .actions {
    display: flex;
    justify-content: flex-end;
}

.system-list-section .table-quote-system-list .btn-edit-preview img {
    height: 24px;
    padding-right: 8px;
}

.system-list-section .table.table-quote-system-list tbody tr td .mdc-button {
    width: 24px;
}

.system-list-section .table-quote-system-list .btn-edit-preview {
    opacity: 0;
}

.system-list-section .table-quote-system-list tr:hover .btn-edit-preview {
    opacity: 1;
}

.system-list-section .table-quote-system-list .mdc-button--raised,
.system-list-section .table-quote-system-list .mdc-button--unelevated {
    padding: 0px;
}

.system-list-section .table-quote-system-list .button-box-shadow {
    box-shadow: none;
}

.system-list-section .table-quote-system-list input.gcspsystemname {
    background-color: transparent;
    width: 100%;
    text-align: left;
    border-radius: 0px !important;
    padding: 0px !important;
}

.system-list-section .table-quote-system-list .bg-white {
    background: transparent !important;
}

.system-list-section table.htshadow thead {
    border-bottom: 0 !important;
}

.system-list-section .table-quote-system-list.table-bordered th,
.system-list-section .table-quote-system-list.table-bordered td {
    border: 0px !important;
    border-top: 1px solid #a3a3a3 !important;
    border-bottom: 1px solid #a3a3a3 !important;
}

.system-list-section .table-quote-system-list.table-bordered th {
    border-top: 0px !important;
}

.system-list-section a.add-new-system {
    color: #a3a3a3;
}

.system-list-section .table-quote-system-list .add-new-system-icon {
    margin-right: 12px;
    width: 25px;
    border: 1px solid #a3a3a3;
    height: 25px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.system-list-section .table-quote-system-list a.add-new-system {
    display: flex;
    align-items: center;
    justify-content: center;
}

.system-list-section table.table-quote-system-list tbody tr td {
    vertical-align: middle;
}

.system-list-section
    .table-quote-system-list
    .select2-container--default
    .select2-selection--single {
    background-color: transparent;
}

.system-list-section
    .table-quote-system-list
    .select2-container--open
    .select2-selection--single {
    border-color: transparent !important;
    box-shadow: none !important ;
}

.system-list-section
    .table-quote-system-list
    .select2-container--default
    .select2-selection--single {
    border: 0px;
}

.system-list-section .table.table-quote-system-list thead tr th:first-child {
    vertical-align: middle;
}

.system-list-section .table.table-quote-system-list.table thead tr th {
    font-size: 18px;
    font-weight: 400;
}

.add-new-column-element
    .select2-container--default
    .select2-selection--single
    .select2-selection__rendered {
    color: #a3a3a3 !important;
    font-weight: 400;
}

.system-list-section
    .table.table-quote-system-list
    .select2-container--default
    .select2-selection--single
    .select2-selection__rendered {
    color: #000;
}

.system-list-section
    .table-quote-system-list.table.table-hoverable
    thead
    tr:hover {
    background: transparent;
}

/* .layout-preference-icon .list-icon, .layout-preference-icon .grid-icon {
    position: relative;
}

.layout-preference-icon .list-icon:before {
    background-image: url(../images/list-icon.svg);
    content: "";
    position: absolute;
    right: 0px;
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-size: 32px;
}

.layout-preference-icon .grid-icon:after {
    background-image: url(../images/grid-icon.svg);
    content: "";
    position: absolute;
    right: 0px;
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-size: 32px;
} */

.system-list-section
    .table.table-quote-system-list
    .select2-container
    .select2-selection--single
    .select2-selection__rendered {
    padding-left: 0px !important;
    padding-right: 0;
}

.system-list-section .addnewsystemtext {
    color: #a3a3a3;
    font-weight: 400;
}

.system-list-section .addboxbtnbg {
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin: auto;
    margin-bottom: 11px;
    border: 1px solid #a3a3a3;
    color: #a3a3a3;
    font-size: 21px;
}

.clientadd p {
    font-weight: 300;
}

.btn-selected-quote-system-details.mdc-button {
    font-weight: 400;
}

.table-quote-system-list {
    margin-bottom: 60px;
}

/* .layout-preference-icon .btn-right-panel img {
    width: 32px;
    height: 32px;
} */

ul.table-download-quote-files {
    margin: 0px;
    padding: 0px;
    border: 0.5px solid #a3a3a3;
    border-radius: 3px;
    overflow: hidden;
}

ul.table-download-quote-files li.header-row {
    display: flex;
    align-items: center;
    padding: 10px 19px;
}

ul.table-download-quote-files li {
    list-style-type: none;
    border-bottom: 0.5px solid #a3a3a3;
}

ul.table-download-quote-files li a {
    display: flex;
    align-items: center;
    padding: 10px 19px;
}

ul.table-download-quote-files li a img {
    margin-right: 5px;
}

ul.table-download-quote-files li a:hover {
    background-color: #f1f1f1;
    color: #000;
}

ul.table-download-quote-files li:last-child {
    border-bottom: none;
}

.custom-justify-content-end {
    justify-content: end !important;
}

.account-image-section {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}

/* Notes Module */
/*26-05-2023*/
:root {
    --lightbluekbg: #f2f1f8;
    --lightskybg: #f2f7f9;
    --lightgreenbg: #f2faf5;
    --lightpinkbg: #fceef7;
    --lightbrownbg: #fff1e0;
    --lightredbg: #fff2f2;
    --lightcreambg: #ffffe3;
    --ftblue: #474389;
    --ftsky: #5792a8;
    --ftgreen: #427956;
    --ftpink: #a33276;
    --ftbrown: #9d8348;
    --ftred: #794242;
    --ftdarkcream: #797942;
}

/*comman style*/
h6.rightpnl-comntitle {
    font-size: 24px;
    font-weight: 300;
    color: #000;
}

.updatetags img {
    height: 18px;
}

.updatetags span {
    font-size: 14px;
}

.updatetags {
    border-radius: 6px;
    display: flex;
    align-items: center;
    padding: 6px 10px 6px 8px;
}

.quote_update_notes.updatetags {
    background-color: var(--lightbluekbg);
    color: var(--ftblue);
    border: 0.5px solid #c5c3d6;
}
.quote_update_notes.updatetags a {
    color: var(--ftblue);
}

.quote_update_site_visit.updatetags {
    background-color: var(--lightskybg);
    color: var(--ftsky);
    border: 0.5px solid #b5cdd5;
}
.quote_update_site_visit.updatetags a {
    color: var(--ftsky);
}

.quote_update_status_change.updatetags {
    background-color: var(--lightgreenbg);
    color: var(--ftgreen);
    border: 0.5px solid #b0d1be;
}
.quote_update_status_change.updatetags a {
    color: var(--ftgreen);
}

.quote_update_file_upload.updatetags {
    background-color: var(--lightpinkbg);
    color: var(--ftpink);
    border: 0.5px solid #edcadf;
}

.quote_update_production.updatetags {
    background-color: var(--lightbrownbg);
    color: var(--ftbrown);
    border: 0.5px solid #d1c3b0;
}
.quote_update_production.updatetags a {
    color: var(--ftbrown);
}

.quote_update_installation.updatetags {
    background-color: var(--lightredbg);
    color: var(--ftred);
    border: 0.5px solid #d1b0b0;
}
.quote_update_installation.updatetags a {
    color: var(--ftred);
}

.quote_update_complete.updatetags {
    background-color: var(--lightcreambg);
    color: var(--ftdarkcream);
    border: 0.5px solid #d1d1b0;
}

.updates-search-tags .search-tags-list span.updates-icons {
    font-size: 20px;
}
/*over comman style*/

.updates-search-tags .search-tags-list {
    padding: 20px;
    gap: 10px;
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    background-color: #fff;
    box-shadow: 0px 1px 6px #00000029;
    border-radius: 6px;
}

.updates-search-tags {
    background-color: #fafafa;
}

.update-rightpnl {
    padding: 0px 45px 0px 45px;
    /*    min-height: 546px;max-height: 546px;overflow-y: scroll;
    height: 670px;*/
    /*    overflow-y: scroll;*/
}

.update-rightpnl::-webkit-scrollbar {
    width: 5px;
}
.update-rightpnl::-webkit-scrollbar-track {
    background-color: #ddd;
}
.update-rightpnl::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.update-rightpnl {
    scrollbar-width: thin;
}

.updates-search-tags .chat-user-search input.update-search {
    height: 40px;
}

.updates-search-tags .chat-user-search {
    margin-bottom: 0px;
}

.updates-search-tags {
    flex-direction: column;
    justify-content: space-between;
    transition: all 0.2s ease-in-out 0s;
    border-left: 1px solid #70707066;
    height: 100%;
}

.updates-search-tags .bottmbtn img {
    height: 21px;
}

.updates-search-tags .bottmbtn {
    border-top: 1px solid #70707066;
    padding: 25px;
    text-align: center;
    background-color: #fafafa;
}

.updates-search-tags .bottmbtn span {
    font-weight: 400;
    letter-spacing: 1.25px;
}

.quote-client-list {
    padding-bottom: 0px;
    padding-top: 70px !important;
}

.quote-left-panel {
    /*display: grid;*/
    display: block;
    padding-bottom: 20px;
    padding-top: 30px;
}

.updates-icons.material-symbols-outlined {
    font-variation-settings: "FILL" 0, "wght" 200, "GRAD" 0, "opsz" 48;
}
.icon-buttons.material-symbols-outlined {
    font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 48;
}
.dark-icon-buttons.material-symbols-outlined {
    font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 48;
}

.updates-search-tags .chat-user-search input.chat-user-input {
    font-size: 15px;
    position: relative;
    padding: 2px 8px 2px 44px;
}

.updates-search-tags span.tag-searchicon {
    display: flex;
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    margin: auto;
    height: fit-content;
    left: 13px;
    width: 30px;
}

/*search style*/
.headerminicart {
    position: relative;
}

.header-quickcart {
    display: none;
    z-index: 999999;
    position: absolute;
    right: 0;
    top: 40px;
    min-width: 100%;
    color: #fff;
    text-align: left;
}

.headerminicart .mini_cart_item {
    position: relative;
    border-bottom: 1px solid #f89415;
    padding: 0px 30px 15px 0 !important;
    margin: 0 auto 15px !important;
    min-height: 66px;
}

.headerminicart .mini_cart_item a {
    font-size: 16px !important;
    padding-left: 70px;
    font-weight: 400 !important;
}

.headerminicart .mini_cart_item span.quantity {
    display: block;
    padding-left: 70px;
    color: #fff;
}

.headerminicart a.remove_from_cart_button {
    position: absolute;
    right: 0;
    top: 0;
    background-color: #f89415 !important;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    color: #221e20 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px !important;
    padding: 0 !important;
}

.headerminicart a.remove_from_cart_button:hover {
    color: #221e20 !important;
}

.headerminicart .mini_cart_item img {
    max-width: 50px;
    max-height: 50px;
    width: auto !important;
    height: auto !important;
    margin: 0 10px 0 0;
    position: absolute;
    left: 0;
    top: 0;
}

/*end search style*/
.quote-updates-datepicker #ui-datepicker-div {
    z-index: 1051 !important;
}

.clscartdrp {
    margin-bottom: 25px;
}

.update-tag-description h6,
.tag-description p {
    margin-bottom: 0px;
}

.update-tag-description h6 {
    font-size: 17px;
    font-weight: 400;
}

.update-tag-description .tag-description p {
    font-size: 12px;
    font-weight: 300;
}

.update-tag-description .updatetags span {
    font-size: 24px;
    font-weight: 200;
    /* float: right;*/
}

.tag-description {
    padding-left: 12px;
}

.update-tag-description .updatetags {
    padding: 10px 20px 10px 20px;
}

.mb25 {
    margin-bottom: 25px;
}

.update-tag-description .tag-description {
    flex: 1;
}

.update-tag-description .quote_update_site_visit .tag-description label {
    padding: 3px 6px;
    background-color: #e0f5fd;
    font-size: 11px;
    font-weight: unset;
    border: 0.2px solid #b5cdd5;
    border-radius: 3px;
}

.update-tag-description .tag-description .quote-dtl span {
    font-size: 20px;
}

.notesupdate-popup img.rounded-circle {
    width: 30px;
    height: 30px;
    object-fit: cover;
}

.notesupdate-popup input {
    border: 0px;
}

.notesupdate-popup ::placeholder {
    opacity: 0.5 !important;
}

.notesupdate-popup .modal-body input.note-title {
    color: #000;
    font-size: 25px;
    font-weight: 500;
    padding-left: 0px;
}

.notesupdate-popup .note-site-visit-date {
    align-items: center;
    border: 0.5px solid #a3a3a3;
    width: fit-content;
    border-radius: 4px;
}
.notesupdate-popup .note-site-visit-date span {
    color: #a3a3a3;
}

.notesupdate-popup .note-site-visit-date input {
    padding-left: 7px;
    box-shadow: none;
    max-width: 106px;
    height: 36px;
    font-size: 14px;
}

.notesupdate-popup .note-site-visit-date .input-group-prepend {
    padding-left: 7px;
}

.notesupdate-popup .note-site-visit-date .input-group-prepend span {
    font-size: 20px;
}
/*.notesupdate-popup .note-site-visit-date .input-group-prepend:focus span{color:#000;opacity: 1;}*/
/* .notesupdate-popup .note-site-visit-date:focus {color:#000;} */

.quote-updates-notification-dialog {
    z-index: 1053 !important;
}

.notesupdate-popup textarea.form-control.note-description {
    border: 0px;
    padding-left: 0px;
    font-weight: 300;
    margin-top: 30px;
    color: #000;
}
.notesupdate-popup .modal-body {
    padding: 30px 70px;
}
.notesupdate-popup .modal-header {
    border-bottom: 0px;
}
.notesupdate-popup .modal-header {
    padding: 30px 40px 10px;
}
.notesupdate-popup .form-control {
    box-shadow: none;
    margin-bottom: 10px;
}
.notesupdate-popup input.form-control.datepicker {
    margin-bottom: 0px;
    font-size: 14px;
    font-weight: 300;
    color: #000;
}
.notesupdate-popup .image-upload > input {
    display: none;
}
.notesupdate-popup .image-upload img {
    width: 80px;
    cursor: pointer;
}

.notesupdate-popup .modal-footer label {
    margin-bottom: 0;
}
.notesupdate-popup .modal-footer .mdc-button {
    min-width: 40px;
}
.notesupdate-popup .modal-footer .mdc-button--outlined {
    padding: 0 7px 0 7px;
}

/*.notesupdate-popup .note-site-visit-date:focus-within {border: 0.5px solid #000;}*/
/*.notesupdate-popup .note-site-visit-date:focus-within .material-symbols-outlined{color:#000;}*/
.imgselection-btmlist li {
    display: flex;
    background-color: #ebebeb;
    font-size: 14px;
    border-radius: 4px;
    padding: 6px 12px;
    margin-right: 5px;
    margin-bottom: 5px;
}
.imgselection-btmlist li a {
    height: 18px;
    font-size: 13px;
}
.imgselection-btmlist ul {
    padding-left: 0px;
    display: flex;
    flex-wrap: wrap;
}
.imgselection-btmlist .updates-icons {
    font-size: 16px;
    padding-top: 3px;
    padding-left: 5px;
}
.update-tag-description .quote_update_file_upload .tag-description label {
    font-weight: 300;
    padding: 3px 6px;
    background-color: #fde0f2;
    margin-bottom: 2px;
    font-size: 11px;
    margin-top: 6px;
    border: 0.2px solid #edcadf;
    border-radius: 3px;
}
.update-tag-description .quote_update_file_upload .tag-description a {
    color: var(--ftpink);
}

/*27-05-2023*/
.approved-boxpopup {
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 8px;
}
.rounded-circle {
    width: 30px;
    height: 30px;
    object-fit: cover;
    margin-right: 10px;
}
.approved-boxpopup #approvedModal,
.approved-boxpopup #productionModal,
.approved-boxpopup #installationModal,
.approved-boxpopup #awaitingApprovalModal,
#awaitingApprovalModal .modal-title,
#approvedModal .modal-title {
    font-weight: 400;
    font-size: 18px;
}

.approved-boxpopup .modal-body {
    /*    margin: 32px 36px 44px;*/
    overflow: hidden;
}

.approved-boxpopup ul.table-download-quote-files li a {
    padding: 14px 19px;
}
.approved-boxpopup .modal-header {
    border-bottom: 0px;
    padding: 40px 30px 0px;
}
.approved-boxpopup .table-download-quote-files strong {
    font-weight: 300;
    padding-left: 15px;
    font-size: 18px;
    flex: 1;
}
.approved-boxpopup span.updates-icons {
    font-size: 30px;
}
.approved-boxpopup ul.table-download-quote-files {
    border-radius: 6px;
}

.modal-header .breadcrumb {
    margin-bottom: 0px;
    background-color: transparent;
    padding: 0;
    font-weight: 300;
    align-items: center;
    font-size: 18px;
}
.breadcrumb-item.active {
    color: #000;
    font-weight: 400;
}
.breadcrumb-item a {
    color: #a3a3a3;
}
.breadcrumb-item + .breadcrumb-item::before {
    content: ">";
    color: #a3a3a3;
}

.production-completed .modal-header {
    border-bottom: 0px;
    padding: 35px 25px 15px;
}
.production-completed .modal-header #productionCompletedModal nav,
.production-completed .modal-header #productDispatchedModal nav,
.production-completed .modal-header #installationCompleteModal nav {
    padding-left: 8px;
}
.production-completed .modal-body {
    padding: 15px 45px 50px 45px;
}
.production-completed .mdc-button,
.letter-spacing {
    letter-spacing: 1.25px;
    font-weight: 300;
    margin-top: 15px;
}
.production-completed .factcheck-icon span {
    margin-right: 8px;
}
.production-completed .modal-body p {
    font-size: 14px;
    font-weight: 300;
}
.approved-boxpopup span.updates-icons.arrow-forward {
    color: #a3a3a3;
    font-size: 16px;
}

.modal-content {
    border: 0px;
    box-shadow: 0px 3px 6px #00000029;
}
.modal-header button span {
    font-weight: 300;
}

.disabled {
    color: #a3a3a3;
    cursor: default;
    pointer-events: none;
}
.complete-date-order {
    background-color: #f2f2f2;
    padding: 35px 30px;
    width: 100%;
    border-radius: 6px;
    position: relative;
}
.complete-date-order span {
    font-size: 23px;
    font-weight: 300;
    color: #000;
}
.complete-date-order p {
    margin-bottom: 0px;
    font-size: 12px;
    font-weight: 300;
}
.complete-order-datebox {
    margin-bottom: 30px;
    grid-gap: 12px;
}
#completeModal .modal-body {
    margin: 35px 40px 50px;
}

#installationStartModal .mdc-button--raised {
    margin-right: 7px;
}
#installationStartModal .modal-body .mdc-button {
    font-weight: 400;
}
.time-dropdown {
    display: flex;
    margin-left: 20px;
    align-items: center;
}
.installation-time-wrap select {
    background-image: none;
    padding: 3px 10px;
    background-color: #f2f2f2;
    font-weight: 300;
    font-size: 23px;
    border: 0;
    color: #000 !important;
}
.installation-time-wrap .notesupdate-popup .note-site-visit-date {
    height: 40px;
}
.installation-time-wrap .form-group.notesupdate-popup {
    align-items: center;
}
.installation-time-wrap .time-dropdown {
    position: relative;
}
.installation-time-wrap .time-dropdown:before {
    content: "";
    position: absolute;
    left: -11px;
    height: 70%;
    border: 0.5px solid #a3a3a3;
    opacity: 0.4;
}
.installation-time-wrap .dotts span {
    font-size: 19px;
    line-height: 5;
}
.installation-time-wrap textarea {
    border: 0px;
    background-color: #fff;
    color: #000;
    font-size: 14px;
    border: 0.5px solid #A3A3A3;
}
.installation-time-wrap .form-control:focus {
    box-shadow: none;
    border-color:#A3A3A3;
}
.installation-time-wrap .servicestopped {
    font-size: 14px;
    color: #000;
    font-weight: 400;
    padding-bottom: 10px;
}
.installation-time-wrap label.ampm-switch {
    z-index: 1;
    position: relative;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    border-radius: 3px;
    overflow: hidden;
    width: 35px;
    height: 40px;
    margin: 0;
    cursor: pointer;
    background-color: #f2f2f2;
    margin-left: 10px;
    border: 1px solid #a3a3a3;
}
.installation-time-wrap label.ampm-switch:before,
.installation-time-wrap label.ampm-switch:after {
    box-sizing: border-box;
    display: block;
    width: 35px;
    height: 20px;
    font-size: 9px;
    text-align: center;
    line-height: 20px;
    color: #000;
    font-weight: 300;
}
.installation-time-wrap label.ampm-switch:before {
    content: "AM";
}
.installation-time-wrap label.ampm-switch:after {
    content: "PM";
}
.installation-time-wrap label.ampm-switch input {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    margin: 0;
    padding: 0;
    border: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0.1);
    filter: alpha(opacity=0.1);
    opacity: 0.001;
    font-size: 10px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}
.installation-time-wrap label.ampm-switch .toggle-button {
    z-index: 2;
    display: inline-block;
    position: absolute;
    top: 0;
    padding: 0;
    margin: 0;
    width: 30px;
    height: 20px;
    background: transparent;
    box-sizing: border-box;
    background-clip: padding-box;
    white-space: nowrap;
    border: 1px solid #dee1e8;
    color: #454545;
    background-color: #dee1e8;
    -webkit-transition: top 0.05s ease-in-out;
    -moz-transition: top 0.05s ease-in-out;
    -o-transition: top 0.05s ease-in-out;
    -ms-transition: top 0.05s ease-in-out;
    transition: top 0.05s ease-in-out;
    background: #fbfcfd;
}
.installation-time-wrap label.ampm-switch input:checked + .toggle-button {
    top: 20px;
}
.installation-time-wrap label.ampm-switch .toggle-button:before {
    box-sizing: border-box;
    display: block;
    width: 35px;
    height: 20px;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
    color: #000;
    font-weight: 400;
    font-size: 10px;
}
.installation-time-wrap label.ampm-switch .toggle-button:before {
    content: "AM";
}
.installation-time-wrap
    label.ampm-switch
    input:checked
    + .toggle-button:before {
    content: "PM";
}

.installation-time-wrap label.ampm-switch:before,
.installation-time-wrap label.ampm-switch:after,
.installation-time-wrap label.ampm-switch {
    width: 30px;
}
.installation-time-wrap label.ampm-switch .toggle-button:before {
    width: 28px;
}

.account-image-section {
    position: relative;
}
.account-image-section .account-profile-image {
    height: 100px;
    border-radius: 100%;
    object-fit: cover;
    width: 100px;
}
.account-image-section label {
    border: 2px dashed #d9d9d9;
    border-radius: 100%;
    cursor: pointer;
    padding: 2px;
}
.account-image-section span.updates-icons {
    position: absolute;
    bottom: 10px;
    font-size: 20px;
    margin-left: -27px;
    background-color: #f2f2f2;
    border-radius: 100%;
    padding: 5px;
}
.account-image-section {
    justify-content: flex-start;
}
.account-image-section .account-info {
    padding-left: 20px;
}
.account-image-section .account-info h4 {
    margin-bottom: 0px;
    font-weight: 300;
    font-size: 24px;
}
.account-image-section p {
    margin-bottom: 0px;
    font-size: 13px;
    line-height: 20px;
}

#quoteUpdatesAttachmentModal .mdc-form-field {
    width: 100%;
}
#quoteUpdatesAttachmentModal .mdc-form-field label {
    margin-bottom: 0px;
    margin-bottom: 0px;
    display: flex;
    align-items: center;
}
#quoteUpdatesAttachmentModal .table.lefttext tbody tr td,
#quoteUpdatesAttachmentModal .table.lefttext thead tr th {
    padding-bottom: 0;
}
#quoteUpdatesAttachmentModal .checkboxlist .mdc-form-field > label,
#quoteUpdatesAttachmentModal .table.lefttext tbody tr td {
    font-size: 15px !important;
    font-weight: 300;color:#000;
}
#quoteUpdatesAttachmentModal .table.lefttext thead tr th {
    font-weight: 400;color:#000;
}
#quoteUpdatesAttachmentModal .checkboxlist .mdc-form-field > label span {
    padding-right: 10px;
    font-size: 18px;
}
#quoteUpdatesAttachmentModal .table-scroll .rounded-circle {
    width: 16px;
    height: 16px; margin-right: 2px;
}
#quoteUpdatesAttachmentModal .checkboxlist .mdc-checkbox {
    padding: 6px 2px 8px 10px;
}
#quoteUpdatesAttachmentModal .factcheck-icon {
    margin-right: 7px;
}
#quoteUpdatesAttachmentModal .checkboxlist th .mdc-form-field > label {
    font-weight: 400;
}
#quoteUpdatesAttachmentModal .table thead tr th {
    font-weight: 400;
}
#quoteUpdatesAttachmentModal button {
    font-weight: 400;
}

.drop-zone {
    margin-bottom: 15px;
    height: 140px;
    border: 1px solid #a3a3a3;
/*    padding: 20px;*/
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    cursor: pointer;
}
.drop-zone.highlight {
    border-color: #0087f7;
}
.file-input {
    display: none;
}
.drop-zone p {
    margin-bottom: 0px;
    color: #a3a3a3;
}
#quoteUpdatesAttachmentModal .factcheck-icon,
#serviceStartModal .factcheck-icon,
#awaitingApprovalModal .factcheck-icon {
    margin-right: 7px;
}
#quoteUpdatesAttachmentModal.production-completed .modal-body {
    padding: 15px 40px 50px 40px;
}
#quoteUpdatesAttachmentModal .modal-lg {
    max-width: 665px;
}
#quoteUpdatesAttachmentModal .modal-body button {
    font-weight: 400;
}
#serviceStartModal .production-completed .modal-body {
    padding: 15px 30px 50px 30px;
}
#awaitingApprovalModal .complete-date-order {
    padding: 29px 22px;
}
#awaitingApprovalModal .complete-date-order span.updates-icons {
    font-size: 40px;
}
#awaitingApprovalModal .complete-date-order span {
    font-size: 32px;
    font-weight: 300;
}
#awaitingApprovalModal .factcheck-icon span {
    font-size: 20px;
    margin-right: 5px;
}
#awaitingApprovalModal .lockinfo span.updates-icons {
    font-size: 18px;
    position: absolute;
    bottom: 8px;
    right: 12px;
}
#awaitingApprovalModal .modal-dialog {
    max-width: 440px;
}
.lockinfo {
    text-align: right;
}

.upsearch-sticky {
    padding: 35px 45px 0px 45px;
}
.pagetablesection.right-panel-close .quote-left-panel {
    flex: 0 0 100%;
    max-width: 100%;
}
.pagetablesection.right-panel-close .row {
    flex-wrap: nowrap;
}
.right-panel-close,
.quote-left-panel {
    transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
}
.updates-search-tags {
    transition: all 0.5s ease-in-out 0s;
}

.col-sm-3.quote-right-panel {
    padding-right: 0px;
}
.body-wrapper.quote-updates-panel {
    padding-right: 0px;
}

.quote-update-list .updatetags {
    padding: 0;
    position: relative;
}
.quote-update-list .updatetags a {
    padding: 10px 40px 10px 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    border-radius: 6px;
}
.quote-update-list .updatetags a label {
    cursor: pointer;
}
.quote-update-list .btn-delete-quote-update-section {
    position: absolute;
    right: 15px;
    bottom: 3px;
}
.quote-update-list .btn-delete-quote-update-section a {
    padding: 0px;
    width: auto;
    border: none !important;
    border-radius: 0px;
}
.quote-update-list .btn-delete-quote-update-section a span {
    font-size: 20px;
}

.quote_update_notes.updatetags a {
    background-color: var(--lightbluekbg);
    color: var(--ftblue);
}
.quote-update-list .updatetags:hover {
    box-shadow: 0px 1px 2px #0000001a;
}
.quote_update_file_upload.updatetags a {
    background-color: var(--lightpinkbg);
    color: var(--ftpink);
}
.quote_update_site_visit.updatetags a {
    background-color: var(--lightskybg);
    color: var(--ftsky);
}
.quote_update_status_change.updatetags a {
    background-color: var(--lightgreenbg);
    color: var(--ftgreen);
}
.quote_update_production.updatetags a {
    background-color: var(--lightbrownbg);
    color: var(--ftbrown);
}
.quote_update_installation.updatetags a {
    background-color: var(--lightredbg);
    color: var(--ftred);
}
.quote_update_complete.updatetags a {
    background-color: var(--lightcreambg);
    color: var(--ftdarkcream);
}

.quote-client-list .row:first-child {
    flex-wrap: unset !important;
}
.is-full-width {
    max-width: 100% !important;
    flex: 0 0 100% !important;
}
/* .quote-left-panel.is-full-width .btn-right-panel img{transform: rotate(180deg);} */

/*06-02-2023*/
.quote-update-search-dropdown ul li {
    background-color: transparent !important;
    display: inline-block;
}
.quote-update-search-dropdown .select2-results__option {
    padding: 4px 3px;
}
.quote-update-search-dropdown ul {
    padding: 12px 10px;
}
.quote-update-search-section .select2-selection {
    background-color: #fff;
    width: 100%;
    border: 1px solid #c6c6c6;
    border-radius: 11px;
    height: auto;
    align-items: center;
    font-size: 15px;
    padding: 2px 8px 2px 25px;
}
.quote-update-search-section li.select2-selection__choice {
    margin-bottom: 5px;
    margin-top: 5px !important;
    display: inline-flex !important;
    max-width: fit-content !important;
    padding: 0px !important;
    background-color: transparent !important;
    border: 0px !important;
}
.quote-update-search-section li .select2-selection__choice__remove {
    display: none !important;
}
.quote-update-search-section .select2-selection--multiple {
    border: 1px solid #c6c6c6 !important;
    position: relative;
}
.quote-update-search-section
    .select2-container
    .select2-search--inline
    .select2-search__field {
    height: 28px;
    font-size: 15px;
}
.quote-update-search-section span.updates-icons {
    font-size: 20px;
}
.quote-update-search-section .search-icon {
    position: absolute;
    z-index: 1;
    left: 6px;
    font-size: 24px !important;
    padding-right: 7px;
    height: 100%;
    bottom: 0;
    margin: auto;
    display: flex;
    align-items: center;
    top: 0px;
}
.quote-update-search-dropdown span.material-symbols-outlined.updates-icons {
    font-size: 20px;
}
.select2-container--default
    .select2-selection--multiple
    .select2-selection__choice__display {
    padding-right: 0px !important;
}

.quote-update-search-section
    span.select2-selection__choice__display
    .updatetags {
    padding: 3px 5px 3px 5px !important;
}
.quote-update-search-section
    span.select2-selection__choice__display
    .updatetags
    span {
    font-size: 13px;
}
.quote-client-list-buttons .flexbtn .mdc-button {
    margin-bottom: 0px;
}
.quote-client-list-buttons .flexbtn {
    align-items: center;
    width: 100%;
}
.quote-client-list-buttons {
    display: flex;
    justify-content: space-between;
    align-items: end;
    width: 100%;
}
.mdc-button--outlined {
    border-width: 0.5px !important;
}
.btn-add-quote-notes.mdc-button:not(:disabled) {
    background-color: #fff !important;
}

/*05-06-2023*/
.layout-preference-icon,
.btn-edit-preview {
    display: flex;
}
.quote-system-list .material-symbols-outlined {
    font-size: 28px;
}
.footer {
    margin-left: 0px;
    margin-right: 0px;
}
.quote-updates-panel .mdc-touch-target-wrapper a,
.actions
    button.mdc-menu-button.mdc-icon-button.mdc-icon-button--touch.material-icons {
    display: flex;
    align-items: center;
    justify-content: center;
}

.upsearch-sticky {
    display: flex;
    flex-direction: column;
}

.updates-search-tags {
    position: fixed;
    right: 0;
    height: calc(100% - 70px);
    z-index: 9;
    width: 24%;
}
.hide-right-panel .updates-search-tags {
    right: -24%;
}
.content-right-panel {
    position: relative;
    top: 0;
    display: flex;
    flex-direction: column;
    height: 100%;
}
.updates-search-tags .content-right-panel .bottmbtn {
    padding: 15px 25px 13px 25px;
    display: flex;
    justify-content: center;
    position: fixed;
    bottom: 0;
    width: 25%;
}
.content-right-panel .update-rightpnl {
    height: calc(100% - 230px);
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.content-right-panel .update-rightpnl::-webkit-scrollbar {
    display: none;
}
.table-quote-system-list .actions .mdc-menu {
    left: inherit !important;
    right: 0px !important;
}

.table-quote-system-list .actions .mdc-icon-button {
    color: #000;
}
.quote-update-search-section
    .select2.select2-container
    .custom-tags.updatetags {
    background: #80808047;
}
.btn-delete-quote-update,
.btn-delete-quote-update-attachment {
    height: 35px;
    width: 35px;
}

/*13-06-2023*/
#mySidenav .menuleftrightpadd a {
    border-bottom: 0px;
    text-align: left;
    color: #000000;
    opacity: 1;
    height: 56px;
    display: flex;
    align-items: center;
}
#mySidenav .menuleftrightpadd .active {
    background-color: #000;
    border-radius: 16px;
    color: #fff;
}
#mySidenav .sidenav a {
    font-size: 16px;
}
#mySidenav.sidenav {
    display: flex;
    flex-direction: column;
}
#mySidenav.sidenav span {
    padding-right: 11px;
    font-weight: 300;
}
#mySidenav .mdc-list-item {
    margin-bottom: 10px;
}
.logoutsec a {
    display: flex;
    align-items: center;
    padding: 16px 16px 16px 16px;
    width: 100%;
}
.logoutsec .mdc-list-item {
    width: 100%;
}
.logoutsec {
    position: relative;
    width: 100%;
    display: flex;
    align-items: flex-end;
}
.menuleftrightpadd {
    height: 100%;
    display: flex;
    flex-direction: column;
    padding-right: 29px;
    margin-top: 15px;
    padding-right: 50px;
}
/*.bodymenuopen .sidenav {width: 316px !important;}*/
#mySidenav .menuleftrightpadd a strong {
    flex: 1;
    text-align: right;
    font-weight: normal;
}
#mySidenav.sidenav .closebtn {
    font-size: 30px;
    font-weight: 100;
}
.profilesec {
    display: flex;
    text-align: left;
    align-items: center;
    margin-bottom: 56px;
}
.usernamesec h6 {
    margin-bottom: 0px;
    font-size: 18px;
    font-weight: 300;
}
.profilesec .rounded-circle {
    width: 55px;
    height: 55px;
    margin-right: 12px;
}
.usernamesec p {
    margin-bottom: 0px;
    color: #a3a3a3;
    font-size: 14px;
    font-weight: 300;
}
#mySidenav .mdc-list.mdc-drawer-menu {
    flex: 1;
    border-bottom: 1px solid #b1b1b1;
    margin-bottom: 10px;
}

/* .pagetablesection .row{display: block;} */

/**/
#approvedModal .modal-body,
#productionModal .modal-body,#installationModal .modal-body {
    margin-left: 56px;
    margin-right: 56px;
    margin-top: 42px;
    margin-bottom: 56px;
}
#awaitingApprovalModal .modal-body {
    margin: 32px 36px 44px;
}
#awaitingApprovalModal .modal-body button,
#quoteUpdatesAttachmentModal .modal-body button,
#awaitingApprovalModal .modal-body a.mdc-button,
#quoteUpdatesAttachmentModal .modal-body a.mdc-button {
    font-weight: 400;
}
#serviceStartModal .installation-time-wrap button {
    font-weight: 400;
}
#completeModal .modal-body button {
    font-weight: 400;
}
#productionCompletedModal .modal-body button,
#productDispatchedModal .modal-body button,
#installationCompleteModal .modal-body button {
    font-weight: 400;
}
#quoteUpdatesAttachmentModal .modal-dialog {
    max-width: 665px;
}
#productionCompletedModal .modal-body p,
#productDispatchedModal .modal-body p,
#installationCompleteModal .modal-body p{
    font-size: 16px;
}

/*20-06*/
/*.left-menu-open.header, .body-wrapper.left-menu-open{margin-left: 280px;}
.left-menu-open .quote-client-list{width: calc(100% + -90px);}
.left-menu-open .hide-right-panel{width: calc(100% + 90px);}*/
/*.bodymenuopen .body-wrapper.left-menu-open {margin-left: 0; padding-left:300px;}*/
/*.bodymenuopen .chat-left-panel{left:290px !important;transition: 0.5s;}*/
.header,
.body-wrapper {
    transition: 0.5s;
}
.sidenav {
    box-shadow: none;
    border-right: 1px solid #70707066;
}
.logoutsec {
    border-top: 1px solid #70707066;
}
.header {
    min-height: 64px;
}
#mySidenav.sidenav {
    height: 100%;
    width: 316px;
    left: -315px;
}
.bodymenuopen .sidenav {
    left: 0px !important;
}
#mySidenav .mdc-list.mdc-drawer-menu {
    flex: inherit;
    height: 100%;
    border: 0;
}
#mySidenav .logoutsec .mdc-list-item {
    position: relative;
    top: 5px;
}
.quote-client-list {
    padding-top: 65px !important;
}
.cursor-pointer {
    cursor: pointer;
}
.quote-components-list-text {
    font-size: 14px;
}
#quoteUpdatesAttachmentModal .tablesortbypagination {
    width: 100%;
    padding: 5px 10px;
    font-size: 15px;
    justify-content: flex-end !important;
    font-weight: 300;
}
a.mdc-button.disabled
{
    background-color: transparent;
    color: rgba(0, 0, 0, 0.37);
    cursor: default;
    pointer-events: none;
    border-color: rgba(0, 0, 0, 0.37);
}
.quote-update-contact-list .tablesortbypagination{
    justify-content: end !important;
}



#drag-drop-zone.darg-drop-highlight,#drag-drop-zone.darg-drop-highlight table { background-color: #e9e9e9 !important; }

#quoteUpdatesAttachmentModal .mdc-form-field span{font-size: 16px;top: 3px;position: relative;padding-right: 4px;}
#quoteUpdatesAttachmentModal .mdc-checkbox__background, #quote-updates-contact-selection-modal .mdc-checkbox__background{border: 1px solid currentColor;}
#quoteUpdatesAttachmentModal .checkboxlist .mdc-checkbox .mdc-checkbox__background {left: 9px;top: 5px;}
#quoteUpdatesAttachmentModal .mdc-checkbox__background, #quote-updates-contact-selection-modal .mdc-checkbox__background{width: 15px;height: 15px;}

#quote-update-message-modal .messpriv-box {padding-top: 0;}
#quote-updates-contact-selection-modal .mdc-ripple-upgraded input{border-radius: 0;border-bottom: 1px solid #d1d1d1;}
#quote-updates-contact-selection-modal .table th,  #quote-updates-contact-selection-modal .table td{vertical-align: initial;color:#000;}
#quote-updates-contact-selection-modal .checkboxlist .mdc-checkbox .mdc-checkbox__background { left: 0; top: 0;}
#quote-updates-contact-selection-modal .checkboxlist .mdc-checkbox {padding: 0;}
#quote-updates-contact-selection-modal label{margin-bottom: 0px; font-size: 15px; font-weight: 300;color:#000;}
#quote-updates-contact-selection-modal .table tbody tr td{font-size: 15px; font-weight: 300;padding: 8px 10px;color:#000;}
#quote-updates-contact-selection-modal .table.htshadow thead tr th label {border-bottom: inherit;font-weight: 500 !important;font-size: 16px !important;}
#quoteUpdatesAttachmentModal .tablesortbypagination{font-size: 13px;}
#quoteUpdatesAttachmentModal .mdc-select__native-control, .quote-updates-attachment-pagination li, #quoteUpdatesAttachmentModal .mdc-select__selected-text{font-size: 13px;}
.quote-updates-contact-pagination li{font-size: 13px;}
#quote-updates-contact-selection-modal .mdc-select__native-control, #quote-updates-contact-selection-modal .mdc-select__selected-text, #quote-updates-contact-selection-modal .showinlineblock{font-size: 13px;}
#quote-update-message-modal .modal-header, #quote-updates-contact-selection-modal .modal-header{align-items: center !important;}

/**/
#pendingConfirmationModal h5.modal-title{font-size: 18px;font-weight: 400;}
#pendingConfirmationModal .modal-body{padding: 23px 60px 10px 40px;font-weight: 300;}
#pendingConfirmationModal .modal-dialog {width: 444px;}
#pendingConfirmationModal .modal-foiter{padding-left: 40px;margin-bottom: 30px;}
#pendingConfirmationModal .modal-foiter button{border: 0;font-weight: normal;margin-right: 2px;}
#quoteUpdatesAttachmentModal .checkboxlist .mdc-form-field > label, #quoteUpdatesAttachmentModal .table.lefttext tbody tr td {word-break: break-all; white-space: normal;}
#quoteUpdatesAttachmentModal .table.lefttext tbody tr td{padding-bottom: 5px;}
.quote-updates-modal-section h5.modal-title {font-size: 18px; font-weight: 400;}
.quote-updates-modal-section .modal-body a.mdc-button {letter-spacing: 1.25px; font-weight: 400;}


.quote-updates-modal-section .installation-time-wrap select option {font-size: 15px;}
.quote-updates-modal-section .meridiem {display: flex; flex-direction: column; flex-wrap: wrap; align-items: center; margin-left: 8px;border: 0.5px solid #A3A3A3;border-radius: 6px; overflow: hidden;}
.quote-updates-modal-section .meridiem label {font-size: 9px; font-weight: 300; padding: 4px 8px; margin: 0px 0px;  line-height: normal; position: relative;}
.quote-updates-modal-section .meridiem label.active {background-color: #F2F2F2;}
.quote-updates-modal-section .meridiem label:first-child { border-radius:3px 3px 0px 0px;}
.quote-updates-modal-section .meridiem label:last-child { border-radius:0px 0px 3px 3px;}
.quote-updates-modal-section .meridiem label input[type="radio"] {position: absolute; left: 0; top: 0; opacity: 0; width: 100%; height: 100%; cursor: pointer;}


.quote-updates-modal-section .installation-time-wrap .dotts span {line-height: 4;}
.quote-updates-modal-section .installation-time-wrap .time-dropdown:before {height: 77%;}
.quote-updates-modal-section .installation-time-wrap {margin-bottom: 20px;}

.quote-updates-modal-section #installationStartModal .installation-time-wrap .notesupdate-popup .note-site-visit-date {height: 37px; border: none; background-color: #F2F2F2;}
.quote-updates-modal-section #installationStartModal .installation-time-wrap .notesupdate-popup .note-site-visit-date input {max-width: 88px; height: 33px; padding: 5px 9px 5px 5px; background-color: #F2F2F2;}
.quote-updates-modal-section #installationStartModal .notesupdate-popup .note-site-visit-date span {color: #000;}
.btn-quote-update-status[data-status="installation_start"] .material-symbols-outlined,.btn-quote-update-status[data-status="installation_stop"] .material-symbols-outlined{transform: scaleX(-1);}

#serviceStartModal .installation-time-wrap.disabled .note-site-visit-date,#serviceStartModal .installation-time-wrap.disabled .datepicker,#serviceStartModal .installation-time-wrap.disabled textarea{background: #F2F2F2;}