.front-page .section-get-started .section-subtitle, .section-get-started .custom-slogan {
    font-size: 18px;
    color: #fff;
    line-height: 30px;
}
.box-recommendation{
    border:1px solid activeborder;
    background-color: goldenrod;
    color:#ffffff;
    padding:20px;
    text-align: center;
}
.box-recommendation a{
   color:#ffffff;
}
.marginTop{
    margin-top:50px;
}
.margin-top-10{
    margin-top:10px;
}
.control-label{
    font-weight: normal;
    color:#4a4a4a;
}
.marginxs{
    margin-top:10px;
}
.no-padding-left{
    padding-left:0px;
}
.no-padding-right{
    padding-right: 0px;
}
.hrbold{
    border:1px solid #4a4a4a;
    color:#4a4a4a;
}
/*
.custom-dropzone{
    min-height: auto !important;
} */
.upload-box{
    border:1px solid #4c4c4c;
    color:#000000;
    padding:10px;   
    display: block;
    text-align: center;
   
}
.small_margin{
    margin-top:25px;
    margin-bottom:25px;
}
.small_margin_tb{
    margin-top:5px;
    margin-bottom: 5px;
}
.img-container{
    display: block;
    border-radius: 2px;
}
.add_link{
    text-decoration: none;
    outline: 0;
    color:#4a4a4a;
}
.error{
    color:#660000;
    font-weight: normal;
}
.medium_margin_t{
    
    margin-top:15px;
    
}
.preview{
    font-size:14px;
    
}
.preview h4{
    color:#000000;
}
.preview table tbody tr td{
    color:#4a4a4a;
    font-size: 14px;
}
.preview table tbody tr td:first-child{
    color:#000000;
}
.fa{
    color:olivedrab;
}
.fa-remove{
    color:red;
}

.fa-eye{
    color:green;
}
.fa-calendar{
    color:#4a4a4a;
}



#exTab2 ul > li > a {
    color:#dcdcdc;
    /*border:0px;*/
    outline:0;
}
#exTab2 ul > li.active > a {
    color:#000000;
}
.has-border{
    border:1px solid #bcbcbc;
    padding:5px;
    
}
.fa-helper{
    color:#4a4a4a;
    font-size: 25px;
}
.cambox{
    margin-top: 10px;
    margin-bottom:5px;
}
.upbox{
    margin-top: 10px;
}
.margin-t20{
    margin-top:20px;
    margin-bottom: 10px;
}
.font-big{
    font-size: 25px;
}
.fa-grey{
    color:#4a4a4a;
}
.flag_label {
   
    color:#4a4a4a;
    font-weight: normal;
    
}
.fa-red{
    color:#ff0000;
}
.commentdesc{
    color: #7e8890;
    font-size:1em;
}
.commentdate{
    color:#3a3a3a;
    font-size:1em;
}
.custom-h3{
    margin-top:2px;
}
.modal-backdrop {
   background-color: #4a4a4a;
   opacity:0.9;
}
.modal-backdrop.in{
    opacity:0.9;
}
.fa-custom-file,.fa-custom-camera{
    color:#000000;
}

table td {
    font-size: 14px;
}
.black{
    color:#000000;
}
.black:hover{
    opacity: .8;
    color: lightgrey;
}

.grey{
    color:#4a4a4a;
}
.blue{
    color:#2e6da4;
}
.cursor-pointer{
    cursor: pointer;
}
.edit-profile .input-row.dob .select {
    width: 80px;
    float: left;
    margin-right: 5px;
}
.intl-tel-input {
    position: relative;
    display: inline;
}
.edit-profile .input-row.availabilityDropDown .select {
    width: 100%;
}
.block.about.profile-worker {
    padding: 21px 20px;
}

.edit-profile-menu {
    background-color: #50c1e7; /*#05bec3;*/
}

div.initials-sm-friends-list {
    top: 22px;
    left: 22px;
    color: #249bff;
    font-size: 2em;
    position: absolute;
}

