/*
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;900&family=Work+Sans:wght@100;200;300;600;800;900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;500;700;900&display=swap');
*/

@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@500&family=Dancing+Script:wght@400;500&family=EB+Garamond:wght@400;500;600;800&family=Fredoka:wght@300;400;500;600&family=Lato:wght@300;400;700&family=Montserrat:wght@200;300;400;500;600&family=Open+Sans:wght@400;500;600;700&family=Poppins:wght@100;200;300;400;500;600;700&family=Roboto+Condensed:wght@300;400;700&family=Roboto:wght@100;300;400;500;700;900&family=Ubuntu:wght@300;400;500;700&display=swap');

body {
	background:#FFF;
	margin:0 !important;
	padding: 0px !important;
  /*
	font-family: 'Work Sans', sans-serif !important;
	font-family: 'Open Sans', sans-serif;*/

/*	font-family: 'Montserrat', sans-serif !important;*/
font-family: 'Lato', sans-serif;

    -webkit-animation: fadein 1.5s;
    -moz-animation: fadein 1.5s;
    -ms-animation: fadein 1.5s;
    -o-animation: fadein 1.5s;
    animation: fadein 1.5s;
}

a, button{ transition: all ease 0.5s;  }

body, html {
	height:100%;
}

html, body, p, h1, h2, h3, h4, h5, h6, img, form, input, select, textarea, ul, li {
	margin: 0;
	padding: 0;
}

ul li{
    list-style: none;
}

:focus{  outline: none; }

img {
    border: none;
    width: 100%;

}

a {
	transition: all ease 0.5s;
	text-decoration:none !important;
}

a:hover { text-decoration:none; }

a, a:link, a:visited, input { outline: none; }

.clear {
    height: 0;
		margin: 0;
		padding: 0;
		clear: both;
		font-size: 0;
		line-height: 0;
}

.btn:focus {
    outline: 0;
    box-shadow: inherit;
}

header, footer, section, .wraper{ float:left; width:100%; }

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

    border-color: red !important;
  }
.main-container {
    display: flex;
    justify-content: space-between;
    min-height: calc(100% - 81px);
}
.page-content {
	height: calc(100% - 35px);
/*    overflow-y: auto;*/
    padding: 20px 20px;
}

.dash-footer {
    line-height: 30px;
    padding: 3px 15px;
    margin: 0;
    border: 0;
    text-align: left;
    height: 35px;
    font-size: 14px;
    float: left;
    width: 100%;
    text-align: center;
    bottom: 0;
/*        position: absolute;*/
}
.dash-footer small {
    font-weight: 500;
    color: #666666;
}

.side-bar {
    width: 335px;
    padding: 20px;
/*    background: #02bcb1;*/
    
/*
    background-image:   -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0498d5), to(#02b5b8));
    background-image:   -webkit-linear-gradient(top, #0498d5, #02b5b8);
    background-image:   -moz-linear-gradient(top, #0498d5, #02b5b8);
    filter:  progid:DXImageTransform.Microsoft.Gradient(startColorStr='#0498d5', endColorStr='#02b5b8', GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#0498d5', endColorStr='#02b5b8', GradientType=0)";
    background-image:   -ms-linear-gradient(top, #0498d5, #02b5b8);
    background-image:   -o-linear-gradient(top, #0498d5, #02b5b8);
    background-color: #0498d5;
*/
        
}

.header .logo {
	width: 305px;
    padding: 5px 5px;
    border-right: 1px solid #ddd;
}
.header .logo img {
    max-width: 175px;
    filter: brightness(0) invert(1);
}

.common-content {
    flex: 1;
    background-color: #f5f7fa;
    width: calc(100% - 335px);
}

.header {
    display: flex;
    justify-content: space-between;
    padding: 0 30px;
    align-items: center;
    background: #FFF;
    color: #111;
    height: 65px;
        border-bottom: 5px solid #62626261;
/*    background: linear-gradient(181deg, rgba(2,188,177,1) 0%, rgb(3,152,213,1) 100%);*/
    
    
    background-image: url(../../assetsnew/img/abt-bg.png) !important; */
    background-attachment: fixed;
    background-position: left;
    background-repeat: no-repeat;
    background-size: cover;
}

.bars {
    font-size: 25px;
    display: none;
}

.pro-details h6 {
    font-size: 18px;
    font-weight: 600;
}

/*
.menu-lists {
    display: flex;
    align-items: center;
}
*/

/*
.mxs, .side-bar .menus ul li a.menu-lists.active .sideIc{

    background-image:   -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0498d5), to(#02b5b8));
    background-image:   -webkit-linear-gradient(top, #0498d5, #02b5b8);
    background-image:   -moz-linear-gradient(top, #0498d5, #02b5b8);
    filter:  progid:DXImageTransform.Microsoft.Gradient(startColorStr='#0498d5', endColorStr='#02b5b8', GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#0498d5', endColorStr='#02b5b8', GradientType=0)";
    background-image:   -ms-linear-gradient(top, #0498d5, #02b5b8);
    background-image:   -o-linear-gradient(top, #0498d5, #02b5b8);
    background-color: #0498d5;
}
*/

.side-bar .menus ul li a.menu-lists.active .sideIc{ border-color: transparent; }

.pro-details .dropdown-content a{
	padding: 15px 15px;
	letter-spacing: 0.2px;
}
.pro-details .dropdown-content a:hover{
	background: #039bd1;
    color: #fff;
    border-radius: 0;
}
.pro-details .dropdown-content {  top: 100%; padding: 5px 0; }

.menu-title {
    font-size: 16px;
    margin: 0 0 0 5px;
    padding: 7px 0;
     color: #1f2348 !important; 
    font-weight: 500;
    /* text-transform: uppercase; */
    display: inline-block;
    float: left;
    width: 230px;
    overflow: hidden;
    /* white-space: nowrap; */
    text-overflow: ellipsis;
    letter-spacing: 1px;
    z-index: 999;
        text-transform: capitalize;
}
/*
.getaquote{
    width: 16px;
    height: 20px;
    background: url(../images/icons/getaquote.png);
    background-repeat: no-repeat;
}
.getaquote2{
    background: url(../images/icons/get-q.png) !important;
}
.orders{
    width: 15px;
    height: 19px;
    background: url(../images/icons/orders.png);
    background-repeat: no-repeat;
}
.dealers{
    width: 16px;
    height: 20px;
    background: url(../images/icons/approved-dealers.png);
    background-repeat: no-repeat;
}
.dashboard{
    width: 13px;
    height: 13px;
    background: url(../images/icons/dashboard.png);
    background-repeat: no-repeat;
}
.dealers{
    width: 16px;
    height: 19px;
    background: url(../images/icons/approved-dealers.png);
    background-repeat: no-repeat;
}

.request{
    width: 19px;
    height: 19px;
    background: url(../images/icons/request.png);
    background-repeat: no-repeat;
}
*/

.menus > ul > li .sideIc i{ color: #FFF;  }

.menus > ul > li .sideIc {
    width: 35px;
    height: 35px;
    border-radius: 100%;
    display: flex;
    border: 1px solid #FFF;
    padding: 2px;
    line-height: 27px;
    text-align: center;
    /* float: left; */
    color: #FFF;
    align-items: center;
    justify-content: center;
}
.menus > ul > li .sideIc img {
    max-width: 20px;
    max-height: 20px;
    width: auto;
/*    filter: brightness(0) invert(1);*/
} 

.menus > ul > li {
    /* padding: 5px 0px; */
    display: block;
    width: 100%;
    border-bottom: 1px solid #f2f3f4;
}
a.menu-lists.active img {
/*    filter: brightness(0) invert(1);*/
}


.page-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    border: 0;
    padding:0;
}

.headings h6 {
        font-size: 24px;
    font-weight: 600;
    /* text-transform: uppercase; */
    color: #202449;
    z-index: 10;
    /* position: absolute; */
    top: 19px;
    margin: 20px 0px;
}

.headings {
    flex: 1;
}

.side-bar .menus ul li a.menu-lists.dropdown-toggle::after {
    position: absolute;
    right: -20px;
    color: #1f2348;
    top: 20px;
}
.side-bar .menus ul li a.menu-lists.active.dropdown-toggle::after {
    right: 3px;
    color: #06a7c7;
}
.nav li.nav-item.dropdown{ height: auto; }


.side-bar .menus ul li a.menu-lists {
    padding: 5px 0;
    position: relative;
    display: inline-flex;
/*    height: 100%;*/
}
.side-bar ul.nav li.nav-item .collapse {
    clear: both;
    float: left;
    width: 100%;
    background-color: #ffffff2b;
    border-radius: 5px 0 0 5px;
}

.side-bar ul.nav li.nav-item .nav-item{  
    margin: 0;
    line-height: 17px;
    padding: 0 0 0 4px !important;
    width: 100%;
    float: left;
    clear: both;
}  
.side-bar ul.nav li.nav-item .nav-item a {
    display: block;
    font-size: 13px;
    padding: 8px 0 8px 45px !important;
    margin: 0;
    width: 100%;
    float: left;
    clear: both;
    border-bottom: 1px solid #ffffff52;
}
.side-bar ul.nav li.nav-item .nav-item .menu-title{ font-size: 13px; margin: 0; padding: 0;}

.side-bar ul > li .dropdown-menu .sideIc {
    display: none !important;
} 

.side-bar .menus ul li a.menu-lists.active {
/*    background: #1f2348 !important;*/
/*    border-radius: 40px;*/
    width: 100%;
    background: #e8e9eb8a;
    border-left: 2px solid #02a8c4;
}

.menu-lists.active .menu-title {
    /* text-transform: uppercase; */
    /* font-weight: 700; */
/*    color: #fff;*/
}

.dropdown {
    position: relative;
    display: inline-block;
    cursor: pointer;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dropdown-content {
    display: none;
    position: absolute;
    /* background: -webkit-linear-gradient(left, #14a852 0%,#0f7f1a 100%); */
    background: #fff;
    box-shadow: 2px 3px 5px #0000003b;
    min-width: 174px;
    z-index: 10;
    top: 26px;
    right: 0;
    text-align: center;
    border-radius: 5px;
}
.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown-content a {
    color: #000;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    border-radius: 10px;
    letter-spacing: 0.5px;
    font-size: 14px;
    text-align: left;
}


.has-search .form-control {
    padding-left: 2.375rem;
}

.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #fff;
    left: 5px;
}

.search-bar .form-group {
    margin-bottom: 0;
    position: relative;
}

.has-search .form-control {
    padding-left: 2.375rem;
    border-radius: 30px;
    background: #0000;
    border: 1px solid #fff;
    color: #fff;
}

.search::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}
.search::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
}
.search:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
.search:-moz-placeholder { /* Firefox 18- */
  color: #fff;
}

.search-bar {
    width: 150px;
}

/*
.bid-stats {
    background: #fff;
    box-shadow: 0px 2px 7px #00000029;
    margin: 30px 0;
    border-radius: 5px;
}
*/
.bid-stats {
    margin-top: 0px;
    margin-bottom: 10px;
}

.box-head {
    /* background: #14a852; */
    /* border-radius: 10px 10px 0 0; 
    padding: 10px 0px;*/
}

.sub-headings, .box-head, .boxings form > h6 {
    color: #262a4e;
    font-weight: 600;
    font-size: 17px;
    text-transform: capitalize;
    margin: 10px 0;
}

.stat-flex {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    padding: 20px 0;
}

.stat-flex > div {
    width: 265px;
    border-radius: 10px;
    margin: 0 10px;
}

.box-icon {
    width: 50px;
    margin: 10px auto;
}

.green-box {
    text-align: center;
    background: #13bfb5;
    padding: 15px;
    border-radius: 10px;
    color: #fff;
}

.boxvalue-head {
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    margin: 15px 0 4px;
    min-height: 29px;
}

.box-value {
    font-weight: 600;
    font-size: 30px;
}

.box-icon img {
    height: 60px;
    object-fit: contain;
}

.white-box {
    color: #13bfb5;
    background: #fff;
    border: 1px solid #13bfb5;
}

/*
.sub-headings {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
    color: #14a852;
    position: relative;
}
.sub-headings:before {
    content: '';
    width: 60px;
    height: 3px;
    background: #14a852;
    position: absolute;
    top: 25px;
    left: 3px;
}
*/

.checked {
  color: orange;
}

.partner-ships {
/*
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
*/
    margin: 10px 0 15px;
}

.partner-logo {
    width: 100px;
    height: 110px;
    margin: 10px;
    border: 1px solid #6b6e713d;
    /* padding: 8px; */
    float: left;
    min-height: 85px;
}

.partner-box {
    background: #fff;
    box-shadow: 0px 0px 7px #00000029;
    padding: 10px;
    border-radius: 5px;
    float: left;
    width: 100%;
    margin-bottom: 15px;
}

.partner-details p {
    font-size: 12px;
    color: #666;
    margin: 5px 0;
}

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

.rating {
    margin: -4px;
}

.partner-details h6 {
    font-size: 14px;
    margin: 5px 0 7px;
    color: #111;
    font-weight: 600;
    min-height: 30px;
}

.right-panel {
    display: flex;
    justify-content: flex-start;
    align-items: center;
/*    flex-wrap: wrap;*/
}

.notifications {
    margin: 0 15px;
    position: relative;
}

.has-search .form-control:focus {
    box-shadow: inherit;
}

.boxings.card {
	border-radius: 5px;
	border: 0;
	padding: 0;
	min-height: auto;
	margin: 15px 0;
	flex-direction: column;
}
.boxings.card:before, .manufacturerlist .card:before{ display: none; }

.boxings {
    background: #fff;
    box-shadow: 0px 2px 7px #00000029;
    border-radius: 5px;
    /* padding: 30px; */
    padding: 15px;
    margin-top: 15px;
    float: left;
    width: 100%;
}

.bxNew{
    padding: 15px 20px;
    width: 100%;
}
.boxings form > h6{
    margin-bottom: 15px;
}
.boxings .card-header{
	text-transform: uppercase;
    margin: 0;
    border-radius: 0px;
    padding: 0px;
    width: 100%;
    border: 0;
}

.boxings h6.card-link.collapsed {
    background: #ffffff !important;
    color: #27c5bc;
}


.boxings .card-header .card-link {
	font-size: 16px;
    font-weight: 500;
    color: #ffffff;
    border-bottom: 2px solid;
    background: #27c5bc;
    padding: 12px 15px;
    letter-spacing: 0.5px;
    border-radius: 5px 5px 0 0;
    cursor: pointer;
}
.boxings .card-header .card-link.collapsed {
    border-radius: 5px !important;
}
.boxings .card-header .card-link:before{
		content: ' ';
    position: absolute;
    right: 10px;
    top: 14px;
    z-index: 1;
    width: 0;
    height: 0;
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		border-top: 10px solid #FFF ;
}
.boxings .card-header .card-link.collapsed:before{
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 10px solid #22c4ba;
	border-top: 0;
}
.manufact {
    display: flex;
    align-items: center;
    padding-bottom: 4px;
    margin-top: 15px;
}

.manufact > h6 {
    color: #343434;
    font-size: 15px;
    width: 190px;
    text-transform: uppercase;
    font-weight: 600;
}

.form-inputs label {
    font-size: 14px;
    color: #343434;
    font-weight: 600;
    margin: 0;
   
}

.form-inputs {
    margin: 7px 0;
}

.form-inputs .form-group {
    margin-bottom: 5px;
}

.form-inputs select.form-control{ height: 35px !important; }

.form-inputs .form-control, span.select2-selection.select2-selection--single, input#document_edit, input[type="file"] {
    border: 1px solid #a8a8a866;
    font-size: 14px;
    border-radius: 5px;
    min-height: 40px;
}
.form-inputs  textarea.form-control{ border-radius: 5px !important; }

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple  { border-radius: 5px !important; }


.form-inputs .form-control:focus{
    box-shadow: inherit;
}

.flex-ngrad {
    display: flex;
    align-items: center;
    margin: 20px 0;
}

.custom-radio .custom-control-input:checked~.custom-control-label::before {
    background-color: #0398d5;
}

.custom-radio .custom-control-input:checked~.custom-control-label::after {
    background-image: url('../images/icons/tick.png');
}

.flex-ngrad > div {
    margin-right: 30px;
}

.form-inputs.app-vend {
   font-size: 14px;
        margin-top: 0px !important;
}

#approved-vendor {
    display: none;
}

.padSpc{ padding: 27px 0 0; }

.green-button {
    text-align: center;
    margin: 20px 0;
}

.green-button button, .newGreenbtn {
	font-size: 15px;
	padding: 10px 30px;
	color: #fff;
	cursor: pointer;
	border: none;
	border-radius: 35px;
    transition: 0.3s;
    background: linear-gradient(90deg, rgba(2,188,177,1) 0%, rgb(3,152,213,1) 100%);
}
.green-button button:hover, .newGreenbtn:hover{ background:linear-gradient(90deg, rgba(3,152,213,1) 0%, rgb(2,188,177,1) 100%);  }

.green-button button{
    min-width: 145px;
    font-weight: 500;
}
.custom-tabs .nav-tabs .nav-link:focus, .custom-tabs  .nav-tabs .nav-link:hover {
    border-color: #e9ecef00;
}
.custom-tabs .nav-tabs {
    border-bottom: 3px solid #90909061;
}

.custom-tabs .nav-tabs .nav-item.show .nav-link,.custom-tabs .nav-tabs .nav-link.active {
    background-color: #fff;
    color: #2ac6bc;
    border-color: #fff;
    border-bottom: 3px solid #0abcb1;
}

.custom-tabs .nav-tabs .nav-item {
    margin-bottom: -3px;
}

.custom-tabs .nav-tabs .nav-link {
    color: #7b7b7b;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 600;
}

.custom-tabs {
    margin: 25px 0;
}

.product-name h6 {
    font-size: 16px;
    font-weight: 600;
}

.product-name h6 span {
    color: #0398d5;
}

/*
.bid-stats.products-box {
    padding: 25px;
}
*/

.product-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 15px;
    width: 100%;
}

.vendor-name {
    font-size: 14px;
    font-weight: 600;
/*    text-transform: uppercase;*/
}

.vendor-name span{
    font-weight: 500;
    text-transform: initial;
}

.Product-id, .Product-id span {
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 5px;
}
.approving-dealer .quote-btns {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 -5px;
}
.approving-dealer .quote-btns > div {
    margin: 0 3px 7px;
    float: left;
    display: inline-block;
}
.quote-btns {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: 20px;
}

.quote-btns > div {
    margin: 0 4px;
}

.common-btn {
    padding: 5px 11px;
    margin-right: 5px;
    margin-top: 5px;
    min-width: 80px;
    text-align: center;
    font-size: 13px;
    border-radius: 35px;
    color: #fff;
    border: 0;
    box-shadow: 0px 0px 5px #bdb7b7;
}

.black-btn {
    background: #000;
}

.green-btn {
    background: #049cd1;
}
.red-btn {
    background: #ea1414;
}
.blue-btn{
    background: #0398d5;
}

.yellow-btn{
    background: #0398d5;
}

.order-search .has-search .form-control {
    border: 1px solid #0398d5;
    color: #09bcb1
}
.order-search .has-search .form-control-feedback{
    color: #09bcb1;
}

.order-search {
    width: 200px;
    margin: 20px 0;
}

.order-search .has-search .form-control::-webkit-input-placeholder { /* Edge */
  color: #09bcb1;
}

.order-search .has-search .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #09bcb1;
}

.order-search .has-search .form-control::placeholder {
  color: #09bcb1;
}

.product-order {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.thumb-pre {
    width: 100px;
    border: 1px solid #d7d7d7;
}
.product-order > div:first-child {
    width: 100px;
}
.product-order > div:last-child {
    flex: 1;
    padding-left: 20px;
}
.product {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}

.product-details-f > div:last-child {
    margin-left: 30px;
}

.delivery-date {
    font-size: 13px;
    font-weight: 400;
    padding-left: 10px;
    width: 310px;
}

.status {
    width: 100% ;
/*    height: 10px;*/
    border-radius: 50%;
}
input#document_edit {
    width: 100%;
}
.red{
    background: #ff0101;
}

.delivery {
    display: flex;
    align-items: center;
}

.details-vendor ul li {
    display: flex;
    font-size: 13px;
}

.details-vendor ul li > div:first-child {
    width: 95px;
}

.details-vendor ul li > div:nth-child(2) {
    width: 20px;
}

.details-vendor ul li > div:last-child{
  flex: 1;
}

.new-pro {
    margin-bottom: 0;
    align-items: flex-start;
    flex-direction: column-reverse;
}

.amount {
    font-size: 15px;
    font-weight: 700;
}

.dispatch-details {
    font-size: 13px;
    font-weight: 600;
}

.ratingss {
    font-size: 13px;
    margin-top: 11px;
    margin-bottom: 11px;
}

.ratingss span {
    color: #c1c1c1;
}
.green{
    background: #0c7d06;
}

.approving-dealer {
    background: #fff;
    box-shadow: 0px 2px 7px #00000029;
    margin: 5px 0 15px;
    min-height: 325px;
}
.company-logo img {
    height: 100px;
    object-fit: contain;
}

.dealer-details {
    padding: 20px;
}

.dealer-details ul li {
    font-size: 13px;
    padding: 8px 0 0;
    display: flex;
    word-break: break-all;
}

.dealer-details ul li i{
    margin-right: 5px;
    margin-top: 4px;
}

.company-name {
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 600;
}

.web{
    color: #065aca;
}

.dealer-btns {
    padding: 5px 10px;
    font-size: 14px;

}

.dealer-details ul {
    margin-bottom: 15px;
    min-height: 100px;
}

.card {
    border-radius: 0;
    border: 1px solid #ddd;
    padding: 15px;
    margin-bottom: 15px;
    flex-direction: row;
    align-items: center;
    min-height: 200px;
}

