/*
 * Child file from `publicProfileNew.css` and this is just for internal page only.
 */

body {
}

header .pageCenteredSection {
    max-width: 1440px;
}

#page {
    padding-top: 15px !important;
}
.pageContent {
    background-color: #fff;
}
.pageCenteredContentSection {
    margin: 0 auto;
    width: 86% !important;
}
#globalNav a {
    text-decoration: underline;
}
.section-top {
    padding-bottom: 10px !important;
}
footer h4 {
    margin-bottom: 12px;
}
 .form-bottom {
     background: inherit !important;
     padding: 25px 0 0 0 !important;
     padding-top: 25px !important;
 }

/*
 * Login
 */
.loginLink {
    text-decoration: underline;
}

/*
 * Breadcrumbs
 */
.breadcrumbs-list {
    float:left;
    padding-top:5px;
    position:absolute;
}
.breadcrumbs-link:hover {
    color: #005582;
    text-decoration: none;
}
.breadcrumbs-link, .breadcrumbs-link:active, .breadcrumbs-link:visited {
    text-decoration: underline;
}

/*
 * SEO
 */
.ratingAverage, .divider {
    display: none !important;
}

/*
 * Forms
 */
.btnDisabled {
    border:1px solid #ccc !important;
    background-color: #ccc !important;
}
.form-spacer {
    height: 4px;
}
.inputfile {
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}
.inputfile + label {
    display: inline-block;
    cursor: pointer;
}
.profileBackButtons {
    text-align: center;
}
.profileBackButtons button {
    font: 13px 'Droid Sans', sans-serif !important;
    font-weight: bold !important;
    padding: 6px 10px;
}

/*
 * Misc
 */
.section-spacer {
    padding-top: 15px;
    padding-bottom: 15px;
}
.no-underline {
    text-decoration: none !important
}

/*
 * Header Section
 */
.pageContent {
    border:1px solid #eaeaea !important;
    border-bottom-left-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
}
.header-gradient, .section-top{
    /*background-color: #cae9e7 !important;*/
}
.section-header, .section-content, .pageContent {
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
}
.p-freelance-firstname {
    border-color: #fff !important;
    border-radius: calc(.20rem - 1px) !important;
}
.p-subtitle {
    border-color: #f9a31a !important;
    border-radius: calc(.20rem - 1px) !important;
}
#avatarPreview img {
    border-width: 1px;
    border-style: solid;
    border-color: #ccc;
    border-radius: 50% 50% 0% 50%;
    width: 135px;
    height: 135px;
}

/*
 * Add Quotation Section
 */
.expert-quotation-button button, .btn-flat-orange {
    border-color: #f9a31a !important;
}
.expert-quotation-button button:hover , .btn-flat-orange:hover {
    background-color: #ff7e33 !important;
    border: 1px solid #ff7e33 !important;
}

/*
 * Overview Section
 */
.badge {
    margin-top: 3px !important;
}
.col-spacer {
    padding-top:5px !important;
}
.avatar-overview {
    border: 1px solid rgb(251, 251, 251) !important;
}
.expert-profile-overview {
    background-color: rgb(251, 251, 251) !important;
    border-top: 1px solid #eaeaea !important;
    border-bottom: 1px solid #eaeaea !important;
}
.expert-ratings-sub-info {
    font-size:10px !important;
    padding-top:5px;
}
#overview {
    text-align: left;
}
#overview p.collapse:not(.show) {
    height:282px !important;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
#collapseSummary {
    text-align: left;
}