/* Include this for every image where initials have to be shown - then tailor with a specific class for height, width, font size
 and in some (rare) cases - left */
/*
Explanation of daisy-chaining css classes
.class1.class2 will match only the elements that have both of the classes defined.
--Example--
.class1.class2 { background: red; }
<div class="class1 class2"></div>

.class1, .class2 will match the elements with class=class1 or class=class2
--Example--
.class1, .class2 { background: yellow; }
<div class="class1"></div>
<div class="class2"></div>

.class1 .class2 will only match elements with class=class2 within elements with class=class1.
--Example--
.class1 .class2 { background: blue; }
<div class="class1">
    <div class="class2"></div>
</div>
*/
div.initials-generic {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    vertical-align: middle;
    color: #249bff;
    position: absolute;
}

/* For image in Notifications list*/
div.initials-generic.initials-sm-notification-list {
    width: 60px;
    height: 60px;
    font-size: 2em;
    line-height: 60px;
}

/* For Header profile initials*/
div.initials-generic.initials-sm-header {
    left: 16px;
    width: 32px;
    height: 32px;
    font-size: 1em;
    line-height: 32px;
}

div.initials-generic.initials-mutual-friends-activity {
    top: 2px;   /*4px;*/           /*Changed Oct 10*/
    font-size: x-small;
}

div.initials-generic.initials-friends-activity {
    top: 10px;
}

div.initials-generic.initials-single-project {
    top: 21px;
    font-size: 2em;
}

div.initials-generic.initials-single-search {
    top: 46px;
    font-size: 4em;
}
div.initials-generic.initials-external {
    top: 35px;
    font-size: 4em;
}

div.initials-generic.initials-edit-profile {
    top: 45px;  /*65px;*/
    font-size: 4em; /*2em;*/
}

div.initials-generic.initials-profile-friends {
    top: 12px;      /*EP Aug 7 2019 Changed from 10px*/
    font-size: 1.5em;
}
div.initials-generic.initials-chat-convo {
    top: 10px;
    font-size: 1em;
}

div.initials-generic.initials-recent-activity {
    top: 20px;
    font-size: 2em;
}
div.initials-generic.initials-singleproject-friends {
    top: 10px;
    font-size: 1em;
}
/*For Search page*/
.search-filters{
    margin-bottom: 36px;
}
.search-filters .select{
    float: right;
    width: 150px;
}
.search-filters .input-row{
    padding-right: 100px;
}
.search-filters .input{
    width: 100%;
}
.section-home .row-first {
    margin-bottom: 1px
}
.section-home .row-first {
    background-image: none;
}

.profile-worker-project .for-project-list {
    min-height: 50px;
}

.degrees_apart {
    color: #249bff;
    font-size: 0.5em;
}
.degrees_apart_search_results {
    color: #249bff;
    font-size: 11px;
}

[id^="day_"] {
    background: #ffff00;
    font-size: smaller;
}

/*This is used for jQuery UI AutoComplete*/
.ui-autocomplete-loading {
    /*background:url(http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/themes/smoothness/images/ui-anim_basic_16x16.gif) no-repeat right center*/
    background:url("ui-anim_basic_16x16.gif") no-repeat right center;
}

.errspan {
    float: right;
    margin-right: 6px;
    margin-top: -25px;
    position: relative;
    z-index: 2;
    color: #E5E5E5;
}

.budget_errspan {
    float: right;
    margin-right: 6px;
    margin-top: -40px;
    position: relative;
    z-index: 2;
    color: #E5E5E5;
}

.fagrey {
    color: #E5E5E5;
}

select.customDropdown::-ms-expand {
    display: none;
}

select.customDropdown {
    font-family: 'Open Sans', 'Lucida Grande', Arial, Helvetica, sans-serif;
    outline : none;
    overflow : hidden;
    text-indent : 0.01px;
    text-overflow : '';

    background : url("https://img.icons8.com/material/24/000000/sort-down.png") no-repeat right #fff;

    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
}

.projects-gallery .fileuploader {
    background: none;
}