.card:before {
    content: ' ';
    /* background-color: #0398d5; */
    width: 6px;
    height: 65px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 35%;
    background-image: -webkit-linear-gradient(top, #0498d5, #02b5b8);
    
   opacity: 0;
  
}

.card-icon {
/*    background-color: #e6e6e6!important;*/
    width: 65px;
    height: 65px;
    overflow: hidden;
    line-height: inherit !important;
    border-radius: 50%;
    margin-right: 5px;
}

.card-wrap {
    float: left;
    width: calc(100% - 65px);
    border-left: 1px solid #dddddd40;
}

.card-icon img {
    width: 65px;
    height: 65px;
    border-radius: 50%!important;
    object-fit: contain;
}

.card-wrap .dealer-details {
    padding: 0 0 0 15px;
}

.our-dealers {
    margin: 30px 0;
    font-size: 16px;
    font-weight: 600;
}

.login {
    height: 100vh;
}

.login-container {
    display: flex;
}

.login-container > div {
    width: 50%;
    height: 100vh;
}
.welcome {
    background: url(../images/login-bg.jpg);
    position: relative;
}

.welcome:before {
    content: '';
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(0 0 0 / .3);
}

.welcome-box {
    position: relative;
    z-index: 10;
    padding: 50px;
    width: 600px;
    margin: 30px auto;
}
.about-uni {
    font-size: 17px;
/*    font-weight: 600;*/
    color: #fff;
    margin: 20px 0;
}
.welcome-head {
    font-size: 34px;
    font-weight: 600;
    color: #fff;
}

.Blue{
    color: #0037b0;
}
.grn{
    color: #499800;
}

.count-icon-cr {
    width: 75px;
}

.circle-ne {
    width: 75px;
    height: 75px;
    background: #fff;
    padding: 20px;
    border-radius: 50%;
    box-shadow: 0px 2px 4px #656565;
}

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

.count-flex > div {
    width: calc(100% / 3);
    padding: 10px;
}

.indi-count {
    display: flex;
    align-items: center;
}

.countss {
    padding-left: 10px;
    text-align: center;
}

.countss h5 {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
}

.countss h6 {
    font-size: 14px;
/*    font-weight: 700;*/
    color: #fff;
}

.logo-circle {
    width: 75px;
    height: 75px;
    background: #fff;
    border-radius: 50%;
    position: relative;
    margin-top: 19px;
    margin-right: -39px;
}
.hospital-log {
    width: 75px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.hospital-log img {
    height: 75px;
    object-fit: contain;
    width: 75px;
    border-radius: 50%;
}
.hospital-details {
    background: rgb(0 0 0 / .20);
    padding: 25px 25px 25px 60px;
    border-radius: 5px;
}

.item-wraper {
    display: flex;
    width: 300px;
    margin: 35px auto;
}

.owl-dots {
    width: 100%;
    text-align: center;
    display: block !important;
    position: absolute;
    bottom: 0;
}
.table-status {
     padding-left: 10px !important; 
}

.owl-dots .owl-dot {
    background: #ffff !important;
    width: 12px;
    height: 12px;
    display: inline-block;
    border-radius: 35px;
    margin-right: 20px;
}

.owl-dots .owl-dot.active {
    background-color: #00a64d !important;
}
#clients .owl-dots .owl-dot.active {
    background: none !important;
}
.white-font ,.partner-details.white-font h6{
    color: #fff;
}

.logss {
    width: 170px;
}

.login-container > div:first-child {
    padding: 45px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.login-form {
/*    height: calc(100% - 97px);*/
    padding: 35px;
    width: 450px;
    margin: 0 auto;
}

.login-formss .has-search .form-control {
    border: 1px solid #a2a2a2;
    color: #a2a2a2;
    border-radius: 5px;
    padding-left: 2rem;
    padding-right: 2.375rem;
}
.login-formss .has-search {
    position: relative;
}

.login-formss .has-search .form-control-feedback {
    color: #000;
    left: inherit;
    right: 0;
}

.login-place::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #a7a7a7;
}
.login-place::-moz-placeholder { /* Firefox 19+ */
  color: #a7a7a7;
}
.login-place:-ms-input-placeholder { /* IE 10+ */
  color: #a7a7a7;
}
.login-place:-moz-placeholder { /* Firefox 18- */
  color: #a7a7a7;
}

.login-form h6 {
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 35px;
    color: #0399d3;
}

.login-formss .custom-control-label {
    color: #7a7a7a;
    font-weight: 600;
    font-size: 13px;
}

.login-formss .green-button button {
    width: 100%;
    border-radius: 25px;
    padding: 5px 0;
}

.new-user a {
    color: #464646;
    font-size: 14px;
    font-weight: 600;
    margin: auto;
    display: table;
}

.new-user a span{
    color: #018f4c;
}

.login-box {
    display: flex;
    width: 700px;
}

.bannersec {
    position: relative;
}
.soc_icns {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    justify-content: center;
}

.soc_icns li {
    list-style: none;
    margin-right: 10px;
}

.soc_icns li a {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: #ffffff00;
    display: block;
    position: relative;
    border: 1px solid #fff;
}

.soc_icns li a i {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    color: #fff;
}

.sign-up {
    height: 100%;
    position: relative;
    padding: 50px 0;
    background: #f5f7fa;
    overflow: auto;
}

.sign-upbox {
	width: 100%;
	margin: 10px auto;
	box-shadow: 0px 0px 10px #0000002b;
	background: #fff;
}
/* .sign-upbox2 {
    width: 850px  !important;
} */
/*
.sign-upbox > .row {
    box-shadow: 0px 2px 10px #0000002b;
}
*/

.green-boxes {
    padding: 25px;
    /* background: linear-gradient( 90deg, rgba(2,153,212,1) 0%, rgba(2,188,177,1) 100%); */
    background-image: url(../../assetsnew/img/abt-bg.png) !important;
    /* background-attachment: fixed; */
     background-position: left; 
    background-repeat: no-repeat;
    background-size: cover;
}

.fxt-header .logo {
    width: 150px;
    margin: 25px auto 40px;
}
.green-boxes .fxt-header h1 span {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 400;
}
.fxt-transformY-50.fxt-transition-delay-2 h1 {
	font-size: 24px;
	font-weight: 500;
	text-align: center;
	line-height: 22px;
	color: #fff;
}

.fxt-transformY-50.fxt-transition-delay-2 {
    margin-bottom:40px;
}

.loginform .form-inputs {
    margin: 0 0 5px ;
}

.sign-head {
    font-size: 22px;
     text-transform: uppercase; 
    text-align: center;
    /* margin: 7px 0 20px; */
    font-weight: 500;
    letter-spacing: 0.1px;
    color: #0296d4 !important;
/*    border-bottom: 1px solid #21a6e0;*/
    padding: 14px 20px;
    margin-bottom: 30px;
}

.white-boxx {
    padding: 5px 35px;
}

.fxt-bg-img {
    margin-top: 50px;
}

/*
.sign-up:before {
    position: absolute;
    z-index: 0;
    background: #00e278;
    background: -moz-linear-gradient(top, #00e278 0%, #018d4b 100%);
    background: -webkit-linear-gradient(top, #00e278 0%,#018d4b 100%);
    background: linear-gradient(to bottom, #00e278 0%,#018d4b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e278', endColorstr='#018d4b',GradientType=0 );
    content: "";
    height: 100vh;
    width: 45.5vw;
    top: 0;
    left: 0;
    bottom: 0;
}
*/
/*rahul css start*/

/*search css start*/
.search-form .form-group {
  float: right !important;
  transition: all 0.35s, border-radius 0s;
  width: 32px;
  height: 32px;
  background-color: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  border-radius: 25px;
  border: 1px solid #ccc;
    cursor: pointer;
}
.search-form .form-group input.form-control {
  padding-right: 20px;
  border: 0 none;
  background: transparent;
  box-shadow: none;
  display:block;
  padding: 3px 17px;
}
.search-form .form-group input.form-control::-webkit-input-placeholder {
  display: none;
    font-size: 14px;
    padding-bottom: 5px;
}
.search-form .form-group input.form-control:-moz-placeholder {
  /* Firefox 18- */
  display: none;
}
.search-form .form-group input.form-control::-moz-placeholder {
  /* Firefox 19+ */
  display: none;
}
.search-form .form-group input.form-control:-ms-input-placeholder {
  display: none;
}
.search-form .form-group:hover,
.search-form .form-group.hover {
      width: 300px;
  border-radius: 25px;
}
.search-form .form-group span.form-control-feedback {
  position: absolute;
  top: -1px;
  right: -2px;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  color: #3596e0;
  left: initial;
  font-size: 14px;
}

/*search css end*/
.rs-grn {
    background: #0ee7dc;
    font-size: 22px;
    padding: 4px 17px;
    border-radius: 10px 0px 10px 0px;
}
.soc_icns li a:hover {
    background: #00a64d;
}
section.sign-up.details {
    height: 120vh;
}
.sign-upbox-rs{
    width: 800px;
}

.logss-rs{
    margin: auto;
}
button:focus {
    outline: 0px !important;
}

/*style integrate start*/
.vend-flex > div {
    width: 50%;
}
.vend-flex .green-box {
    border-radius: 10px 0 0 10px;
    max-height: 190px;
}
.vend-flex .green-box.white-box {
    border-radius: 0 10px 10px 0;
}

.product-order.quote-order > div {
    width: 50%;
}
.quote-img {
    width: 200px;
    border: 1px solid #0398d5;
}

.quote-flex {
    display: flex;
    justify-content: flex-start;
}

.quote-order {
    padding: 25px;
}

.quote-flex > div:last-child {
    padding-left: 20px;
}

.quote-order .partner-details h6 {
    font-size: 16px;
    text-transform: initial;
    margin: 5px 0;
    color: #080808;
    font-weight: 600;
}

p.quoteee , .call{
    font-size: 14px;
    color: #080808;
}
.quoteee i, .call i {
    color: #080808;
    margin-right: 10px;
}


.pro-des h6 {
    font-size: 16px;
    font-weight: 600;
    color: #0398d5;
    text-transform: capitalize;
    margin-bottom: 5px;
}
.pro-des p {
    font-size: 16px;
    font-weight: 600;
    color: #080808;
}

.specifications {
    padding: 0 25px 25px;
}

.specifications h6 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 5px;
    color: #080808;
}

.specifications p {
    font-size: 14px;
    font-weight: 500;
    text-align: inherit;
    line-height: 23px;
}

.status-quotes {
    font-size: 15px;
    margin: 10px 0;
    font-weight: 400;
}

.grress {
    color: #13bfb5;
}

.quote-amt p {
    font-size: 14px;
    font-weight: 500;
}

/* .quote-amt p span{
    color: #0398d5;
} */

.quoteee .alignTxt{ float: right; width: calc(100% - 25px);}

.reject {
    color: #fc0000;
}

.dates {
    margin: 5px 0;
}

.dates p {
    font-size: 14px;
}

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

.common-btn:hover {
    color: #fff;
}

.bidplace {
    padding: 0 20px;
}
.custom-file-label::after{
    display: none !important;
}

.custom-file-label {
    width: 80px;
    border: 1px solid #14a852;
    font-size: 14px;
}

.product-display {
    padding: 20px;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0px 2px 7px hsl(0deg 0% 0% / 14%);
}
.details {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.details h6 {
    font-size: 15px;
    font-weight: 600;
}

.details > div:first-child {
    width: 125px;
}
.details > div:nth-child(2) {
    width: 20px;;
}

.details > div:last-child {
    flex: 1;
    color: #7b7676;
}
.product-display ul li {
    padding: 5px 0;
}
.green-hd {
    margin: 10px 0;
    color: #14a852;
    font-weight: 600;
    font-size: 17px;
    text-transform: uppercase;
}

.vend-flex {
    display: flex;
}


/*style integrate end*/

.product-name.product-name-rs {
    display: flex;
    justify-content: space-between;
        flex-wrap: wrap;
}

.view-rs button i {
    margin-right: 8px;
}

.view-rs button {
        border: 0;
    padding: 8px 18px;
    margin-right: 10px;
    background: #0398d5;
    color: #fff;
    border-radius: 35px;
    font-size: 13px;
}
/*
.view-rs button:last-child{
    background: #ccc !important;
}
*/
.company-name-rs{
    text-align: left !important;
    font-weight: 700;
}

.product-display {
    box-shadow: none !important;
    background: #cccccc33 !important;
    border-left: 3px solid #069cd1;
    margin: 18px 0px;
}

.mobile-show {
    display: none!important;
}




.mobile-show i {
    color: #FFF;
}
.status-rs {
    width: 100%;
    text-align: right;
    color: #ea0e0e;
}
.partner-logo-rs{
    height: 150px;
    border: 1px solid #ccc !important;
    display: flex;
    align-items: center;
}
.iteams-rs.col-lg-3 {
    margin-bottom: 30px;
}
/* tbody tr td:last-child{
    display: flex;
    justify-content: space-between;
} */
.rs-form-group{
    display: flex;
    flex-direction: column;
}
.rs-form-group textarea{
    border: 1px solid #a8a8a8;
    padding: 10px;
    border-radius: 10px;
}
.green-button2{
    text-align: left !important;
}
.row23{
    margin-top: 30px;
    margin-bottom: 30px;
}
.company-logo img {
    margin-top: 20px;
}
.pageloader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 999999999999;
	opacity: 1;
	/* background-position: 50% 50% !important; */
	text-align: center;
	background-color: #ffffff63;
}
.pageloader:before {
	background: url("https://meddbot.com/assets/img/spinner.gif") rgb(255 255 255 / 14%);
	background-repeat: no-repeat !important;
    background-size: cover!important;
    width: 70px;
    height: 70px;
    content: ' ';
    position: absolute;
    left: 46%;
    top: 45%;
    z-index: 10;
}
.quote-img-rs{
    height: 117px;
    display: flex;
    align-items: center;
        width: 149px;
}
.prdt-rs-img {
    width: 100px;
    margin: auto;
    border: 1px solid #14a852;
    margin-bottom: 15px;
    border-radius: 10px;
    height: 100px;
    display: flex;
    align-items: center;
}



.status-rs h6 {
    font-weight: 600;
    text-decoration: underline #000;
}
.top8{
    top: 8px !important
}
span.req-process i {
    margin-left: 10px;
}

span.req-process {
    color: #f00;
    font-weight: 600;
}
.vendor-name-rs{
    margin-bottom: 20px;
}






/*rahul css end*/


.newAlign button.Zebra_DatePicker_Icon {
    top: inherit !important;
    bottom: 10px;
}
.newAlign span.Zebra_DatePicker_Icon_Wrapper {
    width: 100% !important;
}
.app-vend input[type=checkbox].form-control{
	display: inline-block;
	float: left;
	width: auto;
	margin: 3px 5px;
    min-height: auto;
}

.boxings.card .bxNew .green-button, .boxings .green-button {

    margin: 20px 0 10px;
}


/*Range-slider Start*/
.slider-wrapper.green {
    background: transparent;
}
.slider-selection {
	background: #0398d5 !important;
}
.slider-wrapper .slider-track { border: 1px solid #0398d57d ; }

.slider.slider-horizontal {
    width: 100% !important;
    height: 20px;
}
.slider-handle {
	background-color: #fff !important;
	background-image: none !important;
	-webkit-box-shadow: inherit !important;
	-moz-box-shadow: inherit !important;
	box-shadow: inherit !important;
	    border: 2px solid #0398d5 !important;
}

.slider-strips .slider-selection {
	background-image: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255,252,252,0.08) 5px, rgba(252,252,252,0.08) 10px) !important;
	background-image: -ms-repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255,252,252,0.08) 5px, rgba(252,252,252,0.08) 10px) !important;
	background-image: -o-repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255,252,252,0.08) 5px, rgba(252,252,252,0.08) 10px) !important;
	background-image: -webkit-repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255,252,252,0.08) 5px, rgba(252,252,252,0.08) 10px) !important;
}
.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #0398d5 !important;
    text-align: center;
    background-color: #FFF !important;
    border-radius: 4px;
}
.tooltip.top .tooltip-arrow {
    display: none !important;
}
.slider .tooltip.top {
    margin-top: 20px !important;
}
.slider .tooltip{ opacity: 1; z-index: 80;}

.well {
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	width: 100% !important;
	padding: 0;
}
.slider-ghost .slider-track {
	height: 5px !important;
}
.slider-ghost .slider-handle {
	top: -2px !important;
	border: 5px solid #0398d5;
}


/*Range-slider end*/

.bottomSection {
    display: block;
    width: 100%;
    margin: 25px 0 0;
}
.bottomSection .partner-logo {
    width: 100%;
    margin: 0 auto;
    max-width: 125px;
    margin-bottom: 10px;
}
#myModalaction button.close.close_message {
    opacity: 1;
    color: #585454;
}

.bottomSection .gridSpace {margin: 0 1.3% 10px; }

.green-button .sendBtns{ background: linear-gradient( 20deg, rgb(5 156 209) 0%, rgb(17 215 204) 100%); font-weight: 400 !important;  }

.complaint_approve, .complaint_reject{
	padding: 4px 10px;
	min-width: 75px;
	text-align: center;
	font-size: 13px;
	color: #FFF;
	border: 0;
	display: inline-block;
	border-radius: 5px;
	margin: 8px 5px 0 0;
	cursor: pointer;
}
.complaint_approve{ background-color: #29c5bc; }
.complaint_reject{ background-color: #e65360; }

.barcodeBtn{
	display: block;
    min-width: auto;
    padding: 5px;
    color: #FFF;
    background-color: #29c5bc;
    border: 1px solid #0f867f;
    padding: 5px 15px;
    font-size: 14px;
    border-radius: 35px;
}

.modal-dialog.barcodePopup .modal-title {
		    display: block;
		    text-align: center;
		    margin: 0 auto;
}
.modal-dialog.barcodePopup .modal-header .close {
    padding: 5px;
    margin: 0;
    position: absolute;
    right: 10px;
    top: 10px;
    background-color: #06a5c7;
    height: 30px;
    width: 30px;
    border-radius: 35px;
    font-size: 25px;
    font-weight: 300;
    line-height: 19px;
    opacity: 1;
}
.modal-dialog.barcodePopup .modal-title {
    font-weight: 600;
    font-size: 22px;
    letter-spacing: 0.5px;
}
.modal-dialog.barcodePopup .imageArea img#barcode {
    border: none;
    min-width: 250px;
    max-width: 100%;
		width: auto;
    height: 200px;
}
.modal-dialog.barcodePopup .imageArea{ display: flex; justify-content: center; }

.modal-dialog.barcodePopup .modal-footer {
    justify-content: center !important;
}
.modal-dialog.barcodePopup .btn.btn-primary { 
    background-color: #06a5c7;
    border: 1px solid #06a5c7;
}
.modal-dialog.barcodePopup .btn-secondary { 
    background-color: #29c5bc;
    border: 1px solid #29c5bc;
}
.modal-dialog.barcodePopup .btn-secondary, .modal-dialog.barcodePopup .btn.btn-primary{
    outline: 0;
    border-radius: 35px;
    padding: 5px 15px;
    min-width: 100px;
    font-size: 14px;  
}
.compalintBox .card-wrap {  
    float: left;
    width: calc(100% - 105px);
    border: 0;
}

.compalintBox .card-icon {     
    float: left;
    border: 0;
    border-radius: 0;
    height: auto;
    min-height: 100px;
    width: 100px;
}
.compalintBox .card-icon img {
    width: auto;
    height: 100px;
    border-radius: 0 !important;
    object-fit: contain;
}
.compalintBox .dealer-details ul {
	margin-bottom: 5px;
	min-height: 200px;
}
.compalintBox .dealer-details ul li, .compalintBox  ul.complaint_details li {
    padding: 3px 0;
    line-height: 20px;
    font-size: 14px;
    margin: 0px 0 3px;
}
.compalintBox ul.complaint_details {
    float: left;
    width: 100%;
    margin: 10px 0 0;
    margin-left: 10px;
}
.compalintBox ul.complaint_details li{
    display: flex;
    word-break: break-all;
}
.compalintBox .specifications { padding: 5px 0px 10px; }

.compalintBox .card { min-height: 296px; border-radius: 10px;  }

.compalintBox .specifications label{
	display: inline-block;
    margin-bottom: 0;
    min-width: 90px;
    font-size: 14px;
    font-weight: 600;
}
.compalintBox .dealer-details ul li label, .compalintBox ul.complaint_details li label {
    display: inline-block;
    margin-bottom: 0;
    min-width: 203px;
    font-weight: 500;
}
.compalintBox .dealer-details ul li span, .compalintBox  ul.complaint_details li span{width: calc(100% - 190px); font-weight: 500; padding-left: 5px; word-break: break-word; }

.compalintBox .card-wrap .dealer-details { padding: 0 0 0 10px; }

span.full-content {
    display: flex;
    flex-direction: column;
}

table.dataTable{
	  border: 1px solid #ddd !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
}
.dataTables_wrapper .dataTables_info { font-size: 13px; }

table.dataTable thead th, .table thead th{
		border-bottom: 1px solid #91b9a2 !important;
		background-color: #18a8524f;
		font-weight: 600 !important;
		border-color: #91b9a2;
		border-right: 0;
		padding: 8px 15px 8px 8px !important;
		font-size: 14px;
		line-height: 18px;
		vertical-align: middle;
}
table.dataTable td, .table td {
		border:1px solid #d8d3d3;
		border-right: 0;
		border-bottom: 0;
		font-size: 14px;
	  line-height: 20px;
		vertical-align: middle;
}

table.dataTable td:last-child, .table td:last-child {
    border-right: 1px solid #d8d3d3 !important;
}
table.dataTable thead th:last-child, .table th:last-child {
    border-right: 1px solid #d8d3d3 !important;
}

table.dataTable tr:last-child td, .table tr:last-child td {
    border-bottom: 1px solid #d8d3d3 !important;
}

table.dataTable.stripe tbody tr.even, table.dataTable.display tbody tr.even, table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1, table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
    background-color: transparent !important;
}

table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1{ background-color: transparent !important; }


