@font-face {font-family: 'rubikregular';src: url('../Content/Fonts/rubik-regular-webfont.woff2') format('woff2'),url('../Content/Fonts/rubik-regular-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'rubikitalic';src: url('../Content/Fonts/rubik-italic-webfont.woff2') format('woff2'),url('../Content/Fonts/rubik-italic-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'rubikmedium';src: url('../Content/Fonts/rubik-medium-webfont.woff2') format('woff2'),url('../Content/Fonts/rubik-medium-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'rubikmedium_italic';src: url('../Content/Fonts/rubik-mediumitalic-webfont.woff2') format('woff2'),url('../Content/Fonts/rubik-mediumitalic-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'rubikbold';src: url('../Content/Fonts/rubik-bold-webfont.woff2') format('woff2'),url('../Content/Fonts/rubik-bold-webfont.woff') format('woff');font-weight: normal;font-style: normal;}

/*body{font-family: "Montserrat", sans-serif;}*/
/*body{font-family: 'Roboto', sans-serif;}*/
/*body{font-family: 'Open Sans', sans-serif;}*/
/*body{font-family: 'Lato', sans-serif;}*/
/*body{font-family: 'Manrope', sans-serif;}*/
/*body{font-family: 'Nunito Sans', sans-serif;}*/
/*body{font-family: 'Poppins', sans-serif;}*/
/*body{font-family: 'Quicksand', sans-serif;}*/
/*body{font-family: 'Spartan', sans-serif;}*/
/*body{font-family: 'Rubik', sans-serif;}*/

::-webkit-scrollbar {display: none;}

body,html{width:100%; height:100%; background-color:#ffffff;}
body{font-family: 'Poppins', sans-serif; }
.body-content{width:100% !important; height:100% !important; padding:0 !important;}
.ff-mont{font-family: "Montserrat", sans-serif;}
.ff-pop{font-family: "Poppins", sans-serif;}
.ff-open{font-family: "Open Sans", sans-serif;}
.ff-rubik{font-family: "Rubik", sans-serif;}


.fs-base{font-size:1rem;}
.fs-11{font-size:1.1rem;}.fs-12{font-size:1.2rem;}.fs-13{font-size:1.3rem;}.fs-14{font-size:1.4rem;}.fs-15{font-size:1.5rem;}.fs-16{font-size:1.6rem;}
.fs-2{font-size:2rem;}.fs-21{font-size:2.1rem;}.fs-22{font-size:2.2rem;}.fs-23{font-size:2.3rem;}.fs-24{font-size:2.4rem;}.fs-25 {font-size: 2.5rem;}
.fs-3{font-size:3rem;}.fs-31{font-size:3.1rem;}.fs-32{font-size:3.2rem;}.fs-33{font-size:3.3rem;}.fs-34{font-size:3.4rem;}.fs-35{font-size:3.5rem;}
.fs-4{font-size:1rem;}.fs-42{font-size:4.1rem;}.fs-43{font-size:4.2rem;}.fs-44{font-size:4.3rem;}.fs-45{font-size:4.5rem;}
.fs-5{font-size:1rem;}.fs-51{font-size:5.1rem;}.fs-52{font-size:5.2rem;}.fs-53{font-size:5.3rem;}.fs-54{font-size:5.4rem;}.fs-55{font-size:5.5rem;}
.fs-95{font-size:0.95rem;}.fs-9{font-size:0.9rem !important;}.fs-85{font-size:0.85rem;}.fs-8{font-size:0.8rem;}.fs-75{font-size:0.75rem;}.fs-7{font-size:0.7rem;}
.fs-65{font-size:0.65rem;}.fs-7{font-size:0.6rem;}

.title-base{font-size:1.4rem; font-weight:600;}
.title-xxl{font-size:2rem; font-weight:600;}.title-xl{font-size:1.7rem; font-weight:600;}.title-l{font-size:1.5rem; font-weight:600;}.title-md{font-size:1.3rem; font-weight:600;}.title-m{font-size:1.2rem; font-weight:600;}.title-sm{font-size:1.1rem; font-weight:600;}.title-s{font-size:1rem; font-weight:600;}
.title-xxl-b{font-size:2rem; font-weight:700;}.title-xl-b{font-size:1.7rem; font-weight:700;}.title-l-b{font-size:1.5rem; font-weight:700;}.title-md-b{font-size:1.3rem; font-weight:700;}.title-m-b{font-size:1.2rem; font-weight:700;}.title-sm-b{font-size:1.1rem; font-weight:700;}.title-s-b{font-size:1rem; font-weight:700;}
.title-xxl-n{font-size:2rem; font-weight:500;}.title-xl-n{font-size:1.7rem; font-weight:500;}.title-l-n{font-size:1.5rem; font-weight:500;}.title-md-n{font-size:1.3rem; font-weight:500;}.title-m-b{font-size:1.2rem; font-weight:500;}.title-sm-n{font-size:1.1rem; font-weight:500;}.title-s-n{font-size:1rem; font-weight:500;}

.tag-base{font-size:1.4rem; font-weight:500;}
.tag-xxl{font-size:1.6rem; font-weight:600;}.tag-xl{font-size:1.5rem; font-weight:600;}.tag-l{font-size:1.4rem; font-weight:600;}.tag-md{font-size:1.3rem; font-weight:600;}.tag-m{font-size:1.2rem; font-weight:600;}.tag-sm{font-size:1.1rem; font-weight:600;}.tag-s{font-size:1rem; font-weight:600;}                                                                                                                                                                                                                                                                                    
.tag-xxl-b{font-size:1.6rem; font-weight:700;}.titagtle-xl-b{font-size:1.5rem; font-weight:700;}.tag-l-b{font-size:1.4rem; font-weight:700;}.tag-md-b{font-size:1.3rem; font-weight:700;}.tag-m-b{font-size:1.2rem; font-weight:700;}.tag-sm-b{font-size:1.1rem; font-weight:700;}.tag-s-b{font-size:1rem; font-weight:700;}
.tag-xxl-n{font-size:1.6rem; font-weight:500;}.tag-xl-n{font-size:1.5rem; font-weight:500;}.tag-l-n{font-size:1.4rem; font-weight:500;}.tag-md-n{font-size:1.3rem; font-weight:500;}.tag-m-b{font-size:1.2rem; font-weight:500;}.tag-sm-n{font-size:1.1rem; font-weight:500;}.tag-s-n{font-size:1rem; font-weight:500;}

.fw-300{font-weight:300 !important;}
.fw-400{font-weight:400 !important;}
.fw-500{font-weight:500 !important;}
.fw-600{font-weight:600 !important;}
.fw-700{font-weight:700 !important;}
.fw-800{font-weight:800 !important;}
.rounded{border-radius:3px !important;-moz-border-radius:3px !important;-webkit-border-radius:3px !important;}
.ls-1{letter-spacing:1px;}
.flex-column{flex-direction:column;}
.flex1{flex-grow:1;}
.nowrap{white-space:nowrap;}
.text-tag{font-size:0.71rem;}

.vertical-box{display:table;table-layout:fixed;border-spacing:0;height:100%;width:100%}
.vertical-box-column{display:table-cell;vertical-align:top;    height:100%}
.vertical-box-row{display:table-row;height:100%}
.vertical-box-row > .vertical-box-cell {position: relative;height: 100%;width: 100%;float: none;}
.vertical-box-row > .vertical-box-cell > .vertical-box-inner-cell {position: absolute;top: 0;bottom: 0;left: 0;right: 0;overflow: hidden;}

.vertical-box-foot{}

.btn-dash-bill{ background:url('.. /images/icon-bill.png')no-repeat #ffffff;  background-position:left; border-left:3px solid #009dfa;}
.btn-dash-addbill{ background:url('.. /images/icon-newbill.png')no-repeat #ffffff;     border-left:3px solid #55ce65;}
.btn-dash-user{ background:url('.. /images/icon-user.png')no-repeat #ffffff;      border-left:3px solid #ffbd35;}
.btn-dashboad{background-size:84px; border-top:0px; border-right:0px; border-bottom:0px;background-position: left 0;padding: 25px;}
.btn-dashboad:hover{color:#333333 !important;}

/*.login-body{background:url('../images/loginBg.jpg'); background-size:cover;}*/

/*Common*/
.bg-cyan{background:#45bdb5;}
.rounded-25{border-radius:25px;-moz-border-radius:25px;-webkit-border-radius:25px;}
.p-5rem{padding:5rem;}
.btn-grey{background:#666666;min-width:100px; color:#ffffff;}
.line-Height-Normal{line-height:normal;}


::placeholder {color:#d2d8de !important;font-size:0.9rem !important; font-weight:500; opacity: 1;}
:-ms-input-placeholder {color: #d2d8de !important;font-size:0.9rem !important; font-weight:500;opacity: 1;}
::-ms-input-placeholder {color: #d2d8de !important;font-size:0.9rem !important; font-weight:500;opacity: 1;}

a:focus{text-decoration:none; outline:none; box-shadow:none;}a:hover{text-decoration:none; outline:none; box-shadow:none;}a:active{text-decoration:none; outline:none;}
button:focus{text-decoration:none; outline:none; border-color:transparent;box-shadow:none;}button:hover{text-decoration:none; outline:none; border-color:transparent;box-shadow:none;}button:active{text-decoration:none; outline:none; border-color:transparent;box-shadow:none;}

/*Buttons*/
.btn.focus, .btn:focus, .form-control:focus{box-shadow:none;}
.btn-close{background: #ef7067;border-radius: 25px;}


/*Fonts*/
.text-success{color:#14a263;}
.text-primary{color:#0275f2;}
.text-kesari{color:#ff9400;}
.text-orange{color: #ff7100 !important;}
.text-golden{color:#ca9816 !important;}
.text-yellow{color:#efb642 !important;}
.text-sea-dark{color:#0d4d4e;}
.text-highlight{color:#14a263;}
.text-base{color:#000000;}
.text-logo-base{color:#232F3E;}
.text-grey-primary {color: #79787e !important;}
.text-grey{color:#525460;}
.text-dull{color:#828282;}
.text-light-grey{color:#787b88;}
.text-warning{color:#f78f0e !important;}

.text-gradient {-webkit-text-fill-color: transparent;text-fill-color: transparent;}
.text-gradient-yellow-red {    display: inline-block;
    background: linear-gradient(330deg,#ff9000 0,red 50%,#0a00b2 100%);
    background: -moz-linear-gradient(330deg,#ff9000 0,red 50%,#0a00b2 100%);
    background: -webkit-linear-gradient(330deg,#ff9000 0,red 50%,#0a00b2 100%);
    background-image: -ms-linear-gradient(330deg,#ff9000 0,red 50%,#0a00b2 100%);
    -webkit-background-clip: text;    background-clip: text;}

.text-xs {font-size:11pt;}/*15px*/
.text-sm {font-size:13.5pt;}/*18px*/
.text-md {font-size:14.5pt;}/*20px*/
.text-lg {font-size:16pt;}/*22px*/
.text-xlg {font-size:25pt;}/*35px*/

.bg-base{background-color:#232f3f !important;}
.bg-success{background-color:#1eb371 !important;}
.bg-danger{background-color:#e63e31 !important;}
.bg-info{background-color:#1eb371 !important;}
.bg-light{background-color:#f3f3f3 !important;}
.border-light{border:1px solid #dadee2 !important;}
.bg-sea{background: rgba(130,217,227,1);
background: -moz-linear-gradient(left, rgba(130,217,227,1) 0%, rgba(130,217,227,1) 26%, rgba(167,231,205,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(130,217,227,1)), color-stop(26%, rgba(130,217,227,1)), color-stop(100%, rgba(167,231,205,1)));
background: -webkit-linear-gradient(left, rgba(130,217,227,1) 0%, rgba(130,217,227,1) 26%, rgba(167,231,205,1) 100%);
background: -o-linear-gradient(left, rgba(130,217,227,1) 0%, rgba(130,217,227,1) 26%, rgba(167,231,205,1) 100%);
background: -ms-linear-gradient(left, rgba(130,217,227,1) 0%, rgba(130,217,227,1) 26%, rgba(167,231,205,1) 100%);
background: linear-gradient(to right, rgba(130,217,227,1) 0%, rgba(130,217,227,1) 26%, rgba(167,231,205,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82d9e3', endColorstr='#a7e7cd', GradientType=1 );}

.btn-lg{font-size:1rem; font-weight:400; padding:0.6rem 0.75rem;}

.btn-base{background: #2748f7;color: #ffffff; min-width:100px;}
.btn-base:hover{background: #1eb371;color: #ffffff;}


a.bg-success:focus, a.bg-success:hover, button.bg-success:focus, button.bg-success:hover{background-color:#1eb371 !important; box-shadow:inset 0 0 4px rgba(0,0,0,0.1); -webkit-box-shadow:inset 0 0 4px rgba(0,0,0,0.1); -moz-box-shadow:inset 0 0 4px rgba(0,0,0,0.1)}

.btn-success{background-color:#1eb371 !important;  border-color: #1eb371;font-weight:400; letter-spacing: 0.05em;  border-radius: 0;}
.btn-success:hover,.btn-success:active,.btn-success:focus,.btn-success.active{background-color:#1eb371 !important; border-color: #1eb371;}

.btn-primary{background-color:#0275f2 !important;  border-color: #0275f2;font-weight:400; letter-spacing: 0.05em;  border-radius: 0;}
.btn-primary:hover,.btn-primary:active,.btn-primary:focus,.btn-primary.active{background-color:#0275f2 !important; border-color: #0275f2;}

.btn-kesari{color: #ffffff; background-color: #ff9400;  border-color: #e88803;  font-weight:400; letter-spacing: 0.05em;  border-radius: 0;}
.btn-kesari:hover,.btn-kesari:active,.btn-kesari:focus,.btn-kesari.active {color: #ffffff; background: #ff9400; border-color: #e88803;}

.btn-orange{color: #4e3602; background-color: #edc251;  border-color: #a48238;  font-weight:400; letter-spacing: 0.05em;  border-radius: 0;
            background: rgba(247,223,163,1);
background: -moz-linear-gradient(top, rgba(247,223,163,1) 0%, rgba(237,193,81,1) 74%, rgba(237,193,81,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(247,223,163,1)), color-stop(74%, rgba(237,193,81,1)), color-stop(100%, rgba(237,193,81,1)));
background: -webkit-linear-gradient(top, rgba(247,223,163,1) 0%, rgba(237,193,81,1) 74%, rgba(237,193,81,1) 100%);
background: -o-linear-gradient(top, rgba(247,223,163,1) 0%, rgba(237,193,81,1) 74%, rgba(237,193,81,1) 100%);
background: -ms-linear-gradient(top, rgba(247,223,163,1) 0%, rgba(237,193,81,1) 74%, rgba(237,193,81,1) 100%);
background: linear-gradient(to bottom, rgba(247,223,163,1) 0%, rgba(237,193,81,1) 74%, rgba(237,193,81,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7dfa3', endColorstr='#edc151', GradientType=0 );
}
.btn-orange:hover,.btn-orange:active,.btn-orange:focus,.btn-orange.active {color: #4e3602; background: #edc251; border-color: #a48238;
                                                                           background: rgba(247,223,163,1);
background: -moz-linear-gradient(top, rgba(247,223,163,1) 0%, rgba(237,193,81,1) 74%, rgba(237,193,81,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(247,223,163,1)), color-stop(74%, rgba(237,193,81,1)), color-stop(100%, rgba(237,193,81,1)));
background: -webkit-linear-gradient(top, rgba(247,223,163,1) 0%, rgba(237,193,81,1) 74%, rgba(237,193,81,1) 100%);
background: -o-linear-gradient(top, rgba(247,223,163,1) 0%, rgba(237,193,81,1) 74%, rgba(237,193,81,1) 100%);
background: -ms-linear-gradient(top, rgba(247,223,163,1) 0%, rgba(237,193,81,1) 74%, rgba(237,193,81,1) 100%);
background: linear-gradient(to bottom, rgba(247,223,163,1) 0%, rgba(237,193,81,1) 74%, rgba(237,193,81,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7dfa3', endColorstr='#edc151', GradientType=0 );
}
.btn-aquamarine {
background: #c2fef1; /* Old browsers */
background: -moz-linear-gradient(top,  #c2fef1 0%, #71c9ae 50%, #71c9ae 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #c2fef1 0%,#71c9ae 50%,#71c9ae 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #c2fef1 0%,#71c9ae 50%,#71c9ae 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2fef1', endColorstr='#71c9ae',GradientType=0 ); /* IE6-9 */
}
.btn-aquamarine:hover {
background: #b4eade; /* Old browsers */
background: -moz-linear-gradient(top,  #b4eade 0%, #6ec1ab 50%, #68b79e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #b4eade 0%,#6ec1ab 50%,#68b79e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #b4eade 0%,#6ec1ab 50%,#68b79e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4eade', endColorstr='#68b79e',GradientType=0 ); /* IE6-9 */

}
.btn-sea-light{color: #115b5d;background:#eaf6f7 ; border-color: #b2e2e1;  font-weight:400; letter-spacing: 0.05em;  border-radius: 0;}
.btn-sea-light:hover,.btn-sea-light:active,.btn-sea-light:focus {color: #115b5d; background: #eaf6f7; border-color: #b2e2e1;}


.btn-sea-dark{color: #ffffff !important; background-color: #156667 !important;  border-color: #115b5d !important;  font-weight:400; letter-spacing: 0.05em;  border-radius: 0;}
.btn-sea-dark:hover,.btn-sea-dark:active,.btn-sea-dark:focus,.btn-sea-dark.active {color: #ffffff !important; background: #156667 !important; border-color: #115b5d !important;}

.btn-orange-outline{color: #edc251; background-color:transparent;  border-color: #edc251;  font-weight:400; letter-spacing: 0.05em;  border-radius: 0;}
.btn-orange-outline:hover,.btn-orange-outline:active,.btn-orange-outline:focus,.btn-orange-outline.active {color: #edc251; background: transparent; border-color: #edc251;}

.btn-sea-outline{color: #66ccce; background-color:transparent;  border-color: #66ccce;  font-weight:400; letter-spacing: 0.05em;  border-radius: 0;}
.btn-sea-outline:hover,.btn-sea-outline:active,.btn-sea-outline:focus,.btn-sea-outline.active {color: #66ccce; background: transparent; border-color: #66ccce;}

.btn-sea-dark-outline{color: #186a6b; background-color:transparent;  border-color: #1f7c7d;  font-weight:400; letter-spacing: 0.05em;  border-radius: 0;}
.btn-sea-dark-outline:hover,.btn-sea-dark-outline:active,.btn-sea-dark-outline:focus,.btn-sea-dark-outline.active {color: #1f7c7d; background: transparent; border-color: #1f7c7d;}

.btn-sm-custom{font-weight: 400 !important;font-size: 0.8rem !important;letter-spacing: normal;}

.font-rubik-medium{font-family:'rubikmedium';}
.font-rubik-bold{font-family: 'rubikbold';}

.loader-wrap{position:fixed;left:0;top:0;width:100%;height:100%;z-index: 30001;margin:0;padding:0;display:none; background-color:rgba(249,249,249,0.8); opacity:0.95;}
.loader-wrap .loader-base{
     width:50px;    height:50px;    margin: 0 auto;    border-radius: 50%;    border: 1px solid transparent;    border-top-color: #ff9000;
    -webkit-animation: spin 2s linear infinite;    animation: spin 2s linear infinite;    position: fixed;    z-index: 9999;    left: 0;    right: 0;    top: 50%;
    transform: translateY(-50%);}

.loader-wrap .loader-base:before {content: "";position: absolute;top: 5px;left: 5px;right: 5px;bottom: 5px;border-radius: 50%;border: 1px solid transparent;
    border-top-color: #ff0000;-webkit-animation: spin 3s linear infinite;animation: spin 3s linear infinite;}

.loader-wrap .loader-base:after {content: "";position: absolute;top: 11px;left: 11px;right: 11px;bottom: 11px;border-radius: 50%;border: 1px solid transparent;
    border-top-color: #14a263;-webkit-animation: spin 1.5s linear infinite;animation: spin 1.5s linear infinite;}

@keyframes spin {
	0% {-webkit-transform: rotate(0);-ms-transform: rotate(0);transform: rotate(0);	}
	100% {-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg);	}
}

.logoIcon{max-width: 170px;}
.logoText{font-weight: 700;color: #108764;font-size: 1.2rem;letter-spacing: 0.5px;margin: 0px;}
/*Digit Group*/
.digit-group input {width: 40px;height: 50px;background: #fafafa;border:1px solid #e4e7ea;line-height: 50px;text-align: center;margin: 0 2px;}

/*Modal*/
/*.modal-mask{ position:fixed; width:100%; max-width:100%; height:100%; top:0; left:0;z-index:-1; background:#ffffff;}*/
#divModalError {height:250px; overflow:auto;}
.user-navbar{position:absolute; top:100%; right:1px; z-index:2;}
.navbar-fixed{height: 40px; z-index:2;}






@media(max-width:576px) {
    .w-100-xs{width:100%;}
    /*.modal-mask{background:#ffffff;}*/
    .d-flex-sm{display:flex;}
    .modal-content-wrap{padding-top:44px !important;}
    .mobile-nav-fixed{position:fixed; bottom:0; left:0; width:100%; max-width:100%; z-index:2;}    
    .mobile-nav-fixed .btn{font-size:0.7rem; min-height:40px;     text-transform: uppercase;}
    .navbar-fixed {width: 100%;max-width: 100%;position: fixed;top: 0;left: 0;}
}
/* For iPad Pro*/
@media only screen and (device-width : 1024px) and (device-height : 1366px) and (-webkit-device-pixel-ratio : 2) {
    .logoIcon{max-width: 195px;}
        .login-wrap{margin-top:15%;}
        .text-xs {font-size:20pt;}
        .text-sm {font-size:22.5pt;}
        .text-md {font-size:23.5pt;}
        .text-lg {font-size:26pt;}
        .text-xlg {font-size:32pt;}
}
/* iphone 5 */
@media only screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) {
          /*login*/        
        .logoIcon{max-width: 130px;}
        .text-xs {font-size:10pt;}
        .text-sm {font-size:12.5pt;}
        .text-md {font-size:13.5pt;}
        .text-lg {font-size:14pt;}
        .text-xlg {font-size:22pt;}
        .digit-group input {width: 35px;}
    }
/* iphone 4 */
@media only screen and (device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 2) {
            /*login*/        
        .logoIcon{max-width: 120px;}
        .text-xs {font-size:10pt;}
        .text-sm {font-size:12.5pt;}
        .text-md {font-size:13.5pt;}
         .text-lg {font-size:14pt;}
        .text-xlg {font-size:22pt;}
        .digit-group input {width: 35px;}
    }
.mask{position:fixed;background:rgba(0, 0, 0, 0.1);display:inline-block;width:100%;height:100%;left:-100%;top:0;z-index:9999}
/*.mask{background:transparent !important;}*/
.mask-active{left:0;}

.side-menu-gatePass{z-index:99999 !important}
.logo-sm{}
.logo-sm img{width:126px;margin: 3px 5px 5px;}
.user-profile-sm{font-size:0.85rem; padding:10px;background-color: rgb(238, 241, 245);border-top: 1px solid #ebebeb;border-bottom: 1px solid #ebebeb; color:#000000;     font-size: 0.9rem;    font-weight: 500;    letter-spacing: 1px;}
.user-profile-sm .user-icn{display:inline-block; background-color:#ffffff; margin-right:7px; padding:8px 10px; border:1px solid #d8dde2; border-radius:500px;}
.user-profile-sm .user-name{font-size:0.8rem; margin-bottom:4px;}
/*login*/
.login-wrapper{display:flex; flex-direction:column; z-index:1040; background-color:#ffffff;}
.login-logo{}
/*.login-logo .loginlogo{width:175px;}*/
.login-block{display: flex;flex-direction: column; position:relative; z-index:1040;}
.login-block .form-control{border:none; border-bottom:1px solid #9da0ad;}
.login-block .form-control::placeholder{font-weight:400;}
.loginform{overflow:hidden; border-bottom: 1px solid #9da0ad;}
.login-block .verify-mob{}
.login-block .enter-otp-sent{}
.login-block .otp-mob{letter-spacing:2px;}
.opt-wrap{width:100%; text-align:center;}
.opt-wrap input{letter-spacing:5px; width:100%; max-width:150px; border:1px solid #9da0ad !important; }
.btn-close-register{border:1px solid #a5a5a5  !important; color:#66686d !important; font-weight:500; background-color:transparent;}
.login-back{width: 50px;line-height: 50px;justify-self: center;text-align: center;height: 50px;border: 1px solid #a5a5a5 !important;color: #66686d !important;    font-weight: 500;}
textarea::placeholder{font-size:0.75rem !important; font-weight:400 !important;}
.footer-login{}


.page-top{background-color:#66ccce; width:100%;}
/*header*/
.header{border-bottom:3px solid #ebebeb; display:flex; flex-direction:row;padding: 5px 0px;}
.menu-btn{padding:5px 15px;color:#5b5b5b;}

.logo-icon{max-width:42px; margin:2px;}
.logo-main{max-width:116px; margin-bottom:1px;}
.page-header{/*border-bottom:1px solid #ebebeb;*/ background-color:#92dfd9; display:flex; flex-direction:row;padding:5px 0px;
             /*box-shadow: 0px 0px 5px rgba(0,0,0,0.1);-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.1);-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.1);*/

             background: rgba(130,217,227,1);
background: -moz-linear-gradient(left, rgba(130,217,227,1) 0%, rgba(130,217,227,1) 26%, rgba(167,231,205,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(130,217,227,1)), color-stop(26%, rgba(130,217,227,1)), color-stop(100%, rgba(167,231,205,1)));
background: -webkit-linear-gradient(left, rgba(130,217,227,1) 0%, rgba(130,217,227,1) 26%, rgba(167,231,205,1) 100%);
background: -o-linear-gradient(left, rgba(130,217,227,1) 0%, rgba(130,217,227,1) 26%, rgba(167,231,205,1) 100%);
background: -ms-linear-gradient(left, rgba(130,217,227,1) 0%, rgba(130,217,227,1) 26%, rgba(167,231,205,1) 100%);
background: linear-gradient(to right, rgba(130,217,227,1) 0%, rgba(130,217,227,1) 26%, rgba(167,231,205,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82d9e3', endColorstr='#a7e7cd', GradientType=1 );

}
.page-header .header-btn{padding:10px 12px; color:#000000; background-color:transparent; border:none;}
.page-header .header-btn{font-size:0.8rem; color:#000000; background-color:transparent;}
.page-header .header-btn:hover{color:#000000;}
.header-btn{font-size:0.8rem; color:#000000; background-color:transparent; border:none;}
.header-btn:hover{color:#000000;}
.page-header .header-btn.locate{font-size:0.8rem;}

.header-address{ color:#ffffff;display: flex; flex-grow:1;flex-direction: column;} 
.location-addr{padding-left:3px;}
.location-addr .location-icn{margin-top:-5px;}
.location-addr .location-icn img{width:18px;}
.header-address .service-type{font-size:0.9rem; font-weight:500; margin-bottom:0rem; color:#000000; text-transform:capitalize;}
.header-address .address-desc{font-size:0.75rem; font-weight:400; margin-bottom:0rem; color:#000000; padding-left:5px;}

.page-header .header-mid{ color:#000000;display: flex; flex-grow:1;flex-direction: column;} 
.page-header .header-mid .header-title{font-size:0.95rem; font-weight:500; color:#000000; text-align:center; margin-bottom:0rem;}
.page-header .header-mid .header-title .icn{margin-right:2px;}
.page-header .header-mid input.searchbar{border:none;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;}
.page-header .header-mid input.searchbar::placeholder{font-size:0.8rem !important; color:rgba(0,0,0,0.2);}

/*.fixed-top+.page-contentsection{padding-top:50px;}*/
.my-account-back{background-color:rgba(0,0,0,0.03); border:1px solid rgba(0,0,0,0.07); padding:0 5px; font-size:0.85rem; color:#000;}
.my-account-back i{font-size:0.68rem;}
.profile-pic-wrap{position:relative;}
.user-profile{font-size:0.85rem; padding:10px;/*border-bottom: 1px solid #ebebeb; color:#000000;*/     font-size: 0.9rem;    font-weight: 500;    letter-spacing: 1px;}
.user-profile .profile-name{font-size:1.1rem; font-weight:600;margin-top: 1rem; margin-bottom:5px;text-transform: uppercase;}
.user-profile .profile-contact{font-size:1rem; margin-bottom:4px;  text-align:center;}
.user-profile .profile-pic{display:inline-block; overflow:hidden; background-color:#66c3b4; width:150px; height:150px; text-align:center; line-height:150px; font-size:3rem;  border-radius:10px; position:relative; color:rgba(255,255,255,0.7);}
.user-profile .profile-pic .user-icn{display:block;}
.user-profile .profile-pic img{width:100%;max-width: 100%;}
.user-profile .camera{position: absolute;right:-25px;bottom:0px;  width:50px;height:50px; display: flex;justify-content: center;align-items: center;color: #ffffff;font-size:1rem; text-align:center;border:2px solid #ffffff; background-color: #3a9e8e; border-radius:500px;}
.user-profile .profile-pic .camera i{}

.profile-pic-selector{display:flex; align-items:center; justify-content:center;}
.profile-pic-selector a{width:40px; height:40px; line-height:40px; display:inline-block; color:#ffffff; margin-right:0.6rem; font-size:1rem; text-align:center;background-color:#156667; border-radius:500px;}
.image-editor-wrap{width:100%; height:100%; overflow:hidden; background-color:#000000; display:flex; align-items:center; justify-content:center;}
.merchant-logo-image{width:100%; /*height:100% !important; min-height:100% !important;*/ max-height:100% !important; margin-bottom:0 !important;background-color: #000 !important;}
.image-edit-toolbar{background-color:#000000;}
.image-edit-toolbar .btn-tool{background-color:#000000; color:#ffffff;font-size: 0.75rem; border-right:2px solid rgba(255,255,255,0.2);}

.cropped-image{width:100%;max-width:100%; height:auto;}
.cropped-image canvas{width:100%; height:100%;}

.camera-image{display:flex; flex-direction:column; justify-content:center; align-items:center; position:absolute;top:0; bottom:0; left:0; right:0; background-color:#000000;}
.camera-image .cam{display:flex;width:150px; height:150px; justify-content:center; align-items:center;  font-size:3rem; background-color:rgba(255,255,255,0.1); color:rgba(255,255,255,0.5); border-radius:500px;}
.camera-image span{font-weight:600; margin-top:0.5rem;}

.link-list{margin:0; padding:0;}
.link-list li{position:relative; border-bottom:1px solid rgba(0,0,0,0.07); margin:0 0.5rem;}
.link-list li:last-child{border-bottom:0;}
.link-list li a{display:flex; align-items:center; padding:0.7rem 0rem; font-size:0.8rem; font-weight:500; color:#000000;}
.link-list li a span.icn img{}
.link-list li a span.linktitle{display:flex; flex-grow:1; padding-left:0.5rem;}
.link-list li a span.chevron{font-size:0.55rem;}

.poweredby{font-size: 0.7rem;padding:0rem 1rem; color:#787878; margin-bottom:5px;}

.page-contentsection{/*display:flex; flex-direction:column;padding-bottom:50px;*/width:100%; height:100%; overflow:auto;  position:relative;}

.allcat-searchbar{border-radius:2px;background-color: #ffffff;position:relative; z-index:999;overflow:hidden;border: 1px solid #8ad8d5;}
.allcat-searchbar .searchbar{border:none; padding:0 5px;height:34px; font-size:0.8rem; line-height:34px; background-color:#ffffff; border-radius:0; text-indent:10px; box-shadow:none;}
.allcat-searchbar .searchbar::placeholder{font-size:0.8rem !important; font-weight:400 !important;}
.allcat-searchbar .btnsearch{padding:0 12px; color:#000000;font-size:0.8rem;}

.listing-searchbar{border-radius:2px;background-color: #fff;position:relative; z-index:999;overflow:hidden;border: 1px solid #8ad8d5;}
.listing-searchbar .searchbar{border:none; padding:0 5px;height:34px; font-size:0.8rem; line-height:34px; background-color:#ffffff; border-radius:0; text-indent:10px; box-shadow:none;}
.listing-searchbar .searchbar::placeholder{font-size:0.8rem !important; font-weight:400 !important;}
.listing-searchbar .btnsearch{padding:0 12px; color:#000000;font-size:0.8rem;}

.selection-wrap{text-align:left;/*border-bottom:1px solid #ebebeb;*/ }
.selected-vendor-icon{margin-right:5px; width:22px;}
.selected-vendor{/*font-size:0.94rem; font-weight:400;*/ margin-bottom:0; color:#000;}
.selected-category{font-size:0.65rem; font-weight:400; margin-bottom:0; color:#000;}

.page-footer{background-color:#ffffff;border-top:1px solid #ebebeb; display:flex; flex-direction:row;padding:0px;
             box-shadow: 0px 1px 5px rgba(0,0,0,0.1);-moz-box-shadow: 0px 1px 5px rgba(0,0,0,0.1);-webkit-box-shadow: 0px 1px 5px rgba(0,0,0,0.1);
}
.page-footer .btn-footer-base{font-size:0.7rem; font-weight:500; line-height:1;  color:#051828; padding:5px 0; position:relative;}
.page-footer .btn-footer-base img{width:24px; margin-bottom:2px;}
.page-footer .btn-footer-base i{font-size:1.2rem;color:rgba(11,46,80,0.5);  margin-bottom:5px;}
.page-footer .btn-footer-base .badge{min-width:12px; text-align:center; font-weight: 400;    position: absolute;    line-height: 10px;    padding: 2px 3px;    top: 2px;    left: 50%;
    background-color: #e63e31 !important;    color: #ffffff !important;    font-size: .6rem;    display: inline-block;}
.page-footer .btn-footer-base.selected{color:#d49711;}

.add-new-addr{color: #115b5d !important;background:#eaf6f7 !important; border-color: #b2e2e1 !important;  font-weight:500 !important;font-size: 1.0rem; letter-spacing: 0.05em;  border-radius: 0;}
.add-new-addr:hover,.add-new-addr:active,.add-new-addr:focus {color: #115b5d !important; background:#eaf6f7 !important; border-color: #b2e2e1 !important;}
.add-new-addr i{font-size:1.0rem;}

.foot-cart-detail{/*position:fixed; bottom:48px; left:0; right:0;*/ width:100%; background-color:#ffffff; position:relative; z-index:999; border-top:1px solid #ececec;}
.foot-cart-detail .cart-total{padding:0 20px; color:#000000; font-size:1rem; font-weight:500; line-height:1;}
.foot-cart-detail .cart-total i{font-size:0.9rem;}
.foot-cart-detail .cart-total .minorder{font-size:0.7rem; font-weight:500; margin-top:0.2rem; margin-bottom:0rem; color:red;}
.foot-cart-detail .cart-total .minorder{font-size:0.65rem; font-weight:500; margin-top:0.2rem; margin-bottom:0rem; color:#ea6e03;}
.foot-cart-detail .cart-total .minorder i{font-size:0.65rem;margin-right:1px;}

.foot-cart-detail .FrmB2CCart_CmdSave{text-transform:uppercase; margin:0.25rem;}


/*banner*/
.banner-wrap{border-bottom: 2px solid #418f68; margin-bottom:10px;}

/*horizontal scrolling category*/



.scroll-cat {overflow: auto;  white-space: nowrap;border-bottom:3px solid #e2e5e8; margin-bottom:-1px;}
.scroll-cat::-webkit-scrollbar {display: none;}
.scroll-cat a {width: 60px; display: inline-block; text-align: center;text-decoration: none;margin:15px 2px; vertical-align:top;}
.scroll-cat a .cat-thumb{ overflow:hidden; display:inline-block;}
.scroll-cat a .cat-thumb img{width:48px; height:48px;display: inline-block;}
.scroll-cat a .cat-title{font-size:0.6rem; font-weight:500; margin-bottom:0; color:#000000;line-height: 0.75rem;
                         width: 100%;text-overflow: ellipsis;overflow: hidden;margin-top: -4px;white-space: normal;}
.scroll-cat a:hover {background-color:none; text-decoration:none;}

.services-avl{border-bottom: 1px solid #e2e5e8; margin-bottom:-1px;}
.services-avl h6{font-size:0.95rem; font-weight:600; padding:5px 10px 4px !important; }
.services-avl .allservices-icon{width:22px; margin-top:-5px; margin-right:3px; }




/*listing page*/

.listshop-wrap{  display:flex; flex-direction:column; line-height:1rem; padding:0 10px 15px;}
.listshop{display:flex; width:100%;border-top:1px solid #e2e5e8; padding:22px 0px 5px; text-decoration:none; position:relative}

/*.listshop:hover,.listshop:active{text-decoration:none; background-color:#f4f4f4;}*/
.discount-tag{color:#ffffff; background-color:#e63e31; font-size:0.7rem; padding:0 3px; position:absolute; right:1px; top:1px;}
.listshop-thumb{}
.listshop-thumb .thumb-image{width:100px; padding:1px;border: 1px solid #f1f4f7; overflow: hidden; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; display:inline-block; }
.listshop-thumb .thumb-image img{max-width:100%; width:100%; height:100px;}
.listshop-desc{display:flex; flex-direction:column; flex-grow:1; padding-left:0.9rem;overflow:hidden;}
.listshop-desc .listshop-title{font-size:1rem; font-weight:500; margin-bottom:0.3rem; color:#000000;    width: 100%; white-space:nowrap;   overflow: hidden;    text-overflow: ellipsis;}
.listshop-desc .listshop-info{font-size:0.73rem; font-weight:400; margin-bottom:0.2rem; color:#5d5d5d;}
.listshop-desc .listshop-distance{font-size:0.75rem; font-weight:500; margin-bottom:0.3rem; color:#535358;  width: 100%; white-space:nowrap;   overflow: hidden;    text-overflow: ellipsis;}
.listshop-desc .listshop-distance .location{ position:relative; padding-left:7px; margin-left:7px;}
.listshop-desc .listshop-distance .location:before{content:""; width:3px; height:3px; background-color:#828286; border-radius:500px;
	 position:absolute; left:0; top:7px;}
.listshop-desc .listshop-deltime{font-size:0.75rem; font-weight:500; margin-bottom:0rem; color:#636268;}
.listshop-desc .listshop-distance .deltime-icn{}
.listshop-desc .listshop-minorder{font-size:0.65rem; font-weight:500; margin-top:0.2rem; margin-bottom:0rem; color:#ec5700;}
.listshop-desc .listshop-ordertype{font-size:0.8rem; font-weight:400; color:#21944f; line-height:0.8rem; margin-top:2px;}
.listshop-wrap .contact-wrap{}
.listshop-wrap .contact{margin-top:0.3rem; display:inline-block; white-space:nowrap; font-size:0.72rem; font-weight:500; color:#333333;border-radius:500px;}
.listshop-wrap .contact .ping{ display:inline-block; overflow:hidden; text-align:center; margin-right:10px; color:#303332;}
.listshop-wrap .contact .icon{/*padding:4px; margin-right:3px; border:1px solid #14a263; border-radius:500px;*/ display:inline-block;}
.listshop-wrap .contact .icon img{width:17px;}
/*.listshop-wrap .contact .ping.call{color:#14a263;}
.listshop-wrap .contact .ping.sms{color:#f3a200;}*/
.listshop-wrap .contact .ping.sms .icon{margin-right:3px;}

.rating{position:absolute; top:3px; right:0px; z-index:999;padding: 3px 3px;line-height: 1;    color: #fff;  font-weight: 300;font-size: 0.7rem;background-color: #00a63b;border-radius: 2px;-moz-border-radius: 2px;-webkit-border-radius: 2px;}
.rating .img-rating{width:60px;}



.cart-items-wrap{background-color:#e63e31; display:flex; position:fixed; left:0; right:0; bottom:0; }
.items-incart{display:flex; flex-grow:1; font-size:0.8rem; font-weight:400; align-self:center; padding:0 10px;}
.items-incart p{color:#ffffff; margin-bottom:0;}
.cart-items-action .acnbtn{font-size:0.9rem;}
.cart-items-action span{width:1px; display:inline-block;color: #f18f88;}



.listcat-wrap{ border-bottom:1px solid #f1f4f7; display:flex; flex-direction:row; line-height:1rem;}
.listcat{display:flex; width:100%;padding:0.9rem 8px; text-decoration:none; position:relative;align-items: center;}
.listcat:hover,.listshop:active{text-decoration:none; background-color:#f4f4f4;}
.listcat-thumb{    position: relative;   display: flex;    justify-content: center;}
.listcat-thumb .thumb-image{width:66px;padding:1px; border: 1px solid #f1f4f7; overflow: hidden; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.listcat-thumb .thumb-image img{max-width:100%;}
.listcat-thumb .capture-ip {    width: 30px;    height: 30px;    text-align: center;    box-shadow: 0px 6px 8px -6px #333;    background: #2196F3;   border-radius: 25px;
    color: #fff !important;    font-size: 0.85rem;    line-height: 31px;   position: absolute;    bottom: -10px;    left: 50%;    margin-left: -15px;}
.listcat-detail{display:flex;flex-grow: 1;}
.listcat-desc{display:flex; flex-direction:column; flex-grow:1; padding-left:0.9rem;}
.listcat-desc .listcat-title{font-size:0.94rem; font-weight:500; margin-bottom:0; color:#000000;}
.listcat-action i{font-size:0.8rem;color:#000000; margin-right:10px;}


/*listing page*/
.list-header{color:#535358;}
.list-header i{font-size:0.9rem;color:#898992;}
.list-header-title{display:flex; flex-grow:1;  align-items:center; justify-content:center;}
.list-header-title .header-title{font-size:1rem; font-weight:600; text-align:center; margin-bottom:0rem;}


/*listing filter*/
.topAllCategories-listing-filter {  overflow-x: auto;  overflow-y: hidden;  -webkit-overflow-scrolling: touch;  white-space: nowrap;  padding:0 5px;background-color: #cbf5f1;
                                    box-shadow: inset 0 -7px 4px -10px #115b5d; box-shadow: inset 0 -7px 4px -10px #115b5d;
}
.category-listing-filter {color:#000000; font-weight:500; white-space:nowrap; padding:6px 10px; border-bottom-width:2px; border-bottom-style:solid; border-bottom-color:transparent; font-size:0.85rem;  display: inline-block;}
.category-listing-filter:hover,.category-listing-filter:active {color:#000000;}
.category-listing-filter.active {border-bottom:2px solid #156667;color:#115b5d;}


.listing-filter-wrap{overflow: auto; width:100%; white-space:nowrap; padding-top:3px; padding:0px 5px; transition: all ease 750ms;}
.listing-filter-wrap::-webkit-scrollbar {display: none;}
.listing-filter-item{display:inline-block;}
.listing-filter{display:block; white-space:nowrap; padding:6px 10px; border-bottom-width:2px; border-bottom-style:solid; border-bottom-color:transparent; font-size:0.85rem;
                 font-weight:500; color:#000;}
.listing-filter-item.active .listing-filter{ border-bottom:2px solid #edc151;color:#d49711;}

.listitem-wrap{padding:10px 8px; border-bottom:1px solid #e2e5e8; display:flex; flex-direction:row; line-height:1rem; position:relative;}
.listitem-thumb{position:relative;}
.listitem-thumb .thumb-image{width:76px;padding:1px; border: 1px solid #f1f4f7; overflow: hidden; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.listitem-thumb .thumb-image img{max-width:100%;}
.listitem-discount{width:35px; height:35px; position:absolute; top:-3px; left:0px; font-size:0.7rem; display: flex;align-items: center;    justify-content: center; line-height:1.2; background-color:#e63e31; color:#ffffff;
    border-radius:500px; -moz-border-radius: 500px; -webkit-border-radius: 500px;}
.listitem-desc{display:flex; flex-direction:column; flex-grow:1; padding-left:0.9rem; position:relative;}
/*.listitem-desc .listitem-rx{position:absolute; top:-20px; right:10px; display:inline-block;width:17px; height:7px; text-align:center; border-radius:500px; background-color:rgba(0,0,0,0.15);}
.listitem-desc .listitem-rx img{width:17px;}*/
.listitem-desc .listitem-title-wrap{display:flex;}
.listitem-desc .listitem-title-wrap .listitem-title{display:flex;}
.listitem-desc .listitem-title-wrap .listitem-rx-wrap{display:flex; flex-grow:1;}
.listitem-desc .listitem-title-wrap .listitem-rx-wrap .listitem-rx{display:inline-block;width:15px; height:15px; line-height:14px; margin-left:5px; margin-top:-5px; text-align:center; border-radius:500px; background-color:rgba(0,0,0,0.15);}
.listitem-desc .listitem-title-wrap .listitem-rx-wrap .listitem-rx img{width:15px;}
.listitem-desc .listitem-title{font-size:0.94rem; font-weight:500; margin-bottom:0; color:#000000;}
.listitem-desc .listitem-subtitle{font-size:0.80rem; font-weight:500; margin:0.2rem 0; color:#000000;}
.listitem-desc .listitem-info{font-size:0.73rem; font-weight:400; margin-bottom:0.2rem; color:#828282;}
.listitem-desc .listitem-price{font-size:0.8rem; font-weight:500; margin-top:0.2rem; margin-bottom:0.2rem; color:#d02f23;}
.listitem-desc .listitem-price i{font-size:0.66rem; margin-right:2px;}
.listitem-desc .listitem-price .strike-through{text-decoration:line-through; color:#828282; font-size:0.7rem;}
.listitem-desc .listitem-price .strike-through i{font-size:0.6rem; margin-right:1px;}
.listitem-desc .listitem-minqty{font-size:0.8rem; font-weight:400; color:#808080;}
.listitem-action{ display:flex; flex-direction:column; justify-content:flex-end;}
.listitem-action .FrmBtn-add{display:flex; align-self:flex-end; background-color:#ffffff; color:#dc9a04; border:1px solid #ced4da; border-radius:0; font-size:0.75rem; font-weight:500; padding:2px 5px;white-space:nowrap; text-transform:uppercase; display:inline-block;}
.listitem-action .FrmBtn-add i{font-size:0.6rem; margin-left:5px;}
.listitem-action .FrmBtn-add:hover,.listitem-action .FrmBtn-add:active{background-color:#ffffff;border:1px solid #dc9a04;}

.listitem-action .qty-wrap{display:flex;border:1px solid #ced4da;min-width:89px; overflow:hidden; align-items:center;}
.listitem-action .qty-wrap .btn.FrmBtn-qty{display:inline-block;background-color:#ffffff;border:none;  padding:1px 10px; color:#dc9a04; font-weight:500; min-width:auto;}
.listitem-action .qty-wrap .btn.FrmBtn-qty i{font-size:0.6rem;}
.listitem-action .qty-wrap .qty-lbl{width:31px; margin:0; text-align:center;font-size:0.85rem; font-weight:500; overflow:hidden;}


.listitem-action .input-group{justify-content: flex-end;border:1px solid #ced4da;min-width:89px; overflow:hidden; align-items:center;}
.listitem-action .input-group input{width:31px !important;max-width:31px !important; text-align:center; font-weight:600;padding: 0px 2px; height:22px; line-height:24px; border:none;}
.listitem-action .input-group .FrmBtn-qty{background-color:#ffffff;border:none;  padding:1px 10px; color:#1aa567; font-weight:500; min-width:auto;}
.listitem-action .input-group .FrmBtn-qty i{font-size:0.6rem;}
.listitem-action .input-group .qty-lbl{width:31px; margin:0; text-align:center;font-size:0.85rem; font-weight:500; overflow:hidden;}

.listitem-action-fixed{position:absolute; top:3px; right:1px; color:#828282;}
.listitem-action-fixed .FrmBtn-acn{ font-size:0.75rem;color:#7b7b7b; font-weight:500; padding:2px 5px;margin-right:2px; display:inline-block;
                                   border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;}

.outofstock{color:#F44336; white-space:nowrap;font-size:0.7rem; font-weight:400;}

.prescription-req{}
.prescription-req .icon-rx{width:25px;}
.prescription-req .pres-req-title{font-size:1rem; font-weight:500;}
.prescription-req .pres-req-info-wrap{}
.prescription-req .pres-req-info{display:flex; padding:0 0.5rem; font-size:0.8rem; justify-content:flex-start;align-items: center;}
.prescription-req .pres-req-info i{font-size:0.75rem; margin-right:5px;}

.itemdetail-wrap{position:relative;}
.itemdetail-thumb{position:relative;}
.itemdetail-thumb .thumb-image{width:76px;padding:1px; border: 1px solid #f1f4f7; overflow: hidden; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.itemdetail-thumb .thumb-image img{max-width:100%;}
.itemdetail-discount{width:35px; height:35px; position:absolute; top:-3px; left:0px; font-size:0.7rem; display: flex;align-items: center;    justify-content: center; line-height:1.2; background-color:#e63e31; color:#ffffff;
    border-radius:500px; -moz-border-radius: 500px; -webkit-border-radius: 500px;}
.itemdetail-detail{display:flex;line-height:1rem; position:relative; }

.itemdetail-desc{display:flex; flex-direction:column; flex-grow:1; text-align:left; position:relative;}
/*.itemdetail-detail .itemdetail-rx{position:absolute; top:8px; right:10px; display:inline-block;width:18px; height:18px; line-height:18px; text-align:center; border-radius:500px; background-color:rgba(0,0,0,0.15);}
.itemdetail-detail .itemdetail-rx img{width:19px;}*/
.itemdetail-desc .itemdetail-title-wrap{display:flex;}
.itemdetail-desc .itemdetail-title-wrap .itemdetail-title{display:flex;}
.itemdetail-desc .itemdetail-title-wrap .itemdetail-rx-wrap{display:flex; flex-grow:1;}
.itemdetail-desc .itemdetail-title-wrap .itemdetail-rx-wrap .itemdetail-rx{display:inline-block;width:15px; height:15px; line-height:14px; margin-left:5px; margin-top:-5px; text-align:center; border-radius:500px; background-color:rgba(0,0,0,0.15);}
.itemdetail-desc .itemdetail-title-wrap .itemdetail-rx-wrap .itemdetail-rx img{width:15px;}
.itemdetail-desc .itemdetail-title{font-size:0.94rem; font-weight:500; margin-bottom:0; color:#000000;}
.itemdetail-desc .itemdetail-subtitle{font-size:0.80rem; font-weight:500; margin:0.2rem 0; color:#000000;}
.itemdetail-desc .itemdetail-info{font-size:0.73rem; font-weight:400; margin-bottom:0.2rem; color:#828282;}
.itemdetail-desc .itemdetail-price{font-size:0.8rem; font-weight:500; margin-top:0.2rem; margin-bottom:0.2rem; color:#d02f23;}
.itemdetail-desc .itemdetail-price i{font-size:0.66rem; margin-right:2px;}
.itemdetail-desc .itemdetail-price .strike-through{text-decoration:line-through; color:#828282; font-size:0.7rem;}
.itemdetail-desc .itemdetail-price .strike-through i{font-size:0.6rem; margin-right:1px;}
.itemdetail-desc .itemdetail-minqty{font-size:0.8rem; font-weight:400; color:#808080;}
.itemdetail-action{ display:flex; flex-direction:column; justify-content:flex-end;}
.itemdetail-desc .FrmBtn-add{display:flex; align-self:flex-end; background-color:#ffffff; color:#dc9a04; border:1px solid #ced4da; border-radius:0; font-size:0.75rem; font-weight:500; padding:2px 5px;white-space:nowrap; text-transform:uppercase; display:inline-block;}
.itemdetail-desc .FrmBtn-add i{font-size:0.6rem; margin-left:5px;}
.itemdetail-desc .FrmBtn-add:hover,.listitem-action .FrmBtn-add:active{background-color:#ffffff;border:1px solid #dc9a04;}
.itemdetail-detail .combobox{margin:0;}
.itemdetail-detail .qty-wrap{display:flex;border:1px solid #ced4da;min-width:89px; overflow:hidden; align-items:center;}
.itemdetail-detail .qty-wrap .btn.FrmBtn-qty{display:inline-block;background-color:#ffffff;border:none;  padding:1px 10px; color:#dc9a04; font-weight:500; min-width:auto;}
.itemdetail-detail .qty-wrap .btn.FrmBtn-qty i{font-size:0.6rem;}
.itemdetail-detail .qty-wrap .qty-lbl{width:31px; margin:0; text-align:center;font-size:0.85rem; font-weight:500; overflow:hidden;}


.itemdetail-detail .input-group{justify-content: flex-end;border:1px solid #ced4da;min-width:89px; overflow:hidden; align-items:center;}
.itemdetail-detail .input-group input{width:31px !important;max-width:31px !important; text-align:center; font-weight:600;padding: 0px 2px; height:22px; line-height:24px; border:none;}
.itemdetail-detail .input-group .FrmBtn-qty{background-color:#ffffff;border:none;  padding:1px 10px; color:#1aa567; font-weight:500; min-width:auto;}
.itemdetail-detail .input-group .FrmBtn-qty i{font-size:0.6rem;}
.itemdetail-detail .input-group .qty-lbl{width:31px; margin:0; text-align:center;font-size:0.85rem; font-weight:500; overflow:hidden;}

.itemdetail-action-fixed{position:absolute; top:3px; right:1px; color:#828282;}
.itemdetail-action-fixed .FrmBtn-acn{ font-size:0.75rem;color:#7b7b7b; font-weight:500; padding:2px 5px;margin-right:2px; display:inline-block;
                                   border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;}
.itemdetail-wrap .flexslider .slides img{display:inline-block; max-width:225px;}
.itemdetail-foot-wrap{border-top: 1px solid #ebebeb;}
.itemdetail-foot-detail{position:relative; padding-left:0.3rem;}
.itemdetail-foot-detail img{width:27px;}
.itemdetail-foot-detail .badge {    min-width: 17px;    text-align: center;    font-weight: 400;    position: absolute;    line-height: 10px;    padding: 3px 3px;
    top: -2px;    left: 50%;    background-color: #e63e31 !important;    color: #ffffff !important;    font-size: .65rem;    display: inline-block;}


/* skeleton loading start */ 
.listcard-wrap{left:0; top:0; right:0; bottom:0; z-index:9999;background-color: #fff;}
.listcard{background-color: #fff;height: auto;width: auto;overflow: hidden;margin: 15px 10px;display:flex;
            /*box-shadow: 9px 17px 45px -29px rgba(0, 0, 0, 0.44);*/ }
.listcard .listcard-image.loading-image{width:76px;height:66px; margin-right:10px; border-radius:2px;}
.listcard .listcard-desc{display:flex; flex-direction:column; width:100%; padding-top:5px;}
.listcard .listcard-title.loading{height:6px;width:60%;margin-bottom:0.5rem;}
.listcard .listcard-subtitle.loading{height:6px;width: 50%;margin-bottom:0.5rem;}
.listcard .listcard-info.loading{height:6px;width:75%;margin-bottom:0.5rem;}
.listcard .listcard-price.loading{height:6px;width: 30%;}
       
.loading-image {position: relative;background-color: #e2e2e2; position:relative; z-index:1;       } 
.loading-image::after {display: block;content: "";position: absolute;width: 100%;height: 100%; 
    transform: translateX(-100%); 
    background: -webkit-gradient(linear, left top,right top, from(transparent),color-stop(rgba(255, 255, 255, 0.2)),to(transparent)); 
    background: linear-gradient(90deg, transparent,rgba(255, 255, 255, 0.2), transparent); 

    animation: loading 0.8s infinite; 
} 
.loading {position: relative;background-color: #e2e2e2;position:relative;} 

.loading::after {display: block;content: "";position: absolute;width: 100%;height: 100%; 
    transform: translateX(-100%); 
    background: -webkit-gradient(linear, left top,right top, from(transparent),color-stop(rgba(255, 255, 255, 0.4)),to(transparent)); 
    background: linear-gradient(90deg, transparent,rgba(255, 255, 255, 0.4), transparent); 

    animation: loading 0.8s infinite; 
} 
 
@keyframes loading {100% {transform: translateX(50%);}} 
@keyframes loading-image {100% {transform: translateX(100%);}} 

/* skeleton loading end */ 

.qty-box{min-width:150px;}
.combobox{margin:0.2rem 0; display:flex; }
.combobox select{border:1px solid #ced4da; padding:2px 2px; font-size: 0.75rem; font-weight:400; min-width:100px; max-width:80%; background-color:#ffffff;}
.combobox select:focus{box-shadow:none; outline:none;}
.combobox .btn-combo{white-space:nowrap;font-size: 0.75rem; font-weight:400; color:#828282;padding: 2px 5px;}
.combobox .btn-combo i{font-size: 0.7rem;}
.combobox span.quantity{margin-right:5px;}

.combos-overlay{position:fixed; left:0; right:0; top:0; bottom:0; z-index:999; background-color:rgba(0,0,0,0.4); display:flex; align-items:center;}
.combos-overlay .combo-packs-wrap{margin:0 15px; padding:8px 10px; background-color:#ffffff; width:100%; text-align:center; border-radius:4px;}
.combos-overlay .combo-packs-wrap .combo-packs-header{padding:4px 10px;}
.combos-overlay .combo-packs-wrap .packsubtitle{font-size:0.7rem; font-weight:400; color:#828282;}
.combos-overlay .combo-packs-wrap .packtitle{font-size:0.75rem; font-weight:500;color:#333333;}
.combos-overlay .combo-packs-wrap .packitem{padding:5px; border-top:1px solid #e2e5e8; display:block; color:#828282; }
.combos-overlay .combo-packs-wrap .packitem .pack{font-size:0.75rem; font-weight:400;}
.combos-overlay .combo-packs-wrap .packitem .pack span.price{color:#333333;}
.combos-overlay .combo-packs-wrap .packitem .pack span.price i{font-size:0.65rem; margin-right:2px;}

.showQtyCombos{display:block;}

.qty-box{min-width:150px;}.qty-box .input-group{justify-content: flex-end;}.qty-box .input-group{justify-content: flex-end;}
.qty-box input{width:31px !important;max-width:31px !important; text-align:center; font-weight:500;padding: 0px 2px; height:27px;}
.qty-box .FrmBtn-qty{background-color:#f5f6f8; border:1px solid #ced4da; padding:2px 10px; color:#c2564c; font-weight:500;}
.qty-box .FrmBtn-qty i{font-size:0.6rem;}



.listitem-wrap-chkout{padding:18px 8px 12px; border-bottom:1px solid #e2e5e8; display:flex; flex-direction:row; line-height:1rem; position:relative;}
.listitem-chkout-thumb{}
.listitem-chkout-thumb .thumb-image{width:54px;padding:1px; border: 1px solid #f1f4f7; overflow: hidden; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.listitem-chkout-thumb .thumb-image img{max-width:100%;}
.listitem-chkout-desc{display:flex; flex-direction:column; flex-grow:1; padding-left:0.9rem; position:relative;}

.listitem-chkout-desc .listitem-chkout-title-wrap{display:flex;}
.listitem-chkout-desc .listitem-chkout-title-wrap .listitem-chkout-title{display:flex;}
.listitem-chkout-desc .listitem-chkout-title-wrap .listitem-chkout-rx-wrap{display:flex; flex-grow:1;}
.listitem-chkout-desc .listitem-chkout-title-wrap .listitem-chkout-rx-wrap .listitem-chkout-rx{display:inline-block;width:15px; height:15px; line-height:14px; margin-left:5px; margin-top:-5px; text-align:center; border-radius:500px; background-color:rgba(0,0,0,0.15);}
.listitem-chkout-desc .listitem-chkout-title-wrap .listitem-chkout-rx-wrap .listitem-chkout-rx img{width:15px;}

/*.listitem-chkout-desc .rx{position:absolute; top:-20px; right:10px; display:inline-block;width:17px; height:17px;  text-align:center; border-radius:500px; background-color:rgba(0,0,0,0.15);}
.listitem-chkout-desc .rx img{width:17px;}*/
.listitem-chkout-desc .listitem-chkout-title{font-size:0.88rem; font-weight:500; margin-bottom:0; color:#000000;}

.listitem-chkout-desc .listitem-chkout-info{font-size:0.73rem; font-weight:400; margin-bottom:0.2rem; color:#828282;}
.listitem-chkout-desc .listitem-chkout-price{font-size:0.75rem; font-weight:500; margin-top:0.2rem; margin-bottom:0.2rem; color:#d02f23;}
.listitem-chkout-desc .listitem-chkout-price i{font-size:0.66rem; margin-right:2px;}
.listitem-chkout-desc .listitem-chkout-minqty{font-size:0.8rem; font-weight:400; color:#808080;}
.listitem-chkout-action{ display:flex; flex-direction:column; justify-content:flex-end;}
.listitem-chkout-action .FrmBtn-add{background-color:#ffffff; color:#1aa567; border:1px solid #ced4da; border-radius:0; font-size:0.75rem; font-weight:500; padding:2px 5px;white-space:nowrap; text-transform:uppercase; display:inline-block;}
.listitem-chkout-action .FrmBtn-add i{font-size:0.6rem;}
.listitem-chkout-action .FrmBtn-add:hover,.listitem-action .FrmBtn-add:active{background-color:#ffffff;border:1px solid #1aa567;}

.listitem-chkout-action .qty-wrap{display:flex;border:1px solid #ced4da;min-width:89px; overflow:hidden; align-items:center;}
.listitem-chkout-action .qty-wrap .btn.FrmBtn-qty{display:inline-block;background-color:#ffffff;border:none;  padding:1px 10px; color:#dc9a04; font-weight:500; min-width:auto;}
.listitem-chkout-action .qty-wrap .btn.FrmBtn-qty i{font-size:0.6rem;}
.listitem-chkout-action .qty-wrap .qty-lbl{width:31px; margin:0; text-align:center;font-size:0.85rem; font-weight:500; overflow:hidden;}

.listitem-chkout-action .input-group{justify-content: flex-end;border:1px solid #ced4da;min-width:89px; overflow:hidden; align-items:center;}
.listitem-chkout-action .input-group input{width:31px !important;max-width:31px !important; text-align:center; font-weight:600;padding: 0px 2px; height:22px; line-height:24px; border:none;}
.listitem-chkout-action .input-group .FrmBtn-qty{background-color:#ffffff;border:none;  padding:1px 10px; color:#1aa567; font-weight:500; min-width:auto;}
.listitem-chkout-action .input-group .FrmBtn-qty i{font-size:0.6rem;}
.listitem-chkout-action .input-group .qty-lbl{width:31px; margin:0; text-align:center;font-size:0.85rem; font-weight:500; overflow:hidden;}


.listitem-chkout-action-fixed{position:absolute; top:-2px; right:1px; color:#828282;}
.listitem-chkout-action-fixed .FrmBtn-acn{ font-size:0.75rem;color:#7b7b7b; font-weight:500; padding:2px 5px;margin-right:2px; display:inline-block;
                                   border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;}
.listitem-chkout-action .item-amt{white-space:nowrap; font-size:0.8rem; font-weight:500; text-align:right; color:#333333; margin-top:5px;}
.listitem-chkout-action .item-amt i{font-size:0.66rem; margin-right:2px;}
.listitem-chkout-action .add-pres{white-space:nowrap; font-size:0.7rem; font-weight:500; text-align:right; color:#1aa567; margin-top:5px;}
.listitem-chkout-action .rx{display:inline-block;width:20px; height:20px; line-height:20px; text-align:center; border-radius:500px; background-color:rgba(0,0,0,0.15);}
.listitem-chkout-action .rx img{width:19px;}
/*saved address*/
.saved-address-wrap{ overflow:auto; background:#ffffff;position:relative;}
.saved-address-wrap .saw-title{font-size:0.85rem; font-weight:500; padding:0.3rem 8px; margin-bottom:0; color:#ffffff;}
.saved-address{border-bottom:1px solid #dadee2; position:relative; display:block; text-align:left;background-color:#ffffff !important;margin:4px 4px 0px;padding-top:12px !important; padding-bottom:14px !important;
}
.saved-address:hover{text-decoration:none; background-color:none;}
.saved-address .sa-title{font-size:0.9rem; font-weight:600; margin-bottom:0; margin-top:5px; color:#50505a;}
.saved-address .sa-desc{font-size:0.8rem; font-weight:500; margin-bottom:0rem; color:#50505a;}
.saved-address-action-topped{position:absolute; top:7px; right:5px; z-index:999; color:#828282;}
.saved-address-action{ display:flex; justify-content:flex-start;}
.saved-address-action .FrmBtn-acn{ font-size:0.75rem; font-weight:500; padding:2px 5px;margin-right:2px; display:inline-block;
                                   border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;}
.saved-address .deltothis{margin-top:10px; font-size:0.8rem; padding-top:2px; padding-bottom:2px; /* color:#333333 !important;background-color:#f3f3f3 !important;border:1px solid #dadee2 !important;*/

            color: #4e3602; background-color: #edc251;  border-color: #a48238;  font-weight:400; letter-spacing: 0.05em;  border-radius: 0;
            background: rgba(247,223,163,1);
background: -moz-linear-gradient(top, rgba(247,223,163,1) 0%, rgba(237,193,81,1) 74%, rgba(237,193,81,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(247,223,163,1)), color-stop(74%, rgba(237,193,81,1)), color-stop(100%, rgba(237,193,81,1)));
background: -webkit-linear-gradient(top, rgba(247,223,163,1) 0%, rgba(237,193,81,1) 74%, rgba(237,193,81,1) 100%);
background: -o-linear-gradient(top, rgba(247,223,163,1) 0%, rgba(237,193,81,1) 74%, rgba(237,193,81,1) 100%);
background: -ms-linear-gradient(top, rgba(247,223,163,1) 0%, rgba(237,193,81,1) 74%, rgba(237,193,81,1) 100%);
background: linear-gradient(to bottom, rgba(247,223,163,1) 0%, rgba(237,193,81,1) 74%, rgba(237,193,81,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7dfa3', endColorstr='#edc151', GradientType=0 );
}
.saved-address .deltothis:hover{color: #4e3602; background-color: #edc251;  border-color: #a48238;  font-weight:400; letter-spacing: 0.05em;  border-radius: 0;
            background: rgba(247,223,163,1);
background: -moz-linear-gradient(top, rgba(247,223,163,1) 0%, rgba(237,193,81,1) 74%, rgba(237,193,81,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(247,223,163,1)), color-stop(74%, rgba(237,193,81,1)), color-stop(100%, rgba(237,193,81,1)));
background: -webkit-linear-gradient(top, rgba(247,223,163,1) 0%, rgba(237,193,81,1) 74%, rgba(237,193,81,1) 100%);
background: -o-linear-gradient(top, rgba(247,223,163,1) 0%, rgba(237,193,81,1) 74%, rgba(237,193,81,1) 100%);
background: -ms-linear-gradient(top, rgba(247,223,163,1) 0%, rgba(237,193,81,1) 74%, rgba(237,193,81,1) 100%);
background: linear-gradient(to bottom, rgba(247,223,163,1) 0%, rgba(237,193,81,1) 74%, rgba(237,193,81,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7dfa3', endColorstr='#edc151', GradientType=0 );}
a.deltothis:focus, a.deltothis:hover, button.deltothis:focus, button.deltothis:hover{background-color:#f3f3f3 !important; box-shadow:inset 0 0 4px rgba(0,0,0,0.1); -webkit-box-shadow:inset 0 0 4px rgba(0,0,0,0.1); -moz-box-shadow:inset 0 0 4px rgba(0,0,0,0.1)}

.saved-address-action-topped .FrmBtn-acn{position:relative; font-size:0.75rem; font-weight:500; color:#7d7d7d; padding:2px 5px;margin-right:2px; display:inline-block;
                                   border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;}
.saved-address-action-topped .FrmBtn-acn.bd-rt:after{content:""; position:absolute; width:1px; height:10px; top:5px;left:100%; margin-right:-5px;
                                                     background-color:#828282;}

/*saved address*/
.my-orders-wrap{background:#ffffff;position:relative;}
.my-order{border-bottom:1px solid #dadee2; position:relative; display:block; text-align:left; padding:0.4rem 0; margin:0 10px;background-color:#ffffff !important;}
.order-detail p{color:#50505a; margin-bottom:0.1rem;font-size:0.8rem; font-weight:400;}
.order-detail p span{font-weight:500;}
.my-order .order-title{font-size:0.9rem; font-weight:600; margin-bottom:0.25rem; margin-top:0.25rem; color:#000000;}
.my-order .order-status{}
.my-order .order-vendor{}
.my-order .order-vendor .vendor{}
.my-order .order-date{}
.my-order .order-date .odated{}
.my-order .order-items{}
.my-order .order-items .totalitems{}

/*manage orders*/
.manage-orders-wrap{background:#ffffff;position:relative;padding:5px;}
.manage-orders-inner{padding:0 10px;border: 1px solid #dadee2; border-radius:3px;}
.manage-orders{position:relative; display:block; text-align:left; padding:0.4rem 0;background-color:#ffffff !important;border-bottom: 1px solid #edeff1;}
.manage-orders .manage-orders-status{text-align:right;}
.manage-orders-title p span{font-size: .8rem;font-weight:500;line-height:1;}
.manage-order-detail h6, .manage-orders-inner .rate{font-size:0.84rem; font-weight:500; color:#50505a; margin-bottom:0.1rem;}
.manage-orders-inner .rate img{width:70px;}
.manage-orders p{color:#50505a;margin-bottom:0rem;font-size: 0.65rem;font-weight:400;white-space:nowrap;}
.manage-orders p span{font-weight: 600;}
.manage-orders .manage-orders-title{font-size:0.9rem; font-weight:600; margin-bottom:0rem; /*margin-top:0.25rem;*/ color:#000000;}
.manage-order-datetime{/*border-bottom: 1px solid #dadee2;*/ padding-bottom:2px; margin-bottom:2px !important;}
.manage-order-datetime .time{margin-left:3px; font-weight:400;}
.delivery-datetime .time{margin-left:3px;}
.est-amt i{font-size:0.75rem; margin-right:2px;}
.invoice img{width:24px;}
.manage-orders-vendor{margin-top:0 !important;}
.manage-orders-vendor h6{font-size:0.84rem; font-weight:500; color:#50505a; }
.manage-orders-btns-wrap{}
.manage-orders-btns-wrap .btn-link{color:#1eb371; font-size:0.8rem;}
.manage-orders-btns-wrap .btn-link:hover{text-decoration:none;}

.os-delivered{color: #28a745!important;}
.os-waiting{color: #f78f0e!important;}
.os-accepted{color: #e91e63!important;}
.os-cancelled{color: #dc3545!important;}
.os-dispatched{color: #007bff!important;}
.os-readydispatch{color: #c573a4!important;}



.order-placed-wrap{background:#ffffff;position:relative;}
.order-placed-wrap .msg{font-size:1.1rem;}
.order-placed-detail{margin-top:2rem;}
.order-placed-detail .order-placed-desc{font-size:0.8rem; font-weight:500; margin-bottom:0.25rem; color:#50505a;}
.order-placed-detail .order-placed-desc .order-no{font-weight:600;} 
.order-placed-detail .order-placed-desc .order-date{font-weight:600;} 
.order-placed-detail .order-placed-desc .order-time{font-weight:600;} 
.order-placed-detail .order-placed-desc .vendorname{font-weight:600; border-top:1px solid #dadee2; padding-top:10px;} 


.error-page{background:#ffffff;position:relative; text-align:center;}
.error-page img{max-width:100px;}
.error-page .msg{font-size:1.2rem; font-weight:500;}
.error-page .errordetail{margin-top:1rem; color:#8291a2;}

.nothing-available{background:#ffffff;position:relative; text-align:center;}
.nothing-available img{max-width:185px;}
.nothing-available .msg{font-size:1rem; font-weight:600;}
.nothing-available .nothingdetail{margin-top:0.3rem; color:#333333; font-size:0.85rem;}

.something-wrong-wrap{background:#ffffff;position:relative; text-align:center;}
.something-wrong-wrap img{}
.something-wrong-wrap .msg{font-size:1.2rem;}
.something-wrong-wrap-detail{margin-top:2rem;}

.billdetails-header{background-color:#fff !important; position:relative;}
.billdetails-header .imgthanks{width:125px;margin-top:5px; margin-bottom:-7px;}
.billdetails-header .thanksmsg{display: inline-block;font-size: 0.85rem;font-style: italic;font-weight: 600;}

.billdetails-invoice-download{position:absolute; right:10px; bottom:55px; z-index:999;}
.billdetails-invoice-download .icn-invoice{width:26px;}
.billdetails-invoice-download i{font-size:0.6rem; color:#5a5a5a; margin-left:-6px;vertical-align: bottom;margin-bottom: 2px;}

.btndownload-invoice{background-color:rgb(75, 168, 158) !important; width:40px; height:40px; display:flex; justify-content:center; align-items:center;/*border:1px solid rgb(29, 120, 121) !important;*/
                     border-radius:50px;-moz-border-radius:50px;-webkit-border-radius:50px;
                                           box-shadow:0 0.3rem 1rem rgba(0,0,0,.15)!important;-moz-box-shadow:0 0.3rem 1rem rgba(0,0,0,.15)!important;-webkit-box-shadow:0 0.3rem 1rem rgba(0,0,0,.15)!important;
                                           
}
.btndownload-invoice svg{width:26px; fill:rgb(29, 120, 121);}                   
 
.billdetails-invoice-download-alt{bottom:4px !important;}

.billdetails-foot{background-color:#00a79a; border:1px solid #62cfdc;display: flex;align-items: center;}
.billdetails-foot .icn-speaker{width:35px;}
.billdetails-foot .footmsg{font-size:0.85rem; font-weight:500; color:#014446;text-align: center;}





.viewinvoice-wrap{background:#ffffff;position:relative; text-align:center;padding: 1% 3%;}
.viewinvoice-wrap .invoice-thankstxt{font-size:1rem; font-weight:500;}
.viewinvoice-wrap img{/*max-width:100px;*/}
.viewinvoice-wrap .msg{font-size:1rem; font-weight:500;}
.viewinvoice-wrap .invoicedetail{margin-top:0.3rem; color:#8291a2;font-size:0.85rem;}

.viewinvoicesurvey-wrap{background:#def5ec;position:relative; text-align:center; border:1px solid #c2e4d7;max-width: 500px;    margin: 0 auto;}
.viewinvoicesurvey-wrap .invoice-thankstxt{font-size:1rem; font-weight:500;}
.viewinvoicesurvey-wrap img{max-width:100px;}
.viewinvoicesurvey-wrap .msg{font-size:1rem; font-weight:500;}
.viewinvoicesurvey-wrap .invoicedetail{margin-top:0.3rem; color:#333333;font-size:0.85rem;}
/*.btndownloadinvoice{width:100%; max-width:400px; margin:0 auto;}*/


.chkout-deladdr-wrap{ border-top:0px solid #000000;background-color:transparent;}
.chkout-deladdr-wrap .detail-wrap{padding:0.2rem;}
.chkout-deladdr-wrap .detail-wrap .icon img{width:20px; margin-right:5px;}
.chkout-deladdr-wrap .detail{margin-bottom:0.4rem; position:relative; flex-grow:1; display:flex; flex-direction:column;}
.chkout-deladdr-wrap .detail .detail-title{font-size:0.73rem; font-weight:400; margin-bottom:0.1rem; color:#000;}
.chkout-deladdr-wrap .detail .detail-desc{font-size:0.82rem; font-weight:400; margin-bottom:0; color:#000;}
.chkout-deladdr-wrap .addrtype{font-size:0.85rem; font-weight:600; margin-bottom:0rem; color:#000000;}
.btnCngAddr{color:#0d4d4e; margin-top: -2px;display:inline-block; /*border-color:#efb642 !important;*/ border-radius:500px; font-size:0.75rem; font-weight:500; line-height:1;}

.vieworder-deladdr-wrap{padding:7px 10px; border-bottom:0px solid #e2e5e8;background-color:#efefef;}
.vieworder-deladdr-wrap .vieworder-wrap .icon img{width:20px; margin-right:5px;}
.vieworder-deladdr-wrap .vieworder{margin-bottom:0.4rem; padding-bottom:0.3rem; border-bottom:1px solid #e2e5e8; position:relative; flex-grow:1; display:flex; flex-direction:column;}
.vieworder-deladdr-wrap .vieworder .vieworder-title{font-size:0.73rem; font-weight:500; margin-bottom:5px; color:#333333;}
.vieworder-deladdr-wrap .vieworder .vieworder-desc{font-size:0.84rem; font-weight:400; margin-bottom:0; color:#333333;}
.vieworder-deladdr-wrap .addrtype{font-size:0.85rem; font-weight:600; margin-bottom:0rem; color:#000000;}


.listitem-wrap-vieworder{padding:18px 8px 12px; border-bottom:1px solid #e2e5e8; display:flex; flex-direction:row; line-height:1rem; position:relative;}
.listitem-vieworder-thumb{}
.listitem-vieworder-thumb .thumb-image{width:54px;padding:1px; border: 1px solid #f1f4f7; overflow: hidden; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.listitem-vieworder-thumb .thumb-image img{max-width:100%;}
.listitem-vieworder-desc{display:flex; flex-direction:column; flex-grow:1; padding-left:0.9rem;}
.listitem-vieworder-desc .listitem-vieworder-title{font-size:0.88rem; font-weight:500; margin-bottom:0; color:#000000;}
.listitem-vieworder-desc .listitem-vieworder-packname{font-size:0.73rem; font-weight:400; margin-bottom:0.2rem; color:#828282;}
.listitem-vieworder-desc .listitem-vieworder-price{font-size:0.75rem; font-weight:500; margin-top:0.2rem; margin-bottom:0.2rem; color:#333333;}
.listitem-vieworder-desc .listitem-vieworder-price i{font-size:0.66rem; margin-right:2px;}
.listitem-vieworder-desc .listitem-vieworder-minqty{font-size:0.8rem; font-weight:400; color:#808080;}
.listitem-vieworder-action{ display:flex; flex-direction:column; justify-content:flex-end; white-space:nowrap;}
.listitem-vieworder-action .qty{font-size:0.8rem;color:#333333;}
.listitem-vieworder-action .item-amt{white-space:nowrap; font-size:0.8rem;text-align:right; color:#333333; margin-top:5px;}
.listitem-vieworder-action .item-amt i{font-size:0.66rem; margin-right:2px;}

.cart-summary-wrap{padding:0; margin:3px 4px; background-color:#f9f9f9;border: 1px solid #ced1d4;    border-radius: 3px;}
.cart-summary-desc{font-size:0.75rem; font-weight:500; padding-right:10px; margin-right:6px;border-right:1px solid #000000;}
.cart-summary-desc span.value{padding:0 3px; color:#119288;}
.btnclrcart {    /*border-color: #dc3545 !important;*/ padding:8px 10px; font-size: 0.75rem;    font-weight: 500;    line-height: 1;}

.section-header{padding:0.25rem 10px; background-color:#000000;}
.section-header-desc{font-size:0.75rem; color:#ffffff;}

.line-form-custom{}
.line-form-custom .form-group{position:relative;}

.line-form-custom label.control-label{font-size:0.75rem; color:#b5b5b7;}
.line-form-custom label.control-label span.star{margin-left:5px;font-size:0.85rem; color:#e63e31 !important;}

.line-form-custom .form-control{font-size:0.85rem; text-align:left; padding:0 !important; line-height:18px; border:none !important; border-bottom:1px solid #ced4da !important;
                                       border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;}
.line-form-custom input[type="text"].form-control{height:27px;}
.line-form-custom textarea.form-control{height:auto; max-height:40px;}

.line-form-custom input.form-control::placeholder{font-size:0.75rem; font-weight:400;}

.cordinates-wrapper{position:fixed; left:2px; right:60px; bottom:2px; z-index:9999;background-color:rgba(0,0,0,0.7); border:1px solid #ffffff;
                    box-shadow:0 2px 5px rgba(0,0,0,0.4); 
                    border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
.cordinate-wrap{flex-direction:column; padding:5px; text-align:left;    font-weight: 300;}
.coord-sec{flex-direction:column; color:#ffffff; opacity:0; height:1px; overflow:hidden;}.coord-sec span{margin:0 1px;}
.cordinate{color:#ffffff;font-size: 0.65rem; line-height:1; margin:0; margin-top:5px; display:inline-block; opacity:0}
.cordinate-address{color:#ffffff;font-size: 0.75rem; font-weight:300; padding:0 5px;}
.btn-sec{text-align:right;}
.btn-sec .btn{white-space:nowrap; margin-top:4px; font-size:0.75rem; font-weight:300;}
.map-marker{position:fixed; top:50%; left:50%; margin-left:-15px; margin-top:-42px; z-index:9999;}
.map-marker img{width:29px;}

#FrmCurrentLocation_btnGoBack{position:fixed; top:5px;left:0px;z-index:99999;}
.current-location{border:none; font-size:0.85rem; height:49px; padding-left:40px;}
.current-location::placeholder{font-weight:400 !important;}
.current-location:focus{outline:none; box-shadow:none;}

.pac-item {padding: 5px 4px;}
/*.pac-container {
    background-color: #fff;
    position: absolute !important;
    z-index: 1000;
    border-radius: 2px;
    border-top: 1px solid #d9d9d9;
    font-family: Arial,sans-serif;
    box-shadow: 0 2px 6px rgba(0,0,0,0.3);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}
.pac-item {
    cursor: default;
    padding: 5px 4px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: 30px;
    text-align: left;
    border-top: 1px solid #e6e6e6;
    font-size: 11px;
    color: #999;
}
*/


.login-footer{font-size:0.7rem;padding-bottom: 0.25rem;}

.no-service{}
.no-service img{}
.no-service h5{color:#c2c2c2; font-size:1.1rem; font-weight:500;} 
.no-service h6{color:#c2c2c2; font-size:0.95rem; font-weight:400;} 

.selfpikup{display:flex; align-items:center; margin-right:10px;}
.selfpikup .custom-control-label{font-size:0.75rem; font-weight:500;}
.selfpikup .custom-control-label::before{border-radius:500px;    top: 1px;    left: -20px;}
.selfpikup .custom-control-input:checked~.custom-control-label::before{background-color:#1eb371;border-color:#1eb371}
.selfpikup .custom-control-label::before:focus{box-shadow:none; outline:none;}

.selfpikup-wrap{position:absolute; right:0; top:-1px;}
.selfpikup-switch {  position: relative;  display: inline-block;  width:40px;  height: 20px; margin-bottom:0;}
.selfpikup-switch input {opacity: 0;  width: 0;  height: 0;}
.selfpikup-slider {position: absolute;  cursor: pointer;  top: 0;  left: 0;  right: 0;  bottom: 0;  background-color: #119288;  -webkit-transition: .4s;  transition: .4s;}
.selfpikup-slider:before {position: absolute;  content: "";  height: 16px;  width: 16px;  left: 2px;  bottom: 2px;  background-color: #c0f7e2;  -webkit-transition: .4s;  transition: .4s;}
input:checked + .selfpikup-slider {background-color: #a8f7f9;}
input:checked + .selfpikup-slider:before {background-color:#edc357;}
input:focus + .selfpikup-slider {box-shadow:none;}
input:checked + .selfpikup-slider:before {-webkit-transform: translateX(20px);  -ms-transform: translateX(20px);  transform: translateX(20px);}
/* Rounded sliders */
.selfpikup-slider.round {  border-radius: 34px;}
.selfpikup-slider.round:before {  border-radius: 50%;}
.switch-text{font-size:0.7rem; font-weight:500; margin-bottom:0; color:#000;display: inline-block; vertical-align:middle; margin-top:-5px;}

.customer-rating-wrap{}
.customer-rating-wrap .customer-rating-img img{max-width:180px;}


/* Rating Star Widgets Style */
.rating-stars ul {  list-style-type:none;  padding:0;    -moz-user-select:none;  -webkit-user-select:none;}
.rating-stars ul > li.star {display:inline-block;}

/* Idle State of the stars */
.rating-stars ul > li.star > i.staricon {font-size:2.5em; /* Change the size of the stars */  color:#ccc; /* Color on idle state */}

/* Hover state of the stars */
/*.rating-stars ul > li.star.hover > i.staricon {color:#FFCC36;}*/

/* Selected state of the stars */.page-header .header-btn
.rating-stars ul > li.star.selected > i.staricon {color:#efa500;}




.product-category-wrap{margin-bottom:10px;}
.product-category-wrap-title{text-align:center;width: 100%;}
.product-category-wrap-title h4{display:inline-block; font-size:0.95rem;font-weight:700; padding:0 10px; margin:0.3rem 0; margin-top:1.3rem !important; text-align:center; position:relative;}
/*.product-category-wrap-title h4:before{ content:''; position:absolute; width:1px; height:10px;top:4px; right:100%; background-color:#d80000;}
.product-category-wrap-title h4:after{content:'';position:absolute; width:1px; height:10px;top:4px; left:100%; background-color:#d80000;}*/
.category-wrap{padding:1px !important;}
.catwrap{border:1px solid #e2e5e8; border-radius:5px; overflow:hidden; position:relative; display:block;}
.category-wrap .category-image{display:block; text-align:center;}
.category-wrap .category-image img{display:inline-block; max-width:100%;}
.category-wrap .category-title-wrap{text-align:center; padding:5px 5px; background-color:#f3f5f7;}
.category-wrap .category-title{font-weight:500; font-size:0.75rem; color:#000; text-align:center;margin:0;}


/*horizontal scrolling trending products*/
.trending-wrapper{background-color:#ffffff; border:1px solid #fff;}
.scroll-trending {overflow: auto;  white-space: nowrap;border-bottom:3px solid #e2e5e8; padding-bottom:5px;}
.scroll-trending::-webkit-scrollbar {display: none;}
.scroll-trending .trending-item {width: 120px; display: inline-block; text-align: center;border:1px solid #e2e5e8; border-radius:5px; overflow:hidden;
                                  text-decoration: none;margin:0px; vertical-align:top;}
.scroll-trending .trending-item a{display:block;}
.scroll-trending .trending-item .trending-item-thumb{ overflow:hidden; display:inline-block;}
.scroll-trending .trending-item .trending-item-thumb img{width:100%;}
.scroll-trending .trending-item .trending-item-detail{text-align:left; padding:0 7px; margin-bottom:5px;}
.scroll-trending .trending-item .trending-item-detail .price{font-size:0.8rem; font-weight:600; color:#333333; line-height:1;}
.scroll-trending .trending-item .trending-item-detail .price i{font-size:0.7rem; margin-right:1px;}
.scroll-trending .trending-item .trending-item-detail .desc{font-size:0.7rem; color:#333333;}
.scroll-trending .trending-item .trending-item-detail .quantity{font-size:0.7rem; color:#999; border:1px solid #999999; padding:1px 5px; display:inline-block;line-height: 1.1; border-radius:500px;}
.scroll-trending .trending-item .trending-item-title{font-weight:400; font-size:0.75rem; color:#ffffff; text-align:center;margin:0;text-align: center;    padding: 5px 5px;    background-color: #f3f5f7;width: 100%;text-overflow: ellipsis;overflow: hidden;white-space: normal;}
.scroll-trending .trending-item .trending-item-title.addcart{background-color:#1eb371; color:#ffffff; cursor:pointer;}
.scroll-trending .trending-item:hover {background-color:none; text-decoration:none;}


.manageinvoice-details-wrap{}
.manageinvoice-card{width:100%; overflow:hidden; display:flex; align-items:center;padding: 0.25rem 0.5rem;margin-bottom: 0.5rem;border-radius: 5px;border: 1px solid #c8cfd8;box-shadow: 0px 2px 4px 0px #d4d8de;
    -moz-box-shadow: 0px 2px 4px 0px #d4d8de;    -webkit-box-shadow: 0px 2px 4px 0px #d4d8de;}
.manageinvoice-detail{display:flex; flex-direction:column; flex-grow:1; position:relative;}
.manageinvoice-detail .manageinvoice-desc{display:flex;font-size:0.85rem; padding:0.1rem; text-align: left;}
.manageinvoice-detail .manageinvoice-desc .title{margin-right:0.5rem;width: 105px;   }
.manageinvoice-detail .manageinvoice-desc .value{}
.manageinvoice-detail .manageinvoice-desc .vendorname{font-weight:500;}
.manageinvoice-detail .btnviewinvoice{padding:0.1rem 0; position:absolute; right:0px; top:0px; color:#333; font-size:0.75rem; text-align:center; line-height:1; display:flex; flex-direction:column; align-items:center;}
.manageinvoice-detail .btnviewinvoice span{display:inline-block;}
.manageinvoice-detail .btnviewinvoice img{width:21px;}

.billinvoice-pagewrap{margin:0 auto; max-width:560px; border:1px solid #e2e1e1; border-radius:5px;
                        box-shadow:0 0.5rem 1rem rgba(0,0,0,.10), 0 -0.7rem 1rem rgba(0,0,0,.04);}
@media(max-width:767px) {
    .billinvoice-pagewrap{border:none; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none;}

}
.tabelWrap{width: 288px;box-shadow:0 .5rem 1rem rgba(0,0,0,.15), 0 -0.5rem 1rem rgba(0,0,0,.05);min-height: 230px; }
.tabelWrap th{font-family: 'rubikmedium'; font-weight:normal;line-height:normal; }
.tabelWrap .divider{border-bottom:1px dashed #8e8e8e !important;}
.tabelWrap th, .tabelWrap td{line-height:normal;}
.receiptBorder:before{background:url('../images/cut.png') repeat-x;position: absolute;top: -8px;content: "";width: 100%;left: 0;height: 8px;}
.receiptBorder:after{background:url('../images/cutb.png') repeat-x;position: absolute;bottom: -8px;content: "";width: 100%;left: 0;height: 8px;}
.waterMarkImg{position: absolute;max-width:100%;left: 0;right: 0;margin: 0 auto;top:50%; margin-top:-109px; opacity: 0.04;}

.custom-dropdown{ color:#495057 !important; font-size: .875rem !important;}


.invoicewrapper{width:100%; background: #ffffff;position: relative;text-align: center; min-height:230px;}
.invoicewrapper .invoicelink{margin:1rem auto 1.5rem; padding-bottom:1rem; position:relative; display:block;box-shadow:0 0.5rem 1rem rgba(0,0,0,.10), 0 -0.7rem 1rem rgba(0,0,0,.04); }
.invoicewrapper .invoicelink:before{content:""; background:url('../images/cut.png') repeat-x;position: absolute;top: -8px;content: "";width: 100%;left: 0;height: 8px; z-index:999;}
.invoicewrapper .invoicelink:after{content:"";background:url('../images/cutb.png') repeat-x;position: absolute;bottom: -8px;content: "";width: 100%;left: 0;height: 8px; z-index:999;}
.invoicewrapper .invoiceimage{position: relative;    width:100%;}



.manageinvoice1-card{width:100%; display:block; color:#000000; overflow:hidden;padding: 0.2rem 0.2rem;margin-bottom: 0.2rem;border-radius:500px;border: 1px solid #c8cfd8;box-shadow: 0px 2px 4px 0px #d4d8de;
    -moz-box-shadow: 0px 2px 4px 0px #d4d8de;    -webkit-box-shadow: 0px 2px 4px 0px #d4d8de;}
.manageinvoice1-card:hover,.manageinvoice1-card:focus,.manageinvoice1-card:active{color:#000;}
.manageinvoice1-detail{display:flex; align-items:center; justify-content:center;}
.manageinvoice1-detail .manageinvoice1-icon{display:flex; width:40px; height:40px; padding:0.3rem; align-items:center; justify-content:center;font-size:1.2rem; font-weight:500;  margin-right:15px; border-radius:500px;}
.manageinvoice1-detail .manageinvoice1-icon .icontext{}
.manageinvoice1-detail .manageinvoice1-detail-desc{ display:flex;flex-grow:1; flex-direction:column; align-items:center;}
.manageinvoice1-detail .manageinvoice1-title{ display:flex; font-weight:500; white-space:nowrap;  font-size:0.85rem; width:100%;overflow:hidden; text-overflow:ellipsis;}
.manageinvoice1-detail .manageinvoice1-date{display:flex; font-weight:400; width:100%; font-size:0.75rem; }
.manageinvoice1-detail .manageinvoice1-date .date{ }

.manageinvoice1-detail .gotoinvoice img{width:23px;}
.manageinvoice1-detail .gotoinvoice{font-size:0.8rem; margin-right:5px;}
.manageinvoice1-detail .manageinvoice1-amount{margin-right:5px; font-weight:500; color: #d02f23; font-size:0.85rem; white-space:nowrap;}
.manageinvoice1-detail .manageinvoice1-amount i{font-size:0.76rem; margin-right:1px;}

.invoice-filter-wrapper{width:100%;}
.invoice-filter-wrap{display:block;}
.invoice-filter{display:inline-block; padding:2px 5px; width:120px;}
.invoice-filter-title{font-size:0.7rem; font-weight:500; display:block; margin-bottom:0; white-space:nowrap; width:100%;}
.invoice-filter-selectbox{border:1px solid #5abdbf; font-size:0.7rem; font-weight:500;  width:110px; text-align:center;}
.invoice-filter-selectbox option{padding:5px !important;}
.invoice-filter-selectbox:focus,.invoice-filter-selectbox:active{outline:none; box-shadow:none;}
.invoice-filter-wrap .btnrefresh{font-size:0.85rem; font-weight:500;}

.invoice-datefilter-wrap{display:flex; justify-content: center;}
.invoice-datefilter{display:flex; padding:2px 5px; align-items:center;}
.invoice-datefilter-title{font-size:0.7rem; font-weight:500; display:block; margin-bottom:0; margin-right:5px; white-space:nowrap;}
.invoice-datefilter-selectbox{border:1px solid #5abdbf; font-size:0.75rem; font-weight:500;  width:120px; text-align:center;}
.invoice-datefilter-selectbox:focus,.invoice-datefilter-selectbox:active{outline:none; box-shadow:none;}

.login-wrapper:empty {
    margin: auto;
		width: 500px;
		height: 600px; /* change height to see repeat-y behavior */
    
		background-image:
			radial-gradient( circle 50px at 50px 50px, lightgray 99%, transparent 0 ),
			linear-gradient( 100deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 80% ),
			linear-gradient( lightgray 20px, transparent 0 ),
			linear-gradient( lightgray 20px, transparent 0 ),
			linear-gradient( lightgray 20px, transparent 0 ),
			linear-gradient( lightgray 20px, transparent 0 );

		background-repeat: repeat-y;

		background-size:
			100px 200px, /* circle */
			50px 200px, /* highlight */
			150px 200px,
			350px 200px,
			300px 200px,
			250px 200px;

		background-position:
			0 0, /* circle */
			0 0, /* highlight */
			120px 0,
			120px 40px,
			120px 80px,
			120px 120px;

		animation: shine 1s infinite;
	}

	@keyframes shine {
		to {
			background-position:
				0 0,
				100% 0, /* move highlight to right */
				120px 0,
				120px 40px,
				120px 80px,
				120px 120px;
		}
	}

.color1{background-color:#e1c06f;}
.color2{background-color:#8bcae7;}
.color3{background-color:#6bdbbf;}
.color4{background-color:#6bdb90;}
.color5{background-color:#bad763;}
.color6{background-color:#ebd455;}
.color7{background-color:#f7d093;}
.color8{background-color:#ffaaaa;}
.color9{background-color:#ffc6aa;}

.vendor-information-wrap{ border:1px solid #b1e8e0; padding:0.3rem 2px 2px; border-radius:3px; background-color:#caefe9;}
.vendor-information{/*border-bottom: 1px solid #e5fffb;*/}
.vendor-information .vendor-logo{padding:1px; margin-left:3px; background-color:#fff; border-radius:500px; margin-right:10px; overflow:hidden;}
.vendor-information .vendor-logo img{width:70px;}
.vendor-information .vendor-naming{display:flex; flex-grow:1; flex-direction:column;}
.vendor-information .vendor-naming .vendorname{font-size:0.95rem; font-weight:600; margin-bottom:0.2rem;}
.vendor-information .vendor-naming .vendorbranch{font-size:0.75rem; font-weight:600;}
.vendor-contact{}
.vendor-contact .vendor-contact-info{font-size:0.8rem; font-weight:400; line-height:1; margin-top:10px; padding-left:30px; position:relative;}
.vendor-contact .vendor-contact-info .contact-icon{font-size:0.95rem;width:30px; text-align:center; position: absolute;left:0;top: -2px;}
.vendor-contact .vendor-contact-info.vendoraddress{line-height:1.2;}
.vendor-contact .vendor-contact-info.vendorwebsite{color:#012746; font-weight:600; letter-spacing:0.5px; }

.vendor-orders-wrap{background:#ffffff;position:relative;padding:5px; border-radius:5px;}
.vendor-orders-inner{padding:0 10px;}
.vendor-orders{position:relative; display:block; text-align:left; padding:0.4rem 0;background-color:#ffffff !important;border-bottom: 1px solid #edeff1;}
.vendor-orders .vendor-orders-status{text-align:right;}
.vendor-orders-title p span{font-size: .8rem;font-weight:500;line-height:1;}
.vendor-order-detail h6, .manage-orders-inner .rate{font-size:0.84rem; font-weight:500; color:#50505a; margin-bottom:0.1rem;}
.vendor-orders-inner .rate img{width:70px;}
.vendor-orders p{color:#50505a;margin-bottom:0rem;font-size: 0.65rem;font-weight:400;white-space:nowrap;}
.vendor-orders p span{font-weight: 600;}
.vendor-orders .manage-orders-title{font-size:0.9rem; font-weight:600; margin-bottom:0rem; /*margin-top:0.25rem;*/ color:#000000;}
.vendor-order-datetime{/*border-bottom: 1px solid #dadee2;*/ padding-bottom:2px; margin-bottom:2px !important;}
.vendor-order-datetime .time{margin-left:3px; font-weight:400;}
.delivery-datetime .time{margin-left:3px;}
.est-amt i{font-size:0.75rem; margin-right:2px;}
.invoice img{width:24px;}
.vendor-orders-vendor{margin-top:0 !important;}
.vendor-orders-vendor h6{font-size:0.84rem; font-weight:500; color:#50505a; }




/*dashboard cards*/
.dash-card-wrap{}
.dash-card-wrap .dash-card{margin:0.1rem 0.5rem;padding: 0.3rem 0; display:flex;align-items:center; justify-content:space-between; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#ced4da;}
.dash-card-wrap .dash-card .dash-icon{width:40px;}
.dash-card-wrap .dash-card .dash-icon .icondash{width:100%;}
.dash-card-wrap .dash-card .dash-figures{display:flex; flex-direction:column; justify-content:flex-end;}
.dash-card-wrap .dash-card .dash-figures .figure{font-size:1.1rem; font-weight:700; text-align:right; margin-bottom:0; line-height:1; color:#0b2e50;}
.dash-card-wrap .dash-card .dash-title{ text-align:right;font-size:0.8rem; font-weight:500; color:#0b2e50;white-space: nowrap;}
.dash-card-wrap .dash-card.all{border-bottom-color:#ed7024;}
.dash-card-wrap .dash-card.pending{border-bottom-color:#fa8774;}
.dash-card-wrap .dash-card.processing{border-bottom-color:#5fa1ff;}
.dash-card-wrap .dash-card.dispatched{border-bottom-color:#ffa92e;}
.dash-card-wrap .dash-card.delivered{border-bottom-color:#16ba54;}
.dash-card-wrap .dash-card.cancelled{border-bottom-color:#f25151;}  

.vendor-compaint-form{}
.vendor-compaint-form.line-form-custom label.control-label{color:#525252;font-size: 0.8rem;margin-bottom: 0.2rem;}
.vendor-compaint-form.line-form-custom .form-control{border: 1px solid #ced4da !important; border-radius:3px;}
.vendor-compaint-form.line-form-custom input[type="text"].form-control{height:34px;}
.vendor-compaint-form.line-form-custom textarea.form-control{height:60px; max-height:60px;}

.managehomepage-filter{padding: 0 1px;    background-color: #cbf5f1;    box-shadow: inset 0 -7px 4px -10px #115b5d;    box-shadow: inset 0 -7px 4px -10px #115b5d;}
.managehomepage-filter a.filteritem{color: #000000;    font-weight: 500;    white-space: nowrap;    padding: 6px 10px; background-color:transparent; border:none;   border-bottom-width: 2px;    border-bottom-style: solid;
    border-bottom-color: transparent;    font-size: 0.8rem;}
          
.managehomepage-filter a.filteritem.active{border-bottom: 2px solid #156667; background-color:transparent;    color: #115b5d;}

.manageitem-presc-wrap{}
.manageitem-presc-detail{display:flex; flex-direction:column; flex-grow:1; text-align:left; padding-left:0.3rem; padding-right:0.3rem; justify-content:flex-start;}
.manageitem-presc-detail .requestid a{font-size:0.88rem; font-weight:500;margin-top: 0.1rem; margin-bottom:0.5rem; color:#dc3545;}
.manageitem-presc-detail .date{font-size:0.75rem;color:#848484;}
.manageitem-presc-detail .manageitem-presc-detail-title{font-size:0.95rem; font-weight:600;margin-top: 0.2rem;  color:#0b2e50; display:flex;   width: 100%; white-space:nowrap;   overflow: hidden;    text-overflow: ellipsis;}
.manageitem-presc-detail .manageitem-presc-detail-subtitle{font-size:0.75rem; font-weight:500;margin-top: 0.1rem; margin-bottom:0.5rem; color:#0b2e50;}
.manageitem-presc-detail .manageitem-presc-detail-desc{margin-top:5px;}
.manageitem-presc-detail .manageitem-presc-detail-desc-info{font-size:0.8rem; font-weight:400; margin-bottom:0.2rem; color:#1b1b1b; padding-left:20px; position:relative; display:flex;}
.manageitem-presc-detail .manageitem-presc-detail-desc-info .infoicon{margin-right:5px; font-size:1rem;line-height: 1.2;width: 15px;text-align: center;display: inline-block; position:absolute; left:0; top:0;}
.manageitem-presc-detail .manageitem-presc-detail-desc-info .infoicon i{font-size:0.95rem;}

.form-itemprescription{text-align:left;}
.form-itemprescription .form-group{margin-bottom:0.3rem}
.form-itemprescription .form-label{font-weight:500;}
.attachedfiles-wrap{background-color:rgba(0,0,0,0.05); border:1px solid rgba(0,0,0,0.06); border-radius:3px; padding:0.3rem;}
.attachedfiles-title{font-size:0.8rem; margin-bottom:0;}
.attachedfile{width:100%; overflow:hidden; display:flex; align-items:center;margin: 0.3rem 0; padding:0.5rem 0.5rem; border-radius: 5px; background-color:#ffffff;border: 1px solid #c8cfd8;box-shadow: 0px 2px 4px 0px #d4d8de;
    -moz-box-shadow: 0px 2px 4px 0px #d4d8de;    -webkit-box-shadow: 0px 2px 4px 0px #d4d8de;}
.attachedfile .file-thumb{width:30px;display:flex;}
.attachedfile .file-path{display:flex; flex-grow:1; font-size:0.72rem; font-weight:400;margin:0;    line-height: 1.2;overflow:hidden; }
.attachedfile .file-path span{white-space:nowrap;}
.attachedfile .file-path .path{/*display:flex; width:100%; flex-grow:1; white-space:nowrap;white-space:nowrap;*/ overflow:hidden; text-overflow:ellipsis;}
.attachedfile .file-del{font-size:0.8rem;}
.mycard{width:100%; overflow:hidden; display:flex; align-items:center;margin: 0.3rem 0; padding:0.5rem 0.5rem; border-radius: 5px; background-color:#ffffff;border: 1px solid #c8cfd8;box-shadow: 0px 2px 4px 0px #d4d8de;
    -moz-box-shadow: 0px 2px 4px 0px #d4d8de;    -webkit-box-shadow: 0px 2px 4px 0px #d4d8de;}