html, body {
font-family: Overpass, sans-serif;
font-style: normal;
font-weight: 400;
color: #25333C;
height: 100%;
overflow: hidden !important;
}
/* p {
-webkit-font-feature-settings: 'kern' 1, 'onum' 1, 'liga' 1;
font-feature-settings: 'kern' 1, 'onum' 1, 'liga' 1;
} */
body {
/* resize: both; */
overflow: hidden;
}
/* making layout to 1280px and center aligned*/
.tl-mktplace-layout-definition {
/*padding: 0 20px;*/
/*width: 1280px; */
margin: 0 auto;
/*margin-bottom: 150px;*/
}
/* button hover css took from http://mcg.mbitson.com/#!?mcgpalette0=%236ba743 from the primary color #800*/
/*.mktplace-main-nav .mktplace-main-nav-list a:hover .category-menu-options{
visibility: visible;
}*/
.blog-categories li {
padding: 10px;
}
.blog-title a {
color: #5D636F;
}
.blog-title a:hover {
color: #0F8643 ;
}
.blog-categories li a {
color: #5D636F;
}
.blog-categories li a:hover {
color: #0F8643 ;
}
.category-menu-options {
position: absolute;
right: 0;
top: 44px;
border: 1px solid #d4d6d8;
background-color: #fff;
min-width: 450px;
min-height: 150px;
z-index: 255;
padding: 8px;
box-shadow: 0 0 5px #D4D6D8;
border-radius: 3px;
}
.svg-fill-icon {
height: 16px;
width: 16px;
vertical-align: middle;
}
.active-category-tree .active-category-list {
text-align: left;
padding: 8px;
}
.active-category-tree .active-category-list:hover {
background-color: #EDF0F1 !important;
}
.active-category-list p:hover {
color: #0F8643 ;
}
.main-menu-options {
position: absolute;
top: 40px;
left: 0;
padding: 8px;
border: 1px solid #d4d6d8;
background-color: #fff;
z-index: 122;
min-height: 120px;
min-width: 120px;
color: #25333C;
}
.products-by-category {
color: #5d636F;
font-weight: 600;
font-size: 2rem;
padding-top: 16px;
position: relative;
padding-left: 16px;
}
.full-card-img {
width: 100%;
margin: 0;
}
.block-center-img {
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
margin: auto;
opacity: 1;
border: 1px solid #d4d6d8;
max-width: 100%;
max-height: 100%;
}
.response {
border-left: 3px solid #0F8643 ;
/*font-style: italic;*/
margin: 1em 0;
padding-left: 16px;
background-color: rgb(245,245,245);
}
.reply {
border-left: 3px solid #0F8643 ;
/*font-style: italic;*/
margin: 1em 0;
padding-left: 16px;
background-color: rgb(245,245,245);
}
/*.products-by-category:before, .products-by-category:after {
content: "";
position: absolute;
height: 5px;
border-bottom: 1px solid #d4d6d8;
border-top: 1px solid #d4d6d8;
top: 0;
width: 600px;
}
.products-by-category:before {
right: 100%;
margin-right: 15px;
}
.products-by-category:after {
left: 100%;
margin-left: 15px;
}*/
.products-category {
/*float: left;*/
/*border-right: 1px solid #d4d6d8;
border-bottom: 1px solid #d4d6d8;*/
/*border-top: 1px solid #d4d6d8;*/
padding: 16px 16px 8px 16px;
width: 200px;
min-height: 300px !important;
color: #5d636f;
/*box-shadow: 0 3px 6px rgba(0,0,0,0.10), 0 3px 6px rgba(0,0,0,0.16);*/
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
border: 1px solid #e1e1e1;
}
.cat-subcategories {
min-height: 135px !important;
}
.cls-subcat-container{
margin:0 !important;
}
/* .cat-subcategories li {
padding: 6px 10px;
line-height: 1.6rem;
} */
.cat-subcategories a:hover {
color: #1e8543;
text-decoration: underline !important;
}
.cat-subcategories li a{
font-size: 1.4rem !important;
line-height: 24px;
display: block;
font-weight: 400;
padding: 6px 8px;
}
.products-category a:hover {
color: #0F8643 ;
}
.show-categories {
position: absolute;
top: 40px;
left: 0;
padding: 8px;
border: 1px solid #d4d6d8;
background-color: #fff;
z-index: 156;
min-height: 200px;
min-width: 350px;
color: #25333C;
display: none;
}
.main-menu {
border-radius:25px;
padding: 0 10px;
line-height: 32px;
height: 34px;
font-size: 1.4rem;
text-transform:none;
}
table {
background-color: #fff !important;
}
p table {
width: 100%;
}
table tr, table tr td {
height: 40px;
border: 1px solid #d4d6d8;
text-align: center;
}
table tr th, table tr td {
vertical-align: middle;
padding: 0 8px;
border: 1px solid #d4d6d8;
}
table thead tr, table thead tr th {
background-color: #f2f2f2;
border: 1px solid #d4d6d8;
}
/*.show-categories {
display: none;
}*/
.main-menu-link:hover .show-categories {
display: block;
}
.splash {
display: none;
}
.splash-logo {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
margin-right: -50%;
}
.optional-input:focus + .optional {
display: none;
}
.col-m-1 {
width: 25%;
}
.col-m-30 {
width: 30%;
}
.col-m-2 {
width: 50%;
}
.col-m-3 {
width: 75%;
}
.no-wrap {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.product-detail-payment-info li {
width: 85px;
font-size: 14px;
font-weight: 500;
color: #25333C;
margin: 0 10px;
}
.new-to-desc {
font-size: 14px;
word-break: break-word;
letter-spacing: 0.4px;
line-height: 20px;
margin: 0 auto;
padding: 15px 0;
}
.mktplace-dropdown {
height: 34px;
line-height: 34px;
/*border-left: 0px; */
border-radius: 4px;
background-color:#fff;
color: #898e97;
/*padding:0px 20px 2px !important;*/
background-position: right 8px center;
}
.mktplace-main-links li a:hover {
color: #0F8643 ;
}
.optional{
position:absolute;
top: -27px;
right: 6px;
color:#B1B7C1;
font-size:10px;
}
/*table tr {
border: 1px solid #d4d6d8 !important;
}
table tr th {
border: 1px solid #d4d6d8 !important;
}
table tr td {
border: 1px solid #d4d6d8 !important;
}*/
md-content.md-hue-1 {
background-color: #edf0f1;
color: #5D636F !important;
}
md-checkbox {
margin: 8px;
cursor: pointer;
padding-left: 18px;
padding-right: 0;
line-height: 20px;
min-width: 14px;
min-height: 14px;
}
md-checkbox.md-checked .md-icon:after {
border-color: rgb(250, 250, 250);
}
md-checkbox.md-default-theme:not([disabled]).md-primary.md-checked .md-icon:after, md-checkbox:not([disabled]).md-primary.md-checked .md-icon:after {
border-color:rgb(250, 250, 250);
}
.hero-text {
font-size: 4rem;
/*letter-spacing: 3.4px;
word-spacing: 3.4px;*/
/*text-shadow: 2px 2px 2px #25333C;*/
/*font-weight: 700 !important;*/
}
/*img.ad-posting {
height: 100% !important;
width: auto;
}*/
[ng-cloak].splash {
background-color: #428bca;
width: 100%;
text-align: center;
color: white;
display: block !important;
}
.promotion-icon {
border: 1px solid #d4d6d8;
border-radius: 50%;
height: 125px;
width: 125px;
}
.img-circle {
border-radius: 50%;
}
.months-banner-text {
font-size: 2.4rem;
text-transform: uppercase;
position: absolute;
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%);
}
.months-banner-text .month-badge {
border-radius: 50%;
border: 1px solid #fff;
background-color: #2E707D;
color: #fff;
font-size: 4.8rem;
width: 77px;
height: 77px;
line-height: 77px;
}
.mktplace-promotion {
height: 200px;
background: #25333C url('/assets/images/card3.png');
}
.default-border {
border: 1px solid #d4d6d8 !important;
}
.mktplace-toolbar_dropdown {
height: 28px;
line-height: 34px;
/*border-left: 0px; */
border-radius: 5px;
background-color:#fff;
color: #898e97;
/*padding:0px 20px 2px !important;*/
background-position: right 8px center;
}
/*.mkt-register:hover {
background-color: #5fab2b !important;
color: #fff;
transition: 0.5s all ease-in-out;
}*/
.signup-news {
margin-left: -13px;
margin-top: 7px;
}
/*added by mp on 05-06-2016*/
/* registration*/
.register-title {
font-size: 34px;
line-height: 38px;
color: #25333C;
font-weight: 100;
}
.login-focus:focus{
background-color: #5fab2b !important;
}
.mktplace-footer {
min-height: 220px;
padding:24px 24px 40px 24px;
margin: 0 auto;
width: 90%;
}
a.login_hover:hover{
background-color: #5fab2b !important;
}
.link-hover:hover{
text-decoration: underline !important;
}
.grey-fg1 {
color: #898e97;
}
.search-marketplace {
border-top: 1px solid #d4d6d8;
border-bottom: 1px solid #d4d6d8;
border-left: 1px solid #d4d6d8;
border-radius: 3px;
width:400px;
background-color:#fff;
color:#25333C;
padding:15px;
font-size:13px !important;
}
/* Login Page*/
.login-wrapper {
max-width: 340px !important;
max-height: 414px !important;
margin: 50px auto;
}
.sign-in-btn {
bottom: 8px;
max-width: 250px !important;
}
/*fixing footer to the bottom*/
md-content.md-default-theme, md-content {
background-color: #fff !important;
}
.error-input {
color: #DE4F60;
background-color: #FBEDEF;
border: 1px solid #DE4F60;
}
.register-success-heading {
height:280px;
border: 1px solid #d4d6d8;
}
.register-success-navigate-cards {
background-color: #fff;
border: 1px solid #d4d6d8;
border-radius: 3px;
padding: 16px;
}
/* iphone */
@media screen and (min-width: 375px) and (max-width: 767px) {
/* .search-results-list {
display: flex !important;
align-items: stretch !important;
width:68% !important;
margin:16px auto !important;
} */
.comp-name-input {
width: 100% !important;
}
.scroll_x{
overflow-x: scroll;
/* max-width: 360px; */
}
.wid_600{
width:600px;
}
.cvr-photo{
width:100% !important;
line-height: 9px !important;
}
.division{
width:85px;
}
.dateadjustments2 {
width:98%;
}
.iconadjustment_one{
margin-left: -12px !important;
}
.iconadjustment_two{
margin-left: -5px !important;
}
/* .fav_check_alignment{
margin-left:13px;
} */
/* .selectall_alignment{
margin-left: 12px;
} */
.compare_checkbox_alignment{
margin-left:12px !important;
}
.cut-text.attachment_alignment{
font-size: 10px !important;
}
}
@media screen and (min-width: 768px) and (max-width: 1366px) {
.cls-date-item {
font-size: 12px !important;
}
}
/*for mobile devices*/
@media screen and (min-width: 414px) and (max-width: 736px) {
.logolob_color.res-logo {
right: 60px !important;
}
}
@media screen and (min-width: 414px) and (max-width: 736px) and (orientation: landscape) {
.logolob_color.res-logo {
right: 0px !important;
}
}
@media screen and (min-width: 300px) and (max-width: 767px) {
.secondary-btn-link, .warning-btn{
padding: 0 15px;
}
.profile-user-avatar {
padding: 8px;
background-color: #0F8643;
color: #fff;
}
.classified-supplier-phn {
width: 100% !important;
border-right: 0 !important;
}
.classified-supp-list {
display: block !important;
}
.content-card {
height: initial !important;
}
h4.heading-tit {
max-height: initial !important;
/* overflow: initial !important; */
}
.classified-link-title {
width: 90% !important;
}
.cl-img-align {
width: 100% !important;
float: left;
height: 14em !important;
}
.res-logo {
right: 42px !important;
}
.forgot-pwd-success {
width: 100% !important;
}
.addons-pack {
width: 100% !important;
max-width: 100% !important;
}
.pricing-page-wrapper {
width: 100% !important;
}
.pricing-plan-item {
width: 100% !important;
margin:0 8px 8px 0;
}
.promotional-bar {
width: 100% !important;
}
.productdetail-ribbon-fixed {
z-index: 15;
}
.supp-img-container {
width: 100% !important;
}
.suplier-info-page {
margin-left: 0 !important;
margin-top: 8px;
}
md-dialog md-toolbar .md-toolbar-tools {
min-height: 40px !important;
height: 40px !important;
max-height: 40px !important;
}
/*suri buttom sheet*/
.cust-md-btm-sheet{
height : 100% !important;
top : -25px !important;
}
.custom-sbcard-sccard{
min-width: 340px !important;
}
.custom-subtitle{width: auto !important;}
.custom-sub-cards{margin: 30px !important;}
.custom-joinbtn{right: 108px !important; padding-bottom: 5px !important;}
#search-input{
width : 100% !important;
margin-left : 0px !important;
padding: 0px !important;
border-bottom: 1px solid #d4d6d8 !important;
color: #25333c !important;
}
.cust-search-height{
padding-left: 36px;
padding-right: 1px;
height: 100vh !important;
overflow-y: scroll;
border-top: 1px solid #ccc;
}
.cust-md-tools{
padding:0px !important;
}
.chipsdemoBasicUsage .md-chips .md-chip .md-chip-remove{
display:none;
}
.chipsdemoBasicUsage .md-chips:not(.md-readonly) .md-chip:not(.md-readonly) {
padding-right: 0px;
}
.chipsdemoBasicUsage .md-chip-input-container{display:none !important;}
.chipsdemoBasicUsage md-chip{font-size:12px !important;}
.md-chips:not(.md-readonly) .md-chip:not(.md-readonly) .md-chip-content {
padding-right: 10px !important;
}
.chipsdemoBasicUsage .custom-chips md-chip .md-chip-remove-container button.vegetablechip:hover, .chipsdemoBasicUsage .custom-chips md-chip .md-chip-remove-container button.vegetablechip:focus {
background: rgba(255, 0, 0, 0.8); }
/*end of suri*/
.register-card {
width: 100% !important;
}
.register-context-content {
width: inherit !important;
}
.widget-content-area.responsive-widget {
/*max-width: 45% !important;
width: 45% !important;
min-width: 45% !important;*/
max-width: 100% !important;
/* width: 100% !important;
min-width: 100% !important; */
}
.img-sidebar {
width: 100% !important;
}
.tab-container {
width: 100%;
margin-left: 0;
/*max-width: 70%;*/
}
.mob-tab-container {
width: 100%;
margin-top: 8px;
}
.benefits-mobile li {
width: 100% !important;
}
.view-all-cat {
background: #0e8543;
padding: 16px !important;
border-radius: 50px;
font-size: 18px !important;
width: 100%;
letter-spacing: 3.4px;
text-align: center;
text-transform: uppercase;
color: #fff;
}
.benefits-mobile li:last-child {
margin-bottom: 0 !important;
}
.btn-sign-new {
/* width: 85%; */
/* padding: 10px; */
height: 35px !important;
line-height: 35px !important;
}
.mktplace-buyer-image-container.flip-mirror-img, .mktplace-prof-image-container.flip-mirror-img {
background-position: -200px 0;
}
.mktplace-seller-image-container.flip-mirror-img {
background-position: -270px 0;
}
.mktplace-service-image-container.bg-responsive {
background-position: -115px 0;
}
.ord-qty {
width: 25%;
margin-right: 20px;
}
.ord-unit {
width: 20%;
margin-right: 20px;
}
.ord-price {
margin-right: 16px;
}
.ord-amt {
width: 25%;
}
.supplier-posting-journey {
min-height: 750px !important;
height: 100% !important;
}
md-input-container.md-has-icon {
padding: 0 !important;
}
#search-input {
margin-left: 0 !important;
padding: 0 !important;
}
.custom-mdtl-pad {
padding: 0 2px !important;
}
md-input-container.md-has-icon.search-input-mobile {
padding-left: 0 !important;
}
md-input-container.md-has-icon.search-input-mobile #search-input {
padding-left: 0 !important;
margin-left: 0 !important;
}
.search-count-bar {
height: auto !important;
}
}
@media only screen and (min-width: 320px) and (max-width: 767px) and (orientation : landscape) {
.scroll_x {
overflow-x: scroll;
max-width: 100%;
}
.tl-seller-info {
width: 100%;
}
.cl-img-align {
width: 100% !important;
float: left;
height: 14em !important;
}
.addons-pack {
width: 100% !important;
max-width: 100% !important;
}
.pricing-page-wrapper {
width: 100% !important;
}
.pricing-plan-item {
width: 100% !important;
}
.prod-search-results-container.custom-mbcards {
padding-top: 50px !important;
}
/* .searcharea_color{
padding: 8px !important;
} */
.categories-carousel-list li {
width: 110px !important;
}
.supplier-product-options {
right: 0 !important;
top: 50px !important;
}
div.supplier-prod-tabs-position md-tabs md-tabs-wrapper {
width: 100% !important;
top: 50px !important;
}
.prod-content-container {
margin-top: 50px !important;
}
.second-header.supplier-prod-header-fixed.supplier-prod-header1 {
width: 100% !important;
top: 144px !important;
}
div.supplier-prod-header-fixed {
width: 100% !important;
top: 98px !important;
}
.international h2, .domestic h2 {
width: 90% !important;
}
.accordian-align{
margin-left: 0 !important;
margin-top: 10px !important;
}
/* div.tl-dynamic-comparision-mini-header{
width: calc(100% - 34px);
} */
}
@media only screen and (min-width: 320px) and (max-width: 767px) and (orientation : potrait) {
a.logo img {
height: 30px !important;
}
.buttons_edit_adjustments {
margin-bottom: 8px;
}
.contact-supplier {
padding: 0 8px !important;
}
.scroll_x{
overflow-x: scroll;
width: 100%;
/* max-width: 360px; */
}
.addons-pack {
width: 100% !important;
max-width: 100% !important;
}
.searcharea_color{
padding: 8px !important;
}
.info-content {
margin-left: 0 !important;
width: 100% !important;
}
.two-line-item li {
width: 100% !important;
}
.custom-mbcards {
padding-top: 32px !important;
}
.footer-menu-title {
font-size: 1.5rem !important;
}
.professional-title {
width: 100% !important;
font-size: 3.5rem !important;
line-height: 5rem !important;
}
div.professional-hero-title {
width: 65% !important;
right: initial !important;
left: 50% !important;
}
.buy-prof-desc {
min-height: 156px !important;
}
.buyer-prof-content, .supplier-prof-content {
padding: 16px !important;
}
ul.buy-headline-list {
min-height: 156px !important;
}
.product-list-grid-view {
max-width: 225px !important;
}
.prof-title {
width: 85% !important;
margin: 10px auto !important;
}
.login-register-box {
margin: 8px 0 !important;
}
.create-prod-fields {
width: 100% !important;
}
.supplier-prod-sidenav-fixed {
width: 85% !important;
top: 0 !important;
}
.custm-ml-020 {
margin-left: 8px !important;
}
.custm-serchwdth {
min-width: 100% !important;
}
.prod-content-container {
margin-top: 50px !important;
}
.supplier-prod-header-fixed {
width: calc(100% - 16px) !important;
top: 98px !important;
}
div.supplier-prod-tabs-position md-tabs md-tabs-wrapper {
width: 100% !important;
top: 50px;
}
.select-all.prod-checkbox {
margin-left: 12px !important;
}
.supplier-product-options {
right: 0 !important;
top: 50px;
}
.supplier-prod-links {
margin-right: 8px !important;
}
.inquiry-filter-drpdwn {
margin-right: 10px !important;
}
.supplier-img-wrapper {
width: initial !important;
height: initial !important;
}
.prod-contact-actions {
top: 68px !important;
padding-top: 8px !important;
}
.effect-from {
margin-left: 0 !important;
margin-top: 0 !important;
}
.prod-img-thumbnail-list {
width: 7rem !important;
}
.effect-from-label {
top: 2px !important;
}
.company-code {
width: 100% !important;
}
.supp-img-container {
width: 100% !important;
}
.custom-suppadng{
padding: 0 10px !important;
}
.logo .block-img{
height: 100% !important;
}
.register-card {
width: 100% !important;
}
.register-context-content {
width: inherit !important;
}
.mktplace-hero-image-container {
height: 225px !important;
background-position: center !important;
background-size: cover !important;
background: -webkit-radial-gradient(50% 50%, circle farthest-corner, rgba(1, 30, 27, 0.4) 50%, rgba(1, 30, 27, 0.4) 100%), url(../assets/images/Homepage/hero_img.jpg) 85% 85% no-repeat;
}
.mktplace-hero-image-container.multisite-hero-img {
background-position: initial !important;
height: 225px !important;
}
.international h2, .domestic h2 {
font-size: 2.4rem;
line-height: 3rem;
width: 90% !important;
}
.international p, .domestic p {
width: 78% !important;
}
.international .md-button.md-primary, .domestic .md-button.md-accent {
width: 70% !important;
}
.multi-site .international, .multi-site .domestic, .multi-site .international-map {
min-height: 275px !important;
}
.hero-text-holder {
position: absolute !important;
top: 50% !important;
left: 50% !important;
margin-right: -50% !important;
-webkit-transform: translate(-50%,-50%) !important;
transform: translate(-50%,-50%) !important;
width: 75% !important;
}
.mktplace-category-hero-image-heading h1 {
left: 50% !important;
}
h2 {
font-size: 2.8rem !important;
line-height: 3.4rem !important;
}
.benefits-section {
width: 100% !important;
}
.benefits-section li {
width: 100% !important;
}
.cateogry-list {
width: 100% !important;
}
md-input-container.md-has-icon .search-input-mobile #search-input {
padding-left: 0 !important;
margin-left: 0 !important;
}
/*md-input-container.md-has-icon {
padding: 0 !important;
}*/
#search-input {
margin-left: 0 !important;
padding: 0 !important;
}
.productdetail-ribbon-fixed {
z-index: 15;
}
md-dialog md-toolbar .md-toolbar-tools {
min-height: 40px !important;
height: 40px !important;
max-height: 40px !important;
}
.comp-table-header {
overflow: auto;
overflow-y: hidden;
overflow-x: auto;
}
.table-header-col1 {
display: table-cell;
vertical-align: middle;
}
.table-header-col2 {
vertical-align: middle;
display: table-cell;
word-break: break-word;
width: 100px;
}
.tl-subscription-col1 {
width: 128px !important;
min-height: 78px !important;
}
.subscription-plan-silver {
font-size: 1.5rem !important;
line-height: 1.8rem !important;
}
.bronze-feat {
font-size: 11px !important;
line-height: 10px !important;
}
.fixed-searchresults {
top: 53px !important;
}
div.tl-dynamic-comparision-mini-header{
width: calc(100% - 34px);
}
}
/* for greater than mobiles tabs*/
/* @media screen and (min-width: 668px) and (max-width: 1024px) {
.item-container{
width: 209px !important;
}
} */
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
.home-product-new-hldr.adj_slider_btn{
margin-left: 35px !important;
}
.white-fg.link-active {
color: #fff!important;
height: 27px;
border-bottom: 4px solid #fff;
padding-bottom: 2px !important;
}
/* .white-fg.domains-links{
margin-top: 6px !important;
} */
.img_ml_10{
margin-left: 10px !important;
}
a.btn-align {
margin-right:18px !important;
}
.cvr-photo {
width: 100% !important;
line-height:15px !important;
}
.card-tag-position {
bottom: 2px !important;
}
md-content.cls-img-container.images_adjustment, .product-image-list-card {
height: 6em !important;
min-height: 6em !important;
max-height: 6em !important;
/* margin-top: 16px; */
}
div.custm-prdinpt100{
height: 5em !important;
min-height: 5em !important;
max-height: 5em !important;
}
.product-image-list-card {
height: 100%;
}
.CoverphotoTL {
display: block;
margin-bottom: 10px;
}
.top-results-content {
margin-top: 54px !important;
}
.ref_resmargin {
top: 65px !important;
width: 100% !important;
}
.images_adjustment{
min-width: 23em;
}
.iconadjustment_one{
margin-left: -12px !important;
}
.iconadjustment_two{
margin-left: -10px !important;
}
.cls-img-container {
min-width: 265px !important;
overflow-x: scroll !important;
}
.cls-attach {
min-width: initial !important;
}
.item-containers{
width: 225px !important;
}
.tl-seller-info {
margin-left: 0 !important;
}
.pricing-page-wrapper {
width: 100% !important;
}
.pricing-plan-item {
width: 100% !important;
}
.create-prod-fields {
width: 100% !important;
}
.register-card {
width: 100% !important;
}
.register-context-content {
width: inherit !important;
}
.international, .domestic, .international-map {
min-height: 286px !important;
}
.international h2, .domestic h2 {
width: 95% !important;
}
.international p, .domestic p {
width: 80% !important;
}
.multisite-hero-img {
background-position: center !important;
max-width: 100%;
}
.hero-text-holder {
position: absolute !important;
top: 50% !important;
left: 50% !important;
margin-right: -50% !important;
-webkit-transform: translate(-50%,-50%) !important;
transform: translate(-50%,-50%) !important;
width: 75% !important;
}
.hero-text-holder h1 {
width: 100%;
}
.mt-m-27 {
padding-top: 8px;
margin-top: -10px;
}
.supplier-product-options {
right: 0 !important;
}
div.supplier-prod-tabs-position md-tabs md-tabs-wrapper {
width: 100% !important;
}
.supplier-prod-header-fixed {
top: 98px !important;
width: 100% !important;
}
.supplier-prod-header1 {
top: 145px !important
}
}
@media screen and (min-width: 375px) and (max-width: 667px) and (orientation: landscape) {
.secondary-btn-link, .warning-btn{
padding: 0 10px !important;
}
.prod-content-area .secondary-btn-link, .prod-content-area .warning-btn{
line-height: 32px !important;
}
.contact-supplier.buttons_edit_adjustments{
padding: 0px 8px !important;
width: 85px !important;
}
.show-cities-dropdown.refsearch_ht{
margin-top: 33px !important;
}
/* .selectall_alignment {
margin-left:10px;
} */
.btn-align{
width:115px !important;
}
.custm-prdinpt100{
height:7em !important;
}
.cvr-photo{
width:100%;
}
.CoverphotoTL{
display: block;
}
.cvr-photo>span.selected{
display: block;
}
.card-tag-position{
bottom: 0 !important;
}
.del_color.buttons_delete_adjustments, .buttons_edit_adjustments, .apply_promotion, .buttons_apply_adjustments{
padding: 0px 8px !important;
width: 120px !important;
}
.contact-supplier.buttons_apply_adjustments{
padding: 0px 16px !important;
width: 130px !important;
}
.mh-330{
max-height: 330px !important;
}
}
@media screen and (min-width: 375px) and (max-width: 812px) and (orientation: landscape) {
/* .heightts{
max-height: 150px;
overflow-y: scroll;
} */
}
@media screen and (min-width: 768px) and (max-width: 1024px){
.ta-toolbar{
z-index: 99;
}
.register-button{
width:200px !important;
}
.page_alignment{
width:97.5% !important;
}
/* div.tl-dynamic-comparision-mini-header{
width: calc(100% - 34px);
} */
}
/* @media screen and (min-width: 768px) and (max-width: 990px) and (orientation: landscape) {
.item-container{
width: 298px !important;
}
} */
@media screen and (min-width: 1159px) and (max-width: 1365px) and (orientation: landscape) {
.cls-img-container {
min-width: 265px !important;
/* overflow-x: scroll !important; */
}
.cls-attach {
min-width: initial !important;
}
}
@media screen and (min-width: 1025px) and (max-width: 1158px) and (orientation: landscape) {
.cls-img-container {
min-width: 265px !important;
/* overflow-x: scroll !important; */
}
.cls-attach {
min-width: initial !important;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
.adj_prodetail_relatedpro{
margin-left:9px !important;
}
.home-product-new-hldr.adj_slider_btn{
margin-left: 33px !important;
}
.messages {
width: 100%;
max-width: 100% !important;
}
.discussion li div p a span.inquiry-attachment-text {
white-space: initial !important;
/* overflow: initial !important; */
max-width: 90% !important;
width: 90% !important;
}
.white-fg.link-active {
color: #fff!important;
height: 27px;
border-bottom: 4px solid #fff;
padding-bottom: 2px !important;
}
/* .white-fg.domains-links{
margin-top: 6px !important;
} */
.cls-img-container {
height: initial !important;
}
.uploaded-prod-image, .tl-defalut-img {
height: 10em !important;
}
.cvr-photo {
width: 100%;
}
/* .card-tag-position {
bottom: 0 !important;
} */
div.prod-thumbnail-wrapper {
height: 7.8em!important;
width: 100%!important;
}
.CoverphotoTL {
font-size: 1.2rem !important;
display: block;
margin-bottom:7px;
line-height: 15px !important;
}
.cvr-photo>span.selected {
padding: 0 5px!important;
display: block;
}
.all-categories-title {
font-size: 1.3rem !important;
font-weight: 600;
width: 60% !important;
cursor: pointer;
}
.all-categories-clear {
margin-left: 8px !important;
width: 25% !important;
}
.cls-img-container {
/* min-width: 265px !important; */
overflow-x: scroll !important;
}
.cls-attach {
min-width: initial !important;
}
.item-containers{
width: 315px !important;
}
/* .item-container{
width: 298px !important;
} */
.logolob_color.res-logo {
right: 0px !important;
}
/* .bck-search-rsl{
margin-top: 80px !important;
} */
}
/*for mobile devices*/
@media screen and (max-width: 319px) {
div.item-container.fav-card-caontainer{
width:250px !important;
margin: 20px auto !important;
display: block;
}
.tlclsmb{
padding: 5px !important;
}
div.tlclsmb-m0{
margin: 10px 0 !important;
}
md-checkbox.mb-login-cb{
top: -20px;
}
}
@media screen and (min-width: 320px) and (max-width: 480px) {
/*.subscription-cards {
width: 100% !important;
}*/
.compare_checkbox_alignment{
margin-left:12px !important;
}
div.item-container.fav-card-caontainer{
width:95% !important;
/* margin: 20px auto !important; */
display: block;
}
.billing-address {
padding: 0 10px !important;
}
.subscription-body {
min-height: initial !important;
}
.subscription-summary-payment {
margin-top: 16px;
width: 100% !important;
margin-left: 0 !important;
}
.pay-mode:after {
border-width: 20px !important;
margin-top: -20px !important;
}
.payment-options li a {
padding: 6px !important;
}
/* .supplier-options li a {
padding: 6px !important;
} */
.payment-selected-information {
margin-left: 0 !important;
}
.make-payment-btn {
padding: 0 !important;
}
.related-search-results li a.cut-text {
max-width: 130px !important;
}
.try-register {
margin-left: 0 !important;
height: auto !important;
}
.btn-new {
width: 85% !important;
height: 35px !important;
line-height: 35px !important;
}
/*supplier product details page :suri:31-July-2018*/
.cust-search-count-bar{
top:54px !important;
left: 0px !important;
width: 100% !important;
height: 46px;
padding: 0 8px;
position: fixed;
z-index: 1;
right: 0;
}
.custom-prdtitlehgt{min-height: auto !important;}
.custom-pv8{padding-top: 0px !important;}
.custom-imgwrapper{height: auto !important;}
.custom-facomennts{padding: 0 0px !important;
border: 0px solid #0F8643 !important;
}
.cust-md-toolbar{
height: 15px!important;
min-height: 21px!important;
max-height: 64px!important;
}
.cust-md-btn-icon{
height: 14px !important;
line-height: 18px !important;
width: 38px !important;
margin-left: 272px !important;
}
.showInPortraitMode{
display: block !important;
}
.notShowInPortraitMode{
display: none;
}
/*end of supplier product details page :suri:31-July-2018*/
}
/* for greater than mobiles tabs*/
@media screen and (min-width: 768px) and (max-width: 1024px) {
/* .card_align_ml{
margin-left: -12px;
} */
.images_adjustment {
padding-top: 25px !important;
}
.uploaded-prod-image{
padding-bottom:5px !important;
}
.cvr-photo>span.selected {
display: block;
font-size: 1.2rem;
margin-bottom:10px;
line-height: 15px !important;
}
.searcharea_margin {
margin-bottom: 0 !important;
margin-top: 0 !important;
}
/* .searcharea_color {
padding: 10px !important;
} */
.addons-pack {
width: 50% !important;
max-width: 50% !important;
}
.pricing-page-wrapper {
width: 100% !important;
}
.pricing-plan-item {
width: 100% !important;
}
.subscription-cards {
width: 100% !important;
}
.subscription-body {
min-height: initial !important;
}
}
@media screen and (min-width: 320px) and (max-width: 480px) {
.search-marketplace-container {
min-width: initial !important;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.register-context-content {
width: 100% !important;
}
}
@media screen and (min-width: 320px) and (max-width: 480px) {
.ceo-container {
min-height: 612px !important;
padding: 6px !important;
}
.ceo-container .ceo-block .ceo-img-container {
display: inline-block;
margin: 0 auto;
}
}
@media screen and (min-width: 320px) and (max-width: 480px) {
.signup-news {
margin-top: 25px !important;
margin-left: 6px !important;
}
.signup-news .signup-news-btn {
width: 195px !important;
border-radius: 3px;
}
}
.billing-address {
padding: 0 20px;
}
.repeat-link{
font-weight:500;
font-size:13px;
margin-right: 40px;
color:#0F8643 ;
padding: 10px 0px 15px 0px;
text-align:right;
}
/* Added By Chandu */
.verification_btns{
max-width: 235px;
margin:10px auto 0;
}
.resend_btn{
padding:4px 0px 2px 0px;
text-align: center;
background-color: rgba(0,0,0,.12)!important;
max-width: 110px;
margin:0 5px 0 0;
width: 100%;
border-radius: 30px;
transition:all ease-in-out 0.2s;
-webkit-transition:all ease-in-out 0.2s;
}
.resend_btn:hover, .resend_btn:hover span, .resend_btn:hover .accent-fg{
background-color: #649538 !important;
color:#ffffff !important;
transition:all ease-in-out 0.2s;
-webkit-transition:all ease-in-out 0.2s;
}
md-checkbox{
line-height:inherit !important;
}
md-checkbox .md-container {
margin:2px 0 0 0;
}
.mac.chrome .md-container {
height:14px;
margin:0;
}
.mac.safari .md-container {
height:15px;
margin:0;
}
md-checkbox .md-label {
vertical-align:top;
height: 19px;
}
md-checkbox.register_checkbox .md-container {
margin:1px 0 0;
}
.back_arrow{
width:14px !important;
margin: -3px 0 0;
}
.visitor_clf a{
margin:0 10px 0 0 !important;
}
/* Added By Chandu Ends */
.bronze-feat {
font-size: 11px;
line-height: 18px;
color: #898e97;
}
.make-payment-btn {
padding: 24px;
}
.register-verify-err {
display:inline-block;
padding:3px;
height:auto;
border-radius:3px;
width:265px;
}
.fs14 {
font-size: 14pt;
}
.list-card {
cursor: pointer;
}
/*home page*/
.home-search-box input {
background: transparent;
color: #ffffff;
}
.home-product-list-card:hover {
color: #fff;
}
.home-product-list-card-tag {
width:100%;
position: relative;
top: 135px;
font-size:13px;
font-weight:600;
letter-spacing:3.46px;
}
.footer-menu-title {
font-size: 15px !important;
font-weight: 600;
letter-spacing: 3.46px;
color: #7DC142;
line-height: 2.4rem !important;
}
.footer-menu-links-text {
color: #FFF;
}
.footer-section {
border-right: 1px solid #0F8643;
padding: 0 16px;
}
a.footer-menu-links-text:hover {
color:#0e8543;
transition: 0.5s all ease-in-out;
cursor:pointer;
}
.blue {
color: #0F8643 ;
}
.green {
color: #0F8643 ;
}
.login-btn {
background:#0F8643 ;
border-radius:20px !important;
height: 40px;
width: 100%;
color: #fff;
text-transform:none;
margin-top:2px;
padding:0px 20px;
}
/*.md-button:not([disabled]):hover {
background-color: #0F8643 ;
}*/
/*.md-button.md-primary:not([disabled]):hover {
background-color: #07C67E !important;
}
.md-button.md-accent:not([disabled]):hover {
background-color: #5697C4 !important;
}*/
.md-button[disabled] {
color : rgba(0, 0, 0, 0.26);
background-color: #d4d6d8;
}
.md-toolbar-tools a {
text-decoration: none;
}
.md-toolbar-tools a:hover {
text-decoration: none;
}
.tl-title {
-moz-margin-top:26%;
-webkit-margin-top: 9%;
margin-top: 9%;
}
.home-product-list-card {
width:200px;
height:200px;
margin:15px;
position:relative;
border-radius: 5px;
}
.home-product-list-card img {
opacity: 0;
}
.home-product-list-card:hover img {
opacity: 1;
color: #fff;
}
.home-product-list-card .home-product-list-card-title {
color: #25333C;
}
.home-product-list-card:hover .home-product-list-card-title {
color: #fff;
}
.mktplace-newto-container {
height:149px;
/* width:83%;*/
border:1px solid #C3E6D6;
margin-bottom:30px;
}
.mktplace-newto-inner-container {
/* width: 750px;*/
background-color:#E2F7ED;
height:100%;
}
.newto-title {
letter-spacing:5px;
font-weight:600;
}
.newto-description {
color:#707587;
font-size:1.5rem;
line-height:24px;
overflow:hidden;
}
.macbook-container {
background-image:url('../assets/images/Bitmap.png'), linear-gradient(-180deg, rgba(237,237,237,0.00)0%,rgba(0,0,0,0.38)100%);
background-repeat:no-repeat;
background-size:cover;
height:auto;
background-color: #0F8643 ;
}
.mktplace-benefits-badge {
position: absolute;
width: 80px;
height: 80px;
border: 2px solid #fff;
border-radius: 50%;
text-align:center;
display: inline-block;
vertical-align: middle;
}
.macbook-img {
background:url('../assets/images/Laptop.png') no-repeat center center;
position:relative;
top:16px;
height:365px;
z-index:1;
}
.ceo-container {
padding: 50px 60px;
width: 85%;
margin: 0 auto;
}
.align-center {
margin: 0 auto;
display: block;
}
.mktplace-owner-badge {
margin-left: auto;
margin-right: auto;
width: 88px;
height: 88px;
border: 1px solid #ddd;
border-radius: 50%;
text-align: center;
display: inline-block;
vertical-align: middle;
background-color:#fff;
/*left: 40px;*/
}
.ceo-1{
/*background:url('../assets/images/stephen_hawking.jpg') no-repeat top center;*/
background:url('../assets/images/stephen_hawking.jpg') no-repeat top center;
background-size: 90px 86px;
position: relative;
top: 0px;
}
.ceo-2{
/*background:url('../assets/images/deepak_chopra.png') no-repeat top center;*/
background:url('../assets/images/deepak_chopra.png') no-repeat top center;
background-size: 90px 86px;
position: relative;
top: 0px;
}
.mktplace-start-buying-selling {
/*background-color: #6CB030;*/
background-image:url('../assets/images/Homepage/last_fold.jpg'),-webkit-linear-gradient(top left, rgba(108, 176, 48, 0.9) 0%, rgba(108, 176, 48, 0.9) 100%);
background: -webkit-radial-gradient(20% 95%, circle farthest-corner, rgba(108, 176, 48, 0.9) 0%, rgba(108, 176, 48, 0.9) 100%), url('../assets/images/Homepage/last_fold.jpg') 95% 10% no-repeat;
background-image:url('../assets/images/Homepage/last_fold.jpg'),-ms-linear-gradient(top left, rgba(108, 176, 48, 0.9) 0%, rgba(108, 176, 48, 0.9) 100%);
background: -ms-radial-gradient(20% 95%, circle farthest-corner, rgba(108, 176, 48, 0.9) 0%, rgba(108, 176, 48, 0.9) 100%), url('../assets/images/Homepage/last_fold.jpg') 95% 10% no-repeat;
padding: 80px 60px;
background-size:cover;
background-position: 0;
/*background-attachment: fixed;*/
position: relative;
}
.classified-start-buying-selling{
background-image:url('../assets/images/Homepage/last_fold.jpg'),-webkit-linear-gradient(top left, rgba(108, 176, 48, 0.9) 0%, rgba(108, 176, 48, 0.9) 100%);
background: -webkit-radial-gradient(20% 95%, circle farthest-corner, rgba(30, 130, 67, 0.9) 0%, rgba(30, 130, 67, 0.9) 100%), url('../assets/images/Homepage/last_fold.jpg') 95% 10% no-repeat;
padding: 15px 30px;
background-size:cover;
background-position: 0;
/*background-attachment: fixed;*/
position: relative;
}
.classified-add-buying-selling{
/*background-image:url('../assets/images/Homepage/last_fold.jpg'),-webkit-linear-gradient(top left, rgba(108, 176, 48, 0.9) 0%, rgba(108, 176, 48, 0.9) 100%);
background: -webkit-radial-gradient(20% 95%, circle farthest-corner, rgba(30, 130, 67, 0.9) 0%, rgba(30, 130, 67, 0.9) 100%), url('../assets/images/Homepage/last_fold.jpg') 95% 10% no-repeat;*/
/* background: -webkit-radial-gradient(100% 100%, farthest-corner, rgba(0,0,0, 0.0) 10%, rgba(0,0,0, 0.8) 100%), url(../assets/images/Homepage/sell-more-suppliers.jpg) 85% 5% no-repeat !important; */
background: linear-gradient(to right, rgba(0,0,0,1) 17%, rgba(0,0,0,0.6) 34%, rgba(0,0,0,0.1) 50%, rgba(0,0,0,0) 0%, rgba(255,255,255,0) 100%), url(../assets/images/Homepage/sell-more-suppliers.jpg) 85% 5% no-repeat !important;
background-size: cover !important;
padding: 15px 30px !important;
height: 150px;
background-position: center center;
/*background-attachment: fixed;*/
position: relative;
}
/*.mktplace-start-buying-selling::before {
background: rgba(0, 0, 0, 0) -webkit-linear-gradient(top left, rgba(108, 176, 48, 0.9) 0%, rgba(108, 176, 48, 0.9) 100%) repeat scroll 0 0;
background: rgba(0, 0, 0, 0) -moz-linear-gradient(top left, rgba(108, 176, 48, 0.9) 0%, rgba(108, 176, 48, 0.9) 100%) repeat scroll 0 0;
background: rgba(0, 0, 0, 0) -o-linear-gradient(top left, rgba(108, 176, 48, 0.9) 0%, rgba(108, 176, 48, 0.9) 100%) repeat scroll 0 0;
background: rgba(0, 0, 0, 0) linear-gradient(to bottom right, rgba(108, 176, 48, 0.9) 0%, rgba(108, 176, 48, 0.9) 100%) repeat scroll 0 0;
content: "";
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}*/
.mktplace-benefits-container {
background-image:url('../assets/images/buildings-img.png'),linear-gradient(-180deg, rgba(237,237,237,0.00)0%,rgba(0,0,0,0.38)100%);
/*height:300px;*/
padding: 40px 60px;
background-size:cover;
background-repeat:no-repeat;
background-position: 60% center;
/*height: 272px;*/
}
.round-btn {
border-radius:25px;
width:200px;
padding:5px;
text-transform:none;
}
/* css from index.html*/
.tl-logo-container {
width:auto;
height:30px;
}
.business-img-container {
height: 18.5em;
width: 100%;
}
.fgpwd-link {
text-decoration:none;
color:#0F8643 ;
font-weight: 600;
}
.troubleshoot-signin-fixed {
left: -32px !important;
top: 25px !important;
width: 341px !important;
}
.fullWidth {
width: 100% !important;
}
.nobr {
border: none !important;
}
.height110 {
max-height: 110px !important;
height: 110px !important;
}
.mktplace-hero-image-container {
/*background-image:url('../assets/images/Homepage/hero_img1.jpg');*/
/*background: linear-gradient( rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6) ), url('../assets/images/Homepage/hero_img1.jpg');*/
background: linear-gradient( to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4) ), url('../assets/images/home-1.png');
/*,-webkit-linear-gradient(top left, rgba(1, 30, 27, 0.9) 0%, rgba(1, 30, 27, 0.9) 100%)*/
/*background: -webkit-radial-gradient(20% 20%, circle farthest-corner, rgba(1, 30, 27, 0.4) 50%, rgba(1, 30, 27, 0.9) 100%), url('../assets/images/Homepage/hero_img.jpg') 95% 10% no-repeat;*/
/*background-image: url('../assets/images/tl-image-new1.jpg');*/
/*background-repeat:no-repeat;*/
background-size:cover;
/*background-attachment: fixed;*/
width:100%;
height: 410px;
overflow: hidden;
background-position: top center;
/*background-position: 0 -140px;*/
}
.hero-text-holder h1 {
/* changes made on 31-08-2018 */
/* text-shadow: 1px 1px 2px #000000; */
text-shadow: 2px 2px 6px #000000;
/* text-shadow: 1px 1px 2px black, 0 0 1em #000, 0 0 0.2em #000; */
}
.mktplace-buyer-image-container {
/*background-image: url('../assets/images/Homepage/prof-serv-buyers.jpg'), linear-gradient(rgba(0,0,0,0.0), rgba(0,0,0,0.0)) !important;*/
background-image: url(../assets/images/Homepage/prof-serv-buyers.jpg),-webkit-linear-gradient(top left, rgba(0,0,0, 0.4) 0%, rgba(0,0,0, 0.4) 100%) !important;
background: -webkit-radial-gradient(20% 95%, circle farthest-corner, rgba(0,0,0, 0.4) 0%, rgba(0,0,0, 0.4) 100%), url(../assets/images/Homepage/prof-serv-buyers.jpg) 95% 10% no-repeat !important;
background-size: cover !important;
background-position: 0 -135px !important;
}
.mktplace-buyer-image-container, .mktplace-seller-image-container, .mktplace-service-image-container, .mktplace-prof-image-container {
background-image:url('../assets/images/Homepage/professional-serv.jpg'),
linear-gradient(rgba(0,0,0,0.0), rgba(0,0,0,0.0));
/*background-image: url('../assets/images/tl-image-new1.jpg');*/
background-repeat:no-repeat;
background-size:cover;
/*margin-bottom: 6px;*/
width:100%;
background-position: 0 -135px;
}
.mktplace-seller-image-container {
/*background-image:url('../assets/images/Homepage/sell-more-suppliers.jpg');
background-position: 0 -60px !important;*/
background: -webkit-radial-gradient(20% 95%, circle farthest-corner, rgba(0,0,0, 0.4) 0%, rgba(0,0,0, 0.0) 100%), url('../assets/images/Homepage/sell-more-suppliers.jpg') 95% 10% no-repeat !important;
background-size: cover !important;
}
.mktplace-service-image-container {
background-image:url('../assets/images/Homepage/service-more.jpg'), linear-gradient(rgba(0,0,0,0.0), rgba(0,0,0,0.0));
background-position: center !important;
background-size: cover !important;
}
.mktplace-prof-image-container {
background-image:url('../assets/images/Homepage/professional-serv.jpg'), linear-gradient(rgba(0,0,0,0.0), rgba(0,0,0,0.0));
background-position: 0 0 !important;
/*background-image: url('../assets/images/Homepage/professional-serv.jpg'),-webkit-linear-gradient(top left, rgba(0,0,0, 0.4) 0%, rgba(0,0,0, 0.4) 100%) !important;
background: -webkit-radial-gradient(20% 95%, circle farthest-corner, rgba(0,0,0, 0.4) 0%, rgba(0,0,0, 0.4) 100%), url('../assets/images/Homepage/professional-serv.jpg') 95% 10% no-repeat !important;*/
background-size: cover !important;
}
.hero-text-holder {
position: absolute;
top: 4.5%;
left: 50.5% !important;
width: 48%;
}
.business-section {
padding: 60px;
background-color: #f4f6f8;
}
.classified-search-section {
background: #f4f6f8;
padding: 30px 60px;
}
.business-section-title, .business-section-desc {
width: 38%;
text-align: center;
margin: 0 auto;
}
.business-section-desc {
width: 55% !important;
font-size: 21px;
line-height: 30px;
color: #1e1e1e;
}
.align-top-25 {
top: 25px;
}
.business-section-title {
font-weight: 700;
}
.buy-section-1, .buy-section-1-mob, .buy-section-2, .buy-section-2-mob, .buy-section-3, .buy-section-3-mob {
height: 150px;
padding: 0 16px;
}
.buy-section-1, .buy-section-1-mob {
background-color: #7DC142;
}
.buy-section-2, .buy-section-2-mob {
background-color: #6CB030;
}
.buy-section-3, .buy-section-3-mob {
background-color: #61A326;
}
.home-category-name {
font-weight: 700;
line-height: 24px !important;
text-transform: uppercase;
color: #1E1E1E;
letter-spacing: 1px;
font-size: 1.4rem;
text-align: center;
}
.num-count {
border-radius: 50%;
height: 36px;
width: 36px;
line-height: 36px;
font-size: 16px;
color: #fff;
font-weight: 600;
text-align: center;
padding: 0 8px;
border: 2px solid #fff;
}
.buy-learnmore {
font-size: 1.3rem;
text-transform: uppercase;
color: #fff;
}
.try-register {
background-color: #343434;
/*height: 375px;*/
margin-left: 4px;
padding: 28px;
}
.buyer-main-title {
margin-bottom: 10px;
font-weight: 600;
color: #fff;
}
.buy-container-bg {
/*background-image:url('../assets/images/industrialimages_7.jpg'), linear-gradient(-180deg, rgba(237,237,237,0.00)0%,rgba(0,0,0,0.38)100%);*/
background-image: url(../assets/images/industrialimages_7.jpg),-webkit-linear-gradient(top left, rgba(52, 52, 52, 0.9) 0%, rgba(52, 52, 52, 0.9) 100%);
background: -webkit-radial-gradient(20% 95%, circle farthest-corner, rgba(52, 52, 52, 0.9) 0%, rgba(52, 52, 52, 0.9) 100%), url(../assets/images/industrialimages_7.jpg) 95% 10% no-repeat;
background-size: cover;
}
.buyer-main-desc {
font-size: 16px;
line-height: 30px;
color: #fff;
}
.global-company {
height: 175px;
width: 225px;
background: #fff;
border: 1px solid #e8e8e8;
}
.mb16 {
margin-bottom: 16px;
}
.p8 {
padding: 8px !important;
}
.month-subscribe {
background-color: #2E707D;
height: 60px;
width: 60px;
border: 1px solid #2E707D;
border-radius: 50%;
text-align: center;
font-size: 36px;
line-height: 60px;
display: block;
margin-left: auto;
margin-right: auto;
}
.subscribe-division {
margin: auto 0;
padding: 10px;
}
.benifits-division .benifits-list {
margin-bottom: 10px;
}
.imports-exports {
height: 200px;
background-color: #EDF0F1;
}
.mktplace-hero-image-heading{
position: relative;
top: 95px;
/*position:absolute;
top: 20%;
width: 100%;
line-height: 36px;
text-align: center;*/
}
.fromTop {
top: 95px !important;
}
.mktplace-hero-section{
height:470px;
}
.mktplace-hero-context{
line-height:24px;
width: 70%;
margin: 0 auto;
}
.marketplace-context-container {
padding: 50px 0;
width: 94%;
margin: 0 auto;
text-align: center;
}
.right-border {
border-right: 1px solid #848484;
}
.buy-container {
background-image:url('../assets/images/Buy.jpg'), linear-gradient(-180deg, rgba(237,237,237,0.00)0%,rgba(0,0,0,0.38)100%);
background-repeat:no-repeat;
background-size:cover;
width:100%;
height: 250px;
}
.mktplace-learn-btn{
background-color: #ffffff !important;
color: #0F8643 ;
border-radius:25px;
border:1px solid #d4d6d8;
width:150px;
padding: 0 20px;
margin: 24px auto;
line-height: 32px;
height: 34px;
font-size: 1.4rem;
text-align: center;
text-transform:none;
}
.section-divider{
left: 70px;
top: 55px;
opacity : 0.2;
border: 1px solid #fff;
height: 185px;
}
.months-banner-text {
text-transform: uppercase;
position: absolute;
top: 50%;
left: 50%;
/*margin-right: -50%;*/
transform: translate(-50%, -50%);
}
.months-banner-text .month-badge {
border-radius: 50%;
border: 1px solid #2E707D;
background-color: #2E707D;
color: #fff;
font-size: 4.8rem;
width: 77px;
height: 77px;
line-height: 77px;
}
.mkt-sub{
position: relative;
top: 43%;
}
/*.mktplace-benefits-container{
height: 428px;
background-color:#edf0f1;
}*/
.mktplace-benefits-color{
color:#5d636f;
}
.mktplace-promotion {
height: 228px;
background:url('/assets/images/card3.png');
}
.default-border {
border: 1px solid #d4d6d8;
}
/*.mktplace-stats-image-container {
height:350px;
width:100%;
}*/
.business-cards-container {
margin: 0 auto;
width: 90%;
}
.business-cards {
background-color: #fff;
/*box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.10); */
box-shadow: 2px 2px 1px #d4d6d8 !important;
border: 1px solid #d4d6d8;
padding: 16px;
margin-right: 16px;
min-height: 450px !important;
}
.business-cards-active {
background-color: #f4f4f4;
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.10);
}
.business-cards-description {
width: 98%;
margin: auto 3px;
padding: 16px;
background-color: #f4f4f4;
box-shadow: 0 1px 11px 0 rgba(0, 0, 0, 0.10);
}
.mktplace-stats-image-heading{
position:absolute;
top:0;
margin-top: 75px;
width: 100%;
}
.mktplace-stats-import-section{
background-image:url('../assets/images/card2.png'), linear-gradient(-180deg, rgba(237,237,237,0.55)0%,rgba(0,0,0,0.38)100%);
background-repeat:no-repeat;
background-size:cover;
/*height:350px;*/
}
.mktplace-stats-export-section{
background-image:url('../assets/images/card1.png'), linear-gradient(-180deg, rgba(237,237,237,0.00)0%,rgba(0,0,0,0.38)100%);
background-repeat:no-repeat;
background-size:cover;
/*height:350px;*/
}
.mktplace-stats-advt-section {
background-image:url('../assets/images/ad.png');
background-repeat:no-repeat;
background-size:cover;
padding: 16px;
/*height:350px;*/
}
.mktplace-stats-advt-image{
height:350px;
width: 100%;
}
.mktplace-stats-context{
line-height:24px;
width: 75%;
padding: 0 8px;
margin: 10px auto;
font-size: 1.5rem;
/*margin-bottom:30px;*/
}
.mktplace-checkmark{
position: relative;
bottom: 8px;
right: 10px;
width:13px;
}
.news-events {
margin: 10px auto;
}
.news-events li {
margin-bottom: 10px;
}
.mktplace-list-text{
font-weight:800;
line-height:24px;
color:#25333C;
}
.one-row-container{
height:300px;
background-color:#EDF0F1;
margin-bottom: 6px;
}
.letter-space{
letter-spacing:3.46px;
}
.mlminus-20{
margin-left:-20px;
}
.mktplace-search-container {
background:#ffffff;
border-radius:4px;
height:50px;
line-height:1.5rem;
box-shadow:0px 0px 10px 0px rgba(0,0,0,0.20);
}
.mktplace-search-btn {
background:#0F8643 ;
width: 50px;
border-radius:0 5px 5px 0;
}
.no-br {
border-radius: 0 !important;
}
.card {
/*min-height:270px;*/
/*border-top:5px solid #3D7BA0;*/
/*margin: 15px;*/
/*min-width:320px;*/
/*border-radius: 5px;*/
height:100%;
background-color: rgba(255, 255, 255, 0.3);
}
.mktplace-productcard-title {
letter-spacing:5px;
font-weight:600;
font-size: 1.5rem;
}
.mktplace-productcard-description {
font-size:1.5rem;
color:#707587;
width: 500px;
line-height:24px;
margin:0 auto;
}
.mktplace-productcard-container{
width: 1060px;
margin: 0 auto;
}
.mktplace-productcard-context{
line-height:24px;
width:420px;
margin-bottom:20px;
}
.card-img {
height:100%;
width:100%;
overflow:hidden;
border-radius:5px;
}
/*css from index.html */
.conte-tag {
border-radius:25px;
/*border:1px solid #d4d6d8;*/
/*padding: 0 20px;*/
padding: 0 10px;
/* line-height: 38px; */
/*height: 25px;*/
/* float: left; */
font-size: 1.4rem;
text-align: center;
text-transform:none;
}
.conte-tag a {
color: #5D636F;
/*font-size: 1.4rem !important;
line-height: 25px !important;*/
}
/*.conte-tag a.mkt-register {
color: #0F8643 !important;
}*/
a.mkt-register:hover {
color: #0F8643 !important;
transition: 0.5s all ease-in-out;
}
.conte-tag span.marketplaceMouseHover a:hover {
color: #0F8643;
transition: 0.5s all ease-in-out;
}
.conte-tag a:hover {
color: #0e8543;
transition: 0.5s all ease-in-out;
}
.active {
background-color: #36c391;
/*color: #fff;*/
border-radius: 25px;
/*padding:6px;*/
width: auto;
}
.mktplace-login-btn {
background:#0F8643 ;
border-radius:20px;
width:260px;
text-transform:none;
margin-top:-10px;
height:40px;
padding:0px 20px;
}
/*.customer-service-content {
background: url("assets/images/img-admin-customer-service.jpg") no-repeat cover;
}*/
/*md-toolbar:not(.md-menu-toolbar) {
background-color: rgb(0,77,64);
color: rgba(255,255,255,0.87);
}*/
.usr-avatar {
width: 40px;
min-width: 40px;
height: 40px;
line-height: 40;
position: relative;
margin: 8px 8px 0 0;
border-radius: 50%;
font-size: 17px;
font-weight: 500;
text-align: center;
color: #fff;
}
#toolbar #user-menu {
padding: 0.8rem;
}
/*registration page*/
.register-card {
width: 100%;
background-color: #fff;
border-radius: 5px;
border:1px solid #d4d6d8 ;
padding: 24px;
margin: 0 auto;
}
.register-context-content {
width: 85%;
color:#5d636f;
}
.register-card h1 {
color: #25333c;
}
.register-card p.register-title-desc {
font-size: 1.5rem;
line-height: 2.5rem;
color: #5D636F;
width: 610px;
margin: 0 auto;
}
.register-why-title {
text-transform:uppercase;
font-size:1.3rem;
font-weight:600;
line-height:2.2rem;
color:#25333C;
letter-spacing:0.3rem;
}
/* .fg-pwd-container {
position: relative;
} */
.fg-pwd {
position: absolute;
left: 0;
right: 0;
bottom: 0;
color: #0F8643 !important;
}
p.register-terms{
line-height: 20px;
/*font-size:13px;*/
color: #5d636f ;
width: 78%;
margin: 0px auto;
}
.optional-field{
position: absolute;
top: -1.9rem;
right: 3.5rem;
color: #B1B7C1;
font-size: 1.1rem;
}
.company-type-selected {
opacity: 0.5;
}
.primary-link {
color: #0F8643;
}
.primary-link:hover {
text-decoration: underline !important;
transition: 0.5s all ease-in-out;
}
.anchor-element:hover {
text-decoration: underline !important;
}
/*.register-table {
border: 1px solid #d4d6d8;
}*/
.register-button {
border-radius: 2rem;
background-color: #7DC142;
color: #ffffff ;
cursor: pointer;
height: 2.5rem;
line-height: 2.5rem;
padding: 0 2rem;
width:306px;
/*margin-left:24px;*/
margin-top:-10px;
}
.register-button:hover {
background-color: #5FAB2B;
}
.register-terms-text {
line-height: 2.0rem;
margin-top: 1.5rem;
font-size:1.3rem;
color: #5d636f;
width:267px;
margin:0 auto;
}
.register-context-text {
text-transform:uppercase !important;
font-size:1.3rem !important;
font-weight:600 !important;
line-height:2.2rem !important;
color:#25333C !important;
letter-spacing:3px !important;
}
/* added css for the company registration */
.success-card-min-width {
min-width:306px;
}
.success-content-main {
min-width:200px;
max-width:250px;
}
.success-content-text {
color: #5d636f ;
line-height: 24px;
min-height:100px;
}
.success-content-button {
line-height:40px !important;
min-width:190px;
}
.register-section-detail {
width:250px;
font-size:1.3rem;
color:#5d636f;
}
.reg-button {
border-radius: 20px;
background-color: #0F8643 ;
color: #ffffff;
cursor: pointer;
height: 34px;
line-height: 3.4rem;
padding: 0 2rem;
width:306px;
}
.login-register-btn {
background: #fff !important;
color: #0F8643 !important;
border: 1px solid #d4d6d8 !important;
box-shadow: 2px 2px 1px #d4d6d8 !important;
}
md-list-item>md-icon:first-child:not(.md-avatar-icon) {
margin-right: 10px;
}
.login-table td{
border: 1px solid #d4d6d8;
border-radius: 5px;
}
.login-table input[type=text]{
margin-left: -9px;
height: 40px;
padding: 0 15px;
border:1px solid #d4d6d8;
background-color: #f3f5f7;
border-radius: 3px 3px 0px 0px;
font-size: 13px;
color: #898E97;
width: 260px;
}
.login-table input[type=text]:focus{
background-color: #fff;
color: #5D636F;
}
.login-table input[type=password]{
margin-left: -9px;
height: 40px;
padding: 0 15px;
border-top: 0px;
border-right: 1px solid #d4d6d8;
border-bottom: 1px solid #d4d6d8;
border-left: 1px solid #d4d6d8;
background-color: #f3f5f7;
border-radius: 0px 0px 3px 3px;
font-size: 13px;
color: #898E97;
width: 260px;
}
.login-table input[type=password]:focus {
background-color: #fff;
color: #5D636F;
outline: none;
}
.login-table input[type=password].disabled {
background-color: #d3d3d3;
}
.login-table button.disabled {
background-color: #d3d3d3;
}
.product-text-desc {
color: #1E1E1E;
font-size: 18px;
width: 55%;
margin: 0 auto;
}
/*.login-table td{
border: 1px solid #d4d6d8;
border-radius: 5px;
}
.login-table td input[type=text]{
height: 40px;
padding: 0 15px;
font-family: 'Hind Siliguri', sans-serif;
background-color: #f3f5f7;
font-size: 13px;
color: #25333c;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.login-table td input[type=text]:focus{
background-color: #fff;
color: #5D636F;
}
.login-table td input[type=password]{
height: 40px;
padding: 0 15px;
background-color: #f3f5f7;
font-size: 13px;
color: #25333c;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.login-table td input[type=password]:focus {
background-color: #fff;
color: #5D636F;
}*/
.register-table td{
border: 1px solid #d4d6d8;
border-radius: 5px;
}
.register-table td input[type=text]{
height: 40px;
padding: 0 15px;
background-color: #f3f5f7;
font-size: 13px;
font-family: 'Hind Siliguri', sans-serif;
color: #898E97;
width: 300px;
-webkit-box-sizing: border-box; /* For legacy WebKit based browsers */
-moz-box-sizing: border-box; /* For legacy (Firefox <29) Gecko based browsers */
box-sizing: border-box;
}
.register-table td select {
background-color: #f3f5f7;
}
.register-table td input[type=text]:focus{
background-color: #fff;
color: #5D636F;
}
.register-table td input[type=email]{
height: 40px;
padding: 0 15px;
background-color: #f3f5f7;
font-family: 'Hind Siliguri', sans-serif;
font-size: 13px;
color: #898E97;
width: 300px;
-webkit-box-sizing: border-box; /* For legacy WebKit based browsers */
-moz-box-sizing: border-box; /* For legacy (Firefox <29) Gecko based browsers */
box-sizing: border-box;
}
.register-table td input[type=email]:focus{
background-color: #fff;
color: #5D636F;
}
.register-table td input[type=password]{
height: 40px;
padding: 0 15px;
background-color: #f3f5f7;
font-size: 13px;
font-family: 'Hind Siliguri', sans-serif;
font-size: 13px;
color: #898E97;
width: 300px;
-webkit-box-sizing: border-box; /* For legacy WebKit based browsers */
-moz-box-sizing: border-box; /* For legacy (Firefox <29) Gecko based browsers */
box-sizing: border-box;
}
.register-table td input[type=password]:focus {
background-color: #fff;
color: #5D636F;
font-family: 'Hind Siliguri', sans-serif;
font-size: 13px;
}
.fgpwd-table td input[type=password] {
padding: 0 15px;
height: 40px;
font-size: 13px;
color: #898E97;
-webkit-box-sizing: border-box; /* For legacy WebKit based browsers */
-moz-box-sizing: border-box; /* For legacy (Firefox <29) Gecko based browsers */
box-sizing: border-box;
}
.customer-service-content {
background: url("../assets/images/img-admin-customer-service.jpg") no-repeat cover;
}
.save {
/*background: #0F8643 ;*/
background-color: #0F8643 ;
color: #fff;
padding: 0 20px;
height: 40px;
font-size:14px;
border-radius: 25px;
width: auto;
}
.company-status-holder {
height: 200px;
background-color: #F3FCF8;
border: 1px solid #C3E6D6;
position: relative;
border-radius: 3px;
}
.save[disabled] {
background-color: #ddd;
}
.alert-button {
border-radius: 20px;
background-color: #DE4F60;
color: #ffffff;
cursor: pointer;
height: 40px;
line-height: 40px;
padding: 0 20px;
}
/*progress-circle*/
.md-left .md-half-circle {
transform: rotate(0deg);
}
.md-right .md-half-circle {
transform: rotate(0deg);
}
.countryimg {
width:80px;
height:80px;
border-radius:50%;
/*position: absolute;
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%);*/
}
.badge {
background-color:#A4A4A4;
color:#fff;
border-radius:50%;
vertical-align: bottom;
display: inline-block;
position: relative;
top: 6px !important;
left: 15px;
height: 28px;
width: 29px !important;
line-height: 29px;
text-align: center;
}
.company-selection-card {
height:150px;
width:150px;
}
.active-badge {
/*background-color: #0F8643 ;*/
background-color: #0F8643 ;
left: 13px;
/*border: 1px solid #0F8643 ;*/
border: 1px solid #0F8643 ;
}
.card-caption {
font-size: 13px !important;
line-height: 16px !important;
font-weight: 400;
color: #999 !important;
}
.card-caption-title {
font-size: 15px !important;
line-height: 20px !important;
font-weight: 600;
color: #25333c;
word-break: break-all;
max-width: 95% !important;
display: inline;
}
.tablet-cut-text {
max-width: 225px !important;
}
.attach-file {
background-color: #fff ;
/*box-shadow: 0px 1px 0px 0px #36739C, 0px 1px 2px 0px rgba(0,0,0,0.25);*/
color: #0F8643;
line-height: 25px;
font-size: 13px;
height: 25px;
padding: 0 25px;
border-radius: 25px;
margin-top: 12px;
border: 1px solid #0F8643;
width: 150px;
}
.attach-file:hover {
color: #fff;
background-color: #0F8643;
}
.nav-list li a {
text-decoration: none !important;
}
.upload-complete {
background-color: #0F8643 ;
box-shadow: 0px 1px 0px 0px #36739C, 0px 1px 2px 0px rgba(0,0,0,0.25);
color: #fff;
line-height: 18px;
font-size: 14px;
height: 35px;
border-radius: 25px;
}
.other-notify-me {
border-radius:0px;
top:18px;
position:relative;
background-color: #F3FCF8;
border: 1px solid #C3E6D6;
}
.country-selection-dropdown {
width: auto;
position: relative;
top: 0px;
left: 0px;
padding: 0 15px;
background-size: 10px 10px;
border:1px solid #d4d6d8;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
height: 40px;
background: #edf0f1 url("../bower_components/marketplace/client/assets/images/arrow-down-sign-to-navigate.svg") no-repeat right center;
background-position: 306px 14px;
font-family: 'Hind Siliguri', sans-serif;
font-size: 13px;
color: #25333C;
border-radius: none;
}
/*.ng-touched::-webkit-input-placeholder {
font-family: 'Hind Siliguri', sans-serif;
font-size: 13px;
}
.ng-touched:-moz-placeholder {
font-family: 'Hind Siliguri', sans-serif;
font-size:13px;
}
.ng-touched::-moz-placeholder {
font-family: 'Hind Siliguri', sans-serif;
font-size: 13px;
}
.ng-touched:-ms-input-placeholder {
font-family: 'Hind Siliguri', sans-serif;
font-size: 13px;
}
input-placeholder {
font-family: 'Hind Siliguri', sans-serif;
font-size: 13px;
}*/
.card-check {
right: 34px;
vertical-align:middle;
position: absolute;
top: 15px !important;
}
.mt-m-27 {
margin-top: -27px;
}
.country-selection {
/*border:1px solid #EDF0F1;*/
padding:15px 0;
min-height:52px;
border-radius: 0 0 2px 2px;
/*box-shadow: 0 1px 3px 0 rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12);*/
position: relative;
top: 10px;
}
.telephone-code {
margin-right:-4px !important;
background-position: right 5px center !important;
padding: 0 8px !important;
}
.company-registration-card {
margin:0 auto;
margin-top:0px;
margin-bottom:40px;
padding-bottom: 40px;
/*width:720px;*/
}
.country-location-title {
color:#25333C;
}
.radio-container {
margin-left: 24px;
}
.select-label {
position: relative;
left: 24px;
top: -6px;
font-weight: 500;
font-size: 1.4rem;
color: #25333C;
}
.personal-label {
color: #25333C;
font-weight: 500;
font-size: 14px;
}
.preferences-email-edit-icon {
right: -35px;
top: 25px;
}
.official-reg-office {
color: #5d636f;
font-size: 1.5rem;
line-height:2.5rem;
}
.steps {
font-size: 1.3rem;
/*color: #0F8643 ;*/
color: #0F8643 ;
font-weight: 600;
display: block;
margin-bottom: 8px;
}
.need-help {
height:380px;
border-radius:5px;
max-width:234px;
/*border:1px solid #d3d3d3;*/
position:relative;
}
.required-field {
position: absolute;
left: 254px;
top: 15px;
color: #A4A4A4;
}
.needhelp md-icon {
color:#0F8643 ;
}
.needhelp {
color: #25333C;
}
.offline {
border-radius: 3px;
/* margin-left: 5px; */
padding: 4px 10px;
background-color: #DE4F60;
font-size: 10px;
letter-spacing: 0.46px;
}
.selected {
background-color: #0F8643;
color: #fff;
}
.role-radio-container {
margin-top:-45px;
line-height:25px;
font-size:15px;
}
/* Form Validations for company address */
/*Show red border if kept the input empty after touching*/
.address-form-validation .ng-touched.ng-invalid-required {
color: #DE4F60 ;
/* background-color: #FBEDEF ; */
/* border: 1px solid #DE4F60 ; */
}
/* Show red border when stuff has been typed in, but its invalid */
.address-form-validation .ng-dirty.ng-invalid {
color: #DE4F60 ;
/* background-color: #FBEDEF ; */
/* border: 1px solid #DE4F60 ; */
}
/*Show normal border color when typed in for the first time*/
.address-form-validation .ng-submitted input.ng-invalid{
color: #DE4F60 ;
/* background-color: #FBEDEF ; */
/* border: 1px solid #DE4F60 ; */
}
.ng-untouched.ng-invalid {
background-color: #fff;
color: #5D636F;
}
.need-help-container {
position: absolute;
right: 25%;
}
/*Company Registration CSS*/
.list-card {
min-height: 60px;
height: auto;
position: relative;
box-shadow: none;
border-radius: 3px 3px 0 0;
background-color: #f3f5f7 !important;
/* border: 1px solid #E1E1E1; */
}
.list-card-inactive
{
/*box-shadow: none;
height: 70px;
width: 677px;
background-color: #F3F5F7;
border: 1px solid #d4d6d8;*/
opacity: 0.5;
margin:0;
cursor: default;
box-shadow: none;
border: 1px solid #E1E1E1;
}
.list-card-body {
margin-top:0;
/*width:530px;*/
border-radius:0 0 3px 3px;
border-right:1px solid #E1E1E1;
border-left:1px solid #E1E1E1;
border-bottom:1px solid #E1E1E1;
}
.company-table td input[type=text]{
height: 40px;
border: 1px solid #d4d6d8;
color: #25333c;
font-size: 13px;
font-family: 'Hind Siliguri', sans-serif;
padding: 0 15px;
line-height: 14px;
font-weight: 400;
background-color: #f3f5f7;
width: 100%;
-webkit-box-sizing: border-box; /* For legacy WebKit based browsers */
-moz-box-sizing: border-box; /* For legacy (Firefox <29) Gecko based browsers */
box-sizing: border-box;
}
.company-table td input[type=text]:focus{
background-color: #fff;
color: #5d636f;
border:1px solid #c2c6d2;
}
.company-table, .company-table td {
border:0px !important;
}
.company-table td {
width: 50%;
}
.company-table tr {
background-color: transparent;
}
.companyAddrForm {
background-color: #fff;
}
md-input-container {
width: 100%;
}
/* md-input-container>md-select {
border: 1px solid #f2f2f2;
} */
.contact-table td input[type=text]{
height: 40px;
border:1px solid #d4d6d8;
background-color: #edf0f1;
padding: 0 15px;
color: #25333c;
width: 306px;
font-family: 'Hind Siliguri', sans-serif;
-webkit-box-sizing: border-box; /* For legacy WebKit based browsers */
-moz-box-sizing: border-box; /* For legacy (Firefox <29) Gecko based browsers */
box-sizing: border-box;
}
.contact-table, .contact-table td {
border:0px !important;
}
select.dropdown {
width: 295px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
height: 40px;
border: 1px solid #d4d6d8;
padding: 0px 15px;
border-radius: 0;
background: #edf0f1 url("../bower_components/marketplace/client/assets/images/arrow-down-sign-to-navigate.svg") no-repeat right center;
background-size: 13px 13px;
background-position: 278px 13px;
font-family: 'Hind Siliguri', sans-serif;
font-size: 13px;
color: #25333C;
border-radius: none;
-webkit-box-sizing: border-box; /* For legacy WebKit based browsers */
-moz-box-sizing: border-box; /* For legacy (Firefox <29) Gecko based browsers */
box-sizing: border-box;
}
button ng-disabled {
background-color: #EDF0F1;
}
.disable-input {
background-color: #fff;
}
/*
select.dropdown
{
width: 295px;
padding: 0 15px;
font-size: 16px;
line-height: 1;
font-size: 14px;
border: 1px solid #d4d6d8;
height: 40px;
background: #edf0f1 url('../../client/assets/images/arrow-down.png') no-repeat right;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-family: 'Hind Siliguri', sans-serif;
background-position-x: 250px;
}
*/
select.dropdown1
{
width: 150px;
padding: 5px;
line-height: 15px;
font-size: 14px;
border: 1px solid #d4d6d8;
height: 34px;
border-radius: 0;
background: url('../bower_components/marketplace/client/assets/images/arrow-down-sign-to-navigate.svg') no-repeat right center;
background-size: 13px 13px;
background-position: 170px 13px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-family: 'Hind Siliguri', sans-serif;
font-size: 13px;
color: #25333C;
-webkit-box-sizing: border-box; /* For legacy WebKit based browsers */
-moz-box-sizing: border-box; /* For legacy (Firefox <29) Gecko based browsers */
box-sizing: border-box;
/* background-position-x: 156px;*/
}
select.mktplace-dropdown
{
width: 90px;
border:0;
padding: 5px;
height: 100%;
font-size: 14px;
border-radius: 0;
background: transparent url('../bower_components/marketplace/client/assets/images/arrow-down-sign-to-navigate.svg') no-repeat right center;
background-position: 67px 13px;
background-size: 13px 13px;
-webkit-appearance: none;
-moz-appearance: none;
font-family: 'Hind Siliguri', sans-serif;
font-size: 13px;
appearance: none;
color: #898E97;
}
.inner-mkt-place {
background-position: right 4px center !important;
padding: 0px 10px;
height: 35px;
width: 100% !important;
background-size:11px 11px !important;
color:#25333C;
font-size:13px;
border-top: 1px solid #d4d6d8 !important;
border-bottom: 1px solid #d4d6d8 !important;
}
.search-marketplace-container{
height: 34px;
min-width: 500px;
}
.search-marketplace-input {
background-color:#fff !important;
color:#25333C !important;
padding:0 15px !important;
font-size: 13px !important;
border-top: 1px solid #d4d6d8 !important;
border-bottom: 1px solid #d4d6d8 !important;
border-left: 1px solid #d4d6d8 !important;
border-radius: 3px 0px 0px 3px !important;
line-height:24px;
width: 100% !important;
height: 34px !important;
}
.contact-table tr {
background-color: transparent;
}
td.zip-code {
width: 30%;
}
td.zip-code1 {
width: 70%;
}
.companyAddrForm {
background-color: #fff;
}
.select-mini-dropdown {
width:130px !important;
background-position: right 15px center !important;
background-size: 11px 11px !important;
line-height: 15px !important;
margin-bottom:10px !important;
}
.company-verification-doc-upload {
width:133px !important;
margin-top:-15px;
margin-left: 10px;
}
.verificationTable td input[type=text]{
height: 40px;
border: 1px solid #d4d6d8;
background-color: #edf0f1;
font-family: 'Hind Siliguri', sans-serif;
font-size: 13px;
padding: 0 15px;
width: 100%;
-webkit-box-sizing: border-box; /* For legacy WebKit based browsers */
-moz-box-sizing: border-box; /* For legacy (Firefox <29) Gecko based browsers */
box-sizing: border-box;
}
.verificationTable, .verificationTable td {
border:0px !important;
}
.verificationTable td {
width: 50%;
}
.verificationTable tr {
background-color: transparent;
}
.user-table tr {
background-color: transparent;
border: 1px solid #f2f2f2;
}
.user-table button {
width: 100%;
}
.user-table thead tr {
background-color: #f2f2f2;
}
.companyAddrForm {
background-color: #fff;
}
.document-one {
background-color: #f2f2f2;
height: 25px;
padding: 15px;
line-height: 0px;
border: 1px solid #f2f2f2;
font-weight: 600;
text-align: center;
}
.download-attachment {
height: 35px;
display: block;
line-height: 35px;
border-bottom:1px solid #f2f2f2;
color: black;
text-align: right;
padding: 5px 8px;
}
.document-section {
border:1px solid #d3d3d3;
height:170px;
}
.overview-list {
list-style: none;
padding:0;
}
.overview-list li {
padding-left: 1em;
text-indent: -.7em;
}
.overview-list li:before {
content: "• ";
color: #d3d3d3; /* or whatever color you prefer */
font-size:20px;
line-height:24px;
vertical-align:middle;
}
.checkbox-cont {
-moz-margin-top: -48%;
-webkit-margin-top: -48%;
margin-top: -48%;
}
.checkbox-container {
padding: 0 24px;
}
.download-link, .tandc {
text-decoration: underline;
}
.download-link {
color: rgba(93, 99, 111, 0.55)
}
.tandc {
color: #0F8643;
}
.createCompany {
background-color: #fff;
color: #0F8643 ;
position: absolute;
right: 25px;
padding: 10px;
border-radius: 25px;
width: 150px;
top: 20px;
}
.identify-title {
background-color: #f6f7f8;
padding: 10px;
border-top: 0;
/* border-right: 1px solid #E1E1E1 ; */
border-bottom: 1px solid #E1E1E1 ;
/* border-left: 1px solid #E1E1E1 ; */
margin-top: 0;
color: #25333C;
}
.identification-doc {
border: 1px solid #d4d6d8;
}
.company-identification-title {
border: 1px solid #d3d3d3;
background-color:#d4d6d8;
padding:8px;
width:685px;
}
.createCompany:disabled {
background-color: #d3d3d3;
opacity:0.5;
color: #25333C;
}
.company-success-title {
font-size: 20px;
line-height: 36px;
font-weight: 600;
}
.company-success {
/*color: #0F8643 ;*/
line-height:40px;
list-style-type:none;
}
md-progress-linear .md-container {
display: block;
position: relative;
width: 100%;
height: 12px;
border-radius: 10px;
}
.progress-block {
/*margin-top: 28px;*/
display: inline;
}
.progress-text {
position: absolute;
left: 341px;
top: 35px;
}
.progress-footer {
background-color: #25333C;
color:#fff;
height:80px;
width: 876px;
/*min-width: 820px;
max-width: 995px;*/
position:fixed;
bottom: 0;
z-index: 10000;
}
md-progress-linear{
margin-left: 25px;
}
.md-select-menu-container .md-active .md-clickable {
top: 195px !important;
}
div.md-bar.md-bar2 {
height: 12px;
/*background-color: #0F8643 ;*/
background-color: #0F8643 ;
}
.required-label {
display: inline-block;
float: right;
position: relative;
top: -10px;
font-size: 1.2rem;
color: #707587;
}
md-tab-item span {
font-size: 12px;
line-height: 15px;
font-weight: 500;
/*color: #25333C;*/
}
.active-footer {
background-color: #0F8643 ;
color: #fff;
height: 80px;
width: 100%;
position: relative;
margin-left: 0px;
top: 10px;
left: 0;
bottom: 40px;
z-index: 1;
}
md-checkbox.agree-check {
margin-top: 0% !important;
}
.nav-list {
line-height: 2.8em;
}
.nav-list li {
list-style-type: none;
}
.register-step {
background-attachment: scroll;
background-clip: border-box;
background-color: rgb(246, 246, 246);
background-image: none;
background-origin: padding-box;
background-size: auto;
border-bottom-color: rgb(102, 102, 102);
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom-style: none;
border-bottom-width: 0px;
border-image-outset: 0px;
border-image-repeat: stretch;
border-image-slice: 100%;
border-image-source: none;
border-image-width: 1;
border-left-color: rgb(102, 102, 102);
border-left-style: none;
border-left-width: 0px;
border-right-color: rgb(102, 102, 102);
border-right-style: none;
border-right-width: 0px;
border-top-color: rgb(102, 102, 102);
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-top-style: none;
border-top-width: 0px;
box-shadow: none;
box-sizing: border-box;
min-width: 800px;
}
fieldset.standard {
border-style: solid;
border-width: 1px;
}
.browse-button {
border-radius: 20px;
background-color: #0F8643 ;
color: #ffffff;
cursor: pointer;
padding: 0 20px;
height: 34px;
line-height: 34px;
width:auto;
}
.register-button:disabled {
background-color: #f2f2f2;
}
.support-button {
border-radius: 30px;
background-color: #FFFFFF;
border: 1px solid #aaa;
cursor: pointer;
padding: 10px;
height:180px;
width:180px;
}
.support-icon {
background-color: #FFFFFF;
border-radius: 70%;
height: 100px;
width: 100px;
border: 1px solid #aaa;
margin-top: 5px;
}
/*.register-table table, .register-table td, .register-table th {
border:1px solid #D8D8D8;
}*/
#checkoutbutton {
width: 67px;
height: 40px;
background-color: #33FF00;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border: 5px solid #009900;
padding: 5px;
}
.tooltipForMouseHover {
position: relative;
display: inline-block;
}
.tooltipForMouseHover .tooltiptext {
/*visibility: hidden;
margin-left:200px;
width: 200px;
background-color: red;
color: white ;
text-align: center;
border-radius: 4px;
padding: 5px 0;
position: absolute;
z-index: 1;
top: -20px;
left: 100%;*/
visibility: hidden;
width: 200px;
background-color: #fff ;
color: grey;
text-align: center;
border: 1px solid #d4d6d8 ;
border-radius: 3px;
box-shadow: 0 1px 1px rgba(0,0,0,0.3);
padding: 10px;
/* Position the tooltip */
position: absolute;
z-index:9 !important;
/*visibility: hidden;
position: absolute;
display: block;
right: 180px;
bottom: 165px;
padding: 0 15px;
background-color: #fff;
width: 260px;
height: 156px;
border: 1px solid #d4d6d8 ;
border-radius: 3px;
box-shadow: 0 1px 1px rgba(0,0,0,0.3);
z-index:1;*/
}
.tooltipForMouseHover:hover .tooltiptext {
visibility: visible;
}
/*
.mouse.pointer {
cursor: pointer;
}
.tooltip .tooltiptext::after {
content: "";
position: absolute;
top: 50%;
right: 100%;
margin-top: -5px;
border-width: 5px;
border-style: solid;
border-color: transparent red transparent transparent;
}
*/
.tooltip {
font-weight: 500;
font-size: 14px;
background-color: red;
color: white;
}
@media screen and (min-width: 960px) {
.tooltip {
font-size: 10px;
}
}
/*for span inside div*/
.tooltip .content {
position: relative;
white-space: nowrap;
text-overflow: ellipsis;
-webkit-transform-origin: center top;
transform-origin: center top;
-webkit-transform: scale(0);
transform: scale(0);
opacity: 100;
height: 32px;
line-height: 32px;
padding-left: 16px;
padding-right: 16px;
}
@media screen and (min-width: 960px) {
.tooltip .content {
height: 22px;
line-height: 22px;
padding-left: 8px;
padding-right: 8px;
}
}
/* .tooltip .content.md-show-add {
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
transition-duration: .2s;
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0; }
md-tooltip .md-content.md-show, md-tooltip .md-content.md-show-add-active {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
-webkit-transform-origin: center top;
transform-origin: center top; }
md-tooltip .md-content.md-show-remove {
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
transition-duration: .2s; }
md-tooltip .md-content.md-show-remove.md-show-remove-active {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0; }
md-tooltip.md-hide {
transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); }
md-tooltip.md-show {
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
pointer-events: auto;
will-change: opacity, height, width; }
*/
h1{
font-weight: 100;
font-size: 40px;
margin: 40px 0px 20px;
}
a.text-underline {
text-decoration: underline;
}
#clockdiv{
font-family: sans-serif;
color: #fff;
display: inline-block;
font-weight: 100;
text-align: center;
font-size: 30px;
}
#clockdiv > div{
padding: 10px;
border-radius: 3px;
background: #00BF96;
display: inline-block;
}
#clockdiv div > span{
padding: 15px;
border-radius: 3px;
background: #00816A;
display: inline-block;
}
.smalltext{
padding-top: 5px;
font-size: 16px;
}
.profile-card {
margin:50px 0 50px 50px;
width:1200px;
min-height:450px;
padding-bottom:40px;
}
.personal-preference, .mob-personal-preference {
display: inline-block;
margin: 0;
border-radius: 5px;
/*border: 1px solid #d3d4d5;*/
-webkit-padding-start: 0;
-moz-padding-start: 0;
padding-start: 0;
}
.personal-preference li, .mob-personal-preference li{
list-style-type: none;
/*line-height: 30px;*/
background-color: #fff;
/*border-bottom: 1px solid #d4d6d8;*/
font-size: 13px;
position: relative;
}
.mob-personal-preference li {
float: left;
padding: 6px;
}
.mob-personal-preference li a {
line-height: 2.8rem;
}
.personal-preference li a {
font-weight: 500;
display: block;
/*line-height: 30px;*/
font-size: 1.4rem !important;
line-height: 3.1rem !important;
padding: 0 10px 0 20px;
text-decoration: none;
}
/*.item-heading{
font-weight : 600;
color : #5d636f;
padding-left : 10px;
}
.personal-preference li a:hover {
background-color: #EDF0F1;
}*/
.personal-preference li a:active, .mob-personal-preference li a:active{
/*background-color: #D4D6D8; */
color: #0F8643 ;
}
.mob-personal-preference li a:active {
background-color: #edf0f1;
}
.activeCompanyRegistration {
border: none !important;
/*background-color: #EDF0F1;*/
}
.reg-btn1 {
background-color: #0F8643 ;
padding: 0 20px;
height: 40px;
font-size: 15px;
border-radius: 25px;
color: #fff;
}
.profile-table td label {
font-size: 13px;
}
.profile-table td input[type=text] {
height: 40px;
padding: 0 15px;
border: 1px solid #d4d6d8;
font-size: 13px;
font-family: 'Hind Siliguri', sans-serif;
background-color: #f3f5f7;
width: 265px;
-webkit-box-sizing: border-box; /* For legacy WebKit based browsers */
-moz-box-sizing: border-box; /* For legacy (Firefox <29) Gecko based browsers */
box-sizing: border-box;
}
.profile-table td input[type=text]:focus {
background-color: #fff;
color: #5d636f;
border: 1px solid #c2c6d2;
}
.profile-table td input[type=password] {
height: 40px;
padding: 0 15px;
border: 1px solid #d4d6d8;
font-size: 13px;
background-color: #f3f5f7;
width: 265px;
-webkit-box-sizing: border-box; /* For legacy WebKit based browsers */
-moz-box-sizing: border-box; /* For legacy (Firefox <29) Gecko based browsers */
box-sizing: border-box;
}
.profile-table td input[type=password]:focus {
background-color: #fff;
color: #5d636f;
border: 1px solid #c2c6d2;
}
.prof-save, .prof-cancel {
/*background-color: #0F8643 ;*/
background-color: #7DC142 ;
padding: 0 20px;
height: 25px;
font-size: 14px;
border-radius: 25px;
color: #fff;
/*width: 100%;*/
margin: 10px 0;
line-height: 25px;
}
/* .sub-plan-buy {
position:absolute;
bottom:0px;
right: 70px;
} */
.prof-save:disabled, .prof-cancel:disabled {
background-color: #edf0f1;
opacity:0.5
}
.prof-save:hover {
background-color: #5FAB2B;
}
.widget-action {
width: 100%;
padding: 4px 10px;
/*background-color: #0F8643 ;*/
background-color: #0F8643 ;
color: #fff;
border-radius: 3px;
letter-spacing: 0.46px;
font-size: 14px;
}
.widget-action:disabled {
background-color: #edf0f1;
opacity:0.5;
padding: 4px 10px;
}
.md-tabs.md-accent > md-tabs-wrapper {
background-color: rgb(255, 255, 255);
color: #EDF0F1;
}
.active-state {
color: #0F8643 ;
border-left: 4px solid #0F8643 ;
}
.active-state1 {
border-left: 4px solid #0F8643 !important;
}
.password-table td input[type=password] {
height: 40px;
padding: 0 15px;
border: 1px solid #d4d6d8;
font-size: 13px;
background-color: #f3f5f7;
width: 265px;
-webkit-box-sizing: border-box; /* For legacy WebKit based browsers */
-moz-box-sizing: border-box; /* For legacy (Firefox <29) Gecko based browsers */
box-sizing: border-box;
}
.password-table td input[type=password]:focus {
background-color: #fff;
color: #5d636f;
border: 1px solid #c2c6d2;
}
.password-table td label {
font-size: 13px;
}
.resend-btn {
background-color: #0F8643 ;
padding: 0 20px;
height: 34px;
font-size: 14px;
border-radius: 25px;
color: #fff;
width: 150px;
margin: 10px;
}
.second-callta {
background-color: #0F8643 ;
padding: 0 20px;
height: 34px;
font-size: 14px;
border-radius: 25px;
color: #fff;
width: 150px;
margin: 10px;
}
.second-calltalink {
background-color: #0F8643 ;
padding: 0 20px;
height: 34px;
font-size: 14px;
border-radius: 25px;
color: #fff;
width: 150px;
margin: 10px;
}
.error-message {
/*position: relative;
top: -8px;*/
/* height: 35px; */
padding: 0 15px;
font-size: 13px;
/*width: 100%;*/
/* line-height: 35px; */
margin: 8px auto;
/* background-color: #DE4F60; */
color: #DE4F60;
}
.success-message {
/*word-break: break-all;*/
word-break: break-word !important;
padding: 0 15px;
font-size: 13px;
/* width: 260px; */
line-height: 24px;
margin: 8px auto;
background-color: #7DC142;
}
.md-tab {
font-size: 13px;
}
md-tabs .md-tab.md-active {
/*color: #0F8643 !important;*/
color: #0F8643 !important;
}
md-tabs .md-tab {
color: #25333C !important;
}
.comp-adddesc {
position: relative;
top: 10px;
vertical-align: bottom;
}
.comp-perdesc {
position: relative;
vertical-align: baseline;
top: 18px;
}
.sm-btn {
background-color: #EDF0F1;
padding: 0 15px;
height: 34px;
line-height: 34px;
text-align: center;
font-size: 13px;
border-radius: 25px;
color: #25333C;
width: 74px;
margin-right:3px;
float: left;
line-height: 34px;
cursor: pointer;
}
.smbtn1 {
background-color: #EDF0F1;
padding: 0 15px;
height: 34px;
font-size: 13px;
border-radius: 25px;
color: #0F8643 ;
width: 55px;
}
.primary-callta {
background-color: #fff;
padding: 0 20px;
height: 35px;
line-height: 35px;
font-size: 14px;
border-radius: 25px;
border: 2px solid #82D52D;
/*color: #0F8643 ;*/
color: #82D52D ;
}
.primary-link-btn {
background-color: #fff;
color: #0F8643 ;
border: 1px solid #0F8643 ;
padding: 0 20px;
height: 34px;
line-height: 34px;
font-size: 14px;
border-radius: 25px;
}
.secondary-callta {
background-color: #fff;
padding: 0 20px;
height: 25px;
line-height: 24px;
font-size: 13px;
border-radius: 25px;
border: 2px solid #49A329;
/*color: #0F8643 ;*/
color: #49A329 ;
}
/*.secondary-link-btn {
background-color: #fff;
color: #0F8643;
border: 1px solid #0F8643;
padding: 0 20px;
height: 34px;
font-size: 14px;
border-radius: 25px;
}*/
.warn-link-btn {
background-color: #fff;
color: #DE4F60;
border: 1px solid #DE4F60;
padding: 0 20px;
height: 30px;
line-height: 30px;
font-size: 13px;
border-radius: 25px;
width: 95px;
text-align: center;
}
.warn-link-btn:hover {
background-color: #DE4F60;
color: #fff !important;
}
/*.secondary-call {
color: #0F8643 ;
}*/
.social-media {
width: 100%;
border: 1px solid #C6DBEA;
background-color: #F5F9FB;
padding: 8px;
}
.social-media ul li {
list-style-type: none;
font-size: 15px;
padding: 8px;
vertical-align: middle;
line-height: 25px;
}
.social-media ul {
margin: 0 auto;
}
.company-settings-info-tab {
background-color: #F6F7F8;
/*height: 114px;*/
border-bottom: 1px solid #E1E1E1;
}
.activity {
float: right;
/*position: relative;
top: -40px;*/
background-color: #ffffff;
padding-right: 30px;
border-radius: 100px;
border: 1px solid #0F8643;
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
font-size: 14px;
color: #0F8643 ;
line-height: 24px;
padding: 0 20px;
height: 25px;
text-align: center;
/* width: 91.09px; */
}
.activity:hover {
background-color: #0F8643;
color: #fff;
}
.addnewaddress {
background-color: #0F8643 ;
height: 2px;
padding: 0 20px;
line-height: 24px;
font-size: 14px;
color: #fff;
border-radius: 100px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}
.active-payment {
/*background-color: #0F8643 ;*/
background-color: #0F8643 ;
color: #fff;
box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.25);
border-radius: 25px 0px 0px 25px;
font-size: 14px;
margin: -8px;
padding: 4px 8px;
}
.making-payment {
/*background-color: #0F8643 ;*/
background-color: #0F8643 ;
font-size: 14px;
color: #fff;
border-radius: 0px 1px 0px 0px rgba(0, 0, 0, 0.50);
border-radius: 0px 25px 25px 0px;
margin: -8px;
padding: 4px 8px;
}
.company-highlights {
border-radius: 25px 0px 0px 25px;
border:1px solid #EDF0F1;
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
color: #0F8643;
padding: 4px 8px;
}
.awards-certi {
border-radius: 0px 25px 25px 0px !important;
}
.awards-certifciates {
margin-left: 16px;
}
.awards-certifciates li {
list-style-type: decimal !important;
}
.addnewpay {
background-color: #0F8643 ;
border-radius: 100px;
border: 1px solid #EDF0F1;
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
font-size: 15px;
color: #fff;
line-height: 24px;
padding: 0 20px;
height: 25px;
text-align: center;
}
.doc-table {
border-collapse:collapse;
border: 1px solid #d4d6d8 !important;
width: 100%;
}
.doc-table tr {
height: 40px;
text-align: center;
color: #25333C;
}
.doc-table tr th {
vertical-align: middle;
}
/*.doc-table td a {
text-decoration: underline;
}*/
.doc-table tr:first-child {
font-size: 14px;
}
.add-file {
font-size: 16px;
color: #25333C;
line-height: 26px;
border:1px solid #e1e1e1;
height:54px;
}
/*Company Verification*/
#account-list-content .account-read-pane {
background: #FFFFFF;
}
#account-list-content .account-read-pane .account-header {
padding-bottom: 24px;
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
#account-list-content .account-read-pane .account-header .subject {
font-size: 17px;
font-weight: 500;
}
#account-list-content .account-read-pane .account-content {
padding: 24px 0;
}
#account-list-content .account-read-pane .account-content .to {
color: rgba(0, 0, 0, 0.54);
}
#account-list-content .account-read-pane .account-content .to .to-text {
margin-right: 4px;
text-transform: lowercase;
}
#account-list-content .account-read-pane .account-content .info {
padding-bottom: 16px;
}
#account-list-content .account-read-pane .account-content .info .avatar {
margin-right: 16px;
}
#account-list-content .account-read-pane .account-content .info .name {
margin-right: 8px;
font-weight: 500;
}
#account-list-content .account-read-pane .account-content .info .toggle-details {
padding-top: 16px;
cursor: pointer;
font-weight: 500;
}
#account-list-content .account-read-pane .account-content .info .details {
padding-top: 8px;
}
#account-list-content .account-read-pane .account-content .info .details .title {
font-weight: 500;
margin-right: 6px;
}
#account-list-content .account-read-pane .account-content .info .details .detail {
color: rgba(0, 0, 0, 0.54);
}
#account-list-content .account-read-pane .attachments {
padding: 24px 0;
border-top: 1px solid rgba(0, 0, 0, 0.12);
}
#account-list-content .account-read-pane .attachments .title {
margin-bottom: 16px;
font-weight: 500;
}
#account-list-content .account-read-pane .attachments .attachment .preview {
width: 100px;
margin: 0 16px 8px 0;
}
#account-list-content .account-read-pane .attachments .attachment .link {
margin-bottom: 2px;
}
#account-list-content .account-read-pane .attachments .attachment .size {
font-size: 11px;
}
#account-list-content .account-read-pane .reply {
padding: 24px 0;
}
#account-list-content .account-read-pane .reply .form {
border: 1px solid rgba(0, 0, 0, 0.12);
}
#account-list-content .account-read-pane .reply .form textarea {
width: 100% !important;
height: 140px !important;
border: none;
padding: 8px;
box-sizing: border-box;
}
#account-list-content .account-read-pane .reply .form .actions {
padding: 8px 16px;
border-top: 1px solid rgba(0, 0, 0, 0.12);
background-color: rgba(0, 0, 0, 0.03);
}
#account-list-content .account-read-pane .reply .form .actions .send-button {
margin: 0;
width: 64px;
min-width: 64px;
height: 30px;
line-height: 30px;
min-height: 30px;
}
.ta-bind {
height: 140px;
}
.card-title {
font-size: 12px;
font-weight: 600;
margin-top: 0;
position: relative;
left: 20px;
top: 2px;
}
.show {
transition: all 0.5s ease-in;
}
/*.iec-table td{
width:15%;
}*/
.iec-table td input[type=text]{
height: 37px;
border: 1px solid #d3d3d3;
padding: 5px;
width: 50%;
-webkit-box-sizing: border-box; /* For legacy WebKit based browsers */
-moz-box-sizing: border-box; /* For legacy (Firefox <29) Gecko based browsers */
box-sizing: border-box;
}
/*input:focus {
background-color: #fff;
}*/
textarea {
border: none;
width: 70%;
-webkit-box-sizing: border-box; /* <=iOS4, <= Android 2.3 */
-moz-box-sizing: border-box; /* FF1+ */
box-sizing: border-box; /* Chrome, IE8, Opera, Safari 5.1*/
font-family: 'Hind Siliguri', sans-serif;
}
.verify-badge {
border-radius: 50%;
height: 30px;
width: 30px;
background-color:#0F8643 ;
color: #fff;
position: relative;
left: 15px;
line-height: 28px;
text-align: center;
top: 20px;
}
.plus-icon {
position: relative;
top: -30px;
left: 240px;
}
.contact-user {
background-color: #0F8643 ;
border-radius: 25px;
color:#fff;
font-size: 10pt;
width: 150px;
padding: 10px;
margin-top: 5px;
}
.verify-doc {
background-color: #EDF0F1;
border-radius: 25px;
color:#0F8643 ;
font-size: 10pt;
width: 100%;
text-align: center;
padding: 12px;
margin-top: 5px;
}
.verify-doc a {
color: #0F8643 ;
}
.verify-here {
background-color: #0F8643 ;
border-radius: 25px;
color: #fff;
font-size: 10pt;
width: 120px;
padding: 12px;
text-align: center;
}
.verify-here a {
color: #fff;
}
.upload {
/*background-color: #0F8643 !important;*/
border-radius: 25px;
color: #fff;
font-size: 10pt;
width: 115px !important;
padding: 8px !important;
border-radius: 25px;
}
.company-name {
font-size: 16px;
font-weight: bold;
margin-left:5px;
}
::-webkit-textarea-placeholder {
padding: 5px;
}
::-moz-textarea-placeholder {
padding:5px;
}
textarea-placeholder {
padding:5px;
}
.calendar-month {
height: 37px;
border: 1px solid #d3d3d3;
padding: 5px;
width: 150px;
}
.month {
/*background-color: #f2f2f2;*/
color: #25333C;
padding:5px;
text-decoration: none;
/*border:1px solid #d3d3d3;*/
margin:5px;
width:100%;
}
/*.calendar-month td {
border:1px solid #d3d3d3;
background-color: #f2f2f2;
color: #0F8643 ;
text-align: center;
}*/
/*.calendar-month td a:hover {
// background-color: #f2f2f2;
// color: #25333C;
// padding:5px;
// text-decoration: none;
// border:1px solid #d3d3d3;
// margin:5px;
}*/
/*.calendar-month td a:active {
background-color: #0F8643 ;
color: #fff;
border:1px solid #d3d3d3;
text-decoration: none;
}*/
.ex {
padding: 5px;
position: relative;
top: -35px;
left: 155px;
}
.rejected-user {
background-color: #DE4F60;
border-radius: 25px;
color:#fff;
font-size: 10pt;
width: 150px;
padding: 10px;
margin-top: 5px;
}
#img-container {
width:auto;
display: inline-block;
}
#img-container li {
text-align: center;
margin-top: 20px;
}
.label-text {
display: inline;
top: -16px;
position: relative;
left: 120px;
}
input[readonly] {
background-color: #d3d3d3;
}
/*input {
margin:0;
vertical-align: bottom;
position: relative;
}*/
.img-list ul {
list-style-type: none;
display: block;
}
.img-list ul li {
margin: 0 auto;
display: block;
}
.hide-img {
display:none;
}
.noofemployees {
background-color: #0F8643 !important;
color: #fff !important;
}
.auto-height {
min-height: auto !important;
}
#account-list-content .center .header {
padding: 24px 0;
}
#account-list-content .center .header .sidenav-toggle {
margin: 0;
width: 56px;
height: 56px;
background: #FFFFFF;
border-radius: 0;
border-right: 1px solid rgba(0, 0, 0, 0.12);
}
#account-list-content .center .header .search {
height: 56px;
line-height: 56px;
padding: 18px;
background: #FFFFFF;
}
#account-list-content .center .header .search .icon {
margin: 0;
}
#account-list-content .center .content-card {
margin-top: 15px;
}
#account-list-content .center .content-card .toolbar {
position: relative;
padding: 8px 16px;
}
#account-list-content .center .content-card .toolbar.mail-read-pane-toolbar {
display: none;
}
#account-list-content .center .content-card .toolbar .page-info {
font-weight: 500;
margin: 0 8px;
white-space: nowrap;
}
#account-list-content .center .content-card .content-wrapper {
overflow: hidden;
position: relative;
}
#account-list-content .center .content-card .content-wrapper .account-tabs > md-tabs-wrapper {
display: none;
}
#account-list-content .center .content-card .content-wrapper .account-tabs > md-tabs-content-wrapper {
top: 0;
}
#account-list-content .center .content-card .content-wrapper .account-tabs .content {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 0;
}
#account-list-content .center .content-card .content-wrapper .account-tabs .content.account-list-pane {
border-right: 1px solid rgba(0, 0, 0, 0.12);
background: #FAFAFA;
}
#account-list-content .center .content-card .content-wrapper .account-tabs .content.account-read-pane {
padding: 24px;
}
@media screen and (min-width: 1280px) {
#account-list-content .center .content-card .content-wrapper .account-tabs > md-tabs-content-wrapper > md-tab-content {
width: 20%;
opacity: 1;
animation: none !important;
}
#account-list-content .center .content-card .content-wrapper .account-tabs > md-tabs-content-wrapper > md-tab-content * {
visibility: visible;
transition: none !important;
}
#account-list-content .center .content-card .content-wrapper .account-tabs > md-tabs-content-wrapper > md-tab-content:nth-child(2) {
width: 100%;
left: -81%;
}
#account-list-content .center .content-card .content-wrapper .account-tabs > md-tabs-content-wrapper > md-tab-content:nth-child(2) .content {
width: 100%;
}
.btn-align{
margin-right:10px !important;
}
}
.search-btn {
background-color: #0F8643 ;
padding:5px;
height: 35px;
width: 35px;
}
#account-list-content .center .content-card .content-wrapper .account-tabs .content {
width: 200px;
}
.activeItem {
background-color: #0F8643 ;
color: #fff;
}
@media screen and (max-width: 599px) {
.xs-width-datepicker{
width: 190px !important;
}
.xs-width-datepicker-1{
margin-bottom: 10px;
}
.item-container {
max-width: 100% !important;
}
.date-consistency-mb{
width: 90px;
}
.bt-init{
bottom: initial !important;
}
#account-list-content .center .content-card .content-wrapper .account-tabs .content {
position: relative;
}
.card-tag-position{
bottom: -2px !important;
}
.cls-cat-tooltip:hover .cls-cat-tooltipinfo{
width: 100%;
position: relative;
left: 0;
right:0;
}
}
.activeState, .MobactiveState{
/*border-left: 4px solid #0F8643 ;*/
border-left: 4px solid #0F8643 ;
/*color: #0F8643 ;*/
color: #0F8643 ;
padding-left: 4px !important;
}
.MobactiveState {
background: #edf0f1 !important;
}
/*.activeState a{
border-left: 4px solid #0F8643 ;
color: #0F8643 ;
background-color: #EDF0F1 !important;
}*/
.activeState a{
color: #0F8643;
}
/*.MobactiveState a {
background-color: #EDF0F1 !important;
}*/
.mb-2{
margin-bottom : 2px;
}
.mt-2{
margin-top : 2px;
}
.mt-6{
margin-top : 6px;
}
.ho {
width: 72px;
font-size: 11px;
text-align: center;
position: absolute;
top: 2px;
right: 0;
line-height: 14px;
background-color: #0F8643;
left: 100px;
color: #fff;
padding: 2px;
border-radius: 3px;
}
.adduser {
position: relative;
left: 138px;
background-color: #0F8643 ;
color: #fff;
padding: 0 20px;
border-radius: 25px;
line-height: 35px;
width: auto;
}
#search-input {
height: 35px;
padding: 0 15px;
font-family: 'Hind Siliguri', sans-serif;
background-color: #f3f5f7;
font-size: 13px;
color: #898E97;
width: 219px;
margin-left: 15px;
border: 1px solid #d4d6d8;
}
.tl-list-title {
font-size: 1.6rem;
font-weight: 600;
color: #25333C;
line-height: 26px;
/*margin-bottom: 16px;*/
/* padding: 10px 0; */
}
.tl-need-help {
color: #25333C;
font-weight: 600;
margin-bottom: 8px;
font-size: 1.5rem;
}
.tl-infobar {
font-size: 1.6rem !important;
color: #25333C;
line-height: 26px;
font-weight: 600 !important;
}
.tl-infobar-desc {
color: #5D636F;
}
.tl-list-1 {
font-size: 13px;
color: #5D636F;
line-height: 21px;
}
.tl-list-2 {
font-size: 13px;
color: #5D636F;
line-height: 21px;
position: relative;
}
.tl-list-3 {
font-size: 15px;
color: #25333C;
line-height: 24px;
font-weight: 500;
}
.clear {
clear: both;
}
.edit-btn {
background-color: #fff;
border: 1px solid #EDF0F1;
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
color: #0F8643 ;
padding: 0px 20px;
font-size: 14px;
line-height: 35px;
border-radius: 25px;
width: auto;
}
md-tabs md-md-ink-bar {
color: #0F8643 ;
background-color: #0F8643 ;
width: auto;
}
md-ink-bar {
height:4px;
}
.md-caption {
font-size: 12px;
line-height: 20px;
color: #5d636F;
}
md-tab-item span {
font-size: 12px;
line-height: 15px;
}
md-tab-item span:active {
font-size: 12px;
line-height: 15px;
color: #0F8643 ;
}
/* md-tabs-canvas.md-paginated {
margin: 0 13px;
} */
.md-tab {
padding: 12px 18px;
}
.company-setting-card {
padding: 16px 16px;
/*width: 720px;*/
/*margin-left: 10px;*/
border:1px solid #d4d6d8;
border-radius:3px;
min-height:450px;
background-color: #fff;
padding-right: 10px;
width: 100%;
max-width: 100%;
min-width: 100%;
}
.company-card-help {
min-width:200px;
max-width:200px !important;
}
.company-home {
/*position: absolute;*/
background-color: #fff;
/*top: -14px;
left: 50px;*/
}
.company-home1 {
height: auto;
vertical-align: middle;
border: none;
/*position: relative;
left: 50px;
top: 11px;*/
}
.ad-text {
margin-left: auto;
margin-right: auto;
width: 15.6rem;
margin-top: 250px;
}
.logo-container {
width: 275px !important;
height:95px;
border:1px solid #EDF0F1;
border-radius:3px;
}
.address-form {
line-height: 44px;
position: relative;
}
/*.address-form .md-body-2{
line-height: 32px;
}*/
.address-form input[type=text] {
height: 40px;
padding: 0 15px;
color:#25333c;
border: 1px solid #d4d6d8;
font-size: 13px;
font-family: 'Hind Siliguri', sans-serif;
background-color: #f3f5f7;
width: 306px;
-webkit-box-sizing: border-box; /* For legacy WebKit based browsers */
-moz-box-sizing: border-box; /* For legacy (Firefox <29) Gecko based browsers */
box-sizing: border-box;
}
.address-form input[type=text]:focus {
background-color: #fff;
color: #5d636f;
outline: none;
border: 1px solid #0F8643 ;
}
.address-form input[type=password] {
height: 40px;
padding: 0 15px;
color:#25333c;
border: 1px solid #d4d6d8;
font-size: 13px;
font-family: 'Hind Siliguri', sans-serif;
background-color: #f3f5f7;
width: 306px;
-webkit-box-sizing: border-box; /* For legacy WebKit based browsers */
-moz-box-sizing: border-box; /* For legacy (Firefox <29) Gecko based browsers */
box-sizing: border-box;
}
.address-form input[type=password]:focus {
background-color: #fff;
color: #5d636f;
outline: none;
border: 1px solid #0F8643 ;
}
.account-verify {
border:1px solid #C2C6D2;
height: 260px;
background-color: #F3FCF8;
border-radius: 3px;
}
/*.ho-list li {
line-height: 20px;
font-size: 14px;
color: #25333c;
}*/
.ho-list li a.edit-addr {
color: #0F8643 ;
font-size: 13px;
line-height: 21px;
}
.ho-list li a.edit-addr:hover {
text-decoration: underline !important;
/*text-decoration: underline;*/
}
.ho-list li a.del-addr {
color: #DE4F60;
font-size: 13px;
line-height: 21px;
}
.ho-list li a.del-addr:hover {
text-decoration: underline !important;
/*text-decoration: underline;*/
}
.displayed {
display: block;
margin-left: auto;
margin-right: auto
}
.status-ok {
vertical-align: -webkit-baseline-middle;
vertical-align: -moz-baseline-middle;
vertical-align: -ms-baseline-middle;
vertical-align: baseline-middle;
width: 12px !important;
height: 12px !important;
}
.card-content-table {
padding: 8px !important;
}
.address-type {
font-size: 14px;
font-weight: 600;
position: relative;
color: #25333C;
line-height:22px;
margin-bottom: 8px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp:1;
-webkit-box-orient: vertical;
}
.sub-address-type{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp:1;
-webkit-box-orient: vertical;
}
/* .category_type_main{
display: flex;
margin: 0 auto;
text-align: center;
max-width: 131px;
width: 100%;
} */
/* .category_type{
text-align: left;
} */
.social-name {
font-size:15px;
color: #25333C;
font-weight: 500;
}
.social-link {
font-size:13px;
color: #5D636F;
}
.register-success-title {
text-align:center;
font-size:18px;
line-height:26px;
color:#25333c;
width: 280px;
font-weight: 500;
margin: 0 auto;
padding: 10px;
}
.register-success-body {
text-align:center;
font-size:15px !important;
line-height:21px;
color:#5D636F;
}
.tl-list-title-text {
font-size: 1.3rem;
color: #25333C;
line-height: 21px;
}
.need-help-title {
font-size: 1.3rem;
color: #0F8643 ;
font-weight: 600;
}
.need-help-card {
/*float:left;*/
position: fixed;
width: 200px;
/*width:180px;*/
min-height:380px;
height: auto;
border:1px solid #e1e1e1;
border-radius:4px 4px 0px 0px;
}
.need-help-card-inner1 {
min-height: 173px;
background-color: #fff;
padding: 16px;
height: auto;
}
.need-help-card-inner2 {
min-height: 208px;
background-color: #f6f7f8;
padding: 16px;
height: auto;
}
.tabs-card {
/*width:530px;*/
float:left;
}
.groupname {
/*position: absolute;
left: 80px;
top: 17px;*/
margin-top: auto;
margin-bottom: auto;
font-size: 1.3rem;
line-height: 20px;
font-weight: 600;
color: #25333C;
}
/* checkbox css*/
input[type=checkbox] {
display: none;
}
.checkbox-container label:before {
content: "";
display: inline-block;
width: 14px;
height: 14px;
margin-right: 10px;
position: absolute;
left: 0;
bottom: 1px;
background-color: #f3f5f7;
border: 1px solid #d4d6d8;;
border-radius: 1px
}
.checkbox-container label {
display: inline-block;
cursor: pointer;
position: relative;
padding-left: 25px;
margin-right: 15px;
font-size: 13px;
}
input[type=checkbox]+label{
display: inline-block;
}
input[type=checkbox]:checked + label:before {
content: "\2713";
text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
font-size: 15px;
color: #fff;
text-align: center;
line-height: 15px;
background: #0F8643 ;
}
/* radio button css*/
.radio label {
display: inline-block;
cursor: pointer;
position: relative;
padding-left: 25px;
margin-right: 15px;
font-size: 15px;
}
.radio input[type=radio] {
display: none;
}
.radio label:before {
content: "";
display: inline-block;
width: 15px;
height: 15px;
margin-right: 10px;
position: absolute;
left: 0;
bottom: 1px;
background-color: #fff;
box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, 0), 0px 1px 0px 0px rgba(255, 255, 255, .8);
border: 1px solid #D4D6D8 ;
}
.radio label:before {
border-radius: 18px;
}
.radio input[type=radio]:checked + label:before {
content: "\2022";
background-color: #0F8643 ;
color: #f3f3f3 ;
font-size: 23px;
text-align: center;
line-height: 17.9px;
}
/*// radio button css*/
.addressForm {
line-height: 44px;
}
.addressForm input[type=text] {
height: 40px;
padding: 0 15px;
height: 40px;
padding: 0 15px;
color:#25333c;
border: 1px solid #d4d6d8;
font-size: 13px;
font-family: 'Hind Siliguri', sans-serif;
background-color: #f3f5f7;
width: 265px;
-webkit-box-sizing: border-box; /* For legacy WebKit based browsers */
-moz-box-sizing: border-box; /* For legacy (Firefox <29) Gecko based browsers */
box-sizing: border-box;
}
.addressForm input[type=text]:focus {
background-color: #fff;
color: #5d636f;
border: 1px solid #c2c6d2;
}
.troubleshoot-signin {
border: 1px solid #d4d6d8;
text-align: center;
background-color: rgb(245,245,245);
margin-left: -1px;
width: 340px;
height: 59px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
}
.forget-table input[type=text]{
height: 40px;
width: 260px;
font-size: 13px;
color: #898E97;
padding: 0 15px;
border: 1px solid #d4d6d8;
border-radius: 3px;
margin:0 auto;
background-color: #f3f5f7;
margin-top:10px;
}
.forget-table input[type=text]:focus{
background-color: #fff;
color: #5D636F;
}
.forgetpassword-table input[type=text]{
margin-left: 20px;
height: 40px;
padding: 0 15px;
border: 1px solid #d4d6d8;
background-color: #f3f5f7;
border-radius: 0px 0px 3px 3px;
font-size: 13px;
color: #898E97;
width: 260px;
}
.forgetpassword-table input[type=text]:focus{
background-color: #fff;
color: #5D636F;
}
.forgetpassword-table input[type=password]{
margin-left: 20px;
height: 40px;
padding: 0 15px;
border-top: 1px solid #d4d6d8;
border-right: 1px solid #d4d6d8;
/*border-bottom: 1px solid #d4d6d8;*/
border-left: 1px solid #d4d6d8;
background-color: #f3f5f7;
border-radius:0px 0px 3px 3px;
font-size: 13px;
color: #898E97;
width: 260px;
}
.forgetpassword-table input[type=password]:focus {
background-color: #fff;
color: #5D636F;
}
.pwdtooltip {
visibility: hidden;
position: absolute;
display: block;
top: -10px;
left: 265px;
padding: 8px;
background-color: #fff;
width: 245px;
height: 182px;
border: 1px solid #d4d6d8 ;
border-radius: 3px;
box-shadow: 0 1px 1px rgba(0,0,0,0.3);
z-index:10;
/* border-bottom: 1px dotted black;*/
}
.pwdtooltip li{
margin: 0 0 2px;
}
.pwdtooltip li span{
line-height: 18px;
display: block;
}
.fpwdtooltip li{
margin: 0 0 2px;
}
.fpwdtooltip li span{
line-height: 18px;
display: block;
}
.profile_pwd li{
margin: 0 0 2px;
}
.profile_pwd li span{
line-height: 18px;
display: block;
}
.pwdtooltip .pwdtooltiptext {
/*visibility: hidden;*/
margin-left: 350px;
/*width: 200px;
background-color: whitesmoke;*/
font-size: 13px;
color:#5D636F;
/* margin-top: -17px; */
text-align: left;
border-radius: 3px;
padding: 4px 0;
/*position: absolute;*/
top: -150px;
left: 100%;
}
.pwdtooltip-overwrite {
top:184px !important;
}
.pwdtooltip::after {
content: "";
position: absolute;
top: 76%;
right: 100%;
margin-top: -105px;
border-width: 10px;
border-style: solid;
border-color: transparent #d4d6d8 transparent transparent;
}
.fpwdtooltip {
visibility: hidden;
position: absolute;
display: block;
right:20px;
bottom:168px;
padding: 0 15px;
background-color: #fff;
width: 230px;
/* height: 156px; */
border: 1px solid #d4d6d8 ;
border-radius: 3px;
box-shadow: 0 1px 1px rgba(0,0,0,0.3);
z-index:1;
/* border-bottom: 1px dotted black;*/
}
.fpwdtooltip .fpwdtooltiptext {
/* margin-left: 350px;
font-size: 13px;
color:#5D636F;
margin-top: -17px;
text-align: left;
border-radius: 3px;
padding: 4px 0;
top: -150px;
left: 100%; */
/* visibility: hidden; */
/* margin-left: 350px; */
font-size: 13px;
color: #5D636F;
text-align: left;
border-radius: 3px;
padding: 4px 0;
position: relative;
top: 0;
left: 0;
}
/* .gecko .fpwdtooltip {
bottom: 18px;
right: -240px;
} */
.fpwdtooltip .fpwdtooltiptext::after {
content: "";
position: absolute;
top: 50%;
right: 100%;
margin-top: -85px;
border-width: 10px;
border-style: solid;
border-color: transparent #d4d6d8 transparent transparent;
} */
.fpwdtooltip .fpwdtooltiptext::after {
content: "";
position: absolute;
top: 50%;
right: 100%;
margin-top: -85px;
border-width: 10px;
border-style: solid;
border-color: transparent #d4d6d8 transparent transparent;
}
ul.a {
margin-left: 20px;
}
/* #c1{
color: green;
list-style-type:disc;
}*/
ul.a span{
color:#5D636F;
}
.md-slider .md-track-container {
height:5px;
}
.font-size{
font-size :2.9rem;
}
.default{
text-align: center;
margin:0 auto;
/*background-color:#A2A2A2;*/
background-color: #fff;
border-bottom: 1px solid #d4d6d8;
color: #25333C;
font-size: 20px;
line-height: 24px;
font-weight: 600;
border-radius: 0px 0px 0px 0px;
width: 100%;
}
.silver {
text-align: center;
margin:0 auto;
/*background-color:#A2A2A2;*/
background-color: #fff;
border-bottom: 1px solid #d4d6d8;
color: #25333C;
font-size: 20px;
line-height: 24px;
font-weight: 600;
border-radius: 0px 0px 0px 0px;
width: 100%;
}
.gold {
text-align: center;
margin:0 auto;
/*background-color:#CE9D53;*/
background-color: #fff;
border-bottom: 1px solid #d4d6d8;
color: #25333C;
font-size: 20px;
line-height: 24px;
font-weight: 600;
border-radius: 0px 0px 0px 0px;
width: 100%;
}
.platinum {
text-align: center;
margin:0 auto;
/*background-color:#616161;*/
background-color: #fff;
border-bottom: 1px solid #d4d6d8;
color: #25333C;
font-size: 20px;
line-height: 24px;
font-weight: 600;
border-radius: 0px 0px 0px 0px;
width: 100%;
}
.features {
font-size:15px;
font-weight: 600;
color: #25333C;
text-align: center;
display: block;
/* position: relative;
top:20px;
margin: 15px 0; */
}
.q {
font-size: 18px;
font-weight: 600;
line-height: 24px;
display: block;
margin-bottom: 3px;
}
.ans {
font-size: 14px;
line-height: 24px;
color: #25333C;
/*margin-left: 21px;*/
}
.currency {
top: -15px;
position: relative;
text-align: center;
display: inline;
font-size: 18px;
font-weight: 600;
/*position: relative;
font-size: 18px;
top: 50%;
transform: translate(0,-50%);
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
top: 15%;
pointer-events: none;
margin-left: 0.2em;*/
}
.pricing {
font-size: 2.4rem;
text-align: center;
display: inline;
color: #25333C;
font-weight: 600;
/*position: absolute;
top: -10%;
left: 15px;*/
}
.list-subscriptions {
margin:0 auto;
background-color: #fff;
width: 100%;
}
.halfwidth {
width: 50% !important;
}
.ad-placeholder {
border-radius:3px;
/* Commented position: fixed for ad-placeholder */
position:fixed;
/*right: 48px;*/
width:200px;
top: 64px;
transition: all .5s cubic-bezier(1,1,0,1);
/*width:300px;
height:350px;
margin-left: 10px;
border:1px solid #e1e1e1;
border-radius:4px 4px 0px 0px; */
}
.profile-sidenav {
min-width: 200px;
max-width: 200px !important;
}
/*.catalog-sidenav {
min-width: 225px;
max-width: 225px;
}*/
.profile-side-navbar, .catalog-sidenav-navbar {
height:235px;
border-radius:3px;
position:fixed;
width:200px;
/*left: 40px;*/
}
.catalog-sidenav-navbar {
height: auto;
border-left: 1px solid #d4d6d8;
border-right: 1px solid #d4d6d8;
border-bottom: 1px solid #d4d6d8;
background-color: #fff;
}
.activity-card {
text-transform: uppercase;
font-weight: 600;
padding: 10px;
display: inline-block;
border-bottom: 5px solid #0F8643;
color: #25333C;
}
.learnmore {
width: 100%;
margin: 0 auto;
}
.subscription-cards {
width:auto;
height:auto;
border:1px solid #d4d6d8;
min-width:150px;
min-height: 680px;
float:left;
background-color: #fff;
margin:6px;
border-radius: 3px !important;
/*box-shadow: -1px 1px #f2f2f2;*/
box-shadow: 0 1px 1px rgba(0,0,0,0.3);
}
.roundbadge {
background-color: #0F8643 ;
color: #fff;
border-radius: 50%;
/* vertical-align: bottom; */
display: inline-block;
/* position: relative; */
height: 25px;
width: 25px;
margin-right: 10px;
line-height: 25px;
text-align: center;
}
.subscription-card {
width:auto;
height:300px;
border:1px solid #d4d6d8;
max-width: 267px;
min-width:267px;
float:left;
background-color: #fff;
margin:6px;
border-radius: 0 0 5px 5px;
}
.subscription-title {
font-size:36px;
line-height:42px;
color: #25333C;
width: 760px;
margin: 0 auto;
}
.tl-subscription-mkt-title {
font-size:40px;
font-weight:600;
}
.tlmkt-subscription-container {
padding-bottom:20px;
}
.secondary-link {
color:#0F8643 ;
font-size:15px;
display:block;
}
.subscription-body {
font-size: 15px;
margin: 0 auto;
}
.subscription-mktplace {
margin-left: auto;
margin-right: auto;
display:block;
width:100%;
padding: 30px 0;
background-color: #EDF0F1;
}
.subscription-display-title {
line-height: 2.6rem;
text-align: center;
/*width: 540px;*/
width: 70%;
margin: 0 auto;
}
.subscribe-body {
height: auto;
margin-bottom: 40px;
}
.subscribe-body-text {
height:auto;
border-radius:5px;
}
.visibility-visible{
visibility:visible;
}
/*.subscription-title {
float:left;
font-size:20px;
}*/
/*.subscription-summary {
width: 660px;
margin: 0 auto;
margin-top: 3rem;
}*/
.subscription-summary-content {
float:left;
border:1px solid #d4d6d8;
/*height:220px;*/
/*width:395px;*/
/*padding: 18px;*/
line-height: 24px;
border-radius: 5px;
}
.subscription-desc {
border: 1px solid #d4d6d8;
/*height: 143px;*/
/*width: 348px;*/
/*padding: 24px;*/
line-height: 24px;
border-radius: 5px;
}
.subscription-summary-active {
/*margin-left: 24px;*/
border: 1px solid #d4d6d8;
border-radius: 5px;
height: 144px;
padding: 24px;
line-height: 24px;
}
.subscription-summary-payment {
margin-left: 10px;
float:left;
border:1px solid #d4d6d8;
border-radius: 5px;
height:220px;
width:245px;
padding: 8px;
line-height: 24px;
position: relative;
}
/*.circle-left, .circle-right {
display: inline-block;
position: absolute;
top: 50%;
z-index: 1;
width: 20px;
height: 20px;
background: #fff;
border-radius: 50%;
}
.circle-left {
left: -11px;
box-shadow: inset -1px 0 0 #d4d6d8;
}
.circle-right {
right: -11px;
box-shadow: inset 1px 0 0 #d4d6d8;
}*/
/* .payment-options-title {
line-height: 25px;
} */
.sub-btn {
position:relative;
top:25%;
left:25%;
}
.features-details {
width:666px;
height:auto;
border:1px solid #d4d6d8;
border-radius: 5px;
}
/* Bug fix #1160 */
.features-list-container {
/* width:220px; */
margin:10px auto;
padding: 0 8px;
/* position: relative;
top: 25px; */
/* height:auto;
min-height: 250px;
max-height: 250px; */
}
.features-list {
line-height:24px;
list-style-type:none;
font-size: 14px;
color: #25333C;
}
/* Bug fix #1160 */
.features-list li{
padding: 5px 8px;
}
.features-list li:after {
content: '';
margin-bottom:10px;
}
.subscription-title-desc {
width: 78%;
text-align: center;
margin: 0 auto;
font-size: 15px;
line-height: 24px;
}
.subscription-learnmore{
height: 400px;
border: 1px solid #d4d6d8;
}
.recommended-ribbon {
position: absolute;
z-index: 999;
left: 0px;
top: 15px;
height: 65px;
width: 65px;
}
.recommended {
/*background-color: #0F8643 ;*/
background-color: #287062;
color: #fff;
font-size: 16px;
display: inline-block;
margin-bottom: 0;
margin-top: 0;
position: absolute;
top: -30px;
height: 30px;
vertical-align: middle;
margin: 0 auto;
line-height: 30px;
width: 100%;
padding: 0px 20px;
border-radius: 5px 5px 0 0;
}
.buy-now {
margin-top: 50px;
width: 200px;
margin-left: auto;
margin-right: auto;
}
.highlight {
font-weight: 600;
/*color: #0F8643 ;*/
color: #0F8643 ;
}
.sub-badge {
height:100px;
width:100px;
border-radius:50%;
border:1px solid #edf0f1;
line-height:100px;
}
.cssSlideUp {
height: auto;
overflow: hidden;
transition: .2s linear all;
}
.cssSlideUp.ng-show {
height:0;
}
.date {
float: left;
display:inline-block;
width:65px;
background-color: #edf0f1;
font-weight: 600;
height:auto;
padding: 5px;
text-align: center;
border:1px solid #d4d6d8;
}
.year {
float: left;
display:inline-block;
width:65px;
padding: 5px;
background-color: #d4d6d8;
font-weight: 600;
height:auto;
text-align: center;
border:1px solid #d4d6d8;
}
.features-availed {
border:1px solid #d4d6d8;
width:265px;
height:200px;
margin:8px;
background-color:#edf0f1;
border-radius: 5px;
}
.feature-availed-details {
border-radius:5px;
width:65px;
height:45px;
border:1px solid #d4d6d8;
margin:0 auto;
}
.summary-label {
font-size: 14px;
line-height: 15px;
color: #999;
width:auto;
float:left;
}
.summary-details {
font-size: 15px;
font-weight: 600;
padding: 0px;
color: #25333C;
float:right;
}
.header-divider {
margin-top: 5px;
margin-bottom: 20px;
}
.discount-price {
color:#DE4F60;
}
.sub-summary-list {
list-style-type: none;
padding-left: 0px;
margin-top: 0px;
margin-bottom: 0px;
}
/*.sub-summary-list li {
padding: 5px 0;
}*/
.learn-more-link {
text-align: center;
font-size: 15px;
font-weight: 600;
margin-top: 50px;
text-align: center;
color: #0F8643 ;
display: table;
margin:0 auto;
padding: 10px 40px 10px 40px;
}
.learn-more-link a{
font-size: 15px;
}
.tl-subscription-col1 {
float:left;
border: 1px solid #d4d6d8;
text-align: center;
padding: 8px;
width: 175px;
min-height:60px;
max-height: 90px;
background-color: #fff;
}
.subscription-plan-silver {
letter-spacing: 0.05rem;
line-height: 3.6rem;
font-size: 2.4rem;
}
.sub-faq-section {
width: 75%;
margin:0 auto;
}
.active-subscription-disabled {
/*background-color: #edf0f1 ;*/
opacity:0.5;
cursor: not-allowed;
pointer-events: none;
color: #d4d6d8 ;
}
.active-products-disabled {
text-align: center;
border: 1px solid #e0e0e0 !important;
border-radius: 50%;
background-color: #e0e0e0 !important;
color: #B0B0B0 !important;
padding: 8px;
margin-left: auto;
margin-right: auto;
font-size: 1.6rem;
/*cursor: not-allowed !important;
pointer-events: none !important;*/
pointer-events: none;
cursor: default;
}
.disbale-text {
color: #6e6e6e;
/*pointer-events: none!important;
cursor: not-allowed!important;*/
pointer-events: none;
cursor: default;
}
.tl-features-comaparison-table {
/*width: 700px;*/
margin: 0 auto;
}
/* media queries for keeping the comparison plans */
/*min-width: 960px max-width:1280 */
@media screen and (min-width: 1024px) and (max-width: 1280px) {
/* a.logo img {
height: auto !important;
} */
.tl-features-comaparison-table {
/*width:700px;
margin: 0 auto; */
}
.supplier-prod-sidenav-fixed {
width: 18% !important;
}
.tl-subscription-col1 {
width: 175px;
}
.tl-subscription-col1 .subscription-plan-silver {
font-size: 1.5rem;
}
.reg-logo {
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
.cursor-pointer.font_adjustments{
font-size: 8px !important;
}
.cvr-photo>span.selected {
margin-bottom:7px ;
}
}
@media screen and (min-width: 375px) and (orientation: portrait) {
/* .scroll_x{
overflow-x: scroll;
max-width: 453px;
}*/
}
@media screen and (min-width: 375px) and (max-width: 667px) and (orientation: portrait) {
.dateadjustments1 {
width:98%;
margin-right: 28px
}
.mh-8{
margin-left: 8px !important;
margin-right: 8px !important;
}
.mr_10_xs{
margin-right:10px !important;
}
a.btn-align {
margin-right: 5px !important;
}
.show-cities-dropdown.refsearch_ht{
margin-top: 33px !important;
}
/* .selectall_alignment {
margin-left:41px !important;
} */
/* .scroll_x{
overflow-x: scroll;
max-width: 453px;
}
.wid_600{
width:600px;
} */
.btn-align{
width:115px !important;
}
.p-10-xs{
padding:15px;
}
.top-results-content {
margin-top: 64px !important;
}
.total_div_adjustments{
margin-top:10px !important;
}
.card-tag-position {
bottom: 0 !important;
}
}
@media screen and (min-width: 600px) and (max-width: 667px) and (orientation: portrait) {
div.action-btns-sets{
padding: 0 !important;
}
}
@media screen and (min-width: 1024px) and (max-width: 1366px) and (orientation: portrait) {
a.logo img {
height: auto !important;
}
div.prod-thumbnail-wrapper{
height: 5em!important;
width: 100%!important;
}
.paddin_top_icon{
padding-top:10px !important;
}
.res-logo {
right: 0px !important;
}
.add-new-user-btn {
right: 200px !important;
}
div.supplier-prod-tabs-position md-tabs md-tabs-wrapper {
top: 98px !important;
}
.prod-content-container {
margin-top: 104px !important;
}
div.supplier-prod-header-fixed {
top: 145px !important;
width: calc(100% - 323px) !important;
}
.second-header.supplier-prod-header-fixed {
width: calc(100% - 316px) !important;
top: 194px !important;
}
div.supplier-prod-tabs-position md-tabs[md-dynamic-height] md-tabs-wrapper {
width: calc(100% - 292px) !important;
top: 98px !important;
}
.supplier-product-options {
right: 204px !important;
}
}
@media screen and (min-width: 1024px) and (max-width: 1366px) and (orientation : landscape) {
a.logo img {
height: auto !important;
}
.show-cities-dropdown.refsearch_ht{
margin-top: 43px !important;
}
.wid_ask_btn{
width:100px !important;
}
.btn-attach-file{
margin-top:20px !important;
}
.res-logo {
right: 60px !important;
}
.prod-content-container {
margin-top: 104px !important;
}
.supplier-prod-header-fixed.supplier-prod-header1{
/* width: calc(100% - 316px) !important; */
width: calc(100% - 325px) !important;
top: 194px !important;
}
div.supplier-prod-tabs-position md-tabs md-tabs-wrapper {
width: calc(100% - 317px) !important;
}
}
/* */
@media screen and (max-width: 959px) {
.marcat_top{
margin-top:-20px !important;
}
.tl-features-comaparison-table {
width: 750px;
margin: 0 auto;
}
.tl-subscription-col1 {
width: 150px;
}
.tl-features-compare-list {
font-size: 1.3rem !important;
}
}
.faq-section-qa {
-webkit-column-count: 3; /* Chrome, Safari, Opera */
-moz-column-count: 3; /* Firefox */
column-count: 3;
-webkit-column-gap: 40px; /* Chrome, Safari, Opera */
-moz-column-gap: 40px; /* Firefox */
column-gap: 40px;
-webkit-column-rule: 1px solid #d4d6d8; /* Chrome, Safari, Opera */
-moz-column-rule: 1px solid #d4d6d8; /* Firefox */
column-rule: 1px solid #d4d6d8;
padding: 30px;
}
/*.subscription-plan-gold {
font-weight: 600;
letter-spacing: 0.05em;
line-height: 1.6em;
}
.subscription-plan-platinum {
font-weight: 600;
letter-spacing: 0.05em;
line-height: 1.6em;
}*/
.tl-features-compare-list {
color: #898e97;
line-height: 20px;
}
.scroll-top {
height: 50px;
width: 50px;
line-height: 50px;
border-radius: 50%;
position: fixed;
background-color: #fff;
box-shadow: 1px 2px 7px rgba(0,0,0,.42);
bottom: 5%;
right: 50px;
z-index: 999;
cursor: pointer;
}
.scroll-top:hover img {
color: #fff;
}
.img-arrow-up {
height: 12px;
width: 12px;
margin: 8px 8px 15px 8px;
padding: 0px;
position: absolute;
display: block;
margin: 0 auto;
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%) rotate(180deg);
}
.pricing-title {
font-weight:600;
color:#5D636F;
}
.disable-link {
cursor: not-allowed;
pointer-events: none;
}
.groupname-ribbon-fixed {
height: 40px;
position: fixed;
top: 64px;
/*width: calc(100% - 20.15%);*/
/*width: calc(100% - 107px);*/
width: 100%;
z-index: 12;
}
.company-not-registered {
padding: 0px 0!important;
}
/* commented for new layout */
.registered-his-company {
padding-top: 40px !important;
}
.tl-ads-col {
min-width: 200px;
max-width: 200px !important;
/*margin-left: 10px;*/
}
.tl-ads-ad1 {
padding:16px;
vertical-align:middle;
height: 250px;
background-image: url('assets/images/tl-ads/ad1.png');
background-repeat: no-repeat;
background-size: cover;
}
/*.Table
{
display: table;
}
.Title
{
display: table-caption;
text-align: center;
font-weight: bold;
font-size: larger;
}
.Heading
{
display: table-row;
font-weight: bold;
text-align: center;
}
.Row
{
display: table-row;
}
.Cell
{
display: table-cell;
border: solid;
border-width: thin;
padding-left: 5px;
padding-right: 5px;
}*/
.layout-padding-definition {
padding: 20px 25px;
}
.globe-select .md-select-menu-container.md-active {
top: 195px !important;
}
.scroll-debug {
position: fixed;
bottom: 10px;
right: 10px;
}
h1.test-header {
position: relative;
top: 100px;
border: 1px solid black;
}
.small {
height: 1px;
overflow: hidden;
}
.big {
height: 100px;
}
.br-no-left {
border-radius: 3px 3px 3px 0;
}
.br-no-right {
border-radius: 3px 0 3px 3px;
}
.br-right-bottom {
border-radius: 0 3px 3px 0;
}
.br-top-left {
border-radius: 3px 0 0 3px;
}
.bg-pos-small-select {
background-position: right 5px center;
}
.layout-inner-padding {
padding: 24px;
}
.mini-dropdown .md-select-menu-container.md-active {
top: 262px !important;
}
/*ads text*/
@-webkit-keyframes fade-in{
from{
opacity:1;
top:0px;
}
to{
opacity:0;
top:-5px;
}
}
@-moz-keyframes fade-in{
from{
opacity:1;
top:0px;
}
to{
opacity:0;
top:-5px;
}
}
/* keyframes fade-in {
from {
opacity:1;
top:0px;
}
to{
opacity:0;
top:-10px;
}
} */
.animated-one{
display:inline;
position:relative;
top:0px;
left: 65px;
-webkit-animation:fade-in 2s infinite;
animation:fade-in 2s infinite;
}
.dismiss-notification {
-webkit-transition-duration: 0.1s; /* Safari */
-webkit-transition-delay: 0.1s; /* Safari */
transition-duration: 0.1s;
transition-delay: 0.12s;
}
.animated-two{
opacity:0;
display:inline;
position:relative;
/*margin-left:-56px;*/
left: -193px;
-webkit-animation:fade-in 2s infinite;
animation:fade-in 2s infinite;
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
/*
Animations
*/
.fadein, .fadeout {
opacity: 0;
-moz-transition: opacity 0.4s ease-in-out;
-o-transition: opacity 0.4s ease-in-out;
-webkit-transition: opacity 0.4s ease-in-out;
transition: opacity 0.4s ease-in-out;
}
.fadein {
opacity: 1;
}
.role-content {
font-weight:500;
color: #898e97;
margin-left: 24px;
line-height: 20px;
font-size: 1.3rem;
}
.info-bg {
background-color: #fff;
color: #0F8643 ;
}
.warn-bg {
/*background-color: #FFD2D5;*/
background-color: #FFF;
color: #DE4F60;
}
.min {
background-color: #0F8643 ;
}
.tl-address {
font-weight: 600;
font-weight: 1.4rem;
color: #25333C;
}
.pay-redirect {
margin: 0;
position: absolute;
top: 40%;
/* left: 50%; */
/* margin-right: -50%; */
/* transform: translate(-50%, -50%); */
}
.img-center {
display: block;
margin-left: auto;
margin-right: auto;
}
.product-listing {
min-height: 116px;
}
.product-listing li {
display: inline-block;
}
.social-media.product-inventory ul {
margin: 0;
}
.product-list-container {
border: 1px solid #DEEAEE;
background: #fff;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
float: left!important;
margin: 0 0 5px;
height: 80px;
}
.product-list-inner-content {
padding: 15px;
overflow: hidden;
}
.product-list-container .product-list-inner-content ul {
float: left !important;
display: table;
}
.product-list-container .product-list-inner-content ul li {
float: left!important;
width: 150px;
display: table-cell;
vertical-align: middle;
color: #25333C;
font-size: 1.4rem;
}
.product-list-container .product-list-inner-content ul li.product-name{
width: 240px;
}
.product-list-container .product-list-inner-content ul li.product-inventory {
width: 100px;
text-align: center;
}
.product-list-container .product-list-inner-content ul li a.pri-link {
border-radius: 25px;
border: 1px solid #0F8643 ;
padding: 0 8px;
font-size: 1rem;
}
.text-left {
text-align: left !important;
}
/*.product-list-container .product-list-inner-content ul li:second-child {
width: 180px;
}
.product-list-container .product-list-inner-content ul li:third-child, .product-list-container .product-list-inner-content ul li:fourth-child {
width: 150px;
}*/
md-steppers:not(.md-no-step-content):not(.md-dynamic-height) {
min-height: 0 !important;
}
.product-card-selected{
border: 2px solid #0F8643 ;
}
a.text-decoration-underline:hover{
text-decoration: underline;
}
.sell-product-mktplace {
border: 1px solid #d4d6d8;
border-radius: 50%;
width: 80px;
height: 80px;
background-color: #edf0f1;
}
.feature-enable {
height: 120px;
padding: 16px;
border-radius: 5px;
background-color: #edf0f1;
}
md-checkbox .md-label{
margin-left: 0 !important;
}
.no-item-selected {
margin: 0;
position: absolute;
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
}
.vertical-divider {
transform: rotate(90deg);
}
.border {
border: 1px solid #d4d6d8;
}
.count {
margin-top: -45px;
margin-left: 56px;
}
.limit {
background-color: #f2f2f2;
pointer-events : none;
color: #D8D8D8;
cursor: not-allowed;
}
.profile-product-addbutton {
line-height:30px !important;;
height:30px !important;;
border-top-right-radius: 0px !important;;
border-bottom-right-radius: 0px !important;;
padding: 0px 10px 0px 20px !important;;
}
.profile-product-angledown{
line-height:30px !important;;
height:30px !important;
max-height:30px !important;
min-height:30px !important;
border-top-left-radius: 0px !important;;
border-bottom-left-radius: 0px !important;;
margin:6px 0px !important;;
min-width:40px !important;;
margin-left: -7px !important;;
}
.profile-search-products-container{
/* height: 34px; */
min-width:200px;
}
.profile-product-input{
height: 34px;
background-color:white;
border-radius:20px;
}
.profile-product-search{
/*background:#0F8643 ;*/
background:#0F8643 ;
min-width: 33px;
height: 34px;
border-radius:0 3px 3px 0;
margin-left:-7px;
}
.profile-product-search-icon{
line-height:30px !important;
}
.profile-product-category-text{
height: 34px;
background-color:#fff;
min-width:200px;
}
.profile-product-discontinue{
cursor:pointer;
color:#0F8643 ;
text-decoration:underline;
}
.profile-product-pagination{
line-height: 16px !important;
height:16px !important;
border-radius: 0px !important;
min-width: 16px;
background-color: #0F8643 !important;
padding: 0px !important;
}
.products-breadcrumb {
position: relative;
}
.breadcrumb-container {
position: absolute;
top: -5px;
}
/*.profile-product-pagination-left{
margin:6px 1px 6px 10px;
}
.profile-product-pagination-right{
margin:6px 2px;
}*/
.width-200 {
width:200px;
}
.bg-edf0f1{
background-color: #EDF0F1;
}
.profile-product-approval-progress{
width:420px;
margin-left:0px;
}
md-progress-linear .md-container {
background-color: rgb(113,250,198);
}
.unsubscribe-text-1{
font-weight: 500;
width: 500px;
margin: 0 auto;
}
.unsubscribe-text-container2{
height: 164px;
background-color:#edf0f1;
border-radius:9px;
}
.unsubscribe-text-container1{
width: 650px;
margin: 0 auto;
}
.abbr {
cursor:pointer !important;
border-style:hidden !important;
}
.approval-card {
border-radius: 3px;
box-shadow: 3px 3px 2px #d4d6d8;
cursor: pointer;
}
.selectapprover {
border: 2px solid #0F8643 ;
box-shadow: none;
background-color: #EFFBF8;
}
.selected-category {
/*background-color: #0F8643 ;*/
background-color: #0F8643;
color: #fff;
}
.selected-subscribed-category {
border-left: 4px solid #0F8643 ;
color: #0F8643 ;
}
.produt-name-link:hover {
color: #0F8643 ;
}
.product-listin-color-tray {
height: 20px;
width: 20px;
border: 1px solid #d4d6d8;
}
.produt-attributes-listing {
float: left;
}
.produt-attributes-listing li {
width: 135px;
/*width: 165px;*/
float: left;
line-height: 24px;
}
.dark-grey-fg {
color: #878787 !important;
}
.custom-options {
top: 30px;
right: 14px;
z-index: 12;
border-radius: 3px;
border: 1px solid #d4d6d8;
height: 125px;
width: 165px;
box-shadow: 2px 1px 1px rgba(0,0,0,0.3);
background-color: #fff;
}
.custom-options::after {
content: " ";
position: absolute;
border: 1px solid #d4d6d8;
bottom: 100%; /* At the bottom of the tooltip */
right: 0%;
margin-right: 4px;
border-width: 5px;
border-style: solid;
border-color: transparent transparent #d4d6d8 transparent;
}
.profile-product-angledown:hover .custom-options {
display: block;
}
.active-category {
/*border-left: 4px solid #0F8643 !important;*/
border-left: 4px solid #0F8643 !important;
background-color: #edf0f1;
/*color: #0F8643 ;*/
color: #0F8643 ;
}
.breadcrumb-holder {
overflow: hidden;
text-overflow: ellipsis;
max-width: 240px;
}
.active-product-list {
border: 2px solid #0F8643 ;
}
md-checkbox.select-all .md-label {
margin-left: 0 !important;
}
.products-btn {
height: 34px;
line-height: 34px;
top: 0;
float: none;
}
.supplier-posting-journey {
width: 100%;
min-height: 350px;
/*padding: 40px 0; */
}
.supplier-posting-journey .product-mgmt .product-mgmt-cards {
height: 180px;
width: 180px;
border: 1px solid #d4d6d8;
background-color: #fff;
box-shadow: 2px 2px 2px #d4d6d8;
color: #898E97;
}
.product-mgmt {
width: 800px;
margin: 0 auto;
}
.sell-products .supplier-posting-joureny-cards .sell-products-wrapper {
/*background-image: url('../assets/images/svgs/product-mgmt.svg');*/
height: 100px;
width: 100px;
text-align: center;
border: 1px solid #7DC142;
border-radius: 50%;
background-color: #7DC142;
color: #fff;
cursor: pointer;
padding: 8px;
margin-left: auto;
margin-right: auto;
font-size: 1.6rem;
}
.product-mgmt-active {
height: 125px;
padding: 0 15px;
background: transparent;
background-image: url('../assets/images/svgs/product-mgmt.svg') !important;
background-repeat: no-repeat !important;
overflow: hidden;
background-position: top -125px left !important;
-webkit-transition: all 0.5s ease-in-out !important;
-moz-transition: all 0.5s ease-in-out !important;
-o-transition: all 0.5s ease-in-out !important;
transition: all 0.5s ease-in-out !important;
}
.product-mgmt-inactive {
height: 125px;
padding: 0 15px;
background: transparent;
background-image: url('../assets/images/svgs/product-mgmt.svg') !important;
background-repeat: no-repeat !important;
overflow: hidden;
background-position: top left !important;
-webkit-transition: all 0.5s ease-in-out !important;
-moz-transition: all 0.5s ease-in-out !important;
-o-transition: all 0.5s ease-in-out !important;
transition: all 0.5s ease-in-out !important;
}
/*.product-img-hover:hover {
background-color: #fff;
color: #0F8643 ;
border: 1px solid #d4d6d8;
}*/
/*.product-img-hover:hover .supplier-journey-text {
visibility: hidden;
}
.product-img-hover:hover img {
visibility: hidden;
}
.product-img-hover p {
visibility: hidden;
}*/
/*.product-img-hover:hover p {
visibility: visible;
}*/
.supplier-posting-text {
/*width: 150px;*/
text-align: center;
font-size: 1.4rem;
margin: 5px 0;
line-height: 1.8rem;
color: #25333C;
}
/*.supplier-posting-joureny-cards {
min-height: 156px;
padding: 8px;
}*/
.sell-products a {
color: #5D636F;
}
.sell-products a:hover {
color: #0F8643 ;
text-decoration: underline;
}
/*.sell-products-wrapper .product-img-hover p {
visibility: hidden;
}
.sell-products .sell-products-wrapper .product-img-hover:hover p {
visibility: visible;
}
.product-img-hover:hover + .supplier-posting-text {
visibility: hidden;
}*/
.min-hei-50 {
min-height: 50px;
}
.notify-badge {
border: 1px solid #0F8643;
background-color: #0F8643;
color: #fff;
border-radius: 50%;
width: 20px;
font-size: 1.2rem;
height: 20px;
/* padding: 2px; */
line-height: 20px;
text-align: center;
display: inline-block;
position: relative;
top: -37px;
left: 15px;
}
.sell-product-tl-mkt {
text-align: center;
color: #25333c;
letter-spacing: 1.38px;
font-weight: 600;
margin-bottom: 16px;
padding: 0 !important;
}
.not-subscribed {
box-shadow: none;
background-color: rgba(225, 235, 245, 0.5);
pointer-events: none;
}
.approval-listing-card {
background-color: #fff;
border:1px solid #d4d6d8;
box-shadow: 1px 1px 1px #d4d6d8;
cursor: pointer;
height: 70px;
}
.approval-card-badge {
border: 1px solid #0F8643 ;
background-color: #0F8643 ;
color: #fff;
border-radius: 50%;
width: 30px;
height: 30px;
font-size: 14px;
line-height: 30px;
text-align: center;
}
.approval-content-card {
padding: 8px;
border-top: 1px solid #d4d6d8;
border-left: 1px solid #d4d6d8;
border-bottom: 1px solid #d4d6d8;
border-right: 1px solid #d4d6d8;
}
/*Pavan*/
md-list-item, md-list-item .md-list-item-inner {
min-height:30px !important;
}
.md-step{
padding: 0px !important;
}
.md-step md-step-label-wrapper {
flex-direction: row !important;
/* align-content: center !important; */
max-width: 100%;
position: relative;
top: 6px;
}
.md-step.md-complete md-step-label-wrapper:before {
content: '';
background: #0F8643 url('../../../assets/images/svgs/checkmark_1.svg') no-repeat 50% !important;
background-size: 11px 11px !important;
}
.md-step.md-complete md-step-label-wrapper span {
position: relative;
top: -6px;
}
.md-step:first-child {
padding-left: 16px !important;
}
.md-step:last-child {
padding-right: 24px !important;
}
.md-step:last-child md-step-label-wrapper span {
margin-right: 0;
}
md-steppers-canvas {
height:40px !important;
margin-top: 5px;
margin-bottom: 15px;
overflow: initial !important;
}
md-steppers md-steppers-wrapper md-pagination-wrapper {
height: 40px !important;
}
.no-padding-top{
padding-top:0px;
}
.mt-m-5 {
margin-top: -5px;
}
md-list-item, md-list-item .md-list-item-inner {
min-height:30px !important;
}
.products-grid-view{
margin: 0 !important;
padding: 0 !important;
width:24px !important;
margin-right: 5px !important;
}
.products-list-view{
margin: 0 !important;
padding: 0 !important;
width: 24px !important;
margin-right: 5px;
}
md-checkbox.select-all{
margin: 10px 0;
}
.button-detail {
right: 1px;
border:1px solid #0F8643 ;
border-radius:20px;
line-height: 24px;
padding: 0px 15px;
color:#0F8643 ;
min-width:0px;
}
.md-card:focus {
outline: none;
border: 0;
}
.mt-m-20{
margin-top: -20px;
}
.mt-m-10{
margin-top: -10px;
}
.notification {
padding: 8px;
background-color: #F5F9FB;
color: #fff;
border: 1px solid #C6DBEA;
}
.notification-warn {
padding: 8px;
background-color: #FBEAEC;
color: #fff;
border: 1px solid #EFA7B0;
}
.approval-listing .approvals-listing-view {
height: 50px;
border: 1px solid #d4d6d8;
background-color: #fff;
}
.approval-listing .approvals-listing-wrapper {
height: auto;
overflow-y: scroll;
background-color: #fff;
min-height: 100px;
}
.approval-dropdown {
margin: 0 !important;
height: 35px !important;
line-height: 35px !important;
}
.approval-dropdown-menu {
background-size: 10px 15px;
background-position: right 8px center;
}
.product-list-grid-view {
max-width: 175px !important;
min-height: 250px !important;
}
.mt-m-15 {
margin-top: -15px;
}
.mb-15{
margin-bottom:15px !important;
}
/*.md-scroll-mask {
position: absolute;
background-color: transparent;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 50;
background-color: rgba(0,0,0, 0.6);
}*/
.category-name {
max-width: 80px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: inline-block;
vertical-align: middle;
}
/*.category-name:hover {
max-width: 150px;
}*/
.mr-23 {
margin-right: 23px;
}
.cancel-btn {
cursor: pointer;
font-size: 1.4rem;
}
.subscribed-category-selection {
/*margin: 0 auto;*/
/*height: 350px;
overflow-y: scroll;*/
min-height: 80px !important;
padding: 16px;
}
.mt-m-30 {
margin-top: -30px;
}
.mt-m-20 {
margin-top: -20px;
}
.product-listing-dialog li {
cursor: pointer;
}
.link-decoration {
cursor: pointer;
text-decoration: underline;
font-size: 1.2rem;
}
/* pagination to show products per page */
.productlisting-pagination {
display: inherit;
padding-top: 10px;
text-align: center;
margin-right: 20px;
}
.productlisting-pagination li.productlisting-show-per-page {
vertical-align: middle;
}
.productlisting-pagination .productlisting-show-per-page a{
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: inline-flex;
min-width: 20px;
font-size: 13px;
padding: 0 8px;
}
.productlisting-pagination .productlisting-show-per-page p{
text-align: center;
}
.productlisting-pagination .productlisting-show-per-page a {
color: #0F8643 ;
}
.product-pagination-nav {
margin-top: 10px;
margin-left: 8px;
margin-right: 20px;
}
/*.productlisting-pagination .productlisting-show-per-page a:hover {
background-color: #fff;
border: 1px solid #d4d6d8;
padding: 0 8px;
}*/
.page-numbers a {
color: #0F8643 ;
}
.details-link {
/*border: 1px solid #d4d6d8;*/
padding: 0 8px;
/*border-radius: 25px;*/
height: 30px;
line-height: 30px;
background-color: #fff;
}
.details-link-green {
background-color: #0F8643 ;
border: 1px solid #0F8643 ;
border-radius: 25px;
height: 30px;
line-height: 30px;
padding: 0 8px;
margin-left: 10px;
}
.h-lh-30 {
height: 30px !important;
line-height: 30px !important;
}
.hs-code-search .hs-code-country {
float: left;
min-width: 320px;
}
.hs-code-search {
/*margin-top: 15px;*/
}
.show-compliance-section .show-compliance-part {
float: left;
min-width: 150px;
text-align: left;
}
.show-compliance-part1 {
float: left;
min-width: 50px;
text-align: center;
}
.compliance-window {
float: left;
min-width: 150px;
}
.show-compliance-index {
background-color: rgba(237, 240, 241, 0.36);
padding: 8px;
border: 1px solid #d4d6d8;
}
.index-of-incoterms {
padding-left: 25px;
}
.index-of-incoterms li {
list-style-type: disc;
line-height: 24px;
font-size: 15px;
color: #0F8643 ;
word-break: break-word;
}
.index-of-incoterms li a {
color: #0F8643 ;
}
.linkDisabled {
cursor: not-allowed;
pointer-events: none;
color: grey;
}
.no-searchresults-found {
list-style-type: disc;
margin-top: 8px;
}
.no-searchresults-found li{
color: #25333C;
font-size: 15px;
line-height: 24px;
}
.sellable-currency-code {
position: absolute;
bottom: 35px;
left: 10px;
font-size: 15px
}
.breadcrumb {
display: inline-block;
margin-left: 10px;
}
.breadcrumb-pl-holder {
display: inline-block;
}
.breadcrumb-label {
/*max-width: 80px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;*/
display: inline-block;
vertical-align: middle;
}
/*.breadcrumb-label:hover {
max-width: 100%;
display: inline;
text-overflow: none;
}*/
.no-border-top {
border-bottom: 1px solid #d4d6d8 !important;
border-left: 1px solid #d4d6d8 !important;
border-right: 1px solid #d4d6d8 !important;
}
.no-border {
border: none;
}
ul.pagination {
display: inline-block;
padding: 0;
margin: 0;
}
ul.pagination li {
display: inline;
}
ul.pagination li a {
color: black;
/* float: left;
padding: 2px 8px;
text-decoration: none;
transition: background-color .3s;
border: 1px solid #ddd;
margin: 0 4px;*/
float: left;
min-width: 25px;
height: 25px;
padding: 0 4px;
margin: 0 0 0 4px;
border: 1px solid #DAE2ED;
border-radius: 3px;
text-align: center;
line-height: 24px;
font-size: 14px;
cursor: pointer;
}
.editclassified-pagination ul.pagination li a{
margin-right: 0 !important;
}
.favorites-list-attr li {
border: none !important;
}
.shortlist-showpage span {
margin-right: 5px;
}
ul.pagination>.active-page>a, ul.pagination>.active-page>a:focus, ul.pagination>.active-page>a:hover, ul.pagination>.active>span, ul.pagination>.active>span:focus, ul.pagination>.active>span:hover {
color: #fff;
cursor: default;
/*background-color: #0F8643 ;
border-color: #0F8643 ;*/
background-color: #0F8643;
border-color: #0F8643;
}
.anchor-inactive{
pointer-events : none;
cursor : not-allowed;
}
.page-input-container{
width:24px !important;
height:24px !important;
line-height:24px !important;
margin:-2px -4px !important;
}
.page-input{
padding: 0 !important;
width:20px !important;
height:20px !important;
line-height:20px !important;
text-align: center;
color: #25333C !important;
}
/*category listing page*/
.facet-priority-list li, .facet-sla-list li {
margin-left: 15px;
margin-right: 15px
}
.facet-heading {
font-size: 13px;
font-weight: 500;
/*text-transform: uppercase;*/
padding: 6px;
background-color: rgba(237, 240, 241, 0.48);
/*background-color: #EDF0F1;*/
}
/*.facet-heading p {
letter-spacing: .1rem;
}*/
.facet-label {
margin-left: 4px;
color: #5d636f;
vertical-align: middle;
display: inline !important;
}
.catalog-sidenav {
background-color: #fff;
height: 550px;
overflow-y: scroll;
position: fixed;
left: 0;
width: 18%;
top: 141.5px;
z-index: 13;
}
.mac.chrome .catalog-sidenav {
height:650px;
width: 17.8%;
}
.mac.safari.checkbox-session-timeout {
top: 0 !important;
margin-left: 16px !important;
}
.prod-search-results-container {
margin-left: 18.5%;
padding-top: 50px;
}
.prod-services-results-container {
margin-left: 21.7%;
}
.err-background{
background-color: #fbedef !important;
border:1px solid #DE4F60 !important;
}
.product-listing-container {
background-color: #fff;
}
.product-listing-wrapper {
padding: 8px;
/*margin: 5px;*/
}
.fadeIn {
opacity: 1;
-ms-transform: translateY(0);
transform: translateY(0);
transition: opacity .3s,transform .3s;
transition-delay: .3s;
}
.supplier-product-card {
width: 210px;
}
.product-info-container {
padding-left: 16px;
}
.product-title {
font-size: 1.6rem;
line-height: 2.4rem;
font-weight: 600;
min-height: 40px;
}
.supplier-name {
font-size: 1.3rem;
line-height: 1.8rem;
font-weight: 600;
color: #25333C;
}
.supplier-name:hover a {
color: #0F8643;
}
.supplier-country {
font-size: 11px;
color: #9e9e9e;
display: block;
line-height: 16px;
font-weight: 500;
}
.product-title a {
color: #25333C;
}
.inquiry-title a {
color: #0F8643 ;
}
.product-title a:hover {
/*color: #0F8643 ;*/
color: #0F8643 ;
}
/*.right-partition {
position: absolute;
border-right: 1px solid #d4d6d8;
left: auto;
right: auto;
}*/
/*.product-title a:hover {
color: #0F8643 ;
}*/
.supplier-rating {
color: orange;
/*background-color: orange;*/
}
.facet-priority-container .facet-options {
padding: 0 12px 0 10px;
}
.mktplace-products-nav {
display: inline-flex;
padding: 6px;
}
.mktplace-products-nav li {
display: inline;
margin-right: 15px;
}
.mktplace-products-nav li a {
color: #5d636f;
}
.mktplace-products-nav li a:hover {
color: #0F8643 ;
}
.submit-buy-request, .notifications-btn, .request-quote {
padding: 0 20px;
height: 25px;
/* line-height: 24px; */
line-height: 25px;
border: 1px solid #0F8643;
border-radius: 25px;
background-color: #fff;
/*box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.25);*/
font-size: 13px;
/*color: #0F8643 ;*/
color: #0F8643 !important;
z-index: 50;
display: block;
text-align: center;
}
.create-buy-request {
padding: 0 20px;
height: 30px;
line-height: 30px;
border: 1px solid #0F8643;
border-radius: 25px;
background-color: #0F8643 ;
box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.25);
font-size: 13px;
color: #fff;
z-index: 50;
}
.submit-buy-request:hover, .notifications-btn:hover, .request-quote:hover {
color: #fff !important;
/*background-color: #0F8643 ;*/
background-color: #0F8643;
cursor: pointer;
transition: 0.5s all ease-in-out;
}
.product-results-bar {
/*padding: 8px;*/
}
.product-results-bar .product-results {
/*float: left;*/
margin: 0 10px;
}
.product-results-bar .product-results h3 {
font-size: 1.6rem;
font-weight: 500;
}
.products-sort-dropdown-menu {
border-radius: 25px !important;
color: #fff !important;
background-color: #0F8643 !important;
}
md-select.products-sort-dropdown-menu {
height:35px;
font-size: 13px;
color: #fff;
border-radius: 0;
/*padding: 0 15px;*/
line-height: 35px;
border: 1px solid #d4d6d8;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background-image: url("../assets/images/white_arrow.svg");
background-repeat: no-repeat;
/*background: url("../assets/images/white_arrow.svg") no-repeat right center !important;
background-size: 11px 11px;
border-radius: 3px;
background-position: right 15px center;*/
}
.sort-by-button{
margin: 3px !important;
padding: 0 !important;
min-width: 18px !important;
min-height: 18px !important;
line-height: 18px !important;
border-radius: 3px !important;
height: 18px !important;
}
.pt-2{
padding-top: 2px;
}
.greybg{
background-color: grey !important;
}
.product-listing-pagination .productlisting-show-per-page .show-pages a {
font-size: 1.3rem;
color: #9e9e9e;
line-height: 21px;
}
.product-listing-pagination li {
width: 15px;
text-align: center;
}
.products-sort-dropdown-menu {
height: 35px !important;
line-height: 35px !important;
}
.products-sort-dropdown-menu .md-select-value.md-select-placeholder {
color: #fff !important;
}
.add-to-compare {
border: 1px solid #d4d6d8;
border-radius: 25px;
background-color: #fff;
padding: 0 20px;
/*width: 140px;*/
margin-top: 10px;
margin-left: auto;
margin-right: auto;
}
.pricing-minorder {
min-height: 48px;
}
.pricing-minorder li a:hover {
text-decoration: underline !important;
}
.mktplace-products-nav li:hover md-icon[md-font-icon]{
color: #0F8643 ;
transform: rotate(180deg);
}
.mktplace-products-nav li a .menu-options {
display: none;
position: absolute;
top: 20px;
padding: 8px;
border: 1px solid #d4d6d8;
background-color: #fff;
z-index: 122;
min-height: 120px;
min-width: 120px;
width: 100%;
color: #25333C;
}
.mktplace-products-nav li a:hover .menu-options {
display: block;
}
.mktplace-products-nav li:hover md-icon[md-font-icon]{
color: #0F8643 ;
}
.dash-border {
border: 1px dotted #d4d6d8;
}
.role-card:hover .compare{
visibility: visible;
}
.role-card:hover{
/*border: 1px solid #dae2ed;
box-shadow: 2px 2px 3px rgba(0,0,0,.13);
z-index: 1;*/
}
.compare{
width: 100px;
height: 30px;
text-align: center;
visibility: hidden;
margin-left: auto;
margin-right: auto;
background-color: #0F8643 ;
color: #fff;
padding:5px;
}
.product-pricing-block {
margin: 4px 0 0 0;
}
.product-price {
font-size: 1.6rem;
font-weight: 600;
line-height: 1.8rem;
color: #25333C;
}
.mkt-card{
display: block;
margin-left: auto;
margin-right: auto;
padding: 6px 0px;
}
/*commented the compare visible css sections in the list views by Mani Prakash on 26-12-2017 */
.compare-visible{
/*width: 100px;
height: 20px;*/
/* commented margin, text-align, position, top*/
/*margin: 20px;
text-align: left;
position: absolute;
top: 86px;*/
/*margin-left: auto;
margin-right: auto;*/
/*background-color: #0F8643 ;*/
margin: 6px 0;
color: #0F8643 ;
}
.cart-items-wrapper {
position: fixed;
bottom: 0;
left: 0;
border: 1px solid #0E8543;
/*
* Author: Prakash
* Desc: commented width and changed right: 145 property to left: 0;
*/
/*right: 145px;*/
z-index: 80;
width: 215px;
max-height: 255px;
}
.cart-items-wrapper .cart-itmes-header {
background-color: #0F8643 ;
padding: 6px;
color: #fff;
/* width: 230px; */
/*float: right;*/
/*border-radius: 3px 3px 0 0;*/
}
.cartitems-compare a {
font-size: 12px !important;
}
.cart-img-container {
height: 4rem;
width: 100%;
background: #fff;
/* border: 1px solid #d4d6d8; */
}
/*.cart-items-wrapper .cart-itmes-header:hover {
background-color: #0F8643 ;
opacity: 1;
}*/
.cart-items-wrapper .cart-items-container {
padding: 0 8px; height: 100%;
}
.cart-items-wrapper .cart-items-list {
display: block;
}
.cart-items-wrapper .cart-items-list li {
background-color: #edf0f1;
margin: 5px 0;
}
.contact{
/*width:150px;*/
background-color: #0F8643 ;
color: #fff;
padding: 6px;
}
.padding-5{
padding:5px;
}
.vertical-middle{
vertical-align: middle;
}
.product-card-title {
padding: 8px;
}
.cart-items-table tr, .cart-items-table tr td{
border: none;
}
.product-card {
box-shadow: none;
/*min-height:170px;
max-height:200px;*/
border-right: 1px solid #d4d6d8;
border-bottom: 1px solid #d4d6d8;
transition: all .3s cubic-bezier(.25,.8,.25,1);
}
.product-card:hover{
border: 1px solid #dae2ed;
/*box-shadow: 2px 2px 3px rgba(0,0,0,.13); */
/*box-shadow: 0 0 3px #e4e4e4;*/
transition: all .2s ease-in-out;
/*transform: translate3d(0,-20px,0);
transition: all .5s ease-out;*/
z-index: auto;
}
.product-card:hover .compare{
visibility: visible;
border: 1px solid #dae2ed;
box-shadow: 2px 2px 3px rgba(0,0,0,.13);
}
.product-img:hover .compare {
display: block;
}
/*.product-card-img:hover .compare {
display: block;
} */
.related-search-results li {
padding: 4px 16px;
}
.related-search-results li:hover{
background-color:#edf0f1;
}
.related-search-results li a:hover {
text-decoration: underline;
}
.product-results .show-page span{
margin-right: 5px;
}
.show-related-block {
border-left: 1px solid #d4d6d8;
border-right: 1px solid #d4d6d8;
border-bottom: 1px solid #d4d6d8;
position: absolute;
/*padding: 0 0 0 16px;*/
top: 36px;
width: 100%;
/* z-index: 120; */
z-index: 68;
border-radius: 0 0 15px 15px;
}
md-input-container.search-bar-mktplace.md-has-icon {
padding-left: 0 !important;
padding-right: 0 !important;
}
.block-img {
margin: 5px auto;
display: block;
border: 1px solid #d4d6d8;
}
.contact-supplier {
padding: 0px 16px;
background-color: #fff;
color: #0F8643 !important;
border: 1px solid #0F8643;
border-radius: 25px;
font-size: 1.3rem;
height: 30px !important;
line-height: 30px !important;
/*margin-right: 20px;*/
display: inline-block;
text-align: center;
margin-right: 0 !important;
}
.order-links-warn {
padding: 0 20px;
background-color: #fff;
color: #DE4F60 ;
border: 1px solid #DE4F60 ;
border-radius: 25px;
font-size: 1.2rem;
height: 25px !important;
line-height: 25px !important;
/* Author: Mani Prakash 30-10-2017
* Commented margin-right for proper placement of buttons
* Order Module
*/
/* width: 110px; */
text-align: center;
}
.order-links {
padding: 0 6px;
background-color: #fff;
color: #0F8643 ;
border: 1px solid #0F8643 ;
border-radius: 25px;
font-size: 1.2rem;
height: 25px !important;
line-height: 24px !important;
margin-right: 10px;
/* width: 110px; */
text-align: center;
}
/* order-links-list */
.order-links-list {
display: inline-block;
min-width: 125px;
vertical-align: middle;
}
.order-item-block {
min-height: 120px !important;
}
.contact-disable{
background-color: #edf0f1;
border: 1px solid #d4d6d8;
border-radius: 25px;
/*color: darkgray;;*/
font-size: 1.2rem;
height: 30px !important;
line-height: 30px !important
}
.contact-supplier md-icon[md-font-icon].s14 {
color: #0F8643;
vertical-align: baseline;
}
.contact-supplier:hover md-icon[md-font-icon].s14{
background-color: #0F8643;
color: #fff;
}
.order-links md-icon[md-font-icon].s14{
color: #fff;
}
.contact-supplier:hover md-icon[md-font-icon].s16{
background-color: #0F8643 ;
color: #fff;
}
.contact-supplier:hover {
background-color: #0F8643 ;
color: #fff !important;
/*transition: 0.5s all ease-in-out;*/
}
.product-details-tab {
min-width: 300px;
max-width: 100%;
}
.mt-23 {
margin-top: 23px;
}
.product-detail-features li {
float: left;
margin-right: 15px;
}
.incoterms-price {
margin-top: 23px;
margin-left: -6px;
}
.product-detail-features li a {
/*color: #5d636f;*/
color: #25333C;
}
.product-detail-features li a:hover {
/*color: #0F8643 ;*/
color: #0F8643 ;
text-decoration: underline;
}
.product-detail-img {
height: 300px;
width: 180px;
min-height: 150px;
max-height: 300px;
}
.product-detail-payment-info {
display: inline-flex;
}
.product-detail-payment-info li a {
border: 1px solid #DE4F60;
background-color: #DE4F60;
color: #fff;
border-radius: 25px;
padding: 0 16px;
}
.visibility-hidden{
visibility: hidden;
}
.supplier-info {
display: none;
}
.product-card:hover .supplier-info {
display: block;
}
.activeApprovals{
border-bottom: 4px solid #0F8643 ;
color: #0F8643 ;
font-weight: 600;
}
.mh16 {
margin-left: 16px;
margin-right: 16px;
}
/*.product-detail-img:hover .product-img-onhover {
display: block;
}
.product-img-onhover {
display: none;
}*/
.product-details-supplier-info li {
font-size: 1.4rem;
color: #5d636f;
padding: 5px 0;
}
.product-details-review p {
margin: 8px 0;
padding: 8px 0;
font-size: 1.4rem;
/*color: #5d636f;*/
}
.product-detail-faqs .q {
font-size: 14px;
color: #25333C;
}
.product-detail-faqs .a {
font-size: 14px;
color: #5d636f;
}
/*.product-details-supplier-reviews li {
padding: 4px 0;
}*/
.product-attribute-checkboxes {
margin: 0;
}
.product-attribute-checkboxes .md-label {
margin-left: 0 !important;
display: table !important;
}
/*.product-details-supplier-reviews li p {
font-size: 1.4rem;
}*/
.product-details-supplier-reviews li p:first-child {
font-weight: 600;
}
blockquote::before {
content: "\201C";
}
blockquote::after{
/*Reset to make sure*/
content: "";
}
.fb-reply {
/*border-left: 5px solid;*/
/*padding-left: 20px;*/
border-left-color: #5D636F;
/*margin-top: 20px;*/
/*margin-left: 20px;*/
}
.feedback-desc {
color: #5D636F !important;
}
.user-company-avatar {
border-radius: 50%;
border: 1px solid #d4d6d8;
background-color: #EDF0F1;
height: 50px;
width: 50px;
}
.product-detail-tabs .md-tab {
padding: 10px 15px !important;
}
.login:hover{
color: #fff;
}
.mt-m-15{
margin-top: -15px;
}
.activeProdSupplier {
color: #0F8643 ;
border-bottom: 3px solid #0F8643 ;
}
.mktplace-categories .mktplace-curr-category a{
font-size: 24px;
font-weight: 600;
line-height: 30px;
color: #5d636F;
cursor: pointer;
}
.cat-desc {
color: #5D636F;
font-size: 1.4rem;
min-height: 40px !important;
}
.view-more {
/*border: 1px solid #d4d6d8;
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
background-color: #fff;
border-top: 1px solid #e1e1e1;
border-radius: 25px;*/
padding: 4px 0;
/*margin: 8px;*/
text-align: center;
color: #0F8643;
font-size: 1.2rem;
}
.border-width-2 {
border : 2px solid #d4d6d8 !important;
}
.height-60{
height: 60px!important;
min-height: 60px!important;
max-height: 60px!important;
}
.link-disabled {
cursor: not-allowed !important;
pointer-events: none;
}
.link-disabled-border {
border: 1px solid #dcdada !important;
}
tl-login-register.link-decor span a{
text-decoration: underline;
}
tl-login-register.link-decor span a:hover{
text-decoration: underline;
}
.favorites-block .favorite-item-title a {
color: #25333C;
}
.favorites-block .favorite-item-title a:hover {
color: #0F8643 ;
}
.favorites-list-items li {
border-bottom: 1px solid #d4d6d8;
}
.compare-details-row .compare-details-col1 {
border-bottom: 1px solid #d4d6d8;
border-right: 1px solid #d4d6d8;
width: 165px;
height: 80px;
padding: 16px;
text-align: right;
}
.col1-revised {
max-width: 155px;
min-height: 50px;
max-height: 75px;
}
.profile-badge {
background-color: #0F8643 ;
border-radius: 50%;
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
color: #fff;
position: absolute;
font-size: 13px;
top: 7px;
left: 144px;
}
.profile-chat-icon {
height: 50px;
width: 50px;
line-height: 50px;
border-radius: 50%;
position: fixed;
background-color: #FFF;
bottom: 20px;
right: 50px;
z-index: 9999;
cursor: pointer;
border: 1px solid #e1e1e1;
box-shadow: 1px 2px 7px rgba(0,0,0,.42);
}
.icon-chat {
padding: 0px;
position: absolute;
margin: 0 auto;
top: 30%;
left: 30%;
color: #0F8643 ;
}
.messenger-badge {
background-color: #0F8643 ;
border-radius: 50%;
width: 18px;
height: 18px;
line-height: 20px;
text-align: center;
color: #fff;
position: absolute;
font-size: 12px;
top: -5px;
left: 35px;
}
.profile-chat-window {
height: 250px;
width: 200px;
border-radius: 5px;
position: fixed;
background-color: #FFF;
box-shadow: 1px 2px 7px rgba(0,0,0,.42);
bottom: 78px;
right: 20px;
z-index: 9999;
}
.profile-chat-window-arrow{
position: absolute;
width: 0;
height: 0;
bottom: -5px;
left: 70%;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #FFF;
}
.contact-badge {
background-color: #0F8643 ;
border-radius: 50%;
width: 18px;
height: 18px;
line-height: 20px;
text-align: center;
color: #fff;
position: absolute;
font-size: 12px;
top: 0px;
left: 0px;
}
.chat-item {
height: auto;
position: relative;
flex: 1 1 auto;
min-height: 30px;
display: flex;
justify-content: center;
align-items: flex-start;
padding: 0px;
}
.chat-item md-divider {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
.chat-item .chat-item-text {
flex: 1;
margin: auto 8px;
text-overflow: ellipsis;
}
.chat-item .chat-item-text h4 {
color: rgba(0,0,0,0.87);
font-size: 13px;
letter-spacing: .01em;
margin: 3px 0 1px;
font-weight: 500;
line-height: 1.2em;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.chat-item .chat-item-text p {
color: rgba(0,0,0,0.54);
font-size: 12px;
font-weight: 400;
letter-spacing: .01em;
margin: 0;
line-height: 1.6em;
}
.chat-item .chat-item-text .time {
font-size: 10px;
}
.chat-item:hover{
cursor: pointer;
background-color: #edf0f1;
color: #FFF;
}
.chat-window-main-contact {
z-index: 999;
}
.chat-window-main-messages {
background-color: #fff;
height: 300px;
}
/* chat css */
.chat-messages-left, .chat-messages-right {
background: #F5F9FB none repeat scroll 0 0;
border: 1px solid #C6DBEA;
border-radius: 2px;
color: #25333C;
margin: 5px 0 0 10px;
padding: 5px 10px;
position: relative;
}
/*.chat-messages::before {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: transparent #C6DBEA transparent transparent;
border-image: none;
border-style: solid;
border-width: thick;
content: " ";
height: 13px;
pointer-events: none;
position: absolute;
right: 100%;
top: 0px;
width: 0;
}*/
.chat-messages-left:after {
content: ' ';
position: absolute;
width: 0;
height: 0;
left: auto;
right: -1px;
bottom: -10px;
border: 5px solid;
border-color: #C6DBEA #C6DBEA transparent transparent;
}
.chat-messages-right:after {
content: ' ';
position: absolute;
width: 0;
height: 0;
left: -11px;
transform: rotate(180deg);
/* right: 11px; */
top: 0px;
/* bottom: -8px; */
border: 5px solid;
border-color: transparent transparent transparent #C6DBEA;
}
.show-right-panel {
position: absolute !important;
top: 50% !important;
/*right: 0px !important;*/
margin-left: 50%;
transform: translate(-50%, 50%) !important;
border-right: 1px solid #d4d6d8 !important;
border-top: 1px solid #d4d6d8 !important;
border-bottom: 1px solid #d4d6d8 !important;
border-radius: 0 !important;
height: 50px !important;
padding: 0 !important;
z-index: 245;
width: initial !important;
}
.show-hide-panel {
transform: rotate( 180deg ) !important;
}
md-input-container textarea.md-input {
height: 140px;
}
md-input-container textarea.textarea_height{
height: auto !important;
}
.chat-send-button {
bottom: 80px;
right: 244px;
height: 40px;
width: 40px;
border-radius: 50%;
position: fixed;
background-color: #0F8643 ;
box-shadow: 1px 2px 7px rgba(0,0,0,.42);
z-index: 9999;
cursor: pointer;
}
.message-area {
height: 80px !important;
width: 98% !important;
margin: 3px !important;
padding: 10px 45px 5px 5px !important;
border-bottom: 1px solid #d4d6d8 !important;
border-radius: 3px !important;
}
.fav-compare tl-compare div {
display: inline;
}
.fav-compare tl-compare div a {
padding: 3px 20px !important;
background-color: #fff !important;
color: #0F8643;
border: 1px solid #0F8643;
border-radius: 20px !important;
height: 25px !important;
line-height: 25px !important;
font-size: 13px;
}
.fav-compare tl-compare div a:hover{
background-color: #0F8643 !important;
color: #fff ;
}
.mktplace-category-hero-image-container {
/*background-image:url('../assets/images/shrimps.jpg'), linear-gradient(-180deg, rgba(237,237,237,0.00)0%,rgba(0,0,0,0.38)100%);*/
background-repeat:no-repeat;
background-size:cover;
/*background-color: #24292e;*/
/*background-position: -90px 0px;*/
height: 340px;
width:100%;
/*background: url("../assets/images/shrimps.jpg") no-repeat cover, linear-gradient(to left, #000, #000 35%, #000 35%, #333 75%);*/
}
.mktplace-category-hero-image-heading::after {
display: block;
/*position: relative;*/
/*background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0, #333333 100%);*/
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0) 75%, rgba(0,0,0,0.4) 100%);
height: 100%;
width: initial;
content: '';
}
.mktplace-category-hero-image-heading{
width: 100%;
}
.all-categories-list {
/*-moz-column-count: 2;
-moz-column-gap: 10px;
-webkit-column-count: 2;
-webkit-column-gap: 10px;
column-count: 2;
column-gap: 10px;*/
display: block;
}
.mt-m-8{
margin-top:-8px;
}
.cartitems-compare tl-compare div {
display: inline;
}
.cartitems-compare tl-compare div a {
padding: 0px !important;
background-color: #FFF !important;
color: #0F8643 ;
border: none !important;
border-radius: 0px !important;
}
.cartitems-compare tl-compare div a:hover{
background-color: #FFF !important;
color: #0F8643 !important;
}
.cart-items-table tr td a {
color: #5D636F;
}
.cart-items-table tr td a:hover {
color: #0F8643 ;
}
/* chat icon animatio */
/*
* Pulse animation
*/
/*@keyframes pulse_animation {
0% { transform: scale(1); }
30% { transform: scale(1); }
40% { transform: scale(1.08); }
50% { transform: scale(1); }
60% { transform: scale(1); }
70% { transform: scale(1.05); }
80% { transform: scale(1); }
100% { transform: scale(1); }
}*/
.pulse {
animation: pulse 1.5s infinite;
box-shadow: 1px 2px 7px rgba(0,0,0,.42);
}
@-webkit-keyframes pulse {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
}
70% {
-webkit-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
}
}
@keyframes pulse {
0% {
-moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
}
70% {
-moz-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
box-shadow: 0 0 0 10px rgba(204,169,44, 0);
}
100% {
-moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
box-shadow: 0 0 0 0 rgba(204,169,44, 0);
}
}
/*animation to show text when typed in jelly */
.anim-effect-jelly {
-webkit-animation-name: animJelly;
animation-name: animJelly;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
@-webkit-keyframes animJelly {
0% { -webkit-transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
2.083333% { -webkit-transform: matrix3d(0.75266, 0, 0, 0, 0, 0.76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.75266, 0, 0, 0, 0, 0.76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
4.166667% { -webkit-transform: matrix3d(0.81071, 0, 0, 0, 0, 0.84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.81071, 0, 0, 0, 0, 0.84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
6.25% { -webkit-transform: matrix3d(0.86808, 0, 0, 0, 0, 0.9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.86808, 0, 0, 0, 0, 0.9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
8.333333% { -webkit-transform: matrix3d(0.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
10.416667% { -webkit-transform: matrix3d(0.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
12.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
14.583333% { -webkit-transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
16.666667% { -webkit-transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
18.75% { -webkit-transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
20.833333% { -webkit-transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
22.916667% { -webkit-transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
25% { -webkit-transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
27.083333% { -webkit-transform: matrix3d(1.03699, 0, 0, 0, 0, 0.98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.03699, 0, 0, 0, 0, 0.98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
29.166667% { -webkit-transform: matrix3d(1.02831, 0, 0, 0, 0, 0.97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.02831, 0, 0, 0, 0, 0.97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
31.25% { -webkit-transform: matrix3d(1.01973, 0, 0, 0, 0, 0.97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.01973, 0, 0, 0, 0, 0.97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
33.333333% { -webkit-transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
35.416667% { -webkit-transform: matrix3d(1.00526, 0, 0, 0, 0, 0.98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00526, 0, 0, 0, 0, 0.98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
37.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 0.98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
39.583333% { -webkit-transform: matrix3d(0.99617, 0, 0, 0, 0, 0.99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99617, 0, 0, 0, 0, 0.99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
41.666667% { -webkit-transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
43.75% { -webkit-transform: matrix3d(0.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
45.833333% { -webkit-transform: matrix3d(0.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
47.916667% { -webkit-transform: matrix3d(0.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
50% { -webkit-transform: matrix3d(0.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
52.083333% { -webkit-transform: matrix3d(0.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
54.166667% { -webkit-transform: matrix3d(0.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
56.25% { -webkit-transform: matrix3d(0.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
58.333333% { -webkit-transform: matrix3d(0.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
60.416667% { -webkit-transform: matrix3d(0.99921, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99921, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
62.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
64.583333% { -webkit-transform: matrix3d(1.00057, 0, 0, 0, 0, 0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00057, 0, 0, 0, 0, 0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
66.666667% { -webkit-transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
68.75% { -webkit-transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
70.833333% { -webkit-transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
72.916667% { -webkit-transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
75% { -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
77.083333% { -webkit-transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
79.166667% { -webkit-transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
81.25% { -webkit-transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
83.333333% { -webkit-transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
85.416667% { -webkit-transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
87.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
89.583333% { -webkit-transform: matrix3d(0.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
91.666667% { -webkit-transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
93.75% { -webkit-transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
95.833333% { -webkit-transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
97.916667% { -webkit-transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
}
@keyframes animJelly {
0% { -webkit-transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
2.083333% { -webkit-transform: matrix3d(0.75266, 0, 0, 0, 0, 0.76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.75266, 0, 0, 0, 0, 0.76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
4.166667% { -webkit-transform: matrix3d(0.81071, 0, 0, 0, 0, 0.84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.81071, 0, 0, 0, 0, 0.84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
6.25% { -webkit-transform: matrix3d(0.86808, 0, 0, 0, 0, 0.9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.86808, 0, 0, 0, 0, 0.9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
8.333333% { -webkit-transform: matrix3d(0.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
10.416667% { -webkit-transform: matrix3d(0.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
12.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
14.583333% { -webkit-transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
16.666667% { -webkit-transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
18.75% { -webkit-transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
20.833333% { -webkit-transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
22.916667% { -webkit-transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
25% { -webkit-transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
27.083333% { -webkit-transform: matrix3d(1.03699, 0, 0, 0, 0, 0.98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.03699, 0, 0, 0, 0, 0.98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
29.166667% { -webkit-transform: matrix3d(1.02831, 0, 0, 0, 0, 0.97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.02831, 0, 0, 0, 0, 0.97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
31.25% { -webkit-transform: matrix3d(1.01973, 0, 0, 0, 0, 0.97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.01973, 0, 0, 0, 0, 0.97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
33.333333% { -webkit-transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
35.416667% { -webkit-transform: matrix3d(1.00526, 0, 0, 0, 0, 0.98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00526, 0, 0, 0, 0, 0.98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
37.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 0.98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
39.583333% { -webkit-transform: matrix3d(0.99617, 0, 0, 0, 0, 0.99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99617, 0, 0, 0, 0, 0.99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
41.666667% { -webkit-transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
43.75% { -webkit-transform: matrix3d(0.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
45.833333% { -webkit-transform: matrix3d(0.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
47.916667% { -webkit-transform: matrix3d(0.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
50% { -webkit-transform: matrix3d(0.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
52.083333% { -webkit-transform: matrix3d(0.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
54.166667% { -webkit-transform: matrix3d(0.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
56.25% { -webkit-transform: matrix3d(0.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
58.333333% { -webkit-transform: matrix3d(0.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
60.416667% { -webkit-transform: matrix3d(0.99921, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99921, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
62.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
64.583333% { -webkit-transform: matrix3d(1.00057, 0, 0, 0, 0, 0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00057, 0, 0, 0, 0, 0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
66.666667% { -webkit-transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
68.75% { -webkit-transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
70.833333% { -webkit-transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
72.916667% { -webkit-transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
75% { -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
77.083333% { -webkit-transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
79.166667% { -webkit-transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
81.25% { -webkit-transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
83.333333% { -webkit-transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
85.416667% { -webkit-transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
87.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
89.583333% { -webkit-transform: matrix3d(0.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
91.666667% { -webkit-transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
93.75% { -webkit-transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
95.833333% { -webkit-transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
97.916667% { -webkit-transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
}
.img-place-holder {
border-radius: 50%;
height: 65px;
width: 65px;
border: 1px solid #d4d6d8;
background-color: #edf0f1;
}
.chat-contact-textwrapper {
display: block;
margin: 10px;
}
.chat-contact-textwrapper h3 {
font-size: 16px;
font-weight: 500;
color: #5D636F;
}
.chat-contact-textwrapper p {
font-size: 13px;
font-weight: 500;
color: #898E97;
}
.contacts-section {
padding: 4px 0;
cursor: pointer;
background-color: rgba(245, 245, 245, 0.8);
}
/*.product-detail-features li a {
color: #0F8643 !important;
}*/
.check-compliance-section {
display: block;
}
.check-compliance-section li {
margin: 5px 0;
}
.check-compliance-part a {
color: #25333C;
font-weight: 600;
}
.toggle-compliance {
padding: 8px 0;
border-bottom: 1px solid #d4d6d8;
}
.fixed-cart-header{
position: fixed;
background-color: #fff;
z-index: 1;
width: 250px;
margin-left: 16px;
height:40px;
}
#prof-hamburger span { position: absolute; left: 1.5%; top: 45%; }
#prof-hamburger span,
#prof-hamburger span:before,
#prof-hamburger span:after {
cursor: pointer;
border-radius: 1px;
height: 4px;
width: 24px;
background: #5d636F;
position: absolute;
display: block;
content: '';
}
#prof-hamburger span:before {
top: -7px;
}
#prof-hamburger span:after {
bottom: -7px;
}
/*#prof-hamburger span, #prof-hamburger span:before, #prof-hamburger span:after {
transition: all 500ms ease-in-out;
}
#prof-hamburger:hover span {
background-color: transparent;
}
#prof-hamburger:hover span:before, #prof-hamburger:hover span:after {
top: 0;
}
#prof-hamburger:hover span:before {
transform: rotate(45deg);
}
#prof-hamburger:hover span:after {
transform: rotate(-45deg);
}
#prof-hamburger:hover .profile-sidenav{
visibility: visible;
}*/
.est-delivery-time {
background: url(../../assets/images/svgs/estimated_LC_DT.svg) 15px 15px;
width: 44px;
height: 24px;
}
#home {
width: 46px;
height: 44px;
background: url(../../assets/images/svgs/estimated_LC_DT.svg) 15px 15px;
}
.request-count-badge {
background-color: #0F8643 ;
border-radius: 25px;
width: 30px;
border: 1px solid #0F8643 ;
text-align: center;
color: #fff;
position: absolute;
right: 10px;
top: 15px;
font-size: 12px;
line-height: 16px;
}
/*.personal-preference li.buy-request-list .buy-request-nav{
visibility: visible;
}*/
.personal-preference li a:active {
border-left: 4px solid #0F8643 ;
}
.buy-request-nav {
line-height: 16px;
padding: 0 0 0 15px;
}
/*.buy-request-navlist li {
background-color: rgba(237, 240, 241, 0.55);
padding: 0 8px;
}*/
.buy-request-sublist li {
background-color: #fff;
}
.supplier-request-accordion {
background-color: rgba(237, 240, 241, 0.55);
}
.linked-request {
background-color: #edf0f1;
padding: 5px 8px;
}
.quantity-section {
position:relative;
}
.quantity-section .unit {
position: absolute;
/* right: 30px; */
top: 15px;
color: #d4d6d8;
font-size: 12px;
}
.height150 {
height: 150px !important;
}
.mb-42{
margin-bottom: 42px !important;
}
.compare-grid{
/*text-align: center;*/
display : none;
margin-left: auto;
margin-right: auto;
/* color: #0F8643 !important; */
}
.product-card:hover .compare-grid{
display: block;
}
.min-height-240{
min-height:240px !important;
}
.min-height-200{
min-height:200px !important;
}
.marketplaceMouseHover{
position: relative;
/*min-height: 30px !important;
max-height: 30px !important;
height: 30px !important;*/
cursor: pointer;
display: inline-block;
top: initial;
}
.marketplaceMouseHover .marketplace-options {
visibility: hidden;
right: -60px;
top: 18px;
border: 1px solid #f4f6f8;
background-color: #fff;
min-width: 200px;
min-height: auto;
height: auto;
padding: 8px;
box-shadow: 0 -1rem 2rem transparent;
border-radius: 3px;
position: absolute;
z-index: 255;
transform: translateY(1rem);
transition: opacity .4s,transform .4s,box-shadow 1.2s,visibility .4s;
}
.marketplaceMouseHover:hover .marketplace-options {
visibility: visible;
}
.marketplace-options::after {
content: " ";
position: absolute;
border: 1px solid red;
bottom: 100%; /* At the bottom of the tooltip */
right: 44%;
margin-right: 4px;
border-width: 10px;
border-style: solid;
border-color: transparent transparent #D4D6D8 transparent;
}
.marketplaceMouseHover .marketplace-notifications {
visibility: hidden;
right: -21px;
top: 40px;
border: 1px solid #d4d6d8 ;
background-color: #fff;
min-width: 300px;
min-height: 300px;
padding: 8px;
box-shadow: 0 0 5px #D4D6D8 ;
border-radius: 3px;
/* Position the tooltip */
position: absolute;
z-index: 255;
}
.marketplaceMouseHover:hover .marketplace-notifications {
visibility: visible;
}
.marketplace-notifications::after {
content: " ";
position: absolute;
border: 1px solid red;
bottom: 100%; /* At the bottom of the tooltip */
right: 6%;
margin-right: 4px;
border-width: 10px;
border-style: solid;
border-color: transparent transparent #D4D6D8 transparent;
}
md-radio-group.page-records md-radio-button:not(:first-child) {
margin-top: 0px !important;
}
span.noTruncation p{
display: inline;
}
md-tooltip.content-hover{
position:absolute;
z-index:100;
overflow:hidden;
pointer-events:none;
border-radius:0px !important;
font-size:14px
}
md-tooltip.content-hover .md-content {
position:relative;
white-space:initial;
overflow:hidden;
text-overflow:ellipsis;
-webkit-transform-origin:0 0 !important;
transform-origin:0 0 !important;
-webkit-transform:scale(0);
transform:scale(0);
opacity:0;
height:auto;
line-height:22px;
padding-left:16px;
padding-right:16px;
width: auto !important;
background-color: #fff;
border: 1px solid #25333C;
}
@media screen and (min-width:960px){
md-tooltip.content-hover .md-content{
height:auto;
line-height:22px;
padding-left:8px;
padding-right:8px;
}
}
md-tooltip.content-hover div{
/*z-index:150;*/
width: auto !important;
}
md-tooltip.content-hover div > * {
word-wrap: break-word !important;
min-width: 50px !important;
width: auto !important;
max-width: 350px !important;
color: #25333C;
text-overflow: ellipsis;
margin-left: auto;
margin-right: auto;
}
md-tooltip.content-hover .md-content.md-show-add {
transition:all .4s cubic-bezier(.25,.8,.25,1);
transition-duration:.2s;
-webkit-transform:scale(0);
transform:scale(0);
opacity:0;
box-shadow: 5px 5px 10px #a8a6a3;
}
md-tooltip.content-hover .md-content.md-show,md-tooltip.content-hover .md-content.md-show-add-active{
-webkit-transform:scale(1);
transform:scale(1);
opacity:1;
-webkit-transform-origin:0 0 !important;
-webkit-transform-origin:0 0 !important;
transform-origin:0 0 !important;
}
md-tooltip.content-hover .md-content.md-show-remove{
transition:all .4s cubic-bezier(.25,.8,.25,1);
transition-duration:.2s;
}
md-tooltip.content-hover .md-content.md-show-remove.md-show-remove-active{
-webkit-transform:scale(0);
transform:scale(0);
opacity:0;
}
md-tooltip.content-hover.md-hide{
transition:all .4s cubic-bezier(.55,0,.55,.2);
}
md-tooltip.content-hover.md-show{
transition:all .4s cubic-bezier(.25,.8,.25,1);
pointer-events:auto;
will-change:opacity,height,width;
/*box-shadow: 10px 5px 10px #a8a6a3;*/
}
.md-secondary-link-btn {
border: 1px solid #fff;
border-radius: 25px;
color: #0F8643 ;
padding: 0 15px;
height: 35px;
font-size: 1.4rem;
line-height: 35px;
width: 132px;
text-align: center;
background-color: #fff;
box-shadow: 1px 2px 7px rgba(0,0,0,.42);
}
.recipents-list li {
padding: 8px;
height: 65px;
line-height: 65px;
border: 1px solid #d4d6d8;
margin: 8px;
width: 300px;
float: left;
}
.categories-chips-list li {
padding: 0 8px;
height: 35px;
line-height: 35px;
border: 1px solid #D4D6D8;
border-radius: 25px;
width: 250px;
margin: 8px;
float: left;
}
.search-products-list {
height: 65px;
background-color: #fff;
/*border-top: 1px solid #d4d6d8;*/
border-bottom: 1px solid #d4d6d8;
box-shadow: 1px 2px 7px rgba(0,0,0,.42);
}
.recommended-inq {
background-color:orange;
color: #fff;
padding: 0 5px;
border-radius: 3px;
}
.inquiry-list li {
border: 1px solid #d4d6d8;
border-radius: 3px;
box-shadow: 1px 2px 7px rgba(0,0,0,.2);
margin-bottom: 6px;
}
.ph-2{
padding-left: 2px;
padding-right: 2px;
}
.show-buy-request{
background-color: #FAFAFA;
font-weight: 600;
}
.ml-2{
margin-left: 2px;
}
.received-requests li {
/*background-color: rgba(244, 245, 245, 0.5);*/
}
.show-reply-list li p.attr-item {
padding: 0 8px;
width: 240px;
display: inline;
float: left;
}
/* .unread-message {
font-weight: 700 !important;
color: #25333C !important;
} */
.read-message {
/* background-color: #fff; */
color: #25333C;
font-weight: 500;
}
/*.favorites-list a:hover {
color: #0F8643 ;
}*/
.supplier-product-name a {
color: #5D636F;
}
.supplier-product-name a:hover {
color: #0F8643 ;
}
.favorite-supplier a{
color: #25333C;
}
.favorite-supplier a:hover{
color: #0F8643 ;
text-decoration: underline;
}
.buy-req-desc{
width: auto !important;
min-height: 40px;
border: 1px solid #d4d6d8;
padding: 10px 15px;
border-radius: 3px;
background-color: #f2f2f2;
word-wrap: break-word !important;
}
.req-desc {
line-height: 21px;
}
.req-desc p {
max-width: 100%;
float: none !important;
display: inline !important;
text-overflow: ellipsis;
white-space: normal !important;
}
.help-center-card{
min-height: 250px !important;
box-shadow: 5px 5px 5px #d4d6d8;
width: 100%;
}
.clear-serch{
position: absolute;
top: 8px;
right: 15px;
color: #B1B7C1;
font-size: 12px;
}
.search-buy-request-input{
background-color:#fff !important;
color:#25333C !important;
padding-left: 15px;
/*padding-right: 40px !important;*/
font-size:13px !important;
/* border-top: 1px solid #d4d6d8 !important;
border-bottom: 1px solid #d4d6d8 !important;
border-left: 1px solid #d4d6d8 !important;
border-radius: 3px 0px 0px 3px !important; */
line-height:24px;
width: 100% !important;
height: 35px !important;
}
.supplier-main-nav li {
display: inline;
margin-right: 10px;
}
.supplier-main-nav li a{
font-size: 1.4rem;
color: #0F8643 ;
font-weight: 500;
padding: 0 8px;
}
.supplier-main-nav li a:hover{
color: #fff;
background-color: #0F8643 ;
}
.supplier-content-table tr th {
text-align: left;
}
.supplier-content-table tr {
border: none !important;
}
.supplier-content-table tr td{
border: none !important;
}
.supplier-prod-details-list li {
padding: 5px 8px;
/*margin-bottom: 8px;*/
}
.prod-img-wrapper {
width: 100%;
height: 15.8em;
background: #f4f4f4;
flex-shrink: 0;
position: relative;
overflow: hidden;
}
.supplier-prod-img {
width: 100%;
height: 17.8em;
transition: transform .2s ease-in-out;
}
.add-label {
padding: .6em 2em;
background: #d4d6d8;
position: absolute;
z-index: 1;
top: 0.6em;
left: -1em;
/*width: 12em;*/
color: #fff;
font-weight: 600;
border-top-right-radius: .3em;
border-bottom-right-radius: .3em;
box-shadow: 0 5px 30px 0 rgba(0,0,0,.1);
}
.add-label::after {
content: '';
width: 0;
height: 0;
border-left: 1em solid transparent;
border-right: 0;
border-top: 1em solid #545454;
position: absolute;
left: 0;
bottom: -1em;
}
.add-label:hover {
background-color: #0F8643 ;
}
.min-order-qty-unit {
position: absolute;
height: 35px;
/*border-left: 1px solid #d4d6d8;*/
/*color: #d4d6d8;*/
font-size: 14px;
}
.pt-1{
padding-top:1px;
}
.no-pl{
padding-left: 0px;
}
/* md-list-item .md-no-style, md-list-item.md-no-proxy {
padding: 0 !important;
} */
.largeWidth {
width: 89%;
}
.smallWidth {
width: 0%;
}
.displayNone {
display: none;
}
.maxWidth385 {
max-width: 385px !important;
}
.maxWidth450 {
max-width: 450px !important;
}
.feedback-listing-card {
padding: 8px 0;
}
.feedback-request-table-header {
background-color: #fafafa;
box-shadow: 0 3px 3px 0 hsla(0,0%,75%,.25);
padding: 8px;
border: 1px solid #e3e6e6;
text-align: left;
}
.feedback-request-table-header .feedback-request-heading {
color: #969696;
margin: 0;
cursor: pointer;
}
.feedback-listing-container .feedback-listing-card {
padding: 8px;
background-color: #fff;
border-top: none;
}
md-steppers {
height: 100% !important;
}
.fpwdtooltip {
position: absolute;
display: block;
right: 203px;
padding: 0 15px;
background-color: #fff;
width: 230px;
height: auto;
border: 1px solid #d4d6d8 ;
border-radius: 3px;
box-shadow: 0 1px 1px rgba(0,0,0,0.3);
z-index:1;
}
.supplier-contact-list li {
margin-bottom: 10px;
}
.pt-4{
padding-top:4px;
}
.cursor-pointer-none{
cursor:none;
pointer-events: none;
}
.campaigns-list-nav li {
/*border: 1px solid #d4d6d8;*/
border-radius: 3px;
/*box-shadow: 0 0.5em 1.5em 0 rgba(0,0,0,.2);*/
box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);
/*margin: 8px;*/
padding: 8px;
transition: all .2s ease-in-out 0s;
}
.pl-16 {
padding-left: 16px;
}
.pay-campaign-view{
/*border: 1px solid #d4d6d8;*/
border-radius: 3px;
/*box-shadow: 0 0.5em 1.5em 0 rgba(0,0,0,.2);*/
box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);
margin: 26px;
/*padding: 8px;*/
transition: all .2s ease-in-out 0s;
}
.width-324{
width: 324px;
min-width: 324px;
max-width: 324px;
}
.h-lh-34{
height: 34px !important;
line-height: 34px !important;
}
.mr-15{
margin-right: 15px;
}
.line-height-40{
line-height: 40px;
}
.manage-user-list-nav {
border: 1px solid #428bca;
border-radius: 25px;
padding: 5px 8px;
background-color: #fff;
color: #428bca;
margin-right: 8px;
margin-bottom: 8px;
width: 100px;
padding-left: 4px;
}
/*.manage-user-list-nav li {
border: 1px solid #d4d6d8;
border-radius: 25px;
padding: 5px 8px;
background-color: #fff;
color: #d4d6d8;
margin-right: 8px;
float: left;
}*/
.text-area-desc {
width: 100% !important;
border: 1px solid rgb(212, 214, 216);
height: 72px;
}
.add-role-chip {
display: inline-block;
padding: 0 15px;
height: 30px;
font-size: 13px;
line-height: 28px;
border-radius: 25px;
background-color: #fff;
color: #0F8643;
border: 1px solid #0F8643;
}
.closebtn {
padding-left: 10px;
float: right;
cursor: pointer;
}
.addbtn {
float: left;
cursor: pointer;
}
.addUser-btn{
/*border: 1px solid #0F8643 ;
border-radius: 25px;
padding: 5px 8px;
background-color: #fff;
color: #0F8643 ;
margin-right: 8px;
margin-bottom: 8px;
width: 100px;
padding-left: 4px;*/
padding: 0 6px;
background-color: #fff;
color: #0F8643 ;
border: 1px solid #0F8643 ;
border-radius: 25px;
font-size: 1.2rem;
height: 25px !important;
line-height: 25px !important;
width: auto;
text-align: center;
text-transform: capitalize;
padding: 0 15px;
}
/*.addUser-btn:hover{
background-color: #0F8643 ;
color:#fff;
}
.addUser-btn:hover .attachUser .md-primary{
color:#fff;
}*/
.ht-170 {
height: 170px !important;
}
/*css for notifications*/
.dashboard-widgets-container .dashboard-widgets {
/* width: 80px; */
max-width: 135px;
padding: 8px;
border: 1px solid #d4d6d8;
box-shadow: 0 1px 1px rgba(0,0,0,0.3);
}
.notification-list-container {
margin: 10px 0;
}
/*css for notifications*/
.minHeight {
min-height: 78px;
}
.notification-list {
margin-top: 10px;
}
.notification-list .notification-row {
padding: 8px 8px 8px;
border: 1px solid #d4d6d8;
border-radius: 3px;
margin-bottom: 8px;
}
.notification-list-container {
margin: 10px 0;
}
.mr-6{
margin-right: 6px !important;
}
.mt-m-16 {
margin-top: -16px;
}
.blog-left-leaf {
border: 1px solid #d4d6d8;
width: 360px;
}
.mt-0 {
margin-top: 0 !important;
}
.mb-0 {
margin-bottom: 0 !important;
}
.icon-inactive{
cursor: not-allowed;
pointer-events: none;
color:#9e9e9e;
}
.inactive-icon {
color: #9e9e9e !important;
}
.currency-format li {
text-align: right;
}
.country-dropdown {
padding: 0 8px !important;
}
.stuff {
opacity: 0.0;
-webkit-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
-ms-transition: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
}
.hover {
width:80px;
height:20px;
background-color:green;
margin-bottom:15px;
}
.hover:hover + .stuff {
opacity: 1.0;
}
.margin-top-15{
margin-top: 15px;
}
.padding-42{
padding: 42px;
}
.elc-cost-break li {
padding-top: 8px;
}
md-divider.elc-cost-divider {
border-bottom: 1px dotted rgba(158, 158, 158, 0.52);
}
.toggle-window-btn {
border-left: 1px solid #d4d6d8;
/*border-right: 2px solid #d4d6d8;*/
border-bottom: 1px solid #d4d6d8;
border-top: 1px solid #d4d6d8;
}
.show-right-panel-dir {
transform: rotate(180deg);
-ms-transform: rotate(180deg); /* IE 9 */
-webkit-transform: rotate(180deg);
background-color: #edf0f1;
}
.selected-delivery-term{
box-shadow: 2px 2px 1px #d4d6d8;
}
.supplier-reply {
margin-left: 30px;
}
.saved-cards {
width: 350px;
height: 200px;
border-radius: 10px;
border: 1px solid #d4d6d8;
background-color: #fff;
float: left;
margin-right: 16px;
margin-bottom: 16px;
}
.ccard-sim {
width: 55px;
height: 40px;
margin: 20px;
border-radius: 8px;
background-color: #fdd76f;
}
.ccard-no {
font-size: 26px;
text-align: center;
position: relative;
letter-spacing: 2px;
margin-bottom: 20px;
white-space: nowrap;
font-family: ocr_a_std,sans-serif;
text-shadow: -1px -1px 0px rgba(255,255,255,0.3), 1px 1px 0px rgba(0,0,0,0.8);
}
.ccard-footer {
border-top: 1px solid #d4d6d8;
height: 62px;
border-radius: 0 0 10px 10px;
background-color: #f2f2f2;
}
.card-type {
background-color: #0F8643 ;
color: #fff;
width: 60px;
font-size: 12px;
text-align: center;
border-radius: 5px;
margin-left: 10px;
border: 1px solid #0F8643 ;
}
.card-type-change {
width: 46px !important;
height: 35px !important;
border: none !important;
padding: 0 !important;
}
.card-master {
background-position: top -31px right !important;
}
.card-visa {
background-position: top -2px right !important;
}
.card-amex {
background-position: top -101px right !important;
}
.card-diners {
background-position: top -168px right !important;
}
.card-discover {
background-position: top -202px right !important;
}
.card-jcb {
background-position: top -237px right !important;
}
.disable-attach-file {
box-shadow: 0px 1px 0px 0px #9e9e9e, 0px 1px 2px 0px rgba(0,0,0,0.25)!important;
background-color: #9e9e9e!important;
}
/* css for orders */
.orders-list-container {
padding: 0 8px;
}
.orders-list-container .order-lists {
border: 1px solid #efefef;
margin: 8px 0;
}
/*.orders-list-container .order-lists:hover {
box-shadow: 2px 2px 2px #edf0f1;
cursor: pointer;
}*/
.orders-list-container .order-lists .order-header {
background-color: #f2f2f2;
height: 40px;
/*border-bottom: 1px solid #d4d6d8;*/
padding: 0 8px;
color: #25333C !important;
font-weight: 600;
font-size: 14px;
}
.order-data-container {
margin: 16px;
}
.order-data-container .order-header {
padding: 8px;
font-weight: 600;
}
.suborder-data-container {
padding: 8px;
}
.order-details-table tr th {
/* border-right: 1px solid #d4d6d8;*/
background-color: #fafafa;
}
.order-details-table tr td {
text-align: center !important;
}
.orders-action-items li {
text-align: right;
}
.attr-name {
width: 40%;
}
.attr-name-label {
color: #999999 !important;
}
.attr-value {
width: 40%;
display: inline-block;
text-align: right;
}
.order-lists-inner {
width: 90%;
margin: 8px auto;
border: 1px solid #efefef;
}
.cancel-order {
color: #DE4F60;
}
.order-detail-list-container .each-order-container {
border: 1px solid #efefef;
background-color: #fff;
margin: 8px 0;
}
.order-detail-list-container .each-order-container .order-type-header {
background-color: #EDF0F1;
padding: 8px;
/*border-bottom: 1px solid #d4d6d8;*/
}
.order-detail-container {
min-height: 150px;
}
.saved-cards {
width: 350px;
height: 200px;
border-radius: 10px;
border: 1px solid #d4d6d8;
background-color: #fff;
float: left;
margin-right: 16px;
margin-bottom: 16px;
}
.ccard-sim {
width: 55px;
height: 40px;
margin: 20px;
border-radius: 8px;
background-color: #fdd76f;
}
.ccard-no {
font-size: 26px;
text-align: center;
position: relative;
letter-spacing: 2px;
margin-bottom: 20px;
white-space: nowrap;
font-family: ocr_a_std,sans-serif;
text-shadow: -1px -1px 0px rgba(255,255,255,0.3), 1px 1px 0px rgba(0,0,0,0.8);
}
.ccard-footer {
border-top: 1px solid #d4d6d8;
height: 62px;
border-radius: 0 0 10px 10px;
background-color: #f2f2f2;
}
.card-type {
background-color: #0F8643 ;
color: #fff;
width: 60px;
font-size: 12px;
text-align: center;
border-radius: 5px;
margin-left: 10px;
border: 1px solid #0F8643 ;
}
.card-type-change {
width: 46px !important;
height: 35px !important;
border: none !important;
padding: 0 !important;
}
.card-master {
background-position: top -31px right !important;
}
.card-visa {
background-position: top -2px right !important;
}
.card-amex {
background-position: top -101px right !important;
}
.card-diners {
background-position: top -168px right !important;
}
.card-discover {
background-position: top -202px right !important;
}
.card-jcb {
background-position: top -237px right !important;
}
.multi-select md-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {
background-color: #edf0f1 !important;
}
.width35{
width:35%;
}
.width50{
width:50%;
}
.width15{
width:15%;
}
.fullWidth {
width: 100%;
}
/*.order-container {
border: 1px solid #efefef;
min-height: 250px;
}*/
.order-container .order-review-header {
border-bottom: 1px solid #efefef;
background-color: #edf0f1;
/*font-weight: 600;*/
/* font-size: 14px; */
font-size: 13px;
padding: 10px;
}
.order-review-header .order-id {
width: 20%;
float: left;
}
.order-review-header .order-status {
width: 30%;
float: left;
}
.order-review-header .order-qty {
width: 30%;
float: left;
}
.order-review-header .order-total {
width: 20%;
float: left;
text-align: right;
}
.order-attrname {
color: #9e9e9e;
}
.order-attrvalue {
color: #25333C;
}
.order-review-content-container {
margin: 12px 0;
padding: 0 16px;
}
.buyrqst-search {
background:#7DC142 ;
max-width: 50px;
height: 35px;
border-radius:0 3px 3px 0;
}
.buyrqst-search:hover {
background: #5fab2b !important;
border: 1px solid #5fab2b !important;
}
.plan-features-list li {
list-style-type: disc;
/*text-align: center;*/
width: 73%;
margin-left: auto;
margin-right: auto;
}
.plan-features-list li span,.sub-plan-desc {
font-size: 1.3rem;
line-height: 19px;
}
.buyer-hero-image-container {
background-image: url(../assets/images/buyers-1.jpg), linear-gradient(-180deg, rgba(237,237,237,0.00)0%,rgba(0,0,0,0.38)100%);
background-repeat: no-repeat;
background-size: cover;
background-color: #24292e;
/*background-position: 0 -50px;*/
width: 100%;
}
.seller-hero-image-container {
background-image: url(../assets/images/buyers-2.jpg), linear-gradient(-180deg, rgba(237,237,237,0.00)0%,rgba(0,0,0,0.38)100%);
background-repeat: no-repeat;
background-size: cover;
background-color: #24292e;
/*background-position: 0 -50px;*/
width: 100%;
}
.service-provider-hero-image-container{
background-image: url(../assets/images/service.jpg), linear-gradient(-180deg, rgba(237,237,237,0.00)0%,rgba(0,0,0,0.38)100%);
background-repeat: no-repeat;
background-size: cover;
background-color: #24292e;
/*background-position: 0 67%;*/
width: 100%;
}
.customer-landing-hero-image-container{
background-image: url(../assets/images/customer-landing.jpg), linear-gradient(-180deg, rgba(237,237,237,0.00)0%,rgba(0,0,0,0.38)100%);
background-repeat: no-repeat;
background-size: cover;
background-color: #24292e;
background-position: 0 35%;
margin-bottom: 6px;
width: 100%;
}
.buyer-signup-subscribe {
margin-left: auto;
margin-right: auto;
width: 90%
}
.subscription-badge-alignment {
top: -13px;
right: 20px;
/*right: 43.5%;*/
height: 40px;
width: 40px;
}
.check-mark {
height: 14px;
width: 14px;
/*float: left;*/
position: relative;
top: 3px;
}
.registration-bg-image-container {
/*background-image:url('../assets/images/businessimages_11.jpg'), linear-gradient(-180deg, rgba(237,237,237,0.00)0%,rgba(0,0,0,0.38)100%);*/
background-image: linear-gradient(
rgba(20,20,20, .2),
rgba(20,20,20, .0)),
url('../assets/images/banner3.jpg');
background-repeat:no-repeat;
background-size:cover;
background-color: #24292e;
width:100%;
height: 280px;
/*height: 500px;*/
/*position: relative;
top: 64px;*/
}
.received-requests-nav li {
padding: 6px;
border-bottom: 1px solid #d4d6d8;
font-size: 14px;
}
.md-body-1, .md-body-2 {
font-size: 13px !important;
}
.md-body-1 {
line-height: 20px !important;
font-weight: 500;
}
.md-body-2 {
font-weight: 500;
color: #25333C;
/* line-height: 18px !important; */
line-height: 24px !important;
}
.category-masonry {
-webkit-column-count: 5;
-webkit-column-gap: 0px;
-moz-column-count: 5;
-moz-column-gap: 0px;
column-count: 5;
column-gap: 0px;
/*float: left;*/
}
.category-masonry img {
width: 100% !important;
height: auto !important;
}
.category-masonry img:nth-child(3) {
width: 210px;
height: auto;
}
.response-list-overflow {
height: 240px;
overflow-y: scroll;
}
.order-status-badge {
padding: 4px;
margin-top: -2px !important;
font-size: 12px;
line-height: 16px;
color: #fff;
margin-top:2px;
border-radius: 3px;
}
.category-imagery {
overflow: hidden;
width: 100%;
/*margin: -5px;*/
margin: 0 auto;
width: 54%;
}
.category-imagery img {
height: 150px;
width: auto;
margin: 5px;
float: left;
}
.global-leaders-commerce {
background-color: rgb(249, 249, 249);
padding: 30px;
}
.ml-41{
margin-left: -41px;
}
.ml-50{
margin-left: -50px;
}
.image-masonry div {}
.bg-color-f2f2f2{
background-color:#f2f2f2 !important;
}
/* div.{
background: red;
animation: createBox .25s;
width: 98px; height: 98px;
} */
@keyframes createBox {
from {
transform: scale(0);
}
to {
transform: scale(1);
}
}
.category-badge {
width: 100%;
padding: 2px 6px;
background-color: #0F8643;
font-size: 12px;
}
.displayNone {
display: none;
}
.category-cards {
/*width: 200px !important;*/
/*border: 1px solid #d4d6d8;
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14),
0px 2px 2px 0px rgba(0, 0, 0, 0.098),
0px 1px 5px 0px rgba(0, 0, 0, 0.084);
-webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14),
0px 2px 2px 0px rgba(0, 0, 0, 0.098),
0px 1px 5px 0px rgba(0, 0, 0, 0.084);
-moz-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14),
0px 2px 2px 0px rgba(0, 0, 0, 0.098),
0px 1px 5px 0px rgba(0, 0, 0, 0.084);
width: 24rem;
height: 30rem;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
margin: 2rem 1rem;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out; */
}
.category-card-container {
cursor: pointer;
width: 30em;
height: 32em;
margin: 1em;
-webkit-transition: all .2s ease-in-out 0s;
-moz-transition: all .2s ease-in-out 0s;
-o-transition: all .2s ease-in-out 0s;
-ms-transition: all .2s ease-in-out 0s;
transition: all .2s ease-in-out 0s;
}
.content-card {
width: 100%;
height: 100%;
transition: all 200ms;
/*-webkit-box-shadow: 0 0.5em 1.5em 0 rgba(0,0,0,.1);
-moz-box-shadow: 0 .5em 1.5em 0 rgba(0,0,0,.1);
box-shadow: 0 0.5em 1.5em 0 rgba(0,0,0,.1);*/
}
.content-card:hover {
/*-webkit-box-shadow: 0 0.5em 1.5em 0 rgba(0,0,0,.1);
-moz-box-shadow: 0 .5em 1.5em 0 rgba(0,0,0,.1);
box-shadow: 0 0.5em 1.5em 0 rgba(0,0,0,.1);
transform: scale(1.0125);
-webkit-transform: scale(1.0125);
-moz-transform: scale(1.0125);*/
}
.category-img-wrapper {
width: 12em;
height: 12em;
margin: 0 auto;
/*width: 100%;
height: 10.5em;
background: #fff;
flex-shrink: 0;*/
}
.category-content-wrapper {
display: flex;
flex: 1;
flex-direction: column;
text-align: left;
padding: 0.8em;
background: #fff;
height: 5em;
}
md-dialog md-toolbar.md-default-theme:not(.md-menu-toolbar), md-toolbar:not(.md-menu-toolbar) {
background-color: #f2f2f5;
/*height: 50px !important;
min-height: 50px !important;*/
}
md-dialog .md-toolbar-tools p {
font-weight: 600;
font-size: 15px;
color: #25333C !important;
}
md-dialog .md-toolbar-tools md-icon[md-font-icon="zmdi zmdi-close"] {
color: #25333C !important;
}
md-dialog .md-toolbar-tools md-icon[md-font-icon="fa fa-envelope-o"].grey-fg{
line-height: 11px !important;
}
.h-lh-30 {
height: 30px !important;
line-height: 30px !important;
}
.tl-upload-disabled{
margin-top: -10px;
width: 104px !important;
background-color: #d4d6d8 !important;
height:35px!important;
line-height:35px!important;
}
.grey-lbg {
background-color: rgb(249,249,249);
}
.services-card{
transition: all 200ms;
width: 100%;
height: 100%;
background: #FFF;
border: 1px solid #d4d6d8;
}
.services-card:hover {
-webkit-box-shadow: 0 12px 12px -6px rgba(0,0,0,0.15);
-moz-box-shadow: 0 12px 12px -6px rgba(0,0,0,0.15);
box-shadow: 0 12px 12px -6px rgba(0,0,0,0.15);
cursor: pointer;
cursor: hand;
transform: scale(1.0125);
}
.services-card-img {
height: 16.5em;
width: 100%;
background: #f4f4f4;
}
.sidenav-container{
min-width: 272px;
width: 272px;
max-width: 272px;
}
.md-step.md-active md-step-label-wrapper:before, .md-step.md-success md-step-label-wrapper:before {
background-color: #0F8643;
}
/*.benefits-section {
margin:0 auto;
width: 82%;
}*/
.global-leaders {
margin: 20px auto;
width: 40%;
}
.promotional-block {
padding: 18px;
background-color:#0F8643;
width: 75%;
margin: 0 auto;
}
.sign-up-today {
/* width:40%; */
margin: 0 auto;
}
.buyer-hero-sec {
width: 55%;
margin: 0 auto;
}
.business-cards-text {
width: 75%;
margin: 0 auto;
}
.buy-cont-sec {
min-height: 80px;
}
.comp-veri-content {
padding:20px 40px 30px 40px;
}
.comp-veri-fields {
padding:30px 40px 0 40px;
}
.category-list-container {
padding: 16px;
}
.reg-form-container {
width: 80%;
}
.layout-content-padding {
padding:30px 40px 0 40px;
}
.backicon_verticalalign{
margin-left:11px !important;
}
/*for mobile devices*/
@media screen and (min-width: 320px) and (max-width: 667px) {
.fpwdtooltip{
bottom: 85px !important;
left: 0px;
right: -120px !important;
margin: 0px auto;
}
div.cls-subcat-container {
max-width:100% !important;
width: 100%;
flex: none !important;
margin: 0 0 12px;
}
.back_icon{
margin: 0 !important;
}
/* .product_circle {
margin-right: 8px;
} */
.product_mail {
line-height: 30px !important;
vertical-align: middle;
display: flex;
align-items: center;
width: 85%;
}
.search-filter-accordion {
margin-top: 0 !important;
}
.tl-seller-info {
margin-left: 0 !important;
}
.cat-attr-list {
margin-top: 8px;
margin-left: 0 !important;
}
/* .company-setting-card {
padding: 24px 8px !important;
} */
.subscription-card .services-card {
min-width: 320px !important;
max-width: 320px !important;
}
.buy-section {
border-right: none !important;
}
.category-cards {
width: 100% !important;
}
.mktplace-benefits-container {
padding: 16px !important;
height: 100% !important;
}
.benefits-section {
margin:0 auto;
/*width: 85% !important;*/
height: 100% !important;
}
.ceo-author {
text-align: center;
}
.global-leaders-commerce {
padding: 16px;
}
.global-leaders {
margin: 20px auto;
width: 85% !important;
}
.mktplace-start-buying-selling {
padding: 20px;
}
.mktplace-start-buying-selling h4 {
width:100% !important;
}
.mktplace-hero-image-container h1 {
font-size: 4rem ;
line-height: 5rem ;
}
.six-promotion-icon {
right: 10px !important;
height: 58px !important;
animation: move 1s infinite forwards;
animation-delay: 1.5s;
}
.mktplace-spl-section {
width: 100% !important;
margin: 20px auto;
height: 100% !important;
}
.category-content {
font-size: 12px !important;
}
.promotional-block {
width: 100%;
}
/*.sign-up-today {
font-size: 16px !important;
}*/
.view-all-sect {
width: 97% !important;
}
.buyer-hero-sec {
width: 75%;
margin: 0 auto;
}
.business-cards-container {
width: 75% !important;
margin: 0 auto;
}
.buyer-business {
width: 100% !important;
margin: 0 auto;
height: 100% !important;
}
.business-cards-text {
width: 85% !important;
margin: 0 auto;
}
.buyer-benefits {
width: 100% !important;
margin: 0 auto;
}
.subscription-badge-alignment {
right: 20px !important;
}
.benefits-list {
margin-bottom: 10px !important;
line-height: 20px;
}
.benefits-list li {
width: 100% !important;
}
.benefits-list li span {
width: 88% !important;
}
.limited-time {
display: block;
}
/*.mktplace-owner-badge {
top: 18px !important;
}*/
.ceo-1 {
top: 18px !important;
}
.mktplace-owner-badge1 {
top: 0px;
}
.product-results-bar {
padding: 8px !important;
}
.product-results-bar .product-results {
margin: 0 !important;
}
.product-price {
font-size: 1.8rem !important;
}
.prod-img-container {
width: 340px;
}
.supplier-context {
border: none;
}
.sm-btn, .sm-btn1 {
padding: 0 10px !important;
}
.layout-padding-definition {
padding: 8px !important;
}
.country-selection {
width: 100% !important;
margin: auto;
}
.country-location-title {
font-size: 1.8rem !important;
line-height: 2.4rem !important;
font-weight: 600 !important;
}
.country-card-wrapper {
width: 11em !important;
height: 16.5em !important;
margin: 1em 0.5em !important;
}
/*.country-img-container {
width: 155px !important;
}*/
/* .country-content {
padding: 0.6em !important;
} */
.country-name {
line-height: 20px !important;
}
.comp-veri-labels {
top: -20px !important;
}
.card-title {
top: -4px !important;
}
div.company-register-content .card-caption.card-caption1 , div.company-register-content .card-caption-title.card-caption-title1 {
display: block !important;
font-size: 13px !important;
line-height: 16px !important;
width: 188px !important;
}
.comp-veri-content {
padding: 16px !important;
}
.comp-veri-fields {
padding: 16px !important;
}
.groupname-ribbon-fixed {
top: initial !important;
width: 100% !important;
}
.products-breadcrumb {
position: initial !important;
}
.breadcrumb-container {
position: initial !important;
}
.company-setting-card {
padding-top: 17px;
/* padding-left: 0; padding-right: 0; */
}
.related-search-results li {
padding: 4px 8px !important;
}
.category-list-container {
padding: 16px !important;
}
.register-context {
top: 58% !important;
}
.reg-form-container {
width: 100% !important;
}
.layout-content-padding {
padding: 8px !important;
}
.buy-title {
width: 85% !important;
margin: 10px auto;
}
h2.buy-title {
font-size: 2.8rem !important;
}
/* making view all visibility in home page below the all categories*/
.view-all-sect {
right: 0 !important;
}
.mktplace-hero-image-container {
height: 350px !important;
background-position: -155px -175px;
background: -webkit-radial-gradient(50% 50%, circle farthest-corner, rgba(1, 30, 27, 0.4) 50%, rgba(1, 30, 27, 0.4) 100%), url(../assets/images/Homepage/hero_img.jpg) 85% 85% no-repeat;
}
.hero-text-holder {
position: absolute;
top: 20.5%;
left: 12.5%;
width: 88%;
}
.business-section-title {
width: 100%;
}
.business-section {
padding: 24px;
}
.buy-sell-section1 {
width: 100% !important;
}
.buy-sell-section2 {
width: 100% !important;
}
.business-section-desc {
width: 100% !important;
}
.subscription-section {
border-top: 2px solid #e8e8e8 !important;
border-left: none!important;
padding: 20px 0;
width: 100% !important;
}
/* .one-stop-digital {
padding: 20px 0;
} */
.one-stop-text {
width: 85% !important;
margin: 0 auto;
}
/* .subscription-container {
padding: 24px 16px !important;
} */
.cateogry-list {
width: 100% !important;
font-size: 22px !important;
line-height: 30px !important;
}
.sign-up-today {
width: 100% !important;
}
.align-top-25 {
top: 0 !important;
}
.num-count {
height: 36px !important;
width: 36px !important;
line-height: 36px !important;
font-size: 18px !important;
color: #fff !important;
font-weight: 600 !important;
padding: 0 6px !important;
border: 2px solid #fff !important;
text-align: center;
margin-bottom: 8px;
}
.join1, .join-text {
margin-bottom: 8px;
text-align: center;
}
.join-text {
line-height: 24px;
font-size: 18px;
}
p.product-text-desc {
color: #1E1E1E;
font-size: 18px;
line-height: 24px;
width: 100% !important;
margin: 0 auto;
}
.subscription-display-title {
width: 95% !important;
text-align: justify !important;
padding: 0 8px;
font-size: 1.3rem !important;
}
.tl-subc-title {
font-size: 2.4rem !important;
}
.faq-title {
margin: 0 auto;
width: 95% !important;
}
.order-data-container {
margin: 8px !important;
}
.favorites-block {
width: 100%;
}
.register-success-txt {
font-size: 1.8rem;
line-height: 3rem;
}
/* .notify-badge {
width: 16px;
height: 16px;
line-height: 12px;
} */
.buy-learn-more-sect {
padding: 24px 16px !important;
}
.p-0{
padding: 0 !important;
}
.m-15-8{
margin: 15px 8px !important;
}
.fs-lh{
font-size: 2.0rem !important;
line-height: 3.0rem !important;
}
.fs1-lh1{
font-size: 1.5rem !important;
line-height: 3rem !important;
}
.ml-12{
margin-left: 12px !important;
}
.min-width-0{
min-width: 0 !important;
}
.padding-0-5{
padding: 0px 5px !important;
}
.p-5{
padding: 5px !important;
}
.features-list-group-li-responsive {
width: 100% !important;
white-space: nowrap;
}
.tl-input-container{
margin:0 0 18px 0px !important;
}
.forgot-loginregister-form .tl-input-container{
margin: 15px 0 18px 0px !important;
}
.tl-clfds-input-container{
margin:0 !important;
}
/* .prod-img-thumbnail-list {
width: 7.7rem !important;
} */
}
.min_hig_zer{
min-height: 0px !important;
}
@media only screen and (min-width: 320px) and (max-width: 667px){
.item-containers{
width: 283px !important;
}
.item-container{
width: 279px !important;
}
.wid_fav_320{
width: 320px !important;
}
.custom-dt-padding {
padding: 0 !important;
/* margin-right:7%; */
height: 35px !important;
line-height: 30px !important
}
.info-content {
margin-left: 0 !important;
margin-top: 8px !important;
width: 100% !important;
}
.register-context h2 {
text-shadow: 2px 2px 6px #000000;
font-size: 2.8rem;
line-height: 3.2rem;
}
.register-context h4 {
width: 75%;
margin: 0 auto;
}
md-checkbox.select-all.prod-checkbox {
margin-left: 12px !important;
}
md-checkbox.aggree-checkbox .md-label {
bottom: 3px;
}
/* .mac .chrome md-checkbox.aggree-checkbox .md-icon {
top: 3px !important;
} */
.md-toolbar-tools {
font-size: 15px !important;
}
.add-new-user-btn {
right: 0 !important;
}
.custom-searchmb, .cust-search-count-bar{
top: 132px !important;
width: 100%;
}
.custom-searchmb {
width: 100% !important;
}
.cust-search-count-bar.search-count-bar.custom-searchmb.supplier-toolbar {
/* .cust-search-count-bar.supplier-toolbar { */
top: 85px !important;
}
.company-setting-card.custom-supplier-mbcards {
padding-top: 58px !important;
}
.comp-rej-bar-inner {
width: 100% !important;
}
.preferences-container {
padding: 8px !important;
}
.verified-supplier {
width: 80% !important;
}
md-datepicker.effective-date {
margin-left: 0 !important;
margin-right: 0 !important;
}
.buy-actual-content {
padding: 16px 0 !important;
}
.ta-bind {
height: 140px !important;
/* overflow-y: scroll; */
}
.company-code {
width: 100% !important;
}
.effect-from {
margin-left: 0 !important;
margin-top: 0 !important;
}
.effect-from-label {
top: 0 !important;
}
.buyer-prof-content, .supplier-prof-content {
padding: 16px !important;
}
ul.buy-headline-list {
min-height: 156px !important;
}
.buy-prof-desc {
min-height: 144px !important;
}
.buy-title {
width: 95% !important;
margin: 10px auto;
}
.one-stop-text {
width: 90% !important;
}
.custm-mbimgheight {
height: 300px !important;
}
.text-right-place {
left: 50% !important;
}
.cart-items-wrapper .cart-items-container {
max-height: 200px;
overflow-y: scroll;
}
.two-line-item li {
width: 100% !important;
}
.buyer-prof-content, .supplier-prof-content {
padding: 16px !important;
}
.professional-title {
font-size: 3.4rem !important;
line-height: 5rem !important;
width: 100% !important;
}
.mktplace-prof-image-container .professional-hero-title {
left: 50% !important;
}
.mktplace-hero-image-container {
height: 350px !important;
}
.explore-tab-content {
/* min-height: initial !important;
height: initial !important; */
max-height: 285px;
overflow-x: hidden;
/* overflow-y: scroll; */
}
.buy-section {
border-right: none !important;
}
.subscription-summary-active {
padding: 16px !important;
min-width: 128.95px !important;
}
.subscription-card .services-card {
min-width: 320px !important;
max-width: 320px !important;
}
.subscrip-marg {
margin-left: 8px !important;
}
.search-count-bar {
height: auto !important;
}
.custom-mdtl-pad{padding: 0 6px !important; }
.custom-headpr-8{padding-right: 0px !important;
line-height: 26px !important;}
.category-cards {
width: 30% !important;
}
.product-text-desc {
width: 85% !important;
}
.mktplace-benefits-container {
padding: 20px !important;
height: 100% !important;
}
.benefits-section {
margin:0 auto;
width: 100% !important;
height: 100% !important;
}
.custm-center-align {
left: 50% !important;
}
.ceo-author {
text-align: center;
}
.global-leaders-commerce {
padding: 16px;
}
.global-leaders {
margin: 20px auto;
width: 100% !important;
}
.sign-up-today {
width: 90% !important;
}
.footer-menu-title {
font-size: 1.5rem !important;
}
/* .buy-section-1, .buy-section-2,.buy-section-3 {
height: 220px !important;
} */
.business-section-title {
width: 85% !important;
}
.prod-detail-img-wrapper {
height: 16em !important;
}
.business-section-desc {
width: 90% !important;
}
.benefits-right-hand {
width: 100% !important; margin: 0 auto;
}
.num-count {
height: 30px;
width: 30px;
line-height: 30px;
}
.mem-free {
height: 65px !important;
width: 65px !important;
display: block;
margin-left: auto;
margin-right: auto;
}
.lob-opt {
width: 85%;
margin: 0 auto;
}
.h3, h3 {
font-size: 2.2rem !important;
line-height: 3.0rem !important;
}
.h4, h4 {
font-size: 2rem !important;
line-height: 3.0rem !important;
}
.mktplace-start-buying-selling {
padding: 20px;
}
.mktplace-start-buying-selling h4 {
width:100% !important;
}
.mktplace-hero-image-container h1 {
font-size: 4rem !important;
line-height: 5rem !important;
font-weight: 800 !important;
}
.six-promotion-icon {
right: 10px !important;
height: 58px !important;
}
.mktplace-spl-section {
width: 100% !important;
margin: 20px auto;
}
.category-card-container {
width: 100% !important;
}
.category-content-wrapper {
padding: 0.6em;
}
.category-content {
font-size: 13px !important;
}
.promotional-block {
width: 100%;
}
/*.mktplace-owner-badge {
top: 14px;
}*/
.testimonial {
min-height: initial !important;
}
.view-all-sect {
width: 97% !important;
}
.buyer-hero-sec {
width: 75%;
margin: 0 auto;
}
.business-cards-container {
width: 100% !important;
margin: 0 auto;
}
.business-cards-text {
width: 95% !important;
margin: 0 auto;
}
.h3, h3, h1.cls-title-h1 {
font-size: 2.4rem !important;
line-height: 3.6rem !important;
}
.buyer-business {
width: 100% !important;
margin: 0 auto;
height: 100% !important;
}
.buyer-benefits {
width: 100% !important;
margin: 0 auto;
}
.buy-title {
width: 95% !important;
margin: 10px auto;
}
.benefits-list {
margin-bottom: 10px !important;
line-height: 20px;
}
.limited-time {
display: block;
}
.ceo-container .ceo-block .ceo-img-container {
display: inline-block;
margin: 0 auto;
}
.ceo-1 {
top: 18px !important;
}
.mktplace-owner-badge1 {
top: 0px;
}
.product-results-bar {
padding: 8px !important;
}
.product-results-bar .product-results {
margin: 0 !important;
}
.product-price {
font-size: 1.6rem !important;
}
.prod-img-container {
/*width: 340px;*/
}
.supplier-context {
border: none;
}
.country-selection {
width: 100% !important;
margin: auto;
}
.country-card-wrapper {
width: 11em !important;
height: 16.5em !important;
margin: 1em 0.5em !important;
}
/*.country-img-container {
width: 155px !important;
}*/
/* .country-content {
padding: 0.6em !important;
} */
.country-name {
line-height: 20px !important;
}
.card-title {
top: -4px !important;
}
/* .card-caption, .card-caption-title {
display: block !important;
font-size: 13px !important;
line-height: 15px !important;
width: 90% !important;
} */
.comp-veri-content {
padding: 16px !important;
}
.comp-veri-fields {
padding: 16px !important;
}
.groupname-ribbon-fixed {
top: initial !important;
width: 100% !important;
}
.subscription-desc {
height: 143px !important;
}
/*.company-setting-card {
padding-top: 16px !important;
}*/
.related-search-results li {
padding: 4px 8px !important;
}
.register-context {
top: 50% !important;
}
/* .new-form-regi {
position: relative;
top: 30px;
} */
.register-contest {
position: relative;
bottom: 8px;
}
.category-list-container {
padding: 16px !important;
}
.reg-form-container {
width: 100% !important;
}
.layout-content-padding {
padding: 8px !important;
}
.view-all-sect {
right: 0 !important;
}
.subscription-display-title {
width: 95% !important;
text-align: center !important;
padding: 0 8px;
}
.tl-subc-title {
font-size: 2.4rem !important;
}
.faq-title {
margin: 0 auto;
width: 95%;
}
.business-section {
padding: 16px !important;
}
.business-section-title, .business-section-desc {
width: 100% !important;
text-align: center;
margin: 0 auto;
}
.business-section-desc {
width: 100% !important;
font-size: 16px;
line-height: 28px;
color: #1e1e1e;
}
.buy-learn-more-sect {
padding: 24px 16px !important;
}
.search-marketplace-container {
min-width: initial !important;
}
}
@media screen and (min-width: 320px) and (max-width: 667px) and (orientation: landscape) {
.home-product-new-hldr.adj_slider_btn{
margin-left: 35px !important;
}
.adj_prodetail_relatedpro{
margin-left: 16px !important;
}
a.btn-align {
margin-right: 17px !important;
}
/* .card_align_ml{
margin-left:-30px;
} */
.product-image-list-card:hover .cvr-photo>span{
line-height:15px !important;
margin-bottom: 3px;
}
.top-results-content {
margin-top: 54px !important;
}
/* .attach-file{
margin-right:10px !important;
} */
.ref_resmargin{
top: 65px !important;
width: 100% !important;
}
/* .bck-search-rsl {
margin-top: 94px !important;
} */
.item-containers{
width: 286px !important;
}
.promotion-dialog{
max-height: 350px !important;
}
.custom-dt-padding {
padding: 8px !important;
}
.cust-search-count-bar.search-count-bar.custom-searchmb.supplier-toolbar{
top:53px !important;
}
.register-context h4 {
width: 100%;
margin: 0 auto;
}
.leant_iconcontent {
min-height: 66px !important;
}
/* .two-line-item li {
width: 100% !important;
}
.buyer-prof-content, .supplier-prof-content {
padding: 16px !important;
}
ul.buy-headline-list {
min-height: 156px !important;
}
.buy-prof-desc {
min-height: 144px !important;
}
.buy-title {
width: 95% !important;
margin: 10px auto;
}
.one-stop-text {
width: 90% !important;
} */
/* .one-stop-text {
min-height: 155px;
} */
}
.faq-title {
margin: 0 auto;
width: 80%;
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation : portrait) {
.dateadjustments1{
margin-right:10px !important;
}
.adj_prodetail_relatedpro{
margin-left: 5px !important;
}
.show-cities-dropdown.refsearch_ht{
margin-top:33px !important;
}
}
/* for greater than mobiles tabs*/
@media screen and (min-width: 768px) and (max-width: 1024px) {
a.logo img {
height: auto !important;
}
/* .back_results {
margin-top: 72px !important;
} */
.buy-section {
border-right: none !important;
}
.category-cards {
width: 25% !important;
height: 100% !important;
}
.mktplace-spl-section {
width: 100% !important;
margin: 20px auto;
}
.buy-cont-sec {
min-height: 136px;
}
.category-card-container {
width: 100% !important;
height: 100% !important;
position: relative;
}
.ceo-container {
padding: 30px;
width: 100%;
}
.business-cards-container {
width: 100% !important;
margin: 0 auto;
}
.buy-title {
width: 85%;
margin: 10px auto;
}
/*.mktplace-owner-badge{
top: 0px;
}*/
/*.benefits-section {
width: 100%;
height: 100% !important;
}*/
.promotional-block {
width: 85%;
}
.six-promotion-icon {
right: 0px !important;
height: 58px !important;
}
.sign-up-today {
width:85%;
margin: 0 auto;
}
.mktplace-footer {
width: 100%;
}
.category-cards {
height: 100%;
}
.buyer-hero-sec {
width: 75%;
margin: 0 auto;
}
.col-m-30 {
width: auto !important;
}
.fav-action {
padding-left: 0 !important;
}
.elc-block {
margin-left: 0px !important;
display: block !important;
}
.product-price {
font-size: 1.6rem !important;
}
.contact-supplier {
margin-right: 0 !important;
}
.chat-now {
margin-top: 10px !important;
}
.supplier-context {
border: none;
}
.seller-products {
width: 100%;
margin: 0 auto;
}
.product-title {
font-size: 1.4rem !important;
}
.leant_iconcontent {
min-height: 88px !important;
}
}
@media screen and (min-width: 1024px) and (max-width: 1336px) {
.category-cards {
width: 18% !important;
}
.supplier-context {
border: 1px solid #d4d6d8;
}
.seller-products {
width: 90%;
margin: 0 auto;
}
.six-promotion-icon {
right: 0px !important;
height: 58px !important;
animation: move 1.5s infinite ease-in-out;
animation-delay: 250ms;
}
.buy-title {
width: 85%;
margin: 10px auto;
}
.leant_iconcontent {
min-height: 88px !important;
}
}
.buy-sell-section1 {
width: 59%;
}
.buy-sell-section2 {
width: 41%;
margin-left: 4px;
}
/*.six-promotion-icon {
right: 0px !important;
height: 58px !important;
animation: move 1.5s infinite ease-in-out;
animation-delay: 2500ms;
}*/
.elc-block {
margin-left: 10px;
display: inline;
}
.fav-action {
padding-left: 30px;
}
.category-subcategory {
background-image:url('../assets/images/svgs/blockquote-icon.svg');
/*height:300px;*/
background-repeat: no-repeat;
background-position: bottom right;
background-size: 101px 100px;
}
.pv-12{
padding-top: 12px;
padding-bottom: 12px;
}
.md-step.md-active md-step-label-wrapper:before, .md-step.md-success md-step-label-wrapper:before {
background: #0F8643 !important;
}
/*.md-step.md-complete md-step-label-wrapper:before {
background: #0F8643 !important;
}*/
.cateogry-list {
width: 55%;
font-size: 18px;
}
.sign-up-today {
/* width: 40%; */
}
.sm-btn, .sm-btn1 {
color: #0F8643;
}
.cert-name {
font-size:15px;
color: #25333C;
}
.shaded {
background-color: rgba(110, 110, 61, 0.09);
transition: all 500ms ease-in;
}
.country-selection {
width: initial;
margin: auto;
}
.country-card-section {
width: 100%;
display: flex;
align-items: flex-start;
flex-wrap: wrap;
}
.country-card-wrapper {
width: 13em;
height: 16.9em;
box-shadow: 0 0.1em 0.5em 0 rgba(0,0,0,0.1);
margin: 2em 1em;
transition: all .2s ease-in-out 0s;
cursor: pointer;
}
.country-card-wrapper:hover {
transform: translateY(-.1em);
box-shadow: 0 0.4em 2.4em 0 rgba(0,0,0,.2);
}
.company-card {
height: 100%;
display: flex;
flex-direction: column;
}
.country-img-container {
/*width: 100%;*/
/*width: 170px;*/
height: 12.8em;
/*background: #f4f4f4;*/
flex-shrink: 0;
position: relative;
overflow: hidden;
}
.country-img {
/*width: 150px;*/
height: 90px;
transition: transform .2s ease-in-out;
}
.country-content {
display: flex;
/*flex: 1;*/
flex-direction: column;
text-align: left;
align-items: center;
padding: 1.2em;
flex-flow: row wrap;
position: relative;
background: #f4f4f4;
text-align: center;
}
.country-name {
flex: 1;
line-height: 24px;
font-size: 1.4rem!important;
font-weight: 600;
overflow: hidden;
}
.pri-btn.md-button:not([disabled]):hover {
background-color: #0C8321 !important;
}
.pb-0{
padding-bottom: 0px;
}
.mt-8{
margin-top: 8px;
}
.maxWidth90 {
max-width: 90px !important;
}
.buyrqst-list-container {
background-color: #fafafa;
border: 1px solid #d4d6d8;
margin-bottom: 8px;
cursor: pointer;
}
#toolbar.position-fixed {
position: fixed !important;
}
#toolbar {
z-index: 65 !important;
/* width: calc(100% - 16px) !important; */
}
.marketplace-container {
overflow-y:scroll;
height:100%;
position:relative !important;
padding-top:64px !important;
}
.marketplace-footer {
position: relative;
z-index: 6;
background: #343434;
/*position:relative;
left:0;
bottom:0;
right:0;
z-index: 60;*/
}
.mt-80 {
margin-top: 80px;
}
.bb2 {
border-bottom: 2px solid #d8d8d8;
}
/*@keyframes move{
0% {
transition: transform 2500ms ease-in-out;
transform: translateX(0px) translateY(0px);
}
100% {
transition: transform 2500ms ease-in-out;
transform: translateX(0px) translateY(-20px);
}
}*/
.blue-backgr{
background-color: #428bca!important;
}
.pt-18{
padding-top:18px;
}
.mh-53 {
min-height: 53px !important;
}
.txtang-btn .ta-toolbar .ta-group .md-button{
/*min-width: 20px !important;
height: 25px!important;
width: 35px !important;
line-height: 18px;*/
padding-top: 0px !important;
height: 25px !important;
line-height: 25px !important;
width: 25px !important;
}
/* changing in the height and width of an icon in the text angular */
i {
height: 16px !important;
width: 16px !important;
font-size: inherit !important;
}
.mh-226{
min-height: 226px !important;
}
.minheight-75 {
min-height: 75px !important;
}
.payment-details {
transform: rotate( 270deg );
position: absolute;
left: -32px;
top: 64px;
z-index: 15;
}
.bb-none {
border-bottom: none !important;
}
.bt-none {
border-top: none !important;
}
.hori-rule {
position: relative;
left: -64px;
top: 58px;
z-index: 16;
width: 100%;
transform: rotate(270deg);
}
hr {
display: block;
-webkit-margin-before: 0.5em ;
-webkit-margin-after: 0.5em;
-webkit-margin-start: auto;
-webkit-margin-end: auto;
border-style: solid !important;
border-width: 1px;
border-color: #d4d6d8 !important;
}
.categories-list-nav li {
font-size: 1.4rem;
line-height: 1.8rem;
padding: 8px 16px;
}
.categories-list-nav li a {
color: #25333C;
}
.categories-list-nav li:hover {
background: #edf0f1;
}
.categories-list-nav li a:hover {
color: #0F8643;
}
.mob-category-container {
width: 60%;
position: absolute;
background: #fff;
top: 123px;
left: 0;
border: 1px solid #d4d6d8;
}
.mob-category-container::after {
content: " ";
position: absolute;
border: 1px solid red;
bottom: 100%;
left: 6px;
/* margin-right: 4px; */
border-width: 14px;
border-style: solid;
border-color: transparent transparent #edf0f1 transparent;
}
.subscription-section {
border-left: 2px solid #e8e8e8;
/*border-bottom: none!important;*/
}
.go-bck-btn {
position: absolute;
left: 0;
top: 38px;
z-index: 5;
margin-top: 16px;
margin-left: 10px;
}
.bg-color-edf0f1{
background-color: #EDF0F1 !important;
}
.mh-195{
min-height: 195px !important;
}
.bt-0 {
border-top: none !important;
}
.timeline {
top: 10px;
}
timeline-badge {
width: 20px !important;
height: 20px !important;
margin-left: -10px !important;
box-shadow: 0 0 0 2px #d4d6d8 , 0 0 0 rgba(0, 0, 0, 0), 0 2px 0 3px rgba(0, 0, 0, 0) !important;
background-color: #fff !important;
z-index: auto !important;
top: 0 !important;
left: 2% !important;
}
timeline-panel:before {
top: 5px !important;
left: -21px !important;
right: auto !important;
/*transform: rotate(180deg) !important;*/
border-width: 10px !important;
border-style: solid !important;
border-color: transparent #d4d6d8 transparent transparent !important;
}
timeline-panel:after {
top: 6px !important;
left: -21px !important;
right: auto !important;
/*transform: rotate(180deg) !important;*/
border-width: 10px !important;
border-style: solid !important;
border-color: transparent #d4d6d8 transparent transparent !important;
}
@media only screen and (min-width: 768px) {
timeline-panel {
width: 90% !important;
}
}
timeline-panel {
padding: 8px !important;
margin-left: 7% !important;
margin-top: -6px !important;
box-shadow: none !important;
}
/* .timeline:before {
width: 2px !important;
left: 2% !important;
background-color: #d4d6d8 !important;
} */
.order-user-badge {
padding: 2px 8px;
border-radius: 3px;
color: #fff;
font-size: 1.2rem;
}
.buyer {
background-color: orange;
}
.supplier {
background-color: cadetblue;
}
.subscription-container {
padding: 48px 16px;
}
.one-stop-text {
width: 85%;
margin: 0 auto;
}
/* .mktplace-nav li {
padding: 6px 3px;
} */
.mktplace-nav li a {
font-size: 1.5rem;
padding: 6px;
transition-timing-function: cubic-bezier(.4,0,.2,1);
transition-duration: 83ms;
position: relative;
display: inline-block;
width: 100%;
color: #25333C;
font-weight: 500;
}
.mktplace-nav li.activeList a {
color: #0E8543;
}
.mktplace-nav li.activeList a::before {
background-color: #0E8543;
transition-timing-function: cubic-bezier(.4,0,.2,1);
transition-duration: .5s;
height: 100%;
width: 4px;
content: '';
position: absolute;
left: 0;
bottom: 0;
right: 0;
}
.coral-bg{
background-color: coral;
}
.light-orange-bg {
background-color: #FE642E;
}
.submit-buy-request md-icon[md-font-icon].s16 {
color: #0F8643 ;
vertical-align: baseline;
}
.submit-buy-request:hover md-icon[md-font-icon].s16 {
color: #fff;
vertical-align: baseline;
}
.compliance-status {
height: 14px;
width: 14px;
border: 1px solid #d4d6d8;
display: block;
}
.compliance-status-info {
height: 15px;
width: 15px;
/*border: 1px solid #d4d6d8;*/
display: block;
margin-top: 5px;
}
.compliance-status:hover .compliance-info{
visibility: visible;
}
.compliance-info{
visibility: hidden;
background-color:#fff;
border:1px solid #d4d6d8;
width:250px;
top:22px;
right: 0;
z-index: 136;
padding:8px;
}
.favorite-icon {
/*position: absolute;
top: 5px;
right: 10px;
background-color: #fff;
height: 35px;
width: 35px;
z-index: 18;
border-radius: 50%;*/
}
.textHover-disable:hover {
transform: none;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
}
.search-prod-container {
height: 12.5em;
width: 100%;
/*background: #f4f4f4; */
flex-shrink: 0;
position: relative;
overflow: hidden;
}
.search-prod-img {
height: 10.5em;
width: 100%;
transition: transform .2s ease-in-out;
/*background-color: #EDF0F1;*/
}
/* showing benefits when switching from tab to mobile */
.benefits-mobile li {
float: left;
/*width: 50%;*/
display: inline-block;
}
.careers-now {
background: #eadadc;
border-radius: 3px;
height: initial;
line-height: initial;
margin-top: 6px;
}
.blog-img-wrapper {
height: 13.5em;
width: 100%;
}
/* adding css for the upgrade your subscription button in category -tree*/
.btn-small {
padding: 0px 10px !important;
height: 30px !important;
line-height: 30px !important;
font-size: 12px !important;
}
/*added padding to the li items so that the alignment will be good*/
.product-price-details-list li {
padding: 5px 0;
}
.fieldset-delivery {
border-width: 1px;
border-style: groove;
border-color: rgba(0,0,0,0.12);
border-image: initial;
}
/*defining min-width to the mindays so that the ui will be consistant*/
.mindays {
min-width: 25px;
}
/*unit type holder*/
.unit-type-holder {
position: absolute;
top: 1px;
right: 3px;
height: 33px;
line-height: 33px;
width: 50px;
background: #fff;
}
.line-height-38 {
line-height: 38px !important;
}
.line-height-16{
line-height: 16px !important;
}
/* added Lc and Escrow Payment Mode journey*/
.lc-payment-mode {
/*background: url('../assets/images/LC-1.jpg') no-repeat center;*/
background-image:url('../assets/images/LC-1.jpg'), linear-gradient(-180deg, rgba(237,237,237,0.00)0%,rgba(0,0,0,0.38)100%);
background-repeat:no-repeat;
background-size:cover;
height:35em;
width:35em;
margin:0 auto;
}
.lc-payment-mode {
/*background-image:url('../assets/images/LC-1.jpg'), linear-gradient(rgba(20,20,20, .7), rgba(20,20,20, .7));
background-repeat:no-repeat;
background-size:cover;
background-color: #24292e;
background-position: 0 0;
width:100%;
height: 400px;
background-position: 50% center;*/
}
.escrow-payment-mode {
/*background-image:url('../assets/images/Escrow-screen.jpg'), linear-gradient(rgba(20,20,20, .7), rgba(20,20,20, .7));
background-repeat:no-repeat;
background-size:cover;
background-color: #24292e;
background-position: 0 0;
width:100%;
height: 400px;
background-position: 50% center;*/
height:35em;
width:35em;
margin:0 auto;
}
/* Added by maniprakash
unit seperator form place order popup */
.unit-seperator {
position:absolute;
height:40px ;
border-left:1px solid #D4D6D8;
left: 45px;
}
.order-header-align {
vertical-align:baseline;
background-color: rgba(245, 245, 245, 1);
padding:6px;
}
.order-link-requests {
border: 1px solid #d4d6d8;
padding: 6px;
margin-bottom: 8px;
background-color: rgb(249, 249, 249);
}
/* Author: Mani Prakash 30-10-2017
* UI changes for the showing the attached documents
* Order Module
*/
.docs-list {
display: block;
min-height: 140px;
}
.docs-list-li {
float: left;
margin-right: 8px;
margin-bottom: 8px;
border: 1px solid #d4d6d8;
padding: 6px;
/*height: 60px;*/
width: 250px;
}
/*sandhya added */
.order-feedback li {
margin-bottom: 8px;
}
.from-party{
border-left: 4px solid #4189BA;
}
.to-party {
border-left: 4px solid orange;
}
.submitted-feedback {
background-color: #4189BA;
height: 12px;
width: 12px;
margin-top: 5px;
margin-left: 8px;
}
.received-feedback {
background-color: orange;
height: 12px;
width: 12px;
margin-top: 5px;
margin-left: 16px;
}
.ph-6 {
padding: 0 6px;
}
.order-user-img{
border-radius: 50%;
border: 1px solid #d4d6d8;
background-color: #EDF0F1;
height: 35px;
width: 35px;
}
.received-order {
color: orange;
}
.submitted-order {
color: #4189BA;
}
/*sandhya ended */
.min-height-50{
min-height:50px;
}
/* added size to product detail attribute value */
.prod-detail-attrValue p {
display: inline !important;
}
.padding-4{
padding:4px;
}
.order-summary-body {
box-shadow: 3px 3px 3px #edf0f1;
min-height: 135px !important;
}
.pv-5{
padding-top: 5px;
padding-bottom: 5px;
}
.text-restrict {
display: inline-block;
max-width: 150px !important;
vertical-align: middle !important;
}
.mr-30{
margin-right: 30px;
}
.mt-7{
margin-top: 7px;
}
/* feedback list section */
.feedback-list-section {
height: 390px;
overflow-y: scroll;
}
.order-feedback-list-section{
height: 450px;
overflow-y: scroll;
}
.table-head {
background-color: #F6F7F8;
}
/*buyrequest ui*/
.inquiries-nav {
margin-bottom: 8px;
}
.inquiries-nav .categories-inbox-list-animate-repeat li {
list-style: none;
display: inline-block;
}
.active-inquiry {
border-bottom: 4px solid #0F8643 !important;
color: #0F8643 ;
}
.inquiries-list-items {
border: 1px solid #d4d6d8;
/*padding: 0 8px;*/
border-radius: 3px;
margin-bottom: 6px;
}
.stars{
color: #0F8643;
position: relative;
z-index: 153;
}
.star-rating {
background-color: #0F8643;
color: #fff;
padding: 0 5px;
font-size: 1.5rem;
}
/* .rating-tooltip {
box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .2);
border: 1px solid #f0f0f0;
padding: 16px;
position: absolute;
right: 0;
top: 26px;
display: none;
/*z-index: 168;
z-index: auto !important;
min-width: 354px;
border-radius: 2px;
}
.stars:hover .rating-tooltip {
display: block;
} */
.rating-tooltip:before {
content: '';
position: absolute;
width: 0;
height: 0;
border: solid transparent;
border-width: 9px;
-webkit-transform: translateX(-9px);
transform: translateX(-9px);
border-bottom-color: #d4d6d8;
left: 112px;
top: -18px;
}
.star-rating-tooltip {
display: block !important;
position: initial !important;
right: initial !important;
top: initial !important;
padding: 8px !important;
}
.progress-bar-height {
height: 100%;
}
.progress-bar-height .md-container {
background-color: #EDF0F1 !important;
height: 6px !important;
}
.progress-bar-height .md-primary .md-bar {
background-color: #0F8643;
}
/*.progress-bar-height .md-secondary .md-bar {
background-color: #0F8643;
}
.progress-bar-height .md-primary .md-bar {
background-color: #0F8643;
}*/
.progress-bar-height .orange-bg .md-bar {
background-color: orange;
}
.progress-bar-height .md-warn .md-bar {
background-color: #DE4F60;
}
.rating-displayer {
background-image: linear-gradient(to bottom right,#0F8643,#0F8643);
padding: 16px;
text-align: center;
}
.rating-user-avatar {
width: 3.5em;
height: 3.5em;
border-radius: 50%;
background-color: rgb(240, 240, 240);
margin-left: auto;
margin-right: auto;
display: block;
}
.reviews-stars {
color: #0F8643;
}
.fa-star {
color: #0F8643 !important;
-webkit-text-stroke-color: #0F8643 !important;
}
.proposal-section {
margin-top: 10px;
}
.animate-repeat {
box-sizing:border-box;
}
.animate-repeat.ng-move,
.animate-repeat.ng-enter,
.animate-repeat.ng-leave {
transition:all linear 0.5s;
}
.animate-repeat.ng-leave.ng-leave-active,
.animate-repeat.ng-move,
.animate-repeat.ng-enter {
opacity:0;
}
.animate-repeat.ng-leave,
.animate-repeat.ng-move.ng-move-active,
.animate-repeat.ng-enter.ng-enter-active {
opacity:1;
}
.widget-container {
height: 85px;
/*border-right: 1px solid #d4d6d8;
border-bottom: 1px solid #d4d6d8;*/
box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);
background-color: #f4f5f9;
padding: 8px;
}
.widget-container h1 {
font-size: 4.8rem;
text-align: right;
}
.widget-container-left {
float: left;
width: 35%;
padding: 0 8px;
}
.widget-container-right {
float: left;
width: 65%;
padding: 0 8px;
}
.icon-resize {
width: 100% !important;
height:100% !important;
font-size: 4.8rem !important;
line-height: 5rem !important;
}
.toggle-order {
/*background-color: #EDF0F1;*/
height: 88px;
cursor: pointer;
}
.category-tree-align{
margin-left: -2px;
margin-right: 6px;
margin-top: 10px;
}
.pv-2{
padding-top: 2px;
padding-bottom: 2px;
}
.criteria-function-align{
margin-left: -2px;
margin-right: 10px;
}
.criteria-link-disabled {
cursor: not-allowed !important;
pointer-events: none;
text-decoration: none !important;
color: #d4d6d8 !important;
}
.anchorlink > .attach-file {
background-color: #fff;
color: #0F8643;
/*color: #0F8643;*/
line-height: 35px;
font-size: 14px;
height: 0px;
padding: 0px;
border-radius: 0px;
margin-top: 0px;
}
.pt-6 {
padding-top: 6px;
}
.md-select-value *:first-child { flex: 1 1 auto !important; }
.buyrqst-drpdown {
border-radius: 3px 0 3px 3px;
height: 33px !important;
line-height: 33px !important;
padding: 0 8px !important;
border-right: 0 !important;
}
.buyrequest-attr-list {
min-width: 195px;
padding: 6px;
margin-right: 10px;
float: left;
border-bottom: 1px solid #d4d6d8;
}
.buyrqst-attr-value {
font-weight: 500;
max-width: 195px;
}
.currency-symbol-align{
/*border: 1px solid #D4D6D8;*/
position: relative;
left: 1px;
height: 40px;
border-radius: 3px 0 0 3px;
}
.width-97{
width: 97%;
}
.width-93{
width: 93%;
}
.b-rad-3{
border-radius: 0 3px 3px 0;
}
.criteria-function-accordion {
background-color: #EDF0F1;
padding: 6px;
border: 1px solid #d4d6d8 ;
/*border-radius: 3px;*/
}
.criteria-function-container {
width: 100%;
/*height: 200px;*/
background-color: #fff;
padding: 8px;
}
.ml-6{
margin-left: 6px;
}
.rating-input {
height: 35px;
padding: 0 !important;
margin: 0 !important;
}
/* text angular */
.ta-editor {
max-height: 150px;
height: 140px;
width: 100%;
overflow-y: scroll;
font-family: inherit;
font-size: 100%;
box-shadow : none!important;
}
.ta-toolbar .ta-group .md-button {
border-radius : 0;
/*padding : 5px;*/
min-width : 30px;
width: 25px !important;
height: 25px !important;
line-height: 25px !important;
background-color : #fff;
color : #333;
margin: 0 !important;
/* border: 1px solid #D4D6D8; */
}
[text-angular] {
position : relative;
}
.ta-toolbar .ta-group .md-button:not(:first-child) {
border-right: 0 !important;
}
.ta-toolbar .ta-group .md-button:not(:last-child) {
border-right: 0 !important;
border-bottom: 0 !important;
}
.ta-toolbar .ta-group .md-button:last-child {
/* border-right: 1px solid #d4d6d8 !important; */
border-bottom: none !important;
}
.ta-toolbar {
/*position : absolute ;
top : 0;
left: 0;*/
position: absolute;
bottom: 0px;
/* left: 2px; */
width: calc(100% - 18px);
background: #fff;
border: 1px solid #f4f6f8;
/* border-top: 1px solid #d4d6d8; */
/* border-right: 1px solid #d4d6d8; */
}
@media all and (max-width: 699px) {
.ta-toolbar { position : absolute; }
.ta-editor { padding-top : 30px; }
}
@media all and (max-width: 250px) {
.ta-toolbar { display : none; }
}
.ta-toolbar .ta-group {
margin : 0!important;
/*box-shadow : 0 1px 3px rgba(0,0,0,0.2);*/
}
.ta-editor {
border :1px solid #EEE;
border-raidus : 3px !important;
}
.ta-scroll-window {
padding-top: 8px !important;
padding-left: 15px;
}
.text-formatter {
/* padding: 0px 8px; */
/*float: right;*/
background-color: #fff;
position: relative;
left: 6px;
top: 1px;
background: #fff;
/* border-top: 1px solid #d4d6d8;
border-left: 1px solid #d4d6d8;
border-right: 1px solid #d4d6d8; */
}
.ratings-section {
/*position: relative;
top: 150px;
left: 20px;*/
}
.rating-count {
background-image: linear-gradient(to bottom right,#0F8643,#0F8643);
line-height: normal;
display: inline-block;
color: #fff;
padding: 2px 4px 2px 4px;
border-radius: 3px;
font-weight: 500;
font-size: 12px;
vertical-align: middle;
cursor: pointer;
}
/*md-progress-circular .md-spinner-wrapper .md-inner .md-right .md-half-circle {
border-left-color: #d4d6d8 !important;
}*/
/*md-progress-circular .md-spinner-wrapper .md-inner .md-left .md-half-circle, md-progress-circular .md-spinner-wrapper .md-inner .md-right .md-half-circle {
border-right-color: #d4d6d8 !important;
border-bottom-color: #d4d6d8 !important;
}*/
md-progress-circular svg path { stroke: #d4d6d8; }
.rating-loader {
border: 8px solid #d4d6d8;
/*border-top: 8px solid #0F8643;*/
/*border-left: 10px solid #0F8643;*/
/*border-bottom: 10px solid #0F8643;*/
/*border-right: 8px solid #0F8643;*/
border-radius: 50%;
/*animation: spin 2s linear infinite;*/
height: 80px;
width: 80px;
transform: rotate(45deg);
position: relative;
}
.rating-value {
color: #000;
font-weight: 500;
}
.rating-percent-container {
/*width: 20%;*/
display: block;
}
.mb-6 {
margin-bottom: 6px;
}
.img-handler {
position: relative;
width: 100%;
height: 10.5em;
background: #f4f4f4;
flex-shrink: 0;
border: 1px solid #d4d6d8;
margin-right: 8px;
}
.del-icon {
position: absolute;
top: -13px;
right:-8px;
z-index: 10;
}
.ratings-link {
padding: 0 8px;
background-color: #fff;
color: #0F8643 ;
border: 1px solid #0F8643;
/*border: 1px solid #0F8643;*/
border-radius: 25px;
font-size: 1.2rem;
height: 30px !important;
line-height: 29px !important;
/*margin-right: 10px;*/
/* width: 110px; */
text-align: center;
}
.ratings-link .anchorlink > .attach-file {
line-height: 29px !important;
background-color: transparent;
/*height: 30px !important;*/
}
.mt-4{
margin-top: 4px;
}
.mr-2{
margin-right: 2px;
}
/*#page-mask {
position: fixed;
left: 0;
right: 0;
bottom: 0;
top: 0;
background-color: rgba(0,0,0,0.6);
}*/
.rating-text {
font-weight: 600;
color: #25333C;
}
.one-star {
border-top: 8px solid #DE4F60;
}
.two-star {
border-top: 8px solid yellow;
border-right: 8px solid yellow;
}
.three-star {
border-top: 8px solid orange;
border-right: 8px solid orange;
}
.four-star {
border-top: 8px solid #0F8643;
border-right: 8px solid #0F8643;
border-bottom: 8px solid #0F8643;
}
.five-star {
border-top: 8px solid #0F8643;
border-right: 8px solid #0F8643;
border-bottom: 8px solid #0F8643;
border-left: 8px solid #0F8643;
}
.word-break-all{
word-break: break-all !important;
}
.global-leaders-one {
height: 9em;
width: 100%;
}
.rating-search .fa-star-o:before, .rating-search .fa-star:before {
font-size: 12px !important;
margin-right: 8px !important;
}
/* Progress circular related css starts here */
.rect-auto,
.c100.p51 .slice,
.c100.p52 .slice,
.c100.p53 .slice,
.c100.p54 .slice,
.c100.p55 .slice,
.c100.p56 .slice,
.c100.p57 .slice,
.c100.p58 .slice,
.c100.p59 .slice,
.c100.p60 .slice,
.c100.p61 .slice,
.c100.p62 .slice,
.c100.p63 .slice,
.c100.p64 .slice,
.c100.p65 .slice,
.c100.p66 .slice,
.c100.p67 .slice,
.c100.p68 .slice,
.c100.p69 .slice,
.c100.p70 .slice,
.c100.p71 .slice,
.c100.p72 .slice,
.c100.p73 .slice,
.c100.p74 .slice,
.c100.p75 .slice,
.c100.p76 .slice,
.c100.p77 .slice,
.c100.p78 .slice,
.c100.p79 .slice,
.c100.p80 .slice,
.c100.p81 .slice,
.c100.p82 .slice,
.c100.p83 .slice,
.c100.p84 .slice,
.c100.p85 .slice,
.c100.p86 .slice,
.c100.p87 .slice,
.c100.p88 .slice,
.c100.p89 .slice,
.c100.p90 .slice,
.c100.p91 .slice,
.c100.p92 .slice,
.c100.p93 .slice,
.c100.p94 .slice,
.c100.p95 .slice,
.c100.p96 .slice,
.c100.p97 .slice,
.c100.p98 .slice,
.c100.p99 .slice,
.c100.p100 .slice {
clip: rect(auto, auto, auto, auto);
}
.pie,
.c100 .bar,
.c100.p51 .fill,
.c100.p52 .fill,
.c100.p53 .fill,
.c100.p54 .fill,
.c100.p55 .fill,
.c100.p56 .fill,
.c100.p57 .fill,
.c100.p58 .fill,
.c100.p59 .fill,
.c100.p60 .fill,
.c100.p61 .fill,
.c100.p62 .fill,
.c100.p63 .fill,
.c100.p64 .fill,
.c100.p65 .fill,
.c100.p66 .fill,
.c100.p67 .fill,
.c100.p68 .fill,
.c100.p69 .fill,
.c100.p70 .fill,
.c100.p71 .fill,
.c100.p72 .fill,
.c100.p73 .fill,
.c100.p74 .fill,
.c100.p75 .fill,
.c100.p76 .fill,
.c100.p77 .fill,
.c100.p78 .fill,
.c100.p79 .fill,
.c100.p80 .fill,
.c100.p81 .fill,
.c100.p82 .fill,
.c100.p83 .fill,
.c100.p84 .fill,
.c100.p85 .fill,
.c100.p86 .fill,
.c100.p87 .fill,
.c100.p88 .fill,
.c100.p89 .fill,
.c100.p90 .fill,
.c100.p91 .fill,
.c100.p92 .fill,
.c100.p93 .fill,
.c100.p94 .fill,
.c100.p95 .fill,
.c100.p96 .fill,
.c100.p97 .fill,
.c100.p98 .fill,
.c100.p99 .fill,
.c100.p100 .fill {
position: absolute;
border: 0.08em solid #0F8643;
width: 0.84em;
height: 0.84em;
clip: rect(0em, 0.5em, 1em, 0em);
border-radius: 50%;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
.pie-fill,
.c100.p51 .bar:after,
.c100.p51 .fill,
.c100.p52 .bar:after,
.c100.p52 .fill,
.c100.p53 .bar:after,
.c100.p53 .fill,
.c100.p54 .bar:after,
.c100.p54 .fill,
.c100.p55 .bar:after,
.c100.p55 .fill,
.c100.p56 .bar:after,
.c100.p56 .fill,
.c100.p57 .bar:after,
.c100.p57 .fill,
.c100.p58 .bar:after,
.c100.p58 .fill,
.c100.p59 .bar:after,
.c100.p59 .fill,
.c100.p60 .bar:after,
.c100.p60 .fill,
.c100.p61 .bar:after,
.c100.p61 .fill,
.c100.p62 .bar:after,
.c100.p62 .fill,
.c100.p63 .bar:after,
.c100.p63 .fill,
.c100.p64 .bar:after,
.c100.p64 .fill,
.c100.p65 .bar:after,
.c100.p65 .fill,
.c100.p66 .bar:after,
.c100.p66 .fill,
.c100.p67 .bar:after,
.c100.p67 .fill,
.c100.p68 .bar:after,
.c100.p68 .fill,
.c100.p69 .bar:after,
.c100.p69 .fill,
.c100.p70 .bar:after,
.c100.p70 .fill,
.c100.p71 .bar:after,
.c100.p71 .fill,
.c100.p72 .bar:after,
.c100.p72 .fill,
.c100.p73 .bar:after,
.c100.p73 .fill,
.c100.p74 .bar:after,
.c100.p74 .fill,
.c100.p75 .bar:after,
.c100.p75 .fill,
.c100.p76 .bar:after,
.c100.p76 .fill,
.c100.p77 .bar:after,
.c100.p77 .fill,
.c100.p78 .bar:after,
.c100.p78 .fill,
.c100.p79 .bar:after,
.c100.p79 .fill,
.c100.p80 .bar:after,
.c100.p80 .fill,
.c100.p81 .bar:after,
.c100.p81 .fill,
.c100.p82 .bar:after,
.c100.p82 .fill,
.c100.p83 .bar:after,
.c100.p83 .fill,
.c100.p84 .bar:after,
.c100.p84 .fill,
.c100.p85 .bar:after,
.c100.p85 .fill,
.c100.p86 .bar:after,
.c100.p86 .fill,
.c100.p87 .bar:after,
.c100.p87 .fill,
.c100.p88 .bar:after,
.c100.p88 .fill,
.c100.p89 .bar:after,
.c100.p89 .fill,
.c100.p90 .bar:after,
.c100.p90 .fill,
.c100.p91 .bar:after,
.c100.p91 .fill,
.c100.p92 .bar:after,
.c100.p92 .fill,
.c100.p93 .bar:after,
.c100.p93 .fill,
.c100.p94 .bar:after,
.c100.p94 .fill,
.c100.p95 .bar:after,
.c100.p95 .fill,
.c100.p96 .bar:after,
.c100.p96 .fill,
.c100.p97 .bar:after,
.c100.p97 .fill,
.c100.p98 .bar:after,
.c100.p98 .fill,
.c100.p99 .bar:after,
.c100.p99 .fill,
.c100.p100 .bar:after,
.c100.p100 .fill {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.c100 {
position: relative;
font-size: 120px;
width: 1em;
height: 1em;
border-radius: 50%;
float: left;
margin: 0 0.1em 0.1em 0;
background-color: #cccccc;
}
.c100 *,
.c100 *:before,
.c100 *:after {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.c100.center {
float: none;
margin: 0 auto;
}
.c100.big {
font-size: 750px;
}
.c100.medium {
/* font-size: 60px; */
font-size: 55px;
}
.c100.small {
font-size: 45px;
}
.c100 > span {
position: absolute;
width: 100%;
z-index: 1;
left: -20%;
top: -18%;
width: 5em;
line-height: 5em;
font-weight:600;
font-size:15px !important;
color: #25333C;
display: block;
text-align: center;
white-space: nowrap;
-webkit-transition-property: all;
-moz-transition-property: all;
-o-transition-property: all;
transition-property: all;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.c100:after {
position: absolute;
top: 0.08em;
left: 0.08em;
display: block;
content: " ";
border-radius: 50%;
background-color: #f5f5f5;
width: 0.84em;
height: 0.84em;
-webkit-transition-property: all;
-moz-transition-property: all;
-o-transition-property: all;
transition-property: all;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-transition-timing-function: ease-in;
-moz-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
.c100 .slice {
position: absolute;
width: 1em;
height: 1em;
clip: rect(0em, 1em, 1em, 0.5em);
}
.c100.p1 .bar {
-webkit-transform: rotate(3.6deg);
-moz-transform: rotate(3.6deg);
-ms-transform: rotate(3.6deg);
-o-transform: rotate(3.6deg);
transform: rotate(3.6deg);
}
.c100.p2 .bar {
-webkit-transform: rotate(7.2deg);
-moz-transform: rotate(7.2deg);
-ms-transform: rotate(7.2deg);
-o-transform: rotate(7.2deg);
transform: rotate(7.2deg);
}
.c100.p3 .bar {
-webkit-transform: rotate(10.8deg);
-moz-transform: rotate(10.8deg);
-ms-transform: rotate(10.8deg);
-o-transform: rotate(10.8deg);
transform: rotate(10.8deg);
}
.c100.p4 .bar {
-webkit-transform: rotate(14.4deg);
-moz-transform: rotate(14.4deg);
-ms-transform: rotate(14.4deg);
-o-transform: rotate(14.4deg);
transform: rotate(14.4deg);
}
.c100.p5 .bar {
-webkit-transform: rotate(18deg);
-moz-transform: rotate(18deg);
-ms-transform: rotate(18deg);
-o-transform: rotate(18deg);
transform: rotate(18deg);
}
.c100.p6 .bar {
-webkit-transform: rotate(21.6deg);
-moz-transform: rotate(21.6deg);
-ms-transform: rotate(21.6deg);
-o-transform: rotate(21.6deg);
transform: rotate(21.6deg);
}
.c100.p7 .bar {
-webkit-transform: rotate(25.2deg);
-moz-transform: rotate(25.2deg);
-ms-transform: rotate(25.2deg);
-o-transform: rotate(25.2deg);
transform: rotate(25.2deg);
}
.c100.p8 .bar {
-webkit-transform: rotate(28.8deg);
-moz-transform: rotate(28.8deg);
-ms-transform: rotate(28.8deg);
-o-transform: rotate(28.8deg);
transform: rotate(28.8deg);
}
.c100.p9 .bar {
-webkit-transform: rotate(32.4deg);
-moz-transform: rotate(32.4deg);
-ms-transform: rotate(32.4deg);
-o-transform: rotate(32.4deg);
transform: rotate(32.4deg);
}
.c100.p10 .bar {
-webkit-transform: rotate(36deg);
-moz-transform: rotate(36deg);
-ms-transform: rotate(36deg);
-o-transform: rotate(36deg);
transform: rotate(36deg);
}
.c100.p11 .bar {
-webkit-transform: rotate(39.6deg);
-moz-transform: rotate(39.6deg);
-ms-transform: rotate(39.6deg);
-o-transform: rotate(39.6deg);
transform: rotate(39.6deg);
}
.c100.p12 .bar {
-webkit-transform: rotate(43.2deg);
-moz-transform: rotate(43.2deg);
-ms-transform: rotate(43.2deg);
-o-transform: rotate(43.2deg);
transform: rotate(43.2deg);
}
.c100.p13 .bar {
-webkit-transform: rotate(46.800000000000004deg);
-moz-transform: rotate(46.800000000000004deg);
-ms-transform: rotate(46.800000000000004deg);
-o-transform: rotate(46.800000000000004deg);
transform: rotate(46.800000000000004deg);
}
.c100.p14 .bar {
-webkit-transform: rotate(50.4deg);
-moz-transform: rotate(50.4deg);
-ms-transform: rotate(50.4deg);
-o-transform: rotate(50.4deg);
transform: rotate(50.4deg);
}
.c100.p15 .bar {
-webkit-transform: rotate(54deg);
-moz-transform: rotate(54deg);
-ms-transform: rotate(54deg);
-o-transform: rotate(54deg);
transform: rotate(54deg);
}
.c100.p16 .bar {
-webkit-transform: rotate(57.6deg);
-moz-transform: rotate(57.6deg);
-ms-transform: rotate(57.6deg);
-o-transform: rotate(57.6deg);
transform: rotate(57.6deg);
}
.c100.p17 .bar {
-webkit-transform: rotate(61.2deg);
-moz-transform: rotate(61.2deg);
-ms-transform: rotate(61.2deg);
-o-transform: rotate(61.2deg);
transform: rotate(61.2deg);
}
.c100.p18 .bar {
-webkit-transform: rotate(64.8deg);
-moz-transform: rotate(64.8deg);
-ms-transform: rotate(64.8deg);
-o-transform: rotate(64.8deg);
transform: rotate(64.8deg);
}
.c100.p19 .bar {
-webkit-transform: rotate(68.4deg);
-moz-transform: rotate(68.4deg);
-ms-transform: rotate(68.4deg);
-o-transform: rotate(68.4deg);
transform: rotate(68.4deg);
}
.c100.p20 .bar {
-webkit-transform: rotate(72deg);
-moz-transform: rotate(72deg);
-ms-transform: rotate(72deg);
-o-transform: rotate(72deg);
transform: rotate(72deg);
}
.c100.p21 .bar {
-webkit-transform: rotate(75.60000000000001deg);
-moz-transform: rotate(75.60000000000001deg);
-ms-transform: rotate(75.60000000000001deg);
-o-transform: rotate(75.60000000000001deg);
transform: rotate(75.60000000000001deg);
}
.c100.p22 .bar {
-webkit-transform: rotate(79.2deg);
-moz-transform: rotate(79.2deg);
-ms-transform: rotate(79.2deg);
-o-transform: rotate(79.2deg);
transform: rotate(79.2deg);
}
.c100.p23 .bar {
-webkit-transform: rotate(82.8deg);
-moz-transform: rotate(82.8deg);
-ms-transform: rotate(82.8deg);
-o-transform: rotate(82.8deg);
transform: rotate(82.8deg);
}
.c100.p24 .bar {
-webkit-transform: rotate(86.4deg);
-moz-transform: rotate(86.4deg);
-ms-transform: rotate(86.4deg);
-o-transform: rotate(86.4deg);
transform: rotate(86.4deg);
}
.c100.p25 .bar {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.c100.p26 .bar {
-webkit-transform: rotate(93.60000000000001deg);
-moz-transform: rotate(93.60000000000001deg);
-ms-transform: rotate(93.60000000000001deg);
-o-transform: rotate(93.60000000000001deg);
transform: rotate(93.60000000000001deg);
}
.c100.p27 .bar {
-webkit-transform: rotate(97.2deg);
-moz-transform: rotate(97.2deg);
-ms-transform: rotate(97.2deg);
-o-transform: rotate(97.2deg);
transform: rotate(97.2deg);
}
.c100.p28 .bar {
-webkit-transform: rotate(100.8deg);
-moz-transform: rotate(100.8deg);
-ms-transform: rotate(100.8deg);
-o-transform: rotate(100.8deg);
transform: rotate(100.8deg);
}
.c100.p29 .bar {
-webkit-transform: rotate(104.4deg);
-moz-transform: rotate(104.4deg);
-ms-transform: rotate(104.4deg);
-o-transform: rotate(104.4deg);
transform: rotate(104.4deg);
}
.c100.p30 .bar {
-webkit-transform: rotate(108deg);
-moz-transform: rotate(108deg);
-ms-transform: rotate(108deg);
-o-transform: rotate(108deg);
transform: rotate(108deg);
}
.c100.p31 .bar {
-webkit-transform: rotate(111.60000000000001deg);
-moz-transform: rotate(111.60000000000001deg);
-ms-transform: rotate(111.60000000000001deg);
-o-transform: rotate(111.60000000000001deg);
transform: rotate(111.60000000000001deg);
}
.c100.p32 .bar {
-webkit-transform: rotate(115.2deg);
-moz-transform: rotate(115.2deg);
-ms-transform: rotate(115.2deg);
-o-transform: rotate(115.2deg);
transform: rotate(115.2deg);
}
.c100.p33 .bar {
-webkit-transform: rotate(118.8deg);
-moz-transform: rotate(118.8deg);
-ms-transform: rotate(118.8deg);
-o-transform: rotate(118.8deg);
transform: rotate(118.8deg);
}
.c100.p34 .bar {
-webkit-transform: rotate(122.4deg);
-moz-transform: rotate(122.4deg);
-ms-transform: rotate(122.4deg);
-o-transform: rotate(122.4deg);
transform: rotate(122.4deg);
}
.c100.p35 .bar {
-webkit-transform: rotate(126deg);
-moz-transform: rotate(126deg);
-ms-transform: rotate(126deg);
-o-transform: rotate(126deg);
transform: rotate(126deg);
}
.c100.p36 .bar {
-webkit-transform: rotate(129.6deg);
-moz-transform: rotate(129.6deg);
-ms-transform: rotate(129.6deg);
-o-transform: rotate(129.6deg);
transform: rotate(129.6deg);
}
.c100.p37 .bar {
-webkit-transform: rotate(133.20000000000002deg);
-moz-transform: rotate(133.20000000000002deg);
-ms-transform: rotate(133.20000000000002deg);
-o-transform: rotate(133.20000000000002deg);
transform: rotate(133.20000000000002deg);
}
.c100.p38 .bar {
-webkit-transform: rotate(136.8deg);
-moz-transform: rotate(136.8deg);
-ms-transform: rotate(136.8deg);
-o-transform: rotate(136.8deg);
transform: rotate(136.8deg);
}
.c100.p39 .bar {
-webkit-transform: rotate(140.4deg);
-moz-transform: rotate(140.4deg);
-ms-transform: rotate(140.4deg);
-o-transform: rotate(140.4deg);
transform: rotate(140.4deg);
}
.c100.p40 .bar {
-webkit-transform: rotate(144deg);
-moz-transform: rotate(144deg);
-ms-transform: rotate(144deg);
-o-transform: rotate(144deg);
transform: rotate(144deg);
}
.c100.p41 .bar {
-webkit-transform: rotate(147.6deg);
-moz-transform: rotate(147.6deg);
-ms-transform: rotate(147.6deg);
-o-transform: rotate(147.6deg);
transform: rotate(147.6deg);
}
.c100.p42 .bar {
-webkit-transform: rotate(151.20000000000002deg);
-moz-transform: rotate(151.20000000000002deg);
-ms-transform: rotate(151.20000000000002deg);
-o-transform: rotate(151.20000000000002deg);
transform: rotate(151.20000000000002deg);
}
.c100.p43 .bar {
-webkit-transform: rotate(154.8deg);
-moz-transform: rotate(154.8deg);
-ms-transform: rotate(154.8deg);
-o-transform: rotate(154.8deg);
transform: rotate(154.8deg);
}
.c100.p44 .bar {
-webkit-transform: rotate(158.4deg);
-moz-transform: rotate(158.4deg);
-ms-transform: rotate(158.4deg);
-o-transform: rotate(158.4deg);
transform: rotate(158.4deg);
}
.c100.p45 .bar {
-webkit-transform: rotate(162deg);
-moz-transform: rotate(162deg);
-ms-transform: rotate(162deg);
-o-transform: rotate(162deg);
transform: rotate(162deg);
}
.c100.p46 .bar {
-webkit-transform: rotate(165.6deg);
-moz-transform: rotate(165.6deg);
-ms-transform: rotate(165.6deg);
-o-transform: rotate(165.6deg);
transform: rotate(165.6deg);
}
.c100.p47 .bar {
-webkit-transform: rotate(169.20000000000002deg);
-moz-transform: rotate(169.20000000000002deg);
-ms-transform: rotate(169.20000000000002deg);
-o-transform: rotate(169.20000000000002deg);
transform: rotate(169.20000000000002deg);
}
.c100.p48 .bar {
-webkit-transform: rotate(172.8deg);
-moz-transform: rotate(172.8deg);
-ms-transform: rotate(172.8deg);
-o-transform: rotate(172.8deg);
transform: rotate(172.8deg);
}
.c100.p49 .bar {
-webkit-transform: rotate(176.4deg);
-moz-transform: rotate(176.4deg);
-ms-transform: rotate(176.4deg);
-o-transform: rotate(176.4deg);
transform: rotate(176.4deg);
}
.c100.p50 .bar {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.c100.p51 .bar {
-webkit-transform: rotate(183.6deg);
-moz-transform: rotate(183.6deg);
-ms-transform: rotate(183.6deg);
-o-transform: rotate(183.6deg);
transform: rotate(183.6deg);
}
.c100.p52 .bar {
-webkit-transform: rotate(187.20000000000002deg);
-moz-transform: rotate(187.20000000000002deg);
-ms-transform: rotate(187.20000000000002deg);
-o-transform: rotate(187.20000000000002deg);
transform: rotate(187.20000000000002deg);
}
.c100.p53 .bar {
-webkit-transform: rotate(190.8deg);
-moz-transform: rotate(190.8deg);
-ms-transform: rotate(190.8deg);
-o-transform: rotate(190.8deg);
transform: rotate(190.8deg);
}
.c100.p54 .bar {
-webkit-transform: rotate(194.4deg);
-moz-transform: rotate(194.4deg);
-ms-transform: rotate(194.4deg);
-o-transform: rotate(194.4deg);
transform: rotate(194.4deg);
}
.c100.p55 .bar {
-webkit-transform: rotate(198deg);
-moz-transform: rotate(198deg);
-ms-transform: rotate(198deg);
-o-transform: rotate(198deg);
transform: rotate(198deg);
}
.c100.p56 .bar {
-webkit-transform: rotate(201.6deg);
-moz-transform: rotate(201.6deg);
-ms-transform: rotate(201.6deg);
-o-transform: rotate(201.6deg);
transform: rotate(201.6deg);
}
.c100.p57 .bar {
-webkit-transform: rotate(205.20000000000002deg);
-moz-transform: rotate(205.20000000000002deg);
-ms-transform: rotate(205.20000000000002deg);
-o-transform: rotate(205.20000000000002deg);
transform: rotate(205.20000000000002deg);
}
.c100.p58 .bar {
-webkit-transform: rotate(208.8deg);
-moz-transform: rotate(208.8deg);
-ms-transform: rotate(208.8deg);
-o-transform: rotate(208.8deg);
transform: rotate(208.8deg);
}
.c100.p59 .bar {
-webkit-transform: rotate(212.4deg);
-moz-transform: rotate(212.4deg);
-ms-transform: rotate(212.4deg);
-o-transform: rotate(212.4deg);
transform: rotate(212.4deg);
}
.c100.p60 .bar {
-webkit-transform: rotate(216deg);
-moz-transform: rotate(216deg);
-ms-transform: rotate(216deg);
-o-transform: rotate(216deg);
transform: rotate(216deg);
}
.c100.p61 .bar {
-webkit-transform: rotate(219.6deg);
-moz-transform: rotate(219.6deg);
-ms-transform: rotate(219.6deg);
-o-transform: rotate(219.6deg);
transform: rotate(219.6deg);
}
.c100.p62 .bar {
-webkit-transform: rotate(223.20000000000002deg);
-moz-transform: rotate(223.20000000000002deg);
-ms-transform: rotate(223.20000000000002deg);
-o-transform: rotate(223.20000000000002deg);
transform: rotate(223.20000000000002deg);
}
.c100.p63 .bar {
-webkit-transform: rotate(226.8deg);
-moz-transform: rotate(226.8deg);
-ms-transform: rotate(226.8deg);
-o-transform: rotate(226.8deg);
transform: rotate(226.8deg);
}
.c100.p64 .bar {
-webkit-transform: rotate(230.4deg);
-moz-transform: rotate(230.4deg);
-ms-transform: rotate(230.4deg);
-o-transform: rotate(230.4deg);
transform: rotate(230.4deg);
}
.c100.p65 .bar {
-webkit-transform: rotate(234deg);
-moz-transform: rotate(234deg);
-ms-transform: rotate(234deg);
-o-transform: rotate(234deg);
transform: rotate(234deg);
}
.c100.p66 .bar {
-webkit-transform: rotate(237.6deg);
-moz-transform: rotate(237.6deg);
-ms-transform: rotate(237.6deg);
-o-transform: rotate(237.6deg);
transform: rotate(237.6deg);
}
.c100.p67 .bar {
-webkit-transform: rotate(241.20000000000002deg);
-moz-transform: rotate(241.20000000000002deg);
-ms-transform: rotate(241.20000000000002deg);
-o-transform: rotate(241.20000000000002deg);
transform: rotate(241.20000000000002deg);
}
.c100.p68 .bar {
-webkit-transform: rotate(244.8deg);
-moz-transform: rotate(244.8deg);
-ms-transform: rotate(244.8deg);
-o-transform: rotate(244.8deg);
transform: rotate(244.8deg);
}
.c100.p69 .bar {
-webkit-transform: rotate(248.4deg);
-moz-transform: rotate(248.4deg);
-ms-transform: rotate(248.4deg);
-o-transform: rotate(248.4deg);
transform: rotate(248.4deg);
}
.c100.p70 .bar {
-webkit-transform: rotate(252deg);
-moz-transform: rotate(252deg);
-ms-transform: rotate(252deg);
-o-transform: rotate(252deg);
transform: rotate(252deg);
}
.c100.p71 .bar {
-webkit-transform: rotate(255.6deg);
-moz-transform: rotate(255.6deg);
-ms-transform: rotate(255.6deg);
-o-transform: rotate(255.6deg);
transform: rotate(255.6deg);
}
.c100.p72 .bar {
-webkit-transform: rotate(259.2deg);
-moz-transform: rotate(259.2deg);
-ms-transform: rotate(259.2deg);
-o-transform: rotate(259.2deg);
transform: rotate(259.2deg);
}
.c100.p73 .bar {
-webkit-transform: rotate(262.8deg);
-moz-transform: rotate(262.8deg);
-ms-transform: rotate(262.8deg);
-o-transform: rotate(262.8deg);
transform: rotate(262.8deg);
}
.c100.p74 .bar {
-webkit-transform: rotate(266.40000000000003deg);
-moz-transform: rotate(266.40000000000003deg);
-ms-transform: rotate(266.40000000000003deg);
-o-transform: rotate(266.40000000000003deg);
transform: rotate(266.40000000000003deg);
}
.c100.p75 .bar {
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-o-transform: rotate(270deg);
transform: rotate(270deg);
}
.c100.p76 .bar {
-webkit-transform: rotate(273.6deg);
-moz-transform: rotate(273.6deg);
-ms-transform: rotate(273.6deg);
-o-transform: rotate(273.6deg);
transform: rotate(273.6deg);
}
.c100.p77 .bar {
-webkit-transform: rotate(277.2deg);
-moz-transform: rotate(277.2deg);
-ms-transform: rotate(277.2deg);
-o-transform: rotate(277.2deg);
transform: rotate(277.2deg);
}
.c100.p78 .bar {
-webkit-transform: rotate(280.8deg);
-moz-transform: rotate(280.8deg);
-ms-transform: rotate(280.8deg);
-o-transform: rotate(280.8deg);
transform: rotate(280.8deg);
}
.c100.p79 .bar {
-webkit-transform: rotate(284.40000000000003deg);
-moz-transform: rotate(284.40000000000003deg);
-ms-transform: rotate(284.40000000000003deg);
-o-transform: rotate(284.40000000000003deg);
transform: rotate(284.40000000000003deg);
}
.c100.p80 .bar {
-webkit-transform: rotate(288deg);
-moz-transform: rotate(288deg);
-ms-transform: rotate(288deg);
-o-transform: rotate(288deg);
transform: rotate(288deg);
}
.c100.p81 .bar {
-webkit-transform: rotate(291.6deg);
-moz-transform: rotate(291.6deg);
-ms-transform: rotate(291.6deg);
-o-transform: rotate(291.6deg);
transform: rotate(291.6deg);
}
.c100.p82 .bar {
-webkit-transform: rotate(295.2deg);
-moz-transform: rotate(295.2deg);
-ms-transform: rotate(295.2deg);
-o-transform: rotate(295.2deg);
transform: rotate(295.2deg);
}
.c100.p83 .bar {
-webkit-transform: rotate(298.8deg);
-moz-transform: rotate(298.8deg);
-ms-transform: rotate(298.8deg);
-o-transform: rotate(298.8deg);
transform: rotate(298.8deg);
}
.c100.p84 .bar {
-webkit-transform: rotate(302.40000000000003deg);
-moz-transform: rotate(302.40000000000003deg);
-ms-transform: rotate(302.40000000000003deg);
-o-transform: rotate(302.40000000000003deg);
transform: rotate(302.40000000000003deg);
}
.c100.p85 .bar {
-webkit-transform: rotate(306deg);
-moz-transform: rotate(306deg);
-ms-transform: rotate(306deg);
-o-transform: rotate(306deg);
transform: rotate(306deg);
}
.c100.p86 .bar {
-webkit-transform: rotate(309.6deg);
-moz-transform: rotate(309.6deg);
-ms-transform: rotate(309.6deg);
-o-transform: rotate(309.6deg);
transform: rotate(309.6deg);
}
.c100.p87 .bar {
-webkit-transform: rotate(313.2deg);
-moz-transform: rotate(313.2deg);
-ms-transform: rotate(313.2deg);
-o-transform: rotate(313.2deg);
transform: rotate(313.2deg);
}
.c100.p88 .bar {
-webkit-transform: rotate(316.8deg);
-moz-transform: rotate(316.8deg);
-ms-transform: rotate(316.8deg);
-o-transform: rotate(316.8deg);
transform: rotate(316.8deg);
}
.c100.p89 .bar {
-webkit-transform: rotate(320.40000000000003deg);
-moz-transform: rotate(320.40000000000003deg);
-ms-transform: rotate(320.40000000000003deg);
-o-transform: rotate(320.40000000000003deg);
transform: rotate(320.40000000000003deg);
}
.c100.p90 .bar {
-webkit-transform: rotate(324deg);
-moz-transform: rotate(324deg);
-ms-transform: rotate(324deg);
-o-transform: rotate(324deg);
transform: rotate(324deg);
}
.c100.p91 .bar {
-webkit-transform: rotate(327.6deg);
-moz-transform: rotate(327.6deg);
-ms-transform: rotate(327.6deg);
-o-transform: rotate(327.6deg);
transform: rotate(327.6deg);
}
.c100.p92 .bar {
-webkit-transform: rotate(331.2deg);
-moz-transform: rotate(331.2deg);
-ms-transform: rotate(331.2deg);
-o-transform: rotate(331.2deg);
transform: rotate(331.2deg);
}
.c100.p93 .bar {
-webkit-transform: rotate(334.8deg);
-moz-transform: rotate(334.8deg);
-ms-transform: rotate(334.8deg);
-o-transform: rotate(334.8deg);
transform: rotate(334.8deg);
}
.c100.p94 .bar {
-webkit-transform: rotate(338.40000000000003deg);
-moz-transform: rotate(338.40000000000003deg);
-ms-transform: rotate(338.40000000000003deg);
-o-transform: rotate(338.40000000000003deg);
transform: rotate(338.40000000000003deg);
}
.c100.p95 .bar {
-webkit-transform: rotate(342deg);
-moz-transform: rotate(342deg);
-ms-transform: rotate(342deg);
-o-transform: rotate(342deg);
transform: rotate(342deg);
}
.c100.p96 .bar {
-webkit-transform: rotate(345.6deg);
-moz-transform: rotate(345.6deg);
-ms-transform: rotate(345.6deg);
-o-transform: rotate(345.6deg);
transform: rotate(345.6deg);
}
.c100.p97 .bar {
-webkit-transform: rotate(349.2deg);
-moz-transform: rotate(349.2deg);
-ms-transform: rotate(349.2deg);
-o-transform: rotate(349.2deg);
transform: rotate(349.2deg);
}
.c100.p98 .bar {
-webkit-transform: rotate(352.8deg);
-moz-transform: rotate(352.8deg);
-ms-transform: rotate(352.8deg);
-o-transform: rotate(352.8deg);
transform: rotate(352.8deg);
}
.c100.p99 .bar {
-webkit-transform: rotate(356.40000000000003deg);
-moz-transform: rotate(356.40000000000003deg);
-ms-transform: rotate(356.40000000000003deg);
-o-transform: rotate(356.40000000000003deg);
transform: rotate(356.40000000000003deg);
}
.c100.p100 .bar {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
/* .c100:hover {
cursor: default;
}
.c100:hover > span {
width: 3.33em;
line-height: 3.33em;
font-size: 0.3em;
color: #0F8643;
}
.c100:hover > span:hover {
left: 0 !important;
top: 0 !important;
}
.c100:hover:after {
top: 0.04em;
left: 0.04em;
width: 0.92em;
height: 0.92em;
} */
.c100.dark {
background-color: #777777;
}
.c100.dark .bar,
.c100.dark .fill {
border-color: #c6ff00 !important;
}
.c100.dark > span {
color: #777777;
}
.c100.dark:after {
background-color: #666666;
}
/* .c100.dark:hover > span {
color: #c6ff00;
} */
.c100.green .bar,
.c100.green .fill {
border-color: #0F8643 !important;
}
/* .c100.green:hover > span {
color: #0F8643;
} */
.c100.green.dark .bar,
.c100.green.dark .fill {
border-color: #0F8643 !important;
}
/* .c100.green.dark:hover > span {
color: #0F8643;
} */
.c100.yellow .bar,
.c100.yellow .fill {
/* border-color: #dd9d22 !important; */
border-color: #FF8000 !important;
}
/* .c100.yellow:hover > span {
color: #FF8000;
} */
.c100.yellow.dark .bar,
.c100.yellow.dark .fill {
border-color: #FF8000 !important;
}
/* .c100.yellow.dark:hover > span {
color: #FF8000;
} */
.c100.red .bar,
.c100.received-requests-nav .fill {
border-color: #DE4F60 !important;
}
/* .c100.red:hover > span {
color: #DE4F60;
} */
.c100.red.dark .bar,
.c100.red.dark .fill {
border-color: #DE4F60 !important;
}
/* .c100.red.dark:hover > span {
color: #DE4F60;
} */
.c100.orange .bar,
.c100.received-requests-nav .fill {
border-color: #FFBF00 !important;
}
/* .c100.orange:hover > span {
color: #FFBF00;
} */
.c100.orange.dark .bar,
.c100.orange.dark .fill {
border-color: #FFBF00 !important;
}
/* .c100.orange.dark:hover > span {
color: #FFBF00;
} */
.selected-template {
background-image: url('../assets/images/checkmark-green.png');
background-repeat: no-repeat;
background-position: top left;
background-size: 12px 10px;
background-color: #edf0f1;
border: 3px solid #0F8643;
}
/* Progress circular related css ends here */
.proforma-docs {
margin-bottom: 8px;
}
.font-size-14 {
font-size: 14px;
}
.font-size-1p5rem{
font-size:1.5rem;
}
.mh-initial{
min-height: initial !important;
}
.productdetail-ribbon-fixed {
height:auto;
/* position: fixed; */
top: initial !important;
z-index: 2000;
width: calc(100% - 16px) !important;
padding: 8px;
}
.productdetail-tabs-position {
position: relative;
margin-left: 32.25%;
bottom: 0;
}
.supplier-img-wrapper {
width: 5.5em;
height: 4.8em;
}
.supplier-product-search {
min-width: 40px !important;
padding:0;
margin:0 !important;
border-radius: 0px 3px 3px 0px !important;
line-height: 3.5rem;
height: 3.5rem;
box-shadow: none !important;
}
div.productdetail-tabs-position md-tabs md-tabs-wrapper{
position: fixed;
background-color: #FFF !important;
z-index: 2;
width: calc(100% - 37.2%);
/* width: 100%; */
/* width: calc(100% - 496px); */
margin-top: -1px;
border-top: 1px solid #d4d6d8 !important;
}
div.productdetail-tabs-position md-tabs.md-dynamic-height md-tabs-content-wrapper {
margin-top: 50px !important;
}
.ml-16{
margin-left: 16px;
}
.user-criteria-guidelines li{
list-style-type: circle;
}
.md-datepicker-calendar-icon {
color: #9e9e9e !important;
}
.bb-none {
border-bottom: none !important;
}
.active-notification {
background-color: #EDF0F1;
box-shadow: none !important;
}
.br-supplier-name {
float: left;
display: inline-block;
width: 85%;
font-size: 1.3rem;
line-height: 18px;
}
.br-resp-count {
width: 15%;
float: left;
display: inline-block;
font-size: 1.3rem;
line-height: 18px;
}
/*.pt-77 {
padding-top:77px !important;
}*/
.min-sidenav {
width: 85px !important;
max-width: initial !important;
min-width: initial !important;
}
.pl-6 {
padding-left: 6px;
}
.prod-img-thumbnail li {
height: 4.8em;
/*width: 100%;*/
}
.prod-thumbnail {
height: 4.8em;
/*width: 100%;*/
float: left;
display: block;
}
.cart-items-title {
color: #fff !important;
}
#vertical-navigation.sidenav-design {
min-width: 110px !important;
max-width: 110px !important;
width: 110px !important;
border-right: 1px solid #d4d6d8;
box-shadow: none !important;
position: fixed !important;
top: 84px;
}
.content-area {
margin-left: 110px;
}
.prod-detail-img-container {
height: 20em;
}
.mv-3 {
margin-top: 3px;
margin-bottom: 3px;
}
.pl-3 {
padding-left:3px;
}
.buy-request-name {
margin-bottom: 8px;
font-size: 15px;
font-weight: 600;
}
.buyrqst-response-list {
background-color: #EFF8EA;
}
.md-divider-aligned {
position: relative;
top: 3px;
height: 42px;
width: 58px;
right: 20px;
}
.supplier-product-name {
width: 80px;
}
.list-supplier-name {
line-height: 15px;
font-size: 12px;
display: block;
}
.position-images-fixed {
position: fixed;
z-index: 5;
}
@media only screen and (min-width: 960px) and (max-width: 1280px) {
md-dialog md-dialog-content md-content div.productdetail-tabs-position md-tabs md-tabs-wrapper {
width: 62.2% !important;
}
}
.reponses-container {
margin: 8px 0;
}
.height-132 {
height: 132px;
min-height: 132px;
max-height: 132px;
}
.zindex-145 {
z-index: 145 !important;
}
.height-150{
height: 150px;
}
.position-fixed{
position: fixed;
}
.notifi-order {
width: 98%;
margin: 0 auto 10px auto;
}
.grey-background{
background-color: #EDF0F1 !important;
}
.attachment-opts-container {
padding: 2px 8px;
height: 60px;
background-color: #fff;
border: 1px solid #d4d6d8;
box-shadow: 3px 3px 2px 0px rgba(212,214,216,1);
}
.attachment-opts li {
line-height: 16px;
}
.reporttemplate-event {
pointer-events:none;
}
.view-more-link {
position: relative;
top: -15px;
}
/*.request-quote {
text-transform: uppercase;
}*/
.session-timedout {
min-height: 550px;
position: relative;
background-color: #edf0f1;
}
.font-size-12{
font-size: 12px;
}
.mt-12{
margin-top: 12px;
}
.ml-4{
/*margin-top: -4px;*/
margin-left: 4px;
}
.history-content {
min-height: 250px;
margin-left: 12px;
position: relative;
padding: 8px;
}
.supplier-logo-container {
height: 22em;
/*width: 26.7%;*/
width: 20em;
position: fixed;
}
.pt-14{
padding-top:14px;
}
.mr-2perc {
margin-right: 2% !important;
}
.company-rejected-section {
margin: 16px 0;
}
.comp-img-section {
height: 40px;
width: 40px;
background-color: #fff6f7;
border: 1px solid #f17584;
padding: 0px;
}
.comp-rejection-notify-bar {
padding: 6px 10px;
background-color: #fff6f7;
border: 1px solid #f17584;
/*float: left;*/
width: 100%;
height: auto;
margin-left: -1px;
}
.comp-rej-bar-inner {
width: 80%;
margin: 0 auto;
padding: 0 12px;
}
.p-10 {
padding: 10px;
}
.selected-payment-mode::after {
border-width: 20px !important;
margin-top: -21px !important;
}
.mt-30 {
margin-top: 30px;
}
.format-option {
position: absolute;
right: 25px;
z-index: 6;
top: 85%;
height: 35px;
width: 35px;
background: #fff;
border: 1px solid #d4d6d8;
border-radius: 50%;
box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
}
.mr-4 {
margin-right: 4px;
}
.payment-date-picker {
margin-right: 2px !important;
border-radius: 3px;
background-color: #EDF0F1 !important;
}
.payment-date-picker .md-datepicker-triangle-button.md-button.md-icon-button {
right: -136px;
top: -4px;
}
.payment-date-picker .md-datepicker-input-container {
position: relative;
top: -3px;
}
.payment-date-picker .md-datepicker-button {
top: -3px;
}
md-dialog div.productdetail-tabs-position md-tabs md-tabs-wrapper{
width: 61.6% !important;
}
.choose-payment-option {
margin-top: 16px;
}
.img-wrapper {
height: 8.5em;
width: 100%;
}
.field-tip {
position:relative;
cursor:pointer;
}
.field-tip .tip-content {
position:absolute;
top:-45px; /* - top padding */
right:9999px;
width:325px;
font-size: 1.3rem;
line-height: 18px;
margin-right:-310px; /* width + left/right padding */
padding:10px;
background:white;
-webkit-box-shadow:2px 2px 5px #aaa;
-moz-box-shadow:2px 2px 5px #aaa;
box-shadow:2px 2px 5px #aaa;
/* opacity:0; */
visibility: hidden;
-webkit-transition:opacity 250ms ease-out;
-moz-transition:opacity 250ms ease-out;
-ms-transition:opacity 250ms ease-out;
-o-transition:opacity 250ms ease-out;
transition:opacity 250ms ease-out;
}
/* */
.field-tip .tip-content:before {
content:' '; /* Must have content to display */
position:absolute;
top:50%;
left:-16px; /* 2 x border width */
width:0;
height:0;
margin-top:-8px; /* - border width */
border:8px solid transparent;
border-right-color:#d8d2d2;
}
.field-tip:hover .tip-content {
right:-20px;
opacity:1;
visibility: visible;
}
/* .cart-items-wrapper md-tabs-canvas.md-paginated {
margin: 0 32px;
} */
/* Bug#1618 Pavan 16-03 */
.cart-items-wrapper md-tabs-canvas.md-paginated {
margin: 0 20px;
}
.cart-items-wrapper md-tab-item.md-tab {
padding: 12px 6px !important;
}
.cart-items-wrapper md-next-button {
width: 20px;
}
.cart-items-wrapper md-prev-button {
width: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 1152px) {
.cart-items-wrapper {
width: 40% !important;
}
}
@media only screen and (min-width: 1153px) and (max-width: 1366px) {
.cart-items-wrapper {
/*width: 18% !important;*/
width: 18% !important;
}
}
@media only screen and (min-width: 1367px) and (max-width: 1680px) {
.cart-items-wrapper {
width: 17.25% !important;
}
.cart-items-wrapper md-tabs-canvas.md-paginated {
margin: 0 28px;
}
.cart-items-wrapper md-tab-item.md-tab {
padding: 12px 10px !important;
}
.cart-items-wrapper md-next-button {
width: 28px;
}
.cart-items-wrapper md-prev-button {
width: 28px;
}
}
@media screen and (min-width: 1681px) and (max-width: 1920px) {
.reg-logo {
right: 100px !important;
}
.cart-items-wrapper {
width: 17.9% !important;
}
.cart-items-wrapper md-tabs-canvas.md-paginated {
margin: 0 32px;
}
.cart-items-wrapper md-tab-item.md-tab {
padding: 12px 18px !important;
}
.cart-items-wrapper md-next-button {
width: 32px;
}
.cart-items-wrapper md-prev-button {
width: 32px;
}
}
/* Bug#1618 Pavan 16-03 End*/
.tot-amt {
position: absolute;
bottom: 0%;
margin-top: 0.835rem;
}
.certificates-section{
border: 1px solid #d4d6d8;
padding: 8px;
box-shadow: 2px 2px 4px #d4d6d8 !important;
/*margin-right: 8px;*/
}
.view-certificate-btn{
width: 65%;
height: 25px !important;
line-height: 22px !important;
margin-right: 0px;
margin-top: 10px;
}
md-dialog .md-toolbar-tools a.green-fg md-icon.green-fg {
color: #0F8643!important;
}
.prod-img {
height: 2.2em;
width: 2em;
/*background-color: #f4f4f4;*/
}
.unread-notification-message {
font-weight: 700 !important;
background-color: #EDF0F1 !important;
color: #25333C !important;
}
.mh-250 {
min-height: 250px !important;
}
tltext-angular#payment-terms div.mb-20 {
margin-bottom: 0px !important;
}
tltext-angular#cancel-terms div.mb-20 {
margin-bottom: 0px !important;
}
tltext-angular#note div.mb-20 {
margin-bottom: 0px !important;
}
.width-95-percent {
width :95%;
}
.mv-15{
margin-top: 15px;
margin-bottom: 15px;
}
.wid-30{
width :30%;
}
.wid-55 {
width: 55%;
}
div.supplier-prod-tabs-position {
position: relative;
top: 0;/* Pavan bug#2673 changed the margin-top value to 5px from -3px; */
}
div.supplier-prod-tabs-position md-tabs md-tabs-wrapper{
position: fixed;
background-color: #FFF !important;
z-index: 2;
width: calc(100% - 308px);
}
div.supplier-prod-tabs-position md-tabs.md-dynamic-height md-tabs-content-wrapper {
margin-top: 50px !important;
}
.supplier-product-options {
position: fixed;
right: 222px;
z-index: 3;
margin: 6px 0; /* Pavan bug#2673 changed the margin-top value to 5px from -3px; */
}
.supplier-prod-header-fixed {
height: 50px;
position: fixed;
top: 144px;
width: calc(100% - 325px);
z-index: 1;
background-color: #FFF;
}
.supplier-prod-sidenav-fixed {
position: fixed;
z-index: 5;
width: 19%;
top: 172px;
}
.supplier-prod-content-position {
position: relative;
}
.prod-content-container {
position: relative;
margin-top:100px;
}
.ml-26-percent {
margin-left: 26%;
}
.no-bb{
border-bottom: none !important;
}
.small-circle {
width: 12px;
height: 12px;
border-radius: 50%;
margin-top: 4px;
margin-right: 5px;
}
.green-border {
border: 1px solid #0F8643;
}
.red-border {
border: 1px solid #DE4F60;
}
.aahar-newlabel {
top: -1px;
right: 85px;
padding: 0 6px;
height: 13px;
line-height: 13px;
position: absolute;
background-color: #DE4F60;
font-size: 10px;
color: #fff;
animation: blinker 1.5s linear infinite;
}
@keyframes blinker {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes blinker {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-moz-keyframes blinker {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
/*.aahar-img-container {
position: relative;
background: #fff;
overflow: hidden;
}*/
.aahar-img-container {
/*content: ' ';
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 45em;
z-index: 1;
opacity: 0.6;
background-image: url('../assets/images/AAHAR-Hero.jpg');
background-repeat: no-repeat;
background-position: 50% 0;
-ms-background-size: cover;
-o-background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
background-size: cover;*/
background:linear-gradient(#fff, rgba(255,255,255,0.6), transparent), url('../assets/images/AAHAR-Hero.jpg') no-repeat center; ;
/*background-repeat:no-repeat;*/
background-size:cover;
/*background-color: #24292e; */
width:100%;
color: #25333C;
height: 45em;
background-position: 50% center;
}
.aahar-bg-container {
background: -webkit-linear-gradient(to right, #134e5e, #71b280);
background: linear-gradient(to right, #134e5e, #71b280);
background-position: 0 0;
width:100%;
color: #fff;
height: 45em;
background-position: 50% center;
}
.tl-logo-header {
/*position: absolute;
top: 32px;
left: 24px;*/
background-color: rgba(255,255,255,0.6);
padding: 16px 16px;
cursor: pointer;
}
.tl-aahar-footer {
position: absolute;
bottom: 0;
top: initial !important;
width: 100%;
padding: 0 24px;
}
.tl-logo {
height: 35px;
display: block;
width: 250px;
}
.tl-aahar-title {
color:#25333C;
width: 100%;
font-size: 5.5rem;
line-height: 7rem;
margin: 0 auto;
}
.aahar-title1 {
color: #25333C;
}
.footer-copyrights {
color: #25333C;
font-weight: 600;
text-align: left;
}
@media screen and (min-width: 480px) and (max-width: 760px) {
.types-of-business {
width:40% !important;
margin: 0 auto;
}
}
@media screen and (min-width: 320px) and (max-width: 480px) {
.company-setting-card.custom-supplier-mbcards {
padding-top: 0px !important;
}
.aahar-img-container, .aahar-bg-container {
height: 42em !important;
}
.mac.chrome .aahar-img-container, .mac.chrome .aahar-bg-container{
height: 45em !important;
}
.form-input-layout.layout-xs, .form-input-layout.layout-xs-column, .form-input-layout.layout-xs-row, .form-input-layout.form-input-layout.layout, .form-input-layout.layout-column, .form-input-layout.layout-row {
display: initial !important;
}
.email-layout {
display: initial !important;
}
.aahar-input {
width: 85%;
margin: 0 auto;
}
.aahar-label-email, .aahar-label-mobi {
bottom: 0 !important;
left: 30px !important;
}
.tl-aahar-title {
font-size: 3rem !important;
line-height: 3.8rem !important;
}
.aahar-contact-form {
margin-top: 16px;
}
.aahar-contact-form p {
font-size: 1.6rem !important;
line-height: 2.2rem !important;
padding: 0 8px;
width: 75%;
margin: 16px auto;
}
.supported-business {
width: 100% !important;
}
.tl-logo {
width: 215px;
display: block;
margin-left: auto;
margin-right: auto;
}
.regi-btn {
margin: 0 0 auto auto !important;
float: right;
}
.regi-btn1 {
min-width: initial !important;
right: 0px;
bottom: initial !important;
top: 15px;
}
.types-of-business {
width: 75% !important;
padding: 0 12px;
margin: 16px auto !important;
}
.footer-copyrights {
padding-left: 24px;
position: relative;
bottom: 16px;
text-align: center;
}
.circle-img {
display: none;
}
.prod-search-results-container {
margin-left: 0 !important;
}
.footer-disclaimer {
width: 100% !important;
}
.global-company {
height: 200px !important;
width: 320px !important;
}
.order-item-block {
min-height: initial !important;
}
}
.regi-btn1 {
position: relative;
bottom: 10px;
}
.tl-aahar-footer .tl-logo {
width: 40px;
height: 40px;
}
.circle-img {
border: 1px solid #fff;
background-color: #fff;
width: 55px;
height: 55px;
border-radius: 50%;
position: relative;
bottom: 24px;
right: 24px;
}
.footer-disclaimer {
width: 85%;
margin: 0 auto 16px;
padding: 0 12px;
}
.disclaimer-msg {
font-size: 11px;
/*width: 88%;*/
line-height: 18px;
font-style: italic;
}
.aahar-contact-form {
margin-top: 30px;
}
.mac.chrome .aahar-img-container{
height: 60em !important;
}
.types-of-business {
width: 35%;
margin: 0 auto;
}
.supported-business li{
float: left;
color: #515454;
margin-right: 8px;
display: inline;
padding-right: 8px;
font-size: 13px;
font-weight: 600;
line-height: 16px;
}
.supported-business li p {
color: #25333C;
}
.no-pb{
padding-bottom: 0px !important;
}
/*md-toast.md-error-toast-theme .md-toast-content {
background-color: #0F8643;
}*/
md-toast.md-default-theme .md-toast-content, md-toast .md-toast-content {
/* background-color: #7aaccf; color: #000 !important; */
background-color: #0288d1; color: #fff !important;
font-size: 15px !important;
font-weight: 500;
height: auto;
}
@media (min-width: 960px) {
md-toast {
min-width: 100%;
height: auto;
}
}
md-toast.md-default-theme .md-toast-content .md-button.md-highlight, md-toast .md-toast-content .md-button.md-highlight {
color: #fff !important;
}
.bg-edf0f1 {
background-color:#edf0f1;
}
md-dialog .reply-fixed-header {
position: fixed;
/* -moz-width: calc(95% - 306px);
-webkit-width: 95%;
width: 95%; */
/* width: 65.09em; */
left: 16px;
z-index: 17;
top: 40px;
/* width: calc(100% - 32px); */
width: calc(100% - 32px);
-moz-width: calc(100% - 32px);
}
.gecko md-dialog .reply-fixed-header {
width: calc(100% - 305px);
}
.mac.safari md-dialog .reply-fixed-header {
width: calc(100% - 32px) !important;
}
.reply-content {
position: relative;
margin-top: 41px !important;
background-color: #fff !important;
overflow-x: hidden;
}
.reply-unit {
position: absolute;
top: 15px;
color: #d4d6d8;
font-size: 12px;
}
/* css for product search results*/
.product-list-item {
padding: 8px;
/*margin-bottom: 8px;*/
background: #fff;
}
.product-list-item:hover {
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .16);
transition: all .2s ease-in-out;
/*border: 1px solid #d4d6d8;*/
}
.box-item {
border-bottom: 1px solid #d4d6d8;
}
.prod-img {
width: 16.5%;
float: left;
height: 100%;
}
.prod-inf {
padding: 0 8px;
width: 34.5%;
float: left;
}
.supplier-inf {
width: 23%;
padding: 0 8px;
float: left;
}
.prod-price {
width: 20%;
padding: 0 8px;
float: left;
/* position: relative; */
}
.prod-contact-actions {
/* position: absolute;
top: 70px; */
padding-top: 16px;
}
.prod-links {
width: 5%;
float: left;
position: relative;
}
.attribute-label, .attribute-val {
font-size: 13px;
/* line-height: 20px; */
}
.attribute-val {
font-weight: 500;
color: #25333C;
/*width: 50%;*/
}
.prod-link-align {
margin-left: 12px;
margin-right: 12px;
display: block;
}
/*.scroller_anchor{height:0px; margin:0; padding:0;}
.scroller {
background:#FFF;
margin:0 0 10px;
z-index:100;
height: 960px;
width:960px;
}*/
md-menu-item {
min-height: 30px;
height: 30px;
line-height: 30px;
}
.sticky-facets {
/*background: #ccc;
height: 900px;
position: -webkit-sticky;
position: sticky;
top: 0px;*/
border:1px solid #CCC;
margin:0 0 10px;
z-index:100;
/*background-color: #c0c0c0;*/
/*position:fixed;
top: 64px;
left: 0;
width:100%;
z-index:100;*/
}
.some-elem {
width:20%;
padding: 1em 0;
}
.fix-to-top {
position: fixed;
top: 0;
}
.sticks {
display: none;
}
.is-sticky .sticks {
display: block;
}
.is-sticky .not-sticky {
display: none;
}
.some-element{
padding: 1em 0;
background-color: #ddd;
}
.payment-boxed-options{
border: 1px solid #d4d6d8;
padding: 10px;
width: 100%;
margin: 0 8px 8px 0;
background-color: #fff;
box-shadow: none !important;
}
.blue-text{
color: #4189ba !important;
}
.mt-70-imp {
margin-top: 70px !important;
}
img[alt] {
font-size: 10px;
line-height: 10px !important;
}
.fpwdtooltippopup {
visibility: hidden;
position: absolute;
display: block;
right:20px;
bottom:168px;
padding: 0 15px;
background-color: #fff;
width: 230px;
height: 156px;
border: 1px solid #d4d6d8 ;
border-radius: 3px;
box-shadow: 0 1px 1px rgba(0,0,0,0.3);
z-index:1;
/* border-bottom: 1px dotted black;*/
}
.fixed-sidebar {
position: fixed;
left: 0;
top: 64px;
width: 18%;
}
.fix-to-top {
position: fixed;
top: 64px;
}
.fpwdtooltippopup .fpwdtooltiptext {
/*visibility: hidden;*/
margin-left: 350px;
/*width: 200px;
background-color: whitesmoke;*/
font-size: 13px;
color:#5D636F;
margin-top: -17px;
text-align: left;
border-radius: 3px;
padding: 4px 0;
/*position: absolute;*/
top: -150px;
left: 100%;
}
.fpwdtooltippopup .fpwdtooltiptext::after {
content: "";
position: absolute;
top: 69%;
right: 100%;
margin-top: -105px;
border-width: 10px;
border-style: solid;
border-color: transparent #d4d6d8 transparent transparent;
}
.fpwdtooltippopup {
position: relative;
display: block;
right: -12px;
padding: 0 15px;
background-color: #fff;
width: 230px;
height: auto;
border: 1px solid #d4d6d8 ;
border-radius: 3px;
top: -10px !important;
box-shadow: 0 1px 1px rgba(0,0,0,0.3);
z-index:2;
}
.login-register-box {
width: 190px;
height: 90px;
/*background-color: #f6fcff;
border: 1px solid #4189BA;*/
background-color: #F9FFF7;
border: 1px solid #aef989;
padding: 16px;
margin: 28px 0;
font-size: 1.3rem;
}
.inquiry-docs-list {
margin-top: 16px;
}
.inquiry-docs-list li {
float: left;
width: 25%;
border: 1px solid #d4d6d8;
}
.fixed-searchresults {
position: fixed;
top: 95px;
background-color: #fff;
z-index: 5;
right: 0;
left: 0;
/* width: 100%; */
width: calc(100% - 16px);
}
.fixed-links {
/*top: 122px; Modified*/
top: 45px;
right: 0;
/*position: fixed; Modified*/
position: relative;
/*z-index: 10; Modified*/
z-index: 1;
}
md-tabs.supplier-detail-tab md-tabs-wrapper{
position: fixed;
/*top: 85px;*/
z-index: 0;
left: 0;
right: 0;
width: calc(100% - 16px);
/*width: 100%;*/
background-color: #fff;
}
md-tabs.supplier-detail-tab.md-dynamic-height md-tabs-content-wrapper {
padding-top: 60px !important;
}
.tl-secondary-btn {
border: 1px solid #0F8643;
color: #0F8643;
font-size: 1.3rem;
line-height: 20px;
padding: 4px 16px;
border-radius: 25px;
background-color: #fff;
}
.tl-secondary-btn:hover {
background-color: #0F8643;
color: #fff;
}
.tl-primary-btn {
background-color: #0F8643;
color: #fff;
font-size: 1.3rem;
line-height: 20px;
padding: 4px 16px;
border-radius: 25px;
box-shadow: 2px 2px 4px #0F8643;
}
.tooltipForMouseHover .tooltip-adjust {
/* margin-left: -40px !important; */
left: -30px !important;
}
.tooltipForMouseHover .tooltip-adjust::after {
/* left: 32.25% !important; */
left: 24.6% !important;
}
.explore-tab-content {
max-height: 215px;
overflow-x: hidden;
}
/*md-tab-content {
overflow: initial !important;
}*/
.md-tabs-content {
overflow: scroll;
}
.top-85{
top:85px;
}
.button-disabled {
cursor: not-allowed !important;
pointer-events: none;
border: 1px solid #9e9e9e !important;
color: #9e9e9e !important;
border-radius: 25px;
padding: 0px 20px;
font-size: 1.2rem;
height: 25px !important;
line-height: 24px !important;
/*margin-right: 20px;*/
display: inline-block;
text-align: center;
margin-right: 0 !important;
background-color: #fff !important;
box-shadow: none !important;
}
.bt-none{
border-top:0 !important
}
/* sandhya - for positioned the incoterm tootltip in ELC & EDS Screens*/
md-option[text]:hover {
position: relative;
z-index: 158;
}
md-option[text]:hover:after {
content: attr(text);
/*padding: 4px 8px;
position: absolute;
left: 0;
top: 100%;
white-space: nowrap;
z-index: 158px;*/
width: 250px;
background: #fafafa;
border: 1px solid #d4d6d8;
padding: 4px;
font-size: 1.2rem;
line-height: 15px;
height: auto;
}
.info-min-height {
min-height:40px;
}
/*sandhya - for aligining the uploaded product images*/
.uploaded-prod-image {
height: 100%;
width: 100%;
margin:0;
object-fit: contain;
border: 1px solid #d4d6d8;
background-color: #f4f4f4;
}
md-dialog .compare-fixed-header {
position: fixed;
left: 16px;
z-index: 17;
top: 40px;
width: calc(100% - 32px);
background-color: #fff !important;
}
/* .gecko md-dialog .compare-fixed-header {
width: calc(100% - 21.9%);
}
*/
@media screen and (min-device-width: 768px) and (max-device-width: 960px) {
.gecko md-dialog .compare-fixed-header {
width: calc(100% - 22.5%);
}
/*.groupname-ribbon-fixed {
width: calc(100% - 20.15%);
}*/
}
@media screen and (device-width: 1024px) {
/*.groupname-ribbon-fixed {
width: calc(100% - 30.0%);
}*/
}
@media screen and (device-width: 1280px) {
.gecko md-dialog .compare-fixed-header {
width: calc(100% - 22.5%);
}
/*.groupname-ribbon-fixed {
width: calc(100% - 24.0%);
}*/
}
@media screen and (min-device-width: 1366px) and (max-device-width: 1920px) {
.gt-lg-ml-40{
margin-left: 40px !important;
}
.gecko md-dialog .compare-fixed-header {
width: calc(100% - 22%);
}
/*.groupname-ribbon-fixed {
width: calc(100% - 22.5%);
}*/
}
/*
.content {
min-height: 1000px !important;
}*/
/*@media screen and (min-width: 768px) and (max-width: 960px) {
.groupname-ribbon-fixed {
width: calc(100% - 20.15%);
}
}*/
/*@media screen and (min-width: 961px) and (max-width: 1280px) {
.groupname-ribbon-fixed {
width: calc(100% - 24.05%);
}
}*/
/*@media screen and (min-width: 1281px) and (max-width: 1920px) {
.groupname-ribbon-fixed {
width: calc(100% - 22.5%);
}*/
.proposal-header {
position: fixed;
/* width: calc(100% - 32.6%); */
font-size: 1.3rem;
/* Pavan: commented the width and written updated css beloe=w */
width: calc(100% - 23.2%);
top: 95px;
min-height: 50px !important;
height: 50px !important;
max-height: 50px !important;
border-bottom: 1px solid #d4d6d8;
}
md-dialog .compare-fixed-header.second-header {
top: 81px;
min-height:245px !important;
}
.compare-content {
position: relative;
margin-top: 250px;
background-color: #fff !important;
overflow-x: hidden;
}
.compare-accordion {
padding-left: 8px;
padding-right: 8px;
height: 40px !important;
cursor: pointer;
/* border: 1px solid #d4d6d8; */
}
.mr-13{
margin-right: 13px;
}
.lh-11 {
line-height: 11px !important;
}
.view-more-btn {
margin-top: .9375rem;
text-align: center;
bottom: 2%;
right: 25%;
position: absolute;
}
.register-verify-input {
border: 1px solid #d4d6d8 !important;
height: 35px;
padding:5px 15px !important;
border-radius: 3px;
width: 100%;
background-color: #edf0f1 !important;
margin-left: 20px;
/* line-height: 35px; */
}
.company-rejected-message{
position: relative;
width: 610px;
left: 301px;
top: 36px;
z-index: 3;
/*color: #de4f60 !important;*/
}
.mt-neg-25{
margin-top:-25px;
}
.disabled-link{
cursor: not-allowed !important;
pointer-events: none;
border: 1px solid #9e9e9e!important;
color: #9e9e9e!important;
}
.search-count-bar, .prod-sidenav-facets {
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .16);
/*margin-bottom: 8px;*/
padding: 8px;
background: #fff;
}
.pagination-footer {
margin: 8px 0;
padding: 8px;
border: 1px solid #f4f6f8;
}
.prod-sidenav-facets {
padding-left: 8px;
padding-right: 8px;
padding-bottom: 40px;
}
.search-count-bar {
height: 46px;
padding: 0 8px;
position: fixed;
top: 95px;
left: 0;
z-index: 1;
right: 0;
width: calc(100% - 16px);
}
.contact-supplier md-icon[md-font-icon].s16 {
color: #0F8643;
/*vertical-align: baseline;*/
}
.contact-supplier:hover md-icon[md-font-icon].s16 {
color: #fff;
vertical-align: baseline;
}
.contact-supplier md-icon[md-font-icon].s18 {
color: #0F8643;
/*vertical-align: baseline;*/
}
.contact-supplier:hover md-icon[md-font-icon].s18 {
color: #fff;
vertical-align: baseline;
}
/* .product-search-list {
background-color: #EDF0F1;
} */
/* .md-tabs.supplier-detail-tab md-tabs-wrapper {
width: calc(100% - 16px);
} */
.pos-tab-bar {
width: calc(100% - 16px);
}
.supplier-tool-bar{
width: 100%;
position: fixed;
z-index: 9;
height: 10px;
background-color: #fff;
}
.col{
display: inline-block;
vertical-align: top;
}
.col-3-12 {
width: 25%;
}
.label-name {
color: #9e9e9e;
padding-right: 8px;
}
.col-9-12 {
width: 75%;
}
.inquiry-attr-list li {
float: left;
width: 50%;
/*padding-bottom: 6px;*/
}
.label-value {
word-wrap: break-word;
color: #25333C !important;
}
.inquiry-inner-list li {
width: 100%;
}
.download-icon {
display: block;
float: right;
padding-right: 8px;
padding-top: 8px;
}
.ord-img-container {
width: 7.5em;
height: 6em;
}
.secondary-btn-link md-icon[md-font-icon].s14:hover {
color: #fff !important;
}
md-icon[md-font-icon].s14 {
line-height: 10px !important;
}
md-dialog md-content div#productComparePopupHeader .md-subheader-inner {
padding: 0px !important;
}
.mt-m-5{
margin-top:-5px;
}
/*.mt-5{
margin-top:5px;
}*/
.fav-supplier {
position: absolute;
top: 50px;
right: 16px;
z-index: 16;
}
.ml-12per {
margin-left: 12% !important;
}
@media screen and (max-device-width: 1440px) {
body {
font-size: 13px;
}
/* .pwdtooltip {
left: 462px !important;
} */
}
@media screen and (max-device-width: 1366px) {
/* .pwdtooltip {
left: 245px !important;
} */
}
@media screen and (max-device-width: 1280px) {
/* .pwdtooltip {
left: 412px !important;
} */
}
.height114 {
height: 114px !important;
min-height: 114px !important;
max-height: 114px !important;
}
.height100 {
height: 100px !important;
min-height: 100px !important;
max-height: 100px !important;
}
.leftsidebarfixed {
position: fixed;
top: 200px;
}
.supp-img-container {
/*height: 25em;
width: 100%;*/
border: 1px solid #d4d6d8;
}
.attri-list {
display: table;
width: 100%;
}
.attri-list-cell {
display: table-cell;
vertical-align: top;
word-break: break-word;
}
.passwd-success{
height: 300px;
width: 460px;
border:1px solid #d4d6d8;
}
/*css changes for error codes on login*/
.err-msg-txt {
font-size: 13px;
line-height: 16px;
}
/*This class is only for login page*/
.err-message {
font-size: 13px;
line-height: 16px;
}
.prod-card {
position: relative;
z-index: auto;
visibility: visible;
}
.prod-card:hover {
box-shadow: 0 1px 5px 0 rgba(0,0,0,0.2);
}
p.question::first-letter {
text-transform: capitalize;
}
.text-line-clamp2 {
overflow: hidden!important;
min-height: 40px!important;
text-overflow: ellipsis!important;
display: -webkit-box!important;
-webkit-line-clamp: 2!important;
-webkit-box-orient: vertical;
--x-height-multiplier: 0.342!important;
--baseline-multiplier: 0.22!important;
letter-spacing: -.02em!important;
-webkit-transform: translateY(-1.88px);
transform: translateY(-1.88px);
}
.report-download {
width: 16px;
height: 16px;
margin: 0 auto;
cursor: pointer;
}
.tooltip-heading {
margin-bottom: 0px;
color: #25333C;
margin-left: 3px;
font-weight: 700;
text-align: center;
}
.md-datepicker-button.md-icon-button.md-button {
height: 30px !important;
line-height: 16px;
padding: 0 !important;
}
.elc-product-name {
font-weight: 600;
font-size: 1.4rem;
line-height: 20px;
text-align: center;
color: #0e8543!important;
}
.elc-attribute-name {
color: #000;
line-height: 16px;
font-size: 12px;
padding-left: 8px;
padding-right: 8px;
}
.elc-attribute-value {
font-weight: 600;
font-size: 1.3rem;
line-height: 18px;
/* padding-left: 8px;
padding-right: 8px; */
display: inline;
}
.bb-dashed {
border-bottom: 1px dotted #d4d6d8;
}
.elc-detail-color {
background: #ececec;
}
.icon-content {
float: left;
width: 7%;
}
.info-content {
float: left;
width: 90%;
padding-left: 8px;
}
.ul-content {
list-style-type: disc !important;
display: block !important;
/* commented to hide promotional plan scroll bar - Shivaram */
/* margin-top: 1em !important;
margin-bottom: 1em !important; */
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 20px !important;
}
.ul-content li {
display: list-item !important;
overflow: initial !important;
}
.ol-content {
display: block !important;
list-style-type: decimal !important;
margin-top: 1em !important;
margin-bottom: 1em !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 20px !important;
}
.ol-content li {
display: list-item !important;
overflow: initial !important;
}
ul.category-tree-product-list {
list-style-type: none;
}
/* .gecko .fpwdtooltip {
bottom: 18px !important;
right: -240px !important;
} */
.chrome .fpwdtooltip .fpwdtooltiptext::after{
top:60px;
}
.opacity-0{
opacity: 0;
}
.pr-14 {
padding-right: 14px;
}
.widget-buyrqst-each {
padding: 4px 8px;
cursor: pointer;
}
.feature-rqst-availed, .feature-rqst-available, .dashboard-menu-title {
color: #fff;
font-size: 1.4rem;
font-weight: 600;
}
.inquiry-rqst-header {
background-color: #0F8643;
}
.buyrqst-posted, .buyrqst-qty {
float: left;
}
.buyrqst-posted {
margin-right: 8px;
}
.buyrqst-posted::after, .buyrqst-qty::after {
clear: both;
}
.req-title {
color: #0F8643;
margin: 2px 0;
}
.new-label {
font-size: 1.1rem;
color: #fff;
background-color: #DE4F60;
padding: 0 8px;
line-height: 14px;
border-radius: 3px;
}
.more-filter {
margin-top: 16px;
margin-left: 10px;
}
.filters-list li {
float: left;
width: 195px;
padding-top: 6px;
}
.filter-container {
border: 1px solid #d4d6d8;
padding: 0 8px;
}
.arrow_box {
position: relative;
/*background: #EDF0F1;
border: 1px solid #d4d6d8;*/
background-color: #F9FFF7;
border: 1px solid #aef989;
padding: 8px;
width: 100%;
margin: 8px auto !important;
}
/*.arrow_box:after, .arrow_box:before {
bottom: 100%;
left: 59%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.arrow_box:after {
border-color: rgba(136, 183, 213, 0);
border-bottom-color: #d4d6d8;
border-width: 12px;
margin-left: -12px;
}
.arrow_box:before {
border-color: rgba(194, 225, 245, 0);
border-bottom-color: #d4d6d8;
border-width: 12px;
margin-left: -12px;
}*/
.quote-rec {
color: #4189ba;
font-size: 1.3rem;
}
.inquiry-supplier-response {
border-right: 1px solid #d4d6d8;
/* border-top: 1px solid #d4d6d8; */
padding: 4px 8px;
}
.inquiry-attr-response {
padding: 4px 8px;
border-bottom: 1px solid #d4d6d8;
}
.inquiry-attributes {
padding: 4px 8px;
}
.discussion {
list-style: none;
margin: 0;
padding: 3px;
}
/* .inquiry-discussion-container {
height: 550px;
overflow-y: scroll;
} */
.discussion li {
padding: 0.5rem 8px;
overflow: hidden;
display: flex;
}
.discussion .user-avatar {
/*// width: 40px; // stronger than %*/
/*// could set height, but gonna bottom-align instead*/
position: relative;
}
.other .user-avatar:after {
content: "";
position: absolute;
top: 0;
right: 0;
width: 0;
height: 0;
border: 5px solid #BEECDC;
border-left-color: transparent;
border-bottom-color: transparent;
}
.self {
justify-content: flex-end;
align-items: flex-end;
}
.self .messages {
order: 1;
border-bottom-right-radius: 0;
}
.self .user-avatar {
order: 2;
}
.self .user-avatar:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 0;
border: 5px solid #328867;
border-right-color: transparent;
border-top-color: transparent;
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}
.self .messages {
background: #328867;
color: #fff;
}
.other .messages {
border-radius: 0 5px 5px 5px;
}
.self .messages {
border-radius: 5px 5px 0 5px;
}
.messages {
background: #BEECDC;
padding: 5px;
/* border-radius: 5px; */
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
min-width: 60%;
color: #000;
}
/*.messages p{
background: white;
padding: 10px;
border-radius: 2px;
box-shadow: 0 1px 2px rgba(black, 0.2);
font-size: 1.3rem;
margin: 0 0 0.2rem 0;
}*/
.messages p {
font-size: 1.3rem;
margin: 0 0 0.2rem 0;
}
.messages time {
font-size: 1.1rem;
}
.btn-align-center {
display: block !important;
margin-left: auto;
margin-right: auto;
width: 125px;
}
.renew-subscription-disabled {
/*background-color: #edf0f1 ;*/
opacity:0.5;
cursor: not-allowed;
pointer-events: none;
color: #d4d6d8 ;
}
.support-countrycode{
/*margin:-2px 0px;*/
/*height: 40px;*/
background-size: 10px 10px;
background-position: 58px 13px;
border-radius: 3px 0px 0px 3px;
border-width: 1px 0px 1px 1px;
background-color: #f2f2f2;
margin-right: -14px;
}
.search-filter-accordion {
background-color: #edf0f1;
/* margin-top: 5px; */
margin-bottom: 8px;
font-size: 13px;
font-weight: 500;
padding: 6px;
cursor: pointer;
}
.cat-view-more {
position: absolute;
bottom: 14px;
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
right: 28%;
padding-top: 16px;
}
.added-proposal{
font-size: 1.2rem;
text-transform: uppercase;
font-weight: 600;
color: #000;
}
.supplier-response-sidenav{
/* padding:8px;
border: none !important; */
}
.supplier-response-sidenav :hover{
color: #0e8543!important
}
.supplier-options li:hover {
color: #0F8643;
}
.supplier-options li a {
color: #25333c;
}
.supplier-options li .supp-name-id:hover a span{
color: #0F8643;
}
.supplier-options {
display: inline-block;
margin: 0;
border-radius: 5px;
border: 1px solid #d3d4d5;
-webkit-padding-start: 0;
-moz-padding-start: 0;
}
.supplier-options li {
list-style-type: none;
background-color: #fff;
position: relative;
}
/*Pavan Showing bulleted list of marketplace to supplier */
.product-mktplace-publish {
margin: 0px !important;
word-break: break-word;
line-height: 20px !important;
color: #25333C;
font-weight: 600;
font-size: 13px !important;
}
.mb-4 {
margin-bottom: 4px;
}
.inquiry-discussion {
/* min-height: calc(100% - 92px); */
height: 400px;
position: relative;
overflow: auto;
background: #fff !important;
}
.inquiry-discussion-container {
/* height: 550px; */
/*overflow-y: scroll;*/
position: relative;
border: 1px solid #eaedef;
float: left;
width: 100%;
}
.supplier-response-input .md-errors-spacer {
display: none !important;
}
.supplier-response-input textarea.md-input {
height: 75px !important;
line-height: 24px;
/* overflow-y: scroll; */
}
.height-109 {
/* min-height: 109px !important;
height: 109px !important;
max-height: 109px !important; */
}
.height-75 {
height: 75px !important;
}
.supplier-party-name {
font-size: 1.4rem;
line-height: 24px;
display: block;
}
.item-history-link {
text-decoration: underline;
color: #0F8643;
position: relative;
}
.history-tooltip {
height: auto;
min-height: 150px;
position: absolute;
bottom: 0;
border: 1px solid #f4f6f8;
background-color: #fff;
padding: 14px 18px;
text-align: left;
overflow-x: hidden;
height: auto;
overflow-y: auto;
}
.show-history {
position: absolute;
top: 28px;
left: 6px;
z-index: 178;
border-radius: 3px;
border: 1px solid #f4f6f8;
padding: 8px;
height: 125px;
width: 165px;
box-shadow: 2px 1px 1px rgba(0,0,0,0.3);
background-color: #fff;
}
.show-history::after {
content: " ";
position: absolute;
border: 1px solid #d4d6d8;
bottom: 100%;
left: 0;
margin-right: 4px;
border-width: 5px;
border-style: solid;
border-color: transparent transparent #d4d6d8 transparent;
}
.dashboard-table thead tr {
background-color: #0f98c1 !important;
color: #fff;
border: none !important;
text-align: left;
}
.dashboard-table tr th {
background-color: #fff !important;
color: rgba(0,0,0,.54);
border-bottom: 1px solid #d4d6d8 !important;
font-size: 1.2rem;
border-top: none !important;
border-left: none !important;
border-right: none !important;
}
.dashboard-table tr td {
border-bottom: 1px solid #d4d6d8 !important;
font-size: 1.2rem;
line-height: 20px;
text-align: left;
border-top: none !important;
border-left: none !important;
border-right: none !important;
}
.dashboard-table tr {
border : none !important;
}
/*.dashboard-table tr:odd{
background-color: #f4f6f8 !important;
}*/
.dashboard-table tr:nth-child(odd) {
background-color: #edf0f1 !important;
}
.dashboard-table tr:last-child {
background-color: transparent !important;
}
.widget-test-container {
width: 100%;
}
.widget-body {
width: 20%;
border: 1px solid #f4f6f8;
padding: 16px;
background-color: #edf0f1;
}
.widget-img {
width: 25%;
float: left;
}
.wiget-type {
color: #9e9e9e;
}
.widget-content-area {
min-width: 18% !important;
}
.widget-count {
width: 75%;
float: left;
}
.width90 {
width: 90px !important;
}
.p-6 {
padding: 6px;
}
.unread-messages-badge {
border: 1px solid #de4f60 !important;
background-color: #de4f60 !important;
color: #fff;
border-radius: 10%;
width: 40px;
font-size: 1.2rem;
height: 20px;
line-height: 20px;
text-align: center;
}
.wid-78 {
width: 78%;
}
.wid-72 {
width: 72%;
}
.history-prev, .history-next {
position: absolute;
top: 49.9%;
z-index: 8;
left: 19.7%;
background: #ece7e7;
border: 1px solid #f4f6f8;
/* padding-right: 8px; */
padding: 20px 3px;
}
.history-next {
right: 0.5%;
left: initial !important;
}
.history-prev:hover, .history-next:hover {
background-color: #d8d8d8;
}
.c3 text {
font-size: 0.9em;
}
.c3 svg {
font: 10px opensans;
}
.c3 .c3-axis text {
fill: #25333C !important;
}
.c3-axis-y text {
font-size: 11px;
}
.c3-axis-y text {
font-size: 11px;
font-weight: 500;
}
.c3 .c3-chart-arc text {
font-size: 10px !important;
}
.no-content {
margin-left: 0 !important;
}
.unread-inquiry-message {
font-weight: 700 !important;
background-color: #EDF0F1 !important;
color: #25333C !important;
}
/*.c3-arc-TL-Rating {
fill: rgb(255, 111, 60) !important;
}
.c3-arc-TL-Rating > .c3-legend-item-tile {
stroke: rgb(255, 111, 60) !important;
}*/
.bb-none {
border-bottom: 0 !important;
}
.uploaded-catalog-template {
width: 550px !important;
}
.tooltipForMouseHover .uploaded-catalog-template::after {
left: 10.75% !important;
}
.inquiry-bg {
background-color: #eaffd6;
}
.img-sidebar {
width: 30%;
}
.tab-container {
margin-left: 8px;
}
.criteria-function-container {
width: 100%;
background-color: #fff;
padding: 8px;
}
.preview-btn {
padding: 0 20px;
height: 25px;
line-height: 23px;
border: 1px solid #0F8643;
border-radius: 25px;
background-color: #fff;
/*box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.25);*/
font-size: 13px;
/*color: #0F8643 ;*/
color: #0F8643 !important;
display: block;
text-align: center;
}
.preview-btn:hover {
background-color: #0F8643;
color: #fff !important;
}
.uploaded-files-search-btn {
width: 40px !important;
min-width: 40px !important;
padding:0 !important;
margin:0 !important;
border-radius: 0px 3px 3px 0px !important;
line-height: 24px !important;
height: 3.5rem !important;
box-shadow: none !important;
left: -3px;
}
.user-uploaded-files {
border: 1px solid #d4d6d8;
/* margin-top: 16px; */
}
.link-to-copy {
background-color: #f4f6f8;
padding: 6px 8px;
position: absolute;
right: 1px;
top: -1px;
z-index: 6;
height: 100%;
min-height: 32px !important;
}
.thumbnail-img {
position: absolute;
left: -54px;
top: 5px;
}
.products-report-header {
background-color: #fcfbf9;
border-top: 1px solid #d4d6d8;
border-left: 1px solid #d4d6d8;
border-right: 1px solid #d4d6d8;
padding:8px;
}
.products-report-status-header {
border-bottom: 1px solid #d4d6d8;
/* padding: 0px 8px; */
background-color: #edf0f1;
}
.products-report-status {
border: 1px solid #d4d6d8;
}
.products-report-status-subheader {
background-color: #fcfbf9;
border: 1px solid #d4d6d8;
}
.accordion-header {
border: 1px solid #d4d6d8;
min-height: 40px;
margin-top: 8px;
margin-bottom: 8px;
}
.accordion-container {
padding: 8px;
font-weight: 600;
}
.upload-product-img-btn > .attach-file {
margin-top: 0px;
}
.circle-box {
height: 120px;
width: 120px;
border-radius: 50%;
border: 1px solid #f6f6f6;
background-color: #d4d6d8;
}
.view-all-cat {
background: #0e8543;
padding: 8px 16px;
border-radius: 50px;
font-size: 14px;
text-align: center;
text-transform: uppercase;
color: #fff;
}
.global-brand-logo {
height: 40px;
}
.global-brand-logo1 {
height: 44px;
}
.buy-section-1-mob span, .buy-section-2-mob span, .buy-section-3-mob span{
position: absolute;
top: -5px;
left: 60px;
/*width: 125px;*/
padding: 5px;
z-index: 100;
/*background: #7DC142;*/
color: #fff;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
display: none;
}
.buy-section-1-mob span:before, .buy-section-2-mob span:before, .buy-section-3-mob span:before{
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-right: 8px solid #fff;
left: 0px;
top: 0px;
transform: rotate(270deg);
}
/*md-datepicker {
margin-right: 30px !important;
}*/
.buy-learn-more-1, .buy-learn-more-2, .buy-learn-more-3 {
position: relative;
}
.buy-learn-more-1 span:before{
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-right: 8px solid #7DC142;
left: 50%;
top: -4px;
transform: rotate(270deg);
}
.buy-learn-more-2 span:before{
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-right: 8px solid #6CB030;
left: 50%;
top: -4px;
transform: rotate(270deg);
}
.buy-learn-more-3 span:before{
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-right: 8px solid #61A326;
left: 50%;
top: -4px;
transform: rotate(270deg);
}
/*.buy-learn-more span{
position: absolute;
top: -5px;
left: 60px;
width: 125px;
padding: 5px;
z-index: 100;
background: #7DC142;
color: #fff;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
display: none;
}*/
.pri-learn-more, .acc-learn-more {
border: 1px solid #7DC142;
background-color: #7DC142;
border-radius: 25px;
color: #fff;
padding: 0 20px;
font-size: 1.2rem;
text-transform: uppercase;
height: 35px;
line-height: 35px;
text-align: center;
}
.acc-learn-more {
border: 1px solid #0F8643;
background-color: #0F8643;
}
.hiring-circle {
height: 18px;
width: 18px;
background-color: #7DC142;
border-radius: 50%;
border: 1px solid #7DC142;
}
.hiring-banner {
/* height: 40px; */
background-color: #edf0f1;
padding: 8px 0;
}
.disable-role-chip {
display: inline-block;
padding: 0 15px;
height: 30px;
font-size: 13px;
line-height: 28px;
border-radius: 25px;
background-color: #fff;
color: #0F8643;
border: 1px solid #d4d6d8;
}
.quote-compare .md-subheader-inner {
display: block;
padding: 0px;
}
.chat-container {
height: auto;
}
.overflowScroll {
overflow-y: scroll;
}
.overflowNone {
overflow: none;
}
.criteria-weightage-input {
padding: 0 8px !important;
height: 35px !important;
/*width: 60% !important;*/
text-align: right;
}
.overflow-auto{
overflow: auto;
height: 400px;
}
.products-report-status-header {
background-color: #EDF0F1;
max-height: 35px;
}
md-select.textarea-template {
height: 30px;
line-height: 25px;
}
md-select.textarea-template > .md-select-value {
min-height: 25px;
line-height: 25px;
padding: 0px !important;
}
/* .ta-editor ol {
display: block !important;
list-style-type: decimal !important;
margin-top: 1em !important;
margin-bottom: 1em !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 20px !important;
}
.ta-editor ul {
display: block !important;
list-style-type: disc !important;
margin-top: 1em !important;
margin-bottom: 1em !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 20px !important;
} */
.active-report {
/* background-color: #F9FFF7; */
background-color: #daefd3;
}
.carousel-left {
z-index: 6;
top: 15%;
padding: 8px 0;
left: -8px;
background: #c5bfbf;
}
.carousel-right {
z-index: 6;
top: 15%;
padding: 8px 0;
right: -8px;
background: #c5bfbf;
}
.buy-trending {
height: 165px;
width: 100%;
}
.buy-learn-more-sect {
padding: 50px 65px;
}
.buy-home-learnmore {
background: #EDF0F1;
padding: 24px 65px;
}
.buy-headline-list {
margin-left: 1em;
list-style-type: disc !important;
min-height: 78px !important;
}
.buy-headline-list li {
color: #fff;
font-size: 15px;
line-height: 26px;
}
.two-line-item li {
float: left;
width: 50%;
}
.two-line-item::before, .two-line-item::after {
content: '';
clear: both;
}
@media screen and (max-width: 1280px) {
.login-register-box {
width: 100%;
height: auto !important;
}
}
.mb-18 {
margin-bottom: 18px;
}
.business-cards-text h3 {
font-weight: 800;
}
.prof-buy-img {
height: 100%;
object-fit: cover;
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
filter: FlipH;
-ms-filter: "FlipH";
}
.flip-mirror-img {
/* height: 100%; */
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
filter: FlipH;
-ms-filter: "FlipH";
}
.flip-inner-text {
-moz-transform: scaleX(-1) !important;
-o-transform: scaleX(-1) !important;
-webkit-transform: scaleX(-1) !important;
transform: scaleX(-1) !important;
filter: FlipH !important;
-ms-filter: "FlipH" !important;
}
.categories-carousel {
/*width: 85%;
margin: 0 auto;*/
padding: 16px 0;
}
.categories-carousel-list li {
float: left;
width: 135px;
font-size: 13px !important;
line-height: 15px;
margin-right: 16px;
text-align: center;
}
/*.categories-carousel-list li::before {
clear: both;
content: '';
}*/
.categories-carousel-list li a {
color: #999;
}
md-checkbox.select-all .md-label {
margin-bottom: 0 !important;
}
/*.nav-header {
background: #fff;
position: fixed;
left: 0; top: 0;
width:100%;
height: 3.5rem;
z-index: 10;
}
nav {
width: 100%;
padding-top: 0.5rem;
}*/
li.carousel-left-arrow {
background: #edf0f1;
border-radius: 50%;
width: 25px !important;
height: 25px;
border-radius: 50%;
line-height: 25px !important;
}
.width50 {
width: 50px !important;
}
.active-category-item {
/*border-left: 4px solid #0F8643 !important;*/
border-bottom: 2px solid #7DC142 !important;
/*color: #0F8643 ;*/
color: #1e1e1e;
padding-bottom: 4px;
}
/*background-image: url(../assets/images/Homepage/last_fold.jpg),-webkit-linear-gradient(top left, rgba(0,0,0, 0.4) 0%, rgba(0,0,0, 0.4) 100%);
background: -webkit-radial-gradient(20% 95%, circle farthest-corner, rgba(0,0,0, 0.4) 0%, rgba(0,0,0, 0.4) 100%), url(../assets/images/Homepage/last_fold.jpg) 95% 10% no-repeat;*/
md-icon.arrow-icon {
display:none;
}
.cat-subcategories li:hover md-icon.arrow-icon {
display: inline;
position: absolute;
top: 8px;
right: 8px;
}
.bg-e7ffd3 {
background-color: #E7FFD3;
}
.cust-txtpadng{
padding: 5px !important;
}
.compaycode-list-title{
font-size: 1.6rem;
font-weight: 600;
color: #25333C;
line-height: 26px;
}
.center-position {
position: absolute;
top: 24%;
left: 40%;
}
.avatar-section {
height: 35px;
width: 35px;
background: #edf0f1;
border-radius: 50%;
}
.history-comp-codes-table {
/* width: 75%; */
margin: 16px auto;
width: 100%;
margin: 0 auto 16px auto;
}
.show-history-col-1 {
background-color: #edf0f1;
text-align: center;
font-size: 1.4rem;
}
.custm-arbtnrght{
right: 1px !important;
z-index: 6 !important;
top: 6px !important;
}
.custm-arbtnleft{
margin-left: 0px !important;
z-index: 6 !important;
top: 6px !important;
}
@media only screen and (min-width: 320px) and (max-width: 480px) {
.action-btns-sets {
width: 45% !important;
margin: 0 auto;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.action-btns-sets {
width: 35% !important;
margin: 0 auto;
}
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
a.logo img {
height: 30px !important;
}
.clear-all-position {
top: 12px !important;
}
.dialog-overflow-initial {
/* height: 350px; */
}
.custom-md-sidenav {
width: 75%;
}
div > p > a > span.inquiry-attachment-text {
white-space: initial !important;
/* overflow: initial !important; */
max-width: 90% !important;
}
.messages {
width: 100% !important;
/* max-width: 100% !important; */
}
.iconadjustment_two {
margin-left: -13px !important;
bottom: 0 !important;
}
md-steppers-canvas{
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.md-step:after, .md-step:before{
content : unset !important;
}
.custom-treespace{
min-height: auto !important;
overflow-y: scroll;
/* min-height: 275px!important; */
max-height: 275px!important;
border-bottom: 1px solid #e0e0e0;
}
.md-cust-icon-height{
height: 32px !important;
}
.custom-pr8{padding-left:18px !important; padding-right: 0px !important;}
.custom-lead-mdcion{
width: 10px !important;
}
.custom-conte-hght{
line-height:9px !important;
height: 41px !important;
}
.search-count-bar.filter-section {
top: 85px !important;
width: 100%;
}
.custom-searchmb, .cust-search-count-bar{
/* top: 85px !important; */
top: 131px !important;
width: 100%;
}
#search-input{
background-color:#fff !important;
border: 0px solid #d4d6d8 !important;
}
#search-mobile md-input-container{
width: 80% !important;
}
.md-errors-spacer{min-height: 0px !important;}
.custom-spcerblock{top: 64px !important}
.search-bar input { border-bottom-color: #ccc; }
.cust-md-radio{
font-size: 13px;
margin-right: 12px !important;
}
.cust-md-radio .md-container{
top : 15% !important;
width: 2px !important;
height: 2px !important;
}
.cust-md-radio .md-off{
width: 14px!important;
height: 14px!important;
}
.cust-md-radio md-button .md-on{
width: 14px!important;
height: 14px!important;
}
/*22-07-suri*/
.custm-catlineheight{
height: auto !important;
}
.custm-ml-020{margin-left: 0px !important;}
/*end*/
.custom-body2{line-height: 24px !important; padding-left: 7px !important;}
.md-mrg-flg{margin:-7px 6px !important;}
.custm-mdflg-wdth{
width: 50px !important;
height:32px !important;
border: 0px solid #d4d6d8 !important;}
.custom-lftlogin{padding-left: 24px !important;}
.custom-mbcardspd{
padding: 4px 0;
}
.custom-cntv-padding{
padding-left: 5px !important;
margin-left: 0px !important;
}
.custom-cntv-padding11{
padding-left: 8px !important;
margin-left: 0px !important;
}
.custom-fntsuptitle{
font-size: 1.4rem !important;
}
.product-title {
font-size: 1.4rem !important;
line-height: 20px;
}
.custom-fxd-back{
top: 52px !important;
background-color: #fff !important;
}
.custom-bd1rmv{border: 0px solid #0F8643 !important;}
.custom-fxd-back-icn{top: 0px !important;}
.custom-mv-31{margin-top: 46px !important;}
.custom-cnt-supplier{
border: 0px solid #0F8643 !important;
/* line-height: 35px !important; */
}
.custom-prdtitle{
line-height: 1.8rem !important;
}
.cust-attachment{
left: 18px !important;
}
.cust-send-attach{
left:10px !important;
}
.cust-cut-text{
max-width: 163px !important;
}
.pr-4{
padding-right: 4px !important;
}
.cust-margin-vertical-10{
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.cust-field-label{
top: 0 !important;
}
.cust-md-select-padding{
padding: 0 28px !important;
}
.cust-md-icon-top{
top : 7px !important;
}
.custom-blkwdth{
width : 100% !important;
}
.cust-md-input-container-padding{
padding: 0 10px !important;
}
/* .custom-dt-padding{
padding : 0px !important;
} */
.cust-doc-require{
right: 92px !important;
top: 0px;
}
.custom-headwdth{
width: calc(100% - 0px) !important;
}
.custom-mobi-tlbar{
height: 62px !important;
min-height: 75px !important;
max-height: 39px !important;
border-bottom: 0px solid #d4d6d8 !important;
}
.custom-head-mgrm{margin: 0px !important;}
/*key frames for animation */
.custom-animation h1, .custom-animation{
/* for chrome and safari*/
-webkit-animation-duration: 1s;
-webkit-animation-name: slidein;
/*for firefox*/
-moz-animation-duration: 1s;
-moz-animation-name: slidein;
/* for opera*/
-o-animation-duration: 1s;
-o-animation-name: slidein;
/* Standard syntax*/
animation-duration: 1s;
animation-name: slidein;
}
@-webkit-keyframes slidein {
from {
margin-left: 100%;
width: 300%;
}
to {
margin-left: 0%;
width: 100%;
}
}
@-moz-keyframes slidein {
from {
margin-left: 100%;
width: 300%;
}
to {
margin-left: 0%;
width: 100%;
}
}
@-o-keyframes slidein {
from {
margin-left: 100%;
width: 300%;
}
to {
margin-left: 0%;
width: 100%;
}
}
@keyframes slidein {
from {
margin-left: 100%;
width: 300%;
}
to {
margin-left: 0%;
width: 100%;
}
}
/* left to right */
.custom-left-animation h5{
/* for chrome and safari*/
-webkit-animation-duration: 1s;
-webkit-animation-name: slideout;
/*for firefox*/
-moz-animation-duration: 1s;
-moz-animation-name: slideout;
/* for opera*/
-o-animation-duration: 1s;
-o-animation-name: slideout;
/* Standard syntax*/
animation-duration: 1s;
animation-name: slideout;
}
@-webkit-keyframes slideout {
from {
margin-left: 0%;
width: 100%;
}
to {
margin-left: 50%;
width: 300%;
}
}
@-moz-keyframes slideout {
from {
margin-left: 0%;
width: 100%;
}
to {
margin-left: 50%;
width: 300%;
}
}
@-o-keyframes slideout {
from {
margin-left: 0%;
width: 100%;
}
to {
margin-left: 50%;
width: 300%;
}
}
@keyframes slideout {
from {
margin-left: 0%;
width: 100%;
}
to {
margin-left: 50%;
width: 300%;
}
}
/* .cust-propsal-header{
top:150px !important;
width: 100% !important;
border-bottom: 0px solid #fff !important;
} */
.custom-timg-80{
height: 80px!important;
min-height: 80px!important;
max-height: 80px!important;
max-width: 80px !important;
min-width:70px !important;
}
.custm-chkbx{
top: -69px !important;
right: 6px !important;
}
.custm-serchwdth{min-width: 100% !important;}
.custom-sup-opt{right: 0px !important;}
.custom-imgwrapper{ height: auto !important; }
.custom-ml-26-percnt{margin-left: 0% !important;}
.cust-save-doc{
margin-left: 12px !important;
margin-top: 5px !important;
}
.custom-boxshadw{
box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);
margin-bottom: 8px;
}
.cust-optns-dp{top: 35px !important;
right: 239px !important;}
.custom-btnpostion{top: -36px;
left: 136px;}
.bt{}
.custm-span-fnt{font-size:1.6rem !important;}
.custm-mb-ml8{margin-left: 0px !important;}
.custm-layout-margin{margin: 0px !important; margin-top: 10px !important;}
.custom-supprod{margin-top: 0px !important;}
.custm-supcmicon{line-height: 0px !important;}
.custom-imgpadngtp{padding-top: 10px;}
.custm-cmborder{border: 0px solid #0F8643 !important;
padding: 0 0px !important;
}
.custom-txthgt{min-height: 21px !important;}
.custom-sup-pv8{padding-top: 0px !important;
padding-bottom: 0px !important;
}
.custom-cnsup-padding{padding-left: 15px !important;}
.custom-adser-mrg{
margin-top: 0px !important;
}
.custom-plc-mrg{
margin-left: 41px !important;
}
.custom-adser-mrg{
margin-top: 0px !important;
}
.custom-plc-mrg{
margin-left: 41px !important;
}
.cust-placeorder-btn{
margin-top: 12px !important;
}
.cust-propsal-header{
top:150px !important;
min-height: 68px !important;
width: 100% !important;
border-bottom: 0px solid #fff !important;
background-color:#f2f2f5 !important;
}
.custom-xs-padng tr td{
padding: 0 2px !important;
}
.cust-head-padding{
padding: 7px !important;
}
.cust-file-attach-icon{
font-size: 24px !important;
font-weight: 600;
color: #62b187;
}
.cust-attach-btn-border{
border : none !important;
}
.custom-cut-text{
max-width:100px !important;
}
.custom-sidenav-scroll{
overflow-y:scroll !important;
}
.cust-more-filters{
margin-left:50px !important;
}
.cust-text-area-height{
height:110px !important;
}
.custom-prop-mr-10{
margin-right:7px !important;
margin-top : 4px !important;
}
.custom-md-raised{
padding:0 10px !important;
}
.cust-required-details{
top:0px !important;
right : 90px !important;
}
.custom-attachfile{
padding: 0 17px !important;
}
.custom-atchwith{
width: 96px !important;
}
.cust-mdinput-file{
width:155px !important;
}
.custom-mdbutn{
color: #1f8443!important;
background-color: #ffffff !important;
border: 0px solid #0e8543 !important;
}
/* .custom-dt-padding{
padding: 0px !important;
} */
.custom-mesgbutn{
height: 29px !important;
padding: 5px !important;
}
.custm-wdthinpt{
width: 60% !important;
}
.custm-mbimg{
background-size: cover !important;
background-position: center !important;
}
.custm-mbimgheight{height: 200px !important;}
/* .custm-mbfnt{left:65% !important;} */
.custm-sellleft{left: 0% !important; top: 32% !important;}
.custm-mbbuytxt{
font-size: 2.5rem !important;
line-height: 3rem !important;
/* padding-top: 32% !important; */
float: right;
}
.custm-center-align{
position: absolute !important;
top: 50% !important;
width: 75%;
}
.rm-product-details-brder{
border: 0px solid #d4d6d8 !important;
}
#rm-brder .bb, .border-bottom{
border: 0px solid #d4d6d8 !important;
}
.cust-cntsuplr{border: 0px solid #0F8643 !important;
width: initial !important;}
.custm-hghtmd{max-height: 39px !important; font-size: 15px !important;}
.custm-tlheght{min-height:30px !important;}
.custm-mb-prdimg{width: 100% !important;}
.custom-bkzindex{z-index: 999 !important;}
.cust-mob-tab-container{width : 100% !important;}
}
md-sidenav.md-closed.md-locked-open-add-active {
width: 220px !important;
min-width: 220px !important;
}
/*end of lead*/
.custom-fontsz{
font-size: 12px !important;
}
.custom-dtpadng{
padding: 0px !important;
}
md-checkbox.login-checkbox .md-label {
margin-left: 10px !important;
}
.num-format-scroll{
height: 125px;
overflow-y: scroll;
}
.max-width-49{
max-width: 49.1% !important;
}
.max-width-29{
max-width: 29.5% !important;
}
.max-width-22{
max-width: 22% !important;
}
.durationForMouseHover:hover {
background-color: #7cc142 !important;
color: #fff;
}
.international, .domestic, .international-map {
min-height: 235px !important;
padding: 16px;
position: relative;
}
.international {
background-color: #F6F6F6;
}
.domestic {
background-color: #EEEEEE;
}
.international h2, .domestic h2 {
width: 65%;
text-align: center;
font-weight: 700;
margin: 0 auto 16px auto;
}
.international p, .domestic p {
width: 55%;
text-align: center;
margin: 0 auto 16px auto;
}
.international .md-button.md-primary, .domestic .md-button.md-accent {
width: 176px;
display: block !important;
margin-left: auto !important;
margin-right: auto !important;
}
.multisite-hero-img {
height: 345px !important;
background-image: url('../assets/images/Homepage/default-bg.jpg') !important;
background-position: 0 -275px;
}
.active-tab{
background-color: #f6f7f9;
}
.pointer-none{
pointer-events: none;
}
.prod-details {
background: #7DC142;
color: #fff;
padding: 2px 8px;
font-size: 14px;
line-height: 18px;
}
.cust-lead-inquiry-name{
width : 40% !important;
}
.height-559{
height:559px;
}
.p-none{
padding: 0px !important;
}
.lob-header {
background-color: #7DC142;
border-top: 1px solid #e0e0e0;
border-left: 1px solid #e0e0e0;
border-right: 1px solid #e0e0e0;
padding: 4px 8px;
color: #fff !important;
}
md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent>md-icon {
left: 12px !important;
}
md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent .md-menu>.md-button, md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent>.md-button {
padding: 0 32px 0 42px !important;
}
md-menu-content[width="3"] {
min-width: 200px !important;
max-width: 200px !important;
}
.country-flag {
height: 16px;
width: 24px !important;
object-fit: cover;
position: relative;
bottom: 3px;
}
#chat-height{
height : 400px !important;
overflow:scroll;
}
.tl-widget .tl-widget-front {
z-index: 1 !important;
}
.p-4{
padding: 4px;
}
.lobs-header{
border: 1px solid #7cc142;
padding: 0 4px;
background-color: #7cc142;
/*#hiring-banner {
transition: all 4s cubic-bezier(0.250, 0.460, 0.450, 0.940);
animation: 0.5s myChange;
}*/
}
.active-channel {
padding: 4px 8px;
background-color: #0F8643;
color: #fff !important;
/* border-radius: 3px; */
/* transition: 0.5s ease-out all;
-webkit-transition: 0.5s ease-out all; */
}
@keyframes myChange {
from {
height: 40px;
} to {
height: 0;
}
}
.hiring-banner.ng-hide {
animation: 0.5s myChange;
transition: 0.5 linear all;
}
/*suri home page css */
@media screen and (min-width: 320px) and (max-width: 480px) {
.custom-md-raised{
border: 0px solid #7cc142 !important;
background-color: transparent !important;
}
.custom-chkleft{left: 8px !important;}
.custom-md-toolbar{padding: 0 0px !important;}
.custom-ph-16{padding-left:0px !important; padding-right:0px !important;}
.mktplace-hero-image-container {
height: 225px !important;
/* background-position: center !important; */
background-position: 25% 100% !important;
background-size: cover !important;
background: -webkit-radial-gradient(50% 50%, circle farthest-corner, rgba(1, 30, 27, 0.4) 50%, rgba(1, 30, 27, 0.4) 100%), url(../assets/images/Homepage/hero_img.jpg) 85% 85% no-repeat;
}
.mktplace-hero-image-container h1 {
font-size: 2.5rem !important;
line-height: 3.5rem !important;
}
.mt-4{margin-top: 0px !important;}
.custom-bars{font-size:22px !important;}
.registration-bg-image-container {
/*background-image:url('../assets/images/businessimages_11.jpg'), linear-gradient(-180deg, rgba(237,237,237,0.00)0%,rgba(0,0,0,0.38)100%);*/
background-image: linear-gradient(
rgba(20,20,20, .2),
rgba(20,20,20, .0)),
url('../assets/images/banner3.jpg');
background-repeat:no-repeat;
background-position: center;
background-size:cover;
background-color: #24292e;
width:100%;
height: 250px;
/*height: 500px;*/
/*position: relative;
top: 64px;*/
}
.custom-conte-tag{
line-height: 34px !important;
}
.cust-mktplace-nav li{
text-align: justify !important;
}
.img-favourite{
position: absolute;
top: 7%;
left: 72%;
}
.paddy-img{
padding-top: 15px;
}
.fixed-icons-footer{
bottom: 0%;
position: fixed;
width: 100%;
background-color: #fff;
height: 35px;
}
.custom-display{display: inherit !important;}
md-input-container.md-has-icon {
padding: 0 !important;
}
}
md-toolbar.main-header {
z-index: 5 !important;
}
.collage-image-row {
display: -ms-flexbox; /* IE 10 */
display: flex;
-ms-flex-wrap: wrap; /* IE 10 */
flex-wrap: wrap;
padding: 0;
position: relative;
}
.collage-image-row:before {
content: "";
top: 0;
left: 0;
position: absolute;
height: 100%;
width: 100%;
/* No Use */
/* background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 49%, rgba(255, 255, 255, 1) 100%); */
/* FF3.6+ */
/* background: -webkit-gradient(linear, left top, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(49%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 1))); */
/* Chrome,Safari4+ */
/* background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 49%, rgba(255, 255, 255, 1) 100%); */
/* Chrome10+,Safari5.1+ */
/* background: -o-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 49%, rgba(255, 255, 255, 1) 100%); */
/* Opera 11.10+ */
/* background: -ms-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 49%, rgba(255, 255, 255, 1) 100%); */
/* IE10+ */
/* Options - 1 */
/* background: linear-gradient(to left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 49%); */
/* Options - 2 */
/* background: linear-gradient(to left, rgba(0, 0, 0, 0.8) 30%, rgba(0, 0, 0, 0.3) 75%); */
/* Options - 3 */
/*background: linear-gradient(to left, rgba(0, 0, 0, 0.8) 30%, rgba(0, 0, 0,-1) 75%); */
/* Options - 4 */
/*background: linear-gradient(to left, rgba(0, 0, 0, 0.6) 40%, rgba(0, 0, 0,-1) 46%);*/
/* No Use */
/* Options - 5 this is final*/
/* changed on 31-08-2018 */
/* background: linear-gradient(to left, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%); */
background: linear-gradient(to left, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
}
.bg-filter {
top: 13.5%;
left: 49.5%;
width: 39%;
padding: 10px;
/* background: -moz-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.4) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0.4) 35%,rgba(0,0,0,0.5) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0.4) 35%,rgba(0,0,0,0.5) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0.4) 35%,rgba(0,0,0,0.5) 100%);
background: linear-gradient(top, rgba(0,0,0,0.4) 35%,rgba(0,0,0,0.5) 100%); */
}
.mac.chrome .bg-filter {
left: 56.5%;
top: 16.5%;
width: 40%;
}
.collage-image-column{
-ms-flex: 50%; /* IE 10 */
flex: 50%;
padding: 0 1.5px;
}
.collage-image-column img{
margin-top: 2px;
vertical-align: middle;
}
.multi-line-linear-gradient {
/* background: linear-gradient(to left, #000, #fff 150px);
position: absolute;
bottom: 95px; */
}
.inquiry-posted-mkt{
height: 433px;
}
.custom-md-sidenav{
position: fixed !important;
}
.custom-bxshdw{
box-shadow: 0 1px 3px 0 rgba(0,0,0,.2),
0 1px 1px 0 rgba(0,0,0,.14),
0 2px 1px -1px rgba(0,0,0,.12) !important;
padding: 5px !important;
margin-bottom: 10px !important;
}
.custom-mbmouse{
top: -4px !important;
margin: 0 14px !important;
}
.custom-pb-notify{
top: -5px !important;
right: -10px !important;
}
.cust-inputhgt input{
height: 45px;
}
.custom-mbraisedd{padding: 0 6px !important; min-width: 70px !important;}
.primary-nav-menu {
padding: 0 5px !important;
float: none !important;
border-radius: 0 !important;
}
.logo-lob {
text-align: right;
font-style: italic;
color: #054e26;
font-size: 1.4rem;
padding-right: 4px;
position: relative;
bottom: 16px;
}
/*md-datepicker {
margin-right: 30px !important;
}*/
.md-datepicker-triangle-button.md-button.md-icon-button {
right: 0;
top: -4px;
position: absolute;
}
.hero-global-text {
top: 6.0%;
left: 56.5%;
width: 45%;
}
.mac.chrome .hero-text-holder {
width: 46%;
}
.mac.chrome .hero-global-text {
top: 4.5%;
left: 56.5%;
width: 40%;
}
.hero-domestic-text {
top: 4.5%;
left: 54.5%;
width: 40%;
}
.mac.chrome .hero-domestic-text {
width: 38% !important;
}
.mac.chrome .multisite-hero-img {
height: 375px !important;
background-position: 0 -370px !important;
background-image: url('../assets/images/Homepage/default-bg.jpg') !important;
}
.mac.chrome .international, .mac.chrome .domestic, .mac.chrome .international-map {
min-height: 300px !important;
}
/* md-toolbar {
z-index: 10 !important;
} */
.fixed-links {
z-index: 8 !important;
}
md-tabs.supplier-detail-tab md-tabs-wrapper {
z-index: 4 !important;
background-color: #fff;
/* top: 118px; */
}
.fixed-searchresults {
background-color: transparent;
padding: 10px !important;
}
/*::selection {
color: red;
background: yellow;
}*/
.cookies-consent-banner {
background-color: #3b4045;
color: #fff;
position: fixed;
left: 0;
bottom: 0;
right: 0;
z-index: 5000;
padding: 16px;
height: auto;
}
.cookie-store-info {
width: 80%;
margin: 0 auto;
}
.lobs-list {
padding: 4px 8px;
}
@media screen and (min-width: 1440px) and (max-width: 2560px) {
.res-logo {
right: 194px !important;
}
.mac.chrome .res-logo {
right: 74px !important;
}
.show-cities-dropdown{
top: 135px !important;
}
}
@media screen and (min-width: 900px) and (max-width: 1440px) {
.reg-logo {
right: 0px !important;
}
.mac.chrome .reg-logo {
right: 8px !important;
}
/* .mktplace-hero-image-container {
background-position: center 50% !important;
}
.hero-text-holder {
width: 26% !important;
left: 56.5% !important;
} */
}
.label-modified {
width: 95%;
/*display: inline-block !important;*/
display: table-cell;
vertical-align: middle;
line-height: 16px;
}
.count-label {
vertical-align: middle;
display: table-cell !important;
padding-top: 0 !important;
/*padding-left: 4px;*/
width: 5%;
}
.classifieds-cards-list {
margin-right: 8px;
border: 1px solid #f4f6f8;
margin-bottom: 8px;
box-shadow: 1px 1px 3px #d4d6d8;
}
.classifieds-card {
height: auto;
}
.classified-card-body {
padding: 8px;
}
.classified-card-header {
height: 9.6em;
}
.faq-section {
background-color: #fff;
min-height: 150px;
padding: 20px 0;
}
.comp-rej-bar-inner {
width: 80%;
}
.mktplace-hero-image-container1 {
height: 350px !important;
background: -webkit-radial-gradient(50% 50%, circle farthest-corner, rgba(0,0,0, 0.5) 50%, rgba(0,0,0, 0.4) 100%), url(../assets/images/Homepage/photo-1487581424120-18f3611a63e6.jpg) center 50% no-repeat;
background-size: cover;
}
.mktplace-hero-image-container2 {
height: 400px !important;
background: -webkit-radial-gradient(50% 50%, circle farthest-corner, rgba(1, 30, 27, 0.4) 50%, rgba(1, 30, 27, 0.4) 100%), url(../assets/images/Homepage/photo-1515012014380-2486cf3a77cb.jpg) 85% 85% no-repeat;
background-size: cover;
}
.mktplace-hero-image-container3 {
height: 400px !important;
background: -webkit-radial-gradient(50% 50%, circle farthest-corner, rgba(1, 30, 27, 0.4) 50%, rgba(1, 30, 27, 0.4) 100%), url(../assets/images/Homepage/840213124-2048x2048.jpg) 85% 85% no-repeat;
background-size: cover;
}
.mktplace-hero-image-container4 {
height: 400px !important;
background: -webkit-radial-gradient(50% 50%, circle farthest-corner, rgba(1, 30, 27, 0.4) 50%, rgba(1, 30, 27, 0.4) 100%), url(../assets/images/Homepage/527617369-2048x2048.jpg) 85% 85% no-repeat;
background-size: cover;
}
.classified-btn {
margin-left: -2px;
background:#79C554;
max-width: 50px;
min-height: 40px !important;
line-height: 40px !important;
border-radius:0 3px 3px 0;
}
.classifieds-container {
display: table;
width: 100%;
}
.classified-cat {
height: 120px;
min-width: 12%;
width: 12%;
max-width: 12%;
padding: 20px 25px;
display: table-cell;
vertical-align: middle;
text-align: center;
transition: .1s ease-in;
}
.contsect {
display: table-cell;
vertical-align: middle;
text-align: center;
padding: 10px;
width: 12%;
max-width: 12%;
position: relative;
}
.contsect-text {
margin-left: 10px;
text-align: left;
display: inline-block;
line-height: 110%;
vertical-align: middle;
width: 68%;
font-size: 1.3rem;
}
/* .contsect:hover + .megamenu-bar {
display: block;
} */
.megamenu-bar {
/* display: none; */
height: 284px;
position: absolute;
width: 100%;
padding-top: 0px;
margin-top: 0px;
padding-bottom: 0px;
margin-bottom: 0px;
top: 50px;
z-index: 12;
left: 0px;
/* background: #f8f4f5; */
background: #fff;
border-bottom: 2px solid #ccc;
}
/* .mega-menu {
width: 100%;
position: absolute;
background: #f8f4f5;
display: none;
border-bottom: 2px solid #ccc;
} */
.contsect:nth-child(even) {
background-color: #f4f6f8;
border: 1px solid #f4f6f8;
}
.contsect:nth-child(odd) {
background-color: #fff;
border: 1px solid #f4f6f8;
}
.classified-cat:nth-child(even) {
background-color: #f4f6f8;
border: 1px solid #f4f6f8;
}
.classified-cat:nth-child(odd) {
background-color: #fff;
border: 1px solid #f4f6f8;
}
.classified-content-sect {
width: 24px;
height: 24px;
display: block;
margin: 0 auto 10px;
}
.cate-name1 {
font-size: 1.3rem;
line-height: 15px;
font-weight: 600;
}
.classified-categories-list li {
padding: 6px 8px;
background-color: #fff;
border: 1px solid #f4f6f8;
}
.classified-categories-list li a {
color: #25333C;
}
/* .classified-categories-list li:nth-child(even) {
background-color: #f4f6f8;
border: 1px solid #f4f6f8;
}
.classified-categories-list li:nth-child(odd) {
background-color: #fff;
border: 1px solid #f4f6f8;
} */
.classified-img {
float: left;
width: 24px;
height: 24px;
display: block;
}
.classified-text {
float: left;
padding-left: 8px;
}
ul.disc {
list-style-type: disc !important;
}
.md-select-menu.md-default-theme md-optgroup, md-select-menu md-optgroup label {
background: #D3DCE6 !important;
}
.search-col-1 {
display: table-cell;
vertical-align: middle;
width: 20%;
text-align: center;
}
.search-col-2 {
display: table-cell;
vertical-align: middle;
width: 80%;
text-align: center;
}
.classified-4 {
width: 75%;
/* left: 28% !important; */
background-color: rgba(0,0,0,0.4);
padding: 24px;
margin: 0 auto;
}
.col-3-count {
-webkit-column-count: 3; /* Chrome, Safari, Opera */
-moz-column-count: 3; /* Firefox */
column-count: 3;
column-rule-style: solid;
column-rule-width: 1px;
column-rule-color: lightblue;
column-rule: 1px solid lightblue;
}
.ad-utilization {
background-color: #f4f6f8;
border: 1px solid #f4f6f8;
/* box-shadow: 1px 1px 2px rgba(0,0,0,0.3); */
display: table;
height: 120px;
width: 100%;
}
.ad-text-1 {
font-weight: 700;
color: linear-gradient(to right, #00a4bd, #00bda5);
background-image: -webkit-linear-gradient(to right, #7DC142, #0F8643);
background-image: -moz-linear-gradient(to right, #7DC142, #0F8643);
background-image: -ms-linear-gradient(to right, #7DC142, #0F8643);
background-image: -o-linear-gradient(to right, #7DC142, #0F8643);
/* background-image: linear-gradient(to right, #E0F8F7, #585858, #fff); */
color: transparent;
-webkit-background-clip: text;
background-clip: text;
background-image: linear-gradient(to right, #7DC142, #0F8643);
}
.ad-utilization-card {
width: 25%;
display: table-cell;
vertical-align: middle;
text-align: center;
}
.ord-qty {
width: 20%;
margin-right: 20px;
}
.ord-unit {
width: 12%;
margin-right: 20px;
}
.ord-price {
margin-right: 16px;
}
.ord-amt {
width: 25%;
}
.glob-section-1-mob, .glob-section-2-mob {
min-height: 120px;
padding: 0 16px;
background-color: #e5e5e5;
}
.glob-section-2-mob {
background-color: #EDF0F1;
}
.glob-section {
/* display: table; */
/* height: 100px; */
}
.global-section-1-mob, .domestic-section-1-mob {
padding: 12px 24px;
/* display: table-cell; */
float: left;
vertical-align: middle;
width: 50%;
}
.global-section-1-mob {
/* background-color: #e5e5e5; */
/* background-image: linear-gradient(125deg,#aae676,#458111);
box-shadow: 0 1.5px 10px 0 rgba(0,0,0,.1); */
background-color: #7DC142;
}
.domestic-section-1-mob {
/* background-color: #EDF0F1; */
/* background-color: #6CB030; */
background-color: #61A326;
}
.global-section-1-mob .h4, .domestic-section-1-mob .h4 {
line-height: 2.4rem !important;
font-size: 1.8rem !important;
}
.pv-12-imp {
padding-top: 12px !important;
padding-bottom: 12px !important;
}
.benefits-right-hand {
width: 80%; margin: 0 auto;
}
.mem-free {
height: 80px;
width: 80px;
display: block;
margin-left: auto;
margin-right: auto;
}
.pt-70 {
padding-top: 70px;
}
.prod-detail-img-wrapper {
height: 22em !important;
}
.t-7 {
top: -7px !important
}
.bottom-36 {
bottom: 36px;
}
.bottom-20 {
bottom: 20px;
}
.not-implemented {
min-height: 300px;
position: relative;
}
.subscription-card .services-card {
min-height: 297px;
max-height: 297px;
min-width: 240px !important;
max-width: 225px !important;
}
.ml-20 {
margin-left: 20px;
}
.custm-top {
top: 0 !important;
}
/* LandScape View 2/8/2018 */
@media screen and (min-width: 568px) and (max-width: 736px) and (orientation : landscape) {
.add-new-user-btn {
right: 0 !important;
}
.custom-smheights{
height: 53px !important;
padding-top: 3px !important;
min-height: 50px !important;
max-height: 95px !important;
}
.mktplace-hero-image-container {
height: 350px !important;
}
.category-card-container {
width: 100% !important;
}
.cateogry-list {
width: 85% !important;
}
.global-company {
min-width: 165px !important;
}
.category-cards {
width: 25% !important;
}
.custom-smdp{
padding: 0 0px !important;
}
}
.accordion-type {
background-color: #f4f5f6;
border: 1px solid #d4d6d8;
padding: 0 6px;
}
@media screen and (max-width: 480px) {
#conversejs .chatbox .box-flyout {
width: 100% !important;
height: 91vh !important;
}
}
@media screen and (max-width: 456px) {
md-sidenav.custom-md-sidenav {
width: calc(100% - 110px) !important;
min-width: calc(100% - 75px) !important;
max-width: calc(100% - 110px) !important;
}
}
md-checkbox.eds-checkbox .md-label {
margin-left: 8px !important;
}
.custom-docs-view {
background-color: #fff;
}
.upload-btn .btn-attach-file {
width: 150px !important;
}
/* .mac.chrome md-checkbox .md-label {
bottom: 3px !important;
} */
.cust-cntsuplr {
width: 125px !important;
}
.m-0i{
margin:0 !important;
}
@media only screen and (max-width: 767px) and (min-width: 320px) and (orientation: landscape) {
#conversejs .chatbox .box-flyout {
width: 100%;
height: 80vh !important;
}
.mh-330{
max-height: 330px !important;
}
.messages {
width: 100% !important;
}
/* a.logo img {
height: auto !important;
} */
.custom-md-sidenav {
width: 55%;
z-index: 75;
}
.res-logo {
right: 0px !important;
}
.buy-learn-innerpad {
padding: 10px !important
}
.benefits-section {
width: 100% !important;
}
.buy-sell-section1.buy-container-bg {
min-height: 436px !important;
}
/* .leant_iconcontent {
min-height: 132px !important;
} */
}
@media only screen and (max-width: 959px) and (min-width: 320px) {
.leant_iconcontent {
min-height: 40px !important;
}
.custom-md-sidenav {
z-index: 75;
}
.cat_list{
position:absolute !important;
}
}
@media only screen and (width:768px){
.product-image-list-card-tag{
font-size: 17px !important;
}
}
@media only screen and (max-width: 959px) and (min-width: 0) and (orientation: landscape) {
.md-errors-spacer {
min-height: 0px !important;
}
/* .leant_iconcontent{
min-height:154px !important;
} */
.profile-user-avatar {
/* min-height: 100px; */
padding: 8px;
background-color: #0F8643;
color: #fff;
}
.buy-sell-section1.buy-container-bg {
min-height: 436px !important;
}
.buy-backgro-content {
padding: 37px !important;
}
.buy-learn-cstmheight {
min-height: 120px !important;
}
.h3, h3, h1.cls-title-h1 {
font-size: 2.4rem !important;
line-height: 3.6rem !important;
}
/* .md-toolbar-tools {
height: 56px !important;
max-height: 56px !important;
} */
.company-code {
width: 100%;
}
.buy-learn-innerpad {
padding: 24px !important;
}
.multisite-hero-img {
height: 345px !important;
background-position: center !important;
}
.mktplace-hero-image-container h1 {
font-size: 3.4rem !important;
line-height: 4.2rem !important;
}
.title-highlight {
left: 14.5% !important;
top: 30.5%;
width: 70% !important;
}
.international, .domestic, .international-map {
min-height: 245px !important;
}
.international h2, .domestic h2 {
width: 88%;
font-size: 2.8rem;
}
.international p, .domestic p {
width: 85%;
}
.international .md-button.md-primary, .domestic .md-button.md-accent {
width: 70%;
}
.lob-opt {
font-weight: 700;
width: 85%;
margin: 0 auto;
}
.footer-menu-title {
letter-spacing: 2px !important;
}
.footer-section {
padding: 0 8px;
}
.profile-user-avatar {
padding: 8px;
background-color: #0F8643;
color: #fff;
}
md-sidenav.custom-md-sidenav {
width: calc(100% - 45%) !important;
min-width: calc(100% - 45%) !important;
max-width: calc(100% - 45%) !important;
}
.cust-mktplace-nav li {
text-align: justify !important;
}
.search-marketplace-container {
min-width: initial !important;
}
.hero-text-holder {
position: absolute !important;
top: 50% !important;
left: 50% !important;
margin-right: -50% !important;
-webkit-transform: translate(-50%,-50%) !important;
transform: translate(-50%,-50%) !important;
width: 75% !important;
}
.business-section-title, .business-section-desc {
width: 80% !important;
}
.product-text-desc {
width: 85% !important;
}
.category-cards {
width: 30% !important;
}
.global-company {
min-width: 148px !important;
}
.business-section {
padding: 24px !important;
}
.try-register {
padding: 16px !important;
}
.try-register-body {
width: 100% !important;
margin: 0 auto;
}
.easy-123 {
margin-bottom: 10px !important;
}
.easy-123-text {
margin-bottom: 14px !important;
}
.buy-sell-section1 {
width: 65%;
}
.buy-sell-section2 {
width: 35%;
}
.h3, h3 {
font-size: 2.4rem;
line-height: 3.2rem;
}
.hand-shake {
height: 40px;
width: 50px;
}
.sell-mkt {
height: 30px;
width: 50px;
}
.service-mkt {
height: 40px;
width: 40px;
}
.buy-text-cont {
font-size: 1.3rem;
line-height: 1.8rem;
}
.buy-sell-section1 {
width: 59% !important;
}
.buy-sell-section2 {
width: 41% !important;
}
.buy-section-1, .buy-section-1-mob, .buy-section-2, .buy-section-2-mob, .buy-section-3, .buy-section-3-mob {
height: 190px;
padding: 0 16px;
}
.buy-actual-content {
padding: 24px 0 !important;
}
.buy-sell-section1 .buy-backgro-content {
padding: 24px !important;
width: 100% !important;
}
h2.buyer-main-title {
margin-bottom: 8px !important;
}
.benefits-mobile li {
width: 48% !important;
margin-right: 8px !important;
}
.sign-up-today {
width: 75% !important;
}
.mktplace-start-buying-selling {
padding: 24px !important;
}
/* .buy-learn-innerpad {
padding: 18px !important;
} */
.sell-learn-cstmheight{
min-height: 240px !important;
}
.sell-easy-cstmheight{
min-height: 436px !important;
}
.buy-learn-cstmheight {
min-height: 240px !important;
}
.buy-easy-cstmheight{
min-height: 436px !important;
}
}
.title-highlight {
left: 50.5%;
top: 20.5%;
width: 50%;
}
.box-shdw2 {
box-shadow: 2px 2px 4px #d4d6d8 !important;
}
.prod-no-details {
position: relative;
min-height: 300px;
}
/* IPad Potrait & Landscape*/
@media only screen
and (min-width : 768px)
and (max-width : 1024px) {
.filter-category {
font-size: 14px !important;
}
.clear-all-position {
top: 12px !important;
}
/* .back_results {
margin-top: 72px !important;
} */
.mktplace-hero-image-container {
height: 350px !important;
background-position: center !important;
}
.accordian-align{
margin-left: 0 !important;
margin-top: 10px !important;
}
/* .mb_img_10{
margin-bottom:10px !important;
} */
}
@media only screen
and (min-width : 599px)
and (max-width : 767pxpx)
and (orientation : landscape) {
.ref_resmargin {
top: 110px !important;
}
}
@media only screen and (min-width:960px) and (max-width : 1279px) {
.ref_resmargin {
top: 136px !important;
}
/* .tl-dynamic-comparision-mini-header {
width: calc(100% - 34px) !important;
} */
}
@media only screen and (min-width:768px) and (max-width : 959px) {
.ref_resmargin {
top: 116px !important;
}
/* .tl-dynamic-comparision-mini-header {
width: calc(100% - 34px) !important;
} */
}
@media only screen
and (min-width : 768px)
and (max-width : 959px)
and (orientation : landscape) {
div.top-results-content {
margin-top: 104px !important;
}
}
/* Ipad Landscape */
@media only screen
and (min-width : 768px)
and (max-width : 1024px)
and (orientation : landscape) {
/* .clear-all-position {
top: 5px !important;
} */
/* .ref_resmargin {
top: 110px !important;
} */
a.logo img {
height: auto !important;
}
.top-results-content {
margin-top: 95px !important;
}
.img_ml_10{
margin-left: 20px !important;
}
/* .back_results {
margin-top: 50px !important;
} */
.add-new-user-btn {
right: 200px !important;
}
.custom-searchmb.search-count-bar {
top: 50px !important;
}
.create-prod-fields{
width: 100% !important;
}
.international h2, .domestic h2 {
width: 70% !important;
}
.mktplace-hero-image-container {
min-width: 350px !important;
background-position: center !important;
}
.buyer-prof-content, .supplier-prof-content {
padding: 16px !important;
}
.buy-prof-desc {
min-height: 96px !important;
}
.prof-title {
width: 85% !important;
}
/* .two-line-item li {
width: 100% !important;
} */
.mr_tp_domestic_2{
margin-top: -2px;
}
/*.comp-rej-bar-inner {
min-width: 75%;
}*/
.ben-text {
font-size: 1.25rem !important;
}
.search-marketplace-container {
min-width: 350px !important;
}
.toolbar_ipadsearchwidth {
max-width: 30% !important;
}
.toolbar_ipadwidth {
max-width: 60% !important;
}
.business-section-title, .business-section-desc {
width: 65% !important;
}
.business-section {
padding: 24px !important;
}
.sign-up-today {
width: 60% !important;
}
.hero-text-holder {
position: absolute !important;
top: 50% !important;
left: 50% !important;
margin-right: -50% !important;
-webkit-transform: translate(-50%,-50%) !important;
transform: translate(-50%,-50%) !important;
width: 75% !important;
}
.med-busi {
min-height: 168px !important;
}
.buy-backgro-content {
padding: 41px !important;
}
.buy-sell-section1 .buy-backgro-content {
padding: 64px 100px;
}
.buy-backgro-content {
padding: 64px !important;
}
/* .buy-learn-innerpad {
padding: 64px !important;
} */
.buy-backgro-content {
/* padding: 24px !important; */
width: 100% !important;
}
.buy-learn-innerpad {
padding: 33px !important;
}
.benefits-section {
width: 100% !important;
}
.sell-learn-cstmheight {
min-height: 144px !important;
}
.sell-easy-cstmheight{
min-height: 426px !important;
}
.service-easy-cstmheight{
min-height: 438px !important;
}
.service-banner-cstmfont{
font-size: 4.0rem !important;
line-height: 5.0rem !important;
}
}
/* Ipad Potrait */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
.add-new-user-btn {
right: 0 !important;
}
div.supplier-prod-tabs-position md-tabs md-tabs-wrapper {
top: 50px !important;
}
.profile-user-avatar {
/* min-height: 100px; */
padding: 8px;
background-color: #0F8643;
color: #fff;
}
.two-line-item li {
width: 100% !important;
}
.buyer-prof-content, .supplier-prof-content {
padding: 16px !important;
}
ul.buy-headline-list {
min-height: 156px !important;
}
.mktplace-hero-image-container {
height: 350px !important;
background-position: center !important;
}
.business-section-title, .business-section-desc {
width: 75% !important;
}
.search-marketplace-container {
min-width: 350px !important;
}
.toolbar_ipadsearchwidth {
max-width: 30% !important;
}
.toolbar_ipadwidth {
max-width: 60% !important;
}
.business-section {
padding: 24px !important;
}
.buy-sell-section1 {
width: 65%;
}
.buy-sell-section2 {
width: 35%;
}
.h3, h3 {
font-size: 2.4rem;
line-height: 3.2rem;
}
.hand-shake {
height: 40px;
width: 50px;
}
.sell-mkt {
height: 30px;
width: 50px;
}
.service-mkt {
height: 40px;
width: 40px;
}
.buy-text-cont {
font-size: 1.3rem;
line-height: 1.8rem;
}
.try-register {
padding: 16px !important;
}
.try-register-body {
width: 100% !important;
margin: 0 auto;
}
.num-count {
height: 30px !important;
line-height: 30px !important;
width: 30px !important;
}
.easy-123 {
margin-bottom: 10px !important;
}
.product-text-desc {
width: 85% !important;
}
.ben-text {
font-size: 1.3rem !important;
}
.benefits-mobile li {
width: 48%;
margin-right: 8px;
}
.cateogry-list {
width: 85% !important;
}
.buy-backgro-content {
padding: 48px !important;
width: 100%;
}
.mktplace-start-buying-selling {
padding: 24px !important;
}
.sign-up-today {
width: 75% !important;
}
.buy-actual-content-header1 {
width: 75% !important;
}
.business-cards-text {
width: 85% !important;
}
.buy-learn-innerpad {
padding: 16px !important;
}
.med-busi {
min-height: 192px !important;
}
.buy-backgro-content {
padding: 48px !important;
width: 100% !important;
}
.buy-sell-section1 .buy-backgro-content {
padding: 64px 100px;
}
.buy-try-register {
padding: 20px !important;
}
.buy-learn {
padding: 18px !important;
}
.benefits-section {
width: 100% !important;
margin: 0 auto;
}
.sell-learn-cstmheight {
min-height: 168px !important;
}
.sell-easy-cstmheight{
min-height: 436px !important;
}
.service-easy-cstmheight{
min-height: 436px !important;
}
.service-banner-cstmfont{
font-size: 3.0rem !important;
line-height: 4.0rem !important;
}
.margin-align{
margin: -26px 21px !important;
}
/* .bck-search-rsl{
margin-top: 120px !important;
} */
}
/* Retina iPad in portrait & landscape */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 2) { /* STYLES GO HERE */}
/* Retina iPad in landscape */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) { /* STYLES GO HERE */}
/* Retina iPad in portrait */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) { /* STYLES GO HERE */ }
.hand-shake {
height: 48px;
width: 60px;
}
.sell-mkt {
height: 40px;
width: 60px;
}
.service-mkt {
height: 45px;
width: 45px;
}
.block-img {
display: block;
margin-left: auto;
margin-right: auto;
}
.buy-text-cont {
font-size: 1.5rem;
line-height: 2rem;
}
.easy-123 {
font-size: 2.4rem;
margin-bottom: 16px;
}
.try-register-body {
width: 80%;
margin: 0 auto;
}
.sm-btn {
min-width: 70px;
max-width: 70px;
}
.buy-actual-content {
padding: 48px 0;
}
.buy-actual-content-header1 {
width: 70%;
margin: 20px auto;
}
.buy-learn-innerpad {
padding: 50px;
}
.med-busi {
min-height: 120px;
}
.buy-backgro-content {
padding: 64px 100px;
}
.buy-sell-section1 .buy-backgro-content {
padding: 64px 100px;
/* width: 90%; */
}
.buy-try-register {
padding: 31px;
}
.benefits-section {
width: 80%;
margin: 0 auto;
}
.bottomSheetdemoBasicUsage .md-inline-list-icon-label {
display: inline-block;
padding-left: 10px;
padding-right: 10px;
margin-top: -10px;
height: 24px;
vertical-align: middle; }
.bottomSheetdemoBasicUsage .md-grid-item-content {
height: 90px;
padding-top: 10px; }
.bottomSheetdemoBasicUsage .md-grid-item-content md-icon {
height: 48px;
width: 48px; }
.bottomSheetdemoBasicUsage .md-grid-text {
padding-bottom: 5px; }
.bottomSheetdemoBasicUsage md-list-item, .bottomSheetdemoBasicUsage md-list-item .md-list-item-inner {
min-height: 48px; }
.bottomSheetdemoBasicUsage h2 {
line-height: 36px;
padding-top: 10px; }
.bottomSheetdemoBasicUsage .md-subheader .md-subheader-inner {
padding: 0; }
.bottomSheetdemoBasicUsage md-toast .md-toast-content {
background-color: #B14141; }
.bottomSheetdemoBasicUsage md-toast > * {
font-weight: bolder; }
/* md-backdrop.md-sidenav-backdrop{
display:none
} */
.company-code {
width: 40%;
float: left;
}
.effect-from {
margin-left: 20px;
margin-top: -15px;
}
.effective-date {
height: 35px !important;
margin-left: 10px;
}
.effect-from-label {
top: -5px !important;
}
.prod-img-thumbnail-list {
width: 8.64rem;
}
.comp-table-header {
overflow: auto;
overflow-y: hidden;
overflow-x: auto;
}
.inquiry-filter-drpdwn {
margin-right: 30px;
}
.subscrip-marg {
margin-left: 16px;
}
.payment-exp-cvv {
margin-top: -15px;
}
.select-all.prod-checkbox {
margin-left: 18px !important;
}
.mac.safari .select-all.prod-checkbox {
margin-left: 24px !important
}
/* Pavan Bug#3452 */
.secondary-btn {
height: 30px !important;
line-height: 29px !important;
margin: 3px;
}
.fa-caret-down{
font-size:20px !important;
}
.fa-question-circle{
font-size: 18px !important;
line-height: 26px !important;
width: auto !important;
color: #7DC142!important;
}
.card-content-table {
display: table;
}
.card-content-cell1 {
width: 28px;
}
.card-content-cell2 {
width: 85%;
}
.card-content-cell1, .card-content-cell2 {
display: table-cell;
}
.card-content-icon-cell {
width: 10%;
display: table-cell;
text-align: right;
}
/* Pavan Bug#4337 */
.supplier-prod-header-fixed.second-header {
top: 194px;
}
/* Pavan Bug#4310 */
.buyrequest-detail-sidenav {
overflow-y: scroll;
min-height: 613px!important;
max-height: 613px!important;
}
/* .tooltipForMouseHover {
top: 6px;
} */
.supplier-prod-links {
margin-right: 16px;
}
.custm-serchwdth {
min-width: 100%;
}
md-checkbox {
cursor: pointer;
}
.custm-ml-020 {
margin-left: 8px;
}
.create-prod-fields {
width: 65%;
}
.categories-inbox-list-item.active {
padding: 8px;
}
.prof-title {
width: 60%;
margin: 10px auto !important;
}
.buy-prof-desc {
min-height: 96px;
}
.buyer-prof-content {
padding: 50px;
}
.supplier-prof-content {
padding: 50px 60px;
}
.professional-hero-title {
right: 28%;
left: initial !important;
}
.professional-title {
width: 70%;
font-size: 5.5rem;
line-height: 7rem;
margin: 0 auto;
}
.professional-contact {
height: 275px;
border: 1px solid #f4f6f8;
position: relative;
width: 100%;
}
.prof-chat {
background-color: #F6F6F6;
}
.prof-email {
background-color: #EEEEEE;
}
.prof-call {
background-color: #F6F6F6;
}
.toolbar_searchInput {
margin: 0 0 0 8px;
}
.toolbar_searchinput {
margin: 4px 4px !important;
}
.search-card-list {
box-shadow: 0 2px 3px 0 rgba(0,0,0,.15);
margin: 0 0 8px;
background-color: #fff;
}
.mbl-prod-details {
padding: 12px 12px 0 12px;
}
.mbl-search-list-container {
margin: 0 8px;
}
.card-img-holder {
height: 156px;
border-right: 1px solid #f4f6f8;
}
.card-action-container {
display: table;
width: 100%;
}
.card-action-cell {
display: table-cell;
width: 25%;
vertical-align: middle;
padding: 4px 0;
}
.unread-seperator {
color: #999 !important
}
#content-header {
top: 0;
}
.custm-center-align {
left: 80%;
}
div.md-datepicker-calendar-pane>div.md-datepicker-input-mask {
height:32px !important;
}
div.md-datepicker-calendar-pane>div.md-datepicker-input-mask>div.md-datepicker-input-mask-opaque {
left: 128px;
}
md-datepicker {
position: relative !important;
}
.secondary-btn-link md-icon[md-font-icon].s20 {
color: #0E8543;
}
.contact-supplier:hover md-icon[md-font-icon].s18, .secondary-btn-link:hover md-icon[md-font-icon].s20{
background-color: #0F8643;
color: #fff;
}
.secondary-btn-link:hover md-icon[md-font-icon].s20{
background-color: #0F8643;
color: #fff;
}
.contact-supplier:hover img{
background-color: #0F8643 ;
color: #fff;
}
.sell-learn-cstmheight {
min-height: 120px;
}
.prod-content-container {
margin-top: 104px;
}
.supplier-prod-header-fixed.supplier-prod-header1{
width: calc(100% - 316px);
top: 194px;
}
div.supplier-prod-tabs-position md-tabs md-tabs-wrapper {
width: calc(100% - 316px);
top: 95px;
}
.prod-attr-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
padding: 0 8px 5px 0;
width: 100%;
}
.prod-attr-name {
width: 35%;
color: #999;
}
.prod-attr-value {
width: 65%;
color: #25333C;
word-wrap: break-word;
}
.logotop{
top: 6px !important;
}
.position-supplier-detail-links {
position: relative;
top: 45px;
min-height: 45px;
padding-top: 10px;
padding-bottom: 8px;
background-color: #fff!important;
}
.fixed-supplier-detail-links {
position: fixed;
right: 20px;
z-index: 8 !important;
}
.active-channel {
background-color: #fff;
border: solid 2px #1e8543;
border-bottom: none;
/* top: 2px;
z-index: 1; */
color: #7DC142 !important;
}
/* .active-border-channel {
border-top: 1px solid #fff;
} */
.active-border-channel {
border-bottom: 2px solid #0F8643;
background-color: #C5C5C5;
}
.no-bt {
border-top: none;
}
.text-right-place, .mktplace-category-hero-image-heading .category-hero-text {
left: 78%;
}
.lob-border:after {
position:absolute;
content: '';
display: block;
border-right:solid 1px #ccc;
height:calc(100% - 65%);
left: 41%;
top:56px
}
.preferences-container {
padding: 8px 16px;
}
.verific-table-container {
overflow-x: auto;
}
.verified-supplier {
font-size: 1.3rem;
float: left;
font-weight: bold;
color: #0F8643;
margin-left: 8px;
width: 75%;
}
.ml-10per {
margin-left: 10% !important;
}
.tl-br {
border-right: 1px solid #d4d6d8;
}
.filter-section {
display: table;
}
.search-filter-cont {
display: table-row;
}
.search-filter, .search-explore, .search-list-item {
width: 33%;
display: table-cell;
vertical-align: middle;
border-right: 1px solid #d4d6d8;
text-align: center;
}
.search-list-item {
border-right: 0 !important;
}
a{
cursor: pointer;
}
.cursor-pointer{
cursor: pointer;
}
.product-edit-opts-group .product-edit-opts {
float: left;
width: 25%;
text-align: center;
}
.register-context h2 {
text-shadow: 2px 2px 6px #000000;
}
.registration-bg-image-container:before {
content: "";
top: 0;
left: 0;
position: absolute;
height: 100%;
width: 100%;
background: linear-gradient(to left, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%);
}
.md-toolbar-tools {
font-size: 20px;
letter-spacing: .005em;
box-sizing: border-box;
font-weight: 400;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
width: 100%;
/* height: 75px;
max-height: 80px; */
padding: 0 24px;
margin: 0;
}
/* .content-starts {
padding-top: 64px;
} */
.classified-categories li {
padding: 8px;
/* border: 1px solid #d4d6d8; */
/* border-left: 1px solid #d4d6d8;
border-right: 1px solid #d4d6d8; */
color: #25333C;
vertical-align: middle;
display: flex;
}
/* .classified-categories li:first-child {
border-top: 0;
} */
.search-classifieds {
width: 75%;
margin: 0 auto;
}
.city-tag{
padding:0 10px;
}
.city-tag a:hover{
color: #0F8643;
transition: 0.5s all ease-in-out;
}
.login-image-container{
background: linear-gradient( to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4) ), url(../assets/images/home-1.png);
}
.login-text-holder{
position: absolute;
left: 15%;
top: 25%;
width: 45%;
}
.home_tab .md-tab.md-active{
color: #ffffff !important;
background-color: #1e8443!important;
margin: 0px 1px 0px 1px;
}
.home_tab md-ink-bar, md-tabs.md-default-theme md-ink-bar{
background: #1e8443!important;
}
.home_tab .md-tab{
margin: 0px 1px 0px 1px;
background-color: #cedbe4 !important;
}
.home_tab .md-tab {
padding: 12px 53px;
}
.logomargin{
display: block;
top: 4px;
}
/* .toolbar_label{
font-size: 11px;
color: #878787;
} */
/* .toolbar_loginlabel{
color: #434343;
} */
.logo img{
height: 38px !important;
}
.logolob_color{
text-align: right;
color: #f05a29;
font-size: 1.4rem;
padding-right: 4px;
position: relative;
bottom: 7px;
}
/* .searcharea_margin{
margin-bottom: -15px;margin-top: 8px;
} */
.search_margin{
margin: 0px 0px 0px 5px;padding-top: 5px;
height: 35px;
}
.form_alignmenadjustment{
margin-top:4px !important;
}
.search_icon{
font-size: 20px !important;margin-top: -5px;color: #fff;
}
.search_font{
color: #fff;font-size: 18px !important;
}
.search_input{
background-color: #fff!important;border-radius: 15px!important;border: none !important;
}
.ref_resmargin{
padding: 6px 0 0 10px !important;
/* top: 118px; */
top: 137px;
position: fixed;
width: calc(100% - 16px);
z-index: 4;
background-color: #fff;
}
.mac .ref_resmargin{
width: 100% !important;
}
/* .ref_resmargin.bb{
height: 58px;
} */
.line-clamp {
display: box;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
/*** Chandu, defect no 9501 changes Start here ***/
.find-more{
/* display: box;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden; */
text-align:left;
}
/*** Chandu, defect no 9501 changes Ends here ***/
.ref_resmargin p{
display: box;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
text-align:left;
}
.core-section-header.feed-section-header-title{
display: box;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
.cat_clothing{
/* width: 80%; */
font-size: 3.2rem;
line-height: 4.6rem;
}
.ref_search{
/* text-align: center;font-size: 1rem;color: #fff; */
background: #ff6c00;
border-radius: 25px;
color: #ffff;
padding: 4px 16px;
user-select: none;
margin-right: 17px;
}
.ref_search:hover {
background-color: #FF3D00;
border: #FF3D00;
}
.classified-info{
margin: 6px 10px;
width: 90%;
white-space: initial;
}
.classified-price{
margin: 8px 10px;
width: 100%;
white-space: initial;
}
.classified-title {
font-size: 1.5rem;
line-height: 2.2rem;
font-weight: 600;
color: #25333C;
}
.price-color{
color: #ff6c00 !important;
font-size: 14px;
}
.name-color{
/* color: #999; */
color: #25333C;
margin-bottom: 4px;
}
.city-color{
color: #343434;
}
.classified-details{
background-color: #0F8643!important;
}
.footer_logolob{
text-align: center;
color: #f05a29;
font-size: 1.4rem;
margin-right: 60px;
position: relative;
bottom: 20px;
}
.classified-region{
margin-top: 15px;
}
.forgotalign{
margin-left: 5px;
padding: 0 15px;
font-size: 13px;
color: #898E97;
width: 550px;
}
.fpwdtooltiparrow .fpwdtooltiptext::after {
transform: rotate(0DEG);
top: 50% !important;
right: inherit;
left: -36px;
margin-top:12px;
}
.custom-err-msg{
border-bottom: 1px solid #de4f60!important;
/* background-color: #fbedef!important; */
}
.field-tip .tip-content.confirmation-tooltip{
z-index: 1;
top: 14px !important;
left:-265px !important;
/* left: 0; */
}
.verification_tooltip{
z-index: 1;
top: 22px !important;
left: -265px !important;
}
.verification_tooltip:before{
top: -9px !important;
left: initial !important;
right: 44px;
transform: rotate(90deg);
}
.field-tip .tip-content.confirmation-tooltip:before{
content: ' ';
position: absolute;
top: -9px;
left: initial !important;
right: 44px;
width: 0;
height: 0;
margin-top: -8px;
border: 8px solid transparent;
border-right-color: #d8d2d2;
transform: rotate(90deg);
}
.field-tip .tip-content.tool_tip:before{
content: ' ';
position: absolute;
top: -9px;
left: 241px !important;
/* right: 44px; */
width: 0;
height: 0;
margin-top: -8px;
border: 8px solid transparent;
border-right-color: #d8d2d2;
transform: rotate(90deg);
}
.field-tip:hover .tip-content.confirmation-tooltip{
right: -12px;
opacity: 1;
margin-right:0px !important;
}
.classified-account-accordion {
background-color: #edf0f1;
padding: 10px;
border-top: 1px solid #d4d6d8;
border-left: 1px solid #d4d6d8;
border-right: 1px solid #d4d6d8;
}
.accordion-section {
border: 1px solid #d4d6d8;
padding: 16px;
}
.classified-accordion {
margin-bottom: 10px;
}
md-checkbox div.md-label {
margin-left: 0 !important;
}
.pwdtooltip::after {
top:70% !important;
right: 100% !important;
}
.product_circlr_content{
color: #fff;
}
.product_circle{
height: 30px;
text-align: center;
width: 30px;
line-height: 30px;
background-color: #0e8543;
border-radius: 50%;
display: inline-block;
color: #fff;
}
.search_location{
background-color:#1e8343;margin: 8px 8px -6px 2px;
}
.align_initial{
text-align: initial;
}
.back_results{
/* margin-top: 30px;margin-bottom: -10px;margin-left: 10px; */
/* margin-top: 15px; */
margin-bottom: 15px;
margin-left: 10px;
}
.back_icon{
/* margin: 0px 5px 0px 8px; */
color: #fff;
}
.product_seller_icon{
height: 90%;width: 13%;object-fit: contain;margin-left: 85%;
}
.product_image{
height: 100%;width: 100%;object-fit: contain;padding: 5px;
}
.product_fav{
margin-right: 50px;margin-bottom: 7px;
}
.product_fav_mar{
margin: 10px 10px 0px 10px;
}
.color_white{
color: #fff;
}
.product_pad25{
padding: 25px;
}
.product_mail{
color: #1e1e1e;
line-height: 30px;
word-break: break-word;
}
.product_back{
font-size: 14px; color: #7cc142;
}
/* .tl-input-container.keywordinp_alignment{
margin-top:0.3px!important;
}
.categoryInp_alignment{
margin-top: 2.4px !important;
}
.locationInp_alignment{
margin-top:2.4px !important;
}
#search_screen_submit_button.btnSubmit_alignment{
margin-top:5.4px !important;
} */
.compare_border_alignment{
border-bottom: 1px solid #d4d6d8;
}
.font-size-20{
font-size: 20px;
}
.font-size-17{
font-size: 17px !important;
}
.sellername{
border: 1px solid #d4d6d8;margin-right: 10%;
}
.desc_high{
background-color: #fafafa;color: #25333C;padding: 6px;font-size: 1.4rem !important;
}
.rel_prodPading{
padding: 20px 0px 20px 10px;
}
.rel_prod_margin{
margin: -8px 8px 8px 8px; max-width: 23%!important;
}
.learn_icon{
width: 80px; height: 75px; margin: 0 auto 16px auto;
}
.learn_iconfit{
height: 100%; width: 100%; object-fit: contain;
}
.leant_iconcontent{
line-height: 22px;
font-size: 14px;
min-height: 66px;
}
.learn_cont .learn_button{
margin: 0px 33% !important;
}
.learn_cont{
margin: 10px 0px 10px 0px;
}
.seeadd_icon{
margin-left: 5px;margin-top: -3px;
}
.star_mar{
margin: -3px;
font-size: 16px!important;
}
.rev_font{
font-size: 9px;
}
.rev_mar{
margin-left: 64%;
}
.tool_login{
width: 14px;font-size: 45px;height: 15px;top: 4px;position: relative;margin-right: 4px;
display: inline-block !important;
vertical-align: top;
}
.place-ad {
background-color: #ff6c00;
border: #ff6c00;
padding: 6px 16px;
border-radius: 25px;
font-size: 1.3rem;
}
.place-ad:hover {
background-color: #FF3D00;
border: #FF3D00;
}
.tab_color{
background-color: #1e8443;
color:#fff;
padding: 10px 0px;text-align: center;border-bottom: 1px solid #d4d6d8;border-right: 1px solid #d4d6d8;
}
.tabnom_color{
padding: 10px 0px;color:#343434;text-align: center;border-bottom: 1px solid #d4d6d8;border-right: 1px solid #d4d6d8;
cursor: pointer;
}
.register-benifits {
/* background-color: #0F8643; */
background: #0F8643; /* fallback for old browsers */
background: -webkit-linear-gradient(to left, #0F8643); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to left, #0F8643); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
color: #fff;
padding: 40px 0;
}
.fixed-search {
position: fixed;
width: calc(100% - 16px);
/* width:100%; */
z-index: 8;
background-color:#7dc142;
}
.fullHeight{
height: 100%;
}
.search_boder md-select-value{
border:none;
}
.inlblk{
display: inline-block;
zoom: 1;
}
.featured-main-heading {
background: aliceblue;
padding: 8px;
height: 35px;
color: #2a2a2a;
}
.fleft {
float: left;
}
.x-large {
font-size: 20px;
font-weight: 200;
}
.rel {
position: relative;
}
.numberCircle {
border-radius: 50%;
width: 25px;
height: 25px;
display: inline-block;
padding: 10px;
font-weight: 400;
background: transparent;
border: 2px solid #5763AD;
color: #5763AD;
vertical-align: middle;
font: 16px Arial, sans-serif;
}
.zoom-font {
color: #5763AD;
position: absolute;
margin-top: -23px;
margin-left: 36px;
}
.ribbon {
/* width: 115px;
height: 130px; */
width: 108px;
height: 100px;
overflow: hidden;
position: absolute;
}
/* .ribbon::before,
.ribbon::after {
position: absolute;
z-index: -1;
content: '';
display: block;
border: 5px solid #2980b9;
} */
.ribbon span {
position: absolute;
display: block;
width: 200px;
padding: 3px 0;
background-color: #3498db;
box-shadow: 0 5px 10px rgba(0,0,0,.1);
color: #fff;
/* font: 700 18px/1 'Lato', sans-serif; */
text-shadow: 0 1px 1px rgba(0,0,0,.2);
text-transform: uppercase;
text-align: center;
font-size: 1.2rem;
}
/* top right*/
.ribbon-top-right {
top: -10px;
right: -10px;
}
.ribbon-top-right::before,
.ribbon-top-right::after {
border-top-color: transparent;
border-right-color: transparent;
}
/* .ribbon-top-right::before {
top: 0;
left: 0;
}
.ribbon-top-right::after {
bottom: 0;
right: 0;
} */
.ribbon-top-right span {
left: -20px;
top: 22px;
transform: rotate(45deg);
}
.search_locpad{
margin-top: -5px;background-color: #edf0f1;padding-left: 4px;
}
.package-list-group li {
border: 1px solid #5ead81;
padding: 6px;
margin-bottom: 8px;
}
.features-list-group li {
float: left;
-webkit-box-align: center;
align-items: center;
width: 33.33%;
font-size: 1.3rem;
padding-right: 20px;
padding-bottom: 0px;
/* margin-bottom: 8px; */
}
.features-list-group {
position: relative;
}
.addons-pack {
padding: 6px;
border: 1px solid #5ead81;
margin-right: 8px;
margin-bottom: 8px;
max-width: 23.5%;
min-height: 150px !important;
}
.addons-pack p {
font-weight: 700;
font-size: 1.5rem;
text-align: center;
}
.addons-list {
margin-top: 16px;
}
/* .features-list-group li::before {
width: 16px;
content: " ";
background-image: url('/assets/images/Homepage/circle-tick.png');
position: absolute;
left: -16px;
top: -6px;
height:20px;
} */
.upgrade-subs-container {
border: 1px solid rgba(0,0,0,0.1);
padding: 8px;
background-color: #fff;
margin-bottom: 16px;
}
.sub-plan-name {
font-size: 30px;
color: #000;
}
.pricing-page-wrapper {
width: 100%;
margin: 0 auto;
}
.price-features li {
color: #333;
display: block;
font-size: 14px;
margin-bottom: 15px;
position: relative;
line-height: 22px;
}
.price-featured li {
color: #000;
display: block;
font-size: 14px;
margin-bottom: 10px;
position: relative;
line-height: 22px;
}
.price-inner-block h3 {
margin-bottom: 5px;
padding-top: 15px;
color: #000;
font-weight: 600;
padding-bottom: 20px;
}
.price-container {
padding: 0 10% 0px!important;
border-bottom: 0!important;
}
.price-container span {
display: block;
}
.price-figure, .price-figure i, .price-figure span[name="priceChange"], .price-figure span[name="priceChangeEU"] {
color: #0F8643 !important;
font-size: 60px;
font-weight: 600;
letter-spacing: -2px;
line-height: 55px;
display: inline-block;
}
.price-figure1 {
font-size: 35px !important;
font-weight: 600;
letter-spacing: -2px;
line-height: 40px !important;
}
.price-figure, .price-figure small {
color: #0F8643!important;
font-weight: bolder;
letter-spacing: .5px;
margin-bottom: 0;
position: relative;
}
.custom-price-fig {
font-size: 25px !important;
line-height: 30px !important;
}
.price-figure small, .price-figure span[name="priceChangetxt"] {
display: inline-block;
font-size: 24px;
font-weight: 700;
line-height: 24px;
position: relative;
right: -10px;
top: -20px;
}
.monthly-price-desc, .price-terms {
margin-top: 3px;
font-size: 13px;
color: #25333c;
font-weight: 600;
}
.promotion_feature li {
margin-left: 16px;
}
.price-terms {
position: relative;
bottom: 18px;
}
.price-features {
min-height: 0!important;
padding: 27px 0 15px 8%;
margin: 0 5%;
border-top: 1px solid #ebebeb;
}
.price-features li {
padding-left: 5px;
color: #000;
font-size: 15px;
}
.clearfix:after, .clearfix:before {
content: "";
display: table;
clear: both;
}
.price-features span {
font-weight: 600;
}
.yes, .yes-green {
background-position: 50%;
background-repeat: no-repeat;
text-indent: -999em;
display: inline-block;
margin-right: 8px;
/* opacity: .7; */
position: absolute;
left: -20px;
/* bottom: 2px; */
}
.yes {
background-image: url('/assets/images/checkmark-green.png');
width: 12px;
background-size: 10px;
}
.price-featured {
text-align: left;
padding-top: 15px;
/* padding-left: 8%; */
/* margin-left: 5%;
margin-right: 5%; */
border-top: 1px solid #ebebeb;
font-weight: 100;
}
.pricing-plans-list .pricing-plan-item {
width: 25%;
background: #fff;
float: left;
text-align: center;
display: grid;
}
.pricing-plans-list {
display: flex;
position: relative;
overflow: hidden;
margin-bottom: 50px !important;
}
.price-inner-block {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
border-left: 1px solid rgba(0, 0, 0, 0.1);
border-top: 1px solid rgba(0, 0, 0, 0.1);
/* height: 580px; */
padding: 15px;
}
.signup-now a {
margin: 0 auto 10px;
background: #7DC142!important;
color: #fff;
display: block;
font-size: 12px;
font-weight: 700;
padding: 6px 0;
text-transform: uppercase;
width: 60%;
margin-top: 24px;
}
.signup-now a:hover {
background-color: #49A329 !important;
}
.price-terms1{
position: relative;
bottom: 10px;
}
.currency-symbol1 {
font-size: 18px !important;
font-weight: 400 !important;
line-height: 30px !important;
position: relative !important;
right: -5px !important;
top: -8px !important;
}
.field-tip.field-tip1 .tip-content {
left: -28px !important;
top: 22px !important;
width: 220px !important;
right: initial !important;
text-align: left;
}
.field-tip.field-tip1 .tip-content:before {
top: -8px !important;
left: 14% !important;
transform: rotate(90deg) !important;
}
/* classified category initial implementation */
.cls-root-cat {
/* padding: 8px !important; */
font-size: 1.5rem !important;
color: #25333C;
}
.cls-subcat-container {
position: relative;
margin-right: 8px;
margin-bottom: 8px;
border: 1px solid #d4d6d8;
box-sizing: border-box !important;
min-width: 100%;
}
.cls-subcat{
position: relative;
/* min-height: 35px !important; */
color: #25333C;
border-bottom: 1px solid #d4d6d8;
background-color: #f3f5f7;
padding:7px 0 6px;
}
.cls-subcat-heading {
/* position: relative;
top: 50%;
left: 50%;
margin-right: -50%;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%); */
display: block;
text-align: center;
font-weight: 600;
font-size: 1.3rem;
}
.child-cat-container {
overflow-y: auto;
overflow-x: hidden;
}
.leaf-category {
position: relative;
cursor: pointer;
}
/* .leaf-category:hover { */
/* position: relative;
cursor: pointer; */
/* } */
.cls-cat-view-more:hover {
background-color: #fff !important;
}
.cls-cat-view-more {
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
background-color: #fff !important;
}
.leaf-category:hover .hoverClass {
background: #fff none repeat scroll 0 0;
border: 1px solid #e1e1e1;
border-radius: 3px;
box-shadow: 0 3px 2px -1px #ccc;
display: block !important;
min-width: 210px;
padding: 0;
position: absolute;
text-align: left;
z-index: 999;
}
.leaf-category:hover .hoverClass .leaf-category-detail .arrow {
border-color: transparent transparent #fff;
border-style: solid;
border-width: 0 8.5px 8.5px;
height: 0;
left: 20px;
position: absolute;
top: -9px;
width: 0;
z-index: 1;
}
/* .cat-subcategories .leaf-category-detail li:hover {
background-color: #edf0f1;
} */
.cat-subcategories .cat-view-more:hover{
background-color: #fff !important;
}
/* classified category new implementation */
.classified-category-container {
position: relative;
min-height: 200px;
}
.parent-category-tree {
/* overflow-y: scroll;
min-height: 275px;
max-height: 275px !important; */
border-bottom: 1px solid #e0e0e0;
height: 275px !important;
overflow-y: auto !important;
}
.category-tree-header {
border: 1px solid #e0e0e0;
padding: 4px 8px;
background-color: #fcfbf9;
}
.cls-cat-tooltip {
position: relative;
display: inline-block;
width: 100%;
}
.cls-cat-tooltipinfo {
visibility: hidden;
display: none;
/* width: 120px; */
/* background-color: #fff; */
/* color: #fff; */
/* text-align: center; */
border-radius: 6px;
padding: 5px 0;
position: absolute;
z-index: 999;
top: -5%;
left: 103%;
height:300px;
overflow-y: auto;
}
.cls-cat-tooltip:hover::after {
content: "";
position: absolute;
bottom: 30%;
left: 100%;
margin-top: -5px;
border-width: 8px;
border-style: solid;
border-color: transparent transparent transparent #7cc142;
}
.cls-cat-tooltip:hover .cls-cat-tooltipinfo {
visibility: visible;
display: inline-block;
/* width: 570px ; */
/* width: 700px; */
width: max-content;
width: -moz-max-content;
width: -webkit-max-content;
width: -o-max-content;
width: -ms-max-content;
max-width: 400%;
}
.category_sub_navigation{
border: 1px solid #f4f6f8;
background-color: #fff;
box-shadow: 0 0 5px 1px #e6e8e5;
border-radius: 3px;
padding: 10px;
}
.sub-cat-container .sub-cat-container-item {
float: left;
width: 32%;
}
.user-count {
font-size: 2rem;
font-weight: 800;
color: #999;
line-height: 2.2rem;
}
.info-content {
background-color: #f3f5ff;
border: 1px solid #e3e3e4;
margin-left: 8px;
padding-left: 0 !important;
min-height: 500px;
max-height: 492px !important;
}
.company-register-count {
float: left;
width: 8% !important;
}
.company-register-content {
float: left;
width: 78% !important;
}
.company-register-action {
float: left;
width: 12% !important;
}
.dropdown-right {
float: right;
}
.post-ad-premium-container {
display: flex;
flex-direction: column;
margin-top: 20px;
}
.post-ad-benefits {
display: flex;
justify-content: space-between;
}
.post-ad-benefits .premium-option .premium-circle {
width: 65px;
height: 65px;
border: 4px solid #d1f1d8;
background: #39b54a;
border-radius: 50%;
float: left;
text-align: center;
position: relative;
fill: #fff;
}
.post-ad-benefits .premium-option .premium-circle svg, .post-ad-benefits .premium-option .premium-circle span {
position: absolute;
top: 50%;
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
margin: 0 auto;
left: 0;
right: 0;
color: #fff;
font-size: 20px;
}
.post-ad-benefits .premium-option p {
font-size: 15px;
color: #333;
line-height: normal;
margin: 14px 0 0 80px;
}
.plans-content-only{
border: 1px solid #ddd;
margin-right: 10px;
padding: 10px;
box-shadow: 1px 1px 2px 0px #ddd;
min-height: 340px;
max-height: 340px;
}
.plans-content-only-heading{
font-size: 16px;
color: black;
font-weight: 600;
}
.plans-content-only-hr{
margin: 5px 0 10px 0 !important;
border-top: 7px solid #cecece !important;
}
.plans-content-only-hr1{
margin: 5px 0 10px 0 !important;
border-top: 7px solid #dac251 !important;
}
.plans-content-only-hr2{
margin: 5px 0 10px 0 !important;
border-top: 7px solid #008bcf !important;;
}
.plans-heading-height{
max-height: 65px;
min-height: 65px;
}
.plans-content-only-content{
min-height: 280px;
max-height: 280px;
}
.checkbox{
border-top: 1px solid #ddd;
}
.categorys-list {
width: 80%;
line-height: 16px;
/* margin-bottom: 8px; */
color: #25333C;
padding: 4px 8px;
word-break: break-word !important;
}
/* Classified cities css */
.popular-city-toolbar {
/* height: 125px;
line-height: 125px; */
background-color: #fff !important;
}
.popular-city-search {
height: 45px;
line-height: 45px;
padding: 10px 18px;
border: 1px solid #d4d6d8;
margin-top: 10px;
}
.popular-city-item {
width: 7.5em !important;
height: 7.5em !important;
margin: auto;
object-fit: cover;
background: #cbcbcb;
border-radius: 50%;
}
.popular-city-text {
text-align: center;
font-weight: 500;
line-height: 15px;
padding-top: 10px;
}
.city-name {
font-weight: 500;
line-height: 15px;
padding: 5px;
}
.popular-city-close {
position: absolute;
right: -3px;
top: -3px;
}
.popular-city-search-dropdown {
position: absolute;
top: 99%;
left: 0px;
z-index: 100;
padding: 0 16px;
width: 100%;
background-color: #fff;
}
.popular-city-search-dropdown-item {
width: 100%!important;
padding: 8px 12px 8px 20px;
border-bottom: 0;
color: #666;
text-transform: capitalize;
cursor: pointer;
font-size: 12px;
background-color: #0e8543!important;
}
li.popular-city-search-dropdown-item:first-child {
padding: 8px 12px 8px 20px;
}
md-dialog .md-toolbar-tools p.popular-city-search-text {
line-height: 15px !important;
color: #fff !important;
font-size: 14px !important;
}
/* Classified cities css end*/
.height60{
min-height: 60px;
max-height: 60px;
}
.promotion_width{
/* border: 1px solid #d4d6d8;
max-height: 125px;
max-width: 60%; */
}
.promotion_head{
/* background-color: #1e8443; */
color: #000;
/* padding: 2px 5px; */
font-size: 14px;
}
.promotion_date{
/* padding: 0px 13px; */
width: 100%;
font-size: 14px;
}
.cancel-icon {
position: absolute;
border-radius: 50%;
height:22px;
width:22px;
padding:0;
z-index: 9999;
background-color: #000;
border: 1px solid #000;
right:2px;
top:2px;
text-align: center;
}
.show-cities-dropdown{
/* min-height: 350px; */
max-height: 300px;
height: auto;
overflow-y: scroll;
width: calc(100% - 16px);
/* width: 100%; */
margin: 0;
border: 1px solid #f3f5f7;
background-color: #fafafa;
position: absolute;
z-index: 6;
/* z-index: 10; */
/* top: 64px; */
top: 135px;
/* left: 8px; */
box-shadow: 0 1px 1px rgba(0,0,0,0.3);
}
.mac .show-cities-dropdown{
width: calc(100% - 0px);
}
.location-dropdown {
height: 30px;
width: 15%;
background-color: #fff;
color: #5D636F;
margin-right: 16px;
border-radius: 25px;
vertical-align: middle;
display: inline-flex;
align-items: center;
justify-content: flex-start;
padding: 0 15px;
border: 2px solid #aff18f;
/* background: #fff url("/assets/images/svgs/arrow-down-sign-to-navigate.svg") no-repeat right center;
background-size: 11px 11px;
background-position: right 6px center; */
}
.location-dropdownhide{
height: 30px;
width: 15%;
background-color: #fff;
color: #5D636F;
margin-right: 16px;
border-radius: 25px;
vertical-align: middle;
display: inline-flex;
align-items: center;
justify-content: flex-start;
padding: 0 15px;
/* background: #fff url("/assets/images/svgs/arrow-down-sign-to-navigate.svg") no-repeat right center;
background-size: 11px 11px;
background-position: right 6px center; */
}
.fab-chevron-close {
top: auto;
bottom: 20px;
left:0;
right: 0;
position: fixed;
border: 1px solid #d4d6d8;
text-align: center;
border-radius: 50%;
background-color: #fff;
width: 30px;
height: 30px;
margin: 5px auto !important;
}
.fab-down-icon {
text-align: center;
line-height: 30px;
}
.select_refine{
background-color: #7cc142;
padding: 3px 10px 0px 10px;
border-radius: 20px;
color: #fff !important;
}
.categorys-list a {
color: #25333C;
}
.cat-list-title {
color: #ff6c00;
}
h5.cat-list-title:hover {
color: #ff6c00 !important;
}
li.categorys-list-item:hover > a {
background-color: transparent !important;
}
.fav_unselect{
position: absolute;
background-color: #fff;
z-index: 7;
margin-left: 24%;
margin-top: 2px;
border-radius: 18px;
padding: 0px 0px 0px 4px;
height: 25px !important;
width: 25px !important;
font-size: 20px !important;
}
.fav_select{
position: absolute;
background-color: #7dc142;
z-index: 10;
margin-left: 24%;
margin-top: 2px;
border-radius: 18px;
padding: 0px 0px 0px 4px;
height: 25px !important;
width: 25px !important;
font-size: 20px !important;
color: #fff;
}
.div5rem{
height: 5rem;
width: 5rem;
border: 1px solid #d4d6d8;
}
.imagedeatils{
height: 100%;
width: 100%;
object-fit: contain;
}
.inquiry_proddropdown{
margin-top: 10px;border: 1px solid #d4d6d8
}
.inquiry_proddropdown > md-select-value{
border-bottom: 0px;
}
.cls-location-search-item {
background-color: #d4d6d8;
padding: 0 5px;
margin-top: 3px;
margin-bottom: 3px;
}
.cls-ctg-search-popular.md-subheader {
background-color: #d4d6d8;
color: #25333C;
}
.cls-ctg-search-popular.md-subheader div.md-subheader-inner {
padding: 5px 10px;
}
.prem-ad-ribbon {
line-height: 21px;
height: 20px;
position: relative;
width: auto;
display: inline-block;
background: url(../../images/push-pin.png) no-repeat 1px 1px #0faa14;
padding: 0 4px 0 5px;
color: #fff;
font-size: 12px;
font-weight: 700;
}
.prem-ad-ribbon:after, .prem-ad-ribbon:before {
content: "";
position: absolute;
height: 0;
width: 0;
border-style: solid;
border-width: 0;
right: -8px;
}
.prem-ad-ribbon.ribbon-cut:after {
border-color: #0faa14 transparent;
border-right: 8px solid transparent;
border-top: 0 solid transparent;
border-bottom: 20px solid #0faa14;
}
.classified-list-item{
/* display: flex; */
border: 1px solid #d4d6d8;
margin-bottom: 8px;
}
.classified-prod-inf {
display: inline-flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.no-list {
height: 450px;
position: relative;
}
.classified-tracking-bar {
/* border: 1px solid #d4d6d8; */
background: #fff;
position: relative;
border-radius: 3px;
padding: 16px;
margin: 8px 0;
}
.classified-tracker {
padding: 24px 0;
margin-top: 10px;
text-align: center;
background: #edf0f1;
margin-bottom: 10px;
}
.classified-review-section {
position: relative;
margin: 5px 0 0;
border: 1px solid #e5e5e5;
border-radius: 2px;
background: #fff;
padding: 16px;
}
.classified-req-item {
border: 1px solid #d4d6d8;
background: #fff;
border-radius: 3px;
padding: 8px;
margin-bottom: 8px;
}
.region_link{
color: #5a9d3b;
text-decoration: underline;
}
.classified-img-container {
height: 18em;
border: 1px solid #d4d6d8;
}
.promotions-section{
padding: 16px 0;
background: #fafafa;
}
.promotion_head {
font-weight: 600;
color: #000;
}
.promotion_header{
font-size: 14px;
font-weight: bold;
color: #000;
}
.promotion_table{
background-color: #f3f5f7;
padding: 0px 8px;
}
.promotional-table {
width: 100%;
overflow-x: auto;
}
.promotion_status{
font-size: 8px !important;
width: 8px !important;
}
.user-profile-status {
border: 1px solid #f3f5f7;
background-color: #fff;
padding: 6px;
}
#myProgress {
width: 100%;
background-color: #ddd;
}
#myBar {
width: 50%;
height: 30px;
background-color: #4CAF50;
text-align: center;
line-height: 30px;
color: white;
}
.widget-container-1 {
background-color: #FF8000;
color: #fff;
}
.widget-container-2 {
background-color: #FE642E;
}
.widget-container-3 {
background-color: #4189ba;
}
.widget-container-4 {
background-color: #0f98c1;
}
.subscription-section {
border: 1px solid #f3f5f7;
background-color: #fff;
padding: 8px;
}
.circle {
border: 1px solid #d4d6d8;
height: 80px;
width: 80px;
border-radius: 50%;
background-color: #FE642E;
position: relative;
}
.alphabet {
font-weight: 600;
font-size: 28px;
color: #fff;
}
.centering-subscr {
display: block;
margin-left: auto;
margin-right: auto;
}
.widgets-section {
margin: 16px 0;
}
.classifed-widget {
/* border: 1px solid #d4d6d8; */
margin-right: 16px;
margin-bottom: 16px;
}
.classified-body {
border-top: 1px solid #d4d6d8;
border-left: 1px solid #d4d6d8;
border-right: 1px solid #d4d6d8;
}
.cls-item-list {
border-bottom: 1px solid #d4d6d8;
/* border-left: 1px solid #d4d6d8;
border-right: 1px solid #d4d6d8; */
padding: 0 6px;
}
.classified-header1, .classified-header2, .classified-header3, .classifid-header4 {
font-size: 14px;
font-weight: 600;
padding: 6px 8px;
background: #fe642e;
color: #fff;
}
.classified-header2 {
background-color: #FF8000;
}
.classified-header3 {
background-color: #4189ba;
}
.classifid-header4 {
background-color: #0f98c1;
}
.classifieds-widget-section {
margin-top: 16px;
}
.classified-title {
font-weight: 600;
font-size: 15px;
color: #25333C;
line-height: 22px;
min-height: 44px;
}
.classified-title:hover {
cursor: pointer;
color: #0E8543;
}
.line-clamping {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
-ms-line-clamp: 2;
-ms-box-orient: vertical;
overflow: hidden;
white-space: initial;
max-height: 41px !important;
text-overflow: ellipsis !important;
}
/* .win.gecko .line-clamping{
display: inline-block;
max-width: 200px;
overflow-x: hidden;
white-space: nowrap;
} */
.classified-footer {
width: 100%;
text-align: center;
padding: 6px 8px;
border-bottom: 1px solid #d4d6d8;
border-left: 1px solid #d4d6d8;
border-right: 1px solid #d4d6d8;
}
.classified-footer a {
font-size: 1.3rem;
font-weight: 600;
}
.myProgress {
background-color: #ddd;
margin-left: 5px;
margin-bottom: 10px;
width: 99%;
}
.myBar {
width: 60%;
height: 30px;
background-color: #4CAF50;
text-align: center;
line-height: 30px;
color: white;
}
.classi_wid{
border: 1px solid #d4d6d8;height: 184px;
}
.classi_widbottom{
margin-bottom:15px;
}
.classi_wid_title{
color: #fff;
padding: 10px;
font-size: 14px;
}
.classi_wid_content{
height: 104px;text-align: center;
}
.classi_content_act{
border-right: 1px solid #d4d6d8;font-size: 15px;
}
.classi_wid_view{
color: #fff;padding: 5px 5px;font-size: 12px;bottom: 0;left: 0;right: 0;position: relative;
}
.classi_tab_content{
color: #000;font-weight: 500;
}
/* #view-all:hover{text-decoration: underline !important;}
#view-all1:hover{text-decoration: underline !important;} */
.location_searchvalue{
padding-left: 10px !important;
padding-right: 30px !important;
background-color: rgb(255, 255, 255) !important;
border-radius: 20px 20px 0px 0px !important;
border: none !important;
}
.location_searchnone{
padding-left: 10px !important;
padding-right: 30px !important;
background-color: rgb(255, 255, 255) !important;
border-radius: 20px !important;
border: none !important;
}
.distance_select{
border: 1px solid #d4d6d8;
border-radius: 20px;
padding-left: 6px;
background-color: #fff;
}
md-select.distance_select .md-select-value{
border-bottom-color: #edf0f1 !important;
}
.toolbar-category {
position: relative;
width: 100%;
/* display: inline-block; */
}
.toolbar-category:hover {
padding-bottom: 10px;
}
.toolbar-category .toolbar-category-content {
visibility: hidden;
display: none;
/* right: -150px; */
/* commented by Mani Prakash
right: -200px; */
right: -140px;
top: 12px;
border: solid 1px #e9e9e9;
background-color: #fff;
padding: 8px;
/* box-shadow: 0 -1rem 2rem transparent; */
box-shadow: 0 7px 10px rgba(0,0,0,0.14);
border-radius: 3px;
position: absolute;
z-index: 999;
transform: translateY(1rem);
transition: opacity .4s,transform .4s,box-shadow 1.2s,visibility .4s;
max-height: 300px;
overflow-y: auto;
}
.toolbar-category:hover .toolbar-category-content {
visibility: visible;
display: inline-block;
width: 800px;
border: solid 1px #e9e9e9;
background-color: #fff;
box-shadow: 0 7px 10px rgba(0,0,0,0.14);
/* box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 1px; */
border-radius: 3px;
padding: 15px 0px 15px 20px;
max-height: 300px;
overflow-y: auto;
}
.width200{
width: 200px !important;
}
.width300{
width: 300px !important;
}
.width500{
width: 500px !important;
}
.width800{
width: 800px !important;
}
/* .toolbar-category:hover .toolbar-category-content .toolbar-category-arrow {
border-color: transparent transparent #d4d6d8;
border-style: solid;
border-width: 0 8.5px 8.5px;
height: 0;
right: 22%;
position: absolute;
top: -9px;
width: 0;
z-index: 1;
} */
.toolbar-category:hover::before {
content: " ";
position: absolute;
border: 1px solid red;
top: 14%;
right: 31%;
margin-right: 4px;
border-width: 10px;
border-style: solid;
border-color: transparent transparent #D4D6D8 transparent;
}
.height-dialog{
height:500px;
overflow-y: scroll;
}
.promotion-card{
position: relative;
border: 1px solid #08a64e;
min-height: 250px !important;
overflow: hidden;
padding: 8px;
}
.promotion-card:hover {
background-color: #e7fff2;
cursor: pointer;
}
.promotion-active {
background-color: #e7fff2;
}
.promotion_name{
font-size: 1.6rem;
font-weight: bold;
color: #000;
text-align: center;
line-height: 18px;
}
.promotion_feature{
/* padding-top: 6px; */
border-top: none;
/* margin-bottom: -15px; */
margin-left: 16px;
/* text-align: center; */
}
.align-center{
position: relative;
top:-2px;
}
.del_color{
padding: 0px 8px;
background-color: #fff;
color:#DE4F60 ;
border:1px solid #DE4F60;
border-radius: 25px;
font-size: 1.3rem;
height: 30px !important;
line-height: 30px !important;
/*margin-right: 20px;*/
display: inline-block;
text-align: center;
/* margin-right: 0 !important; */
}
.del_color:hover {
background-color: #DE4F60 ;
color: #fff !important;
}
.cl-img-container {
height: 10em;
width: 100%;
border: 1px solid #f5f5f5;
}
.tl-seller-contact {
width: 100%;
margin: 0 0 8px;
}
.tl-seller-header {
width: 100%;
float: left;
padding: 8px 10px;
background: #f7f7f7;
border: 1px solid #eaedef;
border-bottom: 0;
}
.tl-seller-contact {
width: 100%;
float: left;
position: relative;
background: #fcfcfc;
/* padding: 16px 16px 10px; */
padding: 10px 10px 8px;
border: 1px solid #eaedef;
}
.verified-icon {
height: 24px;
width: 24px;
}
.cat-attr-list {
/* float: left; */
padding: 8px;
background-color: #f7f7f7;
padding: 8px;
background-color: #f7f7f7;
margin-bottom: 8px;
margin-left: 8px;
}
.tl-seller-info {
margin-left: 8px;
}
.selected-promotion:after {
content: "L";
background: #70ad4d;
color: #fff;
height: 39px;
width: 45px;
top: -22px;
right: -20px;
/* top: -20px; */
/* right: -26px; */
text-align: center;
padding-top: 18px;
padding-right: 6px;
padding-left: 0;
z-index: 9;
position: absolute;
/* transform: rotateX(180deg) rotate(135deg); */
-ms-transform: rotateX(180deg) rotate(135deg);
-moz-transform: rotateX(180deg) rotate(135deg);
-webkit-transform: rotateX(180deg) rotate(135deg);
-o-transform: rotateX(180deg) rotate(135deg);
font-size: 13px;
font-weight: 600;
vertical-align: middle;
overflow: hidden;
}
.sortcat{
margin-top: 27px;
background-color: rgb(255, 255, 255);
border: 1px solid rgb(243, 245, 247);
position: absolute;
z-index: 7;
/* box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 1px; */
box-shadow: 0 7px 10px rgba(0,0,0,0.14);
right: 0px;
max-height: 300px;
overflow-y: auto;
min-width: 275px;
max-width: 275px;
}
.sort_cat_arrow{
right: 10%;
position: absolute;
font-size: 45px !important;
margin-top: 15px;
color: #c1c1c1;
}
timeline-panel {
width: 20% !important;
margin-left: 5% !important;
}
.timeline1 {
list-style-type: none;
display: flex;
align-items: center;
justify-content: flex-end;
padding: 16px 0 0 0;
}
.timeline1 .li {
transition: all 200ms ease-in;
}
.timestamp {
margin-bottom: 20px;
padding: 0px 40px;
display: flex;
flex-direction: column;
align-items: center;
font-weight: 100;
}
.li.complete .status {
border-top: 2px solid #0E8543;
}
.li.complete .status:before {
background-color: #0E8543;
border: none;
transition: all 200ms ease-in;
}
.status {
padding: 0px 80px;
display: flex;
justify-content: center;
border-top: 2px solid #D6DCE0;
position: relative;
transition: all 200ms ease-in;
}
.status:before {
content: '\2713';
width: 25px;
height: 25px;
background-color: white;
border-radius: 25px;
border: 1px solid #ddd;
position: absolute;
top: -15px;
left: 0%;
color: #fff;
transform: rotate(0deg);
transition: all 200ms ease-in;
}
.li.complete .status h4 {
color: #0E8543;
margin-top: 8px;
font-size: 1.4rem !important;
}
.status h4 {
/* font-weight: 600; */
margin-top: 8px;
font-size: 1.4rem !important;
color: #999;
}
.ml-7{
margin-left: 7px;
}
/* @media (min-device-width: 320px) and (max-device-width: 700px) {
.timeline {
list-style-type: none;
display: block;
}
.timeline .li {
transition: all 200ms ease-in;
display: flex;
width: inherit;
}
.timestamp {
width: 100px;
}
.timestamp .status:before {
left: -8%;
top: 30%;
transition: all 200ms ease-in;
}
} */
.height-125{
height: 125px !important;
}
.max-height-112{
max-height: 112px !important;
}
.promotional-plans-header {
background: aliceblue;
padding: 10px;
color: #25333C;
margin-top: 16px;
}
.promotional-plan-title{
font-size: 1.5rem;
font-weight: 600;
margin-left: 5px;
}
.filter-category {
float: right;
font-size: 13px;
font-weight: 600;
color: #000;
user-select: none;
}
.filter-header-name{
font-size: 1.5rem;
font-weight: 600;
color: #000;
cursor: pointer;
}
/* .filter-heading{
margin-top: 16px;
} */
.no-results-found {
height: 500px;
display: flex;
align-items: center;
justify-content: center;
width:70%;
}
.no-results-found p {
font-size: 1.6rem;
font-weight: 600;
color: #000;
}
.no-ratings-found {
font-size: 20px;
font-weight: 600;
color: #000;
display: flex;
justify-content: center;
align-items: center;
}
.check-mark-sign {
width: 12px;
height: 12px;
float: left;
margin-right: 8px;
margin-top: 3px;
}
.features-heading {
font-size:15px;
line-height:20px;
margin: 8px 0;
color: #25333C;
font-weight: 600;
}
.features-list-align {
display: flex;
align-items: center;
justify-content: center;
}
.price-tag {
font-weight: 600;
font-size: 18px;
color: #000;
}
.fs-14{
font-size: 14px !important;
color: #242425 !important;
}
.classified-location {
font-size: 12px !important;
color: #898e97!important;
line-height: 16px;
display: inline-block;
}
.classifieds-specifications{
width: 80%;
margin: 0 auto;
padding: 10px 50px 0px 35px;
}
.pricing_card{
min-height: 480px !important;
}
.subscr-buy-now-btn {
width: 100%;
top: calc(100% - 15%);
padding-top: 20px;
margin-top: 0 !important;
margin-top: .9375rem;
text-align: center;
/* bottom: 2%; */
position: absolute;
left: 0;
}
.related-products-container {
background-color: #efecec;
/* margin: 24px 10px 0px 0px; */
height: 1260px;
overflow-y: scroll;
overflow-x: hidden;
}
.search-popular-window-design {
top: 27px !important;
width: calc(100% - 4px) !important;
}
.search-input-design {
border-radius: 15px 15px 0 0!important;
}
.err-msg-container {
color: #DE4F60;
border-bottom: 1px solid #d4d6d8;
border-left: 1px solid #d4d6d8;
border-right: 1px solid #d4d6d8;
font-size: 1.2rem;
line-height: 16px;
padding: 4px;
height: 41px;
}
.height-134 {
height: 134px !important;
}
.learn-more-in-search{
background-color: #7cc142!important;
width: 170px;
padding: 8px;
margin: auto !important;
height: 50px;
margin-bottom: 3% !important;
}
.clear-all-position{
position: absolute;
right: 15px;
top: 12px;
color: #25333C;
}
.height-82 {
height: 75px !important;
}
.thumb-img-container {
height: 80px;
width: 100%;
}
.mr-4 {
margin-right: 4px;
}
.location-search-list li {
margin-bottom: 6px;
}
.select_location_search {
padding: 2px 0;
cursor: pointer;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
text-indent: 6px;
margin-left: -10px;
background: #7CC142;
border-radius: 25px;
color: #fff;
font-weight: 600;
}
.location-search-list li p {
font-size: 1.4rem;
line-height: 18px;
}
.location-search-container {
background-color: rgb(255, 255, 255);
/* min-height: 150px; */
max-height: 180px;
overflow: auto;
padding: 10px;
border-radius: 0px 0px 20px 20px;
border-left: 1px solid #d4d6d8;
border-right: 1px solid #d4d6d8;
border-bottom: 1px solid #d4d6d8;
}
.refine-results-height{
margin-top: 155px;
z-index: 200 !important;
position: fixed;
}
.refine-results-when-category-choosen{
margin-top: 111px;
z-index: 3 !important;
position: fixed;
}
.max-height-109{
/* max-height: 109px !important; */
}
.fab-expand-icon1{
border: 1px solid #d4d6d8;
text-align: center;
border-radius: 50%;
background-color: #fff;
width: 30px;
height: 30px;
}
.promotional-bar {
border: 1px solid #d4d6d8;
box-shadow: 0 1px 1px rgba(0,0,0,0.3);
margin-bottom: 8px;
float: left;
width: 48.5%;
}
.promotional-footer {
background-color: #f4f5f6;
/* display: flex;
align-items: end;
flex-grow: 1; */
}
.promo-plan-features {
text-align: left !important;
}
.promo-plan-features li {
position: relative;
}
.promo-plan-features li:before {
content: "";
position: absolute;
top: 4px;
left: 0;
height: 13px;
width: 12px;
text-indent: initial;
background: url('/assets/images/checkmark-green.png') center top no-repeat;
background-size: cover;
}
.mt-154 {
margin-top: 154px !important;
}
.ml-0 {
margin-left: 0 !important;
}
.p-0 {
padding: 0 !important;
}
.mr-0 {
margin-right: 0 !important;
}
.w-106 {
width: 106px !important;
}
.services-list {
display: flex;
align-items: flex-start;
flex-wrap: wrap;
}
.adj-btn {
width: 65px;
height: 28px !important;
line-height: 28px !important;
display: inline-block;
}
.apply-reset {
top: auto;
/* bottom: 0; */
left: auto;
right: auto;
position: fixed;
/* position: sticky; */
/* position: -webkit-sticky; */
text-align: center;
/* border: 1px solid #d4d6d8; */
text-align: center;
/* border-radius: 50%; */
/* background-color: #fff; */
/* width: 30px; */
/* height: 30px; */
background-color: #fafafa;
box-shadow: 0 1px 1px rgba(0,0,0,0.3);
padding-bottom: 5px;
width: 100%;
z-index: 999999;
}
/* Css for home page */
.feed-section-header-title {
font-size: 3em;
font-weight: 600;
}
.core-section-header {
display: block;
/* font-size: 2.2em; */
font-size: 2rem;
line-height: 2.8rem;
}
.core-text-header {
/* font-weight: 600; */
color: #545454;
margin: 0;
margin-left: 16px;
}
.higlight_products .core-text-header{
margin-left: 42px !important;
}
p.block {
display: block;
}
/* .core-section-text {
font-size: 1.7em;
margin: .5em 0;
} */
.core-section-underline {
width: 6rem;
height: 2px;
margin: 0 0.6em;
border: none;
border-bottom: 1px solid #ff6c00;
border-color: #ff6c00 !important;
margin-left: 16px;
text-align: left;
}
.classified-card-v2-wrapper {
cursor: pointer;
/* width: 25% !important; */
width: 275px;
/* height: 27em; */
/* min-height: 25em;
height: auto; */
margin-bottom: 5px;
flex: 0 0 auto;
/* -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15); */
/* margin: 1em; */
/* box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);
-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);
-moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12); */
/* box-shadow: 0 1px 3px rgba(15,18,18,.35);
-webkit-box-shadow: 0 1px 3px rgba(15,18,18,.35);
-moz-box-shadow: 0 1px 3px rgba(15,18,18,.35); */
box-shadow: 0 2px 4px -1px rgba(0,0,0,.2), 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12);
filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.14)), drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.12)), drop-shadow(0px 1px 10px rgba(0, 0, 0, 0.2));
-webkit-transition: all .2s ease-in-out 0s;
-moz-transition: all .2s ease-in-out 0s;
-o-transition: all .2s ease-in-out 0s;
-ms-transition: all .2s ease-in-out 0s;
transition: all .2s ease-in-out 0s;
position: relative;
border-radius: 10px;
}
.classified-card-v2-wrapper:hover {
box-shadow: 0 0px 9px rgba(0,0,0,0.25), 0 2px 9px rgba(0,0,0,0.22);
border-top-right-radius: 10px;
border-top-left-radius: 10px;
}
.classified-favorite {
position: absolute;
top: 57.5%;
right: 16px;
z-index: 1;
background-color: #fff;
border: 1px solid #0E8543;
border-radius: 50%;
height: 30px;
width: 30px;
display: block;
line-height: 30px;
}
.classified-favorite a {
display: block;
margin-left: auto;
margin-right: auto;
padding: 2px 5px;
}
.classified-favorite a md-icon[md-font-icon="fa fa-heart-o"].s18 {
font-size: 18px!important;
width: 18px!important;
height: 18px!important;
line-height: 18px!important;
color: #0E8543;
}
.classified-favorite a:hover md-icon[md-font-icon="fa fa-heart-o"].s18 {
font-size: 18px!important;
width: 18px!important;
height: 18px!important;
line-height: 18px!important;
color: #fff;
}
.classified-favorite:hover {
background-color: #ff6c00;
border: 1px solid #ff6c00;
}
.classified-card-v2 .classified-card {
height: 100%;
display: flex;
flex-direction: column;
position: relative;
}
.classified-card-v2-wrapper .classified-card .classified-image-wrapper {
width: 100%;
/* height: 14.5em; */
height: 11.5em;
background: #fff;
flex-shrink: 0;
position: relative;
overflow: hidden;
}
/* added by G Rohit / 31st dec 2020 */
.outer-image-container-16-9 {
height: auto !important;
width: 100% !important;
position: relative;
/* below is optional, if there is no container width, it will be fluid but still with aspect ratio */
/* max-width: 300px; */
}
.outer-image-container-16-9::before {
display: block;
content: "";
width: 100%;
/* for 16/9 ratio we need to give padding top of 56.25% : refer: https://css-tricks.com/aspect-ratio-boxes/*/
padding-top: calc((9 / 16) * 100%);
}
.inner-image-container-16-9 {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #eee;
width: 100%;
}
.inner-image-container-16-9 > img {
width: 100%;
height: 100%;
object-fit: contain;
}
.classified-card-v2-wrapper .classified-card .classified-image-wrapper .on-visible {
height: 100%;
}
.classified-card-v2-wrapper .classified-card .classified-content-wrapper {
display: flex;
flex: 1;
flex-direction: column;
text-align: left;
/* padding: 1em 1.2em; */
padding: 1em;
background: #fff;
border-radius: 10px;
}
.classified-cat-title {
text-transform: uppercase;
color: #9a9a9a;
margin-top: .5em;
margin-bottom: .2em;
font-weight: 500;
opacity: .7;
text-decoration: none;
pointer-events: none;
font-size: 1.1em;
}
.classified-card .classified-link-title{
margin-bottom: 16px !important;
}
.classified-detail {
flex: 1;
display: flex;
}
.classified-detail .classified-detail-left {
display: flex;
flex-direction: column;
justify-content: flex-end;
/* width: 85%; */
width: 100%;
}
.classified-detail .classified-detail-right {
text-align: right;
float: right;
width: 15%;
/* position: absolute; */
/* right: 1em;
bottom: 1em; */
}
.classified-link-title {
font-weight: 500;
font-size: 16px;
line-height: 24px;
color: #25333C;
line-height: 22px;
}
.classified-price-color {
color: #ff6c00 !important;
font-weight: 600;
font-size: 14px;
}
.home-grid {
margin-top: 5px;
}
.colored-grid, .uncolored-grid {
padding: 24px 8px 0 8px;
border-bottom: 1px solid #a0a0a0;
}
.colored-grid {
background-color: #f4f6f8;
min-height:120px;
}
.label-modify {
font-weight: 500;
color: #0E8543 !important;
}
.align-left{
position: relative;
top: -1px;
float: left;
}
.modi-input {
background-color: #fff !important;
}
.prof-pref-btn {
width: 100px;
margin-right: 30px;
}
.mt-30 {
margin-top: 30px;
}
.standard-rating {
color: #7cc142;
font-size: 1.5rem;
line-height: 20px;
font-weight: 600;
}
.view-all-card {
position: relative;
background: #f4f6f8;
margin-left: -258px;
margin-top: -74px;
width: 240px;
height: 322px;
}
.view-all-btn {
color: #0E8543;
margin: 16px 30px;
font-size: 1.4rem;
line-height: 18px;
font-weight: 600;
border-radius: 25px;
border: 1px solid #0E8543;
padding: 6px 42px;
text-decoration: none;
}
.view-all-btn:hover {
background-color: #0E8543;
color: #fff;
text-decoration: none;
}
.chev-right {
color: #0e8543;
}
.view-all-btn:hover .chev-right {
color: #fff;
}
.review-list li {
border-bottom: 1px solid #d4d6d8;
padding: 4px 8px;
}
.classified-supplier {
height: 60px;
width: 60px;
border: 1px solid #d4d6d8;
background-color: #f4f6f8;
border-radius: 50%;
margin-left: auto;
margin-right: auto;
}
.no-border{
border-bottom: none !important;
}
.identify-title {
border-right: none !important;
border-left: none !important;
border-bottom: 1px solid #e1e1e1 !important;
font-size: 15px!important;
line-height: 25px !important;
}
.ml-100 {
margin-left: 100px;
}
.minh-100 {
min-height: 100px !important;
}
.height-auto {
height: auto !important;
}
.right-35 {
right: 35px !important;
}
.right-25 {
right: 25px !important;
}
.email-word-wrap {
width: 85% !important;
word-break: break-word !important;
}
.verify-icon {
height: 24px;
width: 24px;
margin-right: 2px;
}
.register-input.tl-input-container.mt-m-7 {
margin-top: -7px !important;
}
.ml-0 {
margin-left: 0 !important;
}
.mt-0 {
margin-top: 0 !important;
}
.mb-0 {
margin-bottom: 0 !important;
}
ul.prod-img-thumbnail > li.prod-thumbnail.imageselected {
border: 1px solid #0E8543;
}
.view-all-in-carousel{
color: #7dbe42;
display: inline-block;
margin-left: 85px;
margin-top: 125px;
}
.view-all-in-carousel:hover{
text-decoration: underline !important;
}
.height-52 {
height: 52px !important;
}
.height-144 {
height: 144px !important;
}
.cart-items-table tr td {
text-align: left;
}
.company-status {
border: 1px solid #f4f6f8;
background-color: #f6f7f8;
}
.company-logo {
float: left;
width: 15%;
background: #fff;
height: 56px;
line-height: 56px;
text-align: center;
}
.company-status-info {
float: left;
width: 80%;
padding: 2px 8px;
}
.forgot-pwd-success {
margin-top: 15px;
width:460px;
height:250px;
border:1px solid #d4d6d8;
}
.prod-content-area {
min-height: 263px !important;
}
.cls-attr-list {
margin: 6px 0;
}
.cls-attr-list li {
width: 100%;
margin-bottom: 4px;
white-space: initial;
}
.cls-attr-list li span {
/* 9628 fix comented below line and added white-space: initial; css */
/* word-break: break-word; */
white-space: initial;
}
.mt-11 {
margin-top: 11px !important;
}
.ml-5 {
margin-left: 5px;
}
.max-height-100{
max-height: 100px;
}
.item-container-related-products{
width: 296px;
}
.mr-top-5{
margin-top: 5px !important;
}
.contact-supplier-for-product{
padding: 0px 8px;
background-color: #fff;
color: #0F8643 !important;
border: 1px solid #0F8643;
border-radius: 25px;
font-size: 1.0rem;
height: 26px !important;
line-height: 25px !important;
display: inline-block;
text-align: center;
margin-right: 0 !important;
margin-top: -5px;
}
.contact-supplier-for-product:hover {
background-color: #0F8643;
color: #fff !important;
/* transition: 0.5s all ease-in-out; */
}
.classifieds-rating-dialog-height{
height:450px;
}
.no-classified-criterias{
font-size: 15px;
font-weight: 600;
color: #000;
display: flex;
justify-content: center;
align-items: center;
}
.content-height {
/* height: 1610px;
overflow-y: scroll;
background: #edf0f1;
overflow-x: hidden;
padding: 0 8px; */
height: 700px;
overflow-y: scroll;
background: #edf0f1;
overflow-x: hidden;
padding: 0 8px;
padding-top: 16px;
}
.status-text-align{
margin-left: -132px;
}
.checkbox-session-timeout {
top: 0px;
}
.line-wrap{
white-space: normal !important;
}
.categorys-list:hover {
/* background-color: #d7dbdc !important; */
color: #0E8543 !important;
padding: 4px 8px;
/* cursor: pointer; */
}
.categorys-list:hover > a {
background-color: #d7dbdc !important;
color: #0E8543 !important;
cursor: pointer;
}
.sec-level-cat {
padding: 0px 8px;
}
.sec-level-cat:hover {
background-color: #d7dbdc !important;
color: #0E8543 !important;
padding: 0px 8px;
cursor: pointer;
}
.categorys-list-facet {
width: 80%;
line-height: 16px;
margin-bottom: 8px;
color: #25333C;
}
.categorys-list-facet a {
color: #25333C;
}
.tl-prod-circle{
height: 20px;
text-align: center;
width: 20px;
line-height: 20px;
}
.backicon_backgroundcolor{
color: #7dc142!important;
}
.tl-left-icon{
width: 20px !important;
height: 20px !important;
line-height: 22px !important;
font-size: 21px !important;
margin-left: -2px;
}
.tl-sellername .product_circle{
width: 20px !important;
height: 20px !important;
line-height: 22px !important;
margin:4px 3px 0 0;
}
.all-categories-title {
/* font-size: 1.5rem; */
font-weight: 600;
width: 65%;
padding: 0 8px;
cursor: pointer;
}
.all-categories-clear {
margin-left: 20px;
width: 15%;
}
.win.gecko .fab-chevron-close {
margin: 0 auto !important;
}
.top-results-content {
margin-top: 55px;
}
.fixed-filters {
top: 118px !important;
width: 100% !important;
}
.win.ie .ie-styles-tl{
line-height:35px !important;
}
.md-button.md-icon-button.width{
width: 25px !important;
}
.contact-supplier.message_rating_buttons{
height: 25px !important;
line-height: 25px !important
}
.mac.chrome .pwdtooltip {
left: 280px !important;
}
.mac.safari .pwdtooltip {
left: 280px !important;
}
.uncolored-grid{
min-height:120px;
}
table.cart-items-table{
border-collapse: separate !important;
}
.ngTruncateToggleText{
cursor: pointer;
}
.tl-cl-supplier-icon .contact-supplier{
border-radius: 0px;
}
.tl-btn-rateseller{
background-color: #d8ddd5;
color:#04551E !important;
border-right-color:white;
padding: 8px;
text-align: center;
}
.tl-btn-chatseller{
background-color: #0E8543;
border-color:#efefef;
color:#fff !important;
padding:8px;
text-align: center;
}
.tl-btn-chatseller:hover{
background-color: #04551E;
color:white !important;
transition:0.8s;
border-color:#04551E;
}
.tl-btn-rateseller:hover{
background-color: #BFC7BA;
color:#04551E !important;
transition:0.8s;
border-right-color:#BFC7BA;
}
.inquiry-detail-cont {
min-height: 110px;
border: 1px solid #d4d6d8;
/* box-shadow: 0 1px 9px rgba(15,18,18,.35); */
padding: 8px;
}
.cl-img-align {
width: 30%;
float: left;
height: 7em;
}
.cl-img-content {
width: 75%;
padding-left: 8px;
float: left;
}
.fg-pwd-container {
display: block;
width: 100%;
margin: 0 auto;
margin-top: -20px !important;
}
.mt-m-16 {
margin-top: -16px !important;
}
.tl-clfds-input-container::placeholder{
color:#000 !important;
opacity: 0.9;
}
.mt-m-18 {
margin-top: -18px !important;
}
.find-more {
font-size: 1.5rem !important;
line-height: 2rem !important;
}
.find-more-section {
padding: 8px;
}
.mac.chrome .find-more-section, .mac.chrome .sponsored-ads-heading, .mac.chrome .content-height,
.mac.safari .find-more-section, .mac.safari .sponsored-ads-heading, .mac.safari .content-height
{
margin-right: 16px;
}
.notify-badge-count {
border: 1px solid #ff6c00;
background-color: #ff6c00;
color: #fff;
border-radius: 50%;
width: 20px;
font-size: 1.2rem;
height: 20px;
/* padding: 2px; */
line-height: 20px;
text-align: center;
display: inline-block;
position: relative;
top: -37px;
left: 15px;
}
/* .mac.chrome .sponsored-ads-heading {
margin-right: 16px;
} */
/* .ad-section-classifieds {
position: fixed;
top: 168px;
right: 16px;
} */
.profanity_error_message {
color: #DE4F60;
font-size: 1.2rem;
line-height: 18px;
padding: 4px;
height: 40px;
}
.card-classified-inquiry {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
min-width: 0;
border-radius: 4px;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 1px solid #eaeef9;
border-radius: 5px;
box-shadow: 0 0 40px 0 rgba(234,238,249,.5);
}
.card-classified-body {
flex: 1 1 auto;
margin: 0;
padding: 1.5rem 1.5rem;
position: relative;
height: 100%;
}
.card-heading-title {
border-bottom: 1px dashed #d4d6d8;
}
.tl-seller-info {
background-color: #fff;
background-clip: border-box;
/* border: 1px solid #eaeef9; */
border-radius: 5px;
box-shadow: 0 0 40px 0 rgba(234,238,249,.5);
}
.cl-img-align-cont {
width: 100% !important;
height: 11em !important;
float: none;
}
.classified-supplier-phn {
padding-right: 6px;
margin-right: 6px;
/* border-right: 1px solid #d4d6d8; */
position: relative;
width: 50%;
font-size: 1.3rem;
}
.classified-supp-list li.classified-supplier-phn:after, .cls-dates-posted-section li.cls-date-item1:after {
content: "";
background: #d4d6d8;
position: absolute;
top: 2px;
right: -1px;
bottom: 0;
height: 16px;
width: 1px;
/* margin: auto; */
/* top: 4px;
height: 22px;
width: 2px; */
}
.cls-dates-posted-section li.cls-date-item1:after {
top: 0 !important;
}
.classified-supp-list li.classified-supplier-phn:last-child::after {
content: "";
background: transparent !important;
/* position: absolute;
top: 2px;
right: -1px;
bottom: 0;
height: 16px;
width: 1px; */
}
.cls-dates-posted-section li.cls-date-item1.last-child-class::after {
content: "";
background: transparent !important;
}
.classified-supp-list li.classified-supplier-phn:last-child {
border: none;
}
.classified-supp-list {
display: flex;
}
.cls-suppliers-list li {
border-bottom: 1px solid #d4d6d8;
padding: 4px 8px;
border-left: 1px solid #d4d6d8;
border-right: 1px solid #d4d6d8;
/* display: flex; */
align-items: center;
justify-content: space-between;
/* min-height: 58px; */
}
.cls-suppliers-list li:hover {
background-color: #d4d6d8;
}
.cls-suppliers-list li:first-child {
border-top: 1px solid #d4d6d8;
}
.invalidname-tl-cl{
display: none;
}
.fav-btn-tl-cl{
width: 100%;
border: 1px solid #0f8643;
text-align: center;
padding: 0 8px;
border-radius: 20px;
color: #0f8643;
height:30px;
line-height: 30px;
user-select: none;
}
.fav-btn-tl-cl:hover{
box-shadow: 0px 2px 5px 0 #535a53;
transition: 1s;
}
.report-btn-tl-cl:hover{
/* box-shadow: 0px 2px 5px 0 #535a53; */
background-color: #ff3d00!important;
color: #fff;
}
.report-btn-tl-cl{
user-select: none;
width: 95%;
border: 1px solid #ff9100;
text-align: center;
padding: 0 8px;
border-radius: 20px;
color: #ff9100;
height:30px;
line-height: 30px;
}
.report-btn-tl-cl span:first-child {
/* color: #ff9100; */
width: 100%;
}
.report-btn-tl-cl span {
/* color: #ff9100; */
}
.error-color-messages{
color: rgb(202,38,57) !important;
opacity: 1 !important;
font-size: 12px !important;
}
.suppliers-list-clas {
height: 100px;
overflow-y: scroll;
border: 1px solid #d4d6d8;
}
.suppliers-name-rating {
width: 100%;
font-size: 1.5rem;
line-height: 18px;
font-weight: 600;
}
/* .core-section-header-main{
width: 97%;
margin:0 auto;
} */
.hide-favorite-tab md-tabs-canvas{
display: none;
}
.height-50{
height:50px !important;
}
.orange-fg {
color: #ff6c00 !important;
}
.unread-messages-inquiry-badge {
border: 1px solid #ff6c00 !important;
background-color: #ff6c00 !important;
color: #fff;
border-radius: 50%;
width: 25px;
font-size: 1.2rem;
height: 25px;
line-height: 25px;
text-align: center;
}
.cls-email, .cls-phn {
display: inline-block;
float: left;
width: 100%;
font-size: 1.3rem;
line-height: 16px;
}
.cls-email {
margin-bottom: 6px;
font-size: 1.5rem !important;
}
.cls-phn {
width: auto;
padding-right: 8px;
}
.posted-on-date {
/* position: absolute;
bottom: 0; */
background-color: #7DC142;
padding: 4px 1em;
}
.posted-date-text {
font-size: 12px;
line-height: 12px;
color: #5d636F;
}
.classified-fav-link {
float: left;
width: 10%;
}
.cls-dates-posted {
margin-bottom: 6px;
flex-direction: row;
display: flex;
align-items: flex-start;
align-content: space-between;
}
.cls-date-item {
vertical-align: top;
/* width: 30%; */
margin: 0;
padding-right: 6px;
zoom: 1;
text-align: left;
border: 0;
font-size: 1.3rem;
flex: 1;
/* line-height: 22px; */
display: -webkit-flex;
display: flex;
-webkit-align-items: flex-start;
align-items: flex-start;
min-height: 30px !important;
line-height: 15px !important;
white-space: normal !important;
word-break: break-word;
}
.cls-date-item-divider {
height: 18px;
line-height: 18px;
flex-direction: column;
border-right: 1px solid #d4d6d8;
width: 2px;
align-items: center;
margin: 0 3px;
}
.heading-tit {
font-size: 20px;
line-height: 24px;
/* margin: 20px 0 0; */
/* padding: 0 16px; */
color: #333;
display: -webkit-box;
max-width: 100%;
max-height: 46px;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
font-weight: 700;
word-break: break-word;
}
.locations {
width: 100%;
background-color: #fff;
/* padding: 16px 16px 0; */
/* margin-bottom: 16px; */
position: relative;
border-bottom: 1px dashed #d4d6d8;
}
.locations::after {
width: calc(100% - 30px);
height: 0;
border-bottom: 1px dashed #ccc;
position: absolute;
bottom: -15px;
left: 15px;
}
/*
.cls-date-item-divider::after {
position: absolute;
content: '';
display: block;
top: 0;
left: -10px;
width: 1px;
height: 100%;
background-color: #ddd;
} */
.price-color-label {
font-weight: 700;
font-size: 24px;
margin-bottom: 8px;
color: #ff6c00 !important;
}
.class-img-cont {
background: #fff;
padding: 14px;
box-shadow: 0 0 40px 0 rgba(234,238,249,.5);
border: 1px solid #f4f6f8;
}
.content-bg {
background: #fafafa;
}
.toggle input {
width: 0;
height: 0;
position: absolute;
left: -9999px;
}
.toggle input + label {
margin: 0;
padding: 0.75rem 2rem;
box-sizing: border-box;
position: relative;
display: inline-block;
border: solid 1px #ddd;
background-color: #fff;
font-size: 1.3rem;
line-height: 140%;
font-weight: 600;
text-align: center;
box-shadow: 0 0 0 rgba(255, 255, 255, 0);
transition: border-color 0.15s ease-out, color 0.25s ease-out, background-color 0.15s ease-out, box-shadow 0.15s ease-out;
/* ADD THESE PROPERTIES TO SWITCH FROM AUTO WIDTH TO FULL WIDTH */
/*flex: 0 0 50%; display: flex; justify-content: center; align-items: center;*/
/* ----- */
}
.toggle input + label:first-of-type {
border-radius: 6px 0 0 6px;
border-right: none;
}
.toggle input + label:last-of-type {
border-radius: 0 6px 6px 0;
border-left: none;
margin-left: -5px;
}
.toggle input:hover + label {
border-color: #213140;
}
.toggle input:checked + label {
background-color: #4b9dea;
color: #fff;
box-shadow: 0 0 10px rgba(102, 179, 251, .5);
border-color: #4b9dea;
z-index: 1;
}
.toggle input:focus + label {
outline: dotted 1px #ccc;
outline-offset: 0.45rem;
}
.fav-btn-tl-cl md-icon{
display: inline;
}
@media only screen and (min-width: 320px) and (max-width: 667px){
.tl-search-results-card {
width: 100%;
max-width: 100%;
}
.cat-comp-img {
width: initial !important;
height: 4.5em !important;
}
.img_pl_10{
padding-left:10px !important;
}
.comp-angle-right {
width: 5% !important;
max-width: 5% !important;
}
.comp-attr-values {
word-break: break-word;
}
.class-img-cont {
margin-left: 0 !important;
/* margin-top: 8px !important; */
}
h4.promotion_header{
font-size: 1rem !important;
}
}
.toggle .active-msg {
background-color: #4b9dea !important;
color: #fff;
/* box-shadow: 0 0 10px rgba(102, 179, 251, .5) !important; */
border-color: #4b9dea;
z-index: 1;
border-radius: 6px 0 0 6px;
border-right: none;
margin: 0;
padding: 0.75rem 1.5rem;
box-sizing: border-box;
position: relative;
display: inline-block;
border: solid 1px #ddd;
background-color: #fff;
font-size: 1.3rem;
line-height: 140%;
font-weight: 600;
text-align: center;
box-shadow: 0 0 0 rgba(255, 255, 255, 0);
transition: border-color 0.15s ease-out, color 0.25s ease-out, background-color 0.15s ease-out, box-shadow 0.15s ease-out;
}
.toggle a {
/* color: #25333C; */
}
.in-active-border {
border-radius: 6px 0 0 6px !important;
}
.toggle .expired-msg {
border-radius: 0 6px 6px 0;
border-left: none;
margin-left: -5px;
/* margin: 0; */
padding: 0.75rem 2rem;
box-sizing: border-box;
position: relative;
display: inline-block;
border: solid 1px #ddd;
background-color: #fff;
font-size: 1.3rem;
line-height: 140%;
font-weight: 600;
color: #25333C;
text-align: center;
box-shadow: 0 0 0 rgba(255, 255, 255, 0);
transition: border-color 0.15s ease-out, color 0.25s ease-out, background-color 0.15s ease-out, box-shadow 0.15s ease-out;
}
.expired-border {
border-radius: 0 6px 6px 0 !important;
margin-left: -5px !important;
}
.service-request-container {
width: 100%;
display: flex;
justify-content: flex-start;
flex-flow: row;
margin-bottom: 8px;
}
.service-request-qstn {
padding: 0 8px;
border: 1px solid #e4e6e8;
/* border-right: none; */
width: 100%;
display: flex;
/* flex-flow: column; */
justify-content: center;
background-color: #f9f9f9;
}
.service-request-steps {
border: 1px solid #e4e6e8;
border-left: none;
/* width: 15%; */
color: #fff;
margin: auto;
border-radius: 2px;
/* background-image: linear-gradient(to bottom left,#7fc343,#7DC142); */
background: #ff6c00;
height: 3.8em;
display: flex;
flex-flow: column;
justify-content: center;
flex: 1 1 auto;
text-align: center;
}
.classified-ans-container {
border: 1px solid #d4d6d8;
border-top: none;
padding: 8px;
margin-bottom: 8px;
}
.inq-qstn-title {
font-size: 1.6rem;
font-weight: 600;
line-height: 2.4rem;
}
.product-detail-verified-text {
/* color: #e45728; */
color: #7dc142;
display: inline;
padding-top: 2px;
font-size: 13px;
font-weight: 700;
}
.mdbtn-parent .md-button.custom-amber-btn {
background-color: #ff6c00 !important;
border: 1px solid #ff6c00 !important;
}
.mdbtn-parent .md-button.custom-amber-btn:hover {
background-color: #FF3D00 !important;
border: 1px solid #ff6c00 !important;
}
.mdbtn-parent .md-button.custom-amber-btn:not([disabled]):hover {
background-color: #FF3D00 !important;
border: 1px solid #ff6c00 !important;
}
.sellers-rating-view{
font-size: 16px !important;
width: 12px !important;
height: 18px !important;
line-height: 14px !important;
color:#7cc142 !important;
}
.favorite-explorer-content-height{
max-height: 216px;
}
.btn_text_alignment{
width:142 !important;
}
.rate_supplier_button{
font-size: 1.3rem;
width: 100%;
padding: 0 15px !important;
}
.tl-clfds-input-container md-select .md-select-value {
min-width: auto !important;
}
.tl-cl-create{
width: 100%;background-color: #fff !important;
}
.tl-cl-createpage{
width: 100%; min-height: 500px;
}
.secondary-btn-link:hover span{
color:white !important;
}
div.tl-cl-md-toolbar md-icon.font-size-32-tl{
font-size: 20px !important;
color:#369e65 !important;
}
a.tl-a-logo-2 .tl-logo-2, a.tl-a-logo-3 .tl-logo-3{
height:30px !important;
}
.tl-mobile-categories{
margin-left: 20px;
font-size: 16px !important;
}
.tl-mb-categories-icon{
float: right; margin-top: 5px; font-size: 12px !important;
}
.font-size-2rem{
font-size: 2rem;
}
.tl-catmenu-dropdown{
max-height:199px;
overflow-y: scroll !important;
}
div.marcat_top{
position: fixed; max-height: initial !important; overflow: initial !important;
}
.sub_categories{
max-height:initial !important;
}
.tl-sub-catname{
margin: 0 5px 10px 0px;
}
.tl-supportmenu{
padding: 10px 8px;
}
.tl-active-category-list{
line-height: 16px;font-size: 1.3rem !important;
}
.tl-suportmail{
color: #5D636F;
}
.tl-support-number{
padding: 10px 8px;
}
.tl-active-category-list{
line-height: 16px;font-size: 1.3rem !important;
}
.tl-support-number-1{
color: #5D636F;
}
.vertical-align-middle{
vertical-align: middle;
}
.tl-title-mpc{
text-align: left;padding-top: 6px !important;
}
.tl-word-break{
word-break: break-word;
}
.tl-mktplc-domclick{
text-align: left; padding: 0 6px !important;line-height: 24px !important;
}
.tl-mktplc-globalclick{
text-align: left; padding: 0 6px !important;line-height: 24px !important;
}
.tl-countrycode{
margin: -5px 0px;
}
.tl-countryflag{
width: 28px !important; padding-right: 4px;
}
.text-initial{
text-align: initial;
}
.tl-main-menu-list-items{
float: right; margin-top: 5px; font-size: 12px !important;
}
@media only screen and (max-width: 959px) and (min-width: 0) and (orientation: landscape){
md-sidenav.custom-md-sidenav.tl-loggedin-usermenu {
width: calc(100% - 150px) !important;
min-width: calc(100% - 130px) !important;
max-width: calc(100% - 150px) !important;
}
}
.p-10-8{
padding: 10px 8px ;
}
.tl-root-cat-name{
line-height: 16px;font-size: 1.3rem !important;
}
.tl-lh-fs{line-height: 16px;font-size: 1.3rem !important;}
.tl-grey{color: #5D636F;}
.tl-cl-toobar{box-shadow:none;height: initial !important; z-index: 12 !important;}
.tl-cl-md-toolbar-tools{margin: auto 0;position:fixed;}
md-icon[md-font-icon].s18.tl-toggle-icon{
font-size: 22px !important;
}
@media screen and (min-width:0px) and (max-width:959px){
.tl-cl-md-toolbar-tools{
height: 64px;
max-height: 64px;
}
}
@media screen and (min-width:600px) and (max-width:959px){
.tl-sm-align-sigupfree{
text-align: center;
}
}
@media screen and (min-width:600px) and (max-width:959px){
/* p.logolob_color {
bottom: 16px !important;
} */
}
/* @media screen and (min-width:500px) and (max-width:599px){
.tl-mb-logo-center{
margin-left: -10%;
}
}
@media screen and (min-width:400px) and (max-width:499px){
.tl-mb-logo-center{
margin-left: -8%;
}
} */
/* @media screen and (min-width:0) and (max-width:399px){
.tl-mb-logo-center{
margin-left: -3%;
}
} */
.tl-logo-align-sm{
height: 45px;width: 210px;margin-top: 7px;
}
@media screen and (max-width:599px){
.classified-link-title{
font-size: 14px;
}
.tl-mb-sellerproduct{
width:279px;
margin: 15px auto;
}
div.tl-mb-sellerproduct div.main-carousel-image-width {
margin-left:3px !important;
margin-right: 0 !important;
}
}
@media screen and (min-width:960px){
div.searcharea_color{
padding-top: 12px !important;
}
}
.tl-logo-smalign{
width: 40px;height: 40px;
}
.tl-clfds-input-container md-select .md-select-value {
min-width: auto !important;
}
md-sidenav.tl-fullwidth{
width:100% !important;
}
md-sidenav.tl-minwidth{
min-width: 100% !important;
}
md-sidenav.tl-max-height{
max-height: 100% !important;
}
#toggle-controlbox{
color: #fff !important;
}
.height-140 {
height: 140px !important;
min-height: 140px !important;
}
.tl-close-dropdown{
margin: 10px auto !important;
}
div#cities-dropdown{
/* margin: 0 auto; */
z-index: 999;
/* width:100%; */
/* overflow-y: scroll !important; */
}
@media screen and (max-width:767px) and (min-width:600px){
/* div.bck-search-rsl {
margin-top: 63px !important;
} */
}
@media screen and (max-width:1024px) and (min-width:768px){
/* div.bck-search-rsl {
margin-top: 65px !important;
} */
}
@media screen and (max-width:599px){
.back_results {
/* margin-top: 63px !important; */
margin-bottom: -15px !important;
}
/* div#cities-dropdown{
height:500px !important;
} */
}
.overall_rating{
font-size: 1.4rem;
color:#d4d6d8;
padding: 5px;
}
.location-icon {
height: 100%;
width: 100%;
vertical-align: middle;
/* margin-right: 6px; */
}
.attach-doc-container {
width: 100%;
/* overflow-x: scroll; */
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here */
ui-cropper.fixed-height {
height: 0% !important;
position: relative !important;
overflow: hidden !important;
}
.section-ie {
margin-top: 16px!important;
}
.no-margin-bottom-ie {
margin-bottom: 0 !important;
}
md-dialog, md-dialog md-dialog-content, md-dialog > form{
overflow: unset !important;
}
.ms-md-dialog {
overflow: visible;
}
div.searcharea_color{
padding-bottom: 1px !important;
}
.line-clamping {
width: 90%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.mb_IE{
margin-bottom:20px!important;
}
.mb_IE_35{
margin-bottom:35px;
}
.lineht_40_IE{
line-height: 40px !important;
}
.mr_130_IE{
margin-right:130px;
}
.lineht_33_IE{
line-height: 33px !important;
}
.need_help_IE{
position:static !important;
}
}
.widthInitial {
width: initial !important;
}
.prod-img-thumbnail{
width:100%;
}
.search_input::placeholder{
opacity: 1;
}
.searcharea_margin{
cursor: pointer;
}
@media screen and (min-width: 1367px) and (max-width: 1920px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.max-height-500{
max-height: 500px !important;
}
}
@media screen and (min-width: 380px) and (max-width: 590px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.mheight_320_IE{
min-height:320px !important;
}
.martop_150_IE{
margin-top:150px !important;
}
}
@media screen and (min-width: 768px) and (max-width: 1366px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.max-height-500{
max-height: 500px !important;
}
}
@media (max-width: 959px){
/* .md-toolbar-tools{
padding-left: 5px;
} */
/* div.fixed-search {
width: calc(100% - 16px) !important;
} */
div.ref_resmargin{
width: calc(100% - 0px) !important;
}
div.top-results-content {
margin-top: 110px !important;
}
}
@media screen and (max-width:1224px) and (min-width: 960px){
.fixed-search {
width: calc(100% - 16px);
}
.ref_resmargin{
width: calc(100% - 0px);
}
.show-cities-dropdown{
width: calc(100% - 0px);
}
}
.cls-img-container{
overflow: hidden;
}
@media (max-width: 959px) and (min-width: 600px){
md-content.cls-img-container{
min-width:20em !important;
min-height: auto !important;
max-height: 9em !important;
height: 9em !important;
margin-top:0 !important;
padding-top:10px;
}
}
@media (max-width:600px){
.custm-prdinpt100{
width: 100% !important;
margin-top: 16px;
height:4em !important;
}
md-content.cls-img-container{
min-width:20em !important;
min-height: auto !important;
max-height: unset !important;
height: 7.9em !important;
padding-top:15px;
}
.cls-attach{
min-width:auto !Important;
}
#mb-edit-cat .ta-editor{
margin: 8px 0 !important;
}
#mb-edit-cat .tl-input-container{
margin:0 !important;
padding: 0 !important;
margin-bottom: 18px !important;
}
#mb-edit-cat .field-label{
color:black;
}
#mb-edit-cat .mt_10{
margin-top:0 !important;
}
#mb-edit-cat md-input-container{
margin-bottom: 18px !important;
}
#mb-edit-cat div.custm-prdinpt100{
margin-top: 0 !important;
}
#mb-edit-cat .uploaded-prod-image{
height: 5em !important;
}
div.custm-prdinpt100{
margin-top: 0 !important;
}
.uploaded-prod-image, .tl-default-img{
height: 5em !important;
}
}
@media only screen and (min-width: 320px) and (max-width: 340px){
#mb-edit-cat{
width:82%;
margin-left: -3%;
}
div#mb-edit-cat div.cvr-photo>span.selected{
font-size:8px !important;
}
div#mb-edit-cat div.cvr-photo>span.CoverphotoTL{
font-size:8px !important;
}
div.cvr-photo>span.selected{
font-size:8px !important;
}
div.cvr-photo>span.CoverphotoTL{
font-size:8px !important;
}
}
@media only screen and (min-width:341px) and (max-width:359px){
#mb-edit-cat{
width:90%;
margin: 0 auto !important;
}
div#mb-edit-cat div.cvr-photo>span.selected{
font-size:8px !important;
}
div#mb-edit-cat div.cvr-photo>span.CoverphotoTL{
font-size:8px !important;
}
div.cvr-photo>span.selected{
font-size:8px !important;
}
div.cvr-photo>span.CoverphotoTL{
font-size:8px !important;
}
}
@media only screen and (min-width:360px) and (max-width:430px){
#mb-edit-cat{
/* width:90%;
margin-left: -3%; */
}
md-content.cls-img-container{
min-width:22em !important;
min-height: auto !important;
max-height: unset !important;
height: auto !important;
}
}
.center-things {
display: flex;
align-items: center;
}
p.otherinformation-tl h3{
font-size: 16px !important;
}
.pr-6 {
padding-right: 6px;
}
.classified-promotion-title {
font-size: 1.5rem;
font-weight: bold;
color: #000;
text-align: center;
width: 93%;
/* margin-top: 64px; */
word-break: break-word;
}
@media only screen and (max-width:490px){
.md-errors-spacer{min-height: 0px !important;}
#mb-edit-cat div.cvr-photo>span.selected{
padding: 0 7px !important;
font-size:10px !important;
margin-bottom:2px;
}
#mb-edit-cat div.cvr-photo>span.CoverphotoTL{
padding: 0 !important;
font-size:9px !important;
margin-bottom:2px;
}
div.cvr-photo>span.selected{
font-size:7px !important;
padding: 0 7px !important;
display: block;
}
div.cvr-photo>span.CoverphotoTL{
font-size:7px !important;
padding: 0 7px !important;
display: block;
}
}
@media only screen and (max-width: 1090px) and (min-width: 960px){
/* .cls-img-container{
margin-left: -45px;
} */
}
.searcharea_margin{
padding: 0 9px;
}
#aligner span{
display:none;
}
#viewer-pdf-toolbar{
display: none;
}
.w-95-tl{
width:95%;
}
.margin-auto{
margin:0 auto;
}
.md-select-menu-container.md-active{
z-index: 99999;
}
.wid-per-100{
width: 100%;
}
.md-subheader.compare-popup-container .md-subheader-inner {
padding: 0 !important;
}
@media only screen and (min-device-width:320px) and (max-device-width:767px) and (orientation: portrait) {
.md-dialog-container {
height:410px !important;
top: 20px !important;
}
.custom-class-md-dialog.md-dialog-container{
height: 100% !important;
top: 0 !important;
}
}
@media (max-width: 959px){
md-dialog.tl-login-register-dilaog, md-dialog.md-dialog-fullscreen {
min-height: auto;
min-width: auto;
}
.md-dialog-container{
/* height:100% !important; */
}
.tree-category-selection-wrapper md-content{
max-height:100% !important;
}
}
md-backdrop{
height: 100% !important;
}
.location-info{
-webkit-flex: 0 1 100%;
flex: 0 1 100%;
max-width: calc(100% - 16px);
padding-right: 0;
margin: 0;
font-size: 1.3rem;
color: #000;
}
.location-icon-info{
width: 16px;
height: 16px;
margin-right: 6px;
-webkit-flex: 0 0 16px;
flex: 0 0 16px;
}
.location-icon-info1 {
width: 16px;
height: 16px;
position: static;
}
.location-info1 {
margin-left: 6px;
color: #000;
}
.white-space-nowrap{
white-space: nowrap !important;
}
@media screen and (max-width: 769px) and (min-width: 430px) and (orientation: portrait){
.product-image-list-card:hover .cvr-photo>span{
display: block;
}
.cvr-photo {
width: 100% !important;
}
}
@media screen and (max-width: 765px) and (min-width: 671px) and (orientation: landscape){
.img_pl_10{
padding-left:10px;
}
.product-image-list-card:hover .cvr-photo>span{
display: block;
}
.cvr-photo {
width: 100% !important;
line-height: 15px;
}
}
@media screen and (max-width: 650px) and (min-width: 605px) and (orientation: landscape){
.cvr-photo>span {
line-height: 15px !important;
}
}
@media screen and (max-width:775px) and (min-width:600px) and (orientation: landscape){
.card-tag-position {
bottom: -2px !important;
}
/* .attach-file{
margin-right:15px;
} */
}
@media screen and (max-width: 959px) and (min-width: 668px) {
.custm-prdinpt100 {
height: 8em !important;
}
md-checkbox.mb-login-cb{
top: -20px;
}
}
@media screen and (max-width: 959px) and (min-width: 768px) {
.fixed-search {
width: calc(100% - 0px);
padding: 0 !important;
}
.search_font{
padding:5px 0;
}
.card-tag-position {
margin-bottom: -10px !important;
}
.images_adjustment {
padding-top:17px!important;
}
.CoverphotoTL {
margin-bottom: 21.5px !important;
font-size: 1.2rem !important;
}
.cvr-photo>span.selected{
margin-bottom:21.5px;
}
}
@media screen and (max-width: 1279px) and (min-width: 1025px){
.img_pl_10 {
padding-left:10px !important;
}
}
.portrait-img-container {
height: 10em;
width: 100%;
margin-bottom: 16px;
}
.portrait-mode {
height:200vh;
display: table;
position: fixed;
background: #2469bf;
width: 100%;
max-height:200vh;
min-height:200vh;
}
.cls-dates-posted-list-tab li {
margin-bottom: 6px;
font-size: 1.2rem;
}
.cls-dates-posted-list-tab li .cls-date-item {
height: initial !important;
min-height: initial !important;
}
.cls-posted {
box-sizing: border-box;
display: -ms-flexbox;
display: flex;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
margin-right: -.8rem;
margin-left: -.8rem;
align-items: center;
}
.cls-date1 {
padding: 0 1rem;
}
.location-component, .location-component1 {
display: flex;
flex-direction: row;
}
.cls-dates-posted-section {
width: 100%;
box-sizing: border-box;
display: -ms-flexbox;
display: flex;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
font-size: 1.3rem;
line-height: 16px;
margin-bottom: 8px;
/* margin-right: -.8rem; */
/* margin-left: -.8rem; */
}
.cls-date-item1 {
/* padding: 0 8px; */
position: relative;
}
.location-component-12 {
padding: 0 1rem !important;
}
.cls-date-item2 {
/* padding-right: 0 !important; */
padding-left: 0 !important;
}
/* .cls-date-item-divider1 {
padding: 0 1rem;
height: 18px;
line-height: 18px;
flex-direction: column;
border-right: 1px solid #d4d6d8;
width: 2px;
align-items: center;
margin: 0 4px;
} */
.mh250 {
min-height: 250px;
}
a.safari-tl-btn.disable-attach-file span{
color : #9e9e9e !important;
}
.width-auto{
width: auto !important;
}
.width-50per{
width: 50% !important;
}
.fav-card-caontainer{
width:80% !important;
}
@media screen and (max-width:599px) and (min-width:481px){
div.item-container.fav-card-caontainer{
width:90% !important;
/* margin: 20px auto !important; */
display: block;
}
}
/* .md-select-menu-container.md-active{
position: absolute !important;
}
.md-dialog-container{
position: relative;
} */
.mr-10{
margin-right:10px;
}
.compare-popup-flex-column{
flex-direction: column;
display:flex;
box-sizing: border-box;
}
button.tl-save-profile{
float:right;
margin-top: 0 !important;
}
.pl-4 {
padding-left: 4px;
}
.message-seller{
height: 140px;
border: 1px solid #d4d6d8;
width: 100%;
padding: 8px 15px;
box-shadow:none;
resize: none;
}
.promotions_table {
width: 100%;
overflow-x: auto;
/* white-space: nowrap; */
box-sizing: content-box;
/* margin: auto;
border-collapse: collapse;
overflow-x: auto;
display: block;
width: fit-content;
max-width: 100%; */
}
.promotions_table thead {
display: table-header-group;
vertical-align: middle;
border-color: inherit;
}
.promotions_table tr {
display: table-row;
vertical-align: inherit;
border-color: inherit;
}
.related-cities {
display: flex;
justify-content: center;
/* max-width: 130em; */
margin: auto;
flex-wrap: wrap;
}
.city-container {
margin-bottom: 16px;
}
.circular-city-wrapper {
width: 10em;
padding: 8px;
text-align: center;
cursor: pointer;
transition: all .3s ease-in-out;
background: hsla(0,0%,96%,0);
height: 100%;
}
.all-cat-accd {
padding: 0;
line-height: 40px;
height: 40px;
}
.profile-edit-btn {
margin-bottom: 0 !important;
margin-top: 16px !important;
border-radius: 0 !important;
background: none;
border: 0;
}
.on-hover-underline{
text-decoration: none !important;
}
.on-hover-underline:hover{
text-decoration: underline !important;
}
.notes-container {
max-height: 140px;
height: auto;
overflow: auto;
/* border: 1px solid #d4d6d8; */
padding: 4px 8px 4px 0;
width: 100%;
text-align: left;
}
.promotion-desc-small {
max-height: 140px;
min-height: 140px;
height: auto;
overflow: auto;
/* border: 1px solid #d4d6d8; */
padding: 4px 8px 4px 0;
width: 100%;
text-align: left;
}
.promotion-desc-large {
max-height: 300px;
height: auto;
overflow: auto;
/* border: 1px solid #d4d6d8; */
padding: 4px 8px 4px 0;
width: 100%;
text-align: left;
}
.content-postclassifed-tl{
max-height: 185px;
overflow: auto;
height: auto;
padding: 4px 8px 4px 0;
width: 100%;
}
p.content-postclassifed-tl.ng-binding .inquiry-discussion{
overflow-y: hidden !important;
}
.home-product-new-search{
overflow: hidden;
}
.home-product-new-hldr-search{
position: relative;
margin: 0px auto;
}
.products-grid{
transition: all 0.5s ease 0s !important;
}
#email, #secondaryemail{
background-color:transparent !important;
}
.company-settings-container .md-ink-ripple{
margin-right: 0 !important;
}
.editclassified-pagination{
padding: 10px 0 0 0 !important;
}
/* .categories-txt {
text-align: left;
padding: 6px 8px;
} */
.post-inquiry-message {
display: flex;
align-items: center;
justify-content: center;
width: 92%;
margin-bottom: 16px;
padding: 15px 7px 15px 25px;
position: relative;
box-shadow: 0 2px 3px 0 rgba(112,22,22,.15);
background-color: #dcf3e6;
/* background-color: #ffefe4;
background: #ffffff;
background: -moz-linear-gradient(left, #ffffff 2%, #ffb47f 100%, #ff6c00 100%);
background: -webkit-linear-gradient(left, #ffffff 2%,#ffb47f 100%,#ff6c00 100%);
background: linear-gradient(to right, #ffffff 2%,#ffb47f 100%,#ff6c00 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ff6c00',GradientType=1 ); */
flex-direction: row;
margin: 16px auto;
}
.post-inquiry-message-text {
object-fit: contain;
/* font-weight: 600; */
line-height: 1.26;
color: #ff6c00;
display: inline-block;
/* white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; */
flex: 1 0 auto;
float: left;
text-align: center;
width: 75%;
font-size: 15px;
font-weight: 500;
margin-right: 8px;
}
.post-inquiry-message-action {
float: left;
}
.post-inquiry-centred {
display: flex;
align-items: center;
margin: 0 auto;
}
.inquiry-list-items {
flex-direction: row;
display: flex;
align-items: center;
flex-wrap: wrap;
width: 100%;
}
.inquiry-list-items li {
flex: 50%;
}
.classified-attr-radio {
margin-right: 0 !important;
}
.expired-cards {
background: #edf0f1;
opacity: 0.5;
}
.savebtnverticalalign{
padding: 10px;
padding-right: 0;
margin-right: 0 !important ;
}
.border_cat{
border: 1px solid #d4d6d8 !important;
margin-bottom: 8px;
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.13);
min-height: 132px;
}
.prod-des .btn-link{
line-height: 5px;
display: inline-block;
margin-right: 5px;
}
.prod-des span span:first-child{
margin-right: 4px;
}
.view-details {
display: flex;
/* justify-content: space-between; */
flex-direction: row;
align-items: flex-end;
justify-content: flex-end;
user-select: none;
}
.h450 {
height: 450px !important;
}
.dialog-overflow {
overflow-y: scroll !important;
}
.dialog-overflow-initial {
overflow-y: initial !important;
}
.h250 {
height: 250px;
}
div.promtion_addons_navbar{
margin: 16px 0;
}
div.actnbtns_send{
margin-left: -2px;
height: 82px;
padding: 7px 0;
}
.ta_rep_msg{
border-radius: 0 !important;
overflow: auto;
}
textarea.ta_rep_msg.height-75{
height: 75px !important;
}
.inquiry-attachment-text {
white-space: initial !important;
height: 1.2em;
}
.img-fit-contain {
object-fit: contain;
height: 100%;
width: 100%;
}
.img-fit-cover {
object-fit: cover;
height: 100%;
width: 100%;
}
.my-ads-container {
margin-bottom: 16px;
}
.my-ads-listing {
border: 1px solid #d4d6d8;
background: #edf0f1;
/* box-shadow: 0 2px 4px 0 rgba(0,0,0,0.13); */
}
.my-ad-count {
font-weight: 700;
font-size: 18px;
line-height: 24px;
color: #25333C;
}
.dashboard-img-handler {
height: 80px;
}
.counter {
/* float:left;
text-align: center;
width: 23%; */
margin-right: 8px;
flex: 1 0 auto;
text-align: center;
}
.counter-sect-part {
display: flex;
flex-direction: row;
align-items: center;
}
.load-more-section {
padding: 6px 8px;
border: 1px solid #d4d6d8;
border-top: 0;
background: #edf0f1;
text-align: center;
}
.mb-4 {
margin-bottom: 4px;
}
.mh-550{
max-height: 550px;
}
.cl-img-container.cl-img-align.cl-img-align-cont{
height: 3em !important;
border:none;
}
.mh-550{
max-height: 550px;
}
.search-results-list, .searchCardsHolder {
display: flex;
align-items: stretch;
/* width:1005px; */
margin:16px auto;
}
@media screen and (max-width:1025px){
.btnSubmit_alignment.ml-32 {
margin-left: 0px !important;
}
.mktplace-nav li a{
padding: 6px 12px !important;
}
}
@media screen and (max-width: 599px) {
.r-5{
right:5px;
}
.ml-7{
margin-left:7px;
}
.tl-input-container{
margin:0 0 18px -3px !important;
}
.ml-5{
margin-left:5px;
}
.ml-4{
margin-left:4px;
}
/* .fav_check_alignment {
margin-left:38px;
}*/
.selectall_alignment {
margin-left:18px !important;
}
}
.mr-8{
margin-right: 8px;
}
.min_ht_50{
min-height: 50px;
}
.no-padding {
padding: 0 !important;
}
.ml-14 {
margin-left: 14px;
}
.promotion_feature-list {
padding-top: 6px;
margin-left: 16px;
border-top: none;
min-height: 124px;
}
.ta-editor.ta-html, .ta-scroll-window.form-control {
min-height: 140px !important;
}
@media screen and (min-width: 1280px) {
.btn-align{
width:115px !important;
}
.page_alignment{
width:99.5% !important;
}
}
.ben-text-temp {
position: relative;
}
.toolbar_height .avatar {
width: 30px !important;
min-width: 30px !important;
height: 30px !important;
line-height: 30px !important;
margin: 0px 0px 0 0 !important;
vertical-align: middle;
}
/* .toolbar_height button{
background-color: transparent !important;
} */
.mb-mns10, .mb-mins3{
height: 30px;
}
.tl-username{
font-size: 15px;
line-height: 20px;
font-weight: 600;
color: #000;
}
.tl-companyname{
font-size: 15px;
line-height: 20px;
font-weight: 500;
color: #999;
}
.lh-20{
line-height: 20px;
}
.tl-sidenav-username{
text-align: left;
padding-top: 6px !important;
font-size: 1.0rem !important;
}
.ml-2{
margin-left: 2px !important;
}
.location-search-list{
padding: 0 5px !important;
}
.field-tip .tip-content.tool_tip:before{
display: none;
}
.width_95 {
width: 95%;
}
.width_96{
width: 96%;
}
.attr_txt_area p{
display: inline-block;
}
.ta-toolbar_txt .ta-toolbar{
z-index: 3;
}
.ta-scroll-window.form-control{
border: 1px solid rgba(0,0,0,.12) !important;
}
.inq-qstn-title::first-letter{
text-transform: uppercase;
}
.compare-product-image{
margin: 5px auto;
display: block;
width: 10.5em;
height: 8.5em;
}
.tl-dynamic-comparision-mini-header {
position: fixed;
top: 40px;
box-shadow: 1px 1px 5px 0 rgba(0,0,0,.12);
background: #fff;
height: auto;
overflow: hidden;
width: calc(100% - 51px);
/* 9445 fix-- added below line -- shivaram */
transform: translate3d(0,0,0);
}
.mac.chrome .safari_hack, .mac.safari .safari_hack{
width: calc(100% - 34px);
}
.tl-dynamic-comparision-mini-header .category-img-wrapper {
width: 4em;
height: 4em;
}
.compare-onscroll-header{
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.compare-overflow-auto{
overflow: auto;
}
.comp-count-badge {
color: #000;
padding: 0 5px;
border-radius: 3px;
font-size: 1.3rem;
font-weight: 700;
line-height: 23px;
}
.select-cities-tl{
max-height: 80% !important;
}
.buy-now-btn-link {
margin-bottom: 16px;
display: block;
margin-left: 50%;
color: #7dc142;
}
.search-font{
color: #fff;
font-size: 13px !important;
}
.search-icon{
color: #fff !important;
margin-top: 1px !important;
}
.btnSubmit_alignment.ml-32{
margin-left: 32px !important;
}
span.line-height-20{
line-height: 20px !important;
}
.m-8{
margin:8px !important
}
ui-cropper {
min-height: 300px !important;
min-width: 320px !important;
max-height: 500px !important;
max-width: 500px !important;
}
.tl-top_header {
width: 100%;
background-color: #25333c;
border-color: #25333c;
line-height: 30px;
z-index: 66;
position: fixed;
top: 0;
}
/* commented after removing top black-bg header --shivaram */
/* #main{
top: 30px !important;
} */
.domains-links li {
border-right: 1px solid #efefef;
line-height: 10px;
text-align: center;
font-size: 14px;
}
.domains-links li:last-child {
border-right: none!important;
}
.link-active {
color: #fff!important;
height: 27px;
border-bottom: 4px solid #fff;
padding-bottom: 2px;
}
.md-button.ml-32{
margin-left:32px !important;
}
.mt-12 {
margin-top: 12px;
}
.text-line-clamp-1 {
overflow: hidden!important;
min-height: 23px!important;
text-overflow: ellipsis!important;
display: -webkit-box!important;
-webkit-line-clamp: 1!important;
-webkit-box-orient: vertical;
--x-height-multiplier: 0.342!important;
--baseline-multiplier: 0.22!important;
letter-spacing: -.02em!important;
-webkit-transform: translateY(-1.88px);
transform: translateY(0px);
word-break: break-all;
}
.text-line-clamp2 {
overflow: hidden!important;
min-height: 40px!important;
text-overflow: ellipsis!important;
display: -webkit-box!important;
-webkit-line-clamp: 2!important;
-webkit-box-orient: vertical;
--x-height-multiplier: 0.342!important;
--baseline-multiplier: 0.22!important;
letter-spacing: -.02em!important;
-webkit-transform: translateY(-1.88px);
transform: translateY(-1.88px);
}
.wid_90 {
width: 90% !important;
}
.mac.chrome .fixed-search , .mac.safari .fixed-search {
position: fixed;
width: 100% !important;
z-index: 8;
background-color: #7dbe42;
}
.mac.chrome .link-active , .mac.safari .link-active {
color: #fff!important;
height: 27px;
border-bottom: 4px solid #fff;
padding-bottom: 1px !important;
}
/* .mac.chrome .domains-links,
.mac.safari .domains-links {
margin-top: 8px !important;
} */
md-radio-button div.md-label {
margin-bottom: 0 !important;
}
.search_input::placeholder {
color: #5D636F !important;
}
.search-icon {
color: #fff !important;
}
.searcharea_margin .zmdi.zmdi-close{
margin:0 auto;
display: block;
text-align:center;
margin-top: 3px;
}
.search_content {
position: absolute;
width: 100%;
margin-left: 0;
margin-top: 50px;
background-color: #7dbe42;
}
.mac .checkbox-session-timeout{
top: 1px !important;
margin-left:12px !important;
}
.search_input::placeholder {
color: #4d535f !important;
}
.review-input-container textarea {
height: 145px !important;
}
.ht_100{
height: 100% !important;
}
.show-cities-dropdown.refsearch_ht{
margin-top: 45px;
}
/* @-moz-document url-prefix() {
ui-cropper .img_crp {
position: relative;
height: 30px !important;
color: red;
background-color: turquoise;
}
} */
/* css for firefox */
@-moz-document url-prefix() {
ui-cropper.fixed-height {
height: 0% !important;
position: relative !important;
overflow: hidden !important;
}
.parent_cat_tree{
overflow-x: hidden !important;
}
}
/* css for edge */
@supports (-ms-ime-align:auto) {
ui-cropper.fixed-height {
height: 0% !important;
position: relative !important;
overflow: hidden !important;
}
.parent_cat_tree {
overflow-x: hidden !important;
}
.cls-cat-tooltip:hover .cls-cat-tooltipinfo{
width: 700px;
}
}
.cut-text {
max-width: 150px !important;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: inline-block;
vertical-align: middle;
}
.min-hei-65 {
min-height: 65px;
}
.conte-tag a:hover md-icon {
color: #0e8543;
transition: .5s all ease-in-out;
}
@supports (-ms-ime-align: auto) {
.IE-break-all{
word-break: break-all;
}
}
.promotions_table{
table-layout: fixed;
width:100%;
}
.promotions_table th, .promotions_table td {
word-wrap: break-word;
}
.promotions_table th{
padding: 0 3px !important;
}
/* .promotions_table_main{
overflow: hidden;
width: 100%;
max-width: 100%;
overflow: hidden;
}
.promotions_table_main_in{
width: 1000px;
overflow-x: auto;
} */
.domains-links{
height: 100%;
}
@supports (-ms-ime-align: auto) {
.tl-edge-overflow{
overflow: inherit !important;
}
}
/* Added by Chandu */
.custom-fnt {
font-size: 22px !important;
margin: 4px 0 0 0;
}
.classified-fav-link, .classified-content-wrapper {
user-select: none;
-webkit-user-select : none;
}
.locationUSA{
width: 85%;
margin: 0 auto;
margin-bottom: 5px;
padding-bottom: 5px;
border-bottom: 1px solid #efefef;
}
.font-weight-bolder{
font-weight: bolder;
}
.contactUsFlag{
width: 22px;
margin-top: 3px;
}
.secondary-color {
color: #0E8543 ;
}
.validationIcon{
position: absolute;
right: 0;
top: -10px;
}
.red{
color: #DE4F60 !important;
}
/* Added By Chandu */
.keyword_filed{
margin:0 auto;
}
.search_close{
margin-top:0 !important;
}
.footer-section-last{
border-left: 1px solid #0e8543;
padding: 0 16px;
}
.mr-28{
margin-right: 28px;
}
.mh-7{
margin-left: 7px !important;
margin-right: 7px !important;
}
.login_user_icon{
width: 20px;
float: left;
margin: 0 8px 0 0;
}
.font-16{
font-size:1.2rem;
}
.select_cities{
min-height:550px !important;
position: relative;
z-index: 150;
overflow: initial !important;
}
.prod-thumbnail-wrapper {
margin-bottom: 10px;
}
.secondary-btn-link, .warning-btn {
border-color: #0e8543 !important;
-moz-border-radius: 25px !important;
-webkit-border-radius:25px !important;
}
.terms_conditions{
height: 500px;
}
/* Added By Chandu Ends*/
div.md-datepicker-calendar-pane>div.md-datepicker-input-mask {
height: initial!important;
}
.xs-height{
height: 450px !important;
}
/* Invoices CSS Start*/
.ml-neg-4 {
margin-left: -4px;
}
@media screen and (min-width:300px) and (max-width:599px) {
.filters-list md-datepicker {
margin-right: 0 !important;
}
.productlisting-pagination {
margin-right: 5px !important;
}
.bt-color {
border-top: 1px solid #d7eae0 !important;
}
.payment-tx-status {
font-size: 10px !important;
}
.accent-fg {
color: #0e8543 !important;
}
.accent-fg-xs {
color: #0e8543 !important;
}
#datePicker.datePickerXs {
height: 40px;
display: block;
line-height: 40px;
padding: 0 !important;
margin-right: 0 !important;
}
}
@media screen and (min-width:600px) and (max-width:767px) {
.filters-list md-datepicker {
margin-right: 0 !important;
}
.position-sm-relative{
position: relative !important;
}
}
.payment-filter-error {
color: rgb(202, 38, 57);
font-size: 12px;
margin-top: -5px;
display: block;
}
md-select[disabled] .md-select-value {
background-size: 4px 0px !important;
}
.invoice-btns-xs {
position: absolute;
right: 10px;
top: 43px;
}
.user-select-none {
user-select: none;
}
.invoice-download a:hover {
text-decoration: none !important;
}
.invoice-download img {
margin-top: 6px;
margin-right: 4px;
}
.payment-tx-status {
padding: 0 4px;
color: white;
font-size: 12px;
height: 20px;
line-height: 22px;
border-radius: 3px;
}
.payment-tx-status.paid-status {
background-color: #79c554;
}
.payment-tx-status.sent-status {
background-color: #ff9800;
}
.payment-tx-status.failed-status {
background-color: #de4f60;
}
.payment-tx-status.void-status {
background-color: #de4f60;
}
.payment-tx-status.expired-status {
background-color: #de4f60;
}
.payment-tx-status.in_process-status {
background-color: #de4f60;
}
.payment-tx-status.no-status {
display: none
}
.search-buy-request-input.payment-filter-type {
height: 33px !important;
}
.onHover-invoiceActionbtns li a {
height: 30px;
padding-left: 10px;
padding-right: 10px;
display: block;
}
.onHover-invoiceActionbtns li {
line-height: 32px;
height: 30px;
}
.onHover-invoiceActionbtns li:hover {
background-color: #f2f2f2;
}
.invoice-search-border {
border: 1px solid #d4d6d8;
}
md-input-container.invoice-search .md-input[disabled] {
background-color: #edf0f1 !important;
}
.invoice-datepicker-padding {
padding: 9px 18px 9px 8px;
}
md-select.invoice-select.md-default-theme:not([disabled]):focus .md-select-value,
md-select.invoice-select:not([disabled]):focus .md-select-value {
border-bottom-color: transparent;
}
md-select.invoice-select .md-select-value {
border-bottom-color: transparent;
}
.invoice-search .tab-focus {
height: 33px !important;
border-radius: 0 3px 3px 0 !important;
border: 1px solid #d4d6d8 !important;
padding-left: 10px;
}
.invoice-search {
margin-top: 13px;
height: 35px;
}
.order-summary-heading {
margin-top: 0px;
background: #0e8543;
color: white;
padding-left: 10px;
padding-top: 3px;
border: 1px solid #0e8543;
margin-left: -1px;
margin-right: -1px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.invoice-summary.subscription-summary-payment {
padding: 0 !important;
height: max-content !important;
}
.invoice-totalcost {
width: 100%;
bottom: 0;
right: 0;
position: absolute;
}
/* Invoices CSS End*/
.socail_icons:hover .linkedin {
height: 24px;
background: #0e76a8;
border-radius: 100%;
display: inline-block;
}
.socail_icons:hover .facebook {
height: 24px;
background: #3b5998;
border-radius: 100%;
display: inline-block;
}
.socail_icons:hover .twitter {
height: 24px;
background: #00acee;
border-radius: 100%;
display: inline-block;
}
.search_btn {
top: -3px;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26) !important;
background-color: #0E8543 !important;
height:30px;
border: none;
width: 50%;
display: block;
margin-left: auto !important;
margin-right: auto !important;
border-radius: 30px;
transition: all ease-in-out 0.4s;
-webkit-transition: all ease-in-out 0.4s;
}
.search_btn:hover {
background-color:#08682C !important;
}
.rigister_today_btn{
border: none !important;
background-color:#7dbe42 !important;
color:#fff !important;
line-height: 26px !important;
height: auto !important;
padding: 4px 20px 3px !important;
}
.rigister_today_btn:hover{
background-color:#5FAB2B !important;
}
md-select-menu.md-default-theme md-option:focus:not([disabled]):not([selected]), md-select-menu md-option:focus:not([disabled]):not([selected]){
background: rgb(165,214,167);
}
md-content.md-default-theme, md-content {
color: rgba(0,0,0,0.87) !important;
}
.marketplace-options.help-dropdown-menu::after{
right: 12px !important;
}
.marketplaceMouseHover .marketplace-options.help-dropdown-menu{
right: -20px !important;
min-width: 230px !important;
box-shadow: 0px 1px 3px 1px #999;
}
.invoice_dropdown {
overflow-y: inherit!important;
}
.product-requird-label{
font-size: 1.2rem;
color: #707587;
}
.cls_sidenav{
height: 667px;
}
.online_btn {
position: absolute;
right: 0;
top: 7px;
padding: 3px 10px 0;
line-height: 18px;
background-color: #0e8543;
border-radius: 3px;
text-align: center;
border-radius: 3px;
font-size: 10px;
letter-spacing: .46px;
}
.height-80-vh{
height: 82vh;
}
.showme_dropdown{
position: absolute;
margin: -7px 0 0 0;
}
a.filterby_category, .filterby_category:hover{
color:#0E8543 !important;
}
.md-hue-1.min-height-661 {
min-height: 661px;
}
.button-link-item-tl a:hover {
transition: .5s all ease-in-out;
}
.button-link-item-tl a {
color: #fff;
}
.breadcrumb-link-item-tl a:hover {
color: #0E8543;
transition: .5s all ease-in-out;
}
.breadcrumb-link-item-tl a {
color: #05333c;
}
h1.cls-title-h1 {
font-size: 2.8rem;
line-height: 3.6rem;
}
.detail_view_back .bck-btn-dir {
margin-bottom: 0;
}
.mt-neg-4 {
margin-top: -4px;
}
.contactseller_bodyspace{
padding:16px 24px !important;
}
.cls-reject-header {
background-color: #de4f60;
border: 1px solid #de4f60;
margin-top: 15px;
padding-left: 10px;
}
.cls-reject-reason {
margin-top: -15px;
word-break: break-word;
}
.del_color.visitor_del_color {
color: #DE4F60 !important;
}
.del_color.visitor_del_color:hover {
color: #fff !important;
}
.link-disabled-border-color {
border-color: #dcdada !important;
}
.classifieds-home-banner{
padding: 0 42px;
margin-top: 75px;
margin-bottom: 15px
}
.tl-classifieds-banner{
background-image:url('../assets/images/classifieds-home-banner.png');
background-size:cover;
height: 186px;
background-position: center;
padding-bottom: 16px;
width: 94%;
margin: 0 auto;
margin-top: 70px !important;
border-radius: 10px;
}
.classifieds-banner-text p{
font-family: Overpass;
font-style: normal;
font-weight: normal;
font-size: 34px;
display: inline-block;
letter-spacing: 0.25px;
color: #FFFFFF;
border-right: 1px solid #fff;
padding-right: 15px;
line-height: 35px;
}
.classifieds-banner-text span{
font-family: Overpass;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 20px;
color: #FFFFFF;
padding-left: 12px;
}
/* css for image aspect ratio */
.inner_image_block_main {
position: relative;
}
.inner_image_block_main:before {
display: block;
content: "";
width: 100%;
padding-top: 56.25%;
}
.inner_image_block_main > .inner_image_block {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #eee;
overflow: hidden;
}
.inner_image_block_main > .inner_image_block img {
width: 100%;
height: 100%;
object-fit: contain;
}
.heading-underline{
border-top: 4px solid #C4C4C4;
width: 65px;
margin-left: 42px;
display: inline-block;
border-radius: 50px;
}
.heading-underline-dots{
border-top: 4px solid #C4C4C4;
width: 5px;
border-radius: 50%;
display: inline-block;
margin: 0 1px;
}
.posted-on-date{
background-color: #FF6C00 !important;
padding: 4px 1em;
position: absolute;
top: 0px;
width: 100%;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
text-align: center;
border: 1px solid #ff6c00;
}
.close-icon-position{
position: absolute;
right: 22px;
top: -8px;
}
.close-icon-rounded-badge{
width: 20px !important;
height: 20px !important;
line-height: 19px !important;
}
.filter-heading{
font-weight: 600;
font-size: 18px;
letter-spacing: 0.5px;
color: #25333C;
line-height: 22px;
}
.filter-sub-cat{
font-size: 14px;
letter-spacing: 0.25px;
color: #25333C;
line-height: 24px;
}
.tl-center-align-items{
display:flex;
align-items:center;
}
.filter-attr-title-bar{
font-weight: 600;
font-size: 18px;
letter-spacing: 0.5px;
color: #25333C;
cursor: pointer;
}
.classified-card .outer-image-container-16-9{
margin-top: 20px;
}
.border-radius-50{
border-radius: 50px;
}
.close-icon-position{
position: absolute;
right: 5px;
top: 3px;
width: 120px;
display: none;
cursor: pointer;
}
.selected-refine-results:hover .close-icon-position{
display: block !important;
}
.close-icon-rounded-badge{
width: 20px !important;
height: 20px !important;
line-height: 19px !important;
}
/***************************** Place An Add New design Styles Start Here ************************/
.border_bottom{
border-bottom:solid 1px #5D636F;
}
.min-height-auto{
min-height: auto !important;
}
.max-height-auto{
max-height: inherit !important;
}
.border-radius-10{
border-radius: 10px;
}
.close_icon{
margin: 0 !important;
padding: 0 !important;
width: auto !important;
}
.product_main{
max-width: 23.7%;
width: 100%;
}
.product_main_in{
border: solid 1px #EDF0F1;
}
.active .show_hide{
display: block !important;
}
.active .product_main_in{
border: solid 1px #1e8543;
background: rgb(30 133 67 / 10%);
}
.active .product_main_in h5{
color:#1e8543;
}
.show_hide{
display: none;
}
/***************************** Place An Add New design Styles Ends Here ************************/
@media only screen and (min-width: 1153px) and (max-width: 1920px) {
.catalog-sidenav {
/* using vh as a fallback for browsers that do not support custom properties */
height: calc(100% - 170px);
}
.mac.safari .catalog-sidenav {
/* height: calc(100vh - 85px) !important; */
height: calc(100vh - 150px) !important;
/* using vh as a fallback for browsers that do not support custom properties */
height: calc(var(--vh, 0.8vh) * 100);
}
/* 9591 fix in firefox shivaram */
@-moz-document url-prefix() {
.catalog-sidenav {
height: calc(var(--vh, 0.7vh) * 100) ;
}
}
}
.mac.chrome .catalog-sidenav {
height: 100vh;
/* using vh as a fallback for browsers that do not support custom properties */
height: calc(var(--vh, 0.8vh) * 100);
width: 17.8%;
}
.filter-sub-cat md-checkbox div.md-label{
white-space: inherit !important;
}
.comment_for_build{
background-color: #7cc842!important;
white-space: nowrap !important;
color: #ffffff !important;
}