.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #fff !important;
	padding: 3px 10px!important;
    border: 1px solid #057f7b !important;
    background-color: #0abcb1 !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0abcb1), color-stop(100%, #0abcb1)) !important;
    background: -webkit-linear-gradient(top, #0abcb1 0%, #0abcb1 100%) !important;
    background: -moz-linear-gradient(top, #0398d5 0%, #0abcb1 100%) !important;
    background: -ms-linear-gradient(top, #0398d5 0%, #0abcb1 100%) !important;
    background: -o-linear-gradient(top, #0398d5 0%, #0abcb1 100%) !important;
    background: linear-gradient(to bottom, #0398d5 0%, #0abcb1 100%) !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button,  .dataTables_wrapper .dataTables_paginate .paginate_button:hover{ font-size: 14px !important; padding: 3px 10px!important; }

.createSpace .form-control{ width: 100%; float: left; }

.createSpace{     margin-top: 10px; }

.createSpace .btn-primary {
    color: #fff;
    background-color: #21c3b9;
    border: 1px solid #108c84;
    width: 100px;
    font-size: 14px;
    float: left;
    margin: 30px 0 0;
    border-radius: 35px;
}
.dataTables_wrapper .dataTables_filter input, .dataTables_wrapper .dataTables_length select {
    border: 1px solid #02bab3!important;
    border-radius: 3px!important;
    padding: 3px 5px!important;
    font-size: 14px;
    background: #fff !important;
    margin-left: 5px;
}
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate{ font-size: 14px; }

table.dataTable thead .sorting {
    background-image: url(../images/sort_both.png) !important;
}
table.dataTable thead .sorting_desc {
    background-image: url(../images/sort_desc.png) !important;
}
table.dataTable thead .sorting_asc {
    background-image: url(../images/sort_asc.png) !important;
}
.dataTables_wrapper { margin: 10px 0; }
.aproved-imgs {
    width: 200px;
    padding: 10px;
    margin: auto;
}
.aproved-imgs2 {
    width: 120px;
    margin: auto;
}
.recently-add {
    border: 1px solid #0398d5;
    background: #0398d514;
    padding: 15px;
    margin-bottom: 19px;
    border-radius: 10px;
    box-shadow: 0px 0px 0px !important;
}

.page-item.active .page-link {
    color: #fff;
    background-color: #0398d5;
    border-color: #0398d5;
}
.page-link {  color: #0498d5; }

.dashboard-cnts .msg-listing .msg-iteams.recently-add {  border: 1px solid #0398d5 !important; }

.describing-product {
    padding: 30px;
    margin-bottom:15px;
    border-radius: 0;
    box-shadow: inherit;
    border: 1px solid #90909066;
    border-top: 0;
}
.quote-btns > div a, .quote-btns > div button {
    font-size: 11px;
}
.modal-body.model-custom {
    padding: 51px;
}
button.close {
    position: absolute;
    right: 9px;
    top: 5px;
}
button.submit-popup {
            color: #fff;
            border: 0;
            background: #0498d5;
            padding: 7px 52px;
            font-size: 15px;
            border-radius: 20px;
            cursor: pointer;
}
 .main-popup-contents {
            display: flex;
            flex-direction: column;
            align-items: center;
}
.main-popup-contents h3 {
            margin-bottom: 20px;
            text-transform: uppercase;
            font-size: 23px;
        }
        .main-popup-contents p {
            margin-bottom: 20px;
                color: #02b5b8;
            text-align: center;

        }
        .main-popup-contents input {
            width: 31%;
            height: 36px;
            border: 1px solid #ccc;
            padding: 10px;
            border-radius: 8px;
        }
        
.rs-flex span {
    margin: 14px;
}

.rs-flex2 {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}
img.place-image {
    width: 117px;
    margin: auto;
}
.col-md-6.certWraper {
    padding: 0px 0px 7px 11px;
}


.categorylabel {
    display: flex;
    flex-direction: column;
}



.categorylabel label {
    margin-bottom: 5px;
}

.categorylabel textarea{
    border: 1px solid #14a8525c;
    font-size: 14px;
}

.amc {
    border-top: 1px dashed #0398d5b8;
    margin-top: 15px;
    padding-top: 15px;
        margin-bottom: 10px;
}
#amcdetails,#cmcdetails{
    margin: 25px;
}

.amc_title {
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    padding:  -left: 10px;
    background: #02bcb1;
    padding: 8px;
    color: #fff;
}

.amc_details > div {
    margin: 5px 10px;
/*    text-transform: uppercase;*/
/*    width: calc(100% / 3);*/
    font-size: 14px;
        font-weight: 600;
}

.amc_details {
    display: flex;
    font-size: 13px;
     flex-direction: column; 
}
.newAlign {
    margin-top: 10px;
}

#product_new_years {
    height: calc(2.25rem + 2px);
}
i.fa.fa-plus {
    font-size: 14px;
/*    margin-left: 11px;*/
}
.green-button.add button {
    width: 145px;
        margin-top: 10px;
}
.green-button.rem button {
    margin-top: 10px;
    width: 145px;
    padding: 10px 15px;
}
button.product-submit.removecmc {
    text-transform: uppercase;
}
i.fa.fa-minus {
    margin-left: 6px;
}
button.G-add {
    padding: 0px !important;
    background: linear-gradient( 
90deg, rgba(2,188,177,1) 0%, rgb(3,152,213,1) 100%);
    border: none;
    border-radius: 35px;
    margin-top: 33px;
    color: #fff;
    width: 35px;
    height: 35px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.row.manufacturerlist.manufacturerlist-rs {
    padding: 0px 15px;
}
.green-button.submit-clz {
    margin-left: 15px;
}

.menus > ul > li.disabled {
    background: #cccccc8c;
}
.custom-tabs .products-box h6.vendor-name span, .custom-tabs .product-name  .Product-id span{  
    color: #09bcb1;
        font-weight: 500;
}

h6.vendor-name span {
    line-height: 25px;
}
.rs-wrapper {
    padding: 20px;
    background: #cccccc4d;
}

.date-status {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    margin-bottom: 10px;
}
a.approve-product {
    color: #10beb4;
    text-decoration: underline !important;
    font-weight: 600;
}
.describing-product.pending {
    background: #ece9e9;
    padding: 10px;
    margin: 10px 0px;
}
button.Zebra_DatePicker_Icon {
    top: 9.5px !important;
}
span.Zebra_DatePicker_Icon_Wrapper {
    width: 100% !important;
    background: #fff !important;
}
input#schedule_date {
    background: #fff;
}
/*
.compalintBox .card3 {
    min-height: 100% !important;
}
*/

.rs-flex2 span {
    margin: 10px;
}
.partner-box2{
    min-height: 270px !important;
}
.gridSpace.col-lg-4 {
    margin-left: 0px !important;
    margin-right: 0px !important;
}
.partner-ships.row {
    margin-left: 0px !important;
    margin-right: 0px !important;
}
button.submit-popup.create {
    margin-top: 20px;
}

/*chat start*/

.notification.icons img {
    border-radius: 50%;
}
.notification.icons {
    display: flex;
}
.notification-list {
    background: #fff;
    color: #000;
    box-shadow: 0px 1px 10px #00000036;
    position: absolute;
    top: 35px;
    width: 300px;
    left: -260px;
    z-index: 99;
    border-radius: 8px;
    height: 380px;
    padding: 10px;
    transition: .5s;
    display: inline-block;
}
.notification.icons img {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    margin-right: 20px;
}
.Desic h6 {
    font-size: 15px;
    font-weight: 600;
    color: #6b6666;
}


.Desic p {
    font-size: 12px;
    line-height: 16px;
    color: #000;
    margin-top: 3px;
/*    height: 28px;*/
    overflow: hidden;
}
.counts {
    position: absolute;
    width: 50%;
    height: 16px;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    top: 4px;
    right: 4px;
    background-color: #020f58;
    font-weight: 500;
    color: #FFF;
}
.notification.icons {
    display: flex;
    border-bottom: 1px solid #ccc;
    padding: 10px 10px;
}

/* width */
::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 30px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0498d5), to(#02b5b8));
    background-image: -webkit-linear-gradient(top, #0498d5, #02b5b8);
    background-image: -moz-linear-gradient(top, #0498d5, #02b5b8);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#0498d5', endColorStr='#02b5b8', GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#0498d5', endColorStr='#02b5b8', GradientType=0)";
    background-image: -ms-linear-gradient(top, #0498d5, #02b5b8);
    background-image: -o-linear-gradient(top, #0498d5, #02b5b8);
    background-color: #0498d5;
}

.list-of{
    height: 270px;
    overflow-x: hidden;
}
a.btn.btn-readmore {
    background-color: #0498d5;
     background-image:   -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0498d5), to(#02b5b8));
    background-image:   -webkit-linear-gradient(top, #0498d5, #02b5b8);
    background-image:   -moz-linear-gradient(top, #0498d5, #02b5b8);
    font-size: 13px;
    width: 100%;
    padding: 5px 0px;
    margin-top: 17px;
    color: #fff;
    border-radius: 35px;
}
.notification.icons.active {
    background: #0398d51c;
}
h4.msg {
    font-size: 16px;
    margin: 9px 0px;
    font-weight: 600;
}
.prgArea {
    float: right;
    width: calc(100% - 200px);
    margin: 70px 0 0;
}
#msg-lists:hover .notification-list{
    display: inline-block !important;
}
#msg-lists i{
    padding-bottom: 6px;
}
#msg-lists i {
    padding: 17px 0px;
    color: #fff;
    font-size: 20px
}


/* .green-button.green-button2 button {
    min-width: 294px;
} */

/*chat end*/
.list-of span {
    background: #0398d5;
    display: flex;
    padding: 7px;
    justify-content: center;
    color: #FFF;
    margin-top: 10px;
}
.compalintBox .complaintmsg.view-msg {
    background: #29c5bc !important;
}
.compalintBox .card span.view-msg{
    width: auto;
    background: #0498d5;
    padding: 8px 10px;
    font-size: 13px;
    font-weight: 500;
    margin: 5px 5px 0 0;
    color: #ffffff;
    display: inline-block !important;
    border-radius: 35px;
    min-width: 70px;
    line-height: 16px;
    text-align: center;
}

span.view-msg {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 3px;
    margin-top: 10px;
    color: #111120;
    font-size: 14px;
    cursor: pointer;
}
.msg-iteams {
    padding: 20px;
    border-bottom: 1px solid #ccc;
}
.user-prof {
    display: flex;
    justify-content: space-between;
}
.img-user, .img-user img {
    width: 100px;
    height: 65px;
    object-fit: cover;
}
.sp34 {
    margin: 0px 20px;
    width: 100%;
}
.name-date {
    width: 100%;
    display: flex;
    justify-content: space-between;
    color: #000;
}
/* .name&date h5 {
    font-weight: 600;
} */
.detaild-msg p {
    font-size: 14px;
    line-height: 25px;
    color: #292323;
}
input.select2-search__field {
    padding: 0px 7px !important;
}
span.select2.select2-container.select2-container--default {
    width: 100% !important;
}
.select2-selection {
    outline: 0;
    font-size: 16px;
}
input.select2-search__field {
    width: 100% !important;
}
.table-responsive.rs-res {
    width: 1000px;
    overflow-x: auto;
}
.partner-details.Register-partner-details {
    text-align: left;
}
.partner-logo.Register-product-logo {
    width: 220px;
    margin: 10px;
    margin-right: 30px;
}
.partner-box.partner-box2.Register-partner-box {
    display: flex;
}
span.Collon {
    margin: 0px 6px;
}

span.Tittle {
    font-size: 14px;
    font-weight: 600;
        min-width: 275px !important;
}
span.Value {
    font-size: 15px;
    flex: 1;
    width: 110px;
}
label.right {
    display: flex;
    justify-content: flex-end;
}
.detaild-msg {
    color: #000;
}
.green-button.green-button2.green-button3 button {
/*    width: 216px !important;*/
}
.specifications.wraper p span {
    font-size: 14px;
}
a.eye {
    color: #fff;
    background: #11beb4;
    padding: 4px 13px;
    border-radius: 10px;
    font-size: 15px;
    display: inline-block;
}
a.eye i {
    margin-right: 8px;
}
.dropzone.dz-clickable.Dz-box.happy-box {
    margin-top: 10px;
}
.complaint-img {
    width: 150px;
    border: 1px solid #ddd;
    margin-right: 20px;
    margin-top: 5px;
}
.Register-partner-box > div{
    margin-right: 18px;
}
.details-rs{
    text-align: left;
}
.amc_cmc.min-h {
    min-height: 220px;
}
.prdctBtns{
    background-color: #FFF;
    color: #0599d3;
    border: 1px solid #0599d3;
    font-size: 13px;
    padding: 3px 8px;
    font-weight: 500;
    border-radius: 35px
}
/* .prdt-imos:first-child {
    padding-right: 50px;
} */
/*
.notification-list:before {
    content: "\f086";
    position: absolute;
    right: 14px;
    top: -14px;
}
*/


#myImg {
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s;
}

#myImg:hover {opacity: 0.7;}


.modal-img {
  display: none; 
  position: fixed; 
  z-index: 1000; 
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; 
  overflow: auto; 
  background-color: rgb(0,0,0); 
  background-color: rgba(0,0,0,0.9); 
}


.modal-content-img {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 360px;
}


#caption {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  text-align: center;
  color: #ccc;
  padding: 10px 0;
  height: 150px;
}


.modal-content-img, #caption {
  -webkit-animation-name: zoom;
  -webkit-animation-duration: 0.6s;
  animation-name: zoom;
  animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
  from {-webkit-transform:scale(0)}
  to {-webkit-transform:scale(1)}
}

@keyframes zoom {
  from {transform:scale(0)}
  to {transform:scale(1)}
}

/* The Close Button */
.close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}

.close:hover,
.close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}
.chat-main {
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

input[type=text],input[type=email],input[type=number] {
    font-weight: 500 !important;
}
section.sign-up.sign-up-otp {
    display: flex;
}
.sign-upbox .green-boxes .fxt-bg-img {
	   margin: 0;
    height: 100%;
    display: table;
    width: 100%
}
.sign-upbox .green-boxes .fxt-bg-img .fxt-header {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
	}


.col-md-5.col-12.green-boxes .fxt-bg-img {
    margin: 0;
}

.sign-upbox-otp .row .col-md-5 {
    display: flex;
    align-items: center;
    justify-content: center;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    font-weight: 500;
    padding: 5px 15px !important;
}
.partner-details.Register-partner-details .right-panel {
    align-items: initial;
    margin-bottom: 10px;
}








/*added for registration changes on 25-02-2021*/

.reg-flex {
    display: flex;
    justify-content: space-between;
}

.reg-flex > div {
    width: 50%;
}


.reg-flex > div:first-child {
    padding-right: 5px;
}

.reg-flex .green-button button {
    width: 100%;
}


.product-flex.product-details-f > div h6 {
    display: flex;
    flex-direction: column;
    font-weight: 600;
    font-size: 18px;
}

.product-flex.product-details-f > div h6 > span {
text-transform: uppercase;
}

.main-popup-contents .Zebra_DatePicker_Icon_Wrapper .form-control {
    width: 100%;
}

.main-popup-contents .rs-flex {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.timeschedule {
    position: relative;
}

.clock {
    position: absolute;
    right: 8px;
    top: 30px;
    color: #5d5656;
    pointer-events: none;
}


/* 17-03-2021 */
.sign-upbox .form-group label sup{ color: red;}


/* The checkbox */
.container-check {
	display: block;
	font-size: 14px !important;
	position: relative;
	padding-left: 22px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.container-check input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkmark {
	position: absolute;
	top: 2px;
	background-color: #ccc;
	left: 0;
	height: 17px;
	width: 16px;
	border-radius: 3px;
}
.container-check:hover input ~ .checkmark {
  background-color: #ccc;
}
.container-check input:checked ~ .checkmark {
  background-color: #31aa54;
}
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.container-check input:checked ~ .checkmark:after {
  display: block;
}
.container-check .checkmark:after {
	  left: 6px;
		top: 3px;
		width: 5px;
		height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.sign-up .white-boxx .form-inputs{ position: relative; }

.sign-up .white-boxx .form-inputs label.label {
	font-size: 14px;
	color: #333;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	pointer-events: none;
}
.sign-up .white-boxx .form-inputs .form-control {
	  border: 0;
    border-bottom: 1px solid #66666657;
    border-radius: 0;
    padding: 20px 3px 1px;
    height: 45px;
    transition: all 0.5s ease;
    color: #666;
    font-size: 14px;
    font-weight: 300;
}
.sign-up .form-inputs .form-control:focus, .sign-up .form-inputs .form-control:active {
/*
    border-bottom: 1px solid #05a7c6;
    height: 40px !important;
    padding-bottom: inherit !important;
*/
}
select#country_code {
    height: inherit !important ;
}
select#country_code:active {
    height: inherit !important ;
}
.sigCont{max-width: 700px!important; }

.sigCont .white-boxx .green-button button {
    width: 100%;
    border-radius: 35px;
    height: 38px;
    
    font-weight: 500;
    letter-spacing: 0.5px;
    transition: all 0.5s ease;
    /* background: linear-gradient( 90deg, rgba(2,153,212,1) 0%, rgba(2,188,177,1) 100%); */
     background: #0698d4 !important;
}
.sigCont .white-boxx .green-button button:hover { background: linear-gradient( 90deg, rgba(2,188,177,1) 0%, rgba(2,153,212,1) 100%); }

.sigCont .form-inputs .form-group { margin-bottom: 0px; }

.sigCont .green-boxes .fxt-header .logo {
    width: 100%;
    margin: 25px 0;
	text-align: center;
}

.sigCont .green-boxes .fxt-header .logo img {
    width: 100%;
    max-width: 170px;
    margin: 0 auto;
    display: inline-block;
		text-align: center;

		    filter: brightness(0) invert(1);
}
.sigCont .green-boxes .fxt-bg-img{ margin-top: 60%; }

.sigCont .green-button { margin: 13px 0 20px; }

.sigCont .form-inputs .select2-selection {
    border-bottom: 1px solid #66666657 !important;
    outline: 0 !important;
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    font-size: 14px;
    color: #666;
}
.sign-upbox.sign-upbox2 .white-boxx {
    padding: 20px 8%;
}
.sign-upbox.sign-upbox2 .white-boxx .form-inputs .form-control{ min-height: 50px; }


.upload-btn-wrapper {
	margin: 0px 0 7px;
	width: 100%;
	float: left;
}

.custom-file-upload-hidden {
  display: none;
  visibility: hidden;
  position: absolute;
  left: -9999px;
}

.custom-file-upload {
	display: block;
	width: auto;
}
.custom-file-upload label {
  display: block;
  margin-bottom: 5px;
}

.file-upload-wrapper {
	  position: relative;
    margin-bottom: 5px;
    float: left;
    width: 100%;
}

.file-upload-input {
    width: 300px;
    color: #02a9c4;
    font-size: 14px;
    padding: 5px 17px;
    height: 35px;
    border-radius: 35px 0 0 35px;
    border: 1px solid #02a9c4;
/*    background-color: #e4e4e4;*/
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    float: left;
}
.file-upload-input:hover, .file-upload-input:focus {
  background-color: #FFF;
  outline: none;
}

.file-upload-button {
    cursor: pointer;
    display: inline-block;
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
    padding: 4px 13px;
    border: none;
    letter-spacing: 0;
    margin-left: -1px;
    background-color: #02a9c4;
    float: left;
    height: 35px;
    border-radius: 0 35px 35px 0;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
/*
.file-upload-button:hover {
  background-color: #1a7d34;
}
*/
.rs-flex2.newOuters{ position: relative; margin-bottom: 15px; }

.rs-flex2.newOuters label.error {
    font-size: 12px;
    line-height: 14px;
    position: absolute;
    left: 13px;
    bottom: -25px;
}
.table td .tabBt {
    border: 2px solid;
    font-size: 11px;
    padding: 2px 7px;
    border-radius: 29px;
    font-weight: 500;
    min-width: 91px !important;
    display: inline-block;
}
.tabBt.btn-outline-success {
    color: #28a745;
    background-color: #b7e4c93b;
    background-image: none;
    border-color:#28a745;
}
.tabBt.btn-outline-danger {
    color: #dc3545;
    background-color: #dc354526;
    background-image: none;
    border-color:#dc3545;
}
.tabBt.btn-outline-warning {
    color: #ffa900;
    background-color: #ffa9002e;
    background-image: none;
    border-color:#ffa900;
}

form#buyer_register {
    margin-bottom: 20px;
}

.table td .btn-outline-success:hover{ background-color: #b7e4c93b; color: #28a745; }

.custom-file.editPage label.custom-file {
    background-color: #0398d5;
    color: #FFF;
    text-align: center;
    line-height: 37px;
}
.custom-file.editPage button.chBts {
    float: left;
    margin: -37px 0 0 0;
    width: 100%;
    border: 0;
    padding: 0;
    height: 35px;
    opacity: 0;
}
.custom-file.editPage .filTxt {
    font-size: 13px;
    line-height: 17px;
    display: block;
    padding: 5px;
    border: 1px solid #0398d5;
    text-align: center;
}

.bid-stats .grid-box {
    width: 100%;
    background-color: #FFF;
    border-radius: 15px;
    box-shadow: 0 0 10px #00000038;
    position: relative;
    overflow: hidden;
    padding: 15px;
    margin-bottom: 15px;
    background: rgba( 255, 255, 255, 0.15 );
box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.16 );
backdrop-filter: blur( 2.5px );
-webkit-backdrop-filter: blur( 2.5px );
border-radius: 10px;
border: 1px solid rgba( 255, 255, 255, 0.18 );
}
.bid-stats.buyers .grid-box:after {
    position: absolute;
    right: -84px;
    bottom: -45px;
    content: ' ';
    width: 300px;
    /* width: 100%; */
    display: inline-block;
    height: 100%;
    background-repeat: no-repeat !important;
    background-position: 140% 0px !important;
    /* background-size: contain !important; */
    z-index: 0;
}

.bid-stats.buyers .grid-box.blue:after{  background: url(../images/curve-1.png); }  
.bid-stats.buyers .grid-box.green:after{  background: url(../images/curve-2.png); }  
.bid-stats.buyers .grid-box.red:after{  background: url(../images/curve-3.png); }  

.bid-stats.buyers .boxvalue-head {
    font-size: 15px;
    font-weight: bold;
    line-height: 18px;
    margin: 10px 0;
    min-height: inherit;
    color: #1f2348;
    /* text-transform: uppercase; */
    float: left;
    position: relative;
    z-index: 2;
    width: 79%;
}
.bid-stats.buyers .box-value {
    font-size: 30px;
    text-align: end;
    z-index: 1;
    color: #FFF;
    position: relative;
    float: right;
    position: absolute;
    top: 10px;
    right: 10px;
    color: #01a9c4 !important;
    font-size: 20px !important;
}

.bid-stats.buyers .box-icon img {
/*    height: 85px;*/
    object-fit: contain;
    display: inline-block;
    width: auto;
}
.bid-stats.buyers .box-icon{ width: 100%;  }


td span.status, td button.status, .righCont .sendog .status {
    display: inline-block;
    padding: 6px;
    border: 0 !important;
    font-size: 11px;
    line-height: 12px;
    font-weight: 600;
    min-width: 90px;
    width: auto;
    height: auto;
    text-align: center;
    border-radius: 35px;
}
td .status.blue, .righCont .sendog .status.blue{ color: #2b5ed8; background-color: #c2d1f3;  }
td .status.grey, .righCont .sendog .status.grey{ color: #515253; background-color: #dde0e2;  }
td .status.red, .righCont .sendog .status.red{ color: #ff0000; background-color: #dc354526;  border: 2px solid #dc3545 !important;}
td .status.orange, .righCont .sendog .status.orange {
    color: #ee8c00;
    background-color: #fae2ce;
    border: 2px solid #ee8c00 !important;
}

td .status.green, .righCont .sendog .status.green {
    color: #03b785;
    background-color: #b7e4c93b;
    border: 2px solid #03b785 !important;
}
.righCont .sendog .status{
    padding: 5px 15px;
    border: 0 !important;
    font-size: 14px;
    line-height: 16px;
}
.tableBox {
    width: 100%;
    margin-bottom: 20px;
    background-color: #FFF;
    border-radius: 10px;
    box-shadow: 0 0 5px #00000030;
    border: 0;
    padding: 10px;
    background: rgba( 255, 255, 255, 0.15 );
box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.16 );
backdrop-filter: blur( 2.5px );
-webkit-backdrop-filter: blur( 2.5px );
border-radius: 10px;
border: 1px solid rgba( 255, 255, 255, 0.18 );
}
.tableBox .table, .tableBox table.dataTable {
    margin: 5px 0;
    border: 0 !important;
}

.tableBox table.dataTable td, .tableBox .table td { border-left: 0; }

.tableBox table.dataTable td:last-child, .tableBox .table td:last-child{ border-right: 0 !important; }


.tableBox table.dataTable thead th, .tableBox .table thead th {
    border-bottom: 1px solid #d8d3d3 !important;
    border-left: 0;
    border-top: 0;
    border-right: 0 !important;
    padding: 13px 15px 13px 5px !important;
    text-transform: uppercase;
    color: #0b9cd7;
    font-size: 13px;
    background-color: transparent;
}
.tableBox .table td, .tableBox table.dataTable td {
    padding: 10px 5px;
    color: #444444;

}

.tableBox table.dataTable thead th{ border-top: 1px solid #d8d3d3 !important; }

.tableBox .dataTables_wrapper label { margin-bottom: 15px; }

.progress-bar { background-color: #0398d5; }


.vendorDashs .grid-box{ padding: 0;  }

.vendorDashs .grid-box .vend-flex {
    display: flex;
    min-height: 140px;
    flex-direction: row;
    background-color: #efefef;
    padding: 15px 15px 0;
    transition: all ease 0.5s;
}
.vendorDashs .grid-box .img-boxs {
    text-align: left;
    width: 130px !important;
    padding: 15px 0;
}

.vendorDashs .grid-box .img-boxs img {
    width: auto;
    max-width: 100px;
}
.vendorDashs .grid-box .conts-box { text-align: end; width: calc(100% - 130px) !important; }

.vendorDashs .grid-box .conts-box .boxvalue-head label{ text-transform: uppercase; font-size: 14px; color: #333333; margin: 0; display: block; width: 100%; font-weight: 500;  transition: all ease 0.3s; }

.vendorDashs .grid-box .conts-box .boxvalue-head {
    margin: 5px 0;
    min-height: 60px;
    line-height: 27px;
}
.vendorDashs .grid-box .boxBotoms {
    padding: 8px 15px;
    font-size: 20px;
    transition: all ease 0.3s;
}


.vendorDashs .grid-box:hover .conts-box .boxvalue-head label{ color: #FFF; }

.vendorDashs .grid-box:hover .boxBotoms{ color: #02a6c7; }

.vendorDashs .grid-box:hover .vend-flex{ 
    color: #FFF;
    
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0498d5), to(#02b5b8));
    background-image: -webkit-linear-gradient(top, #0498d5, #02b5b8);
    background-image: -moz-linear-gradient(top, #0498d5, #02b5b8);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#0498d5', endColorStr='#02b5b8', GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#0498d5', endColorStr='#02b5b8', GradientType=0)";
    background-image: -ms-linear-gradient(top, #0498d5, #02b5b8);
    background-image: -o-linear-gradient(top, #0498d5, #02b5b8);
    background-color: #0498d5;
}
.vendorDashs .grid-box:hover .img-boxs img  {   filter: brightness(0) invert(1); }

.sub-headings span.comStatus {
    display: inline-block;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0498d5), to(#02b5b8));
    background-image: -webkit-linear-gradient(top, #0498d5, #02b5b8);
    background-image: -moz-linear-gradient(top, #0498d5, #02b5b8);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#0498d5', endColorStr='#02b5b8', GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#0498d5', endColorStr='#02b5b8', GradientType=0)";
    background-image: -ms-linear-gradient(top, #0498d5, #02b5b8);
    background-image: -o-linear-gradient(top, #0498d5, #02b5b8);
    background-color: #0498d5;
    color: #FFF;
    border-radius: 35px;
    padding: 3px;
    font-size: 17px;
    font-weight: 500;
    display: inline-block;
    min-width: 30px;
    line-height: 24px;
    min-height: 30px;
    text-align: center;
}

.formSer{
   width: 46%;
}
.divCents{
        margin: 35px 10px 0;
}
.spaDivision{
    display: flex;
    flex-direction: row;
}
.orCirc{
    background-color: #0398d5;
    color: #FFF;
    font-size: 11px;
    font-weight: 600;
    padding: 5px;
    border-radius: 35px;
    height: 30px;
    line-height: 20px;
    width: 30px;
    text-align: center;
}
.Zebra_DatePicker .dp_daypicker th {
    color: #FFF;
    background: #069fcf;
    border-color: #ffffff80;
}
.Zebra_DatePicker { background: #067fa0; }

.Zebra_DatePicker .dp_body .dp_current { color: #29c5bc; font-weight: 600; }

.Zebra_DatePicker .dp_body td{ background: #fbfbfb; }

.Zebra_DatePicker .dp_body .dp_selected { background: #29c5bc; color: #fff; }

.Zebra_DatePicker .dp_actions .dp_next, .Zebra_DatePicker .dp_actions .dp_previous { background-color: #069fcf; }

.custom-tabs .tab-content {  padding: 5px; float: left; width: 100%;    min-height: 200px;  border: 1px solid #90909066 }

.custom-tabs .tab-content .describing-product{     
    padding: 15px 20px;
    border-bottom: 2px dotted #ddd !important;
    border: 0;
    margin: 0;
}
.menus > ul > li span.counts {
    position: inherit;
    /* display: inline-block; */
    background: #48bceb;
    color: #ffffff;
    padding: 3px;
    width: 20px;
    height: 20px;
    /* line-height: 19px; */
    float: right;
    text-align: center;
    font-weight: 600;
       margin: 2px 0 -3px 7px;
    left: inherit;
    top: inherit;
}
.side-bar .menus ul li a.menu-lists.active span.counts {
    background: #0398d5;
    color: #FFF;
    font-size: 10px;
}
.upSeper .upload-btn-wrapper {
    margin: 0px 0 7px;
    width: calc(100% - 125px);
    float: left;
}
.upSeper .custom-file {
    float: right;
    width: 125px;
    text-align: end;
}
.upSeper .custom-file .dropzone.dz-clickable.Dz-box.happy-box {
    margin-top: 0px;
}

.upSeper .custom-file-upload .form-control{ height: 35px;  padding: 3px 10px; }

.upSeper .custom-file .dropzone.dz-clickable.Dz-box.happy-box a.eye {
    height: 35px;
    line-height: 26px;
}
.upSeper label{  margin-bottom: 2px; }


.boxings.chatmessage.phone { padding: 15px 20px; }

.chatmessage .wa-container .user-bar {
    border-radius: 10px 10px 0 0;
    padding: 5px 10px;
    height: 60px;
    box-shadow: 0 2px 5px #00000026;
    
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0498d5), to(#02b5b8));
    background-image: -webkit-linear-gradient(top, #0498d5, #02b5b8);
    background-image: -moz-linear-gradient(top, #0498d5, #02b5b8);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#0498d5', endColorStr='#02b5b8', GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#0498d5', endColorStr='#02b5b8', GradientType=0)";
    background-image: -ms-linear-gradient(top, #0498d5, #02b5b8);
    background-image: -o-linear-gradient(top, #0498d5, #02b5b8);
    background-color: #0498d5;
}
.chatmessage .wa-container .user-bar .user {
    margin: 0 10px 0 0;
    width: 45px;
    height: 45px;
    border: 1px solid #fff;
    border-radius: 100%;
    overflow: hidden;
    box-shadow: 0 1px 0 rgb(255 255 255 / 10%);
}
.chatmessage .wa-container .user-bar .user img{
    border-radius: 0;
    display: block;
    box-shadow: inherit;
    width: auto;
    max-width: 100%;
    min-width: 45px;
    min-height: 45px;
    object-fit: cover;
}
.chatmessage.phone { width: 100%; height: auto; }

.chatmessage .wa-container .user-bar .user-name b{ font-weight: 500;     letter-spacing: 0.5px; }

.chatmessage .wa-container .user-bar .user-name { width: calc(100% - 70px); }

.chatmessage .wa-container .chat-window {
    border: 2px solid #069dd0;
    background: #08b3bb17;
    box-shadow: inherit;
    border-radius: 0 0 10px 10px;
    border-top: 0;
    height: 100% !important;
}
.chatmessage .sendmessage {
    background-color: #12bfb5;
    color: #FFF;
    border: 1px solid #12bfb5;
    padding: 10px 15px;
    height: 45px;
    outline: 0;
    width: 100%;
}
.chatmessage .chat-window .hj { width: 100px; float: left; border-radius: 0 30px 30px 0; overflow: hidden; }

.chatmessage .wa-container .chat-window .textarea{ border-top: 1px solid #a7d8e0; width: 100%; padding: 7px 10px 13px; height: 65px; bottom: 0; background-color: #089dd014; }

.chatmessage .wa-container .chat-window .textarea .messagedetails{     
    width: calc(100% - 100px);
    float: left;
    border-radius: 30px 0 0 30px;
    overflow: hidden;
    padding: 10px 10px; 
    border: 1px solid #16bfb5d1;
}


.chatmessage .wa-container { position: inherit; top: inherit;  left: inherit; transform: inherit;  height: auto; padding: 0; max-width: 100%;  }

.chatmessage .wa-container #add_msg_complaint label.error {
    position: absolute;
    left: 0;
    bottom: -1px;
    font-size: 11px;
    font-weight: 600;
    text-align: center;
    width: 100%;
    margin: 0;
}
.chatmessage .wa-container .chat-window .balloon {  margin: 0 0 8px 0; }

.chatmessage .wa-container .chat-window .balloon.you { background: #0598d4bf; border-radius: 7px 0px 7px 7px;  color: #FFF; }

.chatmessage .wa-container .chat-window .balloon.you:after { border-color: transparent transparent transparent #0598d4bf; }

.chatmessage .wa-container .chat-window .balloon .data { color: #d5d9da; }

.page.nexus6 .chatmessage  .wa-container { width: 100%; height: 600px; }

.btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}

.btn-adbtn.btn-success{     
    color: #fff;
    background-color: #0498d5;
    border: 1px solid #0398d5;
    border-radius: 35px;
    padding: 7px 15px;
    font-size: 15px;
    display: inline-block;
    margin: 10px 0;
}

table td button.btn, table td  .d-flex .common-btn {
    background-color: #0298d5;
    color: #ffffff;
    border: 1px solid #0298d5;
    padding: 4px 5px;
    line-height: 16px;
    font-size: 13px;
    box-shadow: 0 0 0px #0003;
    margin: 0 2px 5px;
}
/*table td button.btn:hover {color: #0598d5 ; }*/

.tableBox.hideshadow{ box-shadow: none;  border-radius: 0; padding: 0; }

.prdct-kp{ width: 50%; }

button.Zebra_DatePicker_Icon {
    background: url(../images/icons.png) center top no-repeat !important;
    
}

.calIcons input.form-control, .Zebra_DatePicker_Icon_Wrapper input.form-control{
    background: url(../images/icons/cal_new.png) #FFF !important;
    background-repeat: no-repeat !important;
    background-size: 18px 19px !important;
    background-position: 97% center !important;
}
.time_pick .form-control{
    background: url(../images/icons/clk_new.png) #FFF !important;
    background-repeat: no-repeat !important;
    background-size: 19px 21px !important;
    background-position: 97% center !important;
}

.compalintBox .btns{
    padding: 8px 10px;
    font-size: 13px;
    font-weight: 500;
    border-radius: 35px;
    line-height: 16px;
}


.registered_prdcts .gridSpace.newDes .partner-box {
    box-shadow: inherit;
    padding: 0;
    border: 1px solid #0398d5;
        min-height: 400px;
}
.registered_prdcts .gridSpace.newDes .partner-box .titles {
    background-color: #0398d5;
    color: #FFF;
    min-height: 35px;
    padding: 3px 10px;
    align-items: center;
    display: flex;
}
.registered_prdcts .gridSpace.newDes .partner-box .partner-details {
    float: right;
    width: calc(100% - 120px);
    font-weight: 500;
    font-size: 14px;
    padding: 6px 0px 0px 0px;
}

table td button.btn.common-btn i{ font-size: 12px;}

p.msg-sts {
    color: #0398d5;
    font-weight: 500;
    font-size: 13px;
    margin: 0 10px;
    background-color: #0398d54d;
    border: 1px dotted #0398d5;
    padding: 1px 10px;
    border-radius: 20px;
}

.orderLists .common-btn, .bid-stats .common-btn {
    padding: 7px 15px;
    font-size: 13px;
}

#documenteditdiv .eye { margin: 5px 0 0; }

.bid-stats .quote-amt {  margin: 5px 0; }


.quote-btns.rights {  float: right; }

table.display.table tbody tr:nth-child( odd ){
    background: #049fcf1f !important;
}

.d-flex.f2 a {
    background: #049cd1;
    padding: 8px 10px;
    font-size: 13px;
    line-height: 16px;
    font-weight: 500;
    color: #fff;
    border-radius: 35px;
    
}
.d-flex.f2.justify-btns a{ margin: 5px 5px 0 0; }

div#pro {
    text-align: center;
}

.form-group input[type="checkbox"] {
    margin-left: 6px;
/*    margin-top: 14px;*/
}

section#values {
    background: #02bcb229 !important;
    /* box-shadow: 4px 3px 10px #ccc; */
}
.col-lg-6.imgTab iframe {
    width: 610px !important;
    height: 376px;
    border-radius: 60px;
    border: 10px solid #02a4c9;
    box-shadow: 0px 1px 10px #313131cc;
}

.d-flex.f2.justify-content-between {
    margin-top: 20px;
    justify-content: flex-start !important;
}




.product-name h6 span:last-child {
    margin-left: 18px;
}
span.cateory-name {
    min-width: 150px;
    color: #040404 !important;
}
.product-name h6 {
    display: flex;
    font-size: 14px;
}
input#search-criteria {
    margin-bottom: 15px;
}
a.more-info {
    background: #0298d5;
    padding: 8px 12px;
    color: #fff;
    border-radius: 6px;
}
a.more-info:hover {
    background: #02bcb1;
}
span.quote-status-hd {
    min-width: 200px;
    /* display: flex; */
}
p.Product-id.wraper {
    display: flex;
    align-items: center;
}
h6.quote-status-hd {
    margin-left: 16px;
    font-size: 19px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
}
.prdct-kp2{
    width: 100% !important
}
.col-md-12.d-flex.button-controls a button {
    background: #02bcb1;
    border: 0;
    margin-right: 10px;
    padding: 6px 8px;
    color: #fff;
        margin-bottom: 10px;
        font-size: 14px;
}
.col-md-12.d-flex.button-controls a button i {
   
    margin-right: 5px;
    
}
.col-md-12.d-flex.button-controls {
    margin: 10px 0px;
        flex-wrap: wrap;
}
span.asdf.quote-status-hd {
    margin-left: 16px;
    font-size: 19px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
        color: #000;
}
h6.sendog {
    display: block;
    margin-bottom: 20px;
}

p.Product-id.wraper span:last-child {
    margin-left: 10px;
}
.col-md-12.bid-rs h6 {
    display: block;
    margin-bottom: 10px;
    color: red;
}
td h6 {
    font-size: 14px;
}
.col-md-12.bid-rs p {
    font-size: 14px;
    margin-bottom: 10px;
}


.new_request .pro-des h6 {
    font-size: 16px;
    font-weight: 500;
    text-transform: inherit;
}

.new_request .quote-order .partner-details h6 {
    font-size: 16px;
    text-transform: inherit;
    margin: 0 0 5px;
    min-height: auto;
}
.new_request p.quoteee, .new_request .call, .new_request .specifications p {
    font-size: 14px;
    font-weight: 400;
    color: #333;
}
.new_request .pro-des p {
    font-weight: 400;
    color: #333;
}
.pro-des .dates i {
    margin-right: 5px;
}
.new_request .common-btn {
    font-size: 14px;
}

.orderLists.newDesg .product-flex.product-details-f > div h6 {
    display: block;
    font-weight: 600;
    font-size: 16px;
}
.orderLists.newDesg .product-flex.product-details-f > div h6 > span {
    text-transform: capitalize;
    display: inline-block;
}
.orderLists.newDesg .product-flex h6.Product-id span {
    font-weight: inherit;
    font-size: inherit;
    margin-bottom: 0;
}

.orderLists.newDesg .imgBoxs{
    background-color: #fbfbfb;
    align-items: center;
    display: flex;
    width: 120px;
    padding: 5px;
    border: 2px solid #ddd;
    border-radius: 10px;
    overflow: hidden;
}

.orderLists.newDesg .product{ text-transform: capitalize; }

.orderLists.newDesg .product-details .Product-id, .orderLists.newDesg .product-details .Product-id span {
    font-weight: 600;
    font-size: 16px;
    margin: 3px 0px 5px;
    letter-spacing: 0.3px;
}
.orderLists.newDesg .product-details .Product-id{ color: #444; }

.orderLists.newDesg .product-details .Product-id span { color: #222; }

.orderLists.newDesg .new-pro .amount {
    font-size: 16px;
    font-weight: 600;
    color: #0398d5;
}
.orderLists.newDesg .details-vendor ul li {
    font-size: 14px;
    color: #333;
    padding: 0 0 2px;
}
.orderLists.newDesg .details-vendor ul {
    margin: 5px 0 0;
}

.viewComplaint .specifications p {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    color: #666;
    margin: 0 0 7px;
}
.new_request .boxings.recently-add{
    padding: 15px;
    border-radius: 5px;
    margin-bottom: 10px;
}
.prdct-kp2 b{
    font-weight: 700;
}
.custom-tabs .tab-content .describing-product a.more-info {
    padding: 8px 16px;
    border-radius: 30px;
    font-weight: 400;
    font-size: 14px;
    display: inline-block;
    margin: 10px 0 0;
}

.newbidDetails .Product-id span.quote-status-hd, .newbidDetails .product-name h6 span.quote-status-hd {
    color: #333 !important;
    margin-left: 0 !important;
}
.newbidDetails .product-name h6.vendor-name span {
    margin-left: 10px;
}
.newbidDetails .prdct-kp h6.quote-status-hd{
    margin-top: 10px;
    padding-bottom: 5px;
}
.statusDiv .quote-status-hd{
    display: inline-block;
}
.statusDiv .Product-id.Product-id.wraperw {
        width: auto;
        float: left;
}
.statusDiv .righCont {
    float: left;
}
.statusDiv .righCont h6.sendog {
    margin-left: 10px;
}

.compalintBox ul.complaint_details .btns{
    border: 1px solid;
    line-height: 17px;
}
ul.complaint_details .complaint_approve {
    color: #29c5bc;
    background: #29c5bc2b;
}
ul.complaint_details  .complaint_reject {
    color: #e65360;
    background: #e6536017;
}

.compalintBox ul.complaint_details span.view-msg {
    background: #06a5c71f;
    border: 1px solid;
    color: #06a5c7;
    border: 1px solid;
    line-height: 17px;
}
.main-container #notification {
/*    background: #02bcb1;*/
}
.bgtitle {
    text-align: left;
    margin-right: -15px;
    font-size: 14px !important;
    font-weight: 400 !important;
}
/*
.bgtitle span{
    background-color: #dce3e6;
    color: #333;
    text-transform: capitalize;
    font-weight: 500;
    display: block;
    padding: 10px 10px 10px 20px;
    border-radius: 35px 0 0 35px;
}
*/
.bgtitle span {
    /* background-color: #ebf7fc; */
    color: #333;
    text-transform: capitalize;
    font-weight: 500;
    display: block;
    padding: 0px 8px 8px 0px;
    border-radius: 35px 0 0 35px;
}

.status-quotes.grress p, .status-quotes.reject p{
    border: 1px solid;
    padding: 3px 15px;
    display: inline-block;
    border-radius: 35px;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.2px;
    line-height: 19px;
}
.status-quotes.grress p {
    color: #13bfb5;
    background-color: #13bfb533;
    margin-right: 10px;
}
.status-quotes.reject p{
    color: #fc0000;
    background-color: #fc000012;
}

.d-flex.f2.justify-btns {
    display: flex;
    justify-content: center;
}

.ratingPops {
    border-radius: 15px;
    border: 0;
}
.ratingPops .modal-header{
    justify-content: center;
}
.ratingPops .modal-header .modal-title {
    margin: 0;
    line-height: inherit;
    font-weight: 600;
    letter-spacing: 0.5px;
}
.ratingPops .modal-header button.close {
    z-index: 1;
    color: #000;
    padding: 0;
    top: 12px;
    margin: 0;
}
.ratingPops label {    
    display: block;
    margin-bottom: 5px;
    font-weight: 500;
    font-size: 16px; 
}

.ratingPops .user-rating { padding: 0px 0px 20px;     margin-right: -15px; }

.ratingPops .user-rating span { margin: 0 -5px; }

.ratingPops .common-btn{
    background-color: #049cd1;
    font-size: 14px;
    padding: 7px 20px;
    min-width: 100px;
}
p.quoteee span.addrs {
    float: right;
    width: calc(100% - 23px);
}

.partner-details .quoteee i {
    float: left;
    margin-top: 4px;
}

.modal-login .modal-header .btn-close {
    background-color: #FFF;
    position: absolute;
    right: 15px;
    margin: 0;
    border-radius: 100%;
}

.modal-header.mix {
    padding: 10px 30px;
    border-radius: 20px 20px 0px 0px;
        min-height: 64px;
}
.mix {
    background: linear-gradient(
0deg
, rgba(2,188,177,1) 0%, rgba(2,153,212,1) 100%) !important;
}
.modal-login .modal-content {
    border: 0;
    box-shadow: 0 0 4px #ffffffa1;
}
.modal-content {
    border-radius: 20px;
    transition: .5s;
    overflow: hidden;
}
.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
    font-family: system-ui;
    text-transform: uppercase;
}
.btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em .25em;
    color: #000;
    background: transparent url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e) center/1em auto no-repeat;
    border: 0;
    border-radius: .25rem;
    opacity: .5;
}

span.log-rs {
    color: #fff !important;
    font-size: 20px !important;
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
    text-transform: uppercase !important;
    margin-top: 9px;
}
button.btn-close:hover {
    background: #fff !important;
}

button.btn-close {
    border-radius: 54px;
    display: flex;
    justify-content: center;
    padding: 10px;
    margin-top: 4px;
}
.cards {
    width: 100%;
    border: 1px solid #ccc;
    background: #cccccc40;
    padding: 20px;
    margin: 10px 10px;
}
.modal-header .close {
    padding: 1rem;
    margin: -1rem -1rem -1rem auto;
    font-size: 22px;
    background: #fff;
    width: 10px;
    height: 10px;
    color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    position: absolute;
    top: 30px;
    right: 31px;
}
/*
h6.bgtitle {
    margin-left: -15px;
}
*/
.box-one h1 {
    color: #fff;
    background: #02bcb1;
    padding: 15px 10px;
    margin: 0 !important;
    /* margin-bottom: 10px !important; */
    border-radius: 10px 10px 0px 0px;
}
.box-one {
    border: 1px solid #ccc;
    padding: 10p;
    border-radius: 10px 10px 0px 0px;
}
.box-one .form-group {
    display: flex;
    justify-content: space-evenly;
    font-weight: 600;
    background: #dad4d470;
    padding: 5px 5px 0px 0px;
    margin-bottom: 10px !important;
}
.save-btn {
    font-size: 19px;
    text-transform: uppercase;
    padding: 3px 35px;
    background: #02bab3;
}
.collapse li {
    margin: 0;
/*    line-height: 17px;*/
/*    padding: 0 0 0 4px !important;*/
    width: 100%;
    float: left;
    clear: both;
}
.collapse li a {
    display: block;
    font-size: 13px !important;
    padding: 8px 0 8px 33px !important;
    margin: 0;
    width: 100%;
    float: left;
    clear: both;
/*    border-bottom: 1px solid #ffffff52 !important;*/
}
li.nav-item.dropdown {
    height: inherit;
}



li.nav-item.dropdown .collapse.show {
    clear: both;
    float: left;
    width: 100%;
    background-color: #ffffff2b;
    /* border-radius: 5px 0 0 5px; */
    background: #f2f3f4;
}
.req-product-btn {
    margin-top: 32px;
    border-radius: 17px;
    padding: 5px 20px;
    background: #02bcb1;
    border: 0;
    color: #fff;
}
.req-submit-bttn button {
    border-radius: 30px;
    padding: 5px 32px;
    background: #0298d5;
}
.req-submit-bttn {
    display: flex;
    justify-content: center;
}
.col-md-6.certWraper>div, .col-md-6>.certWraper>div {
    /* background: #ccc; */
    padding: 10px;
    border: 2px dashed #ccc;
    font-size: 14px;
    font-weight: 600;
}
.radio_activate input {
    margin-bottom: .5em;
    margin-right: 12px;
}
.radio_activate {
    display: flex;
    align-items: center;
    margin-top: 20px;
}
.radio_activate label {
    margin-right: 30px;
}
span.amc_activated {
    color: #02bcb1;
    font-weight: bold;
    margin-left: 10px;
    border-radius: 10px;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 10px;
    
}
select#cmc_validity, select#amc_validity {
    margin-top: 30px;
}
#amcdetails, #cmcdetails {
    margin: 0px !important;
}
.radio_activate button:last-child {
    background: red;
    border: 0;
}
select#amc_validity_edit, #cmc_validity_edit {
    margin-top: 30px;
}

.mf button:first-child {
    margin-right: 10px !important;
}

.mf {
    display: flex;
    margin-bottom: 10px;
}
.mf button:last-child {
    background: red !important;
    border-color: red;
}

.tableBox table.dataTable thead th {
    border: 0px solid #d8d3d3 !important;
    text-align: center;
}
.tableBox .table td, .tableBox table.dataTable td {
    text-align: center;
    border: 0px solid #d8d3d3 !important;
}
th {
    text-align: center;
}
.amc_cmc.product-status-r .d-flex span {
    width: 140px;
    font-size: 14px;
    color: #343434;
    font-weight: 600;
    height: 30px;
    font-size: 12px;
    display: flex;
    align-items: center;
}
.amc_cmc.product-status-r .d-flex span:last-child {
    width: fit-content !important;
    padding: 0px 15px;
    height: auto;
    min-height: 26px;
    white-space: nowrap;
}
.amc_cmc.product-status-r .d-flex p {
    margin-right: 5px;
}
.amc_cmc.product-status-r .d-flex:first-child>div {
/*    margin-left: 4px;*/
}
.amc_cmc.product-status-r .d-flex>div {
/*    margin-left: 20px;*/
    position: relative;
}
.amc_cmc.product-status-r .d-flex .status {
    background: green !important;
    padding: 3px 10px;
    border-radius: 19px;
    color: #fff;
}
.amc_cmc.product-status-r .d-flex>div span{
    background: none;
}

.amc_cmc.product-status-r .status.green{
    
    background: #00800059 !important;
    padding: 5px 10px;
    border-radius: 19px;
    color: green;
}

.partner-box .txtSpc {
    display: inline-flex;
}
.amc_cmc.product-status-r .status.red {
    background: #ff000052 !important;
    color: red !important;
}
.amc_cmc.product-status-r .status.orange::after {
   background: #ffa5004d !important;
    padding: 5px 10px;
    border-radius: 19px;
    color: orange;
}
.amc_cmc.product-status-r .status.orange{
    background: #ffa5004d !important;
    padding: 5px 10px;
    border-radius: 19px;
    color: orange;
}
.amc_cmc.product-status-r .d-flex {
    padding: 4px 0px;
}

span.status.red {
    /*animation: blinker 1s linear infinite;*/
    color: red;
    font-weight: 500;
}
.complaint .d-flex>div span {
    width: 160px !important;
}

.blink span.status.red{
    animation: blinker 1s linear infinite !important;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}
td.align {
    text-align: left !important;
}
h1.tittles {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 13px;
    color: #0398d5;
}
.product-status-area {
    margin: 10px 0px 10px 10px;
    min-height: 170px;
}
p.dept-name {
    height: 20px;
    overflow: hidden;
        text-overflow: ellipsis;
     
    white-space: nowrap;
}
.right-panel.asd-auto {
    display: flex;
/*    margin-left: 13px;*/
    margin-top: 12px;
        margin-bottom: 10px;
}

.d-flex.custom-d {
    margin-right: 0!important;
    margin-bottom: 20px;
    border-bottom: 1px dashed #ccc;
}
.partner-details.Register-partner-details.d-flex.d-flex-custom {
    margin-left: 10px;
}

span.select2-selection.select2-selection--single {
    border-radius: 5px !important;
}
.add_new_buyer{
        font-size: 14px;
    color: #039bd2;
    font-weight: 500;
    cursor: pointer;
}
img.img-fluid.complaint-image {
    border-radius: 50% !important;
    height: 100px;
    width: 100px;
    object-fit: cover;
    border: 2px solid #02bcb1;
}

.card-wrap.card-itms {
    float: inherit;
    width: 100%;
    margin: 10px 0px -10px -10px;
}
span.full-content {
    width: 100% !important;
}

/*
button.complaint_approve.btns.float-left {
    position: absolute;
    right: 12px;
    top: 40px;
}
*/
.file-upload-wrapper {
    display: flex;
}
.file-upload-wrapper input {
    width: 70%;
}
.file-upload-wrapper button {
    font-size: 10px;
    flex: 1;
}
li.dex {
    display: flex;
    justify-content: center;
}

span.status2 {
    width: inherit !important;
}
.d-flex.custom-d.product-inner {
    flex-direction: column;
}
.d-flex.custom-d {
    flex-direction: column;
}

.validationclass {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: initial;
}

.modal-body .right-panel {
    margin-bottom: 10px;
}
.modal-header {
    background: #00bcd4;
    color: #fff;
}
.modal-footer button:first-child {
    background: #02bcb1;
}
.modal-footer button:last-child {
    background: #00bcd4;
}
.modal-footer button {
    padding: 4px 22px;
    border: 0;
    border-radius: 20px;
}
.modal-footer {
    display: flex;
    align-items: center;
    justify-content: center;
}

.pro-des p {
    width: 100% !important;
}
.pro-des p label {
    width: 270px !important;
}
    .pro-des h6 {
    width: 100%  !important;
}
.pro-des {
    display: flex;
    flex-wrap: wrap;
/*    margin-left: 30px;*/
}
.specifications.wraper p label {
    width: 276px;
}
.pro-des h6 {
    font-size: 16px;
    font-weight: 600;
    color: #0398d5;
    text-transform: capitalize;
    margin-bottom: 5px;
    padding-bottom: 8px;
    padding-top: 10px;
    border-bottom: 1px solid #ccc;
}
.d-flex.mai {
    display: flex !important;
    align-items: center !important;
}
.d-flex.mai input[type="radio"] {
    width: inherit !important;
    margin-left: 5px;
}
.d-flex.mai {
    margin-right: 25px;
}
.radio-main-cu {
    display: flex;
}

p.Value {
    margin-bottom: 20px;
}

.specifications.wraper h6, .bxNew h6 {
    color: #0398d5 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    padding-bottom: 8px;
    padding-top: 10px;
    border-bottom: 1px solid #ccc;
}

div#notification {
/*    background-image: url(../../assetsnew/img/abt-bg.png) !important;*/
    background-attachment: fixed;
    background-position: left;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.side-bar {
/*    background-image: url(../../assetsnew/img/abt-bg.png) !important;*/
    background-attachment: fixed;
    background-position: left;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.hack1 {
    display: table;
    table-layout: fixed;
    width: 100%;
}
.hack2 {
     display: block;
    overflow-x: auto;
    white-space: nowrap;
}

td a.prdctBtns {
    font-size: 12px;
    margin: 10px;
}
.pro-des .dates {
    width: 100%;
}
.pro-des .dates p {
    width: 100% !important;
}



.loginform label.error {
/*    position: absolute;*/
    top: 3px;
    right: 0;
}
.loginform span.select2-selection.select2-selection--single {
     border-radius: 0px !important; 
}
.custom-file {
    margin-bottom: 15px;
}
.main-container .select2-container .select2-selection--single{
    height: 40px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
    height: 100% !important;
    top: -1px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    left: 29% !important;
    top: 43% !important;
    margin-top: 0 !important;
}
span#forgoterror {
    padding-bottom: 10px;
    display: block;
}
.welcome {
    background-image: url(../../assetsnew/img/abt-bg.png) !important;
    background-attachment: fixed;
    background-position: left;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
        display: flex;
    align-items: center;
}

.welcome:before {
    content: '';
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: inherit;
}
.login-form.re-login {
    width: 400px;
}
.lg-form-s {
       border: 1px solid #ccc;
    padding: 70px 20px;
    background: rgb(255 255 255 / 48%);
    box-shadow: 0 8px 32px 0 rgb(31 38 135 / 37%);
    backdrop-filter: blur( 3.5px );
    -webkit-backdrop-filter: blur( 3.5px );
    border-radius: 10px;
}
.bor {
    background-image: url(../../assetsnew/img/bg4.png) !important;
    /* background-attachment: fixed; */
    background-position: right;
    /* background-repeat: no-repeat; */
    /* background-size: cover; */
    position: relative;
    
}
.login-container {
    display: flex;
    flex-direction: row-reverse;
}
.login-formss .has-search .form-control {
     border: 0px solid #ccc; 
    color: #000;
    background: #fff;
        height: 42px;
}
.login-formss .has-search .form-control::placeholder {
    color: #a5a3a3;
}
.form-group.has-search span {
    color: #787878 !important;
}
.form-group.has-search .error {
    margin: 5px 0px;
}
span#resetsucess {
    /* background: #fff; */
    color: #6635a7 !important;
    margin-bottom: 10px;
    font-weight: 400;
    display: block;
}

 select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    background-image: url(../../assetsnew/img/drp.svg);
    background-repeat: no-repeat;
    background-position-x: 97%;
    background-position-y: 50%;
    border: 1px solid #dfdfdf;
    border-radius: 2px;
    margin-right: 2rem;
    padding: 1rem;
    padding-right: 2rem;
}

.hack2.hk3 {
    overflow-x: inherit;
}
button.btn.btn-success.addproduct, button.btn.btn-success.adddepartment, button.btn.btn-success.addproduct{
    /* display: flex; */
    /* justify-content: right; */
    float: right;
    margin-bottom: 20px !important;
    display: block;
    background: #01bbb2;
    border: 0;
    border-radius: 40px;
}

.page-content > a button {
   float: right;
    margin-bottom: 20px !important;
    display: block;
    background: #01bbb2;
    border: 0;
    border-radius: 40px; 
        margin-left: inherit !important;
}
/*
.tab button.active {
    background-color: #0298d5;
    color: #fff;
}
*/
div#example_length select {
    border-radius: 4px !important;
    padding: 4px 14px !important;
    margin-right: 10px !important;
    background: #48bceb !important;
    color: #fff;
    border: 0 !important;
}
.boxings.card .bxNew .green-button, .boxings .green-button {
    margin: 22px 0px;
    display: flex;
    justify-content: center;
        width: 100%;
}
.select2-container--default .select2-results>.select2-results__options {
    max-height: 150px !important;
    overflow-y: auto;
}
img.placeh {
    object-fit: contain !important;
}
.approving-dealer .quote-btns > div {
    width: 100% !important;
    margin-right: 7px !important;
}
.approving-dealer .quote-btns > div:last-child {
    margin-right: 0px !important;
}
.quote-btns > div a, .quote-btns > div button {
    min-width: inherit !important;
}
span.select2-selection.select2-selection--multiple {
    padding: 0px 20px;
}
.custom-file button {
    background: #747474 !important;
    color: #fff;
    border: 0;
    border-radius: 8px;
    font-size: 14px;
    padding: 5px 13px;
}
div#amitems .green-button.rem button {
    margin-top: 4px;
    width: 145px;
    padding: 7px;
}

.form-inputs.f-adj .form-group {
    display: flex;
    flex-direction: column;
}
.form-inputs.f-adj .form-group label.error {
    
/*    order: 2;*/
}

.f-rad .error {
    position: absolute;
    bottom: -26px;
    left: -10px;
}
span.status.green {
    margin: 2px;
}
.righCont .green {
    background: #0c7d06;
    padding: 4px;
    color: #fff;
    margin-left: 7px;
    border-radius: 0px ;
}

.card-icon.card-x {
    width: 100%;
    height: 100%;
    background: #ccc;
    border-radius: 0px;
    margin-bottom: 10px;
}
.card-icon.card-x img{
    width: 100%;
    height: 120px;
    background: #ccc;
    border-radius: 0px;
    margin-bottom: 10px;

}
.card.card-statistic-1 {
    min-height: 147px;
    height: 100%;
}
.dealer-details .viewBtn { font-weight: 600; }

.card.card-statistic-1 .rating-m span.user-rating {
    padding: 1px;
}
.card-wrap.rs-card-wrap .dealer-details {
    padding: 0;
}
.card-wrap.rs-card-wrap {
    width: 100%;
}

.rs-stat1 {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between;
}
button.btn.common-btn.blue-btn.rsd {
    min-width: 110px !important;
}
.dropbtn.f-small.serBtn {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
}
.dropbtn.f-small.serBtn span {
    color: #fff;
    font-weight: 500;
}
.dropbtn.f-small.serBtn i {
    background: #d65d26;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 44px;
    color: #fff;
    margin-left: 8px;
    /* border: 1px solid #fff; */
    /* box-shadow: 0px 1px 4px 1px #4241419e; */
}
.menus > ul > li:hover {
    background: #f2f3f4;
    transition: .5s;
}
span.specss2 {
    width: 160px;
    display: table-caption;
}
span.coln {
    margin-right: 15px;
    color: #000000b5;
}
h6.master-heading {
    font-size: 20px;
    font-weight: bold;
    /* border-bottom: 1px solid; */
    margin-bottom: 10px;
    margin-top: 5px;
    color: #d65d26;
}
span.id-m {
    color: #2196f3;
    margin-left: 6px;
}
td.align {
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.name-company {
    display: flex;
    align-items: center;
}
.name-company span:first-child {
    max-width: 108px;
    overflow: hidden;
    margin-right: 10px;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
}
.d-flex.f2.justify-btns a, .d-flex.f2.justify-btns button {
    width: 100%;
    text-align: center;
}

li.dex {
    display: flex;
    flex-direction: column;
    /* margin-left: 32px; */
}
.d-flex.f2.justify-btns {
    padding: 0px 0px 0px 10px;
}
li.dex button {
    padding: 6px 0px !important;
    margin-top: 20px;
}


.row.mb-4.product_mains .col-lg-2 button {
    width: 100px  !important;
    padding: 0px 20px !important;
}

.row.mb-4.req_pr .col-lg-4 button {
    width: 100px !important;
    padding: 0px 20px !important;
}
.col-lg-4.col-md-6.col-sm-12.col-xs-12.check {
    border: 0 !important;
}

.btns_area.wraper {
    margin-top: auto;
}
.d-flex.f2.justify-btns button, .d-flex.f2.justify-btns a, .d-flex.f2.justify-btns span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46%;
    /* flex-wrap: wrap; */
    margin: 6px;
}
.d-flex.f2.justify-btns {
    flex-wrap: wrap;
}
.pro-des.view-comp p {
    height: 35px;
    background: #cccccc85;
    display: flex;
    align-items: center;
}
.pro-des.view-comp p label {
        width: 274px !important;
    background: #02a8c661;
    height: 100%;
    color: #086070;
    display: flex;
    align-items: center;
    padding-left: 12px;
}
.pro-des.view-comp p span {
    padding-left: 13px;
}
.pro-des.view-comp .right-panel {
   height: 35px;
    background: #cccccc85;
    display: flex;
    align-items: center;
    margin-bottom: 3px;
}
.pro-des.view-comp .right-panel span.Tittle {
       width: 270px !important;
    background: #02a8c661;
    height: 100%;
    color: #086070;
    display: flex;
    align-items: center;
    padding-left: 12px;
}
.pro-des.view-comp .right-panel span.Collon {
    display: none;
}
.pro-des.view-comp .right-panel span.Value {
        padding-left: 13px;
}

.col-lg-4.col-md-6.col-sm-12.col-xs-12 input[type="radio"] {
    min-height: 17px !important;
    margin-top: 11px;
    display: flex;
    justify-content: flex-start;
}

.preventive-card-custom button {
    background: linear-gradient(90deg, rgba(2,188,177,1) 0%, rgb(3,152,213,1) 100%);
    color: #fff;
    width: 100%;
    border-radius: 40px;
}
.preventive-card-custom {
    margin-bottom: 1px;
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 7px 8px;
}

button.save_print {
    background: #ff9800;
    border: 0;
    color: #fff;
    padding: 5px 22px;
    border-radius: 20px;
    cursor: pointer;
}
.main-bgd .partner-box {
    border: 0 !important;
}
.main-bgd {
    border: 1px solid #0398d5;
    margin-bottom: 15px;
    border-radius: 6px;
}
.machine-history-footer {
    display: flex;
    justify-content: space-between;
}
.prepared > span:first-child {
    font-weight: 700;
}

/*
th {
    font-weight: 300;
}
tr.head-table th {
    font-weight: 500;
}
*/
.compalintBox .audio-g ul.complaint_details li {
    display: flex;
}
.compalintBox .audio-g ul.complaint_details li audio {
    width: 97%;
    margin: 10px 0px;
    background: #fff;
    border-radius: 8px;
    border: 1px solid #ccc;
}

/*
audio::-webkit-media-controls-panel, video::-webkit-media-controls-panel {
                background-color: #fff;
    border: 0 !important;
}
*/
.pro-des.view-comp.specifications.wraper audio {
    border: 1px solid #ccc;
    border-radius: 8px;
    margin: 10px 0px 13px 0px;
    width: 100%;
}
.rating-m {
    flex-direction: column;
    align-items: center;
}
.rating-m span.quote-status-hd {
        min-width: inherit;
}
.rating-m span.user-rating {
    padding: 5px;
    margin: 0;
}

.product_details-grd {
    display: flex;
    flex-wrap: wrap;
/*    margin-left: 28px;*/
    width: 100%;
}
.product-image {
    width: 20%;
    border: 2px solid #0dbdaf;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
    margin-bottom: 20px;
    min-height: 220px;
    border-radius: 10px;
}
.product-image img {
    width: 120px;
}
.p-o-buttons button {
/*    margin-left: 10px;*/
    color: #fff;
        padding-right: 25px;
    padding-left: 25px;
    border-radius: 5px;
}
.p-o-buttons button {
    margin-bottom: 19px;
}
.p-o-buttons {
    display: flex;
    justify-content: flex-start;
    margin: 20px 5px 10px 0px;
    flex-wrap: wrap;
    gap: 10px;
}
button.btn.medd-buttons.medd-blue {
    background: #0296D4;
    color: #fff;
}
button.btn.medd-buttons.medd-red {
    background: #FB0000;
    color: #fff;
}
button.btn.medd-buttons.medd-green {
    background: #0DBDAF;
    color: #fff;
}
.p-o-buttons button:hover {
    filter: brightness(0.9);
}

label.p-o-label {
    color: #3c4244;
     min-width: 100px; 
    font-weight: 600;
    margin-right: 10px;
}
/* .product-details ul li label.p-o-label{
    width: 100px;
} */
.order-id h4 {
    font-size: 18px;
    font-weight: bold;
    color: #484D4C;
}
span.green-order {
    color: #0296d4;
}
h4.product-name {
    margin-bottom: 12px;
    font-size: 20px;
    font-weight: bold;
    color: #0dbdaf;
/*
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
*/
}
ul.nav.nav-tabs.meddbot-tab li a.active {
    border-bottom: 1px solid #0296d4;
    color: #0296d4;
}


ul.nav.nav-tabs.meddbot-tab li a {
    font-size: 16px;
    color: #2D2C2C;
        display: flex;
    padding: 5px 20px;
}
.tab-content.meddbot-tabcontent {
    margin-top: -2px;
    padding: 12px;
}
.po-sum{
    min-height: 535px;
}
.purchase-order {
    border-bottom: 1px solid #ccc;
    padding: 10px 0px 20px 0px;
    position: relative;
}
.medd-pop-buttons {
    display: flex;
    justify-content: right;
}
.medd-black{
    background: #2D2C2C;
/*    margin-left: 10px;*/
}
.medd-pop-buttons button {
    color: #fff;
    min-width: 120px;
    padding: 3px 10px !important;
}
.otp h4 {
    text-align: center;
    color: #0296D4;
    margin-bottom: 20px;
    font-weight: 600;
    margin-top: 20px;
}
.otp p {
    text-align: center;
    margin-bottom: 12px;
}
.otp-dflex input {
    width: 60px;
    height: 50px;
    margin: 10px;
    border: 0;
    border-bottom: 1px solid #ccc;
    text-align: center;
    font-size: 30px !important;
    color: #0296d4;
}
.otp-dflex {
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
}
.new-modal .modal-content {
    border-radius: 8px !important;
}
.new-modal .modal-content .close {
    color: #0000006b;
    z-index: 99999;
}
.otp-dflex input::placeholder {
    color: #d5d5d5;
}
.row.pbg-itms {
    padding: 20px;
}
.row.pbg-itms .col-lg-6 {
    margin: 0;
    padding: 0;
}
.row.pbg-itms .form-group {
    padding: 5px;
    margin-bottom: 0px;
}

.row.pbg-itms.gey-section {
    padding: 14px;
    margin: 10px;
    background: #ccc6;
}
.row.pbg-itms label {
    margin-bottom: 0px;
    font-size: 13px;
}

a#file-input-button-x i {
    margin-right: 10px;
}
a#file-input-button-x {
    width: 100%;
    min-height: 60px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: #464444;
    background: #ebebeb;
    border: 2px dashed #bbb3b3;
    padding: 10px 20px;
}
p#file-list-x {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
 .visually-hidden { /* https://snook.ca/archives/html_and_css/hiding-content-for-accessibility */
    position: absolute !important;
    height: 1px; width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
}

.modal-dialog.modal-lg.cutom-modal {
    max-width: 700px;
}
  .row.pbg-itms.gey-section h5 {
    font-size: 15px;
    font-weight: bold;
}  
sub {
    bottom: 0px 1important;
}
sub, sup {
    position: relative;
     font-size: inherit !important; 
    line-height: 0;
    vertical-align: baseline;
}
ul.custom-details li {
    width: 50%;
}
ul.custom-details {
    display: flex;
    flex-wrap: wrap;
}
.product-details.custom {
    flex: 1;
}
h5.bank-details::after {
    position: absolute;
    width: 86%;
    height: 1px;
    right: 0;
    top: 11px;
    content: "";
    background: #ccccccb8;
}
h5.bank-details {
    margin: 10px 0px 20px 0px;
    font-size: 16px;
    position: relative;
}
.product-image.custom {
    min-height: 250px;
}
.p-o-buttons button {
    min-width: 135px;
}
.purchase-order.pre-order {
    border: 1px solid #ccc;
    padding: 20px;
    margin-bottom: 20px;
}
.product-image.custom.pre-product-image {
    min-height: 210px;
}
li.pre-list {
    margin-bottom: 10px;
    color: #7a7676;
}
li.lab-pre {
    margin-bottom: 10px;
    font-weight: 600;
    text-transform: capitalize;
}
li.remaining {
    font-size: 18px;
    color: red;
    margin-bottom: 12px;
}
li.pre-list.green {
    background: none;
    color: #0dbdaf;
    font-weight: 600;
}

label.form-check-label, .form-check {
    cursor: pointer;
}
a#file-input-button-x1 i {
    margin-right: 10px;
}
a#file-input-button-x1 {
    width: 100%;
    display: flex;
    align-items: center;
    background: #ebebeb;
    border: 1px dashed #6a6969;
    color: #495057;
}
h5.bank-details2 {
    margin: 10px 0px 10px 0px;
}
ul.custom-details.pbg-details-pop {
    /* background: #cccccc63; */
    padding: 20px;
    border-radius: 10px;
    box-shadow: 2px 2px 10px #ccc;
    border-left: 5px solid #0296d4;
}
.purchase-order.purchase-order-no-border {
    border-bottom: 0px solid #ccc;
}
button.cancel {
    border-radius: 50px !important;
    width: 40%;
}
.p-o-buttons.add-pbg-button-group button:nth-child(2) {
    background: #383535;
}
.p-o-buttons.add-pbg-button-group button:nth-child(3) {
    background: #f18617;
}
.p-o-buttons.add-pbg-button-group button:nth-child(4) {
    background: red;
}
.p-o-buttons.add-pbg-button-group button:nth-child(5) {
    background: #736e78;
}
.p-o-buttons.add-pbg-button-group button:nth-child(6) {
    background: #0dbdaf;
}
div#docview {
    display: flex;
    align-items: center;
}

div#docview a.eye {
    padding: 8px 20px;
    border-radius: 5px;
    margin-left: 20px;
}
button.btn.medd-btn.edit-po {
    width: 188px;
    margin-bottom: 16px;
    background: #d65d26;
    color: #fff;
}
div#docview {
    display: flex;
    align-items: center;
    flex-direction: column;
}
div#docview p:last-child {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
}
div#docview p {
    width: 100%;
}
li#reqdetails {
    width: 100%;
}
.product-image.small-img {
    min-height: 110px;
}
.table td, .table th {
    padding: 0.75rem;
    vertical-align: top;
    border: 1px solid #dee2e6;
}
button.btn.medd-buttons.medd-blue.rounded {
    color: #fff;
}
.consignment h4 {
    font-size: 20px;
    color: #0296d4;
    margin-bottom: 7px;
}
.calendar-wrapper .header {
    background: none !important;
    border-bottom: 0px !important;
}
.ins-img img {
    border: 1px solid #ccc;
    border-radius: 10px;
    margin: 18px;
    width: 90px;
    height: 90px;
    padding: 21px;
}
span.or-id {
    position: absolute;
    /* width: 100%; */
    bottom: 24px;
    left: 50%;
    font-size: 12px;
    transform: translateX(-50%);
}
.ins-img {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #cccccc4d;
    margin-left: 10px;
    border-radius: 10px;
}
.ins-buttons {
    display: flex;
    align-items: center;
    margin-top: 15px;
}
.ins-buttons button {
    width: 100%;
    color: #fff;
}
.w-50.ins-grid {
    border: 1px solid #ccc;
    padding: 15px 14px 15px 4px;
    border-radius: 10px;
    margin: 10px;
    width: 47% !important;
}
.ins-buttons button:first-child {
    margin-right: 12px;
    background: #0DBDAF;
}
.ins-buttons button:last-child {
    background: red !important;
}
.ins-details h4 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.ins-details ul li {
    display: flex;
    justify-content: space-between;
}
.ins-details ul li span {
    color: #0DBDAF;
}
.d-flex.ins-date {
    flex-wrap: wrap;
}
a.eqip_ment {
    border: 1px solid #ccc !important;
    display: block;
    padding: 10px;
    margin-bottom: 30px;
    min-height: 330px;
}
.eqp-img img {
    background: #ffb34270;
    max-height: 160px;
    object-fit: contain;
}
.eqp-details {
    margin: 20px 0px 0px 0px;
}
button.status-eqp {
    background: none;
    border: 0;
    font-weight: 600;
}
button.status-eqp.red {
    color: red;
}

button.status-eqp.green {
    color: green;
}
.order-id-eqp span {
    color: #222;
    font-weight: 500;
}

.eqp-details bh4 {
    
}
button.status-eqp.view-challan {
    color: #01b9b3;
    text-decoration: underline;
    cursor: pointer;
}

button.btn.rounded.medd-blue.w-100 {
    background: #02a4ca;
    margin-top: 15px;
    color: #fff;
    font-size: 18px;
}
span.eq-sts {
    color: #0dbdaf;
    font-weight: 600;
}
.img-badge img {
    width: 100px;
    margin: auto !important;
}
.alert-popup {
    margin-top: 30px;
}
.alert-popup h4 {
    margin: 30px 0px 30px 0px;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
.flex-1 {
    flex: 1;
}

ul.dispatch-itms li label {
    font-size: 16px !important;
    min-width: 170px;
}
.clone-parent {
    width: 98%;
}
.form-group.addbtn button {
    background: #343a40;
    border: 0;
}
.comp-st1:after {
    background: url(../images/curve-4.png);
}
.comp-st2:after {
    background: url(../images/curve-5.png);
}
.comp-st3:after {
    background: url(../images/curve-6.png);
}
.comp-st4:after {
    background: url(../images/curve-7.png);
}
.comp-st5:after {
    background: url(../images/curve-8.png);
}
.comp-st6:after {
    background: url(../images/curve-9.png);
}

.modal-header.new-header {
    background: initial;
    color: inherit;
}
button.exp-date-btn.btn.medd-blue.medd-buttons.ml-2 {
    color: #fff;
    padding-left: 30px;
    padding-right: 30px;
}
.p-o-buttons.add-pbg-button-group p {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    margin-right: 5px;
}

.sweet-alert h2 {
    font-size: 24px !important;
}

.sweet-alert button.cancel {
    background-color: red !important;
    border-radius: 5px !important;
}
.main-bgd.cx:hover {
    box-shadow: 1px 3px 10px #c1d3d3;
    background: #02b7b6;
    transform: scale(1.01);
}
.main-bgd.cx:hover .partner-box {
    background: #d5d5d5;
}
/*
.main-bgd.cx:hover .partner-details p{
   color: #fff; 
}
*/
/*
.main-bgd.cx:hover .prevnt.amc_cmc.product-status-r .d-flex p, .main-bgd.cx:hover .prevnt.amc_cmc.product-status-r .d-flex span {
    color: #fff !important;
}
*/
.main-bgd.cx:hover .partner-logo img {
    border: 4px solid #fff;
}
.main-bgd.cx .preventive-card-custom button {
    border: 1px solid #fff;
}
.purchase-order.custom {
    border: 0;
    box-shadow: -1px 2px 10px #ccc;
    padding: 14px;
    border-radius: 6px;
    margin-bottom: 20px;
}
.order-id.d-flex.justify-content-between.w-100.hd-accnt {
    background: #b7e4c9;
    padding: 6px 10px;
    margin-bottom: 17px;
}
.hd-accnt h3 {
    font-size: 18px;
    font-weight: 600;
    color: #1f2348;
}
.hd-accnt h4 {
    font-size: 16px;
    font-weight: bold;
    color: #484D4C;
}
.purchase-order.custom label.p-o-label {
    color: #767676;
    min-width: 170px;
    font-weight: 600;
}
.purchase-order.custom ul.custom-details li span {
    color: #0d0f24;
}
a.Custm.eye i {
    margin-left: 10px;
}
a.Custm.eye {
    margin-left: 8px !important;
}

span.count {
    right: auto !important;
    top: auto !important;
        position: inherit !important;
}
.tableBox.wraper tr {
    border-bottom: 1px solid #d8d3d3 !important;
    border-right: 1px solid #d8d3d3 !important;
}
.ml-20r{
    margin-left: 20px;
}
button.status-eqp {
    padding: 0;
}
.details-listing span.Tittle {
    min-width: 287px !important;
    width: auto !important;
    max-width: 100%;
}
.contact-details-pop::after {
    content: "";
    position: absolute;
    width: 67%;
    height: 1px;
    background: #ddd;
    top: 11px;
    right: 0;
}
.contact-details-pop {
    text-align: left;
    font-size: 15px;
    font-weight: bold;
    position: relative;
}
.vendor-name {
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 9px;
    color: #06a5c7;
}

.prdt-imos.widthAlig-med{
    width: 50%;
}
.prdt-imos.widthAlig-med:last-child{
    padding-left: 5%;
}

button.btn.add-button-po {
    margin: 12px 0px;
    color: #fff;
    background: #03a6c8;
}
button.btn.add-button-po.remove-po {
    background: #323232;
    margin-right: 0px;
}
button#create i {
    margin-right: 5px;
}

ul.custom-details.pbg-details-pop li label {
    min-width: 130px !important;
}

button#otpverify {
    margin-right: 10px;
}
span.status-pbg {
    position: absolute;
    top: 15px;
    right: 7%;
}
span.status-mng {
    position: absolute;
    top: 60px;
    right: 20px;
}
.p-o-buttons.mng {
    position: relative;
}
#status th::after, #status th::before {
    display: none;
}
#status label.form-check-label {
    font-size: 12px;
}
#status  .form-check-input {
    position: inherit;
}
.dataTable > thead > tr > th[class*="sort"]:before,
.dataTable > thead > tr > th[class*="sort"]:after {
    content: "" !important;
}
th .form-check button:first-child {
    background: green;
    padding: 9px 10px;
    font-size: 13px;
    margin-right: 9px;
}
th .form-check {
    display: flex;
    margin-left: 0px;
    padding-left: 0px;
}
div#statusModal .modal-dialog {
    max-width: 1000px;
}
th .form-check button:nth-child(2) {
    background: red;
    padding: 9px 10px;
    font-size: 13px;
    margin-right: 9px;
}
.form-check button {
    height: 30px;
    display: flex;
    align-items: center;
    border: 0;
}
th.sorting {
/*    pointer-events: none;*/
}
th.sorting .form-check button{
    pointer-events: all;
}
.main-can .purchase-order {
    width: 48%;
    margin: 1%;
    padding: 15px;
    border: 0 !important;
    border-radius: 4px;
    box-shadow: -1px 1px 10px #ccccccb0;
}
.main-can {
    display: flex;
    flex-wrap: wrap;
}
.p-o-buttons.cancel button {
    margin-bottom: 0px !important;
}
.p-o-buttons.cancel {
    margin-bottom: 6px;
}
.product-description button {
    color: #fff !important;
}

.product-description {
/*    width: 100%;*/
    margin-bottom: 10px;
}
.form-inputs.rad-inp input[type="radio"] {
    min-height: 16px;
    width: 16px;
    margin-right: 10px;
}
.form-inputs.rad-inp {
    margin-right: 10px;
}
.form-inputs.rad-inp .form-group {
        display: flex;
    align-items: center;
}
td .form-check input[type="radio"] {
    margin-left: 0px;
}
.ins-details {
    flex: 1;
}
.tab-content.meddbot-tabcontent nav {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    padding: 0px 22px;
}
button.btn.medd-buttons.btn.btn-secondary {
    margin-bottom: 0px;
    background: #02b8b4;
    border: 0;
}
.product-description.po-buttonGroup button {
    margin-right: 8px;
}
.product-description.po-buttonGroup {
    display: flex;
    justify-content: flex-end;
    margin-top: 12px;
}
.product-description.po-buttonGroup button:nth-child(2) {
    background: #0dbdaf;
}
button.btn.medd-buttons.medd-blue:nth-child(3) {
/*    background: #ff9800;*/
}
button.btn.medd-buttons.medd-blue:nth-child(4) {
    background: #455054;
}
.inspCheck {
    margin-top: 5px;
}
.inspCheck input {
    margin-top: 0px !important;
}
.prdStatus > span {
    /* background: #03a9f4 !important; */
    /* display: flex; */
    padding: 0px 10px 0px 0px;
    margin-right: 10px;
    /* border-radius: 50px; */
    /* border: 1px solid #cccc; */
    /* box-shadow: 2px 2px 11px 2px #cccccc94; */
    font-weight: bold !important;
    border-right: 1px solid #ccc;
}
.prdStatus {
    display: flex;
    margin: 3px 0px;
}
.p-o-buttons button {
    height: 38px;
}

.p-o-buttons.aaC a{
    display: flex;
    align-items: flex-end;
}
ul.aaCLabel label.p-o-label {
    min-width: 240px;
}
span.p_completed, span.p_pending, span.payment_approved, span.payment_pending {
    padding: 10px;
    background: #fff;
    display: inline-block;
    margin-top: 10px;
    margin-right: 10px;
    border: 1px solid;
}
.modal-dialog.modal-Accxl.cutom-modal.new-modal {
    min-width: 80% !important;
}
.removproducts.remP {
    padding: 10px 30px !important;
    /* border: none; */
    border-radius: 35px !important;
    width: fit-content !important;
    height: inherit !important;
        background: red !important;
}


.po-pRdt-sum ul:first-child {
/*    margin-right: 15%;*/
    position: relative;
}
.po-pRdt-sum {
    display: flex;
}
.product-details {
    flex: 1;
}
.noShadow {
    box-shadow: none !important;
    background: initial !important;
    margin: 0;
    padding: 0;
}
.noShadow .purchase-order {
    border-bottom: 0px solid #ccc;
    padding: 20px;
    background: #fff;
    margin-bottom: 20px;
    box-shadow: 1px 2px 10px #ccc;
}
.po-pRdt-sum label.p-o-label {
    color: #3c4244;
    min-width: 190px;
    font-weight: 600;
    margin-bottom: 2px;
    font-size: 15px;
}

.product-description.po-buttonGroup.nW-btnGrp {
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}
.product-description.po-buttonGroup.nW-btnGrp .non-btn button {
    background: none !important;
    color: #23274b !important;
    margin-right: 0px !important;
    padding: 0px 10px;
    font-weight: 600;
}
.product-description.po-buttonGroup.nW-btnGrp .non-btn button i {
    margin-right: 8px;
}
.P-Btn button:hover {
    background: #292d52 !important;
}

.po-pRdt-sum ul li {
    font-size: 15px;
    display: flex;
}
.noShadow label.p-o-label {
    margin-bottom: 3px !important;
}

.noShadow  .product-image {
    border: 5px solid #dfdfdf;
    border-radius: 2px; 
        max-height: 190px;
}
.po-pRdt-sum ul {
    width: 50%;
}
th, td {
    text-align: left !important;
}
span.counts.zerocount {
    display: none;
}
.check_B {
    display: flex;
    align-items: center;
    padding: 7px 20px;
    /* border: 1px solid #a8a8a866; */
    border-radius: 0.25rem;
    margin-top: 3px;
    /* background: #0075ff2b; */
}
.check_B input {
    margin: 0px 10px 0px 0px !important;
    position: relative !important;
}
.check_B .form-check {
    padding-left: 0px !important;
    display: flex;
}
.check_B label {
    font-size: 14px;
    color: #545454;
    font-weight: 500;
}
span#products_span label.error {
        order: 2;
}
table.display.table.pay-Summary tr td:first-child {
    font-weight: bold;
    padding-left: 20px;
}
table.display.table.pay-Summary tr td:nth-child(2) {
    text-align: right !important;
    padding-right: 20px;
}

table.display.table.pay-Summary tr {
    border: 1px solid #ccc;
}
table.display.table.pay-Summary tr:last-child {
           background: #1ea2b7 !important;
}
table.display.table.pay-Summary tr:last-child td {
    color: #fff !important;
    font-size: 17px;
}
.pay-Summary {
    margin-bottom: 45px;
}
.tableBox.wraper select {
    border-radius: 4px !important;
    padding: 4px 14px !important;
    margin-right: 10px !important;
    background: #48bceb !important;
    color: #fff;
    border: 0 !important;
}
.tableBox.wraper label {
    text-transform: capitalize;
}
.batch {
    background: #ff8b1330;
    color: #ff8b13 !important;
    font-size: 13px !important;
    padding: 5px 15px;
    border: 1px dashed;
    margin-right: 10px;
    border-radius: 10px;
}
.noShadow .purchase-order {
    position: relative;
}
.O_id {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.po-pRdt-sum ul li span {
    margin-left: 4px;
}
.col-md-6.certWraper.pr_status span.status.red {
    width: 100% !important;
}
.box-value.box-valueX {
    position: absolute !important;
    top: 10px;
    right: 10px;
    color: #01a9c4 !important;
    font-size: 20px !important;
}
.grid-box.blue.gridboX .boxvalue-head {
    width: 100% !important;
}
.bid-stats.buyers .grid-box.gridboX:after{
        right: -104px !important ;
}
tr.clickable-row {
    cursor: pointer;
}
li.dex.f-deX button {
    padding: 6px 0px !important;
    margin-top: 6px;
}
.col-md-12.defaultz {
    padding-left: 0px;
}
h6.asdf.quote-status-hd {
    margin-left: 0px;
}
.col-md-12.defaultz .Product-id, .col-md-12.defaultz .Product-id span {
    margin-bottom: 0px !important;
}
.col-md-12.defaultz  span.user-rating {
    padding-left: 0px;
}
.col-md-12.defaultz span.feedback {
    padding-left: 11px;
    display: table-footer-group;
}
form#assignserviceengg > .green-button {
    display: flex;
    align-items: center;
    flex-direction: column;
}
input#chargedoc {
    /* height: 35px; */
    padding: 0;
}
.pro-des.btnAlign {
    justify-content: center;
}
.pro-des.btnAlign button {
    width: fit-content !important;
    margin-right: 10px !important;
}
li.dex span, li.dex button {
    padding: 5px 30px !important;
    width: calc(100% / 2.5) !important;
        height: 30px !important;
    margin: 2px !important;
}

li.dex {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 20px !important;
}
span.amCd {
    width: 26%;
    margin-left: 10px;
    font-size: 14px;
    display: inline-block;
}

.certWraper span.amCd {
    width: 130px;
}
.widthFull a{
    display: block;
    width: 100%;
}
span.d-flex.axcD {
    margin-bottom: 11px;
}
span.amc_activated.rej {
    width: 200px;
    background: #f8a8aa;
    border-radius: 20px;
    padding: 6px;
    border: 1px solid #ccc;
    font-size: 13px;
    margin-left: -1px;
    margin-top: 5px;
    color: red;
}
span.amc_activated.cmc {
    width: 200px;
    background: #02bcb130;
    border-radius: 20px;
    padding: 6px;
    border: 1px solid #ccc;
    font-size: 13px;
    margin-top: 10px;
    margin-left: 0;
    color: #02bcb1;
}
span.d-flex.axcD {
    align-items: center;
}
span.d-flex.axcD a.eye {
    margin-left: 7px;
}
.valuE {
    display: flex;
    align-items: center;
}
h6.prdt-name {
    font-size: 22px;
    color: #01a6c7;
}
.partner-details.Register-partner-details.prdt-details-main {
    flex: 1;
}
span.Tittle {
    min-width: 235px !important;
}
.prdt-specs .right-panel {
    width: 50%;
}

.prdt-specs {
    display: flex;
    flex-wrap: wrap;
}
li.status-v .red, li.status-v .green {
    font-size: 13px;
    padding: 4px;
    color: #fff;
    border-radius: 4px;
}
.row.vendorDashs.vender-values .box-value {
    position: initial !important;
}

.row.vendorDashs.vender-values .grid-box:hover .box-value {
    color: #FFF !important;
}

.row.vendorDashs.vender-values .grid-box .conts-box {
    text-align: end;
    width: calc(100% - 130px) !important;
    display: flex;
    flex-direction: column;
    align-items: end;
}

section.sign-up.sign-up-otp {
    background-image: url(../../assetsnew/img/abt-bg.png) !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.logo.reg-logo {
    display: flex;
    justify-content: center;
    margin: 30px 10px;
}
.logo.reg-logo img {
    width: 200px;
}
.reg-button {
    width: min-content !important;
    padding: 9px 10px !important;
    height: inherit !important;
}
span#select2-country-container, span#select2-buyer_type_new-container {
    padding: 0px 0px !important;
    font-size: 14px;
    color: #000;
/*    font-weight: 600;*/
}
span.select2.select2-container.select2-container--default {
    width: 100% !important;
    margin-top: 5px;
}
.loginform .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 14px !important;
    position: absolute;
    top: -2px;
}
select option sup{
    color: red;
}
.loginform label.error {
/*    position: absolute;*/
}
section.sign-up {
    background-image: url(../../assetsnew/img/abt-bg.png) !important;
}


.reg-button {
    background: #0698d4 !important;
    border-radius: 35px;
    min-width: 145px;
    color: #fff;
    cursor: pointer;
    border: none;
}
.file-up {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}
.file-up .custom-file {
    width: 90px;
    margin-left: 10px;
}
.tgfd {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}
.tgfd .custom-file {
    width: 90px;
    margin-left: 10px;
}
button{
    cursor: pointer;
}
.quote-btns.th-buttons a button {
    width: 100% !important;
}
.quote-btns.th-buttons a {
    width: 100%;
    display: flex;
}
.aproved-imgs img {
    height: 130px;
    object-fit: cover;
}
.aproved-imgs {
    height: inherit !important;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
}
input[type=number] {
    -moz-appearance:textfield !important;
}
.common-content span.select2.select2-container.select2-container--default {
    margin-top: 0px !important;
}
.common-content span#select2-country-container {
    padding: 0px 12px !important;
}
.mobile-login {
    display: none !important;
}
/*
.green-button.custom-dr {
    flex-direction: row !important;
}
.green-button.custom-dr .boxings.card .bxNew .green-button, .boxings .green-button {
    justify-content: flex-start !important;
}
.green-button.custom-dr  .pro-des.specifications.wraper {
    order: 3;
}
.green-button.custom-dr .pro-des {
    justify-content: flex-start !important;
}
.green-button.custom-dr .boxings.card .bxNew .green-button, .boxings .green-button {
    margin: 10px 0px !important;
    width: fit-content !important;
    order: 2 !important;
    margin-left: 10px !important;
}
.green-button.custom-dr button {
    min-width: 172px;
    display: flex !important;
    justify-content: center !important;
}
.pro-des.btnAlign.green-button button {
    margin-top: 17px !important;
}
*/

