/* /gi_affiliates/static/src/css/style.css defined in bundle 'gi_affiliates.affiliate_registration_assets_fe' */
body{font-family: 'Public Sans', 'Myriad-Pro', sans-serif !important;}body div.affiliates-error{flex: 1 0 100%;}body div.affiliates-error h5, body div.affiliates-error h6{color: #d10c0c; font-size: 13px; width: 100%; margin: 4px 0px;}div.affiliates-backdrop{position: fixed; display: block; width: 100vw; height: 100vh; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 40; background-color: #5555555e;}div.steps_row{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; align-content: center; max-width: 1600px; margin: 30px auto; padding: 25px 15px; background-color: #efefef;}div.steps_row h3{margin: 0px;}.company_name{flex: 1 0 100%;}.input_company_name{width: 80%; margin-right: 5%;}.input_type_company{width: 10%;}.inputfield.has-error{border: 1px solid #db0d0d; animation: shake_aff 0.2s ease-in-out 0s 2;}input.inputfield[disabled="disabled"]{background-color: #cbcbcb; cursor: not-allowed;}@keyframes shake_aff{0%{margin-left: 0rem;}25%{margin-left: 0.3rem;}75%{margin-left: -0.3rem;}100%{margin-left: 0rem;}}.affiliates-space, .designers-space{max-width: 1600px; margin: 15px auto; padding: 0px 15px; font-size: 0px;}.affiliates-space.description-left{direction: ltr;}.affiliates-space.description-right{direction: rtl;}.affiliates-space.description-top, .designers-space.description-top{direction: ltr; display: flex; align-items: center; flex-direction: column;}.affiliates-space.description-bottom, .designers-space.description-bottom{display: flex; flex-direction: column-reverse;}.affiliates-section, .designers-section{display: inline-block; width: 50%; direction: ltr; font-size: initial; vertical-align: top;}.affiliates-space.description-top .affiliates-section{display: block; width: 100%; max-width: 980px; margin: 20px auto;}.affiliates-space.description-bottom .affiliates-section{display: block; width: 100%; max-width: 980px; margin: 20px auto;}.affiliates-space .affiliates-section p, .affiliates-space .affiliates-section h1, .affiliates-space .affiliates-section h2, .affiliates-space .affiliates-section h3, .affiliates-space .affiliates-section h4, .affiliates-space .affiliates-section h5{margin: 5px 0px;}h5.affiliates-label{text-transform: uppercase; font-weight: 600; font-size: 14px; color: #343434;}.affiliates-registration, .affiliates-form, .affiliates-data, .affiliates-markets, .affiliates-abstracts, .designers-registration{display: flex; flex-wrap: wrap; padding: 30px; background-color: #efefef; border-radius: 4px;}.affiliates-registration, .affiliates-data, .affiliates-markets, .affiliates-abstracts, .designers-registration{flex-direction: column;}.affiliates-showcase{display: block; padding: 30px; background-color: #efefef; border-radius: 4px;}.affiliates-portal-projects{display: flex; flex-wrap: wrap; padding: 30px;}.affiliates-portal-projects .affiliates-footer{flex: 1;}.affiliates-form-row{display: flex; flex-direction: row; flex-wrap: wrap;}.affiliates-form-row .h5{margin: 1px !important;}.affiliates-fields, .designer-fields{margin-right: 10px; width: 100%; height: 100%; border: none; border-bottom: 1px solid #000000; background-color: #ffffff; outline: none !important; height: 30px;}.affiliates-form-cell{flex-grow: 1; flex-shrink: 0; flex-basis: 1%; margin: 0 8px;}.cell-2{flex-grow: 2;}.cell-3{flex-grow: 3;}.cell-4{flex-grow: 4;}.cell-5{flex-grow: 5;}.cell-6{flex-grow: 6;}.cell-7{flex-grow: 7;}.cell-8{flex-grow: 8;}.cell-9{flex-grow: 9;}.cell-10{flex-grow: 10;}.affiliates-form-cell.cell-10{flex-grow: 10;}#prev-step-button, #next-step-button, #save-designer-button{padding: 15px 70px; color: #ffffff; background-color: #b1b1b1; font-weight: 600; border: 0;}#prev-step-button:hover, #next-step-button:hover, #save-designer-button:hover{opacity: 0.7;}#next-step-button, #save-designer-button{background-color: #0071e3;}.empty_space_grow, #affiliates-company-name, #affiliates-company-vat, #affiliates-address, #affiliates-address-number, #affiliates-province, #affiliates-company-mail, #affiliates-company-phone, #affiliates-website, #affiliates-country, #affiliates-email, #affiliates-zip, #affiliates-city, #designers-first-name, #designer-last-name{width: 100%;}#affiliates-image, #preview-designer-photo{width: 150px; height: 100px; border: 2px solid grey;}#affiliates-company-logo{flex-grow: 8; margin: auto;}.aff_images_box{font-size: 90px; border: 1px solid black; color: white; padding: 15px 80px; border-radius: 3px;}.market_box{flex: 1 0 31%; border: 1px solid #d3d3d3; color: lightgray; border-radius: 3px; margin: 5px; cursor: pointer; padding: 8px 12px;}div.market_box p{color: #292929; margin: 8px 0px;}div.market_box div.market_checkboxes{display: none;}div.market_box input.market_input:disabled{border: none; background-color: #dddddd; font-size: 13px; width: 100%;}.market_box.active .market_checkboxes{display: block; position: absolute; width: 50%; top: 80px; left: 50%; transform: translate(-50%, 0); margin: 0px auto; z-index: 45; padding: 10px; background-color: #ffffff; border-radius: 5px; max-height: 75%;}.market_box.active .market_checkboxes .checkboxes-container{width: 100%; max-height: 60vh; overflow: auto;}.market_box.active{flex-grow: 1; border: 1px solid gray; color: gray;}.affiliates-company-abstract{width: 100%; min-height: 180px; display: none;}.affiliates-company-abstract.active{display: block;}.affiliates-lang-box{flex-grow: 1; border: 0; border-right: 1px solid black; text-align: center; padding: 10px 0; cursor: pointer;}.affiliates-lang-box.active{background-color: grey;}.affiliates-lang-box.active::after{content: ""; position: absolute; width: 0; height: 0; margin-left: -0.5em; bottom: -2em; left: 50%; box-sizing: border-box; border-color: transparent transparent grey; transform-origin: 0 0; transform: rotate(-45deg); box-shadow: -3px 3px 3px 0 rgba(0, 0, 0, 0.4);}#affiliates-menuitems{background-color: #efefef; width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; align-content: center; justify-content: center; align-items: flex-start; gap: 1rem; .single_menuitem{flex: 1 1 calc(50% - 1rem);}}#affiliates-hq-images{display: none;}#affiliates-hq-images.active{background-color: #efefef; padding: 15px; display: block;}.affiliates-hq-images-projects{width: 100%; display:block; height: max-content;}.affiliates-hq-images-projects .affiliates-hq-images-column{padding: 10px; display: inline-block; width: calc(50% - 23px); height: 100%;}#save-affiliate-button{padding: 15px 70px; color: #ffffff; font-weight: 600; border: 0; background-color: #0071e3;}.add_hq_photos{padding: 10px; background-color: #fcf8e2; color: #c19953; margin: 15px 0px;}.add_hq_photos p{margin: 4px; display: block; color: #858585; font-size: initial;}#affiliates-hq-box-images{padding: 5px 15px; display: flex; background: white; margin: 10px 0; flex-direction: row; flex-wrap: wrap;}div.affiliates-footer{display: flex; flex: 1; margin-top: 15px; flex-direction: row; flex-wrap: wrap; align-content: center; align-items: center; justify-content: space-around;}.image-showcase{display: inline-block; width: calc(33% - 10px); aspect-ratio: 1.44; border: 1px solid #0071e3; border-radius: 4px; margin: 5px; background-position: center; background-size: cover; background-repeat: no-repeat; background-color: #ffffff; position: relative;}.image-showcase button.image-shocase-remove-btn{display: none; position: absolute; border: 1px solid #343434; background-color: #efefef; width: 30px; height: 30px; border-radius: 16px; color: #c70b0b; font-size: 14px; top: 15px; left: 15px; outline: none !important; padding: 7px; text-align: center; z-index: 30; box-shadow: 2px 5px 9px 0px #3b3b3b99;}.image-showcase:hover button.image-shocase-remove-btn{display: block;}.affiliates-menuitems-portal{font-weight: 600; background-color: #efefef; cursor: pointer; flex: 1 0 1%; height: 100%; text-align: center; display: flex; color: #262626; flex-direction: row; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center; font-size: 14px; position: relative;}div.affiliates-menuitems-portal::before{content: attr(data-projectsnum); font-size: 12px; position: absolute; display: inline-block; border: 1px solid #343434; border-radius: 15px; width: 15px; height: 15px; text-align: center; background-color: #343434; color: #ffffff; margin-right: 3px; line-height: initial; top: 3px; left: 3px;}div.affiliates-menuitems-portal.active::before{content: attr(data-projectsnum); font-size: 12px; position: absolute; display: inline-block; border: 1px solid #ffffff; border-radius: 15px; width: 15px; height: 15px; text-align: center; background-color: #ffffff; color: #343434; margin-right: 3px; line-height: initial; top: 3px; left: 3px;}.affiliates-menuitems-portal.border-left{border-left: 1px solid #262626;}.affiliates-menuitems-portal.active{background-color: #0071e3; color: white;}.affiliates-menuitems-portal.active::after{border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid transparent; border-left: 10px solid #0071e3; right: -20px;}.add_hq_photos_mainbox{display: none;}.add_hq_photos_mainbox.active{display: block; width: 100%;}.showcase-images-container{display: block; font-size: 0; margin: 10px 0;}div.previews img.image-preview{display: block; max-width: 180px; margin: 5px auto;}.affiliates-hq-photo{display: none;}.close_modal{background-color: #0071e3; color: white; border: 0; display: block; margin: 10px auto; padding: 10px 50px; width: 100%; max-width: 150px;}.add_hq_photos_mainbox .affiliates-projects{padding: 5px 10px; border-top: none; min-height: 10px; display: block;}.add_hq_photos_mainbox .affiliates-projects .affiliates-project{display: flex; border-top: 1px solid #cccccc; font-size: 0px;}.add_hq_photos_mainbox .affiliates-projects .affiliates-project .affiliates-project-render, .add_hq_photos_mainbox .affiliates-projects .affiliates-project .affiliates-project-photos{display: inline-block; width: calc(50% - 10px); padding: 5px; font-size: initial;}.add_hq_photos_mainbox .affiliates-projects .affiliates-project div.delete-project-btn:hover{opacity: 0.7;}div.project-image-line{border: 1px solid #cccccc; border-radius: 15px; padding: 3px 6px; background-color: transparent; font-size: 14px; color: #343434; display: block; margin: 5px auto; cursor: pointer;}div.project-image-line button.remove-project-image-btn{color: #343434; display: inline-block; margin: 0px 6px 0 px 3px; border: none; font-size: 14px; padding: 1px; background-color: transparent; cursor: pointer;}div.project-image-line button.remove-project-image-btn:hover{color: #c70b0b;}.add_hq_photos_mainbox .affiliates-projects .affiliates-project .affiliates-project-btn, .affiliate-request-btn{display: block; background-color: #0071e3; color: #ffffff; font-size: 14px; padding: 5px 7px; border-radius: 2px; text-align: center; max-width: 150px; margin: 5px auto;}.add_hq_photos_mainbox .affiliates-projects .affiliates-project .project-photos-resume, .add_hq_photos_mainbox .affiliates-projects .affiliates-project .project-render-resume{font-size: initial;}div.specialty-component{flex: 1 1 33.3%; padding: 10px; font-size: 1.5rem; margin: 5px 0px;}h5.specialty-name{display: block; margin: 0px 5px 7px 5px; color: #343434; max-width: max-content;}div.specialty-grade-box{width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; align-content: center; justify-content: flex-start; align-items: center;}button.specialty-grade{display: block; width: 25px; height: 25px; padding: 4px; text-align: center; font-size: 14px; color: #343434; font-weight: 600; border: 1px solid #343434; border-radius: 20px; margin: 0px 4px; cursor: pointer;}button.specialty-grade.highlight{border: 1px solid #0071e3;}button.specialty-grade.selected{width: 30px; height: 30px; font-size: 16px;}button.specialty-grade.selected, button.specialty-grade.sub-selected{border: 1px solid #0071e3; background-color: #0071e3; color: #ffffff;}@media screen and (max-width: 768px){div.affiliates-footer{width: 100%;}#save-affiliate-button{padding: 15px 70px; color: #ffffff; font-weight: 600; border: 0; background-color: #0071e3; width: 100%; max-width: 200px; margin: 5px auto;}.market_box.active .market_checkboxes{display: block; position: absolute; width: 85%; top: 50%; left: 50%; transform: translate(-50%, -25%); margin: 0px auto; z-index: 45; padding: 10px; background-color: #ffffff; border-radius: 5px; max-height: 80%;}.close_modal{background-color: #0071e3; color: white; border: 0; display: block; margin: 10px auto; padding: 10px 50px; width: 100%; max-width: 150px;}.affiliates-space, .designers-space{padding: 0px 5px;}.affiliates-space .affiliates-section{display: block; width: 100%; margin: 20px auto;}.affiliates-form-cell{flex-basis: 80%;}.affiliates-form, .affiliates-registration, .affiliates-markets, .affiliates-abstracts, .affiliates-showcase{padding: 5px;}#prev-step-button, #next-step-button, #save-designer-button{width: 100%; max-width: 200px; margin: 5px auto;}#affiliates-image, #preview-designer-photo{margin: 5px auto; display: block;}.designers-section{width: 100% !important;}.affiliates-registration, .affiliates-form, .affiliates-data, .affiliates-markets, .affiliates-abstracts, .designers-registration{padding: 0px !important; flex-wrap: nowrap; flex-direction: column;}.sofware_container{.single_software{flex: 0 0 calc(50% - 1rem) !important;}}}div#k9u3w8x38QHb39WwM660jV2E2.ui-window{display: none;}div#k9u3w8x38QHb39WwM660jV2E2.ui-window.open{position: absolute; background-color: #ffffff; border: 1px solid #cccccc; border-radius: 4px; z-index: 45; display: flex; flex-direction: column; flex-wrap: wrap; width: 80%; padding: 0px 10px 10px 10px; min-height: 200px}div#k9u3w8x38QHb39WwM660jV2E2.ui-window div.ui-window-actionbar{display: flex; flex-direction: row; flex-wrap: wrap; align-content: space-between; justify-content: flex-start; align-items: flex-start; width: 100%;}div#k9u3w8x38QHb39WwM660jV2E2.ui-window div#k9u3w8x38QHb39WwM660jV2E2.ui-window div.ui-window-actionbar button#ui-window-move-k9u3w8x38QHb39WwM660jV2E2.ui-window-actionbar-btn.fa.fa-times, div#k9u3w8x38QHb39WwM660jV2E2.ui-window div#k9u3w8x38QHb39WwM660jV2E2.ui-window div.ui-window-actionbar button#ui-window-close-k9u3w8x38QHb39WwM660jV2E2.ui-window-actionbar-btn.fa.fa-times{display: block; width: 30px; height: 30px; text-align: center; padding: 8px; color: #343434}.drag_and_drop_area{border: dashed grey; background-color: #fbfdb6; padding: 1.5rem;}.file-over{opacity: 0.7;}.custom-affiliates-showcase-image, .custom-affiliates-menuitems-image{background-color: #0071e3; padding: 5px 15px; color: white; font-weight: 600;}.sofware_container{gap: 1rem; .single_software{flex: 0 0 calc(25% - 1rem); padding: 0.5rem; border: 2px solid grey; align-content: center; min-height: 80px;}.single_software.active{border: 3px solid #0071e3 !important;}.software_image{width: 100%; height: auto; pointer-events: none;}}.skill_container{margin: auto; .single_skill{flex: 1 1 50%; padding: 1rem; font-size: 1.25rem;}}.menuitem_counter_container{gap: .5rem; .single_menuitem_counter{flex: 1 1 0px; padding: 0.5rem; border: 1px solid grey; background-color: lightgrey; text-align: center; position: relative; white-space: nowrap;}.counter{background-color: black; color: white; border-radius: 50px; position: relative; top: 30px; left: -10px; width: 25px; height: 25px; text-align: center; aspect-ratio: 1; position: absolute;}}.designers-backdrop{position: fixed; display: none; width: 100vw; height: 100vh; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 40; background-color: #5555555e;}.designers-backdrop.active{display: flex; justify-content: center; align-items: center; align-content: center;}.remove_file_name:hover{color: red; transition: 0.3s; cursor: pointer;}