.myProfileWrapper .row {margin: 0 -5px;} .myProfileWrapper div[class*=col-] {padding: 0 5px;} .myProfileWrapper .myProfileMenuWrapper {padding: 10px; background-color: white; margin-bottom: 10px;} .myProfileWrapper .myProfileMenuWrapper .title {font-size: 16px; font-weight: bold; text-transform: uppercase; margin-bottom: 5px;} .myProfileWrapper .myProfileMenuWrapper .myProfileMenu td {padding-bottom: 5px; color: #f35b24; text-transform: lowercase;} .myProfileWrapper .myProfileMenuWrapper .myProfileMenu .top {font-weight: bold; text-transform: uppercase; padding-bottom: 8px;} .myProfileWrapper .myProfileMenuWrapper .title a, .myProfileWrapper .myProfileMenuWrapper .myProfileMenu .top a {color: black; text-decoration: none !important;} .myProfileWrapper .myProfileMenuWrapper .myProfileMenu a {margin-right: 5px;} .myProfileWrapper .myProfileMenuWrapper .myProfileMenu .fa {position: relative; top: -1px;} .myProfileWrapper .myProfileMenuWrapper .myProfileMenu .active a {color: white; background-color: #f55e28; padding: 0 10px; position: relative; left: -10px;} .myProfileWrapper .myProfileMenuWrapper .myProfileMenu .active .fa {left: -10px;} .myProfileWrapper .toogleMyProfileMenuWrapper {margin-bottom: 10px; margin-top: 10px; background-color: white;} .myProfileWrapper .toogleMyProfileMenuWrapper a {font-weight: bold; color: black; text-decoration: none !important; display: block; padding: 10px 20px; font-weight: bold;} .myProfileWrapper .toogleMyProfileMenuWrapper a .fa {color: #f35b24; margin-left: 10px; font-size: 14px;} .myProfileWrapper .formInfoWrapper {padding: 0px; margin-top: 10px;} .myProfileWrapper h1 {font-size: 24px; margin: 0 0 15px;} .myProfileWrapper h3 {text-transform: uppercase;} .myProfileWrapper h3 a {color: black; text-decoration: none !important;} .myProfileWrapper h3 a:hover {color: black; text-decoration: underline !important;} .myProfileWrapper h3 .ratingStars {position: relative; top: -3px; left: 5px;} .myProfileWrapper .viewItemMenuWrapper {position: relative;} .myProfileWrapper .viewItemMenuWrapper .viewItemMenu {padding: 7px 12px;} .myProfileWrapper .viewItemMenuWrapper .viewItemMenu .fa {margin: 0px;} .myProfileWrapper .viewItemMenuWrapper .viewItemMenu:hover + .itemMenuWrapper {display: block;} .myProfileWrapper .viewItemMenuWrapper .itemMenuWrapper {display: none; position: absolute; right: 0px; white-space: nowrap; z-index: 10;} .myProfileWrapper .viewItemMenuWrapper .itemMenuWrapper:hover {display: block;} .myProfileWrapper .viewItemMenuWrapper .itemMenuWrapper ul {list-style-type: none; padding: 0px;} .myProfileWrapper .viewItemMenuWrapper .itemMenuWrapper ul li a {white-space: nowrap !important; width: 100%; color: white;} /******************************************************************************/ .myProfileWrapper .catalogItemTabs {margin-top: 0px;} .myProfileWrapper .catalogItemTabs .tabs .row {margin: 0 -5px;} .myProfileWrapper .catalogItemTabs .tabs div[class*=col-] {padding: 0 5px;} .myProfileWrapper .catalogItemTabs .tabs .ui-tabs-panel {background-color: transparent;} .myProfileWrapper .catalogItemTabs.hiddenTabs {margin-top: 0px;} .myProfileWrapper .catalogItemTabs.hiddenTabs .ui-tabs-nav {display: none;} .myProfileWrapper .catalogItemTabs.hiddenTabs .searchForm {margin-top: 0px;} .myProfileWrapper .summaryWrapper .tabs.ui-tabs {padding: 0px; border: none;} .myProfileWrapper .summaryWrapper .tabs .ui-tabs-panel {padding: 0px; font-size: 14px;} @media screen and (max-width: 1050px) { .myProfileWrapper .catalogItemTabs .tabs .ui-tabs-nav {padding: 10px 10px 0; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px;} .myProfileWrapper .catalogItemTabs .tabs, .myProfileWrapper .catalogItemTabs .tabs .ui-tabs-panel {background-color: transparent;} } .myProfileWrapper .summaryWrapper .searchForm {margin-top: 10px;} @media screen and (max-width: 991px) { .myProfileWrapper .summaryWrapper .searchForm .searchPanel {padding-top: 0px;} } .myProfileWrapper .summaryContent h3 {font-size: 16px; font-weight: bold; margin-top: 10px; margin-bottom: 0px;} .myProfileWrapper .summaryContent .orderbyField .selectStyle {display: inline-block;} .myProfileWrapper .summaryContent .orderbyField .selectStyle select {width: auto;} .myProfileWrapper .summaryContent .summaryContentBox {background-color: white; padding: 20px; margin-bottom: 10px;} .myProfileWrapper .summaryContent .summaryContentBoxWrapper > div:last-of-type {margin-bottom: 0px;} .myProfileWrapper .summaryContent .summaryContentBoxWrapper .ratingStars {margin-left: 10px;} @media screen and (max-width: 991px) { .myProfileWrapper .summaryContent .summaryContentBox {padding: 20px 15px;} } .myProfileWrapper .itemRemoveList {float:right; width: 10px; text-align:right; z-index: 6; position: relative;} .myProfileWrapper .itemRemoveList a {color: rgb(200,200,200) !important;} .myProfileWrapper .itemRemoveList a:hover {color: rgb(150,150,150);} .myProfileWrapper .removeSelectedWrapper {margin-top: 10px;} /******************************************************************************/ .myProfileWrapper .summaryWrapper .tabs .insertItemBtnWrapper, .myProfileWrapper .summaryWrapper .tabs .searchOrderbyFieldWrapper {position: absolute; top: 2px; right: 0px; white-space: nowrap;} .myProfileWrapper .summaryWrapper .tabs .searchOrderbyFieldWrapper .selectStyle {display: inline-block; min-width: 100px;} @media screen and (max-width: 1050px) { .myProfileWrapper .summaryWrapper .tabs .insertItemBtnWrapper, .myProfileWrapper .summaryWrapper .tabs .searchOrderbyFieldWrapper {position: relative; top: 0px; padding-bottom: 10px; background-color: #e6e5ea;} } .myProfileWrapper .summaryWrapper .btnWrapper {margin-right: -2px;} .myProfileWrapper .summaryWrapper .itemNumberWrapper, .myProfileWrapper .summaryWrapper .itemViewed, .myProfileWrapper .summaryWrapper .insertedDateWrapper {white-space: nowrap;} .myProfileWrapper .summaryWrapper .activeDaysWrapper, .myProfileWrapper .summaryWrapper .finishedDateWrapper {white-space: nowrap;} @media screen and (max-width: 991px) { .myProfileWrapper .summaryWrapper .demandDescription {height: auto; margin-bottom: 10px;} } @media screen and (max-width: 767px) { .myProfileWrapper .summaryWrapper .offersExportWrapper {text-align: left;} } @media screen and (max-width: 450px) { .myProfileWrapper .viewItemMenuWrapper .itemMenuWrapper {left: 0px;} } @media screen and (max-width: 350px) { .myProfileWrapper .summaryWrapper .itemNumberWrapper, .myProfileWrapper .summaryWrapper .itemViewedWrapper, .myProfileWrapper .summaryWrapper .insertedDateWrapper, .myProfileWrapper .summaryWrapper .finishedDateWrapper, .myProfileWrapper .summaryWrapper .activeDaysWrapper {display: block;} } .myProfileWrapper .formWrapper .formContentWrapper .formContent {padding: 30px 10px 10px;} .myProfileWrapper .formWrapper button[type=submit] {margin-top: 0px;} @media screen and (max-width: 767px) { .myProfileWrapper .formWrapper {margin-bottom: 10px !important;} .myProfileWrapper .formWrapper .formContentWrapper .formContent {padding-top: 0px;} } /******************************************************************************/ .myProfileWrapper .demandSummaryWrapper .row {margin: 0 -5px;} .myProfileWrapper .demandSummaryWrapper div[class*=col-] {padding: 0 5px;} .myProfileWrapper .summaryWrapper .answersWrapper {border-top: 1px solid #ddd; margin-top: 5px; padding-top: 5px;} .myProfileWrapper .summaryWrapper .answersWrapper .answersList > div {border-top: 1px solid #ddd; padding-top: 10px; margin-top: 4px;} .myProfileWrapper .summaryWrapper .answersWrapper .answersList > div:first-of-type {border-top: none; padding-top: 0px; margin-top: 0px;} .myProfileWrapper .summaryWrapper .answersWrapper .btn {width: 100%; text-align: center; margin-bottom: 4px;} .myProfileWrapper .summaryWrapper .answersWrapper .btn.selectOffer {padding: 11px 12px;} .myProfileWrapper .summaryWrapper .answersWrapper .firstCol, .myProfileWrapper .summaryWrapper .answersWrapper .secondCol {padding-top: 15px; line-height: 22px;} .myProfileWrapper .summaryWrapper .answersWrapper .descriptionRes {display: none;} .myProfileWrapper .summaryWrapper .answersWrapper .viewAllAnswersWrapper {text-align: center; margin-top: 4px;} .myProfileWrapper .summaryWrapper .answersWrapper .viewAllAnswersWrapper .viewAllAnswers {display: block; border-top: 1px solid #ddd; padding-top: 4px;} .myProfileWrapper .summaryWrapper .boxViewSummary.finished .ratingWarningWrapper {color: #de2525;} .myProfileWrapper .summaryWrapper .boxViewSummary.finished .answerWrapper {margin-top: 10px;} .myProfileWrapper .summaryWrapper .boxViewSummary.finished .answerWrapper .firstCol, .myProfileWrapper .summaryWrapper .boxViewSummary.finished .answerWrapper .secondCol {padding-top: 0px;} .myProfileWrapper .summaryWrapper .boxViewSummary.finished .answersWrapper .ratingWarningWrapper {margin-top: 10px;} .myProfileWrapper .summaryWrapper .boxViewSummary.finished .answersWrapper .ratingWarningWrapper .btn {width: auto; margin-top: 5px;} @media screen and (max-width: 767px) { .myProfileWrapper .summaryWrapper .answersWrapper h3 .ratingStars {top: 0px; left: 0px;} .myProfileWrapper .summaryWrapper .answersWrapper .secondCol {padding-top: 0px;} .myProfileWrapper .summaryWrapper .boxViewSummary.finished .answerWrapper .thirdCol {text-align: left;} } .demandAnswerInfoBox .ratingWrapper {padding-left: 20px;} .demandAnswerInfoBox .priceWrapper {padding-bottom: 10px; font-size: 14px;} .demandAnswerInfoBox table td {font-size: 12px; vertical-align: top;} @media screen and (max-width: 767px) { .demandAnswerInfoBox h2 {font-size: 14px;} .demandAnswerInfoBox .priceWrapper {font-size: 12px;} .demandAnswerInfoBox table td {font-size: 10px;} } .myProfileWrapper.offerSummary .summaryWrapper .demandDescription {margin-bottom: 0px;} .myProfileWrapper.offerSummary .offerListPagitationWrapper a {margin-left: 2px; color: black; text-decoration: none !important;} .myProfileWrapper.offerSummary .offerListPagitationWrapper a.actual {color: #f35b24; font-weight: bold; font-size: 115%;} .myProfileWrapper.offerSummary .priceWrapper {padding-bottom: 15px;} .myProfileWrapper.offerSummary .priceWrapper .price {font-size: 125%;} .myProfileWrapper.offerSummary .buttonsWrapper .btn {width: 100%; margin-bottom: 8px; text-align: center;} .myProfileWrapper.offerSummary .attachmentsList {max-height: 120px; overflow-y: auto;} .myProfileWrapper.offerSummary .attachments a {margin-bottom: 5px; display: inline-block; font-size: 90%;} .myProfileWrapper.offerSummary .attachments a i {margin-right: 8px;} @media screen and (max-width: 767px) { .myProfileWrapper.offerSummary .viewOfferOnMapWrapper {text-align: left;} .myProfileWrapper.offerSummary h3 .ratingStars {top: 0px; left: 0px;} .myProfileWrapper.offerSummary .offerListPagitationWrapper {text-align: left;} } /******************************************************************************/ .myProfileWrapper .galleriesSummaryWrapper .itemRemoveList {right: 5px; top: 5px;} .myProfileWrapper .galleriesSummaryWrapper .galleryBoxViewSummary .viewItemMenuWrapper {position: relative; top: -7px; left: -1px;} /******************************************************************************/ .myProfileWrapper .articlesSummaryWrapper .boxViewSummaryWrapper.myArticles .articleBoxViewSummary h2 {padding-right: 50px; position: relative;} .myProfileWrapper .articlesSummaryWrapper .boxViewSummaryWrapper.myArticles .articleBoxViewSummary .viewItemMenuWrapper {position: absolute; top: -2px; right: 2px;} .myProfileWrapper .articlesSummaryWrapper .boxViewSummaryWrapper.myArticles .articleBoxViewSummary .viewItemMenuWrapper .viewItemMenu {padding: 4px 12px;} .myProfileWrapper .articlesSummaryWrapper .boxViewSummaryWrapper.myArticles .articleBoxViewSummary .viewItemMenuWrapper .viewItemMenu i {position: relative; top: -2px;} .myProfileWrapper .articlesSummaryWrapper .articleBoxViewSummary .controlBtnsWrapper {position: absolute; top: 0px; left: 0px; padding: 1px 6px; z-index: 5; width: 100%;} .myProfileWrapper .articlesCatalogSearchBox .boxViewSummary {margin-bottom: 10px !important;} .myProfileWrapper .articlesCatalogSearchBox .removeSelectedWrapper {margin-top: 0px;} /******************************************************************************/ .myProfileWrapper .unratedDemandsList .ratingItem {margin-bottom: 10px;} .myProfileWrapper .unratedDemandsList > div:last-of-type {margin-bottom: 0px;} .myProfileWrapper .ratingItem .demandNumber {text-transform: none; font-weight: normal; font-size: 90%;} .myProfileWrapper .ratingItem .demandNumber .numberValue {font-weight: bold;} .myProfileWrapper .myDemandsCompanyRating .myDemandsCompanyRating_Title, .myProfileWrapper .myDemandsCompanyReference .myDemandsCompanyReference_Title {text-transform: uppercase; font-weight: bold;} @media screen and (max-width: 1199px) { .myProfileWrapper .myDemandsCompanyRating .myDemandsCompanyRating_NumberWrapper {text-align: left;} } @media screen and (max-width: 767px) { .myProfileWrapper .myDemandsCompanyRating .myDemandsCompanyRating_StateWrapper {text-align: left;} .myProfileWrapper .ratingItem .demandNumber {float: none !important; display: block;} .myProfileWrapper .ratingItem .radioGroup label {width: 100%; display: block;} } /******************************************************************************/ .securityForm .phoneVerificationWrapper {margin-top: 0px;} @media screen and (max-width: 767px) { .securityForm {padding-top: 10px !important;} .securityForm label {padding: 0px;} } .notificationsForm table {font-size: 14px;} .notificationsForm table tr td:first-of-type {text-align: right;} .notificationsForm table td {padding: 4px 6px;} .notificationsForm .inputWrapper {position: relative; top: -1px; white-space: nowrap; font-weight: normal;} .notificationsForm .inputWrapper input {position: relative; top: 2px;} @media screen and (max-width: 767px) { .notificationsForm {padding-top: 10px !important;} } /******************************************************************************/ .myProfileWrapper .demandCatalogSearchBox .demandDescription {margin-bottom: 0px;} .myProfileWrapper .demandCatalogSearchBox .contactText .phoneWrapper {margin-top: 5px;} .myProfileWrapper .demandCatalogSearchBox .contactText .messageWrapper {margin-top: 10px;} @media screen and (max-width: 991px) { .myProfileWrapper .demandCatalogSearchBox .btnWrapperWrapper {margin-bottom: 10px !important;} .myProfileWrapper .demandCatalogSearchBox .infoText {margin-bottom: 10px !important;} } @media screen and (min-width: 992px) { .myProfileWrapper .demandCatalogSearchBox .btnWrapperWrapper > .btnWrapper {width: 100%; margin-bottom: 5px;} .myProfileWrapper .demandCatalogSearchBox .btnWrapperWrapper > div:last-of-type {margin-bottom: 0px;} .myProfileWrapper .demandCatalogSearchBox .btnWrapperWrapper > .btnWrapper a {width: 100%;} .myProfileWrapper .demandCatalogSearchBox .infoText {font-size: 87%;} } .myProfileWrapper .catalogSearchBox {margin-bottom: 10px;} .myProfileWrapper .demandCatalogSearchBox .medal {position: absolute; right: 0px; top: -15px; width: 40px;} .myProfileWrapper .myDemandsCompanyReferenceItem { height: 200px; } .myProfileWrapper .myDemandsCompanyReferenceItem .doBackstretch { height: 200px; } .myProfileWrapper .myDemandsCompanyReferenceItem .videoPreview {position: relative; height: 100%; background-color: black; padding: 10px;} .myProfileWrapper .myDemandsCompanyReferenceItem .videoPreview:after {content : "\f16a"; position: absolute; top: 55%; left: 50%; color: red; font: normal normal normal 14px/1 FontAwesome; font-size: 40px; margin-left: -20px; margin-top: -30px;} .myProfileWrapper .myFavouriteCompanies .noSearchResult{ padding: 20px 20px; background-color: white; margin-bottom: 10px; position: relative; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .myProfileWrapper .filterRowToTabs {margin-top: -35px; } .myProfileWrapper .invoiceSummaryWrapper .formContent {padding-top: 10px !important;} .myProfileWrapper .invoiceSummaryWrapper .helpText {position: relative; top: 10px;} @media screen and (max-width: 991px) { .myProfileWrapper .invoiceSummaryWrapper .helpText {position: relative; top: -15px;} } @media screen and (max-width: 767px) { .myProfileWrapper .invoiceSummaryWrapper .helpText {position: relative; top: -5px; left: 5px;} } @media screen and (max-width: 767px) { .myProfileWrapper .invoiceSummaryWrapper .formContent label.control-label { padding: 0px; } } .orderSelectProductBox{ background-color: white; margin-bottom: 10px; padding: 20px 20px 10px; position: relative; border-radius: 5px; } .orderSelectProductBox h2 { font-size: 20px; font-weight: bold; border-bottom: 1px solid #f35b24;; } .orderSelectProductBox h2 div{ display:inline-block; } .orderSelectProductBox h3 { font-size: 16px; font-weight: bold; text-transform: none; } .orderSelectProductBox .partext { margin: 10px 0; } .orderSelectProductBox .boxOrderSummary, .orderSelectProductBox .boxOrderPriceSummary { border: 1px solid #f35b24; padding: 5px 10px; } .orderSelectProductBox .boxOrderSummary { font-size: 1.1em; } .orderSelectProductBox .boxOrderSummary .orderSummaryLabel { display:inline-block; width: 120px; } .boxOrderSummary .orderSummaryPricelistItems { } .boxOrderSummary .orderSummaryPricelistItems li { display: inline-block; margin-right: 20px; } .boxOrderSummary .orderSummaryPricelistItems li:before {content: "";} .orderSelectProductBox .finalMonthPrice { font-size: 20px; font-weight: bold; color: #f35b24; } .orderSelectProductBox .orangeText{ color: #f35b24; } .orderSelectProductBox h2 span.bonus{ color: #f35b24; float: right; width: 180px; text-align: right; } .orderSelectProductBox .boxOrderBtn { margin: 25px 0; } .orderSelectProductBox li { padding-bottom: 4px; padding-top: 4px; } .orderSelectProductsWrapper {background-color: white; padding-top: 15px;} .orderSelectProductsWrapper h1 {text-transform: uppercase; margin: 0 0 15px; padding: 0 20px; font-size: 16px; font-weight: bold;} .orderSelectProductsWrapper h2 {background-color: #dadada; border-bottom: none; padding: 5px 8px; text-transform: uppercase; font-size: 16px; border-radius: 2px; margin: 0;} .orderSelectProductsWrapper h3 {text-transform: uppercase; margin-bottom: 15px;} .orderSelectProductsWrapper h2 span.bonus {float: none; width: auto; text-align: left;} .orderSelectProductsWrapper h2 span.orderServiceNotAvaliableLink {display: inline; text-transform: none;} .orderSelectProductsWrapper ul {list-style-type: none; padding-left: 0px;} .orderSelectProductsWrapper li:before {content: " - ";} .orderSelectProductsMenuLinks {padding: 0 5px;} .orderSelectProductsMenuLinks ul li:before {content: "";} .orderSelectProductsMenuLinks ul li a {font-size: 16px; font-weight: normal;} .orderSelectProductBox {padding-top: 10px; padding-bottom: 0px; margin-bottom: 0px;} .orderSelectProductBox form {margin-top: 30px; border-bottom: 1px solid #f35b24; margin-bottom: 20px; padding-bottom: 5px;} .orderSelectProductBox form.formTime {margin-top: 10px; } .orderSelectProductBox .boxOrderPriceSummary {border-left: none; border-right: none; padding: 0; margin-top: 25px; margin-bottom: 15px;} .orderSelectProductBox .boxOrderPriceSummary.first {margin-bottom: 0px;} .orderSelectProductBox .boxOrderPriceSummary.second {border-top: none; margin-top: 0px;} .orderSelectProductBox .finalMonthPrice {font-size: 24px;} .orderSelectProductBox .boxOrderBtn {margin-top: 0px;} .orderSelectProductBox .boxOrderBtn a {padding: 4px 12px; line-height: 30px;} .orderSelectProductBox#o1 form, .orderSelectProductBox#o4 form {border-bottom: none; padding-bottom: 0; margin-bottom: 0;} .orderSelectProductBox .orderCompanyBannerFreeTerm {margin-top: 0px;} @media screen and (max-width: 991px) { .orderSelectProductsMenuLinks ul {padding: 0 15px;} .orderSelectProductsMenuLinks ul li {display: inline; margin-right: 15px;} } @media screen and (max-width: 776px) { .orderSelectProductsWrapper h1 {padding: 0 15px;} .orderSelectProductsWrapper h1 span {display: none;} .orderSelectProductsWrapper .btn span {display: none;} .orderSelectProductsMenuLinks ul {padding: 0 10px;} .orderSelectProductBox {padding-left: 15px; padding-right: 15px;} } .orderSelectProductBox .orderServiceNotAvaliableLink{ color: #999; display: inline-block; font-size: 12px; font-weight: normal; padding-left: 10px; vertical-align: middle; } #orderCompanyBannerFreeTerm .dateFrom, #orderCompanyBannerFreeTerm .dateTo { font-weight: bold; } #orderCompanyBannerFreeTerm, #orderCompanyBannerFreeTermLoadingIcon { display: none; } .orderPaymentMethods .thepay-methods-radio-method, .orderPaymentMethods .own-methods-radio-method{ min-height: 65px; } .orderPaymentMethods label img { display: block; height: 40px; width: 40px; } .orderPaymentMethods .thepay-methods-radio-method-21 label img { height: 80px; width: 80px; margin-left: -15px; } .orderPaymentMethods .own-methods-radio-method-paypal label img { width: 37px; height: 23px; } .orderPaymentMethods input { margin-top: 3px; vertical-align: top; } .orderPaymentMethods label { padding-left: 10px; display: inline-block; min-width:120px; } .orderPaymentMethods .thepay-methods-info { color: #999; } .orderPaymentMethods .paymentButtonsInfo { font-size: 1.1em; padding-top: 10px; padding-bottom: 10px; font-weight:bold; } table.orderPaymentInfo{ width: 70%; margin-left: 15px; } table.orderPaymentInfo td{ padding: 3px; } .orderPaymentResultSuccess, .orderPaymentResultError, .orderPaymentResultWaiting { font-size: 20px; border: 1px solid #999; padding: 10px; margin: 10px; border-radius: 5px; } .orderPaymentResultSuccess { color:green; border-color: green; } .orderPaymentResultError { color: rgb(204,0,0); border-color: rgb(204,0,0); } .orderPaymentResultWaiting { color: rgb(255,153,0); border-color: rgb(255,153,0); } @media (min-width: 768px) { ul.orderNavBar { margin: 0px; padding: 0px; margin-left: 10px; } ul.orderNavBar li{ display: inline-block; width: 32%; margin: 10px 0px; color: #999; } } @media screen and (min-width: 992px) { .orderSelectProductsMenuLinks ul{ margin: 0px; padding: 0px; } .orderSelectProductsMenuLinks ul li{ display: inline-block; float:left; font-weight: bold; margin: 10px 15px; font-size: 18px; } } .myProfileFastOrderingOverviewBox { background-color: white; margin-bottom: 10px; padding: 20px 20px 10px; position: relative; } .myProfileFastOrderingOverviewBox h2{ font-size: 16px; font-weight: bold; margin: 5px 0 10px 0; } .myProfileFastOrderingOverviewBox h3.myProfileFastOrderingOverviewBoxServiceHeader{ font-size: 15px; font-weight: bold; text-transform: none; margin: 10px 0 2px 0; } .myProfileFastOrderingOverviewBox h3.myProfileFastOrderingOverviewBoxServiceHeader a{ font-size: 0.85em; color: #f35b24; font-weight: normal; display: inline-block; margin-left: 10px; } .myProfileFastOrderingOverviewBox .myProfileFastOrderingOverviewBoxLinkAllServices{ margin-top: 10px; display: block; } .myProfileBannerPreviewImageWrapper {width: 260px; max-height: 280px;padding: 5px; border: 1px solid #999;} .myProfileBannerPreviewImageWrapper img {max-width: 250px; max-height: 250px;} #myProfileCompanyPayedServicesList h2 { font-size: 20px; padding-top: 10px;} #myProfileCompanyPayedServicesList h2 a { float:right; display: block; width: 200px; text-align:right} #myProfileCompanyPayedServicesList h2 a, #myProfileCompanyPayedServicesList h3 a { font-size: 16px; font-weight: normal; text-transform: none; color: #f35b24; } #myProfileCompanyPayedServicesList .noSearchResult { margin: 5px 8px 10px; text-align:left; } .myProfileWrapper .profileDashboard {font-size: 16px;} .myProfileWrapper .profileDashboard .profileDashboardBox {padding: 20px; margin-bottom: 10px;} .myProfileWrapper .profileDashboard h2 {text-transform: uppercase; font-size: 16px; font-weight: bold; margin: 0px; margin-bottom: 25px;} .myProfileWrapper .profileDashboard h2 a {text-transform: none; font-weight: normal;} .myProfileWrapper .profileDashboard .dashboardBoxNextActions div.item {margin-bottom: 12px;} .myProfileWrapper .profileDashboard .dashboardBoxInsertDemand form {margin-bottom: 0px;} .myProfileWrapper .profileDashboard .dashboardBoxInsertDemand > div > form > div {margin-bottom: 10px;} .myProfileWrapper .profileDashboard .dashboardBoxNextActions .item.last, .myProfileWrapper .profileDashboard .dashboardBoxInsertDemand > div > form > div:last-of-type {margin-bottom: 0px;} .myProfileWrapper .profileDashboard .dashboardBoxInsertDemand {margin-bottom: 40px !important;} @media screen and (min-width: 992px) { .myProfileWrapper .profileDashboard .dashboardBoxInsertDemand {margin-bottom: 0px !important;} .myProfileWrapper .profileDashboard .dashboardBoxInsertDemand > div {padding-right: 20px;} .myProfileWrapper .profileDashboard .dashboardBoxNextActions {padding-left: 20px;} .myProfileWrapper .profileDashboard .dashboardBoxInsertDemand > div {border-right: 1px solid #f15922;} } .myProfileWrapper .profileDashboard .dashboardBoxSearchCompany h2 {text-transform: none; font-weight: normal; margin-bottom: 15px;} .myProfileWrapper .profileDashboard .dashboardBoxSearchCompany .mapPreparingWrapper {padding: 5px;} .myProfileWrapper .profileDashboard .dashboardBoxSearchCompany form {margin: 0px;} .myProfileWrapper .profileDashboard .dashboardBoxSearchCompany form > div {margin-bottom: 10px;} .myProfileWrapper .profileDashboard .dashboardBoxSearchCompany form > div:last-of-type {margin-bottom: 0px;} .myProfileWrapper .profileDashboard .dashboardBoxSearchCompany .mapWrapperWrapper {} .myProfileWrapper .profileDashboard .dashboardBoxSearchCompany .mapWrapperWrapper .mapWrapper {height: 190px !important;} .myProfileWrapper .profileDashboard .dashboardBoxSearchCompany .catalogZoomSearchMapWrapper {text-align: right; margin-top: 5px; text-transform: lowercase;} .myProfileWrapper .profileDashboard .dashboardBoxSearchCompany > div:first-of-type {margin-bottom: 20px !important;} @media screen and (min-width: 992px) { .myProfileWrapper .profileDashboard .dashboardBoxSearchCompany > div:first-of-type {padding-right: 20px; margin-bottom: 0px !important;} .myProfileWrapper .profileDashboard .dashboardBoxSearchCompany > div:last-of-type {padding-left: 20px;} } @media screen and (max-width: 776px) { .myProfileWrapper .profileDashboard .dashboardBoxSearchCompany > div:first-of-type {margin-bottom: 0px !important;} } .myProfileWrapper .profileDashboard .dashboardBoxCatalogPreview {padding-top: 15px; background-color: #f5f5f6; border: 1px solid white;} .myProfileWrapper .profileDashboard .dashboardBoxCatalogPreview h2 {color: #f35b24; background-image: url('/images/title-marker.png'); background-repeat: no-repeat; padding: 10px 0 20px 45px; border-bottom: 1px solid white;} .myProfileWrapper .profileDashboard .dashboardBoxCatalogPreview .item {font-size: 14px; margin-bottom: 15px;} .myProfileWrapper .profileDashboard .dashboardBoxCatalogPreview .item.last {margin-bottom: 0;} .myProfileWrapper .profileDashboard .dashboardBoxCatalogPreview .item .imageWrapper .doBackstretch {height: 195px;} .myProfileWrapper .profileDashboard .dashboardBoxCatalogPreview .item .itemHeader {font-weight: bold;} .myProfileWrapper .profileDashboard .dashboardBoxCatalogPreview .item .itemDesc {} .myProfileWrapper .profileDashboard .dashboardBoxCatalogPreview .item .itemFooter {font-weight: bold; margin-top: 10px;} .myProfileWrapper .profileDashboard .profileDashboardBox.infoBox {padding: 0px; font-size: 14px;} .myProfileWrapper .profileDashboard .profileDashboardBox.infoBox .info, .myProfileWrapper .profileDashboard .profileDashboardBox.infoBox a {display: block; padding: 5px 10px; color: black; text-decoration: none !important;} .myProfileWrapper .profileDashboard .profileDashboardBox.infoBox:hover {background-color: #f35b24;} .myProfileWrapper .profileDashboard .profileDashboardBox.infoBox:hover .info {background-color: white;} .myProfileWrapper .profileDashboard .profileDashboardBox.infoBox:hover a {color: white;} .myProfileWrapper .profileDashboard .dashboardBoxNewDemands, .myProfileWrapper .profileDashboard .myProfileFastOrderingOverviewBox { min-height: 340px;} .myProfileWrapper .profileDashboard .dashboardBoxNewDemands .item {margin-bottom: 15px;} .myProfileWrapper .profileDashboard .dashboardBoxNewDemands .item.last {margin-bottom: 0px;} .myProfileWrapper .profileDashboard .dashboardBoxNewDemands .viewOtherItemsWrapper {margin-top: 15px;} .myProfileWrapper .profileDashboard .dashboardBoxNewDemandsMap .catalogZoomSearchMapWrapper {text-align: right; text-transform: lowercase; margin-top: 10px;}