.green-button.custom-dr.minsz {
    width: 100% !important;
}
.buttons-comp button {
    width: calc(100% / 5) !important;
}

button.close.close_message {
    min-width: inherit !important;
}

.right-panel.vendor span {
    text-align: left !important;
}
.form-group.choice-custom ul.chosen-choices {
    border: 1px solid #a8a8a866;
    font-size: 14px;
    border-radius: 5px;
    min-height: 35px;
    display: flex;
    align-items: center;
}
.form-group.choice-custom li.search-choice {
    background: #039ad2 !important;
    color: #fff !important;
        height: 35px;
    display: flex;
    align-items: center;
}
a.search-choice-close {
    filter: brightness(0) invert(1);
}
form#managetest {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

span.textmanage {
    background: #1b315f;
    color: #fff;
    padding: 5px 20px;
    border-radius: 20px;
    margin-top: 10px;
    display: flex;
    width: fit-content;
}
span.textmanage:hover {
        background: linear-gradient(181deg, rgba(2,188,177,1) 0%, rgb(3,152,213,1) 100%);
}
.barcode-n {
    width: max-content;
}
.d-bluebtn {
    background: #020f58 !important;
}

.status-new .d-flex {
    width: calc(100% / 3);
    flex-direction: column;
}
.status-new .d-flex p {
    display: none;
}
.status-new .d-flex span:last-child {
    width: 100%;
}
.status-new .d-flex span {
    width: 100% !important;
    font-size: 15px !important;
}

