/* Custom Css goes Here */
html{
background-color:white;
}
a,a:hover {
text-decoration: none;
}
.listing:hover{
box-shadow: 3px 3px 7px #ddd;
transition: .3s ease-in-out;
}
a,a:hover{
color:inherit;
}
#contribute-btn{
position:fixed;
top:40%;
right:-50px;
transform:rotateZ(90deg);
}
.bg-theme,.btn-theme{
background-color: #3f79bd !important;
color:white;
}
.theme-color{
color:#3f79bd;
}
.btn-primary{
background-color: #3f79bd !important;
}
@media all and (min-width: 992px) {
.navbar{ padding-top: 0; padding-bottom: 0; }
.navbar .has-megamenu{position:static!important;}
.navbar .megamenu{left:0; right:0; width:100%; padding:20px; }
.navbar .nav-link{ padding-top:1rem; padding-bottom:1rem; }
}
input[type=checkbox]{ zoom: 1.1; }
.form-control-sm{ height: calc(2em + .5rem + 2px);/*border-radius: 0px;*/ }
.company-basic-info {
display: flex;
flex-wrap: wrap;
margin-bottom: 1rem;
}
.company-basic-info .infoEntity {
font-size: 12px;
color: #5E6B92;
display: flex;
width: 50%;
margin: .25rem 0;
text-align: initial;
}
.sbold-list-header {
font-size: .875rem;
line-height: 1.43;
}
.sbold-list-header{ font-weight: 500;
letter-spacing: normal;
color: #1e223c;
}
.company-basic-info .infoEntity i {
width: 1.25rem;
height: 1.25rem;
margin-right: 0;font-size: 18px;/*color: #6fb443;color: #afcb3a;*/color: #fff;
}
i {
font-family: fontawesome !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
font-size: 1.25rem;
color: #5e6b92;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.chips-block {
display: flex;
margin-bottom: 0;
flex-wrap: wrap;
}
.chips-block a { color: #2dbe46; }
.chips-block a:hover{ color: #95ac37;text-decoration: none;transition: 0.3s ease-in-out; }
.ab_chip {
padding: .25rem .75rem;
border-radius: 14px;
background: #fff;
border: solid 2px #E4E6EE;
display: inline-flex;
cursor: pointer;
margin-right: .5rem;
text-decoration: none;
margin-bottom: .5rem;
white-space: nowrap;
user-select: none;
word-wrap: unset;
}
.body-medium {
font-size: .875rem;
line-height: 1.43;
font-weight: normal;
letter-spacing: normal;
color: #1e223c;
}
.description {
margin-top: 8px;
color: #1E223C;
overflow: hidden;
position: relative;
line-height: 1.33em;
max-height: 2.66em;
text-align: justify;
margin-right: -1em;
padding-right: 1em;
}
.body-small {
font-size: .80rem;
line-height: 1.33;
font-weight: normal;
letter-spacing: normal;
color: #1e223c;
}
/*.description:before {
content: '...';
position: absolute;
right: 0;
bottom: 2px;
}*/
h3 {
font-size: 1em !important;
}
.w3-borderbtm{ border-bottom: 1px solid #c9cace;margin-bottom: 32px;padding-bottom: 20px; }
.company-info {
display: flex;
justify-content: space-between;
align-items: flex-end;
margin-bottom: .5rem;
}
.company-info .left {
display: flex;
flex: 1;
align-items: center;height: 35px;
}
.company-info .left a:hover{ text-decoration: none; }
.company-info .left .company-name {
margin-right: .5rem;
text-transform: capitalize;
color: #0062cc;
}
.bold-title-l {
font-size: 1.4rem;
line-height: 1.5;
}
.company-info .left .rating-wrapper {
display: flex;
align-items: center;
line-height: 1.33;
}
.company-info .left .rating-wrapper .rating {
color: #fff;
margin-right: .5rem;
padding: .1875rem .3125rem;
border-radius: .25rem;
display: flex;
width: 2.625rem;
height: 1.25rem;
font-size: 0.75rem;margin-bottom: 0;
}
.rating-4 {
background: #5ba829;
}
.badge-small, .badge-large, .badge-x-large {
font-weight: 600;
letter-spacing: normal;
}
.company-info .left .rating-wrapper .rating i {
width: .625rem;
font-size: .8125rem;
margin-right: .3125rem;
color: #fff;
}
.company-info .left .rating-wrapper .review-count {
color: #97A0BE;
}
.sbold-Labels {
font-size: .75rem;
line-height: 1.33;
font-weight: 500;
letter-spacing: normal;
}
.fixed-typeahead-wrapper[data-v-7e115e54] {
padding-top: 0rem;
background-color: #f6f7ff;
}
#ab_typeahead3 {
background-repeat: no-repeat;
}
.typeahead-title {
padding-bottom: .125rem;
padding-top: 1.75rem;
margin: 0;
padding-bottom: 0;
line-height: normal;
}
.bold-display-l {
font-size: 2rem;
line-height: 1.5;font-weight: 500;
}
.subtitle {
font-size: 1rem;
font-weight: normal;
line-height: 1.3;
color: #fff;
}
#typeahead-wrapper3 {
padding: 1.5rem 0 3rem 0 !important;
}
#typeahead-wrapper3 .wrapper {
display: flex;
justify-content: space-between;
align-items: center;
border-radius: 1.5rem;
background-color: #fff;
padding: 0.5rem;
max-width: 46.5625rem;
width: 100%;
height: 3.25rem;
border: solid 1px #E4E6EE;
box-shadow: 0 2px 6px -2px rgb(0 106 194 / 20%);
}
#typeahead-wrapper3 .search-company {
width: calc(100% - 20rem);
height: 2.1875rem;
flex: 1;
border-radius: 1.5rem 0 0 1.5rem;
background-color: #fff;
outline: none;
display: flex;
position: relative;
}
#ab_typeahead3 .twitter-typeahead {
width: 100%;
padding: 0.5rem 0.5rem 0.5rem 0;
}
#typeahead-wrapper3 .search-company input {
width: 100%;
height: 100%;
border: 0;
outline: none;
direction: ltr;
font-size: .875rem;
padding-left: 1.5rem;
font-weight: 500;
color: #5E6B92;
}
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
#ab_typeahead3 .twitter-typeahead .tt-menu {
z-index: 100;
background-color: #fff !important;
box-shadow: 0 0.5625rem 0.875rem 0 rgb(88 95 135 / 10%);
border: 0;
left: 0 !important;
top: calc(100% + 1.2rem) !important;
border-radius: .75rem;
width: 100%;
max-height: 20.625rem;
overflow-y: auto;
}
#ab_typeahead3 .twitter-typeahead .tt-menu .tt-dataset-company-search:empty {
padding-top: .75rem;
}
#ab_typeahead3 .twitter-typeahead .tt-menu .tt-dataset-company-search {
margin-bottom: -1.5rem;
}
#ab_typeahead3 .twitter-typeahead .tt-menu .tt-dataset {
padding: 1.25rem 0;
box-shadow: none;
border: 0;
background-color: #fff;
}
#ab_typeahead3 .twitter-typeahead .tt-menu .tt-dataset-desig-search:empty {
padding-bottom: .375rem;
}
#ab_typeahead3 .twitter-typeahead .tt-menu .tt-dataset-desig-search {
padding-top: 0.75rem;
padding-bottom: 0.625rem;
}
#ab_typeahead3 .twitter-typeahead .tt-menu .tt-dataset {
padding: 1.25rem 0;
box-shadow: none;
border: 0;
background-color: #fff;
}
#typeahead-wrapper3 .search-btn {
min-width: 6.75rem;
box-shadow: none;
}
.ab_btn.round {
border-radius: 24px;
}
.ab_btn {
padding: 7px 14px;
min-width: 120px;
cursor: pointer;
box-shadow: 0 2px 6px -2px rgb(0 106 194 / 20%);
background-color: #5670fb;
border: 1px solid #5670fb;
color: #fff;
border-radius: 1.5rem;
outline: none;
}
.ab_btn:hover {
background-color: #4158d4;
}
.ab_btn span {
color: #fff !important;
}
.ctas-btn-medium {
font-weight: bold;
font-size: .875rem;
line-height: 2.43;
cursor: pointer;
letter-spacing: normal;
}
input[type="range" i]{ width: 100%; }
@media only screen and (max-width: 575px){
.company-basic-info .infoEntity {
width: 100%;
margin: 0;
}
.linked-in{ margin-top: 3px;font-size:22px!important }.notepad{ margin-top: 3px;font-size: 20px!important; }
.company-basic-info .infoEntity{ font-size: 12px;margin-top: 5px; }
.company-info .left .company-name{ font-size: 1.1rem!important;margin-bottom: 0px!important; }
.company-info{ align-items: end; }
.company-info .left{ height: 45px; }
.company-info .left .rating-wrapper .rating{ margin-top: 2px; }
}
.company-info .follow-btn {
min-width: 4.625rem;
padding: .01rem 1rem;
position: relative;top: -2px;
}
@media only screen and (max-width: 768px){
.company-info .follow-btn {
min-width: 3.6875rem;
padding: 0.001rem .625rem;display: block;margin-top: 2px;
}
.company-info{ display: block; }
.company-info .left {
flex-direction: column;
align-items: inherit;
}
}
.ab_btn.invert {
background-color:#868686;
border-color: #868686;
box-shadow: none;
}
.ab_btn.invert:hover {
background-color:#ad9e80;
border-color: #ad9e80;
box-shadow: none;transition: 0.3s ease-in-out;
}
.ab_btn.invert span {
color: #fff !important;
}
.ctas-btn-medium {
font-weight: bold;
font-size: .875rem;
line-height: 1.43;
cursor: pointer;
letter-spacing: normal;
}
.modal-title {
font-weight: bold!important;
color: #1E223C;
line-height: 1;
font-size: 1.25rem!important;
}
/* .modal-header{ border-bottom: none;padding: 5rem;padding-top: 20px;padding-bottom: 0px; } */
.modal-footer{ border-top: none; }
.social-login-buttons[data-v-dee1c72e] {
padding-top: 0.5rem;
padding-bottom: 2.5rem;
}
.social-login-buttons .social-login-button[data-v-dee1c72e]:nth-child(1) {
background-color: #3B5998;
}
.social-login-buttons .social-login-button[data-v-dee1c72e] {
margin-bottom: 1.25rem;
display: flex;
border-radius: 22px;
background-color: #fff;
align-items: center;
cursor: pointer;
padding: 12px 30px;
min-height: 2.75rem;
color: #fff;
}
.social-login-buttons .social-login-button .icon[data-v-dee1c72e] {
height: 20px;
width: 20px;
display: flex;
position: absolute;
justify-content: center;
align-items: center;
}
.social-login-buttons .social-login-button i[data-v-dee1c72e] {
font-size: 1.25rem;
color: #fff;
}
i {
font-family: "fontawesome" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
font-size: 1.25rem;
color: #5e6b92;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.social-login-buttons .social-login-button p[data-v-dee1c72e] {
font-size: 0.875rem;
font-weight: bold;
line-height: 1.29;
width: 100%;
text-align: center;color:#fff;font-family: inherit;margin-bottom: 3px;
}
.social-login-buttons .social-login-button[data-v-dee1c72e]:nth-child(2) {
background-color: #fff;
border: 1px solid #0077B5;
color: #0077B5;
}
.social-login-buttons .social-login-button i[data-v-dee1c72e] {
font-size: 1.25rem;
color: #fff;
}
.social-login-buttons .social-login-button[data-v-dee1c72e]:nth-child(3) {
background-color: #DC4E41;
margin-bottom: 0;
}
/* .modal-body{ padding: 5rem;padding-top: 0px;padding-bottom: 2rem; }
@media (min-width: 576px){
.modal-dialog {
max-width: 500px;
margin: 8.75rem auto;
}
} */
.linked-in{ font-size: 22px;margin-right: 5px!important;top: 0px!important;position: relative;color: #919191; }
.linked-in:hover{ color: #0a66c2 !important;transition: 0.3s ease-in-out;cursor: pointer; }
.notepad{ font-size: 20px;margin-right: 5px!important;top: 0px!important;position: relative;color: #868686; }
.notepad:hover{ color: #ad9e80;transition: 0.3s ease-in-out;cursor: pointer; }
.fieldsgroup{
max-height:200px;
overflow-y:scroll;
margin-top:20px;
}
.fieldsgroup::-webkit-scrollbar {
width: 5px;
}
.fieldsgroup::-webkit-scrollbar-track {
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.fieldsgroup::-webkit-scrollbar-thumb {
background-color: darkgrey;
outline: none;
}
/* .modal-header .close {
padding: 1rem 1rem;
margin: -1rem -4rem -1rem auto;
background: #fff;
border: none;
font-size: 32px;
}
.modal-header .close {
padding: 0.5rem 0.5rem;
margin: -1rem -4rem -1rem auto;
background: #fff;
border: none;
font-size: 32px;
} */
.ab_chip{
padding: .15rem .55rem .25rem .55rem;
}
.body-medium {
font-size: .8rem;
line-height: 15px;
}
.w-5,.h-5{
width:25px;
}
#suggestions{
list-style:none;
padding:0px;
margin:0px;
}
#suggestions li{
font-size:14px;
color:#555;
}
.namesuggestions{
margin-right:75px;
margin-top:-12px;
}
@media only screen and (max-width: 768px) {
.filters{
position:fixed;
top:0px;
left:0px;
z-index: 999;
overflow-y:scroll;
display:none;
background-color:white;
padding:20px;
width:100%;
height:100%;
padding-bottom:40px;
}
.fixedbuttons{
position: fixed;
bottom: 0px;
left: 0px;
width: 100%;
background: white;
box-shadow: 0px -2px 10px #0404041f;
}
}
.openfilters{
width:50px;
height:50px;
border-radius:50px;
background-color:#3f79bd;
position:fixed;
right:20px;
bottom:20px;
color:white;
border:none;
}
.rating-icons{
color:gold;
font-size:24px;
}