@media only screen and (min-width: 791px) and (max-width: 820px) {
	.expert-ratings-position {
        width:10vw !important;
        position:absolute;
        top:60px;
        left:230px;
    }
}
@media only screen and (min-width: 720px) and (max-width: 790px) {
	.expert-ratings-position {
        width:8vw !important;
        position:absolute;
        top:60px;
        left:230px;
    }
    .expert-ratings-sub-info {
        font-size: 1vw !important;
    }
    .expert-ratings-orange {
        font-size: 30px;
    }
}
@media only screen and (min-width: 670px) and (max-width: 719px) {
	.expert-ratings-position {
        width:8vw !important;
        position:absolute;
        top:60px;
        left:210px;
    }
    .expert-ratings-sub-info {
        font-size: 1vw !important;
    }
    .expert-ratings-orange {
        font-size: 30px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 669px) {
	.expert-ratings-position {
        width:8vw !important;
        position:absolute;
        top:60px;
        left:30vw;
    }
    .expert-ratings-sub-info {
        font-size: 1vw !important;
    }
    .expert-ratings-orange {
        font-size: 4.1vw;
    }
}
@media only screen and (min-width: 429px) and (max-width: 575px){
    .expert-ratings-position {
        width:12.5vw !important;
        position:absolute;
        top:60px;
        left:60vw;
    }
    .expert-ratings-sub-info {
        font-size: 1.4vw !important;
    }
    .expert-ratings-orange {
        font-size: 5.5vw;
    }
}
@media only screen and (min-width: 415px) and (max-width: 430px){
    .expert-ratings-position {
        width:12.5vw !important;
        position:absolute;
        top:60px;
        left:65vw;
    }
    .expert-ratings-sub-info {
        font-size: 1.4vw !important;
    }
    .expert-ratings-orange {
        font-size: 5.5vw;
    }
}
@media only screen and (min-width: 310px) and (max-width: 414px){
    .expert-ratings-position {
        width:14.5vw !important;
        position:absolute;
        top:60px;
        left:65vw;
    }
    .expert-ratings-sub-info {
        font-size: 1.8vw !important;
    }
    .expert-ratings-orange {
        font-size: 5.9vw;
    }
    .expert-rating {
        display: block !important;
    }
    .avatar-middle {
        display: block !important;
    }
}

/*
 * Ask Quotation Section
 */
.inviteOtherExperts {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
}
.expert-contacts-link, .expert-contacts-link:active, .expert-contacts-link:visited,
.expert-contacts-kvk, .expert-contacts-kvk:active, .expert-contacts-kvk:visited {
    text-decoration: underline;
}
.expert-contacts-link:hover, .expert-contacts-kvk:hover {
    text-decoration: none;
}
.conditions a, .conditions a:hover, .conditions a:active, .conditions a:visited {
    text-decoration: underline;
}

/*
 * Portfolio Section
 */
.h2-top {
    padding-top:15px !important;
}
.h2-bottom {
    padding-bottom:25px !important;
}
.hovereffect {
    background-color: rgb(251, 251, 251) !important;
}
.hovereffect img {
    display: block;
    position: relative;
    max-width: none;
    width: 100%;
    /* -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(-10px,0,0);
    transform: translate3d(-10px,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; */
}
.portfolio-text {
    font-size:15px;
    height:167px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 25%;
    transform: translateY(-50%);
}

/*
 * Client Review Section
 */
.no-reviews {
    padding-bottom:1px;
}

.client-reviews-count {
    float:right;
    padding-right:25px;
    font-size:13px;
}

/*
 * Google map
 */
#map {
    border-bottom-left-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
}

/*
 * Footer
 */
.footerCategoryColumn {
    width: 54% !important;
}

/*
 * Edit Mode
 */
/* .edit-section-expert-overview, .edit-mode-link, .tooltip {
    z-index: 90 !important;
} */
.cover-header {
    border-width: 1px;
    border-style: solid;
    border-color: #ccc;
    border-radius: 2px;
}
.cover-header-loading {
    opacity: 0.5;
    filter: alpha(opacity=50);
}
.hasPendingAvatar, .hasPendingCover, .hasError, .requestChanges, .hasAttachmentError{
    color:red;
}
.preloader-header-icon {
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-30%, -50%);
}
.preloader-icon {
    position: absolute;
    top: 35%;
    left: 35%;
    transform: translate(-35%, -35%);
}
.preload-icon-2 {
    width:100px;
}
.preloader-avatar-icon {
    position: absolute;
    top: 40%;
    left: 80px;
    transform: translate(-50%, -50%);
}

.preloader-attachment-icon {

}

.preloader-left-icon {
    position: absolute;
    top: 30%;
    left: 20%;
    transform: translate(-30%, -50%);
}
.preloader-hide, .obj-hide {
    display: none;
}

.form-control-text-override {
    font-size:12px !important;
}
.form-control-overide {
    width:155% !important;
}

.portfolio-image-box {
    border: 1px solid #ccc !important;
}
.portfolio-description .formField, .portfolio-title .formField {
    width: 100% !important;
}

.h1Like {
    /* from main.css h1 */
    font-size: 25px;
    margin-bottom: 10px;
}


/*
Edit Profile BEGIN
*/
.editModeOverlay  {
    display: none;
}
.editModeOverlay .editModeTools {
    display: none;
}

.editMode {
    position: relative;
}

.editMode .editModeOverlay {
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 30;
}

.editMode .editModeOverlay:hover {
    /*height: 94%;
    width: 98%;
    border: solid 2px #FF5E00;
    top: 3%;
    left: 1%;*/
    position: absolute;
    opacity: 0.6;
    background-color: #000;
}

.editMode .editModeOverlay:hover, .editMode .editModeOverlay:hover .editModeTools  {
    display: block;
}

/* Orange lining 
.editMode .editModeOverlay:hover {
    height: 94%;
    width: 98%;
    border: solid 2px #FF5E00;
    top: 3%;
    left: 1%;
    position: absolute;
}
*/

.section-header .editModeOverlay {
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
}

.expertContactInfo .editModeOverlay {
    width: calc(100% + 30px);
}