.modal-dialog.modal-xl {
    max-width: 1140px !important;
}
div#statusModal .table-responsive::-webkit-scrollbar {
  display: none;
}
div#readyitems h3 span {
    font-size: 13px;
    font-weight: 400;
    margin-top: 8px;
    display: flex;
}
div#readyitems h3 {
    font-size: 16px;
    font-weight: 600;
    margin-top: 20px;
    justify-content: space-between;
    margin-bottom: 10px;
}
.r-itm {
    display: flex;
    flex-direction: column;
    width: 33.3%;
    margin-bottom: 19px;
}
div#readyitems h3 {
    width: 100%;
}
div#readyitems {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.r-itm span:first-child {
    font-size: 15px;
    font-weight: 600;
}
.r-itm span:last-child {
    font-size: 13px;
}
.pas-sec span {
    position: absolute;
    top: 18px;
    right: 0;
}

.pas-sec {
    position: relative;
}
/*.loginform label {
    display: inline !important;
}*/
.sign-up .white-boxx .form-inputs label.label {
    z-index: 9;
}
/*
a.eye {
    position: absolute;
    right: 0;
    bottom: -37px;
}
*/
.empty a.eye {
    position: inherit;
    right: 0;
    bottom: -37px;
}
.right-panel.vendor a.eye, .doc-view a.eye {
    position: inherit !important;
}
.user-bar {
    position: relative;
}
button.close-mgs {
    width: 20px;
    height: 20px;
    border: 0;
    color: #fff;
    position: absolute;
    top: 20px;
    right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
}

.phone-input select#country_code {
    padding: 0px;
    width: 30px;
    border: 0;
    position: absolute;
    top: 10px;
    background: none;
}

.phone-input {
    display: flex;
    flex-wrap: wrap;
}

.phone-input input {
    padding-left: 30px !important;padding-bottom: 5px !important;
}

.d-flex.catalogue .dropzone.dz-clickable.Dz-box.happy-box {
    margin-top: 0px;
}
.d-flex.catalogue .custom-file.editPage.filTxt {
    border: 0px !important;
}
.d-flex.catalogue .dropzone.dz-clickable.Dz-box.happy-box, .d-flex.catalogue  .custom-file.newLeft {
    width: fit-content;
        margin-bottom: 0px;
}
.d-flex.catalogue {
    justify-content: space-between;
    align-items: center;
    border: 1px solid #ccc;
    padding: 10px;
}

.tableBox table.dataTable thead th, .tableBox .table thead th {
    padding: 13px 25px 13px 25px !important;
}
.tableBox .table td, .tableBox table.dataTable td {
    padding: 10px 25px;
}
.order-id.d-flex.justify-content-end {
    justify-content: flex-start !important;
    padding: 10px 25px;
    background: #7c8a8a;
    margin-bottom: 30px;
    border-radius: 10px 10px 0px 0px;
    width: 100% !important;
}
.order-id h4 {
    color: #fff !important;
}
span.green-order {
    color: #fff;
}