.expertContactInfo .editModeOverlay .editModeTools .edit-icon-link {
    left: 90% !important;
}



/*
Edit Profile END
*/


/*
 * Announcement
 */
.userWarning a {
    text-decoration: underline !important;
}

/*
 * Devices
 */
@media (max-width: 1120px) {
    .footerCategoryColumn {
        width: 100% !important;
    }

    #footerCategoryLinks {
        text-align: center;
    }

    #footerCategoryLinks .pageCenteredSection .companyLogos {
        padding-top: 10px;
    }
}
@media (max-width: 858px) {
    .breadcrumbs-list {
        display: none;
    }
}
@media only screen and (min-width: 1241px) and (max-width: 1326px){
    .hovereffect img {
        height:264px !important;
    }
}

@media only screen and (min-width: 1100px) and (max-width: 1240px){
    .expert-ratings-position {
        width:70px !important;
        position:absolute;
        top:60px;
        left:320px;
    }
}
@media only screen and (min-width: 1010px) and (max-width: 1099px){
    .expert-ratings-position {
        width:70px !important;
        position:absolute;
        top:60px;
        left:290px;
    }
}
@media only screen and (min-width: 928px) and (max-width: 1009px){
    .expert-ratings-position {
        width:60px !important;
        position:absolute;
        top:60px;
        left:270px;
    }
    .expert-ratings-orange {
        font-size: 29px !important;
    }
}

@media only screen and (min-width: 410px) and (max-width: 991px){
    .preloader-icon {
        position: absolute;
        top: 25%;
        left: 50%;
        transform: translate(-25%, -50%);
    }
    .preloader-left-icon {
        position: absolute;
        top: 30%;
        left: 31%;
        transform: translate(-30%, -31%);
    }
}

@media only screen and (min-width: 350px) and (max-width: 410px){
    .preloader-left-icon {
        position: absolute;
        top: 30%;
        left: 41%;
        transform: translate(-30%, -31%);
    }
}

@media only screen and (min-width: 350px) and (max-width: 409px){
    .preloader-icon {
        position: absolute;
        top: 20%;
        left: 50%;
        transform: translate(-20%, -50%);
    }
    .preloader-left-icon {
        position: absolute;
        top: 20%;
        left: 50%;
        transform: translate(-20%, -50%);
    }
}

@media only screen and (min-width: 290px) and (max-width: 349px){
    .preloader-icon {
        position: absolute;
        top: 17%;
        left: 50%;
        transform: translate(-17%, -50%);
    }

    .preloader-left-icon {
        position: absolute;
        top: 20%;
        left: 50%;
        transform: translate(-20%, -50%);
    }
}

@media only screen and (min-width: 882px) and (max-width: 927px){
    .expert-ratings-position {
        width:60px !important;
        position:absolute;
        top:60px;
        left:250px;
    }
    .expert-ratings-orange {
        font-size: 29px !important;
    }
}
@media only screen and (min-width: 845px) and (max-width: 881px){
    .expert-ratings-position {
        width:60px !important;
        position:absolute;
        top:60px;
        left:235px;
    }
    .expert-ratings-orange {
        font-size: 29px !important;
    }
}

@media only screen and (min-width: 732px) and (max-width: 844px){
    .avatar-circle {
        width: 100px !important;
        height: 100px !important;
    }
    .expert-ratings-position {
        width:40px !important;
        position:absolute;
        top:60px;
        left:215px;
    }
    .expert-ratings-orange {
        font-size: 19px !important;
    }
}
@media only screen and (min-width: 576px) and (max-width: 731px){
    .avatar-circle {
        width: 100px !important;
        height: 100px !important;
    }
    .expert-ratings-position {
        width:40px !important;
        position:absolute;
        top:60px;
        left:155px !important;
    }
    .expert-ratings-orange {
        font-size: 19px !important;
    }
}
@media only screen and (min-width: 310px) and (max-width: 1240px){
    .hovereffect img {
        height:282px !important;
    }
}
@media (max-width: 400px) {
    .modal-footer {
        justify-content: center;
    }
}

@media only screen and (min-width: 200px) and (max-width: 690px){
    .edit-icon-link {
        left: 93% !important;
        position: absolute;
        font-size: 18px !important;
        padding-top: 25px !important;
    }
    .edit-icon-box {
        padding-left: 3px !important;
        padding-right: 3px !important;
    }
}

@media only screen and (max-width: 414px) {
    .pageCenteredContentSection {
        width: 100% !important;
    }
}

.internalContactInfo {
    background-color: #f3f3f3;
}

.sendMessageToExpert input, .sendMessageToExpert textarea {
   /*width: 87%; */
}

.contactImage {
    width: 15px;
    opacity: 0.68;
}

.expertContactInfo .row {
}

#addProjectForm #projectdesc {
    height: 150px !important;
}