.status-po {
    position: absolute;
    top: 60px;
    right: 20px;
}
.side-bar .menus ul li ul li a.menu-lists {
    padding: 0px 0 5px 33px !important;
}
.row.pbg-itms.gey-section .green-button button {
    height: 38px;
    margin-top: 30px !important;
}
.row.pbg-itms.gey-section .green-button button span {
    width: 100% !important;
    display: flex;
    justify-content: center;
}
button.addproducts.activeaddproducts {
    position: absolute;
    bottom: 72px;
    left: 210px;
}

ul.Pre-Requisites-list {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 20px;
}
.product-details.custom.d-prdt {
    margin-top: 15px !important;
}
.add-pre button {
    display: flex;
    align-items: center;
    gap: 5px;
}
button.product-submit.remove {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    width: fit-content !important;
    min-width: fit-content;
    padding: 0px 20px !important;
}
.add-pre button {
        position: absolute;
    top: -60px;
    right: 13px;
}
.add-pre button.add.prereq {
    position: relative;
    top: inherit;
    left: inherit;
    margin-left: 10px;
    margin-top: 0px !important;
}

div#amitems label.error {
    position: absolute;
    
}
span.clock-icon {
    position: absolute;
    top: 5px;
    right: 10px;
    color: #ccc;
    opacity: .5;
}
.time-picker-wrapper {
    position: relative;
}
.ui-widget-header.ui-corner-all {
    background: #2196f3;
    color: #fff;
}
.ui-widget-content.ptTimeSelectRightPane, .ui-widget-content.ptTimeSelectLeftPane {
    border: 1px solid #ccc !important;
}
.ptTimeSelectHrAmPmCntr a {
    background: #dfdfdf;
}
#ptTimeSelectCntr #ptTimeSelectCloseCntr a {
    color: #fff;
}
div#ptTimeSelectSetButton {
    background: #ccc;
}
a.ui-corner-all.ui-state-default, #ptTimeSelectCntr #ptTimeSelectSetButton a:hover {
    background: #2196F3;
    color: #fff !important;
}
div#ptTimeSelectSetButton {
    background: #adadad;
}
.time-picker-wrapper input {
    cursor: pointer;
}
.d-flex-max input {
    width: fit-content !important;
}
.d-flex-max .form-group {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    gap: 10px;
    margin: 20px 0px;
}
.d-flex-max .form-inputs {
    width: fit-content;
}
.d-flex-max {
    display: flex;
    gap: 20px;
}
span#download-challan {
    display: flex;
    gap: 10px;
}
.order-status {
    position: absolute;
    right: 50px;
    top: 75px;
}


.row.c-po .form-inputs.f-adj .form-group label.error {
    order: 2;
}
.product_details-grd.po-nw-wiz label.p-o-label {
    min-width: 125px !important;
}
button.product-submit.remove {
    min-width: 145px;
    /* height: 40px; */
    padding: 7px 20px !important;
}
.approving-dealer .quote-btns.new {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 -5px;
    flex-direction: column;
}
span.user-rating {
    margin-left: 0px !important;
    display: flex;
    gap: 3px;
}
p.Product-id.wraper.rating-m {
    flex-direction: row;
    justify-content: space-between;
}
p.Product-id.wraper.rating-m span.star {
    font-size: 12px;
}
ul.del-features.newdelers {
    min-height: fit-content;
}

.quote-btns.rs-btns.dealer-b.row.approve-itms {
    width: 100%;
    justify-content: flex-start;
    margin-bottom: 10px;
    margin-top: 0;
}

.quote-btns.rs-btns.dealer-b.row.approve-itms button {
    min-width: inherit !important;
}
.product-details-vew a {
    display: flex;
    background: #039dd1;
    height: 36px;
    padding: 0px 33px;
    justify-content: center;
    align-items: center;
    margin-bottom: 7px;
    color: #fff;
    border-radius: 5px;
    text-transform: capitalize;
}
.product-details-vew {
    display: flex;
    align-items: flex-end;
}

.ins-details ul li:last-child a {
    background: #01aac4;
    padding: 5px 10px;
    color: #fff;
    border-radius: 5px;
}
.ins-main.d-flex.align-items-center {
    gap: 15px;
}
.Quality td .status.green, #table_id .righCont .sendog .status.green {
    border: 0px solid #03b785 !important;
    
}
.Quality button.status.red {
    border: 0px solid #03b785 !important;
    pointer-events: none;
}
.invoiceselect.newSty{
    font-weight: 500;
    padding: 5px 15px !important;
    color: #444;
    line-height: 28px;
    width: 100%;
    background-color: #FFF;
    border-radius: 5px !important;
    height: 41px;
}
.Qualityr .dataTables_wrapper .dataTables_filter {
    float: left !important;
    text-align: right;
    margin-left: 10px;
}
.tableBox  .dataTables_wrapper .dataTables_filter {
    float: right !important;
}
table .post-imgPrw{
    object-fit: cover;
}
.Quality div#table_id_filter:nth-child(2) {
    border-left: 1px solid #ccc;
    padding: 0px 10px;
}
.Quality  .dataTables_wrapper label {
    margin-bottom: 0px !important;
}
.d-flexW {
    display: flex;
    align-items: flex-start;
    gap:12px;
}
.product-description.desc-prdt-nw.ins {
    flex: 1;
}
.product-description.desc-prdt-nw {
    border: 1px solid #ccc;
    padding: 15px;
    border-radius: 10px;flex: 2;
}

.ins-details ul li label {
    margin-bottom: 0px;
}
.ins-details h4 {
    border-bottom: 1px solid #ccc;
    padding: 6px 0px;
}
.ins-details ul li {
    font-size: 15px;
    margin-bottom: 3px;
}

.ins-details ul {
    margin-top: 15px;
}
.addtnl {
    display: flex;
    justify-content: space-between;
    gap:20px;
}
.addtnl p:last-child{
    text-align: right;
    white-space: nowrap;
}
.boxings .addtnl p{
    white-space: nowrap;
}

.addtnl.reason {
    flex-direction: column;
    gap: 10px;
    padding: 10px;
    border: 1px solid #ccc;
    margin-top: 8px;
    border-radius: 5px;
}
.addtnl.reason p:last-child{
    text-align: left !important;
}
.nw-status-po a.eqip_ment {
    min-height: inherit !important;
}
.nw-status-po a.eqip_ment .order-id-eqp span {
    color: #474545 !important;
    font-weight: normal;
}
.new-preq {
    padding: .375rem .375rem !important;
}
.btn-grp-po{
    justify-content: flex-start !important;
    gap:10px;
}
.btn-grp-po button{
    margin-right: 0px !important;
}
label.form-check-label {
    font-size: 14px;
    color: #343434;
    font-weight: 600;
}
.product-details li {
    font-size: 14px;
    display: flex;
}
.otp-dflex.sm input {
    width: 25px;
}

.ins-product-name {
    margin-bottom: 12px;
    font-size: 20px;
    font-weight: bold;
    color: #0dbdaf !important;
}
.eqip_ment {
    margin-bottom: 20px;
    border: 1px solid #ccc;
    padding: 10px;
    align-items: stretch;
}
li.n-dex {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 20px !important;
}
li.n-dex span {
    min-width: 30% !important;
}
.dataTables_wrapper .dataTables_filter {
    float: left !important;
    text-align: right;
    margin-left: 20px;
}
label.error {
    order: 3;
    position: relative !important;
}

form#buyer_register .form-group {
    display: flex;
    flex-direction: column;
}
span.tabBt.btn-outline-success, span.tabBt.btn-outline-danger, span.tabBt.btn-outline-warning {
    border: 0;
    text-align: center;
}
.bid-stats.bidplace label.error {
    order: 3;
}

.bid-stats.bidplace .form-group, form#addDelar .form-group{
    display: flex;
    flex-direction: column;
}

.form-check.num-same {
    display: flex;
    align-items: center;
    gap: 10px;
    height: 40px;
    border-bottom: 1px solid #ccc;
    padding-left: 2px;
}
.form-check.num-same input {
    margin: 0;
    padding: 0;
    position: inherit !important;
}
label.add-pbg-itm {
    display: flex;
    flex-direction: row-reverse;
    gap: 10px;
}
.padio-pbg-nw {
    padding: 20px 11px;
    padding-bottom: 0px;
}
.container.upload-custmax p {
    text-align: inherit !important;
}
select {
    font-size: 14px !important;
}
.form-check.setas-default input {
    position: relative;
    margin: auto;
    padding: 0;
}
.form-check.setas-default {
    position: absolute;
    right: 0;
    display: flex;
    align-items: center;
    gap: 7px;
    top: 0px;
}

.form-check.setas-default label.form-check-label {
     font-size: 12px !important;
}
.form-inputs.app-vend.f-adj button#creates {
    margin-top: 0px !important;
}
.green-button.green-button2.d-flex.justify-content-start.add-pre {
    margin: 0;
}
li.quot.certificate-install a {
    padding: 5px 10px !important;
}
.row.pbg-itms.gey-section label.error {
    position: absolute !important;
}
.row.pbg-itms.gey-section.val-label-dias label.error {
    position: relative !important;
}
.order-id.d-flex.justify-content-end {
    position: relative;
}
.bt-mail {
    position: absolute;
    right: 3px;
    top: 7px;
}
.newform.p-nw {
    display: flex;
    flex-wrap: wrap;
}
div#Manufacturer_files {
/*    padding: 0;*/
}
.pas-sec.pass-addcreate span {
    top: 10px;
    right: 6px;
}

.col-lg-6.Dealer_files .form-group {
    position: relative;
}
.custom-file {
    position: absolute;
    right: 0;
}

.dropzone.dz-clickable.Dz-box.happy-box {
    width: inherit !important;
}
.Dealer_files .custom-file.newLeft {
    margin-top: -21px !important;
}
.form-group.buy-gst .custom-file {
    position: absolute !important;
    width: inherit;
    right: 19px;
    top: 26.5px;
}
.form-group.upSeper.csm .custom-file {
    right: 15px !important;
    margin-top: -22px !important;
}
.form-group.has-search.reset-pasS > span {
    left: 0 !important;
    top: 2px;
}
.form-group.has-search.reset-pasS .pas-sec.pass-addcreate span {
    top: 13px;
    right: 11px;
}
.req-cat-wrapper textarea {
    height: 65px !important;
}
.dynamic-section button {
    border: 0;
    padding: 0;
    background: none;
    color: #03A9F4;
}

.table-custom-hd-qw th.sorting {
    width: inherit !important;
}
.table-custom-hd-qw td:last-child {
    display: flex;
    gap:5px;
}
.row.row23.man-addp-files .custom-file {
    position: inherit;
    margin-top: 10px;
    display: flex;
    align-items: center;
    gap:4px;
}

.row.row23.man-addp-files .custom-file label {
    display: none;
}
.row.row23.man-addp-files .d-flex.catalogue {
    border: 0;
}
.row.row23.man-addp-files.edit .custom-file {
    justify-content: space-between;
}
.row.row23.man-addp-files.edit .custom-file .d-flex.catalogue .custom-file.newLeft{
   margin-top: -3px !important;
}
.row.row23.man-addp-files.edit .custom-file .d-flex.catalogue{
   gap:4px;
}
.O_id.batch-wrpper .bt-batch {
    position: absolute;
    z-index: 9;
    top: 8px;
    right: 0px;
}
.O_id.batch-wrpper .batch {
    background: #FF5722;
    color: #ffffff !important;
}
.O_id.batch-wrpper {
    position: relative;
}
.row.pbg-itms.gey-section.pbg-wrapper-add .form-group label.error{
     position: relative !important;
}
.np-product {
    flex-wrap: wrap;
}
.np-product label.error{
        font-size: 14px;
    font-weight: 600;
}
.eqp-wrapper .eqip_ment, .eqp-wrapper .eqipment-itm{
        min-height: 100%;
    margin-bottom: 0px;
} 
.eqp-wrapper a.ins-product-name, .eqp-wrapper h4.product-name {
       display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; 
}
.eqp-wrapper .col-lg-4 {
    margin-bottom: 30px;
}

a.Custm.eye.padd-lef {
    padding-left: 0px !important;
}
.cutm-23 a.prdctBtns {
    margin: 0 !important;
}
div#ptTimeSelectCntr {
    width: 19.9% !important;
}
span.clock-icon {
    pointer-events: none;
}

li.eqp-id {
    position: absolute;
    top: 30px;
    right: 50px;
    color: #fff;
    display: flex;
    align-items: center;
}

li.eqp-id span, li.eqp-id label {
    color: #fff;
    margin-bottom: 0px;
    
}
.textarea.chat-text {
    display: flex;
    bottom: -5px !important;
}
.textarea.chat-text label.error {
    position: absolute !important;
    top: 17px !important;
    right: 120px !important;
    left: auto !important;
    width: fit-content !important;
    font-size: 15px !important;
    font-weight: 400 !important;
}
 .rs-flex2.newOuters label.error {
     position: absolute !important;
}   
.product-details li span {
    margin-left: 8px;
}
.product-details ul li label.p-o-label {
    min-width: 140px;
    max-width: 100%;
    width: auto;
}
.col-md-12.d-flex.button-controls button {
    text-transform: capitalize;
}
.lg-btn .common-btn {
    padding: 8px 20px !important;
    font-size: 14px !important;
}
.nw-des p.Product-id.wraper {  
    align-items: flex-start;
}
.nw-des .cards {
    background: #ebfeff;
    margin-bottom: 0px !important;
}
a.eye.regdoc {
    color: #fff;
    background: #11beb4;
    padding: 4px 13px;
    border-radius: 10px;
    font-size: 15px;
    display: inline-block;
}
td .status {
    cursor: inherit !important;
}
.b_id_new {
    padding: 7px 20px;
    background: #01abc224;
    color: #0a6c79 !important;
    border-radius: 8px;
    border: 2px dashed #ccc;
    text-transform: capitalize;
}

.order-id.d-flex.justify-content-between.w-100.hd-accnt{
    justify-content: space-between!important;
    padding: 10px 25px;
    background: #7c8a8a;
    margin-bottom: 30px;
    border-radius: 10px 10px 0px 0px;
    width: 100% !important;
}
.order-id.d-flex.justify-content-between.w-100.hd-accnt h3{
    color: #fff;
}
.purchase-order.js-category-filterable.sh-0 {
    box-shadow: none;
    width: 100%;
    padding: 0;
    margin: 10px 0px;
    border-bottom: 1px solid #ccc !important;
    padding-bottom: 20px;
}

li.status-po label.p-o-label {
    min-width: 70px !important;
}
label.p-o-label.short {
    color: red;
    width: fit-content !important;
    min-width: fit-content !important;
    display: flex;
    justify-content: flex-end;
}
.edit-grid .initial-state {
    bottom: 105px !important;
}
.green-button button{
    transition: inherit !important;
}
.val-ordr {
    display: flex;
    flex-direction: column;
}
.righCont.d-flex.w123 h6 p {
    width: fit-content !important;
}
.righCont.d-flex.w123 h6 {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-bottom: 0;
}
button.btn.common-btn.yellow-btn.ml-2.h-35 {
    height: 35px;
    margin-top: 0px !important;
}
.righCont.d-flex.w123 {
    align-items: center;
    gap: 10px;
}
.Zebra_DatePicker {
    width: 120px !important;
}
td.dp_time_hours.dp_disabled.dp_time_separator {
    height: 40px;
}
table.dp_footer.dp_actions {
    display: none !important;
}
tr.dp_time_controls_decrease {
    height: 40px;
}
tr.dp_time_controls_decrease {
    height: 20px;
}

table.dp_timepicker.dp_body td {
    height: 20px;
    text-align: center !important;
}
td.dp_time_hour.dp_time_control, td.dp_time_minute.dp_time_control {
    background: #02acc0;    color: #fff;
}
.dataTables_paginate {
    float: right !important;
    margin-top: 5px;
}
.modal button.btn-close {
    content: " \F62A";
    font-size: 15px;
    font-family: "bootstrap-icons";
}
.bid-stats.boxings.recently-add {
    position: relative;}

sup {
    color: red;
}
p.ne-status-d {
    font-size: 14px;
    font-weight: bold;
    background: #00bcd42e;
    padding: 10px 20px;
    border-radius: 40px;
}
li.dd-fsx {
    align-items: center;
}
li.dd-fsx span {
    font-size: 20px;
    font-weight: bold;
}

.edit-grd button:nth-child(2){
    margin-left: 20px;
}
button.addproducts.activeaddproducts {
    position: inherit !important;
    margin-left: 12px;
}
/* Hide the button in all instances */
div#products #products_span .row .col-lg-6 .green-button button:nth-child(2) {
    display: none !important;
}

/* Show the button only in the last #products_span */
div#products #products_span:last-child .row .col-lg-6 .green-button button:nth-child(2) {
    display: block !important;
}

.alignHeadings{
    align-items: center;
}

.form-inputs .form-group {
    display: flex;
    flex-direction: column;
}

.d-flex.mai input[type="radio"] {
    margin-top: 0px !important;
}

.clock.comp {
    top: 26px;
}
a.eye.btn-medd {
    background: #0398d5;
    padding: 5px 13px;
    border-radius: 10px;
    border: 1px solid #ccc;
    color: #fff;
}
.green-button.d-flex.align-items-center.ml-3.val-new .d-flex button {
    padding: 6px 20px;
    min-width: inherit !important;
}
.green-button.d-flex.align-items-center.ml-3.val-new .d-flex button:first-child,
.d-flex.justify-content-start.my-3.xcv button:first-child,
.d-flex.justify-content-start.my-3.xc button:first-child{
    background: green !important;
}
.green-button.d-flex.align-items-center.ml-3.val-new .d-flex button:last-child,
.d-flex.justify-content-start.my-3.xcv button:last-child,
.d-flex.justify-content-start.my-3.xc button:last-child{
    background: red !important;
}
button#validationdate_flow {
    width: fit-content;
}
.amc_title {
    text-align: center;
}
a.eye.btn-medd {
    margin-left: 4px !important;
}
span.d-flex.axcD {
    align-items: center;
    font-size: 14px;
}

.notification.icons .Desic p {
        word-break: keep-all !important;
}
button.newGreenbtn.vQ {
    width: fit-content !important;
}

span.notdate {
    white-space: nowrap;
    background: inherit;
    padding: inherit;
    display: inline;
    margin: inherit;
    color: inherit;
    font-weight: bold;
}
a.eye.doc_upload_view{
   width: fit-content;
    position: absolute !important;
    right: 0;
    bottom: 2px; 
}
a.eye {
    width: fit-content;
}
.com_bottom_buttons {
    gap: 10px;
}
.com_bottom_buttons button {
    margin: 0 !important;
    width: auto !important;
}

.widPlusMin{
    padding: 0 5px;
    min-width: 75px;
    float: right;
}
.widPlusMin .Add-buttons{
    display: flex;
    width: 100%;
    justify-content: space-between;
}
.gridWidth{
    width: calc(100% - 80px);
    float: left;
}
.widPlusMin button.G-add, .contPops .G-add{
    width: 30px;
    height: 30px;
    margin-top: 20px;
}
.widPlusMin button.G-add i, .widPlusMin .G-add.removeproduct i, .contPops .G-add i{ font-size: 12px; margin: 0; }

.widPlusMin button.G-add.removeproduct {
    background: red !important;
}

.algSingle{
    display: flex;
    align-items: center;
    justify-content: left;
}
.staWidth .status {
    border-radius: 60px;
    font-size: 14px;
    padding: 2px 10px;
    line-height: 20px;
    min-height: 26px;
    display: inline-block;
    width: auto;
    font-weight: 500;
}
.staWidth p.labels {
    min-width: 200px;
}
.contPops .radSlc.form-inputs label{
    text-align: center;
    margin: 0 0 2px;
}
.contPops  .modal-body {
    padding: 1.5rem
}
.contPops .radSlc.form-inputs .form-control{
    min-height: 28px;
 
}

.inptStyles{
    border: 1px solid #a8a8a866;
    font-size: 14px;
    border-radius: 5px;
    min-height: 35px;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 5px 15px;
}
.inptStyles .form-group input[type="checkbox"] {
    margin: 0 8px 0 0;
}

.inpSame .form-inputs .form-control, .inpSame .select2-container .select2-selection--single, .prrequest1 .select2-container .select2-selection--single, .prrequest1 .form-inputs .form-control{
    height: 40px;
}
.inpSame .select2-container--default .select2-selection--single .select2-selection__rendered, .prrequest1 .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 25px;
}

.form-inputs.country span#select2-country-container {
    line-height: 38px;
}

.inpSame button.G-add, .prrequest1 .removeproduct {
    /* height: 40px; */
    margin-top: 28px;
    line-height: 16px;
    width: auto;
    padding: 5px 20px !important;
}
.inpSame button.G-add i.fa.fa-plus {
    font-size: 12px;
    margin-left: 8px;
}

.contPops .form-inputs{
    margin: 0;
}
.contPops  .form-inputs .form-group{
    margin: 0;
}


.sweet-alert p {
    text-align: center !important;
}
button.confirm {
    border-radius: 5px !important;
    background-color: #0296d4 !important;
    margin-bottom: 20px !important;
}
sup {
    color: red;
}
.search-rs {
    border-radius: 30px;
}
.dataTables_wrapper label select {
    padding: 30px !important;
   width: 49px;
    border-radius: 1px !important;
}
p.bg-danger-solid {
    border: 1px solid red;
    background: #ff00001c;
    padding: 8px 20px !important;
    color: red;
    border-radius: 100px;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #ccc !important;
    border-radius: 5px !important;
}

input#datepicker1, input#product_discard_edit, input#renewal_date_edit, input#datepicker, input#schedule_date, input#timepicker {
    background: transparent;
    border: 1 !important;
    border-radius: 5px !important;
}

.borRads{
    border-radius: 20px;
}


.medd-btn-c {
    background: linear-gradient(90deg, rgba(3,152,213,1) 0%, rgb(2,188,177,1) 100%) !important;
    padding: 10px 30px !important;
    color: #fff !important;
    border-radius: 35px !important;
}

.card3.card.card-statistic-1.wraper {
    display: flex !important;
    flex-direction: column;
}
/*    justify-content: space-between;
}

.col-lg-4 input[type="file"]{
    width: 100%;
}

.col-lg-4 input[type="file"]::-webkit-file-upload-button {
      min-height: 35px;
    border: 0;
}

/*
#amcdetails, #cmcdetails {
    margin: 0px !important;
    border: 1px solid #ccc !important;
}
*/

.modal-footer button {
    padding: 4px 22px;
    border: 0;
     border-radius: 5px !important; 
    color: #fff !important;
}

.tableBox.wraper a.paginate_button.current {
    background: #48bceb !important;
    color: #fff !important;
    border: 0 !important;
}
.bid-stats.buyers .conts-box .box-value {
    position: inherit !important;
}


.tableCustom .dataTables_wrapper .dataTables_filter {
    margin: 0 175px 0 0;
    padding: 0;
}

.meddbot-tabcontent .btnAlign-new {
    position: absolute;
    top: 15px;
    bottom: inherit;
    z-index: 9999;
    right: 10px;
}
.tableCustom table.dataTable thead th, .tableCustom .table thead th {
    padding: 10px 15px !important;
}

.singLine-alig{
    display: flex !important;
    align-items: center !important;
    flex-direction: row !important;
}
.uplDesign{
    position: relative;
    float: left;
    width: 100%;
}

.uplDesign .custom-file .dropzone.happy-box{ font-size: 0 !important; }

.uplDesign .custom-file .eye{    
    border-radius: 0 5px 5px 0;
    height: 40px !important;
    line-height: 32px !important;
    margin: 44px 0 0;
}
.uplDesign .form-control {
    min-height: 40px; 
    height: 40px;
    line-height: 26px;
}

.upSeper.uplDesign .upload-btn-wrapper{ margin: 0; }

.uplDesign .custom-file.newLeft {
    margin-top: -21px !important;
}

.uplDesign .custom-file.newLeft.newAl_upl{
    float: right;
    width: 125px;
    text-align: end;
    position: relative !important;
    top: 0 !important;
    right: 0;
}

.fileBoxs_img{
    border: 2px dashed #ccc;
    padding: 10px;
    width: 60px;
    height: 60px;
    cursor: pointer;
}


.regNew span.select2-selection.select2-selection--single{
    min-height: 40px;
}
.verifyBtn{
    background: linear-gradient( 90deg, rgba(2,153,212,1) 0%, rgba(2,188,177,1) 100%) !important;
    border: 2px solid rgba(2, 153, 212, 1);
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !important;
}
.verifyBtn:hover{
    background: linear-gradient(271deg, rgba(2, 153, 212, 1) 0%, rgba(2, 188, 177, 1) 100%) !important;
}
.sigCont.aligCent{
    display: flex;
    align-items: center;
}
.sigCont .white-boxx .green-button button.resentLink{
    border: 2px solid #2b8dbe !important;
    color: #2b8dbe !important;
    background: #FFF !important;
    padding: 9px 10px !important;
    height: inherit !important;
     transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !important;
}
.sigCont .white-boxx .green-button button.resentLink:hover{
    color: #FFF !important;
    background: #2b8dbe !important;
}

.upInpts{
    border: 1px solid #a8a8a866;
    font-size: 14px;
    border-radius: 5px;
    min-height: 40px;
    padding: 5px;
}


.rowSpc-pad{
    padding: 0 5px;
}
.rowSpc-pad .col-lg-6.spaceGap{
    padding: 0 10px !important;
}

.form-group input[type="checkbox"].algnRadio{
    margin: 4px 0 0 8px;
    width: 16px;
    font-size: 24px;
    height: 16px;
}








/* MEDIA QUERY START*/

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

     .prdt-imos.widthAlig-med{
        width: 100%;
    }
    .prdt-imos.widthAlig-med:last-child{
        padding-left: 0%;
    }

}
@media screen and (max-width: 1150px) {

    .stat-flex > div { width: 30%;}

    .login-container > div:first-child { width: 40%;}

    .welcome { flex: 1; }

    .login-form {  width: auto; }

    /* .tableCustom table.table, .tableCustom .dataTables_wrapper {
        max-width: 720px;
        overflow-x: auto;
    } */
     .tableBox{ overflow-x: auto; }

    .purchase-order .product_details-grd{
        flex-direction: column;
    }
    .purchase-order .product-details.mr-5{
        margin-right: 0 !important;
    }
    .purchase-order .product-details {
        margin-top: 0 !important;
    }
    .purchase-order .order-status {
        right: inherit;
        top: inherit;
        position: relative;
        text-align: center;
    }
    .purchase-order .d-flexW.align-items-stretch { margin: 0; }
    .purchase-order .order-id.d-flex.justify-content-end{ margin-bottom: 10px; }
    .purchase-order  .product-image.small-img {
        min-height: inherit;
        height: 120px;
    }


}
@media screen and (max-width: 991px) {
    
    .w-50.ins-grid {
        width: 100% !important;
    }
    .ins-main.d-flex.align-items-center {
        flex-direction: column;
    }   
   
    .side-bar {
        position: absolute;
        height: calc(100% - 81px);
        z-index: 99;
        top: 102px;
        left: -335px;
        transition: 0.5s;
        box-shadow: 1px 3px 5px rgb(0 0 0 / 28%);
        border-right: 0;
    }
    .header .bars {     
        display: block;
        background-color: #0398d5;
        color: #FFF;
        padding: 5px 10px;
        border-radius: 35px;
        width: 40px;
        height: 40px;
        font-size: 21px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .header {justify-content: space-between; height: auto;padding: 5px 15px; }

    .side-bar.mobile-sidebar {left: 0;}

    .pro-details {  margin-right: 10px; }

    .welcome {
        background-repeat: no-repeat;
        background-size: cover;
    }

    .login-container {  flex-wrap: wrap; }

    .login-container > div:first-child {  width: 100%;  order: 2; }
    
    
}

@media screen and (max-width: 767px) {
    .product-description.po-buttonGroup button {
        margin-bottom: 10px;
    }

    .product-description.po-buttonGroup {
        flex-direction: column;
    }
        .product-image {
        width: 100%;
        margin-top: 20px;
        margin-right: 0px;
        min-height: 160px;
    }
    .p-o-buttons {
        flex-direction: column;
    }   
    .p-o-buttons button {
        margin-bottom: 10px;
        margin-left: 0px;
        width: 100%;
    } 
    ul.custom-details li {
        width: 100%;
    }   
    .white-boxx {
        padding: 5px 5px;
    }  
        
        .banner-btns a:last-child {
            background: #fff;
            color: #000;
    }
    .banner-btns a {
        padding: 8px 20px;
        width: 50%;
    }
    .banner-btns {
        display: flex;
    }
        
    
    
    .col-lg-6.imgTab iframe {
        width: inherit!important;
        height: inherit;
    }

    .Register-partner-box > div {margin-right: 0px;}
    
    .partner-details.Register-partner-details .right-panel {  justify-content: flex-start;}
    
    span.Tittle { width: 170px;  }
    
    .header .logo { max-width: 100%; width: 100%; border: 0; }
    
     .partner-box.partner-box2.Register-partner-box {  flex-direction: column; }

    .headings h6 { position: relative; top: 0; }

    .prgArea { width: 100%;margin: 25px 0; }
    
    .table-responsive.rs-res {  width: 100%; }

    .msg-iteams { padding: 10px 0px; }

   .user-prof {  flex-direction: column; }
    
   .sp34 {  margin: 0px;}
    
   .modal-content {  width: 100%;}


    .green-button.green-button2 button {
        width: 100% !important;
    }
    #msg-lists i {
        padding: inherit;
    }
    .counts {
        top: -4px;
    }
    .main-popup-contents input {
        width: 100%;
    }
    .stat-flex > div {
        width: 100%;
        margin: 10px 0;
    }

    .mobile-show {
        display: block!important;
    }

    

    .quote-btns {
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .quote-btns > div {
        margin-top: 10px;
    }

    .view-rs button {
        width: 100%;
        margin-top: 5px;
    }

    .product-details-f {  flex-direction: column;}

    .product-details-f > div:last-child {
        margin-left: 0;
        width: 100%;
    }

    .new-pro {  flex-direction: column;}

    .boxings .row .col-sm-12.col-xs-12 {   margin-bottom: 10px; }

    .indi-count {
        flex-direction: column;
        justify-content: center;
    }

    .countss {
        padding-left: 0;
        margin-top: 10px;
    }

    .welcome-box { width: 100%; margin: 0; }

    .sign-upbox {   width: 100%;}

    .sign-upbox .row {   margin: 0;}

    .fxt-bg-img { margin-top: 0; }

    .common-content { flex: auto;  width: 100%; }

    .search-bar {  width: 220px; }

    .search-form .form-group:hover, .search-form .form-group.hover {width: auto; }
    
    .login-container > div { height: auto; }
    
     span.select2.select2-container.select2-container--default.select2-container--below.select2-container--focus {  width: 100% !important; }
    
     .notification-list { left: -160px; }

    .page.nexus6 .chatmessage  .wa-container { width: 100%; height: 470px; }
    
    .boxings { padding: 15px; }

    .tableBox { overflow-x: scroll; }
    
    .side-bar {
        top: 0;
        bottom: 0;
        height: 100vh;
        background: #fff;
    }
    .name-company {
        display: none;
    } 
        
    .modal-dialog.modal-lg {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
        margin: 0;
        padding: 0 10px;
    }
    .d-flexW {
        gap: 0;
        flex-direction: column;
    }
    .d-flexW.align-items-stretch hr{ margin: 0; border: 0; }
    
    
    
    
    
    
    

}
@media screen and (max-width: 580px) {
    
    .right-panel {
        width: 100%;
        margin: 0;
        padding: 0 ;
        justify-content: flex-end;
    }
    .header .logo{ text-align: center;  }

    .header { flex-direction: row; }

    .side-bar {
        top: 0;
        bottom: 0;
        height: 100vh;
        background: #fff;
    }

    .product-order > div:first-child { margin-bottom: 15px;}

    .product-order > div:last-child {  flex: auto; padding-left: 0; }

    .welcome {  display: none; }

    .product-order.quote-order > div {  width: 100%; }

    .bgtitle { text-align: left;     margin: 0 0 0 -15px; }

    .bgtitle span { border-radius: 0 35px 35px 0;  padding: 10px 10px; }

    .tableCustom .dataTables_wrapper .dataTables_filter { margin: 0;  padding: 0; }

    .meddbot-tabcontent .btnAlign-new { position: inherit; margin: 0 0 7px; }

    .tableBox .tableCustom .dataTables_length> label{ float: left; }
    .tableBox .dataTables_info{ text-align: left; display: inline-block }

}
@media screen and (max-width: 380px) {

    .compalintBox .card-icon {
        float: left;
        width: 100%;
        margin: 0 0 10px 0;
        text-align: center;
    }
    .compalintBox .card-wrap{ width: 100%; }
    .compalintBox .card-wrap .dealer-details {  padding: 0;  }

    .quote-flex { display: block;}

    .quote-flex > div:last-child { padding-left: 0; }
    .pro-des h6 { font-size: 14px; }

}