/* Theme Name: Twenty Seventeen Theme URI: https://wordpress.org/themes/twentyseventeen/ Author: the WordPress team Author URI: https://wordpress.org/ Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device. Version: 2.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: twentyseventeen Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- 1.0 Normalize 2.0 Accessibility 3.0 Alignments 4.0 Clearings 5.0 Typography 6.0 Forms 7.0 Formatting 8.0 Lists 9.0 Tables 10.0 Links 11.0 Featured Image Hover 12.0 Navigation 13.0 Layout 13.1 Header 13.2 Front Page 13.3 Regular Content 13.4 Posts 13.5 Pages 13.6 Footer 14.0 Comments 15.0 Widgets 16.0 Media 16.1 Galleries 17.0 Customizer 18.0 SVGs Fallbacks 19.0 Media Queries 20.0 Print --------------------------------------------------------------*/ /* What is included and working NEw @media screen and (max-width: 281px) { 280 x 653 - Galaxy Fold @media screen and (min-width: 281px) and (max-width: 321px) { 320 x 568 - iPhone 5/Se @media screen and (min-width: 321px) and (max-width: 361px) { 360 x 640 - Galaxy S5, MOTO G4 @media screen and (min-width: 361px) and (max-width: 376px) { 375 x 667 - iPhone 6/7/8 @media screen and (min-width: 376px) and (max-width: 412px) { 411 x 731 - Pixel 2, 411 x 823 - Pixel 2 XL @media screen and (min-width: 412px) and (max-width: 415px) { 414 x 736 - iPhone 6/7/8 Plus @media screen and (min-width: 415px) and (max-width: 541px) { 540 x 720 - Surface Duo(design Break Point) @media screen and (min-width: 541px) and (max-width: 569px) { 568 x 320 - iPhone 5/Se @media screen and (min-width: 569px) and (max-width: 641px) { 640 x 360 - Galaxy S5, MOTO G4 @media screen and (min-width: 641px) and (max-width: 654px) { 653 x 280 - Galaxy Fold @media screen and (min-width: 654px) and (max-width: 668px) { 667 x 375 - iPhone 6/7/8 @media screen and (min-width: 668px) and (max-width: 721px) { 720 x 540 - Surface Duo @media screen and (min-width: 721px) and (max-width: 732px) { 731 x 411 - Pixel 2 @media screen and (min-width: 732px) and (max-width: 737px) { 736 x 414 - iPhone 6/7/8 Plus @media screen and (min-width: 737px) and (max-width: 769px) { 768 x 1024 - iPad @media screen and (min-width: 769px) and (max-width: 813px) { 812 x 375 - iPhone X @media screen and (min-width: 813px) and (max-width: 824px) { 823 x 411 - Pixel 2 XL @media screen and (min-width: 824px) and (max-width: 1025px) { 1024 x 1366 - iPad Pro @media screen and (min-width: 1025px) and (max-width: 1366px) { 1365 x 1024 - iPad Pro new NOTE TO DOUG: start with screen size pixel width. It will be sloppy. Then subtract 5px to make it a tight fit. so for say this range; (min-width: 376px) and (max-width: 412px start with screen size 411. Take out 5px. So final is 406px. */ /*********************************************************************************************/ /* @media #19 */ /* @media screen and (min-width: 1025px) and (max-width: 1366px) { 57823 ok ok 1024 x 1366 - iPad Pro */ /*********************************************************************************************/ @media screen and (min-width: 1025px) and (max-width: 1367px) { /*********************************************************************************************/ /* MAPERTUNITY */ /*********************************************************************************************/ /*********************************************************************************************/ /* MAPERTUNITY */ /*********************************************************************************************/ /*********************************************************************************************/ /* MAPERTUNITY */ /*********************************************************************************************/ /**********************************************/ /****** FORM FE1 & FG1_ START *****************/ /**********************************************/ ul.FE1_myStuffProfileList, ul.FG1_myStuffProfileList { float: left; width: 100%; margin: 0px; } /**********************************************/ /****** FORM FE1 & FG1_ END *****************/ /**********************************************/ /***********************************/ /******* PROGRESS BAR **************/ /***********************************/ div#FD1_progress_bar.FD1_progress_bar, div#FE1_progress_bar.FE1_progress_bar, div#FG1_progress_bar.FG1_progress_bar, div#FH1_progress_bar.FH1_progress_bar, div#FZ1_progress_bar.FZ1_progress_bar { width: 1%; max-width: 100%; height: 2px; background-color: #4CAF50; box-shadow: 1px 1px 5px #4CAF50; } div#FD1_usermessages_top.FD1_usermessages_top, div#FD1_usermessages_bottom.FD1_usermessages_bottom, div#FE1_usermessages_top.FE1_usermessages_top, div#FE1_usermessages_bottom.FE1_usermessages_bottom, div#FG1_usermessages_top.FG1_usermessages_top, div#FG1_usermessages_bottom.FG1_usermessages_bottom, div#FH1_usermessages_top.FH1_usermessages_top, div#FH1_usermessages_bottom.FH1_usermessages_bottom, div#FZ1_usermessages_top.FZ1_usermessages_top, div#FZ1_usermessages_bottom.FZ1_usermessages_bottom { width: 100%; height: 25px; } /***********************************/ /******* PROGRESS BAR end **********/ /***********************************/ /*********************************************************************************************/ /* MAPERTUNITY */ /*********************************************************************************************/ /*********************************************************************************************/ /* MAPERTUNITYY */ /*********************************************************************************************/ input[type="text"].FD1Pre_Input_firstname, input[type="text"].FD1Pre_Input_lastname, input[type="text"].FD1Pre_Input_candidate_current_jobtitle, input[type="text"].FD1Pre_Input_countrycode, input[type="text"].FD1Pre_Input_phone, input[type="text"].FD1Pre_Input_email, input[type="text"].FD1Pre_Input_addressline1, input[type="text"].FD1Pre_Input_addressline2, input[type="text"].FD1Pre_Input_city, input[type="text"].FD1Pre_Input_state, input[type="text"].FD1Pre_Input_zip, input[type="text"].FD1Pre_Input_countrycode, input[type="text"].FD1Pre_Input_currentresume { text-align: left; color: #333; display: inline-block; width: 100%; border: none; line-height: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: "Nexa Bold", "Helvetica Bold", helvetica, "Source Sans Pro", arial, sans-serif; font-weight: 500; } input[type="text"].FD1_Input_firstname, input[type="text"].FD1_Input_lastname, input[type="text"].FD1_Input_candidate_current_jobtitle, input[type="text"].FD1_Input_email, input[type="text"].FD1_Input_phone, input[type="text"].FD1_Input_addressline1, input[type="text"].FD1_Input_addressline2, input[type="text"].FD1_Input_city, input[type="text"].FD1_Input_stateAlt2, input[type="text"].FD1_Input_zip, input[type="text"].FD1_Input_country { text-align: left; color: #333; display: inline-block; width: 100%; font-weight: 500; line-height: 0.5em; } input[type="text"].FD1_Input_currentresume { text-align: left; color: #333; display: inline-block; border: none; width: 100%; font-weight: 400; line-height: 0.5em; font-size: 14px; } select.FD1_Input_countrycode, select.FD1_Input_country, /* select.FD1_Input_state, */ select.FD1_Input_stateAlt1, select.FE1_Input_candidate_company_industry { color: #333; display: inline-block; width: 100%; font-weight: 500; line-height: 0.5em; height: 43px; } select#FD1_Input_state.FD1_Input_state { color: #333; display: inline-block; width: 100%; font-weight: 500; line-height: 0.5em; height: 43px; } /********************************************/ /*** My_Profile_container ***/ /********************************************/ /***********************************************************************/ /************* TOGGLE SWITCH *******************************************/ /***********************************************************************/ /* The switch - the box around the slider */ .switch { position: relative; display: inline-block; width: 60px; height: 34px; } .switch input { opacity: 0; width: 0; height: 0; } .slider { color: #ffffff; position: absolute; cursor: pointer; left: 0; right: 0; bottom: 0; height: 33px; width: 85px; background-color: #ff0000; -webkit-transition: .4s; transition: .4s; font-weight: 500; } .slider:before { position: absolute; content: ""; height: 26px; width: 36px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; } input:checked + .slider { background-color: #34ff33; } input:focus + .slider { box-shadow: 0 0 1px #2196F3; } input:checked + .slider:before { -webkit-transform: translateX(40px); -ms-transform: translateX(40px); transform: translateX(40px); } /* Rounded sliders */ .slider.round { border-radius: 34px; } .slider.round:before { border-radius: 10px; } /***********************************************/ label#FD1_Label_candidate_availability_text.FD1_Label_candidate_availability_text { color: #333; display: inline-block; width: 100%; height: 20px; margin-top: 0px; font-family: "Nexa Bold", "Helvetica Bold", helvetica, "Source Sans Pro", arial, sans-serif; font-weight: 600; } label#FD1_Label_candidate_availability.FD1_Label_candidate_availability { color: #333; display: inline-block; width: 100%; height: 5px; border: none; line-height: 0.5em; margin-top: 0.5em; margin-right: 0.5em; margin-bottom: 0.5em; font-family: "Nexa Bold", "Helvetica Bold", helvetica, "Source Sans Pro", arial, sans-serif; font-weight: 600; } span#FD1_Span_candidate_availability.FD1_Span_candidate_availability { color: #333; display: inline-block; width: 100%; height: 5px; border: none; line-height: 0.5em; margin-top: 0.5em; margin-right: 0.5em; margin-bottom: 0.5em; padding-top: 9%; font-family: "Nexa Bold", "Helvetica Bold", helvetica, "Source Sans Pro", arial, sans-serif; font-weight: 500; } input#FD1Pre_Input_candidate_availability_status { color: #fff; display: inline-block; width: 87px; height: 27px; border: none; line-height: 0.5em; font-family: "Nexa Bold", "Helvetica Bold", helvetica, "Source Sans Pro", arial, sans-serif; font-weight: 500; border-radius: 20px; } input#FD1_Input_candidate_availability_status { color: #fff; display: inline-block; width: 100%; height: 20px; border: none; line-height: 0.5em; font-family: "Nexa Bold", "Helvetica Bold", helvetica, "Source Sans Pro", arial, sans-serif; font-weight: 500; border-radius: 20px; } input[type="text"].FD1Pre_Input_candidate_availability_status.FD1Pre_Input_candidate_availability_status, input[type="text"].FD1_Input_candidate_availability_status.FD1_Input_candidate_availability_status { color: #fff; display: inline-block; width: 100%; height: 20px; border: none; line-height: 0.5em; font-family: "Nexa Bold", "Helvetica Bold", helvetica, "Source Sans Pro", arial, sans-serif; font-weight: 500; border-radius: 20px; } /***********************************************/ /***********************************************/ /***********************************************/ .FE1Pre_Label_candidate_company_name, .FE1Pre_Label_candidate_company_industry, .FE1Pre_Label_candidate_jobtitle, .FE1Pre_Label_candidate_fromtodate, .FE1Pre_Label_candidate_jobdescription { color: #333; display: inline-block; width: 100%; font-weight:400; line-height: 1.5em; margin-top: 0.5em; margin-right: 0.5em; margin-bottom: 0.5em; } label#FE1Pre_Label_candidate_company_name.FE1Pre_Label_candidate_company_name, label#FE1Pre_Label_candidate_company_industry.FE1Pre_Label_candidate_company_industry, label#FE1Pre_Label_candidate_jobtitle.FE1Pre_Label_candidate_jobtitle, label#FE1Pre_Label_candidate_fromtodate.FE1Pre_Label_candidate_fromtodate, label#FE1Pre_Label_candidate_jobdescription.FE1Pre_Label_candidate_jobdescription { color: #333; display: inline-block; width: 100%; font-weight: 600; line-height: 0.5em; margin-top: 0.5em; margin-right: 0.5em; margin-bottom: 0.5em; } input[type="text"].FE1_Input_candidate_company_name, input[type="text"].FE1_Input_candidate_company_industry, input[type="text"].FE1_Input_candidate_jobtitle, input[type="text"].FE1_Input_candidate_jobdescription { color: #333; display: inline-block; width: 100%; font-weight: 500; line-height: 0.5em; } textarea.FE1_Input_candidate_jobdescription { text-align: left; color: #333; display: inline-block; width: 100%; font-weight: 500; line-height: 1em; white-space: pre-wrap; } /***********************************************************************/ /***********************************************/ /***********************************************************************/ /************* END TOGGLE SWITCH ***************************************/ /***********************************************************************/ /*********************************************************************************************/ /* MAPERTUNITYY */ /*********************************************************************************************/ /******** FD1_ BUTTON DEFINITONS ***************/ button.FD1_editButton, button.FD2_editButton, button.FE1_editButton, button.FE2_editButton, button.FF1_editButton, button.FF2_editButton, button.FG1_editButton, button.FG2_editButton, button.FH1_editButton, button.FH2_editButton, button.FI1_editButton, button.FI2_editButton { display: inline-block; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-size: 16px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; background-color: rgb(82,128,193); background-color: rgba (82,128,193,1.0); border-radius: 8px; font-family: "Nexa Bold", "Helvetica Bold", helvetica, "Source Sans Pro", arial, sans-serif; font-weight: 500; width: 100px; } button.FD1_saveButton, button.FD2_saveButton, button.FE1_saveButton, button.FE2_saveButton, button.FF1_saveButton, button.FF2_saveButton, button.FG1_saveButton, button.FG2_saveButton, button.FH1_saveButton, button.FH2_saveButton, button.FI1_saveButton, button.FI2_saveButton { display: inline-block; margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-size: 16px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; background-color: rgb(82,128,193); background-color: rgba (82,128,193,1.0); border-radius: 8px; font-family: "Nexa Bold", "Helvetica Bold", helvetica, "Source Sans Pro", arial, sans-serif; font-weight: 500; width: 100px; } button.FD1_deleteButton, button.FD2_deleteButton, button.FE1_deleteButton, button.FE2_deleteButton, button.FF1_deleteButton, button.FF2_deleteButton, button.FG1_deleteButton, button.FG2_deleteButton, button.FH1_deleteButton, button.FH2_deleteButton, button.FI1_deleteButton, button.FI2_deleteButton { display: inline-block; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-size: 16px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; background-color: rgb(82,128,193); background-color: rgba (82,128,193,1.0); border-radius: 8px; font-family: "Nexa Bold", "Helvetica Bold", helvetica, "Source Sans Pro", arial, sans-serif; font-weight: 500; width: 100px; } button.FD1_publishButton, button.FD2_publishButton, button.FE1_publishButton, button.FE2_publishButton, button.FF1_publishButton, button.FF2_publishButton, button.FG1_publishButton, button.FG2_publishButton, button.FH1_publishButton, button.FH2_publishButton, button.FI1_publishButton, button.FI2_publishButton { display: inline-block; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-size: 16px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; background-color: rgb(82,128,193); background-color: rgba (82,128,193,1.0); border-radius: 8px; font-family: "Nexa Bold", "Helvetica Bold", helvetica, "Source Sans Pro", arial, sans-serif; font-weight: 500; width: 100px; } button.FD1_unpublishButton, button.FD2_unpublishButton, button.FE1_unpublishButton, button.FE2_unpublishButton, button.FF1_unpublishButton, button.FF2_unpublishButton, button.FG1_unpublishButton, button.FG2_unpublishButton, button.FH1_unpublishButton, button.FH2_unpublishButton, button.FI1_unpublishButton, button.FI2_unpublishButton { display: inline-block; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-size: 16px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; background-color: rgb(82,128,193); background-color: rgba (82,128,193,1.0); border-radius: 8px; font-family: "Nexa Bold", "Helvetica Bold", helvetica, "Source Sans Pro", arial, sans-serif; font-weight: 500; width: 100px; } /*********************************/ /*************** PROFILE ROW 1 ***************************/ /*********************************/ progress#FD1_form_modal_progress_bar_progress.FD1_form_modal_progress_bar_progress, progress#FI1_form_modal_progress_bar_progress.FI1_form_modal_progress_bar_progress { margin-top: 15px; margin-bottom: 0px; width: 100px; } label#FD1_form_modal_progress_bar_label.FD1_form_modal_progress_bar_label, label#FI1_form_modal_progress_bar_label.FI1_form_modal_progress_bar_label { display: inline-block; font-weight: 500; font-size: 18px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 5px; } /**********************************************/ /* BEGIN FORM MODAL */ /**********************************************/ /* The Modal (background) */ .modal { display: none; position: fixed; z-index: 0; padding-top: 135px; /* 270px */ left: 2px; top: -5px; width: 100%; /* 270px */ height: 100%; /* overflow: auto; */ overflow-x: hidden; overflow-y: scroll; background-color: rgb(143,193,232); background-color: rgba(143,193,232,0.4); } /* Modal Content */ .modal_content { position: relative; background-color: #fefefe; margin: auto; padding: 0; border: 1px solid #888; width: 100%; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19); -webkit-animation-name: animatetop; -webkit-animation-duration: 0.4s; animation-name: animatetop; animation-duration: 0.4s; border-radius: 8px 8px 8px 8px; } /* Add Animation */ @-webkit-keyframes animatetop { from {top:-300px; opacity:0} to {top:0; opacity:1} } @keyframes animatetop { from {top:-300px; opacity:0} to {top:0; opacity:1} } /* The Close Button */ .modal_close { color: white; float: right; font-size: 34px; font-weight: bold; } .modal_close:hover, .modal_close:focus { color: #000; text-decoration: none; cursor: pointer; } .modal_header { padding: 2px 16px; background-color: rgb(82,128,193); background-color: rgba(82,128,193,1.0); color: white; border-radius: 8px 8px 0px 0px; } .modal_buttonblock { padding: 2px 16px; width: 100%; height: 50px; margin: auto; -webkit-animation-name: animatetop; -webkit-animation-duration: 1.4s; animation-name: animatetop; animation-duration: 1.4s; background-color: rgb(255,255,255); background-color: rgba(255,255,255,1.0); } .modal_body { padding: 2px 16px; margin-top: 5px; margin-right: 0px; margin-bottom: 40px; margin-left: 0px; } .modal_footer { padding-top: 2px; padding-right: 16px; padding-bottom: 2px; padding-left: 16px; background-color: rgb(82,128,193); background-color: rgba(82,128,193,1.0); color: white; border-radius: 0px 0px 8px 8px; } /**********************************************/ /* END FF FORM MODAL */ /**********************************************/ /*********************************************************************************************/ /* MAPERTUNITY */ /*********************************************************************************************/ h1, h2, h3, h4, h5, h6 { clear: both; line-height: 1.4; margin: 0 0 0 0; padding: 1.5em 0 0; } h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { padding-top: 0; } h2 { font-size: 14px; font-weight: 300; } h1 { font-size: 24px; font-size: 1.0rem; font-weight: 300; } /********************************************/ /*** My_Profile_container ***/ /********************************************/ /********************************************/ /*** My_Profile_container ***/ /********************************************/ /********************************************/ /*** My_Profile_container ***/ /********************************************/ /********************************************/ /*** My_Profile_container #19 ***/ /* 1025px - 1366px - iPad Pro */ /* 1fr 1fr 1fr 1fr, none */ /********************************************/ .My_Profile_container { display: grid; height: auto; grid-template-columns: 1fr 1fr 1fr 1fr; grid-template-rows: 65px 250px 370px auto 120px auto 120px auto 120px auto auto auto auto auto; grid-template-areas: "My_Profile_content01 My_Profile_content01 My_Profile_content01 My_Profile_content01" "My_Profile_content02 My_Profile_content02 My_Profile_content02 My_Profile_content02" "My_Profile_content04 My_Profile_content04 My_Profile_content04 My_Profile_content04" "My_Profile_content05 My_Profile_content05 My_Profile_content05 My_Profile_content05" "My_Profile_content06 My_Profile_content06 My_Profile_content06 My_Profile_content06" "My_Profile_content07 My_Profile_content07 My_Profile_content07 My_Profile_content07" "My_Profile_content08 My_Profile_content08 My_Profile_content08 My_Profile_content08" "My_Profile_content09 My_Profile_content09 My_Profile_content09 My_Profile_content09" "My_Profile_content10 My_Profile_content10 My_Profile_content10 My_Profile_content10" "My_Profile_content11 My_Profile_content11 My_Profile_content11 My_Profile_content11" "My_Profile_content12 My_Profile_content12 My_Profile_content12 My_Profile_content12" "My_Profile_content13 My_Profile_content13 My_Profile_content13 My_Profile_content13" "My_Profile_content14 My_Profile_content14 My_Profile_content14 My_Profile_content14" "My_Profile_content15 My_Profile_content15 My_Profile_content15 My_Profile_content15" "My_Profile_content16 My_Profile_content16 My_Profile_content16 My_Profile_content16"; /* grid-column-gap: 0.2rem; */ /* grid-row-gap: 0.01rem; */ font-size: calc(14px + 0.1vw); color: #000000; /* border: 1px solid black; */ margin-bottom: 10px; } /*********************************************************/ #My_Profile_content01 { grid-area: My_Profile_content01; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-template-rows: 2px 35px 25px; grid-template-areas: "My_Profile_content01_component01 My_Profile_content01_component01 My_Profile_content01_component01 My_Profile_content01_component01" "My_Profile_content01_component02 My_Profile_content01_component02 My_Profile_content01_component02 My_Profile_content01_component02" "My_Profile_content01_component05 My_Profile_content01_component05 My_Profile_content01_component05 My_Profile_content01_component05"; } #My_Profile_content01_component01 { grid-area: My_Profile_content01_component01; } #My_Profile_content01_component02 { grid-area: My_Profile_content01_component02; } #My_Profile_content01_component05 { grid-area: My_Profile_content01_component05; } /*********************************************************/ /********************************************************/ #My_Profile_content02 { grid-area: My_Profile_content02; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 250px; grid-template-areas: "My_Profile_content02_component01 My_Profile_content02_component01 My_Profile_content02_component01" "My_Profile_content02_component02 My_Profile_content02_component02 My_Profile_content02_component02"; } #My_Profile_content02_component01 { grid-area: My_Profile_content02_component01; } #My_Profile_content02_component02 { grid-area: My_Profile_content02_component02; width: 120px; height: 120px; position: absolute; top: 325px; /* was 315px not logged in position 330px is logged in position*/ left: 70px; color: #333; font-family: "Nexa Bold", "Helvetica Bold", helvetica, "Source Sans Pro", arial, sans-serif; background-color: rgb(82,128,193); /* Fallback color */ background-color: rgba(82,128,193,1.0); /* white w/ opacity */ border-color: rgb(82,128,193); /* Fallback color */ border-color: rgba(82,128,193,1.0); /* blue w/ opacity */ } /********************************************************/ #My_Profile_content03 { grid-area: My_Profile_content03; display: grid; grid-template-columns: 1fr; grid-template-rows: 25px 25px 25px 25px 25px 25px 25px 25px; grid-template-areas: "My_Profile_content03_component01" "My_Profile_content03_component02" "My_Profile_content03_component03" "My_Profile_content03_component04" "My_Profile_content03_component05" "My_Profile_content03_component06" "My_Profile_content03_component07" "My_Profile_content03_component08"; } #My_Profile_content03_component01 { grid-area: My_Profile_content03_component01; } #My_Profile_content03_component02 { grid-area: My_Profile_content03_component02; display: grid; grid-template-columns: 120px 20px 20px; grid-template-rows: 25px; grid-template-areas: "My_Profile_content03_component0201 My_Profile_content03_component0202"; } #My_Profile_content03_component0201 { grid-area: My_Profile_content03_component0201; } #My_Profile_content03_component0202 { grid-area: My_Profile_content03_component0202; } #My_Profile_content03_component03 { grid-area: My_Profile_content03_component03; display: grid; grid-template-columns: 120px 20px 20px; grid-template-rows: 25px; grid-template-areas: "My_Profile_content03_component0301 My_Profile_content03_component0302"; } #My_Profile_content03_component0301 { grid-area: My_Profile_content03_component0301; } #My_Profile_content03_component0302 { grid-area: My_Profile_content03_component0302; } #My_Profile_content03_component04 { grid-area: My_Profile_content03_component04; display: grid; grid-template-columns: 120px 20px 20px; grid-template-rows: 25px; grid-template-areas: "My_Profile_content03_component0401 My_Profile_content03_component0402"; } #My_Profile_content03_component0401 { grid-area: My_Profile_content03_component0401; } #My_Profile_content03_component0402 { grid-area: My_Profile_content03_component0402; } #My_Profile_content03_component05 { grid-area: My_Profile_content03_component05; display: grid; grid-template-columns: 120px 20px 20px; grid-template-rows: 25px; grid-template-areas: "My_Profile_content03_component0501 My_Profile_content03_component0502"; } #My_Profile_content03_component0501 { grid-area: My_Profile_content03_component0501; } #My_Profile_content03_component0502 { grid-area: My_Profile_content03_component0502; } #My_Profile_content03_component06 { grid-area: My_Profile_content03_component06; display: grid; grid-template-columns: 120px 20px 20px; grid-template-rows: 25px; grid-template-areas: "My_Profile_content03_component0601 My_Profile_content03_component0602"; } #My_Profile_content03_component0601 { grid-area: My_Profile_content03_component0601; } #My_Profile_content03_component0602 { grid-area: My_Profile_content03_component0602; } #My_Profile_content03_component07 { grid-area: My_Profile_content03_component07; display: grid; grid-template-columns: 120px 20px 20px; grid-template-rows: 25px; grid-template-areas: "My_Profile_content03_component0701 My_Profile_content03_component0702"; } #My_Profile_content03_component0701 { grid-area: My_Profile_content03_component0701; } #My_Profile_content03_component0702 { grid-area: My_Profile_content03_component0702; } #My_Profile_content03_component08 { grid-area: My_Profile_content03_component08; display: grid; grid-template-columns: 120px 20px 20px; grid-template-rows: 25px; grid-template-areas: "My_Profile_content03_component0801 My_Profile_content03_component0802"; } #My_Profile_content03_component0801 { grid-area: My_Profile_content03_component0801; } #My_Profile_content03_component0802 { grid-area: My_Profile_content03_component0802; } /********************************************************/ #My_Profile_content04 { grid-area: My_Profile_content04; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-template-rows: 30px 25px 25px 25px 25px 25px 25px 25px 25px 25px 25px; grid-column-gap: 0.2rem; grid-row-gap: 0.2rem; grid-template-areas: "My_Profile_content04_component01x My_Profile_content04_component01 My_Profile_content04_component01 My_Profile_content04_component02 My_Profile_content04_component03" "My_Profile_content04_component04 My_Profile_content04_component05 My_Profile_content04_component05 My_Profile_content04_component06 My_Profile_content04_component06" "My_Profile_content04_component07 My_Profile_content04_component08 My_Profile_content04_component08 My_Profile_content04_component08 My_Profile_content04_component08" "My_Profile_content04_component09 My_Profile_content04_component10 My_Profile_content04_component11 My_Profile_content04_component11 My_Profile_content04_component11" "My_Profile_content04_component12 My_Profile_content04_component13 My_Profile_content04_component13 My_Profile_content04_component13 My_Profile_content04_component13" "My_Profile_content04_component14 My_Profile_content04_component15 My_Profile_content04_component15 My_Profile_content04_component15 My_Profile_content04_component15" "My_Profile_content04_component14 My_Profile_content04_component16 My_Profile_content04_component16 My_Profile_content04_component16 My_Profile_content04_component16" "My_Profile_content04_component14 My_Profile_content04_component17 My_Profile_content04_component17 My_Profile_content04_component18 My_Profile_content04_component19" "My_Profile_content04_component14 My_Profile_content04_component20 My_Profile_content04_component20 My_Profile_content04_component20 My_Profile_content04_component20" "My_Profile_content04_component21 My_Profile_content04_component22 My_Profile_content04_component22 My_Profile_content04_component22 My_Profile_content04_component22" "My_Profile_content04_component23 My_Profile_content04_component23 My_Profile_content04_component23 My_Profile_content04_component23 My_Profile_content04_component23"; background-color: #eee; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; border-color: rgba(82,128,193,1.0); border: 1px solid; font-family: "Nexa Bold", "Helvetica Bold", helvetica, "Source Sans Pro", arial, sans-serif; font-weight: 500; border-radius: 0px 0px 8px 8px; } #My_Profile_content04_component01 { grid-area: My_Profile_content04_component01; font-family: "Nexa Bold", "Helvetica Bold", helvetica, "Source Sans Pro", arial, sans-serif; font-weight: 600; text-align: center; margin-top: 3px; } #My_Profile_content04_component02 { grid-area: My_Profile_content04_component02; font-family: "Nexa Bold", "Helvetica Bold", helvetica, "Source Sans Pro", arial, sans-serif; font-weight: 600; text-align: right; margin-right: 10px; margin-top: 3px; } #My_Profile_content04_component03 { grid-area: My_Profile_content04_component03; } #My_Profile_content04_component04 { grid-area: My_Profile_content04_component04; font-family: "Nexa Bold", "Helvetica Bold", helvetica, "Source Sans Pro", arial, sans-serif; font-weight: 600; } #My_Profile_content04_component05 { grid-area: My_Profile_content04_component05; } #My_Profile_content04_component06 { grid-area: My_Profile_content04_component06; } #My_Profile_content04_component07 { grid-area: My_Profile_content04_component07; font-family: "Nexa Bold", "Helvetica Bold", helvetica, "Source Sans Pro", arial, sans-serif; font-weight: 600; } #My_Profile_content04_component08 { grid-area: My_Profile_content04_component08; } #My_Profile_content04_component09 { grid-area: My_Profile_content04_component09; font-family: "Nexa Bold", "Helvetica Bold", helvetica, "Source Sans Pro", arial, sans-serif; font-weight: 600; } #My_Profile_content04_component10 { grid-area: My_Profile_content04_component10; } #My_Profile_content04_component11 { grid-area: My_Profile_content04_component11; } #My_Profile_content04_component12 { grid-area: My_Profile_content04_component12; font-family: "Nexa Bold", "Helvetica Bold", helvetica, "Source Sans Pro", arial, sans-serif; font-weight: 600; } #My_Profile_content04_component13 { grid-area: My_Profile_content04_component13; } #My_Profile_content04_component14 { grid-area: My_Profile_content04_component14; font-family: "Nexa Bold", "Helvetica Bold", helvetica, "Source Sans Pro", arial, sans-serif; font-weight: 600; } #My_Profile_content04_component15 { grid-area: My_Profile_content04_component15; } #My_Profile_content04_component16 { grid-area: My_Profile_content04_component16; } #My_Profile_content04_component17 { grid-area: My_Profile_content04_component17; } #My_Profile_content04_component18 { grid-area: My_Profile_content04_component18; } #My_Profile_content04_component19 { grid-area: My_Profile_content04_component19; } #My_Profile_content04_component20 { grid-area: My_Profile_content04_component20; } #My_Profile_content04_component21 { grid-area: My_Profile_content04_component21; font-family: "Nexa Bold", "Helvetica Bold", helvetica, "Source Sans Pro", arial, sans-serif; font-weight: 600; } #My_Profile_content04_component22 { grid-area: My_Profile_content04_component22; } /********************************************************/ /* BUTTON BLOCKS */ /********************************************************/ #My_Profile_content04_component23 { grid-area: My_Profile_content04_component23; display: grid; grid-template-columns: 120px 120px 120px 120px auto 215px; /* 270px */ grid-template-rows: 50px; grid-column-gap: 0px; grid-row-gap: 0px; grid-template-areas: "My_Profile_content04_component2301 My_Profile_content04_component2302 My_Profile_content04_component2303 My_Profile_content04_component2304 My_Profile_content04_component2304x My_Profile_content04_component2305"; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; } #My_Profile_content04_component2301 { grid-area: My_Profile_content04_component2301; } #My_Profile_content04_component2302 { grid-area: My_Profile_content04_component2302; } #My_Profile_content04_component2303 { grid-area: My_Profile_content04_component2303; } #My_Profile_content04_component2304 { grid-area: My_Profile_content04_component2304; } #My_Profile_content04_component2305 { grid-area: My_Profile_content04_component2305; margin-top: 12px; } /********************************************************/ /* BUTTON BLOCKS */ /********************************************************/ /********************************************************/ #My_Profile_content05 { grid-area: My_Profile_content05; display: grid; grid-template-columns: 1fr; grid-template-rows: auto auto 60px; grid-column-gap: 0px; grid-row-gap: 0px; grid-template-areas: "My_Profile_content05_component01" "My_Profile_content05_component02" "My_Profile_content05_component03"; background-color: #eee; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; /* background-color: #eee; */ border-color: rgba(82,128,193,1.0); border: 1px solid; font-family: "Nexa Bold", "Helvetica Bold", helvetica, "Source Sans Pro", arial, sans-serif; font-weight: 500; border-radius: 8px 8px 8px 8px; margin-top: 10px; } #My_Profile_content05_component01 { grid-area: My_Profile_content05_component01; } #My_Profile_content05_component02 { grid-area: My_Profile_content05_component02; margin-right: 5px; margin-left: 5px; } /********************************************************/ /* BUTTON BLOCK */ /********************************************************/ #My_Profile_content05_component03 { grid-area: My_Profile_content05_component03; display: grid; grid-template-columns: 120px 120px 120px 120px auto 215px; /* 270px */ grid-template-rows: 25px; grid-column-gap: 0px; grid-row-gap: 0px; grid-template-areas: "My_Profile_content05_component0301 My_Profile_content05_component0302 My_Profile_content05_component0303 My_Profile_content05_component0304 My_Profile_content05_component0304x My_Profile_content05_component0305"; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; } #My_Profile_content05_component0301 { grid-area: My_Profile_content05_component0301; } #My_Profile_content05_component0302 { grid-area: My_Profile_content05_component0302; } #My_Profile_content05_component0303 { grid-area: My_Profile_content05_component0303; } #My_Profile_content05_component0304 { grid-area: My_Profile_content05_component0304; } #My_Profile_content05_component0305 { grid-area: My_Profile_content05_component0305; margin-top: 12px; } /********************************************************/ /* BUTTON BLOCK */ /********************************************************/ /********************************************************/ #My_Profile_content06 { grid-area: My_Profile_content06; display: grid; grid-template-columns: 1fr; grid-template-rows: 25px 58px 2px 25px; /* 270px */ grid-column-gap: 0px; grid-row-gap: 0px; grid-template-areas: "My_Profile_content06_component01" "My_Profile_content06_component02" "My_Profile_content06_component03" "My_Profile_content06_component04"; /* background-color: #eee; */ padding-top: 10px; padding-right: 10px; /* padding-bottom: 10px; */ padding-left: 10px; /* border-color: rgba(82,128,193,1.0); */ /* border: 1px solid; */ font-family: "Nexa Bold", "Helvetica Bold", helvetica, "Source Sans Pro", arial, sans-serif; font-weight: 500; } #My_Profile_content06_component01 { grid-area: My_Profile_content06_component01; } #My_Profile_content06_component02 { grid-area: My_Profile_content06_component02; } #My_Profile_content06_component03 { grid-area: My_Profile_content06_component03; } #My_Profile_content06_component04 { grid-area: My_Profile_content06_component04; } /********************************************************/ #My_Profile_content07 { grid-area: My_Profile_content07; display: grid; grid-template-columns: 1fr; grid-template-rows: auto; grid-column-gap: 0px; grid-row-gap: 0px; grid-template-areas: "My_Profile_content07_component01"; } #My_Profile_content07_component01 { grid-area: My_Profile_content07_component01; display: grid; grid-template-columns: 120px auto 215px; grid-template-rows: auto auto auto auto auto; grid-column-gap: 0px; grid-row-gap: 0px; grid-template-areas: "My_Profile_content07_component0101 My_Profile_content07_component0102 My_Profile_content07_component0103" "My_Profile_content07_component0104 My_Profile_content07_component0105 My_Profile_content07_component0105" "My_Profile_content07_component0106 My_Profile_content07_component0107 My_Profile_content07_component0107" "My_Profile_content07_component0106 My_Profile_content07_component0108 My_Profile_content07_component0108" "My_Profile_content07_component0109 My_Profile_content07_component0109x My_Profile_content07_component0110"; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; } #My_Profile_content07_component0101 { grid-area: My_Profile_content07_component0101; } #My_Profile_content07_component0102 { grid-area: My_Profile_content07_component0102; } #My_Profile_content07_component0103 { grid-area: My_Profile_content07_component0103; display: grid; grid-template-columns: 1fr; grid-template-rows: auto auto auto auto auto auto auto auto; grid-column-gap: 0px; grid-row-gap: 0px; grid-template-areas: "My_Profile_content07_component010301" "My_Profile_content07_component010302" "My_Profile_content07_component010303" "My_Profile_content07_component010304" "My_Profile_content07_component010305" "My_Profile_content07_component010306" "My_Profile_content07_component010307" "My_Profile_content07_component010308"; /* background-color: #eee; */ /* padding-top: 10px; */ /* padding-right: 10px; */ /* padding-bottom: 10px; */ /* padding-left: 10px; */ /* border-color: rgba(82,128,193,1.0); */ /* border: 1px solid; */ font-family: "Nexa Bold", "Helvetica Bold", helvetica, "Source Sans Pro", arial, sans-serif; font-weight: 500; } #My_Profile_content07_component010301 { grid-area: My_Profile_content07_component010301; display: none; } #My_Profile_content07_component010302 { grid-area: My_Profile_content07_component010302; display: none; } #My_Profile_content07_component010303 { grid-area: My_Profile_content07_component010303; display: none; } #My_Profile_content07_component010304 { grid-area: My_Profile_content07_component010304; display: none; } #My_Profile_content07_component010305 { grid-area: My_Profile_content07_component010305; display: none; } #My_Profile_content07_component010306 { grid-area: My_Profile_content07_component010306; display: none; } #My_Profile_content07_component010307 { grid-area: My_Profile_content07_component010307; display: none; } #My_Profile_content07_component010308 { grid-area: My_Profile_content07_component010308; } /********************************************************/ #My_Profile_content07_component0104 { grid-area: My_Profile_content07_component0104; } #My_Profile_content07_component0105 { grid-area: My_Profile_content07_component0105; } #My_Profile_content07_component0106 { grid-area: My_Profile_content07_component0106; margin-bottom: 10px; } #My_Profile_content07_component0107 { grid-area: My_Profile_content07_component0107; } #My_Profile_content07_component0108 { grid-area: My_Profile_content07_component0108; padding-left: 15px; margin-bottom: 10px; } #My_Profile_content07_component0109 { grid-area: My_Profile_content07_component0109; } #My_Profile_content07_component0110 { grid-area: My_Profile_content07_component0110; margin-top: 12px; padding-right: 10px; } /*********************** 8 9*********************************/ #My_Profile_content08 { grid-area: My_Profile_content08; display: grid; grid-template-columns: 1fr; grid-template-rows: 25px 58px 2px 25px; /* 270px */ grid-column-gap: 0px; grid-row-gap: 0px; grid-template-areas: "My_Profile_content08_component01" "My_Profile_content08_component02" "My_Profile_content08_component03" "My_Profile_content08_component04"; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; font-family: "Nexa Bold", "Helvetica Bold", helvetica, "Source Sans Pro", arial, sans-serif; font-weight: 500; } #My_Profile_content08_component01 { grid-area: My_Profile_content08_component01; } #My_Profile_content08_component02 { grid-area: My_Profile_content08_component02; } #My_Profile_content08_component03 { grid-area: My_Profile_content08_component03; } #My_Profile_content08_component04 { grid-area: My_Profile_content08_component04; } /********************************************************/ #My_Profile_content09 { grid-area: My_Profile_content09; display: grid; grid-template-columns: 1fr; grid-template-rows: auto; grid-column-gap: 0px; grid-row-gap: 0px; grid-template-areas: "My_Profile_content09_component01"; } #My_Profile_content09_component01 { grid-area: My_Profile_content09_component01; display: grid; grid-template-columns: 160px auto 215px; grid-template-rows: auto auto auto auto auto auto auto; grid-column-gap: 0px; grid-row-gap: 0px; grid-template-areas: "My_Profile_content09_component0101 My_Profile_content09_component0102 My_Profile_content09_component0103" "My_Profile_content09_component0104 My_Profile_content09_component0105 My_Profile_content09_component0105" "My_Profile_content09_component0106 My_Profile_content09_component0107 My_Profile_content09_component0107" "My_Profile_content09_component0108 My_Profile_content09_component0109 My_Profile_content09_component0109" "My_Profile_content09_component0110 My_Profile_content09_component0111 My_Profile_content09_component0111" "My_Profile_content09_component0112 My_Profile_content09_component0113 My_Profile_content09_component0113" "My_Profile_content09_component0114 My_Profile_content09_component0114x My_Profile_content09_component0115"; /* background-color: #eee; */ padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; /* border-color: rgba(82,128,193,1.0); */ /* border: 1px solid; */ /* font-family: "Nexa Bold", "Helvetica Bold", helvetica, "Source Sans Pro", arial, sans-serif; */ /* font-weight: 500; */ } #My_Profile_content09_component0101 { grid-area: My_Profile_content09_component0101; } #My_Profile_content09_component0102 { grid-area: My_Profile_content09_component0102; } #My_Profile_content09_component0103 { grid-area: My_Profile_content09_component0103; display: grid; grid-template-columns: 1fr; grid-template-rows: auto auto auto auto auto auto auto auto; grid-column-gap: 0px; grid-row-gap: 0px; grid-template-areas: "My_Profile_content09_component010301" "My_Profile_content09_component010302" "My_Profile_content09_component010303" "My_Profile_content09_component010304" "My_Profile_content09_component010305" "My_Profile_content09_component010306" "My_Profile_content09_component010307" "My_Profile_content09_component010308"; /* background-color: #eee; */ /* padding-top: 10px; */ /* padding-right: 10px; */ /* padding-bottom: 10px; */ /* padding-left: 10px; */ /* border-color: rgba(82,128,193,1.0); */ /* border: 1px solid; */ font-family: "Nexa Bold", "Helvetica Bold", helvetica, "Source Sans Pro", arial, sans-serif; font-weight: 500; } #My_Profile_content09_component010301 { grid-area: My_Profile_content09_component010301; display: none; } #My_Profile_content09_component010302 { grid-area: My_Profile_content09_component010302; display: none; } #My_Profile_content09_component010303 { grid-area: My_Profile_content09_component010303; display: none; } #My_Profile_content09_component010304 { grid-area: My_Profile_content09_component010304; display: none; } #My_Profile_content09_component010305 { grid-area: My_Profile_content09_component010305; display: none; } #My_Profile_content09_component010306 { grid-area: My_Profile_content09_component010306; display: none; } #My_Profile_content09_component010307 { grid-area: My_Profile_content09_component010307; display: none; } #My_Profile_content09_component010308 { grid-area: My_Profile_content09_component010308; } /********************************************************/ #My_Profile_content09_component0104 { grid-area: My_Profile_content09_component0104; } #My_Profile_content09_component0105 { grid-area: My_Profile_content09_component0105; } #My_Profile_content09_component0106 { grid-area: My_Profile_content09_component0106; } #My_Profile_content09_component0107 { grid-area: My_Profile_content09_component0107; } #My_Profile_content09_component0108 { grid-area: My_Profile_content09_component0108; } #My_Profile_content09_component0109 { grid-area: My_Profile_content09_component0109; } #My_Profile_content09_component0110 { grid-area: My_Profile_content09_component0110; } #My_Profile_content09_component0111 { grid-area: My_Profile_content09_component0111; } #My_Profile_content09_component0112 { grid-area: My_Profile_content09_component0112; margin-bottom: 10px; } #My_Profile_content09_component0113 { grid-area: My_Profile_content09_component0113; margin-bottom: 10px; } #My_Profile_content09_component0114 { grid-area: My_Profile_content09_component0114; } #My_Profile_content09_component0115 { grid-area: My_Profile_content09_component0115; margin-top: 12px; padding-right: 10px; } /******************** 10 11 ************************************/ #My_Profile_content10 { grid-area: My_Profile_content10; display: grid; grid-template-columns: 1fr; grid-template-rows: 25px 58px 2px 25px; /* 270px */ grid-column-gap: 0px; grid-row-gap: 0px; grid-template-areas: "My_Profile_content10_component01" "My_Profile_content10_component02" "My_Profile_content10_component03" "My_Profile_content10_component04"; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; font-family: "Nexa Bold", "Helvetica Bold", helvetica, "Source Sans Pro", arial, sans-serif; font-weight: 500; } #My_Profile_content10_component01 { grid-area: My_Profile_content10_component01; } #My_Profile_content10_component02 { grid-area: My_Profile_content10_component02; } #My_Profile_content10_component03 { grid-area: My_Profile_content10_component03; } #My_Profile_content10_component04 { grid-area: My_Profile_content10_component04; } /********************************************************/ #My_Profile_content11 { grid-area: My_Profile_content11; display: grid; grid-template-columns: 1fr; grid-template-rows: auto; grid-column-gap: 0px; grid-row-gap: 0px; grid-template-areas: "My_Profile_content11_component01"; } #My_Profile_content11_component01 { grid-area: My_Profile_content11_component01; display: grid; grid-template-columns: 120px auto 215px; grid-template-rows: auto auto auto auto auto auto auto; grid-column-gap: 0px; grid-row-gap: 0px; grid-template-areas: "My_Profile_content11_component0101 My_Profile_content11_component0102 My_Profile_content11_component0103" "My_Profile_content11_component0104 My_Profile_content11_component0105 My_Profile_content11_component0105" "My_Profile_content11_component0106 My_Profile_content11_component0107 My_Profile_content11_component0107" "My_Profile_content11_component0108 My_Profile_content11_component0109 My_Profile_content11_component0109" "My_Profile_content11_component0110 My_Profile_content11_component0110x My_Profile_content11_component0111"; /* background-color: #eee; */ padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; /* border-color: rgba(82,128,193,1.0); */ /* border: 1px solid; */ /* font-family: "Nexa Bold", "Helvetica Bold", helvetica, "Source Sans Pro", arial, sans-serif; */ /* font-weight: 500; */ } #My_Profile_content11_component0101 { grid-area: My_Profile_content11_component0101; } #My_Profile_content11_component0102 { grid-area: My_Profile_content11_component0102; } #My_Profile_content11_component0103 { grid-area: My_Profile_content11_component0103; display: grid; grid-template-columns: 1fr; grid-template-rows: auto auto auto auto auto auto auto auto; grid-column-gap: 0px; grid-row-gap: 0px; grid-template-areas: "My_Profile_content11_component010301" "My_Profile_content11_component010302" "My_Profile_content11_component010303" "My_Profile_content11_component010304" "My_Profile_content11_component010305" "My_Profile_content11_component010306" "My_Profile_content11_component010307" "My_Profile_content11_component010308"; /* background-color: #eee; */ /* padding-top: 10px; */ /* padding-right: 10px; */ /* padding-bottom: 10px; */ /* padding-left: 10px; */ /* border-color: rgba(82,128,193,1.0); */ /* border: 1px solid; */ font-family: "Nexa Bold", "Helvetica Bold", helvetica, "Source Sans Pro", arial, sans-serif; font-weight: 500; } #My_Profile_content11_component010301 { grid-area: My_Profile_content11_component010301; display: none; } #My_Profile_content11_component010302 { grid-area: My_Profile_content11_component010302; display: none; } #My_Profile_content11_component010303 { grid-area: My_Profile_content11_component010303; display: none; } #My_Profile_content11_component010304 { grid-area: My_Profile_content11_component010304; display: none; } #My_Profile_content11_component010305 { grid-area: My_Profile_content11_component010305; display: none; } #My_Profile_content11_component010306 { grid-area: My_Profile_content11_component010306; display: none; } #My_Profile_content11_component010307 { grid-area: My_Profile_content11_component010307; display: none; } #My_Profile_content11_component010308 { grid-area: My_Profile_content11_component010308; } /********************************************************/ #My_Profile_content11_component0104 { grid-area: My_Profile_content11_component0104; } #My_Profile_content11_component0105 { grid-area: My_Profile_content11_component0105; } #My_Profile_content11_component0106 { grid-area: My_Profile_content11_component0106; } #My_Profile_content11_component0107 { grid-area: My_Profile_content11_component0107; } #My_Profile_content11_component0108 { grid-area: My_Profile_content11_component0108; margin-bottom: 10px; } #My_Profile_content11_component0109 { grid-area: My_Profile_content11_component0109; margin-bottom: 10px; } #My_Profile_content11_component0110 { grid-area: My_Profile_content11_component0110; } #My_Profile_content11_component0111 { grid-area: My_Profile_content11_component0111; margin-top: 12px; padding-right: 10px; } /********************************************************/ #My_Profile_content12 { grid-area: My_Profile_content12; display: none; grid-template-columns: 1fr; grid-template-rows: auto; grid-column-gap: 0px; grid-row-gap: 0px; grid-template-areas: "My_Profile_content12_FormGrid"; border-radius: 8px 8px 0px 0px; font-weight: 600; } #My_Profile_content12_FormGrid { grid-area: My_Profile_content12_FormGrid; display: grid; grid-template-columns: 1fr; grid-template-rows: 100px auto 60px; /* 270px */ grid-column-gap: 0px; grid-row-gap: 0px; grid-template-areas: "My_Profile_content12_component01" "My_Profile_content12_component02" "My_Profile_content12_component03"; background-color: #ddd; max-width: 900px; margin-left: 18%; border-radius: 8px 8px 0px 0px; } #My_Profile_content12_component01 { grid-area: My_Profile_content12_component01; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 50px 50px; grid-column-gap: 0px; grid-row-gap: 0px; grid-template-areas: "My_Profile_content12_component0101x My_Profile_content12_component0101x My_Profile_content12_component0101" "My_Profile_content12_component0103 My_Profile_content12_component0103 My_Profile_content12_component0103x"; background-color: rgba(82,128,193,1.0); border-radius: 8px 8px 0px 0px; } #My_Profile_content12_component0101 { grid-area: My_Profile_content12_component0101; margin-right: 20px; } #My_Profile_content12_component0103 { grid-area: My_Profile_content12_component0103; margin-left: 20px; } /********************************************************/ #My_Profile_content12_component02 { grid-area: My_Profile_content12_component02; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 75px; grid-column-gap: 0px; grid-row-gap: 0px; grid-template-areas: "My_Profile_content12_component0201 My_Profile_content12_component0201 My_Profile_content12_component0201" "My_Profile_content12_component0202 My_Profile_content12_component0202 My_Profile_content12_component0202" "My_Profile_content12_component0203 My_Profile_content12_component0203 My_Profile_content12_component0203" "My_Profile_content12_component0204 My_Profile_content12_component0204 My_Profile_content12_component0204" "My_Profile_content12_component0205 My_Profile_content12_component0205 My_Profile_content12_component0205" "My_Profile_content12_component0206 My_Profile_content12_component0206 My_Profile_content12_component0206" "My_Profile_content12_component0207 My_Profile_content12_component0207 My_Profile_content12_component0207" "My_Profile_content12_component0208 My_Profile_content12_component0208 My_Profile_content12_component0208" "My_Profile_content12_component0209 My_Profile_content12_component0209 My_Profile_content12_component0209"; background-color: #fff; } #My_Profile_content12_component0201 { grid-area: My_Profile_content12_component0201; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 65px; grid-column-gap: 0px; grid-row-gap: 0px; grid-template-areas: "My_Profile_content12_component020101 My_Profile_content12_component020102 My_Profile_content12_component020103"; margin-top: 12px; margin-left: 15px; } #My_Profile_content12_component020101 { grid-area: My_Profile_content12_component020101; } #My_Profile_content12_component020102 { grid-area: My_Profile_content12_component020102; } #My_Profile_content12_component020103 { grid-area: My_Profile_content12_component020103; } #My_Profile_content12_component0202 { grid-area: My_Profile_content12_component0202; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 230px 0px 50px 50px; grid-template-areas: "My_Profile_content12_component020202 My_Profile_content12_component020202 My_Profile_content12_component020202" "My_Profile_content12_component020205 My_Profile_content12_component020205 My_Profile_content12_component020205" "My_Profile_content12_component020202x My_Profile_content12_component020201 My_Profile_content12_component020203" "My_Profile_content12_component020203x My_Profile_content12_component020204 My_Profile_content12_component020206"; } #My_Profile_content12_component020201 { grid-area: My_Profile_content12_component020201; } #My_Profile_content12_component020202 { grid-area: My_Profile_content12_component020202; } #My_Profile_content12_component020203 { grid-area: My_Profile_content12_component020203; margin-top: 10px; } #My_Profile_content12_component020204 { grid-area: My_Profile_content12_component020204; margin-top: 10px; } #My_Profile_content12_component020205 { grid-area: My_Profile_content12_component020205; width: 120px; height: 120px; position: absolute; top: 530px; /* logged out position is 410px */ left: 24%; /* 270px */ color: #333; font-family: "Nexa Bold", "Helvetica Bold", helvetica, "Source Sans Pro", arial, sans-serif; background-color: rgb(82,128,193); /* Fallback color */ background-color: rgba(82,128,193,1.0); /* white w/ opacity */ border-color: rgb(82,128,193); /* Fallback color */ border-color: rgba(82,128,193,1.0); /* blue w/ opacity */ } #My_Profile_content12_component020206 { grid-area: My_Profile_content12_component020206; margin-top: 10px; } /* #My_Profile_content12_component0203 { grid-area: My_Profile_content12_component0203; display: grid; grid-template-columns: 155px 200px 1fr; grid-template-rows: 40px 50px; grid-template-areas: "My_Profile_content12_component020301x My_Profile_content12_component020301 My_Profile_content12_component020302" "My_Profile_content12_component020302x My_Profile_content12_component020303 My_Profile_content12_component020304"; } #My_Profile_content12_component020301 { grid-area: My_Profile_content12_component020301; margin-top: 10px; } #My_Profile_content12_component020302 { grid-area: My_Profile_content12_component020302; margin-top: 10px; } #My_Profile_content12_component020303 { grid-area: My_Profile_content12_component020303; margin-top: 10px; } #My_Profile_content12_component020304 { grid-area: My_Profile_content12_component020304; margin-top: 10px; } */ #My_Profile_content12_component0204 { grid-area: My_Profile_content12_component0204; display: grid; grid-template-columns: 600px 85px 1fr; grid-template-rows: 45px; grid-template-areas: "My_Profile_content12_component020401x My_Profile_content12_component020401 My_Profile_content12_component020402"; } #My_Profile_content12_component020401 { grid-area: My_Profile_content12_component020401; margin-top: 6px; } #My_Profile_content12_component020402 { grid-area: My_Profile_content12_component020402; } #My_Profile_content12_component0205 { grid-area: My_Profile_content12_component0205; display: grid; grid-template-columns: 445px 120px 1fr; grid-template-rows: 25px 55px 25px 55px 25px 55px; grid-template-areas: "My_Profile_content12_component020501 My_Profile_content12_component020503 My_Profile_content12_component020503" "My_Profile_content12_component020502 My_Profile_content12_component020504 My_Profile_content12_component020504" "My_Profile_content12_component020505 My_Profile_content12_component020505 My_Profile_content12_component020505" "My_Profile_content12_component020506 My_Profile_content12_component020506 My_Profile_content12_component020506" "My_Profile_content12_component020507 My_Profile_content12_component020509 My_Profile_content12_component020511" "My_Profile_content12_component020508 My_Profile_content12_component020510 My_Profile_content12_component020512"; } #My_Profile_content12_component020501 { grid-area: My_Profile_content12_component020501; margin-left: 10px; } #My_Profile_content12_component020502 { grid-area: My_Profile_content12_component020502; margin-left: 10px; } #My_Profile_content12_component020503 { grid-area: My_Profile_content12_component020503; margin-left: 10px; } #My_Profile_content12_component020504 { grid-area: My_Profile_content12_component020504; margin-left: 10px; margin-right: 10px; } #My_Profile_content12_component020505 { grid-area: My_Profile_content12_component020505; margin-left: 10px; } #My_Profile_content12_component020506 { grid-area: My_Profile_content12_component020506; margin-left: 10px; margin-right: 10px; } #My_Profile_content12_component020507 { grid-area: My_Profile_content12_component020507; margin-left: 10px; } #My_Profile_content12_component020508 { grid-area: My_Profile_content12_component020508; margin-left: 10px; } #My_Profile_content12_component020509 { grid-area: My_Profile_content12_component020509; margin-left: 10px; } #My_Profile_content12_component020510 { grid-area: My_Profile_content12_component020510; margin-left: 10px; } #My_Profile_content12_component020511 { grid-area: My_Profile_content12_component020511; margin-left: 10px; } #My_Profile_content12_component020512 { grid-area: My_Profile_content12_component020512; margin-left: 10px; margin-right: 10px; } #My_Profile_content12_component0206 { grid-area: My_Profile_content12_component0206; display: grid; grid-template-columns: 300px 300px 1fr; grid-template-rows: 25px 55px; grid-template-areas: "My_Profile_content12_component020601 My_Profile_content12_component020601x My_Profile_content12_component020601x" "My_Profile_content12_component020602 My_Profile_content12_component020602x My_Profile_content12_component020602x"; } #My_Profile_content12_component020601 { grid-area: My_Profile_content12_component020601; margin-left: 10px; } #My_Profile_content12_component020602 { grid-area: My_Profile_content12_component020602; margin-left: 10px; } #My_Profile_content12_component0207 { grid-area: My_Profile_content12_component0207; display: grid; grid-template-columns: 300px 300px 1fr; grid-template-rows: 25px 55px 25px 55px 25px 60px; grid-template-areas: "My_Profile_content12_component020701 My_Profile_content12_component020701 My_Profile_content12_component020701" "My_Profile_content12_component020702 My_Profile_content12_component020702 My_Profile_content12_component020702" "My_Profile_content12_component020703 My_Profile_content12_component020703 My_Profile_content12_component020703" "My_Profile_content12_component020704 My_Profile_content12_component020704 My_Profile_content12_component020704" "My_Profile_content12_component020705 My_Profile_content12_component020707 My_Profile_content12_component020709" "My_Profile_content12_component020706 My_Profile_content12_component020708 My_Profile_content12_component020710"; } #My_Profile_content12_component020701 { grid-area: My_Profile_content12_component020701; margin-left: 10px; } #My_Profile_content12_component020702 { grid-area: My_Profile_content12_component020702; margin-right: 10px; margin-left: 10px; } #My_Profile_content12_component020703 { grid-area: My_Profile_content12_component020703; margin-left: 10px; } #My_Profile_content12_component020704 { grid-area: My_Profile_content12_component020704; margin-right: 10px; margin-left: 10px; } #My_Profile_content12_component020705 { grid-area: My_Profile_content12_component020705; margin-left: 10px; } #My_Profile_content12_component020706 { grid-area: My_Profile_content12_component020706; margin-left: 10px; } #My_Profile_content12_component020707 { grid-area: My_Profile_content12_component020707; margin-left: 10px; } #My_Profile_content12_component020708 { grid-area: My_Profile_content12_component020708; margin-left: 10px; } #My_Profile_content12_component020709 { grid-area: My_Profile_content12_component020709; margin-left: 10px; } #My_Profile_content12_component020710 { grid-area: My_Profile_content12_component020710; margin-right: 10px; margin-left: 10px; } #My_Profile_content12_component0208 { grid-area: My_Profile_content12_component0208; display: grid; grid-template-columns: 190px 1fr 1fr; grid-template-rows: 35px 35px; grid-template-areas: "My_Profile_content12_component020801 My_Profile_content12_component020802 My_Profile_content12_component020802" "My_Profile_content12_component020803 My_Profile_content12_component020804 My_Profile_content12_component020804"; } #My_Profile_content12_component020801 { grid-area: My_Profile_content12_component020801; margin-top: 10px; margin-left: 10px; } #My_Profile_content12_component020802 { grid-area: My_Profile_content12_component020802; } #My_Profile_content12_component020803 { grid-area: My_Profile_content12_component020803; margin-left: 10px; } #My_Profile_content12_component020804 { grid-area: My_Profile_content12_component020804; margin-left: 10px; } #My_Profile_content12_component0209 { grid-area: My_Profile_content12_component0209; display: grid; grid-template-columns: 500px 1fr 1fr; grid-template-rows: 65px; grid-template-areas: "My_Profile_content12_component020901 My_Profile_content12_component020901 My_Profile_content12_component020901"; margin-top: 12px; margin-left: 15px; } #My_Profile_content12_component020901 { grid-area: My_Profile_content12_component020901; } /********************************************************/ #My_Profile_content12_component03 { grid-area: My_Profile_content12_component03; background-color: rgba(82,128,193,1.0); border-radius: 0px 0px 8px 8px; } /********************************************************/ /* SUMMARY OF QUALIFICATIONS */ /********************************************************/ /********************************************************/ #My_Profile_content13 { grid-area: My_Profile_content13; display: none; grid-template-columns: 1fr; grid-template-rows: auto; grid-column-gap: 0px; grid-row-gap: 0px; grid-template-areas: "My_Profile_content13_FormGrid"; border-radius: 8px 8px 0px 0px; } #My_Profile_content13_FormGrid { grid-area: My_Profile_content13_FormGrid; display: grid; grid-template-columns: 1fr; grid-template-rows: 100px auto 60px; /* 270px */ grid-column-gap: 0px; grid-row-gap: 0px; grid-template-areas: "My_Profile_content13_component01" "My_Profile_content13_component02" "My_Profile_content13_component03"; background-color: #ddd; max-width: 900px; margin-left: 23%; border-radius: 8px 8px 0px 0px; } #My_Profile_content13_component01 { grid-area: My_Profile_content13_component01; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 50px 50px; /* 270px */ grid-column-gap: 0px; grid-row-gap: 0px; grid-template-areas: "My_Profile_content13_component0101x My_Profile_content13_component0101x My_Profile_content13_component0101" "My_Profile_content13_component0103 My_Profile_content13_component0103 My_Profile_content13_component0103x"; background-color: rgba(82,128,193,1.0); border-radius: 8px 8px 0px 0px; } #My_Profile_content13_component0101 { grid-area: My_Profile_content13_component0101; margin-right: 20px; } #My_Profile_content13_component0103 { grid-area: My_Profile_content13_component0103; margin-left: 20px; } /********************************************************/ #My_Profile_content13_component02 { grid-area: My_Profile_content13_component02; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 60px auto 70px; grid-column-gap: 0px; grid-row-gap: 0px; grid-template-areas: "My_Profile_content13_component0201 My_Profile_content13_component0201x My_Profile_content13_component0201x" "My_Profile_content13_component0202 My_Profile_content13_component0202 My_Profile_content13_component0202" "My_Profile_content13_component0203 My_Profile_content13_component0203x My_Profile_content13_component0203x"; background-color: #fff; } #My_Profile_content13_component0201 { grid-area: My_Profile_content13_component0201; display: grid; margin-top: 0px; margin-left: 15px; } /* #My_Profile_content13_component0201 { grid-area: My_Profile_content13_component0201; display: grid; grid-template-columns: 500px 1fr 1fr; grid-template-rows: 25px; grid-column-gap: 0px; grid-row-gap: 0px; grid-template-areas: "My_Profile_content13_component020101 My_Profile_content13_component020101 My_Profile_content13_component020101"; background-color: #fff; margin-top: 12px; margin-left: 15px; } */ /* #My_Profile_content13_component020101 { grid-area: My_Profile_content13_component020101; } */ #My_Profile_content13_component0202 { grid-area: My_Profile_content13_component0202; display: grid; grid-template-columns: 1fr; grid-template-rows: 40px auto; grid-template-areas: "My_Profile_content13_component020201" "My_Profile_content13_component020202"; margin-right: 10px; margin-left: 10px; } #My_Profile_content13_component020201 { grid-area: My_Profile_content13_component020201; margin-left: 10px; } #My_Profile_content13_component020202 { grid-area: My_Profile_content13_component020202; margin-left: 10px; } #My_Profile_content13_component0203 { grid-area: My_Profile_content13_component0203; display: grid; margin-top: 12px; margin-left: 15px; } /* #My_Profile_content13_component0203 { grid-area: My_Profile_content13_component0203; display: grid; grid-template-columns: 500px 1fr 1fr; grid-template-rows: 50px; grid-template-areas: "My_Profile_content13_component020301 My_Profile_content13_component020301 My_Profile_content13_component020301"; margin-top: 12px; margin-left: 15px; } */ /* #My_Profile_content13_component020301 { grid-area: My_Profile_content13_component020301; } */ /********************************************************/ #My_Profile_content13_component03 { grid-area: My_Profile_content13_component03; background-color: rgba(82,128,193,1.0); border-radius: 0px 0px 8px 8px; } /********************************************************/ /********************************************************/ #My_Profile_content14 { grid-area: My_Profile_content14; display: none; grid-template-columns: 1fr; grid-template-rows: auto; grid-column-gap: 0px; grid-row-gap: 0px; grid-template-areas: "My_Profile_content14_FormGrid"; border-radius: 8px 8px 0px 0px; } #My_Profile_content14_FormGrid { grid-area: My_Profile_content14_FormGrid; display: grid; grid-template-columns: 1fr; grid-template-rows: 100px auto 60px; /* 270px */ grid-column-gap: 0px; grid-row-gap: 0px; grid-template-areas: "My_Profile_content14_component01" "My_Profile_content14_component02" "My_Profile_content14_component03"; background-color: #ddd; max-width: 900px; margin-left: 23%; border-radius: 8px 8px 0px 0px; } #My_Profile_content14_component01 { grid-area: My_Profile_content14_component01; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 50px 50px; /* 270px */ grid-column-gap: 0px; grid-row-gap: 0px; grid-template-areas: "My_Profile_content14_component0101x My_Profile_content14_component0101x My_Profile_content14_component0101" "My_Profile_content14_component0103 My_Profile_content14_component0103 My_Profile_content14_component0103x"; background-color: rgba(82,128,193,1.0); border-radius: 8px 8px 0px 0px; } #My_Profile_content14_component0101 { grid-area: My_Profile_content14_component0101; margin-right: 20px; } #My_Profile_content14_component0103 { grid-area: My_Profile_content14_component0103; margin-left: 20px; } /********************************************************/ #My_Profile_content14_component02 { grid-area: My_Profile_content14_component02; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-template-rows: 65px auto 65px; /* 270px */ grid-column-gap: 0px; grid-row-gap: 0px; grid-template-areas: "My_Profile_content14_component0201 My_Profile_content14_component0201 My_Profile_content14_component0201 My_Profile_content14_component0201 My_Profile_content14_component0201" "My_Profile_content14_component0205 My_Profile_content14_component0205 My_Profile_content14_component0205 My_Profile_content14_component0205 My_Profile_content14_component0205" "My_Profile_content14_component0209 My_Profile_content14_component0209 My_Profile_content14_component0209 My_Profile_content14_component0209 My_Profile_content14_component0209"; background-color: #fff; } #My_Profile_content14_component0201 { grid-area: My_Profile_content14_component0201; display: grid; grid-template-columns: auto auto auto auto; grid-template-rows: 60px; grid-column-gap: 0px; grid-row-gap: 0px; grid-template-areas: "My_Profile_content14_component020101 My_Profile_content14_component020102 My_Profile_content14_component020103 My_Profile_content14_component020104"; background-color: #fff; margin-top: 0px; margin-left: 15px; } #My_Profile_content14_component020101 { grid-area: My_Profile_content14_component020101; } #My_Profile_content14_component020102 { grid-area: My_Profile_content14_component020102; } #My_Profile_content14_component020103 { grid-area: My_Profile_content14_component020103; } #My_Profile_content14_component020104 { grid-area: My_Profile_content14_component020104; } /*****************************/ #My_Profile_content14_component0205 { grid-area: My_Profile_content14_component0205; display: grid; grid-template-columns: 220px 220px 1fr; grid-template-rows: 25px 55px 25px 55px 25px 55px 30px 55px 25px 55px 25px 60px 40px auto; grid-template-areas: "My_Profile_content14_component020501 My_Profile_content14_component020501 My_Profile_content14_component020501" "My_Profile_content14_component020502 My_Profile_content14_component020502 My_Profile_content14_component020502" "My_Profile_content14_component020503 My_Profile_content14_component020503x My_Profile_content14_component020503x" "My_Profile_content14_component020504 My_Profile_content14_component020504x My_Profile_content14_component020504x" "My_Profile_content14_component020505 My_Profile_content14_component020505 My_Profile_content14_component020505" "My_Profile_content14_component020506 My_Profile_content14_component020506 My_Profile_content14_component020506" "My_Profile_content14_component020507 My_Profile_content14_component020507x My_Profile_content14_component020507x" "My_Profile_content14_component020508 My_Profile_content14_component020508x My_Profile_content14_component020508x" "My_Profile_content14_component020509 My_Profile_content14_component020509x My_Profile_content14_component020509x" "My_Profile_content14_component020510 My_Profile_content14_component020510x My_Profile_content14_component020510x" "My_Profile_content14_component020511 My_Profile_content14_component020511x My_Profile_content14_component020511x" "My_Profile_content14_component020512 My_Profile_content14_component020512x My_Profile_content14_component020512x" "My_Profile_content14_component020513 My_Profile_content14_component020513 My_Profile_content14_component020513" "My_Profile_content14_component020514 My_Profile_content14_component020514 My_Profile_content14_component020514"; } #My_Profile_content14_component020501 { grid-area: My_Profile_content14_component020501; margin-right: 10px; margin-left: 10px; } #My_Profile_content14_component020502 { grid-area: My_Profile_content14_component020502; margin-right: 10px; margin-left: 10px; } #My_Profile_content14_component020503 { grid-area: My_Profile_content14_component020503; margin-right: 10px; margin-left: 10px; } #My_Profile_content14_component020504 { grid-area: My_Profile_content14_component020504; margin-left: 10px; margin-right: 10px; } #My_Profile_content14_component020505 { grid-area: My_Profile_content14_component020505; margin-right: 10px; margin-left: 10px; } #My_Profile_content14_component020506 { grid-area: My_Profile_content14_component020506; margin-left: 10px; margin-right: 10px; } #My_Profile_content14_component020507 { grid-area: My_Profile_content14_component020507; margin-top: 10px; margin-left: 10px; } #My_Profile_content14_component020508 { grid-area: My_Profile_content14_component020508; margin-right: 10px; margin-left: 10px; } #My_Profile_content14_component020509 { grid-area: My_Profile_content14_component020509; margin-right: 10px; margin-left: 10px; } #My_Profile_content14_component020510 { grid-area: My_Profile_content14_component020510; margin-right: 10px; margin-left: 10px; } #My_Profile_content14_component020511 { grid-area: My_Profile_content14_component020511; margin-right: 10px; margin-left: 10px; } #My_Profile_content14_component020512 { grid-area: My_Profile_content14_component020512; margin-right: 10px; margin-left: 10px; } #My_Profile_content14_component020513 { grid-area: My_Profile_content14_component020513; margin-top: 10px; margin-left: 10px; } #My_Profile_content14_component020514 { grid-area: My_Profile_content14_component020514; margin-left: 10px; margin-right: 10px; } #My_Profile_content14_component0209 { grid-area: My_Profile_content14_component0209; display: grid; grid-template-columns: auto auto auto auto; grid-template-rows: 50px; grid-column-gap: 0px; grid-row-gap: 0px; grid-template-areas: "My_Profile_content14_component020901 My_Profile_content14_component020902 My_Profile_content14_component020903 My_Profile_content14_component020904"; background-color: #fff; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 15px; } #My_Profile_content14_component020901 { grid-area: My_Profile_content14_component020901; } #My_Profile_content14_component020902 { grid-area: My_Profile_content14_component020902; } #My_Profile_content14_component020903 { grid-area: My_Profile_content14_component020903; } #My_Profile_content14_component020904 { grid-area: My_Profile_content14_component020904; } /********************************************************/ /********************************************************/ #My_Profile_content15 { grid-area: My_Profile_content15; display: none; grid-template-columns: 1fr; grid-template-rows: auto; grid-column-gap: 0px; grid-row-gap: 0px; grid-template-areas: "My_Profile_content15_FormGrid"; border-radius: 8px 8px 0px 0px; } #My_Profile_content15_FormGrid { grid-area: My_Profile_content15_FormGrid; display: grid; grid-template-columns: 1fr; grid-template-rows: 100px auto 60px; /* 270px */ grid-column-gap: 0px; grid-row-gap: 0px; grid-template-areas: "My_Profile_content15_component01" "My_Profile_content15_component02" "My_Profile_content15_component03"; background-color: #ddd; max-width: 900px; margin-left: 23%; border-radius: 8px 8px 0px 0px; } #My_Profile_content15_component01 { grid-area: My_Profile_content15_component01; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 50px 50px; /* 270px */ grid-column-gap: 0px; grid-row-gap: 0px; grid-template-areas: "My_Profile_content15_component0101x My_Profile_content15_component0101x My_Profile_content15_component0101" "My_Profile_content15_component0103 My_Profile_content15_component0103 My_Profile_content15_component0103x"; background-color: rgba(82,128,193,1.0); border-radius: 8px 8px 0px 0px; } #My_Profile_content15_component0101 { grid-area: My_Profile_content15_component0101; margin-right: 20px; } #My_Profile_content15_component0103 { grid-area: My_Profile_content15_component0103; margin-left: 10px; } /********************************************************/ #My_Profile_content15_component02 { grid-area: My_Profile_content15_component02; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-template-rows: 65px auto 65px; /* 270px */ grid-column-gap: 0px; grid-row-gap: 0px; grid-template-areas: "My_Profile_content15_component0201 My_Profile_content15_component0201 My_Profile_content15_component0201 My_Profile_content15_component0201 My_Profile_content15_component0201" "My_Profile_content15_component0205 My_Profile_content15_component0205 My_Profile_content15_component0205 My_Profile_content15_component0205 My_Profile_content15_component0205" "My_Profile_content15_component0209 My_Profile_content15_component0209 My_Profile_content15_component0209 My_Profile_content15_component0209 My_Profile_content15_component0209"; background-color: #fff; } #My_Profile_content15_component0201 { grid-area: My_Profile_content15_component0201; display: grid; grid-template-columns: auto auto auto auto; grid-template-rows: 50px; grid-column-gap: 0px; grid-row-gap: 0px; grid-template-areas: "My_Profile_content15_component020101 My_Profile_content15_component020102 My_Profile_content15_component020103 My_Profile_content15_component020104"; background-color: #fff; margin-top: 0px; margin-left: 15px; } #My_Profile_content15_component020101 { grid-area: My_Profile_content15_component020101; } #My_Profile_content15_component020102 { grid-area: My_Profile_content15_component020102; } #My_Profile_content15_component020103 { grid-area: My_Profile_content15_component020103; } #My_Profile_content15_component020104 { grid-area: My_Profile_content15_component020104; } #My_Profile_content15_component0205 { grid-area: My_Profile_content15_component0205; display: grid; grid-template-columns: 220px 220px 1fr; grid-template-rows: 25px 55px 25px 55px 25px 55px 25px 55px 25px 55px 25px 55px 25px 55px 25px 120px 25px 120px; grid-template-areas: "My_Profile_content15_component020501 My_Profile_content15_component020501 My_Profile_content15_component020501" "My_Profile_content15_component020502 My_Profile_content15_component020502 My_Profile_content15_component020502" "My_Profile_content15_component020503 My_Profile_content15_component020503 My_Profile_content15_component020503" "My_Profile_content15_component020504 My_Profile_content15_component020504 My_Profile_content15_component020504" "My_Profile_content15_component020505 My_Profile_content15_component020505 My_Profile_content15_component020505" "My_Profile_content15_component020506 My_Profile_content15_component020506 My_Profile_content15_component020506" "My_Profile_content15_component020507 My_Profile_content15_component020507x My_Profile_content15_component020507x" "My_Profile_content15_component020508 My_Profile_content15_component020508x My_Profile_content15_component020508x" "My_Profile_content15_component020509 My_Profile_content15_component020509x My_Profile_content15_component020509x" "My_Profile_content15_component020510 My_Profile_content15_component020510x My_Profile_content15_component020510x" "My_Profile_content15_component020511 My_Profile_content15_component020511x My_Profile_content15_component020511x" "My_Profile_content15_component020512 My_Profile_content15_component020512x My_Profile_content15_component020512x" "My_Profile_content15_component020513 My_Profile_content15_component020513 My_Profile_content15_component020513" "My_Profile_content15_component020514 My_Profile_content15_component020514 My_Profile_content15_component020514" "My_Profile_content15_component020515 My_Profile_content15_component020515 My_Profile_content15_component020515" "My_Profile_content15_component020516 My_Profile_content15_component020516 My_Profile_content15_component020516" "My_Profile_content15_component020517 My_Profile_content15_component020517 My_Profile_content15_component020517" "My_Profile_content15_component020518 My_Profile_content15_component020518 My_Profile_content15_component020518"; } #My_Profile_content15_component020501 { grid-area: My_Profile_content15_component020501; margin-left: 10px; margin-right: 10px; } #My_Profile_content15_component020502 { grid-area: My_Profile_content15_component020502; margin-left: 10px; margin-right: 10px; } #My_Profile_content15_component020503 { grid-area: My_Profile_content15_component020503; margin-left: 10px; margin-right: 10px; } #My_Profile_content15_component020504 { grid-area: My_Profile_content15_component020504; margin-left: 10px; margin-right: 10px; } #My_Profile_content15_component020505 { grid-area: My_Profile_content15_component020505; margin-left: 10px; margin-right: 10px; } #My_Profile_content15_component020506 { grid-area: My_Profile_content15_component020506; margin-left: 10px; margin-right: 10px; } #My_Profile_content15_component020507 { grid-area: My_Profile_content15_component020507; margin-left: 10px; margin-right: 10px; } #My_Profile_content15_component020508 { grid-area: My_Profile_content15_component020508; margin-left: 10px; margin-right: 10px; } #My_Profile_content15_component020509 { grid-area: My_Profile_content15_component020509; margin-left: 10px; margin-right: 10px; } #My_Profile_content15_component020510 { grid-area: My_Profile_content15_component020510; margin-left: 10px; margin-right: 10px; } #My_Profile_content15_component020511 { grid-area: My_Profile_content15_component020511; margin-left: 10px; margin-right: 10px; } #My_Profile_content15_component020512 { grid-area: My_Profile_content15_component020512; margin-left: 10px; margin-right: 10px; } #My_Profile_content15_component020513 { grid-area: My_Profile_content15_component020513; margin-left: 10px; margin-right: 10px; } #My_Profile_content15_component020514 { grid-area: My_Profile_content15_component020514; margin-left: 10px; margin-right: 10px; } #My_Profile_content15_component020515 { grid-area: My_Profile_content15_component020515; margin-left: 10px; margin-right: 10px; } #My_Profile_content15_component020516 { grid-area: My_Profile_content15_component020516; margin-left: 10px; margin-right: 10px; } #My_Profile_content15_component020517 { grid-area: My_Profile_content15_component020517; margin-left: 10px; margin-right: 10px; } #My_Profile_content15_component020518 { grid-area: My_Profile_content15_component020518; margin-left: 10px; margin-right: 10px; } #My_Profile_content15_component0209 { grid-area: My_Profile_content15_component0209; display: grid; grid-template-columns: auto auto auto auto; grid-template-rows: 50px; grid-column-gap: 0px; grid-row-gap: 0px; grid-template-areas: "My_Profile_content15_component020901 My_Profile_content15_component020902 My_Profile_content15_component020903 My_Profile_content15_component020904"; background-color: #fff; margin-top: 0px; margin-bottom: 10px; margin-left: 15px; } #My_Profile_content15_component020901 { grid-area: My_Profile_content15_component020901; } #My_Profile_content15_component020902 { grid-area: My_Profile_content15_component020902; } #My_Profile_content15_component020903 { grid-area: My_Profile_content15_component020903; } #My_Profile_content15_component020904 { grid-area: My_Profile_content15_component020904; } /********************************************************/ #My_Profile_content15_component03 { grid-area: My_Profile_content15_component03; background-color: rgba(82,128,193,1.0); border-radius: 0px 0px 8px 8px; } /********************************************************/ /********************************************************/ #My_Profile_content16 { grid-area: My_Profile_content16; display: none; grid-template-columns: 1fr; grid-template-rows: auto; grid-column-gap: 0px; grid-row-gap: 0px; grid-template-areas: "My_Profile_content16_FormGrid"; border-radius: 8px 8px 0px 0px; } #My_Profile_content16_FormGrid { grid-area: My_Profile_content16_FormGrid; display: grid; grid-template-columns: 1fr; grid-template-rows: 100px auto 60px; /* 270px */ grid-column-gap: 0px; grid-row-gap: 0px; grid-template-areas: "My_Profile_content16_component01" "My_Profile_content16_component02" "My_Profile_content16_component03"; background-color: #ddd; max-width: 900px; margin-left: 23%; border-radius: 8px 8px 0px 0px; } #My_Profile_content16_component01 { grid-area: My_Profile_content16_component01; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 50px 50px; grid-column-gap: 0px; grid-row-gap: 0px; grid-template-areas: "My_Profile_content16_component0101x My_Profile_content16_component0101x My_Profile_content16_component0101" "My_Profile_content16_component0103 My_Profile_content16_component0103 My_Profile_content16_component0103x"; background-color: rgba(82,128,193,1.0); border-radius: 8px 8px 0px 0px; } #My_Profile_content16_component0101 { grid-area: My_Profile_content16_component0101; margin-right: 20px; } #My_Profile_content16_component0103 { grid-area: My_Profile_content16_component0103; margin-left: 20px; } /********************************************************/ #My_Profile_content16_component02 { grid-area: My_Profile_content16_component02; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-template-rows: 65px auto 65px; /* 270px */ grid-column-gap: 0px; grid-row-gap: 0px; grid-template-areas: "My_Profile_content16_component0201 My_Profile_content16_component0201 My_Profile_content16_component0201 My_Profile_content16_component0201 My_Profile_content16_component0201 My_Profile_content16_component0201" "My_Profile_content16_component0205 My_Profile_content16_component0205 My_Profile_content16_component0205 My_Profile_content16_component0205 My_Profile_content16_component0205 My_Profile_content16_component0205" "My_Profile_content16_component0209 My_Profile_content16_component0209 My_Profile_content16_component0209 My_Profile_content16_component0209 My_Profile_content16_component0209 My_Profile_content16_component0209"; background-color: #fff; } #My_Profile_content16_component0201 { grid-area: My_Profile_content16_component0201; display: grid; grid-template-columns: auto auto auto auto; grid-template-rows: 50px; grid-column-gap: 0px; grid-row-gap: 0px; grid-template-areas: "My_Profile_content16_component020101 My_Profile_content16_component020102 My_Profile_content16_component020103 My_Profile_content16_component020104"; background-color: #fff; margin-top: 0px; margin-left: 15px; } #My_Profile_content16_component020101 { grid-area: My_Profile_content16_component020101; } #My_Profile_content16_component020102 { grid-area: My_Profile_content16_component020102; } #My_Profile_content16_component020103 { grid-area: My_Profile_content16_component020103; } #My_Profile_content16_component020104 { grid-area: My_Profile_content16_component020104; } #My_Profile_content16_component0205 { grid-area: My_Profile_content16_component0205; display: grid; grid-template-columns: 220px 220px 1fr; grid-template-rows: 25px 55px 25px 55px 25px 55px 25px 55px 25px 55px 25px 55px 25px 65px; grid-template-areas: "My_Profile_content16_component020501 My_Profile_content16_component020501 My_Profile_content16_component020501" "My_Profile_content16_component020502 My_Profile_content16_component020502 My_Profile_content16_component020502" "My_Profile_content16_component020503 My_Profile_content16_component020503 My_Profile_content16_component020503" "My_Profile_content16_component020504 My_Profile_content16_component020504 My_Profile_content16_component020504" "My_Profile_content16_component020505 My_Profile_content16_component020505 My_Profile_content16_component020505" "My_Profile_content16_component020506 My_Profile_content16_component020506 My_Profile_content16_component020506" "My_Profile_content16_component020507 My_Profile_content16_component020507x My_Profile_content16_component020507x" "My_Profile_content16_component020508 My_Profile_content16_component020508x My_Profile_content16_component020508x" "My_Profile_content16_component020509 My_Profile_content16_component020509x My_Profile_content16_component020509x" "My_Profile_content16_component020510 My_Profile_content16_component020510x My_Profile_content16_component020510x" "My_Profile_content16_component020511 My_Profile_content16_component020511x My_Profile_content16_component020511x" "My_Profile_content16_component020512 My_Profile_content16_component020512x My_Profile_content16_component020512x" "My_Profile_content16_component020513 My_Profile_content16_component020513 My_Profile_content16_component020513" "My_Profile_content16_component020514 My_Profile_content16_component020514 My_Profile_content16_component020514"; } #My_Profile_content16_component020501 { grid-area: My_Profile_content16_component020501; margin-left: 10px; margin-right: 10px; } #My_Profile_content16_component020502 { grid-area: My_Profile_content16_component020502; margin-left: 10px; margin-right: 10px; } #My_Profile_content16_component020503 { grid-area: My_Profile_content16_component020503; margin-left: 10px; margin-right: 10px; } #My_Profile_content16_component020504 { grid-area: My_Profile_content16_component020504; margin-left: 10px; margin-right: 10px; } #My_Profile_content16_component020505 { grid-area: My_Profile_content16_component020505; margin-left: 10px; margin-right: 10px; } #My_Profile_content16_component020506 { grid-area: My_Profile_content16_component020506; margin-left: 10px; margin-right: 10px; } #My_Profile_content16_component020507 { grid-area: My_Profile_content16_component020507; margin-left: 10px; margin-right: 10px; } #My_Profile_content16_component020508 { grid-area: My_Profile_content16_component020508; margin-left: 10px; margin-right: 10px; } #My_Profile_content16_component020509 { grid-area: My_Profile_content16_component020509; margin-left: 10px; margin-right: 10px; } #My_Profile_content16_component020510 { grid-area: My_Profile_content16_component020510; margin-left: 10px; margin-right: 10px; } #My_Profile_content16_component020511 { grid-area: My_Profile_content16_component020511; margin-left: 10px; margin-right: 10px; } #My_Profile_content16_component020512 { grid-area: My_Profile_content16_component020512; margin-left: 10px; margin-right: 10px; } #My_Profile_content16_component020513 { grid-area: My_Profile_content16_component020513; margin-left: 10px; margin-right: 10px; } #My_Profile_content16_component020514 { grid-area: My_Profile_content16_component020514; margin-left: 10px; margin-right: 10px; } #My_Profile_content16_component0209 { grid-area: My_Profile_content16_component0209; display: grid; grid-template-columns: auto auto auto auto; grid-template-rows: 50px; grid-column-gap: 0px; grid-row-gap: 0px; grid-template-areas: "My_Profile_content16_component020901 My_Profile_content16_component020902 My_Profile_content16_component020903 My_Profile_content16_component020904"; background-color: #fff; margin-top: 0px; margin-bottom: 10px; margin-left: 15px; } #My_Profile_content16_component020901 { grid-area: My_Profile_content16_component020901; } #My_Profile_content16_component020902 { grid-area: My_Profile_content16_component020902; } #My_Profile_content16_component020903 { grid-area: My_Profile_content16_component020903; } #My_Profile_content16_component020904 { grid-area: My_Profile_content16_component020904; } /********************************************************/ #My_Profile_content16_component03 { grid-area: My_Profile_content16_component03; background-color: rgba(82,128,193,1.0); border-radius: 0px 0px 8px 8px; } /********************************************/ /*** My_Profile_container #19 END ***/ /********************************************/ /********************************************/ /*** Company_Profile_container #19 ***/ /* 1025px - 1366px - iPad Pro */ /* 347px, 1000px, -40px */ /********************************************/ .Company_Profile_container { display: grid; height: auto; grid-template-columns: 1365px; grid-template-rows: 42px 250px auto auto auto; grid-template-areas: "Company_Profile_content01" "Company_Profile_content02" "Company_Profile_content04" "Company_Profile_content12" "Company_Profile_content14"; font-size: calc(14px + 0.1vw); color: #000000; margin-bottom: 10px; margin-left: -48px; /*123*/ } /********************************************************/ #Company_Profile_content01 { grid-area: Company_Profile_content01; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-template-rows: 2px 35px 25px; grid-template-areas: "Company_Profile_content01_component01 Company_Profile_content01_component01 Company_Profile_content01_component01 Company_Profile_content01_component01" "Company_Profile_content01_component02 Company_Profile_content01_component02 Company_Profile_content01_component02 Company_Profile_content01_component02" "Company_Profile_content01_component05 Company_Profile_content01_component05 Company_Profile_content01_component05 Company_Profile_content01_component05"; } #Company_Profile_content01_component01 { grid-area: Company_Profile_content01_component01; } #Company_Profile_content01_component02 { grid-area: Company_Profile_content01_component02; } #Company_Profile_content01_component05 { grid-area: Company_Profile_content01_component05; } /********************************************************/ /********************************************************/ /********************************************************/ #Company_Profile_content02 { grid-area: Company_Profile_content02; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 250px; grid-template-areas: "Company_Profile_content02_component01 Company_Profile_content02_component01 Company_Profile_content02_component01" "Company_Profile_content02_component02 Company_Profile_content02_component02 Company_Profile_content02_component02"; } #Company_Profile_content02_component01 { grid-area: Company_Profile_content02_component01; } #Company_Profile_content02_component02 { grid-area: Company_Profile_content02_component02; width: 120px; height: 120px; position: absolute; top: 305px; /* was 285px not logged in position 330px is logged in position*/ left: 10px; color: #333; font-family: "Nexa Bold", "Helvetica Bold", helvetica, "Source Sans Pro", arial, sans-serif; background-color: rgb(82,128,193); /* Fallback color */ background-color: rgba(82,128,193,1.0); /* white w/ opacity */ border-color: rgb(82,128,193); /* Fallback color */ border-color: rgba(82,128,193,1.0); /* blue w/ opacity */ } /********************************************************/ /********************************************************/ #Company_Profile_content04 { grid-area: Company_Profile_content04; display: grid; grid-template-columns: 1fr; /* 270px */ grid-template-rows: 30px 25px 25px 25px 25px 25px 25px 25px 25px 25px 25px 25px 25px 25px 25px 25px auto 25px 25px 25px 25px 25px 25px 25px 25px 25px 25px 25px auto 160px; grid-template-areas: "Company_Profile_content04_component01" "Company_Profile_content04_component04" "Company_Profile_content04_component05" "Company_Profile_content04_component06" "Company_Profile_content04_component07" "Company_Profile_content04_component08" "Company_Profile_content04_component09" "Company_Profile_content04_component10" "Company_Profile_content04_component11" "Company_Profile_content04_component12" "Company_Profile_content04_component13" "Company_Profile_content04_component14" "Company_Profile_content04_component15" "Company_Profile_content04_component16" "Company_Profile_content04_component17" "Company_Profile_content04_component18" "Company_Profile_content04_component19" "Company_Profile_content04_component20" "Company_Profile_content04_component21" "Company_Profile_content04_component22" "Company_Profile_content04_component23" "Company_Profile_content04_component24" "Company_Profile_content04_component25" "Company_Profile_content04_component26" "Company_Profile_content04_component27" "Company_Profile_content04_component28" "Company_Profile_content04_component29" "Company_Profile_content04_component30" "Company_Profile_content04_component31" "Company_Profile_content04_component35"; background-color: #eee; padding-top: 10px; padding-right: 0px; padding-bottom: 0px; padding-left: 2px; border-color: rgba(82,128,193,1.0); border: 1px solid; font-family: "Nexa Bold", "Helvetica Bold", helvetica, "Source Sans Pro", arial, sans-serif; font-weight: 500; border-radius: 0px 0px 8px 8px; } #Company_Profile_content04_component01 { grid-area: Company_Profile_content04_component01; font-family: "Nexa Bold", "Helvetica Bold", helvetica, "Source Sans Pro", arial, sans-serif; font-weight: 600; text-align: center; margin-top: 3px; margin-right: 5px; margin-left: 5px; } #Company_Profile_content04_component04 { grid-area: Company_Profile_content04_component04; font-family: "Nexa Bold", "Helvetica Bold", helvetica, "Source Sans Pro", arial, sans-serif; font-weight: 600; margin-right: 5px; margin-left: 5px; } #Company_Profile_content04_component05 { grid-area: Company_Profile_content04_component05; margin-right: 5px; margin-left: 5px; } #Company_Profile_content04_component06 { grid-area: Company_Profile_content04_component06; font-family: "Nexa Bold", "Helvetica Bold", helvetica, "Source Sans Pro", arial, sans-serif; font-weight: 600; margin-right: 5px; margin-left: 5px; } #Company_Profile_content04_component07 { grid-area: Company_Profile_content04_component07; margin-right: 5px; margin-left: 5px; } #Company_Profile_content04_component08 { grid-area: Company_Profile_content04_component08; margin-right: 5px; margin-left: 5px; } #Company_Profile_content04_component09 { grid-area: Company_Profile_content04_component09; font-family: "Nexa Bold", "Helvetica Bold", helvetica, "Source Sans Pro", arial, sans-serif; font-weight: 600; margin-right: 5px; margin-left: 5px; } #Company_Profile_content04_component10 { grid-area: Company_Profile_content04_component10; margin-right: 5px; margin-left: 5px; } #Company_Profile_content04_component11 { grid-area: Company_Profile_content04_component11; font-weight: 600; margin-right: 5px; margin-left: 5px; } #Company_Profile_content04_component12 { grid-area: Company_Profile_content04_component12; margin-right: 5px; margin-left: 5px; } #Company_Profile_content04_component13 { grid-area: Company_Profile_content04_component13; margin-right: 5px; margin-left: 5px; } #Company_Profile_content04_component14 { grid-area: Company_Profile_content04_component14; margin-right: 5px; margin-left: 5px; } #Company_Profile_content04_component15 { grid-area: Company_Profile_content04_component15; margin-right: 5px; margin-left: 5px; } #Company_Profile_content04_component16 { grid-area: Company_Profile_content04_component16; margin-right: 5px; margin-left: 5px; } #Company_Profile_content04_component17 { grid-area: Company_Profile_content04_component17; margin-right: 5px; margin-left: 5px; } #Company_Profile_content04_component18 { grid-area: Company_Profile_content04_component18; font-family: "Nexa Bold", "Helvetica Bold", helvetica, "Source Sans Pro", arial, sans-serif; font-weight: 600; margin-right: 5px; margin-left: 5px; } #Company_Profile_content04_component19 { grid-area: Company_Profile_content04_component19; margin-right: 5px; margin-left: 5px; } #Company_Profile_content04_component20 { grid-area: Company_Profile_content04_component20; font-family: "Nexa Bold", "Helvetica Bold", helvetica, "Source Sans Pro", arial, sans-serif; font-weight: 600; margin-right: 5px; margin-left: 5px; } #Company_Profile_content04_component21 { grid-area: Company_Profile_content04_component21; margin-right: 5px; margin-left: 5px; } #Company_Profile_content04_component22 { grid-area: Company_Profile_content04_component22; font-family: "Nexa Bold", "Helvetica Bold", helvetica, "Source Sans Pro", arial, sans-serif; font-weight: 600; margin-right: 5px; margin-left: 5px; } #Company_Profile_content04_component23 { grid-area: Company_Profile_content04_component23; margin-right: 5px; margin-left: 5px; } #Company_Profile_content04_component24 { grid-area: Company_Profile_content04_component24; font-family: "Nexa Bold", "Helvetica Bold", helvetica, "Source Sans Pro", arial, sans-serif; font-weight: 600; margin-right: 5px; margin-left: 5px; } #Company_Profile_content04_component25 { grid-area: Company_Profile_content04_component25; margin-right: 5px; margin-left: 5px; } #Company_Profile_content04_component26 { grid-area: Company_Profile_content04_component26; font-family: "Nexa Bold", "Helvetica Bold", helvetica, "Source Sans Pro", arial, sans-serif; font-weight: 600; margin-right: 5px; margin-left: 5px; } #Company_Profile_content04_component27 { grid-area: Company_Profile_content04_component27; margin-right: 5px; margin-left: 5px; } #Company_Profile_content04_component28 { grid-area: Company_Profile_content04_component28; font-family: "Nexa Bold", "Helvetica Bold", helvetica, "Source Sans Pro", arial, sans-serif; font-weight: 600; margin-right: 5px; margin-left: 5px; } #Company_Profile_content04_component29 { grid-area: Company_Profile_content04_component29; margin-right: 5px; margin-left: 5px; } #Company_Profile_content04_component30 { grid-area: Company_Profile_content04_component30; font-family: "Nexa Bold", "Helvetica Bold", helvetica, "Source Sans Pro", arial, sans-serif; font-weight: 600; margin-right: 5px; margin-left: 5px; } #Company_Profile_content04_component31 { grid-area: Company_Profile_content04_component31; margin-right: 5px; margin-left: 5px; } /********************************************************/ /* BUTTON BLOCK */ /********************************************************/ #Company_Profile_content04_component35 { grid-area: Company_Profile_content04_component35; display: grid; grid-template-columns: auto auto; grid-template-rows: 55px 65px 25px; grid-column-gap: 0px; grid-row-gap: 0px; grid-template-areas: "Company_Profile_content04_component3501 Company_Profile_content04_component3502" "Company_Profile_content04_component3503 Company_Profile_content04_component3504" "Company_Profile_content04_component3505 Company_Profile_content04_component3505"; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 10px; margin-right: 5px; margin-left: 5px; border-top: 1px solid black; } #Company_Profile_content04_component3501 { grid-area: Company_Profile_content04_component3501; margin-top: 10px; } #Company_Profile_content04_component3502 { grid-area: Company_Profile_content04_component3502; margin-top: 10px; } #Company_Profile_content04_component3503 { grid-area: Company_Profile_content04_component3503; margin-top: 10px; } #Company_Profile_content04_component3504 { grid-area: Company_Profile_content04_component3504; margin-top: 10px; } #Company_Profile_content04_component3505 { grid-area: Company_Profile_content04_component3505; } /********************************************************/ /* BUTTON BLOCK */ /********************************************************/ /********************************************************/ #Company_Profile_content12 { grid-area: Company_Profile_content12; display: none; grid-template-columns: 1355px; /* 270px */ grid-template-rows: auto; grid-column-gap: 0px; grid-row-gap: 0px; grid-template-areas: "Company_Profile_content12_FormGrid"; border-radius: 8px 8px 0px 0px; font-weight: 600; margin-left: -2px; } #Company_Profile_content12_FormGrid { grid-area: Company_Profile_content12_FormGrid; display: grid; grid-template-columns: 1355px; /* 270px */ grid-template-rows: 80px auto 30px; /* 270px */ grid-column-gap: 0px; grid-row-gap: 0px; grid-template-areas: "Company_Profile_content12_component01" "Company_Profile_content12_component02" "Company_Profile_content12_component03"; background-color: #ddd; margin-left: 5px; border-radius: 8px 8px 0px 0px; } #Company_Profile_content12_component01 { grid-area: Company_Profile_content12_component01; display: grid; grid-template-columns: 1355px; /* 270px */ grid-template-rows: 40px 40px; grid-column-gap: 0px; grid-row-gap: 0px; grid-template-areas: "Company_Profile_content12_component0101" "Company_Profile_content12_component0103"; background-color: rgba(82,128,193,1.0); border-radius: 8px 8px 0px 0px; } #Company_Profile_content12_component0101 { grid-area: Company_Profile_content12_component0101; margin-right: 20px; } #Company_Profile_content12_component0103 { grid-area: Company_Profile_content12_component0103; margin-left: 5px; } /********************************************************/ #Company_Profile_content12_component02 { grid-area: Company_Profile_content12_com`ponent02; display: grid; grid-template-columns: 1355px; /* 270px */ grid-template-rows: 75px; grid-column-gap: 0px; grid-row-gap: 0px; grid-template-areas: "Company_Profile_content12_component0201" "Company_Profile_content12_component0202" "Company_Profile_content12_component0203" "Company_Profile_content12_component0205" "Company_Profile_content12_component0206" "Company_Profile_content12_component0207" "Company_Profile_content12_component0208" "Company_Profile_content12_component0209" "Company_Profile_content12_component0210" "Company_Profile_content12_component0211"; background-color: #fff; } #Company_Profile_content12_component0201 { grid-area: Company_Profile_content12_component0201; display: grid; grid-template-columns: 1fr 1fr; /* 270px */ grid-template-rows: 65px 40px; grid-column-gap: 0px; grid-row-gap: 0px; grid-template-areas: "Company_Profile_content12_component020101 Company_Profile_content12_component020101" "Company_Profile_content12_component020102 Company_Profile_content12_component020103"; /* background-color: #fff; */ margin-top: 0px; margin-left: 5px; margin-right: 10px; border-bottom: 1px solid black; } #Company_Profile_content12_component020101 { grid-area: Company_Profile_content12_component020101; } #Company_Profile_content12_component020102 { grid-area: Company_Profile_content12_component020102; margin-top: 8px; text-align: right; /* 270px */ } #Company_Profile_content12_component020103 { grid-area: Company_Profile_content12_component020103; margin-top: 8px; text-align: center; } /*************************/* #Company_Profile_content12_component0202 { grid-area: Company_Profile_content12_component0202; display: grid; grid-template-columns: 1355px; /* 270px */ grid-template-rows: 30px 250px 45px 30px 135px 45px; /* 270px */ grid-template-areas: "Company_Profile_content12_component020201" "Company_Profile_content12_component020202" "Company_Profile_content12_component020203" "Company_Profile_content12_component020204" "Company_Profile_content12_component020205" "Company_Profile_content12_component020206"; } #Company_Profile_content12_component020201 { grid-area: Company_Profile_content12_component020201; margin-top: 10px; margin-left: 5px; } #Company_Profile_content12_component020202 { grid-area: Company_Profile_content12_component020202; margin-top: 0px; } #Company_Profile_content12_component020203 { grid-area: Company_Profile_content12_component020203; margin-top: 5px; margin-left: 5px; margin-right: 10px; border-bottom: 1px solid black; } #Company_Profile_content12_component020204 { grid-area: Company_Profile_content12_component020204; margin-top: 10px; margin-left: 5px; } #Company_Profile_content12_component020205 { grid-area: Company_Profile_content12_component020205; width: 120px; height: 120px; position: relative; top: 0px; left: 622px; /* 270px */ color: #333; font-family: "Nexa Bold", "Helvetica Bold", helvetica, "Source Sans Pro", arial, sans-serif; background-color: rgb(82,128,193); background-color: rgba(82,128,193,1.0); border-color: rgb(82,128,193); border-color: rgba(82,128,193,1.0); } #Company_Profile_content12_component020206 { grid-area: Company_Profile_content12_component020206; margin-top: 5px; margin-left: 5px; margin-right: 10px; border-bottom: 1px solid black; } /*******************************************/ #Company_Profile_content12_component0205 { grid-area: Company_Profile_content12_component0205; display: grid; grid-template-columns: 1355px; grid-template-rows: 25px 55px 25px 55px 25px 55px 25px 55px 25px 55px; grid-template-areas: "Company_Profile_content12_component020501" "Company_Profile_content12_component020502" "Company_Profile_content12_component020503" "Company_Profile_content12_component020504" "Company_Profile_content12_component020505" "Company_Profile_content12_component020506" "Company_Profile_content12_component020507" "Company_Profile_content12_component020508" "Company_Profile_content12_component020509" "Company_Profile_content12_component020510"; font-weight: 600; } #Company_Profile_content12_component020501 { grid-area: Company_Profile_content12_component020501; margin-right: 10px; margin-left: 10px; } #Company_Profile_content12_component020502 { grid-area: Company_Profile_content12_component020502; margin-right: 10px; margin-left: 10px; } #Company_Profile_content12_component020503 { grid-area: Company_Profile_content12_component020503; margin-right: 10px; margin-left: 10px; } #Company_Profile_content12_component020504 { grid-area: Company_Profile_content12_component020504; margin-right: 10px; margin-left: 10px; } #Company_Profile_content12_component020505 { grid-area: Company_Profile_content12_component020505; margin-right: 10px; margin-left: 10px; } #Company_Profile_content12_component020506 { grid-area: Company_Profile_content12_component020506; margin-right: 10px; margin-left: 10px; } #Company_Profile_content12_component020507 { grid-area: Company_Profile_content12_component020507; margin-right: 10px; margin-left: 10px; } #Company_Profile_content12_component020508 { grid-area: Company_Profile_content12_component020508; margin-right: 10px; margin-left: 10px; } #Company_Profile_content12_component020509 { grid-area: Company_Profile_content12_component020509; margin-right: 10px; margin-left: 10px; } #Company_Profile_content12_component020510 { grid-area: Company_Profile_content12_component020510; margin-right: 10px; margin-left: 10px; } #Company_Profile_content12_component0206 { grid-area: Company_Profile_content12_component0206; display: grid; grid-template-columns: 1355px; grid-template-rows: 25px 55px; grid-template-areas: "Company_Profile_content12_component020601" "Company_Profile_content12_component020602"; font-weight: 600; } #Company_Profile_content12_component020601 { grid-area: Company_Profile_content12_component020601; margin-right: 10px; margin-left: 10px; } #Company_Profile_content12_component020602 { grid-area: Company_Profile_content12_component020602; margin-right: 10px; margin-left: 10px; } #Company_Profile_content12_component0207 { grid-area: Company_Profile_content12_component0207; display: grid; grid-template-columns: 1355px; grid-template-rows: 25px 55px 25px 55px 25px 55px 25px 55px 25px 55px; grid-template-areas: "Company_Profile_content12_component020701" "Company_Profile_content12_component020702" "Company_Profile_content12_component020703" "Company_Profile_content12_component020704" "Company_Profile_content12_component020705" "Company_Profile_content12_component020706" "Company_Profile_content12_component020707" "Company_Profile_content12_component020708" "Company_Profile_content12_component020709" "Company_Profile_content12_component020710"; font-weight: 600; } #Company_Profile_content12_component020701 { grid-area: Company_Profile_content12_component020701; margin-right: 10px; margin-left: 10px; } #Company_Profile_content12_component020702 { grid-area: Company_Profile_content12_component020702; margin-right: 10px; margin-left: 10px; } #Company_Profile_content12_component020703 { grid-area: Company_Profile_content12_component020703; margin-right: 10px; margin-left: 10px; } #Company_Profile_content12_component020704 { grid-area: Company_Profile_content12_component020704; margin-right: 10px; margin-left: 10px; } #Company_Profile_content12_component020705 { grid-area: Company_Profile_content12_component020705; margin-right: 10px; margin-left: 10px; } #Company_Profile_content12_component020706 { grid-area: Company_Profile_content12_component020706; margin-right: 10px; margin-left: 10px; } #Company_Profile_content12_component020707 { grid-area: Company_Profile_content12_component020707; margin-right: 10px; margin-left: 10px; } #Company_Profile_content12_component020708 { grid-area: Company_Profile_content12_component020708; margin-right: 10px; margin-left: 10px; } #Company_Profile_content12_component020709 { grid-area: Company_Profile_content12_component020709; margin-right: 10px; margin-left: 10px; } #Company_Profile_content12_component020710 { grid-area: Company_Profile_content12_component020710; margin-right: 10px; margin-left: 10px; } #Company_Profile_content12_component0208 { grid-area: Company_Profile_content12_component0208; display: grid; grid-template-columns: 1355px; grid-template-rows: 25px 65px 35px auto; grid-template-areas: "Company_Profile_content12_component020801" "Company_Profile_content12_component020802" "Company_Profile_content12_component020803" "Company_Profile_content12_component020804"; font-weight: 600; } #Company_Profile_content12_component020801 { grid-area: Company_Profile_content12_component020801; margin-right: 10px; margin-left: 10px; } #Company_Profile_content12_component020802 { grid-area: Company_Profile_content12_component020802; margin-right: 10px; margin-left: 10px; } #Company_Profile_content12_component020803 { grid-area: Company_Profile_content12_component020803; margin-right: 10px; margin-left: 10px; } #Company_Profile_content12_component020804 { grid-area: Company_Profile_content12_component020804; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; } #Company_Profile_content12_component0209 { grid-area: Company_Profile_content12_component0209; display: grid; grid-template-columns: 1355px; grid-template-rows: 25px 55px 25px 55px 25px 55px; grid-template-areas: "Company_Profile_content12_component020901" "Company_Profile_content12_component020902" "Company_Profile_content12_component020903" "Company_Profile_content12_component020904" "Company_Profile_content12_component020905" "Company_Profile_content12_component020906"; font-weight: 600; } #Company_Profile_content12_component020901 { grid-area: Company_Profile_content12_component020901; margin-right: 10px; margin-left: 10px; } #Company_Profile_content12_component020902 { grid-area: Company_Profile_content12_component020902; margin-right: 10px; margin-left: 10px; } #Company_Profile_content12_component020903 { grid-area: Company_Profile_content12_component020903; margin-right: 10px; margin-left: 10px; } #Company_Profile_content12_component020904 { grid-area: Company_Profile_content12_component020904; margin-right: 10px; margin-left: 10px; } #Company_Profile_content12_component020905 { grid-area: Company_Profile_content12_component020905; margin-right: 10px; margin-left: 10px; } #Company_Profile_content12_component020906 { grid-area: Company_Profile_content12_component020906; margin-right: 10px; margin-left: 10px; } #Company_Profile_content12_component0210 { grid-area: Company_Profile_content12_component0210; display: grid; grid-template-columns: 1355px; grid-template-rows: 25px auto; grid-template-areas: "Company_Profile_content12_component021001" "Company_Profile_content12_component021002"; font-weight: 600; } #Company_Profile_content12_component021001 { grid-area: Company_Profile_content12_component021001; margin-right: 10px; margin-left: 10px; } #Company_Profile_content12_component021002 { grid-area: Company_Profile_content12_component021002; margin-right: 10px; margin-left: 10px; } #Company_Profile_content12_component0211 { grid-area: Company_Profile_content12_component0211; display: grid; grid-template-columns: 1355px; grid-template-rows: 65px; grid-template-areas: "Company_Profile_content12_component021101"; margin-top: 12px; margin-left: 15px; } #Company_Profile_content12_component021101 { grid-area: Company_Profile_content12_component021101; margin-right: 10px; margin-left: 10px; } /********************************************************/ #Company_Profile_content12_component03 { grid-area: Company_Profile_content12_component03; background-color: rgba(82,128,193,1.0); border-radius: 0px 0px 8px 8px; } /********************************************/ /*** Company_Profile_content14 ***/ /********************************************/ #Company_Profile_content14 { grid-area: Company_Profile_content14; display: none; grid-template-columns: 1fr 1365px 1fr; /* 270px */ grid-template-rows: auto auto auto; grid-template-areas: "Company_Profile_content14_grid01 Company_Profile_content14_grid02 Company_Profile_content14_grid03" "Company_Profile_content14_grid04 Company_Profile_content14_grid05 Company_Profile_content14_grid06" "Company_Profile_content14_grid07 Company_Profile_content14_grid08 Company_Profile_content14_grid09"; } #Company_Profile_content14_component05 { grid-area: Company_Profile_content14_grid05; display: grid; height: auto; grid-template-columns: 10px 1fr 1fr 1fr 10px; /* 270px */ grid-template-rows: 50px 2px auto 70px; grid-template-areas: "Company_Profile_content14_grid10 Company_Profile_content14_grid11 Company_Profile_content14_grid12 Company_Profile_content14_grid13 Company_Profile_content14_grid14" "Company_Profile_content14_grid15 Company_Profile_content14_grid16 Company_Profile_content14_grid16 Company_Profile_content14_grid16 Company_Profile_content14_grid19" "Company_Profile_content14_grid20 Company_Profile_content14_grid21 Company_Profile_content14_grid21 Company_Profile_content14_grid21 Company_Profile_content14_grid24" "Company_Profile_content14_grid25 Company_Profile_content14_grid26 Company_Profile_content14_grid27 Company_Profile_content14_grid28 Company_Profile_content14_grid29"; background-color: #CCCCCC; border-radius: 10px; } #Company_Profile_content14_component0501 { grid-area: Company_Profile_content14_grid13; display: grid; text-align: right; } #Company_Profile_content14_component0502 { grid-area: Company_Profile_content14_grid16; display: grid; } #Company_Profile_content14_component0503 { grid-area: Company_Profile_content14_grid21; display: grid; } #Company_Profile_content14_component0504 { grid-area: Company_Profile_content14_grid27; display: grid; margin-top: 10px; } div#Company_Profile_content14_progress_bar.Company_Profile_content14_progress_bar { width: 1%; max-width: 100%; height: 2px; background-color: #4CAF50; box-shadow: 1px 1px 5px #4CAF50; } /***********************************************/ /* Company_Profile_content14_ Modal Styling */ /***********************************************/ /* doug this is dead css */ div#Company_Profile_content14_user_message_container.Company_Profile_content14_user_message_container { width: 100%; height: 30px; background-color: #fff; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } label#Company_Profile_content14_usermessages_top.Company_Profile_content14_usermessages_top { width: 100%; height: 100%; /* background-color: #fff; */ /* margin-top: 0px; */ /* margin-right: 0px; */ /* margin-bottom: 0px; */ /* margin-left: 0px; */ /* font-weight: 400; */ } /* The Close Button */ span#Company_Profile_content14_modal_close.Company_Profile_content14_modal_close { color: white; font-size: 60px; font-weight: 800; font-family: 'Libre Franklin'; line-height: 50px; height: 50px; } .Company_Profile_content14_modal_close:hover, .Company_Profile_content14_modal_close:focus { color: #000; text-decoration: none; cursor: pointer; } .Company_Profile_content14_modal { display: none; position: fixed; z-index: 0; padding-top: 0px; /* was 142px */ padding-bottom: 0px; /* was 142px */ left: 0px; top: 0px; width: 100%; height: 100%; background-color: rgb(143,193,232); background-color: rgba(143,193,232,0.4); } button#Company_Profile_content14_modal_close_button.Company_Profile_content14_modal_close_button { height: 50px; line-height: 1em; margin-top: 0px; background-color: #2196f3; border-radius: 8px; } /********************************************/ /*** Company_Profile_container #19 END ***/ /********************************************/ /*********************************************************************************************/ /* MAPERTUNITYY */ /*********************************************************************************************/ /*********************************************************************************************/ /* MAPERTUNITY */ /*********************************************************************************************/ /********************************************/ /*** Job_Map_container #19 ***/ /* 1025px - 1366px - iPad Pro */ /* 347px, 1000px, -40px */ /********************************************/ .Job_Map_container { display: grid; height: auto; /* grid-template-columns: 823px; */ /* 270px */ grid-template-columns: 347px 1000px; /* 270px */ grid-template-rows: 272px 415px 530px; /* 270px */ grid-template-areas: "Job_Map_container_content01 Job_Map_container_content01" "Job_Map_container_content08 Job_Map_container_content08" "Job_Map_container_content09 Job_Map_container_content10"; font-size: calc(14px + 0.1vw); color: #000000; border: none; /* 270px */ margin-top: 0px; margin-bottom: 0px; margin-right: 0px; margin-left: -40px; } /* .Job_Map_container { display: grid; height: auto; grid-template-columns: 823px; grid-template-rows: 275px 415px 530px; grid-template-areas: "Job_Map_container_content01" "Job_Map_container_content08" "Job_Map_container_content09" "Job_Map_container_content10"; font-size: calc(14px + 0.1vw); color: #000000; border: none; margin-top: 0px; margin-bottom: 0px; margin-right: 0px; margin-left: -48px; } */ .SF2_Job_Map_container { display: grid !important; height: auto !important; grid-template-columns: 1fr !important; /* grid-template-columns: 270px !important; */ grid-template-rows: 715px 403px 180px 530px !important; grid-template-areas: "Job_Map_container_content01" "Job_Map_container_content08" "Job_Map_container_content09" "Job_Map_container_content10" !important; /* grid-column-gap: 0.2rem; */ /* grid-row-gap: 0.2rem; */ /* text-transform: uppercase; */ font-size: calc(14px + 0.1vw) !important; color: #000000 !important; border: 1px solid black !important; margin-bottom: 10px !important; margin-left: -25px !important; } .SF2snap_Job_Map_container { display: grid; height: auto; grid-template-columns: 1fr; /* grid-template-columns: 270px; */ grid-template-rows: 715px 245px 400px 530px; grid-template-areas: "Job_Map_container_content01" "Job_Map_container_content08" "Job_Map_container_content09" "Job_Map_container_content10"; grid-column-gap: 0.2rem; grid-row-gap: 0.2rem; /* text-transform: uppercase; */ font-size: calc(14px + 0.1vw); color: #000000; border: 1px solid black; margin-bottom: 10px; margin-left: -25px; } /********************************************/ /*** Job_Map_container_content01 ***/ /********************************************/ .Job_Map_container_content01 { grid-area: Job_Map_container_content01; display: grid; grid-template-columns: 1fr; /* grid-template-columns: 280px; */ grid-template-rows: 1fr; grid-template-areas: "myFormGrid"; z-index: 0; position: relative; padding-top: var(--main-padding); border: none; /* 270px */ margin-top: 0px; /* TEMP margin-top: 0px;*/ margin-bottom: 0px; margin-right: 0px; margin-left: 0px; background-color: #f1f1f1; } .SF2_Job_Map_container_content01 { position: absolute !important; background-color: #f1f1f1 !important; grid-area: Job_Map_container_content01 !important; padding-top: var(--main-padding) !important; border: 1px solid black !important; display: grid !important; grid-template-columns: 270px !important; grid-template-rows: 1fr !important; grid-template-areas: "myFormGrid" !important; z-index: 0 !important; } /* .SF2snap_MAP1_Search_Form_Tools */ .SF2snap_Job_Map_container_content01 { position: relative; background-color: #f1f1f1; grid-area: Job_Map_container_content01; padding-top: var(--main-padding); border: 1px solid black; display: grid; grid-template-columns: 270px; grid-template-rows: 1fr; grid-template-areas: "myFormGrid"; z-index: 0; } /********************************************/ /*** Job_Map_myFormGrid ***/ /********************************************/ .myFormGrid { grid-area: myFormGrid; display: grid; grid-template-columns: 1fr 1fr 1fr; /* 270px */ grid-template-rows: 0px 112px 161px 204px; /* grid-template-rows: 23px 105px 179px 109px 90px 205px; */ grid-template-areas: "Job_Map_myFormGrid_content01 Job_Map_myFormGrid_content01 Job_Map_myFormGrid_content01" "Job_Map_myFormGrid_content02 Job_Map_myFormGrid_content04 Job_Map_myFormGrid_content07" "Job_Map_myFormGrid_content03 Job_Map_myFormGrid_content05 Job_Map_myFormGrid_content07"; /* width: 100%; */ border: 1px solid black; /* 270px */ /* background-color: #f1f1f1; */ /* background-color: #f1f1f1; */ padding-top: var(--main-padding); margin-top: 0px; margin-bottom: 0px; margin-right: 0px; margin-left: 0px; } .SF2_myFormGrid { background-color: #f1f1f1 !important; grid-area: myFormGrid !important; padding-top: var(--main-padding) !important; border: 1px solid black !important; display: grid !important; grid-template-columns: 270px !important; grid-template-rows: 23px 105px 179px 109px 90px 205px !important; grid-template-areas: "Job_Map_myFormGrid_content01" "Job_Map_myFormGrid_content02" "Job_Map_myFormGrid_content03" "Job_Map_myFormGrid_content04" "Job_Map_myFormGrid_content05" "Job_Map_myFormGrid_content07" !important; /* width: 100% !important; */ } .SF2snap_myFormGrid { background-color: #f1f1f1; grid-area: myFormGrid; padding-top: var(--main-padding); border: 1px solid black; display: grid; grid-template-columns: 270px; grid-template-rows: 23px 105px 179px 109px 90px 205px; grid-template-areas: "Job_Map_myFormGrid_content01" "Job_Map_myFormGrid_content02" "Job_Map_myFormGrid_content03" "Job_Map_myFormGrid_content04" "Job_Map_myFormGrid_content05" "Job_Map_myFormGrid_content07"; } /********************************************/ /*** Job_Map_myFormGrid_content01 #19 BEGIN ***/ /********************************************/ #Job_Map_myFormGrid_content01 { grid-area: Job_Map_myFormGrid_content01; display: grid; grid-template-columns: auto auto auto; grid-template-rows: 0px; grid-template-areas: "Job_Map_myFormGrid_content01_component01x Job_Map_myFormGrid_content01_component01 Job_Map_myFormGrid_content01_component02"; background-color: #f1f1f1; color: #f1f1f1; padding-top: var(--main-padding); cursor: move; border: 1px solid black; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; height: 0px; } .SF2_Job_Map_myFormGrid_content01 { grid-area: Job_Map_myFormGrid_content01 !important; display: grid !important; grid-template-columns: auto auto auto !important; grid-template-rows: 0px !important; grid-template-areas: "Job_Map_myFormGrid_content01_component01x Job_Map_myFormGrid_content01_component01 Job_Map_myFormGrid_content01_component02" !important; background-color: #f1f1f1 !important; color: #f1f1f1 !important; padding-top: var(--main-padding) !important; cursor: move !important; border: 1px solid black !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; height: 0px !important; } .SF2snap_Job_Map_myFormGrid_content01 { grid-area: Job_Map_myFormGrid_content01; display: grid; grid-template-columns: auto auto auto; grid-template-rows: 0px; grid-template-areas: "Job_Map_myFormGrid_content01_component01x Job_Map_myFormGrid_content01_component01 Job_Map_myFormGrid_content01_component02"; background-color: #f1f1f1; color: #f1f1f1; padding-top: var(--main-padding); cursor: move; border: 1px solid black; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; height: 0px; } /********************************************/ /*** Job_Map_myFormGrid_content01_component01 ***/ /********************************************/ #Job_Map_myFormGrid_content01_component01 { grid-area: Job_Map_myFormGrid_content01_component01; display: grid; cursor: move; /* z-index: 1; */ background-color: #f1f1f1; text-align: center; color: #f1f1f1; } .SF2_Job_Map_myFormGrid_content01_component01 { grid-area: Job_Map_myFormGrid_content01_component01; display: grid; cursor: move; /* z-index: 1; */ background-color: #f1f1f1; text-align: center; color: #f1f1f1; } .SF2snap_Job_Map_myFormGrid_content01_component01 { grid-area: Job_Map_myFormGrid_content01_component01; display: grid; cursor: move; /* z-index: 1; */ background-color: #f1f1f1; text-align: center; color: #f1f1f1; } /**********************************************/ #Job_Map_myFormGrid_content01_component02 { grid-area: Job_Map_myFormGrid_content01_component02; display: grid; cursor: move; /* z-index: 1; */ background-color: #f1f1f1; text-align: center; color: #f1f1f1; } .SF2_Job_Map_myFormGrid_content01_component02 { grid-area: Job_Map_myFormGrid_content01_component02; display: grid; cursor: move; /* z-index: 1; */ background-color: #f1f1f1; text-align: center; color: #f1f1f1; } .SF2snap_Job_Map_myFormGrid_content01_component02 { grid-area: Job_Map_myFormGrid_content01_component02; display: grid; cursor: move; /* z-index: 1; */ background-color: #f1f1f1; text-align: center; color: #f1f1f1; } /***********************/ span#ClickToMove_modal_close.ClickToMove_modal_close { color: white; font-size: 36px; font-weight: 800; font-family: 'Libre Franklin'; line-height: 23px; height: 10px; } .ClickToMove_modal_close:hover, .ClickToMove_modal_close:focus { color: #f1f1f1; text-decoration: none; cursor: pointer; } /********************************************/ /*** Job_Map_myFormGrid_content01 #19 END ***/ /********************************************/ /* #Job_Map_myFormGrid_content01 { grid-area: Job_Map_myFormGrid_content01; background-color: #f1f1f1; text-align: center; color: #f1f1f1; margin-top: 0px; margin-bottom: 0px; margin-right: 0px; margin-left: 0px; } .SF2_Job_Map_myFormGrid_content01 { grid-area: Job_Map_myFormGrid_content01 !important; cursor: move !important; z-index: 10 !important; background-color: #2196F3 !important; text-align: center !important; color: #fff !important; margin-left: 1px !important; } .SF2snap_Job_Map_myFormGrid_content01 { grid-area: Job_Map_myFormGrid_content01; cursor: move; z-index: 1; background-color: #2196F3; text-align: center; color: #fff; width: 100%; } div#Job_Map_myFormGrid_content01_component01.Job_Map_myFormGrid_content01_component01 { cursor: move; background-color: #f1f1f1; text-align: center; color: #f1f1f1; height: 0px; margin-top: 0px; margin-bottom: 0px; margin-right: 0px; margin-left: 0px; } .SF2_Job_Map_myFormGrid_content01_component01 { cursor: move !important; z-index: 10 !important; background-color: #2196F3 !important; text-align: center !important; color: #2196F3 !important; } .SF2snap_Job_Map_myFormGrid_content01_component01 { cursor: move; z-index: 1; background-color: #2196F3; text-align: center; color: #2196F3; } */ /********************************************/ /*** Job_Map_myFormGrid_content02 ***/ /********************************************/ #Job_Map_myFormGrid_content02 { grid-area: Job_Map_myFormGrid_content02; display: grid; grid-template-columns: min-content auto; grid-template-rows: 20px 20px 20px 20px 20px; grid-template-areas: "Job_Map_myFormGrid_content02_component01 Job_Map_myFormGrid_content02_component02" "Job_Map_myFormGrid_content02_component03 Job_Map_myFormGrid_content02_component04" "Job_Map_myFormGrid_content02_component05 Job_Map_myFormGrid_content02_component06" "Job_Map_myFormGrid_content02_component07 Job_Map_myFormGrid_content02_component08" "Job_Map_myFormGrid_content02_component09 Job_Map_myFormGrid_content02_component10"; padding-top: var(--main-padding); cursor: move; z-index: 1; border: 1px solid black; background-color: #f1f1f1; /* width: 100%; */ /* height: 110px; */ margin-top: 0px; margin-bottom: 0px; margin-right: 0px; margin-left: 0px; } #Job_Map_myFormGrid_content02_component01 { grid-area: Job_Map_myFormGrid_content02_component01; margin-top: 0px; margin-bottom: 0px; margin-right: 0px; margin-left: 0px; } #Job_Map_myFormGrid_content02_component02 { grid-area: Job_Map_myFormGrid_content02_component02; margin-top: 0px; margin-bottom: 0px; margin-right: 0px; margin-left: 0px; } #Job_Map_myFormGrid_content02_component03 { grid-area: Job_Map_myFormGrid_content02_component03; margin-top: 0px; margin-bottom: 0px; margin-right: 0px; margin-left: 0px; } #Job_Map_myFormGrid_content02_component04 { grid-area: Job_Map_myFormGrid_content02_component04; margin-top: 0px; margin-bottom: 0px; margin-right: 0px; margin-left: 0px; } #Job_Map_myFormGrid_content02_component05 { grid-area: Job_Map_myFormGrid_content02_component05; margin-top: 0px; margin-bottom: 0px; margin-right: 0px; margin-left: 0px; } #Job_Map_myFormGrid_content02_component06 { grid-area: Job_Map_myFormGrid_content02_component06; margin-top: 0px; margin-bottom: 0px; margin-right: 0px; margin-left: 0px; } #Job_Map_myFormGrid_content02_component07 { grid-area: Job_Map_myFormGrid_content02_component07; margin-top: 0px; margin-bottom: 0px; margin-right: 0px; margin-left: 0px; } #Job_Map_myFormGrid_content02_component08 { grid-area: Job_Map_myFormGrid_content02_component08; margin-top: 0px; margin-bottom: 0px; margin-right: 0px; margin-left: 0px; } #Job_Map_myFormGrid_content02_component09 { grid-area: Job_Map_myFormGrid_content02_component09; margin-top: 0px; margin-bottom: 0px; margin-right: 0px; margin-left: 0px; } #Job_Map_myFormGrid_content02_component10 { grid-area: Job_Map_myFormGrid_content02_component10; margin-top: 0px; margin-bottom: 0px; margin-right: 0px; margin-left: 0px; } .SF2_Job_Map_myFormGrid_content02 { background-color: #f1f1f1 !important; grid-area: Job_Map_myFormGrid_content02 !important; padding-top: var(--main-padding) !important; cursor: move !important; z-index: 10 !important; border: 1px solid black !important; display: grid !important; grid-template-columns: min-content auto !important; grid-template-rows: 20px 20px 20px 20px 20px !important; grid-template-areas: "Job_Map_myFormGrid_content02_component01 Job_Map_myFormGrid_content02_component02" "Job_Map_myFormGrid_content02_component03 Job_Map_myFormGrid_content02_component04" "Job_Map_myFormGrid_content02_component05 Job_Map_myFormGrid_content02_component06" "Job_Map_myFormGrid_content02_component07 Job_Map_myFormGrid_content02_component08" "Job_Map_myFormGrid_content02_component09 Job_Map_myFormGrid_content02_component10" !important; /* width: 100% !important; */ /* height: 180px !important; */ } .SF2snap_Job_Map_myFormGrid_content02 { background-color: #f1f1f1; grid-area: Job_Map_myFormGrid_content02; /* border-radius: var(--main-radius); */ padding-top: var(--main-padding); cursor: move; z-index: 1; border: 1px solid black; display: grid; grid-template-columns: min-content auto; grid-template-rows: auto auto auto auto auto; grid-template-areas: "Job_Map_myFormGrid_content02_component01 Job_Map_myFormGrid_content02_component02" "Job_Map_myFormGrid_content02_component03 Job_Map_myFormGrid_content02_component04" "Job_Map_myFormGrid_content02_component05 Job_Map_myFormGrid_content02_component06" "Job_Map_myFormGrid_content02_component07 Job_Map_myFormGrid_content02_component08" "Job_Map_myFormGrid_content02_component09 Job_Map_myFormGrid_content02_component10"; width: 100%; height: 180px; } /* div#middle-col2A.middle-col2A */ /* div#Job_Map_myFormGrid_content02.Job_Map_myFormGrid_content02 { float: left; display: block; width: 353px; margin-top: 1px; margin-right: 1px; margin-bottom: 1px; margin-left: 1px; border: solid 1px black; } */ /* .SF2_middle-col2A */ /* .SF2_Job_Map_myFormGrid_content02 { float: left; display: block; width: 100%; margin-left: 1px; border-bottom: 1px solid #000000; } */ /* .SF2snap_middle-col2A */ /* .SF2snap_Job_Map_myFormGrid_content02 { float: left; display: block; width: 353px; margin-left: 1px; border: solid 1px black; } */ /********************************************/ /*** Job_Map_myFormGrid_content02_component01 ***/ /*** Job_Map_myFormGrid_content02_component02 ***/ /*** Job_Map_myFormGrid_content02_component03 ***/ /*** Job_Map_myFormGrid_content02_component04 ***/ /*** Job_Map_myFormGrid_content02_component05 ***/ /*** Job_Map_myFormGrid_content02_component06 ***/ /*** Job_Map_myFormGrid_content02_component07 ***/ /*** Job_Map_myFormGrid_content02_component08 ***/ /*** Job_Map_myFormGrid_content02_component09 ***/ /*** Job_Map_myFormGrid_content02_component10 ***/ /*** Job_Map_myFormGrid_content03 ***/ /********************************************/ #Job_Map_myFormGrid_content03 { grid-area: Job_Map_myFormGrid_content03; display: grid; grid-template-columns: auto auto auto; grid-template-rows: 25px 42px 42px 25px 25px; grid-template-areas: "Job_Map_myFormGrid_content03_component01 Job_Map_myFormGrid_content03_component06 Job_Map_myFormGrid_content03_component08" "Job_Map_myFormGrid_content03_component07 Job_Map_myFormGrid_content03_component07 Job_Map_myFormGrid_content03_component07" "Job_Map_myFormGrid_content03_component11 Job_Map_myFormGrid_content03_component11 Job_Map_myFormGrid_content03_component11" "Job_Map_myFormGrid_content03_component15 Job_Map_myFormGrid_content03_component15 Job_Map_myFormGrid_content03_component16" "Job_Map_myFormGrid_content03_component18 Job_Map_myFormGrid_content03_component18 Job_Map_myFormGrid_content03_component18"; padding-top: var(--main-padding); cursor: move; z-index: 1; border: 1px solid black; background-color: #f1f1f1; /* width: 100%; */ /* height: 160px; */ margin-top: 0px; margin-bottom: 0px; margin-right: 0px; margin-left: 0px; } #Job_Map_myFormGrid_content03_component01 { grid-area: Job_Map_myFormGrid_content03_component01; margin-right: 5px; margin-left: 5px; margin-top: 0px; margin-bottom: 0px; /* margin-right: 0px; */ /* margin-left: 0px; */ } #Job_Map_myFormGrid_content03_component06 { grid-area: Job_Map_myFormGrid_content03_component06; margin-right: 5px; margin-left: 5px; margin-top: 0px; margin-bottom: 0px; /* margin-right: 0px; */ /* margin-left: 0px; */ } #Job_Map_myFormGrid_content03_component07 { grid-area: Job_Map_myFormGrid_content03_component07; margin-right: 5px; margin-left: 5px; margin-top: 0px; margin-bottom: 0px; /* margin-right: 0px; */ /* margin-left: 0px; */ } #Job_Map_myFormGrid_content03_component08 { grid-area: Job_Map_myFormGrid_content03_component08; margin-right: 5px; margin-left: 5px; margin-top: 0px; margin-bottom: 0px; /* margin-right: 0px; */ /* margin-left: 0px; */ } #Job_Map_myFormGrid_content03_component10 { grid-area: Job_Map_myFormGrid_content03_component10; margin-right: 5px; margin-left: 5px; margin-top: 0px; margin-bottom: 0px; /* margin-right: 0px; */ /* margin-left: 0px; */ } #Job_Map_myFormGrid_content03_component11 { grid-area: Job_Map_myFormGrid_content03_component11; margin-right: 5px; margin-left: 5px; margin-top: 0px; margin-bottom: 0px; /* margin-right: 0px; */ /* margin-left: 0px; */ } #Job_Map_myFormGrid_content03_component15 { grid-area: Job_Map_myFormGrid_content03_component15; background-color: #e5e5e5; margin-right: 5px; margin-left: 5px; margin-top: 0px; margin-bottom: 0px; /* margin-right: 0px; */ /* margin-left: 0px; */ } #Job_Map_myFormGrid_content03_component16 { grid-area: Job_Map_myFormGrid_content03_component16; background-color: #e5e5e5; margin-right: 5px; margin-left: 0px; margin-top: 0px; margin-bottom: 0px; /* margin-right: 0px; */ /* margin-left: 0px; */ } #Job_Map_myFormGrid_content03_component18 { grid-area: Job_Map_myFormGrid_content03_component18; margin-right: 5px; margin-left: 5px; margin-top: 0px; margin-bottom: 0px; /* margin-right: 0px; */ /* margin-left: 0px; */ } .SF2_Job_Map_myFormGrid_content03 { background-color: #f1f1f1 !important; grid-area: Job_Map_myFormGrid_content03 !important; padding-top: var(--main-padding) !important; cursor: move !important; z-index: 10 !important; display: grid !important; grid-template-columns: auto auto auto !important; grid-template-rows: auto auto auto auto auto auto !important; grid-template-areas: "Job_Map_myFormGrid_content03_component01 Job_Map_myFormGrid_content03_component06 Job_Map_myFormGrid_content03_component08" "Job_Map_myFormGrid_content03_component07 Job_Map_myFormGrid_content03_component07 Job_Map_myFormGrid_content03_component07" "Job_Map_myFormGrid_content03_component10 Job_Map_myFormGrid_content03_component10 Job_Map_myFormGrid_content03_component10" "Job_Map_myFormGrid_content03_component11 Job_Map_myFormGrid_content03_component11 Job_Map_myFormGrid_content03_component11" "Job_Map_myFormGrid_content03_component15 Job_Map_myFormGrid_content03_component15 Job_Map_myFormGrid_content03_component16" "Job_Map_myFormGrid_content03_component18 Job_Map_myFormGrid_content03_component18 Job_Map_myFormGrid_content03_component18" !important; border: 1px solid black !important; /* width: 100%; */ /* height: 200px !important; */ } .SF2snap_Job_Map_myFormGrid_content03 { background-color: #f1f1f1; grid-area: Job_Map_myFormGrid_content03; /* border-radius: var(--main-radius); */ padding-top: var(--main-padding); cursor: move; z-index: 1; display: grid; grid-template-columns: auto auto auto; grid-template-rows: auto auto auto auto auto; grid-template-areas: "Job_Map_myFormGrid_content03_component01 Job_Map_myFormGrid_content03_component01 Job_Map_myFormGrid_content03_component01" "Job_Map_myFormGrid_content03_component06 Job_Map_myFormGrid_content03_component07 Job_Map_myFormGrid_content03_component08" "Job_Map_myFormGrid_content03_component10 Job_Map_myFormGrid_content03_component11 Job_Map_myFormGrid_content03_component11" "Job_Map_myFormGrid_content03_component15 Job_Map_myFormGrid_content03_component15 Job_Map_myFormGrid_content03_component16" "Job_Map_myFormGrid_content03_component18 Job_Map_myFormGrid_content03_component18 Job_Map_myFormGrid_content03_component18"; border: 1px solid black; /* width: 100%; */ /* height: 180px; */ } /********************************************/ /*** Job_Map_myFormGrid_content03_component01 ***/ /********************************************/ label#FI1_Label_map_centerOnBGrid.FI1_Label_map_centerOnBGrid { color: #333; text-align: center; display: inline-block; width: 100%; font-weight: 500; line-height: 1em; } /* 18929 */ /* label#FI1_Label_map_centerOnBGrid.FI1_Label_map_centerOnBGrid { color: #333; text-align: right; display: inline-block; width: 35.5%; font-weight: 500; line-height: 0.5em; } */ label#FI1_Label_map_centerOnBGrid.SF2_FI1_Label_map_centerOnBGrid { color: #333; text-align: center; display: inline-block; width: 100%; margin-left: 5px; font-weight: 500; line-height: 0.8em; } label#FI1_Label_map_centerOnBGrid.SF2snap_FI1_Label_map_centerOnBGrid { color: #333; text-align: center; display: inline-block; width: 100%; font-weight: 500; line-height: 0.5em; } /********************************************/ /*** Job_Map_myFormGrid_content03_component06 ***/ /********************************************/ label#FI1_Label_map_centerOnBBGrid.FI1_Label_map_centerOnBBGrid { color: #333; text-align: center; display: inline-block; width: 100%; font-weight: 500; line-height: 1em; } label#FI1_Label_map_centerOnBBGrid.SF2_FI1_Label_map_centerOnBBGrid { color: #333; text-align: left; display: inline-block; width: 100%; margin-left: 5px; font-weight: 500; line-height: 0.8em; } label#FI1_Label_map_centerOnBBGrid.SF2snap_FI1_Label_map_centerOnBBGrid { color: #333; text-align: center; display: inline-block; width: 100%; font-weight: 500; line-height: 0.5em; } /*****/ /********************************************/ /*** Job_Map_myFormGrid_content03_component07 ***/ /********************************************/ input#distance.distance { display: inline-block; width: 100%; height: 37.8px; margin-top: 1px; margin-right: 1px; margin-bottom: 1px; border: 1px solid #314457; } input#distance.SF2_distance { display: inline-block !important; width: 100% !important; height: 37.8px !important; border: 1px solid #314457 !important; } input#distance.SF2snap_distance { display: inline-block; width: 100%; height: 37.8px; margin-top: 1px; margin-right: 1px; margin-bottom: 1px; border: 1px solid #314457; } /********************************************/ /*** Job_Map_myFormGrid_content03_component08 ***/ /********************************************/ label#FI1_Label_map_centerOnCGrid.FI1_Label_map_centerOnCGrid { color: #333; display: inline-block; width: 100%; font-weight: 500; line-height: 1.1em; font-size: 12px; } .SF2_FI1_Label_map_centerOnCGrid { color: #333 !important; display: inline-block !important; width: 100% !important; font-weight: 500 !important; line-height: 1.1em !important; font-size: 12px !important; } .SF2snap_FI1_Label_map_centerOnCGrid { color: #333; display: inline-block; width: 100%; font-weight: 500; line-height: 0.5em; font-size: 12px; } /********************************************/ /*** Job_Map_myFormGrid_content03_component10 ***/ /********************************************/ label#FI1_Label_map_centerOnAGrid.FI1_Label_map_centerOnAGrid { color: #333; text-align: center; display: inline-block; width: 100%; font-weight: 500; line-height: 0.5em; } .SF2_FI1_Label_map_centerOnAGrid { color: #333 !important; text-align: center !important; display: inline-block !important; width: 100% !important; font-weight: 500 !important; line-height: 0.5em !important; } .SF2snap_FI1_Label_map_centerOnAGrid { color: #333; text-align: center; display: inline-block; width: 100%; font-weight: 500; line-height: 0.5em; } /********************************************/ /*** Job_Map_myFormGrid_content03_component11 ***/ /********************************************/ /*select.FI1_Input_map_centerOnA */ select#FI1_Input_map_centerOnA.FI1_Input_map_centerOnA { width: 100%; height: 37.8px; margin-top: 1px; margin-bottom: 1px; border: 1px solid #314457; /* text-align: center; */ /* color: #333; */ /* display: inline-block; */ /* width: 100%; */ /* font-weight: 500; */ /* line-height: 0.5em; */ /* margin-top: 0.5em; */ /* margin-bottom: 0.5em; */ } .SF2_FI1_Input_map_centerOnA { text-align: center !important; color: #333 !important; display: inline-block !important; width: 100% !important; font-weight: 500 !important; line-height: 0.5em !important; margin-top: 0.5em !important; margin-bottom: 0.5em !important; } .SF2snap_FI1_Input_map_centerOnA { text-align: center; color: #333; display: inline-block; width: 100%; font-weight: 500; line-height: 0.5em; margin-top: 0.5em; margin-bottom: 0.5em; } /********************************************/ /*** Job_Map_myFormGrid_content03_component15 ***/ /*** Job_Map_myFormGrid_content03_component16 ***/ /********************************************/ input#FI1_Input_map_centerLat.FI1_Input_map_centerLat, input#FI1_Input_map_centerLong.FI1_Input_map_centerLong { font-size: 10px; width: 100px; border: none; } .SF2_FI1_Input_map_centerLat, .SF2_FI1_Input_map_centerLong { font-size: 10px !important; width: 100% !important; border: none !important; } .SF2snap_FI1_Input_map_centerLat, .SF2snap_FI1_Input_map_centerLong { font-size: 10px; width: 114px; border: none; } /********************************************/ /*** Job_Map_myFormGrid_content03_component18 ***/ /********************************************/ label#FI1_Label_map_centerAddress.FI1_Label_map_centerAddress { margin-top: 10px; font-weight: 400; font-size: 10px; } .SF2_FI1_Label_map_centerAddress { font-weight: 400 !important; font-size: 10px !important; line-height: 1.3em !important; width: 100% !important; } .SF2snap_FI1_Label_map_centerAddress { margin-top: 10px; font-weight: 400; font-size: 10px; } /********************************************/ /*** Job_Map_myFormGrid_content04 ***/ /********************************************/ #Job_Map_myFormGrid_content04 { grid-area: Job_Map_myFormGrid_content04; display: grid; grid-template-columns: auto auto; grid-template-rows: auto auto auto auto; grid-template-areas: "Job_Map_myFormGrid_content04_component01 Job_Map_myFormGrid_content04_component02" "Job_Map_myFormGrid_content04_component04 Job_Map_myFormGrid_content04_component05" "Job_Map_myFormGrid_content04_component07 Job_Map_myFormGrid_content04_component08" "Job_Map_myFormGrid_content04_component10 Job_Map_myFormGrid_content04_component11"; z-index: 1; border: 1px solid black; background-color: #f1f1f1; padding-top: var(--main-padding); /* width: 100%; */ /* height: 110px; */ margin-top: 0px; margin-bottom: 0px; /* margin-right: 0px; */ /* margin-left: 0px; */ } #Job_Map_myFormGrid_content04_component01 { grid-area: Job_Map_myFormGrid_content04_component01; background-color: #e5e5e5; margin-top: 0px; margin-bottom: 0px; /* margin-right: 0px; */ /* margin-left: 0px; */ } #Job_Map_myFormGrid_content04_component02 { grid-area: Job_Map_myFormGrid_content04_component02; background-color: #e5e5e5; margin-top: 0px; margin-bottom: 0px; /* margin-right: 0px; */ /* margin-left: 0px; */ } #Job_Map_myFormGrid_content04_component04 { grid-area: Job_Map_myFormGrid_content04_component04; margin-right: 5px; margin-left: 5px; margin-top: 0px; margin-bottom: 0px; /* margin-right: 0px; */ /* margin-left: 0px; */ } #Job_Map_myFormGrid_content04_component05 { grid-area: Job_Map_myFormGrid_content04_component05; margin-top: 0px; margin-bottom: 0px; /* margin-right: 0px; */ /* margin-left: 0px; */ } #Job_Map_myFormGrid_content04_component07 { grid-area: Job_Map_myFormGrid_content04_component07; margin-right: 5px; margin-left: 5px; margin-top: 0px; margin-bottom: 0px; /* margin-right: 0px; */ /* margin-left: 0px; */ } #Job_Map_myFormGrid_content04_component08 { grid-area: Job_Map_myFormGrid_content04_component08; margin-top: 0px; margin-bottom: 0px; /* margin-right: 0px; */ /* margin-left: 0px; */ } #Job_Map_myFormGrid_content04_component10 { grid-area: Job_Map_myFormGrid_content04_component10; margin-right: 5px; margin-left: 5px; margin-top: 0px; margin-bottom: 0px; /* margin-right: 0px; */ /* margin-left: 0px; */ } #Job_Map_myFormGrid_content04_component11 { grid-area: Job_Map_myFormGrid_content04_component11; margin-top: 0px; margin-bottom: 0px; /* margin-right: 0px; */ /* margin-left: 0px; */ } .SF2_Job_Map_myFormGrid_content04 { background-color: #f1f1f1 !important; grid-area: Job_Map_myFormGrid_content04 !important; padding-top: var(--main-padding) !important; display: grid !important; grid-template-columns: auto auto !important; grid-template-rows: auto auto auto auto !important; grid-template-areas: "Job_Map_myFormGrid_content04_component01 Job_Map_myFormGrid_content04_component02" "Job_Map_myFormGrid_content04_component04 Job_Map_myFormGrid_content04_component05" "Job_Map_myFormGrid_content04_component07 Job_Map_myFormGrid_content04_component08" "Job_Map_myFormGrid_content04_component10 Job_Map_myFormGrid_content04_component11" !important; border: 1px solid black !important; /* width: 100% !important; */ /* height: 110px !important; */ } .SF2snap_Job_Map_myFormGrid_content04 { background-color: #f1f1f1; grid-area: Job_Map_myFormGrid_content04; padding-top: var(--main-padding); display: grid; grid-template-columns: auto auto; grid-template-rows: auto auto auto auto; grid-template-areas: "Job_Map_myFormGrid_content04_component01 Job_Map_myFormGrid_content04_component02" "Job_Map_myFormGrid_content04_component04 Job_Map_myFormGrid_content04_component05" "Job_Map_myFormGrid_content04_component07 Job_Map_myFormGrid_content04_component08" "Job_Map_myFormGrid_content04_component10 Job_Map_myFormGrid_content04_component11"; border: 1px solid black; /* width: 100%; */ /* height: 110px; */ } /*****/ /* div#inner-col1A.inner-col1A */ /* div#Job_Map_myFormGrid_content04.Job_Map_myFormGrid_content04 { float: left; display: block; width: 353px; margin-top: 1px; margin-right: 1px; margin-bottom: 1px; margin-left: 1px; border-right: 1px solid #000000; border: solid 1px black; } */ /* .SF2_inner-col1A */ /* .SF2_Job_Map_myFormGrid_content04 { float: left !important; display: block !important; margin-top: 1px !important; margin-right: 1px !important; margin-bottom: 1px !important; margin-left: 1px !important; border-bottom: 1px solid #000000 !important; } */ /* .SF2snap_inner-col1A */ /* .SF2snap_Job_Map_myFormGrid_content04 { float: left; display: block; width: 353px; margin-top: 1px; margin-right: 1px; margin-bottom: 1px; margin-left: 1px; border-right: 1px solid #000000; border: solid 1px black; } */ /*****/ /********************************************/ /*** Job_Map_myFormGrid_content04_component01 ***/ /*** Job_Map_myFormGrid_content04_component02 ***/ /*** Job_Map_myFormGrid_content04_component05 ***/ /*** Job_Map_myFormGrid_content04_component07 ***/ /********************************************/ label#totalResultsCount_label.totalResultsCount_label, label#check10_label.check10_label, label#check20_label.check20_label, label#check30_label.check30_label { color: #333; display: inline; width: 25%; font-weight: 500; line-height: 0.5em; margin-top: 0.5em; margin-right: 0.5em; margin-bottom: 0.5em; margin-left: 0.5em; } .SF2_totalResultsCount_label, .SF2_check10_label, .SF2_check20_label, .SF2_check30_label { color: #333 !important; display: inline !important; width: 25% !important; font-weight: 500 !important; line-height: 0.5em !important; margin-top: 0.5em !important; margin-right: 0.5em !important; margin-bottom: 0.5em !important; margin-left: 0.5em !important; } .SF2snap_totalResultsCount_label, .SF2snap_check10_label, .SF2snap_check20_label, .SF2snap_check30_label { color: #333; display: inline; width: 25%; font-weight: 500; line-height: 0.5em; margin-top: 0.5em; margin-right: 0.5em; margin-bottom: 0.5em; margin-left: 0.5em; } /********************************************/ /*** Job_Map_myFormGrid_content04_component04 ***/ /********************************************/ img.imageCandidateGrid, img.imageJobGrid, img.imageCompanyGrid { width: 25px; height: 25px; margin-right: 1px; margin-bottom: -4px; margin-left: 0.5em; } .SF2_imageCandidateGrid { width: 25px !important; height: 25px !important; margin-right: 1px !important; margin-bottom: -4px !important; margin-left: 0.5em !important; } .SF2snap_imageCandidateGrid { width: 25px; height: 25px; margin-right: 1px; margin-bottom: -4px; margin-left: 0.5em; } .SF2_imageJobGrid { width: 25px !important; height: 25px !important; margin-right: 1px !important; margin-bottom: -4px !important; margin-left: 0.5em !important; } .SF2snap_imageJobGrid { width: 25px; height: 25px; margin-right: 1px; margin-bottom: -4px; margin-left: 0.5em; } .SF2_imageCompanyGrid { width: 25px !important; height: 25px !important; margin-right: 1px !important; margin-bottom: -4px !important; margin-left: 0.5em !important; } .SF2snap_imageCompanyGrid { width: 25px; height: 25px; margin-right: 1px; margin-bottom: -4px; margin-left: 0.5em; } /********************************************/ /*** Job_Map_myFormGrid_content04_component08 ***/ /*** Job_Map_myFormGrid_content04_component10 ***/ /*** Job_Map_myFormGrid_content04_component11 ***/ /*** Job_Map_myFormGrid_content04_component13 ***/ /*** Job_Map_myFormGrid_content05 ***/ /********************************************/ #Job_Map_myFormGrid_content05 { grid-area: Job_Map_myFormGrid_content05; padding-top: var(--main-padding); display: grid; grid-template-columns: auto auto auto; grid-template-rows: 25px 30px 30px; grid-template-areas: "Job_Map_myFormGrid_content05_component01 Job_Map_myFormGrid_content05_component01 Job_Map_myFormGrid_content05_component01" "Job_Map_myFormGrid_content05_component06 Job_Map_myFormGrid_content05_component07 Job_Map_myFormGrid_content05_component08" "Job_Map_myFormGrid_content05_component11 Job_Map_myFormGrid_content05_component11 Job_Map_myFormGrid_content05_component11"; border: 1px solid black; background-color: #f1f1f1; z-index: 1; /* width: 100%; */ /* height: 160px; */ margin-top: 0px; margin-bottom: 0px; /* margin-right: 0px; */ /* margin-left: 0px; */ } #Job_Map_myFormGrid_content05_component01 { grid-area: Job_Map_myFormGrid_content05_component01; text-align: center; margin-top: 0px; margin-bottom: 0px; /* margin-right: 0px; */ /* margin-left: 0px; */ } #Job_Map_myFormGrid_content05_component06 { grid-area: Job_Map_myFormGrid_content05_component06; margin-top: 0px; margin-bottom: 0px; /* margin-right: 0px; */ /* margin-left: 0px; */ } #Job_Map_myFormGrid_content05_component07 { grid-area: Job_Map_myFormGrid_content05_component07; margin-top: 0px; margin-bottom: 0px; /* margin-right: 0px; */ /* margin-left: 0px; */ } #Job_Map_myFormGrid_content05_component08 { grid-area: Job_Map_myFormGrid_content05_component08; margin-top: 0px; margin-bottom: 0px; /* margin-right: 0px; */ /* margin-left: 0px; */ } #Job_Map_myFormGrid_content06_component01 { grid-area: Job_Map_myFormGrid_content06_component01; margin-top: 0px; margin-bottom: 0px; /* margin-right: 0px; */ /* margin-left: 0px; */ } #Job_Map_myFormGrid_content06_component02 { grid-area: Job_Map_myFormGrid_content06_component02; margin-top: 0px; margin-bottom: 0px; /* margin-right: 0px; */ /* margin-left: 0px; */ } #Job_Map_myFormGrid_content06_component03 { grid-area: Job_Map_myFormGrid_content06_component03; margin-top: 0px; margin-bottom: 0px; /* margin-right: 0px; */ /* margin-left: 0px; */ } #Job_Map_myFormGrid_content06_component04 { grid-area: Job_Map_myFormGrid_content06_component04; margin-top: 0px; margin-bottom: 0px; /* margin-right: 0px; */ /* margin-left: 0px; */ } #Job_Map_myFormGrid_content06_component05 { grid-area: Job_Map_myFormGrid_content06_component05; margin-top: 0px; margin-bottom: 0px; margin-right: 0px; margin-left: 0px; } .SF2_Job_Map_myFormGrid_content05 { background-color: #f1f1f1 !important; grid-area: Job_Map_myFormGrid_content05 !important; padding-top: var(--main-padding) !important; display: grid !important; grid-template-columns: auto auto auto !important; grid-template-rows: 25px 30px 30px !important; grid-template-areas: "Job_Map_myFormGrid_content05_component01 Job_Map_myFormGrid_content05_component01 Job_Map_myFormGrid_content05_component01" "Job_Map_myFormGrid_content05_component06 Job_Map_myFormGrid_content05_component07 Job_Map_myFormGrid_content05_component08" "Job_Map_myFormGrid_content05_component11 Job_Map_myFormGrid_content05_component11 Job_Map_myFormGrid_content05_component11" !important; border: 1px solid black !important; /* width: 100% !important; */ /* height: 180px !important; */ } .SF2snap_Job_Map_myFormGrid_content05 { background-color: #f1f1f1; grid-area: Job_Map_myFormGrid_content05; /* border-radius: var(--main-radius); */ padding-top: var(--main-padding); display: grid; grid-template-columns: auto auto auto; grid-template-rows: auto auto auto; grid-template-areas: "Job_Map_myFormGrid_content05_component01 Job_Map_myFormGrid_content05_component01 Job_Map_myFormGrid_content05_component01" "Job_Map_myFormGrid_content05_component06 Job_Map_myFormGrid_content05_component07 Job_Map_myFormGrid_content05_component08" "Job_Map_myFormGrid_content05_component11 Job_Map_myFormGrid_content05_component11 Job_Map_myFormGrid_content05_component11"; border: 1px solid black; /* width: 100%; */ /* height: 180px; */ } /********************************************/ /*** Job_Map_myFormGrid_content05_component01 ***/ /*** Job_Map_myFormGrid_content05_component06 ***/ /********************************************/ select#nibbler_Selector.nibbler_Selector { float: left; border: none !important; list-style: none; width: 120px; min-width: 30px; height: 28px; line-height: 28px; display: block; font-size: 14px; color: #333; text-decoration: none; text-align: center; margin-left: 5px; /* background-color: #eee; */ /* background-color: #eee; */ /* 270px */ } /********************************************/ /*** Job_Map_myFormGrid_content05_component07 ***/ /*** Job_Map_myFormGrid_content05_component08 ***/ /********************************************/ label#nibbler_PageXOf.nibbler_PageXOf { /* float: left; */ line-height: 28px; font-size: 14px; font-weight: 100; } /********************************************/ /*** Job_Map_myFormGrid_content05_component11 ***/ /********************************************/ #Job_Map_myFormGrid_content05_component11 { grid-area: Job_Map_myFormGrid_content05_component11; display: grid; grid-template-columns: auto auto auto auto auto; grid-template-rows: auto; grid-template-areas: "Job_Map_myFormGrid_content06_component01 Job_Map_myFormGrid_content06_component02 Job_Map_myFormGrid_content06_component03 Job_Map_myFormGrid_content06_component04 Job_Map_myFormGrid_content06_component05"; /* background-color: #f1f1f1; */ /* background-color: #f1f1f1; */ /* border-radius: var(--main-radius); */ /* padding-top: var(--main-padding); */ border: 1px solid black; height: 30px; width: 99%; margin-top: 0px; margin-bottom: 0px; margin-right: 0px; margin-left: 2px; } .SF2_Job_Map_myFormGrid_content05_component11 { background-color: #f1f1f1 !important; grid-area: Job_Map_myFormGrid_content05_component11 !important; border-radius: var(--main-radius) !important; padding-top: var(--main-padding) !important; display: grid !important; grid-template-columns: auto auto auto auto auto !important; grid-template-rows: auto !important; grid-template-areas: "Job_Map_myFormGrid_content06_component01 Job_Map_myFormGrid_content06_component02 Job_Map_myFormGrid_content06_component03 Job_Map_myFormGrid_content06_component04 Job_Map_myFormGrid_content06_component05" !important; border: 1px solid black !important; width: 100% !important; } .SF2snap_Job_Map_myFormGrid_content05_component11 { background-color: #f1f1f1; grid-area: Job_Map_myFormGrid_content05_component11; border-radius: var(--main-radius); padding-top: var(--main-padding); display: grid; grid-template-columns: auto auto auto auto auto; grid-template-rows: auto; grid-template-areas: "Job_Map_myFormGrid_content06_component01 Job_Map_myFormGrid_content06_component02 Job_Map_myFormGrid_content06_component03 Job_Map_myFormGrid_content06_component04 Job_Map_myFormGrid_content06_component05"; border: 1px solid black; width: 100%; } .nibbler_LI.hot { border-top: 1px solid rgba(0,0,0,1.0); border-right: 1px solid rgba(0,0,0,1.0); border-bottom: 1px solid rgba(0,0,0,1.0); border-left: 1px solid rgba(0,0,0,1.0); background-color: #ccc; } .nibbler_LI.cool { border: none; } .nibbler_nibble { font-weight: 100; } /********************************************/ /*** Job_Map_myFormGrid_content06_component01 ***/ /********************************************/ div#nibbler_First.nibbler_First { float: left; margin-left: 0.5em; min-width: 25px; text-align: center; } div#nibbler_First.nibbler_First:hover, div#nibbler_First.nibbler_First:active, div#nibbler_Prev.nibbler_Prev:hover, div#nibbler_Prev.nibbler_Prev:active, div#nibbler_Next.nibbler_Next:hover, div#nibbler_Next.nibbler_Next:active, div#nibbler_Last.nibbler_Last:hover, div#nibbler_Last.nibbler_Last:active, .SF2_nibbler_First.SF2_nibbler_First:hover, .SF2_nibbler_First.SF2_nibbler_First:active, .SF2_nibbler_Prev.SF2_nibbler_Prev:hover, .SF2_nibbler_Prev.SF2_nibbler_Prev:active, .SF2_nibbler_Next.SF2_nibbler_Next:hover, .SF2_nibbler_Next.SF2_nibbler_Next:active, .SF2_nibbler_Last.SF2_nibbler_Last:hover, .SF2_nibbler_Last.SF2_nibbler_Last:active, .SF2snap_nibbler_First.SF2snap_nibbler_First:hover, .SF2snap_nibbler_First.SF2snap_nibbler_First:active, .SF2snap_nibbler_Prev.SF2snap_nibbler_Prev:hover, .SF2snap_nibbler_Prev.SF2snap_nibbler_Prev:active, .SF2snap_nibbler_Next.SF2snap_nibbler_Next:hover, .SF2snap_nibbler_Next.SF2snap_nibbler_Next:active, .SF2snap_nibbler_Last.SF2snap_nibbler_Last:hover, .SF2snap_nibbler_Last.SF2snap_nibbler_Last:active { background: #ccc; } .SF2_nibbler_First { float: left; margin-left: 0.5em; min-width: 25px; text-align: center; } .SF2snap_nibbler_First { float: left; margin-left: 0.5em; min-width: 25px; text-align: center; } /********************************************/ /*** Job_Map_myFormGrid_content06_component02 ***/ /********************************************/ div#nibbler_Prev.nibbler_Prev { float: left; min-width: 25px; text-align: center; } .SF2_nibbler_Prev { float: left !important; min-width: 25px !important; text-align: center !important; } .SF2snap_nibbler_Prev { float: left; min-width: 25px; text-align: center; } /********************************************/ /*** Job_Map_myFormGrid_content06_component03 ***/ /********************************************/ ul#nibbler_UL.nibbler_UL { /* float: left; */ list-style-type: none; display: inline; } li.nibbler_LI { float: left; /* border: 1px solid #aaa; */ /* border-right: none; */ list-style: none; min-width: 20px; height: 28px; line-height: 28px; display: block; font-size: 14px; color: #333; text-decoration: none; text-align: center; } li.nibbler_LI:hover, li.nibbler_LI:active { background: #ccc; } /********************************************/ /*** Job_Map_myFormGrid_content06_component04 ***/ /********************************************/ div#nibbler_Next.nibbler_Next { float: left; min-width: 25px; text-align: center; } .SF2_nibbler_Next { float: left !important; min-width: 25px !important; text-align: center !important; } .SF2snap_nibbler_Next { float: left; min-width: 25px; text-align: center; } /********************************************/ /*** Job_Map_myFormGrid_content06_component05 ***/ /********************************************/ div#nibbler_Last.nibbler_Last { float: left; min-width: 25px; text-align: center; } .SF2_nibbler_Last { float: left !important; min-width: 25px !important; text-align: center !important; } .SF2snap_nibbler_Last { float: left; min-width: 25px; text-align: center; } /********************************************/ /*** Job_Map_myFormGrid_content07 ***/ /********************************************/ #Job_Map_myFormGrid_content07 { grid-area: Job_Map_myFormGrid_content07; display: grid; grid-template-columns: 1fr 1fr 1fr; /* grid-template-columns: auto auto auto; */ /* 270px */ grid-template-rows: 40px 40px 40px 40px 40px; grid-template-areas: "Job_Map_myFormGrid_content07_component01 Job_Map_myFormGrid_content07_component01 Job_Map_myFormGrid_content07_component01" "Job_Map_myFormGrid_content07_component02 Job_Map_myFormGrid_content07_component03 Job_Map_myFormGrid_content07_component04" "Job_Map_myFormGrid_content07_component05 Job_Map_myFormGrid_content07_component05 Job_Map_myFormGrid_content07_component05" "Job_Map_myFormGrid_content07_component06 Job_Map_myFormGrid_content07_component06 Job_Map_myFormGrid_content07_component06" "Job_Map_myFormGrid_content07_component07 Job_Map_myFormGrid_content07_component07 Job_Map_myFormGrid_content07_component08"; border: 1px solid black; /* 270px */ background-color: #f1f1f1; z-index: 1; /* width: 100%; */ /* height: 272px; */ padding-top: var(--main-padding); padding-right: 1px; padding-left: 2px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #Job_Map_myFormGrid_content07_component01 { grid-area: Job_Map_myFormGrid_content07_component01; margin-top: 0px; margin-bottom: 0px; margin-right: 3px; /* 270px */ margin-left: 0px; } #Job_Map_myFormGrid_content07_component02 { grid-area: Job_Map_myFormGrid_content07_component02; margin-top: 0px; margin-bottom: 0px; margin-right: 1px; margin-left: 0px; } #Job_Map_myFormGrid_content07_component03 { grid-area: Job_Map_myFormGrid_content07_component03; margin-top: 0px; margin-bottom: 0px; margin-right: 0px; margin-left: 0px; } #Job_Map_myFormGrid_content07_component04 { grid-area: Job_Map_myFormGrid_content07_component04; margin-top: 0px; margin-bottom: 0px; margin-right: 3px; /* margin-right: 0px; */ /* 270px */ margin-left: 1px; } #Job_Map_myFormGrid_content07_component05 { grid-area: Job_Map_myFormGrid_content07_component05; margin-top: 0px; margin-bottom: 0px; margin-right: 3px; /* margin-right: 0px; */ /* 270px */ margin-left: 0px; } #Job_Map_myFormGrid_content07_component06 { grid-area: Job_Map_myFormGrid_content07_component06; margin-top: 0px; margin-bottom: 0px; margin-right: 3px; /* margin-right: 0px; */ /* 270px */ margin-left: 0px; } #Job_Map_myFormGrid_content07_component07 { grid-area: Job_Map_myFormGrid_content07_component07; margin-top: 0px; margin-bottom: 0px; margin-right: 0px; margin-left: 0px; } #Job_Map_myFormGrid_content07_component08 { grid-area: Job_Map_myFormGrid_content07_component08; text-align: center; margin-top: 0px; margin-bottom: 0px; margin-right: 3px; /* margin-right: 0px; */ /* 270px */ margin-left: 3px; /* margin-left: 0px; */ /* 270px */ } .SF2_Job_Map_myFormGrid_content07 { background-color: #f1f1f1 !important; grid-area: Job_Map_myFormGrid_content07 !important; padding-top: var(--main-padding) !important; display: grid !important; grid-template-columns: auto auto auto !important; grid-template-rows: 40px 40px 40px 40px 40px !important; grid-template-areas: "Job_Map_myFormGrid_content07_component01 Job_Map_myFormGrid_content07_component01 Job_Map_myFormGrid_content07_component01" "Job_Map_myFormGrid_content07_component02 Job_Map_myFormGrid_content07_component03 Job_Map_myFormGrid_content07_component04" "Job_Map_myFormGrid_content07_component05 Job_Map_myFormGrid_content07_component05 Job_Map_myFormGrid_content07_component05" "Job_Map_myFormGrid_content07_component06 Job_Map_myFormGrid_content07_component06 Job_Map_myFormGrid_content07_component06" "Job_Map_myFormGrid_content07_component07 Job_Map_myFormGrid_content07_component07 Job_Map_myFormGrid_content07_component08" !important; border: 1px solid black !important; /* width: 100% !important; */ } .SF2snap_Job_Map_myFormGrid_content07 { background-color: #f1f1f1; grid-area: Job_Map_myFormGrid_content07; padding-top: var(--main-padding); display: grid; grid-template-columns: auto auto auto auto auto auto auto auto; grid-template-rows: 43px; grid-template-areas: "Job_Map_myFormGrid_content07_component01 Job_Map_myFormGrid_content07_component02 Job_Map_myFormGrid_content07_component03 Job_Map_myFormGrid_content07_component04 Job_Map_myFormGrid_content07_component05 Job_Map_myFormGrid_content07_component06 Job_Map_myFormGrid_content07_component07 Job_Map_myFormGrid_content07_component08"; border: 1px solid black; /* width: 100%; */ } /* div.searchBar */ /* div.Job_Map_myFormGrid_content07 { display: inline-block; max-width: auto; margin-top: 5px; border: solid 1px black; } */ /********************************************/ /*** Job_Map_myFormGrid_content07_component01 ***/ /********************************************/ input#job_title.job_title { display: inline-block; width: 100%; height: 37.8px; margin-top: 1px; margin-bottom: 1px; border: 1px solid #314457; } input#job_title.SF2_job_title { display: inline-block; width: 100%; height: 37.8px; margin-top: 1px; margin-bottom: 1px; border: 1px solid #314457; } .SF2_job_title { display: inline-block !important; width: 100% !important; height: 37.8px !important; margin-top: 1px !important; margin-bottom: 1px !important; border: 1px solid #314457 !important; } .SF2snap_job_title { display: inline-block; width: 100%; height: 37.8px; margin-top: 1px; margin-bottom: 1px; border: 1px solid #314457; } /********************************************/ /*** Job_Map_myFormGrid_content07_component02 ***/ /********************************************/ input#city.city { display: inline-block; width: 100%; height: 37.8px; margin-top: 1px; margin-bottom: 1px; border: 1px solid #314457; } input#city.SF2_city { display: inline-block; width: 100%; height: 37.8px; margin-top: 1px; margin-bottom: 1px; border: 1px solid #314457; } .SF2_city { display: inline-block !important; width: 100% !important; height: 37.8px !important; margin-top: 1px !important; margin-bottom: 1px !important; border: 1px solid #314457 !important; } .SF2snap_city { display: inline-block; width: 100%; height: 37.8px; margin-top: 1px; margin-bottom: 1px; border: 1px solid #314457; } /********************************************/ /*** Job_Map_myFormGrid_content07_component03 ***/ /********************************************/ select#FMAP1_Input_state.FMAP1_Input_state { width: 100%; height: 37.8px; margin-top: 1px; margin-bottom: 1px; border: 1px solid #314457; } select#FMAP1_Input_state.SF2_FMAP1_Input_state { width: 100%; height: 37.8px; margin-top: 1px; margin-bottom: 1px; border: 1px solid #314457; } .SF2_FMAP1_Input_state { width: 100% !important; height: 37.8px !important; margin-top: 1px !important; margin-bottom: 1px !important; border: 1px solid #314457 !important; } .SF2snap_FMAP1_Input_state { width: 100%; height: 37.8px; margin-top: 1px; margin-bottom: 1px; border: 1px solid #314457; } /*****/ select#FMAP1_Input_stateAlt1.FMAP1_Input_stateAlt1 { width: 100%; height: 37.8px; margin-top: 1px; margin-bottom: 1px; border: 1px solid #314457; } select#FMAP1_Input_stateAlt1.SF2_FMAP1_Input_stateAlt1 { width: 100%; height: 37.8px; margin-top: 1px; margin-bottom: 1px; border: 1px solid #314457; } .SF2_FMAP1_Input_stateAlt1 { width: 100% !important; height: 37.8px !important; margin-top: 1px !important; margin-bottom: 1px !important; border: 1px solid #314457 !important; } .SF2snap_FMAP1_Input_stateAlt1 { width: 100%; height: 37.8px; margin-top: 1px; margin-bottom: 1px; border: 1px solid #314457; } /*****/ input#FMAP1_Input_stateAlt2.FMAP1_Input_stateAlt2 { width: 100%; height: 37.8px; margin-top: 1px; margin-bottom: 1px; border: 1px solid #314457; } input#FMAP1_Input_stateAlt2.SF2_FMAP1_Input_stateAlt2 { width: 100%; height: 37.8px; margin-top: 1px; margin-bottom: 1px; border: 1px solid #314457; } .SF2_FMAP1_Input_stateAlt2 { width: 100% !important; height: 37.8px !important; margin-top: 1px !important; margin-bottom: 1px !important; border: 1px solid #314457 !important; } .SF2snap_FMAP1_Input_stateAlt2 { width: 100%; height: 37.8px; margin-top: 1px; margin-bottom: 1px; border: 1px solid #314457; } /********************************************/ /*** Job_Map_myFormGrid_content07_component04 ***/ /********************************************/ input#zip.zip { display: inline-block; width: 100%; height: 37.8px; margin-top: 1px; margin-bottom: 1px; border: 1px solid #314457; } input#zip.SF2_zip { display: inline-block; width: 100%; height: 37.8px; margin-top: 1px; margin-bottom: 1px; border: 1px solid #314457; } .SF2_zip { display: inline-block !important; width: 100% !important; height: 37.8px !important; margin-top: 1px !important; margin-bottom: 1px !important; border: 1px solid #314457 !important; } .SF2snap_zip { display: inline-block; width: 100%; height: 37.8px; margin-top: 1px; margin-bottom: 1px; border: 1px solid #314457; } /********************************************/ /*** Job_Map_myFormGrid_content07_component05 ***/ /********************************************/ select#FMAP1_Input_country.FMAP1_Input_country { display: inline-block; width: 100%; height: 37.8px; margin-top: 1px; margin-bottom: 1px; border: 1px solid #314457; } select#FMAP1_Input_country.SF2_FMAP1_Input_country { display: inline-block; width: 100%; height: 37.8px; margin-top: 1px; margin-bottom: 1px; border: 1px solid #314457; } .SF2_FMAP1_Input_country { display: inline-block !important; width: 100% !important; height: 37.8px !important; margin-top: 1px !important; margin-bottom: 1px !important; border: 1px solid #314457 !important; } .SF2snap_FMAP1_Input_country { display: inline-block; width: 100%; height: 37.8px; margin-top: 1px; margin-bottom: 1px; border: 1px solid #314457; } /********************************************/ /*** Job_Map_myFormGrid_content07_component06 ***/ /********************************************/ select#FMAP1_Input_industry.FMAP1_Input_industry { display: block; width: 100%; height: 37.8px; margin-top: 1px; margin-bottom: 1px; margin-left: 1px; border: 1px solid #314457; } select#FMAP1_Input_industry.SF2_FMAP1_Input_industry { display: block; width: 100%; height: 37.8px; margin-top: 1px; margin-bottom: 1px; margin-left: 1px; border: 1px solid #314457; } .SF2_FMAP1_Input_industry { display: block !important; width: 100% !important; height: 37.8px !important; margin-top: 1px !important; margin-bottom: 1px !important; margin-left: 1px !important; border: 1px solid #314457 !important; } .SF2snap_FMAP1_Input_industry { display: block; width: 100%; height: 37.8px; margin-top: 1px; margin-bottom: 1px; margin-left: 1px; border: 1px solid #314457; } /********************************************/ /*** Job_Map_myFormGrid_content07_component07 ***/ /********************************************/ .searchBtn { background-color: #0b0; border: 0; -webkit-border-radius: 2px; border-radius: 5px; -webkit-box-shadow: none; box-shadow: none; color: #fff; cursor: pointer; display: inline-block; font-size: 14px; font-size: 0.875rem; font-weight: 800; line-height: 1; padding: 0.85em 0em 0.75em 0em; text-shadow: none; -webkit-transition: background 0.2s; transition: background 0.2s; width: 100%; text-align: center; margin-left: 1px; margin-top: 3px; } .SF2_searchBtn { background-color: #0b0 !important; border: 0 !important; -webkit-border-radius: 2px !important; border-radius: 5px !important; -webkit-box-shadow: none !important; box-shadow: none !important; color: #fff !important; cursor: pointer !important; display: inline-block !important; font-size: 14px !important; font-size: 0.875rem !important; font-weight: 800 !important; line-height: 1 !important; padding: 0.85em 0em 0.75em 0em !important; text-shadow: none !important; -webkit-transition: background 0.2s !important; transition: background 0.2s !important; width: 100% !important; text-align: center !important; margin-left: 1px !important; margin-top: 3px !important; } .SF2snap_searchBtn { float: left; display: block; margin-top: 2px; margin-left: 4px; background-color: #0b0; border: 0; -webkit-border-radius: 2px; border-radius: 5px; -webkit-box-shadow: none; box-shadow: none; color: #fff; cursor: pointer; display: inline-block; font-size: 14px; font-size: 0.875rem; font-weight: 800; line-height: 1; padding: 0.85em 2em 0.75em 2em; text-shadow: none; -webkit-transition: background 0.2s; transition: background 0.2s; } /********************************************/ /*** Job_Map_myFormGrid_content07_component08 ***/ /********************************************/ .resetBtn { background-color: #999; border: 0; -webkit-border-radius: 2px; border-radius: 20px; -webkit-box-shadow: none; box-shadow: none; color: #fff; cursor: pointer; display: inline-block; font-size: 14px; font-size: 0.875rem; font-weight: 800; line-height: 1; padding: 0.85em 2em 0.75em 2em; text-shadow: none; -webkit-transition: background 0.2s; transition: background 0.2s; margin-top: 3px; } .SF2_resetBtn { background-color: #999 !important; border: 0 !important; -webkit-border-radius: 2px !important; border-radius: 20px !important; -webkit-box-shadow: none !important; box-shadow: none !important; color: #fff !important; cursor: pointer !important; display: inline-block !important; font-size: 14px !important; font-size: 0.875rem !important; font-weight: 800 !important; line-height: 1 !important; padding: 0.85em 2em 0.75em 2em !important; text-shadow: none !important; -webkit-transition: background 0.2s !important; transition: background 0.2s !important; margin-top: 3px !important; } .SF2snap_resetBtn { background-color: #999; border: 0; -webkit-border-radius: 2px; border-radius: 20px; -webkit-box-shadow: none; box-shadow: none; color: #fff; cursor: pointer; display: inline-block; font-size: 14px; font-size: 0.875rem; font-weight: 800; line-height: 1; padding: 0.85em 2em 0.75em 2em; text-shadow: none; -webkit-transition: background 0.2s; transition: background 0.2s; margin-top: 3px; } /********************************************/ /*** Job_Map_container_content08 ***/ /********************************************/ #Job_Map_myFormGrid_content08 { grid-area: Job_Map_myFormGrid_content08; cursor: move; z-index: 1; background-color: #0000ee; text-align: center; color: #fff; /* width: 100%; */ /* height: 180px; */ margin-top: 0px; margin-bottom: 0px; margin-right: 0px; margin-left: 0px; } #Job_Map_container_content08 { grid-area: Job_Map_container_content08; border: none; /* 270px */ z-index: 0; margin-top: 20px; /* 270 */ margin-bottom: 0px; margin-right: 0px; margin-left: 0px; } /* .googleMap { width: 100%; height: 400px; border-width: 1px; border-style: solid; border-color: black; } */ /********************************************/ /*** Job_Map_container_content09 ***/ /********************************************/ #Job_Map_container_content09 { grid-area: Job_Map_container_content09; border: 1px solid black; overflow-y: auto; z-index: 0; margin-top: 25px; margin-bottom: 0px; margin-right: 0px; margin-left: 0px; } /********************************************/ /*** Job_Map_container_content10 ***/ /********************************************/ #Job_Map_container_content10 { grid-area: Job_Map_container_content10; border: 1px solid black; overflow-y: auto; z-index: 0; margin-top: 25px; margin-bottom: 0px; margin-right: 0px; margin-left: 0px; } /*** Job_Map_container_content11 ***/ /*** Job_Map_container_content12 ***/ /*** Job_Map_container_content13 ***/ /*** Job_Map_container_content14 ***/ /********************************************/ /*********************************************************************************************/ /*** Job_Map_container_content09 */ /*********************************************************************************************/ .JobCard_content01 { display: grid; grid-area: JobCard_content01; height: auto; grid-template-columns: auto auto; grid-template-rows: auto auto auto auto auto auto auto auto; grid-template-areas: "JobCard_content01_component01 JobCard_content01_component01" "JobCard_content01_component02 JobCard_content01_component02" "JobCard_content01_component03 JobCard_content01_component03" "JobCard_content01_component04 JobCard_content01_component04" "JobCard_content01_component05 JobCard_content01_component06" "JobCard_content01_component07 JobCard_content01_component08"; padding: 10px; } .CandidateCard_content01 { display: grid; grid-area: CandidateCard_content01; height: auto; grid-template-columns: auto auto; grid-template-rows: auto auto auto auto auto auto auto auto; grid-template-areas: "CandidateCard_content01_component01 CandidateCard_content01_component01" "CandidateCard_content01_component02 CandidateCard_content01_component02" "CandidateCard_content01_component03 CandidateCard_content01_component03" "CandidateCard_content01_component04 CandidateCard_content01_component04" "CandidateCard_content01_component05 CandidateCard_content01_component06" "CandidateCard_content01_component07 CandidateCard_content01_component08"; padding: 10px; } .CompanyCard_content01 { display: grid; grid-area: CompanyCard_content01; height: auto; grid-template-columns: auto auto; grid-template-rows: auto auto auto auto auto auto auto auto; grid-template-areas: "CompanyCard_content01_component01 CompanyCard_content01_component01" "CompanyCard_content01_component02 CompanyCard_content01_component02" "CompanyCard_content01_component03 CompanyCard_content01_component03" "CompanyCard_content01_component04 CompanyCard_content01_component05" "CompanyCard_content01_component06 CompanyCard_content01_component07"; padding: 10px; } /*********************************************************************************************/ /* MAPERTUNITY */ /*********************************************************************************************/ /*********************************************************************************************/ /*** Job_Map_container_content10 */ /*********************************************************************************************/ /*.gm-style .gm-style-iw-a .gm-style-iw-t .gm-style-iw .gm-style-iw-c .gm-style-iw-d { */ /*.gm-style .gm-style-iw-c { */ /*.gm-style .gm-style-iw-a .gm-style-iw-t .gm-style-iw .gm-style-iw-c .gm-style-iw-d { */ .gm-style .gm-style-iw-c { /* max-width: 648px !important; */ /* max-height: 239px !important; */ max-width: 800px !important; max-height: 239px !important; min-width: 0px !important; position: absolute !important; box-sizing: border-box !important; overflow: hidden !important; top: 0 !important; left: 50 !important; transform: translate(-50%, -100%) !important; background-color: white !important; border-radius: 8px !important; padding-top: 5px !important; padding-right: 5px !important; padding-bottom: 5px !important; padding-left: 5px !important; box-shadow: 0 2px 7px 1px rgba(0,0,0,0.3) !important; font-weight: 300 !important; font-size: 13px !important; /* margin-left: 50px !important; */ } .POPUP_Company_content01 { display: grid; grid-area: POPUP_Company_content01; height: auto; grid-template-columns: 170px 490px 110px; /* 270px */ grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto; grid-template-areas: "POPUP_Company_content01_component01 POPUP_Company_content01_component01 POPUP_Company_content01_component04" "POPUP_Company_content01_component02 POPUP_Company_content01_component02 POPUP_Company_content01_component02" "POPUP_Company_content01_component05 POPUP_Company_content01_component05 POPUP_Company_content01_component05" "POPUP_Company_content01_component06 POPUP_Company_content01_component07 POPUP_Company_content01_component07" "POPUP_Company_content01_component08 POPUP_Company_content01_component09 POPUP_Company_content01_component09" "POPUP_Company_content01_component10 POPUP_Company_content01_component10 POPUP_Company_content01_component10" "POPUP_Company_content01_component11 POPUP_Company_content01_component11 POPUP_Company_content01_component11" "POPUP_Company_content01_component12 POPUP_Company_content01_component12 POPUP_Company_content01_component12" "POPUP_Company_content01_component13 POPUP_Company_content01_component13 POPUP_Company_content01_component13" "POPUP_Company_content01_component14 POPUP_Company_content01_component14 POPUP_Company_content01_component14" "POPUP_Company_content01_component15 POPUP_Company_content01_component15 POPUP_Company_content01_component15" "POPUP_Company_content01_component16 POPUP_Company_content01_component16 POPUP_Company_content01_component16" "POPUP_Company_content01_component17 POPUP_Company_content01_component17 POPUP_Company_content01_component17" "POPUP_Company_content01_component18 POPUP_Company_content01_component18 POPUP_Company_content01_component18" "POPUP_Company_content01_component19 POPUP_Company_content01_component19 POPUP_Company_content01_component19" "POPUP_Company_content01_component20 POPUP_Company_content01_component20 POPUP_Company_content01_component20" "POPUP_Company_content01_component21 POPUP_Company_content01_component21 POPUP_Company_content01_component21" "POPUP_Company_content01_component22 POPUP_Company_content01_component22 POPUP_Company_content01_component22" "POPUP_Company_content01_component23 POPUP_Company_content01_component23 POPUP_Company_content01_component23" "POPUP_Company_content01_component24 POPUP_Company_content01_component24 POPUP_Company_content01_component24" "POPUP_Company_content01_component25 POPUP_Company_content01_component25 POPUP_Company_content01_component25"; padding: 0px; } #POPUP_Company_content01_component02 { grid-area: POPUP_Company_content01_component02; background-color: #ffffff; color: #000000; font-size: calc(16px + 0.1vw); font-weight: 400; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; } .POPUP_Job_content01 { display: grid; grid-area: POPUP_Job_content01; height: auto; grid-template-columns: 170px 490px 110px; /* 270px */ grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto; grid-template-areas: "POPUP_Job_content01_component01 POPUP_Job_content01_component01 POPUP_Job_content01_component04" "POPUP_Job_content01_component02 POPUP_Job_content01_component02 POPUP_Job_content01_component02" "POPUP_Job_content01_component05 POPUP_Job_content01_component05 POPUP_Job_content01_component05" "POPUP_Job_content01_component06 POPUP_Job_content01_component06 POPUP_Job_content01_component06" "POPUP_Job_content01_component08 POPUP_Job_content01_component08 POPUP_Job_content01_component08" "POPUP_Job_content01_component09 POPUP_Job_content01_component09 POPUP_Job_content01_component09" "POPUP_Job_content01_component10 POPUP_Job_content01_component10 POPUP_Job_content01_component10" "POPUP_Job_content01_component11 POPUP_Job_content01_component11 POPUP_Job_content01_component11" "POPUP_Job_content01_component12 POPUP_Job_content01_component12 POPUP_Job_content01_component12" "POPUP_Job_content01_component13 POPUP_Job_content01_component14 POPUP_Job_content01_component14" "POPUP_Job_content01_component15 POPUP_Job_content01_component15 POPUP_Job_content01_component15" "POPUP_Job_content01_component16 POPUP_Job_content01_component16 POPUP_Job_content01_component16" "POPUP_Job_content01_component17 POPUP_Job_content01_component17 POPUP_Job_content01_component17" "POPUP_Job_content01_component18 POPUP_Job_content01_component19 POPUP_Job_content01_component19" "POPUP_Job_content01_component20 POPUP_Job_content01_component20 POPUP_Job_content01_component20" "POPUP_Job_content01_component21 POPUP_Job_content01_component21 POPUP_Job_content01_component21"; padding: 0px; } #POPUP_Job_content01_component02 { grid-area: POPUP_Job_content01_component02; background-color: #ffffff; color: #000000; font-size: calc(16px + 0.1vw); font-weight: 400; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; } .POPUP_Candidate_content01 { display: grid; grid-area: POPUP_Candidate_content01; height: auto; grid-template-columns: 170px 490px 110px; /* 270px */ grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto; grid-template-areas: "POPUP_Candidate_content01_component01 POPUP_Candidate_content01_component01 POPUP_Candidate_content01_component03" "POPUP_Candidate_content01_component02 POPUP_Candidate_content01_component02 POPUP_Candidate_content01_component02" "POPUP_Candidate_content01_component04 POPUP_Candidate_content01_component04 POPUP_Candidate_content01_component04" "POPUP_Candidate_content01_component05 POPUP_Candidate_content01_component05 POPUP_Candidate_content01_component05" "POPUP_Candidate_content01_component06 POPUP_Candidate_content01_component06 POPUP_Candidate_content01_component06" "POPUP_Candidate_content01_component07 POPUP_Candidate_content01_component08 POPUP_Candidate_content01_component08" "POPUP_Candidate_content01_component09 POPUP_Candidate_content01_component09 POPUP_Candidate_content01_component09" "POPUP_Candidate_content01_component10 POPUP_Candidate_content01_component10 POPUP_Candidate_content01_component10" "POPUP_Candidate_content01_component11 POPUP_Candidate_content01_component11 POPUP_Candidate_content01_component11" "POPUP_Candidate_content01_component12 POPUP_Candidate_content01_component12 POPUP_Candidate_content01_component12" "POPUP_Candidate_content01_component13 POPUP_Candidate_content01_component13 POPUP_Candidate_content01_component13" "POPUP_Candidate_content01_component14 POPUP_Candidate_content01_component14 POPUP_Candidate_content01_component14" "POPUP_Candidate_content01_component15 POPUP_Candidate_content01_component15 POPUP_Candidate_content01_component15" "POPUP_Candidate_content01_component16 POPUP_Candidate_content01_component17 POPUP_Candidate_content01_component17" "POPUP_Candidate_content01_component18 POPUP_Candidate_content01_component19 POPUP_Candidate_content01_component19" "POPUP_Candidate_content01_component20 POPUP_Candidate_content01_component20 POPUP_Candidate_content01_component20" "POPUP_Candidate_content01_component21 POPUP_Candidate_content01_component21 POPUP_Candidate_content01_component21" "POPUP_Candidate_content01_component22 POPUP_Candidate_content01_component22 POPUP_Candidate_content01_component22" "POPUP_Candidate_content01_component23 POPUP_Candidate_content01_component23 POPUP_Candidate_content01_component23" "POPUP_Candidate_content01_component24 POPUP_Candidate_content01_component24 POPUP_Candidate_content01_component24"; padding: 0px; } #POPUP_Candidate_content01_component02 { grid-area: POPUP_Candidate_content01_component02; background-color: #ffffff; color: #000000; font-size: calc(16px + 0.1vw); font-weight: 400; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; } /*****************************************/ /* COMPANY CARD DETAILS */ /*****************************************/ .CARDDETAIL_Company_container { display: grid; height: auto; grid-template-columns: 1fr; grid-template-rows: 1fr; grid-template-areas: "CARDDETAIL_Company_content01"; border-radius: 8px; } .CARDDETAIL_Company_content01 { display: grid; grid-area: CARDDETAIL_Company_content01; height: auto; grid-template-columns: 170px 720px 110px; /* 270px */ grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto; grid-template-areas: "CARDDETAIL_Company_content01_component01 CARDDETAIL_Company_content01_component01 CARDDETAIL_Company_content01_component04" "CARDDETAIL_Company_content01_component02 CARDDETAIL_Company_content01_component02 CARDDETAIL_Company_content01_component02" "CARDDETAIL_Company_content01_component05 CARDDETAIL_Company_content01_component05 CARDDETAIL_Company_content01_component05" "CARDDETAIL_Company_content01_component06 CARDDETAIL_Company_content01_component07 CARDDETAIL_Company_content01_component07" "CARDDETAIL_Company_content01_component08 CARDDETAIL_Company_content01_component09 CARDDETAIL_Company_content01_component09" "CARDDETAIL_Company_content01_component10 CARDDETAIL_Company_content01_component10 CARDDETAIL_Company_content01_component10" "CARDDETAIL_Company_content01_component11 CARDDETAIL_Company_content01_component11 CARDDETAIL_Company_content01_component11" "CARDDETAIL_Company_content01_component12 CARDDETAIL_Company_content01_component12 CARDDETAIL_Company_content01_component12" "CARDDETAIL_Company_content01_component13 CARDDETAIL_Company_content01_component13 CARDDETAIL_Company_content01_component13" "CARDDETAIL_Company_content01_component14 CARDDETAIL_Company_content01_component14 CARDDETAIL_Company_content01_component14" "CARDDETAIL_Company_content01_component15 CARDDETAIL_Company_content01_component15 CARDDETAIL_Company_content01_component15" "CARDDETAIL_Company_content01_component16 CARDDETAIL_Company_content01_component16 CARDDETAIL_Company_content01_component16" "CARDDETAIL_Company_content01_component17 CARDDETAIL_Company_content01_component17 CARDDETAIL_Company_content01_component17" "CARDDETAIL_Company_content01_component18 CARDDETAIL_Company_content01_component18 CARDDETAIL_Company_content01_component18" "CARDDETAIL_Company_content01_component19 CARDDETAIL_Company_content01_component19 CARDDETAIL_Company_content01_component19" "CARDDETAIL_Company_content01_component20 CARDDETAIL_Company_content01_component20 CARDDETAIL_Company_content01_component20" "CARDDETAIL_Company_content01_component21 CARDDETAIL_Company_content01_component21 CARDDETAIL_Company_content01_component21" "CARDDETAIL_Company_content01_component22 CARDDETAIL_Company_content01_component22 CARDDETAIL_Company_content01_component22" "CARDDETAIL_Company_content01_component23 CARDDETAIL_Company_content01_component23 CARDDETAIL_Company_content01_component23" "CARDDETAIL_Company_content01_component24 CARDDETAIL_Company_content01_component24 CARDDETAIL_Company_content01_component24" "CARDDETAIL_Company_content01_component25 CARDDETAIL_Company_content01_component25 CARDDETAIL_Company_content01_component25"; padding: 0px; } /********************** REPLACE THE ABOVE **************************/ #CARDDETAIL_Company_content01_component01 { grid-area: CARDDETAIL_Company_content01_component01; background-color: #5280C1; color: #ffffff; font-size: calc(16px + 0.06vw); font-weight: 700; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; } #CARDDETAIL_Company_content01_component02 { grid-area: CARDDETAIL_Company_content01_component02; background-color: #ffffff; color: #000000; font-size: calc(16px + 0.1vw); font-weight: 400; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; } /* #CARDDETAIL_Company_content01_component03 { grid-area: CARDDETAIL_Company_content01_component03; background-color: #5280C1; color: #ffffff; border: 1px solid black; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; } */ #CARDDETAIL_Company_content01_component04 { grid-area: CARDDETAIL_Company_content01_component04; background-color: #5280c1; color: #ffffff; font-size: calc(12px + 0.1vw); font-weight: 400; padding-top: 15px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; } #CARDDETAIL_Company_content01_component05 { grid-area: CARDDETAIL_Company_content01_component05; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; font-size: calc(14px + 0.1vw); font-weight: 600; border-bottom: 1px solid #eee; } #CARDDETAIL_Company_content01_component06 { grid-area: CARDDETAIL_Company_content01_component06; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; border-bottom: 1px solid #eee; } #CARDDETAIL_Company_content01_component07 { grid-area: CARDDETAIL_Company_content01_component07; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; border-bottom: 1px solid #eee; } #CARDDETAIL_Company_content01_component08 { grid-area: CARDDETAIL_Company_content01_component08; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; font-size: calc(14px + 0.1vw); font-weight: 600; border-bottom: 1px solid #eee; } #CARDDETAIL_Company_content01_component09 { grid-area: CARDDETAIL_Company_content01_component09; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; border-bottom: 1px solid #eee; } #CARDDETAIL_Company_content01_component10 { grid-area: CARDDETAIL_Company_content01_component10; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; font-size: calc(14px + 0.1vw); font-weight: 600; border-bottom: 1px solid #eee; } #CARDDETAIL_Company_content01_component11 { grid-area: CARDDETAIL_Company_content01_component11; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; border-bottom: 1px solid #eee; } #CARDDETAIL_Company_content01_component12 { grid-area: CARDDETAIL_Company_content01_component12; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; font-size: calc(14px + 0.1vw); font-weight: 600; border-bottom: 1px solid #eee; } #CARDDETAIL_Company_content01_component13 { grid-area: CARDDETAIL_Company_content01_component13; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; border-bottom: 1px solid #eee; } #CARDDETAIL_Company_content01_component14 { grid-area: CARDDETAIL_Company_content01_component14; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; font-size: calc(14px + 0.1vw); font-weight: 600; border-bottom: 1px solid #eee; } #CARDDETAIL_Company_content01_component15 { grid-area: CARDDETAIL_Company_content01_component15; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; border-bottom: 1px solid #eee; } #CARDDETAIL_Company_content01_component16 { grid-area: CARDDETAIL_Company_content01_component16; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; font-size: calc(14px + 0.1vw); font-weight: 600; border-bottom: 1px solid #eee; } #CARDDETAIL_Company_content01_component17 { grid-area: CARDDETAIL_Company_content01_component17; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; border-bottom: 1px solid #eee; } #CARDDETAIL_Company_content01_component18 { grid-area: CARDDETAIL_Company_content01_component18; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; font-size: calc(14px + 0.1vw); font-weight: 600; border-bottom: 1px solid #eee; } #CARDDETAIL_Company_content01_component19 { grid-area: CARDDETAIL_Company_content01_component19; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; border-bottom: 1px solid #eee; } #CARDDETAIL_Company_content01_component20 { grid-area: CARDDETAIL_Company_content01_component20; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; font-size: calc(14px + 0.1vw); font-weight: 600; border-bottom: 1px solid #eee; } #CARDDETAIL_Company_content01_component21 { grid-area: CARDDETAIL_Company_content01_component21; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px;; border-bottom: 1px solid #eee; } #CARDDETAIL_Company_content01_component22 { grid-area: CARDDETAIL_Company_content01_component22; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; font-size: calc(14px + 0.1vw); font-weight: 600; border-bottom: 1px solid #eee; } #CARDDETAIL_Company_content01_component23 { grid-area: CARDDETAIL_Company_content01_component23; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; border-bottom: 1px solid #eee; } #CARDDETAIL_Company_content01_component24 { grid-area: CARDDETAIL_Company_content01_component24; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; font-size: calc(14px + 0.1vw); font-weight: 600; border-bottom: 1px solid #eee; } #CARDDETAIL_Company_content01_component25 { grid-area: CARDDETAIL_Company_content01_component25; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; border-bottom: 1px solid #eee; } /*****************************************/ /* JOB CARD DETAILS */ /*****************************************/ .CARDDETAIL_Job_container { display: grid; height: auto; grid-template-columns: 1fr; grid-template-rows: 1fr; grid-template-areas: "CARDDETAIL_Job_content01"; border-radius: 8px; } .CARDDETAIL_Job_content01 { display: grid; grid-area: CARDDETAIL_Job_content01; height: auto; grid-template-columns: 170px 720px 110px; /* 270px */ grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto; grid-template-areas: "CARDDETAIL_Job_content01_component01 CARDDETAIL_Job_content01_component01 CARDDETAIL_Job_content01_component04" "CARDDETAIL_Job_content01_component02 CARDDETAIL_Job_content01_component02 CARDDETAIL_Job_content01_component02" "CARDDETAIL_Job_content01_component05 CARDDETAIL_Job_content01_component05 CARDDETAIL_Job_content01_component05" "CARDDETAIL_Job_content01_component06 CARDDETAIL_Job_content01_component06 CARDDETAIL_Job_content01_component06" "CARDDETAIL_Job_content01_component08 CARDDETAIL_Job_content01_component08 CARDDETAIL_Job_content01_component08" "CARDDETAIL_Job_content01_component09 CARDDETAIL_Job_content01_component09 CARDDETAIL_Job_content01_component09" "CARDDETAIL_Job_content01_component10 CARDDETAIL_Job_content01_component10 CARDDETAIL_Job_content01_component10" "CARDDETAIL_Job_content01_component11 CARDDETAIL_Job_content01_component11 CARDDETAIL_Job_content01_component11" "CARDDETAIL_Job_content01_component12 CARDDETAIL_Job_content01_component12 CARDDETAIL_Job_content01_component12" "CARDDETAIL_Job_content01_component13 CARDDETAIL_Job_content01_component14 CARDDETAIL_Job_content01_component14" "CARDDETAIL_Job_content01_component15 CARDDETAIL_Job_content01_component15 CARDDETAIL_Job_content01_component15" "CARDDETAIL_Job_content01_component16 CARDDETAIL_Job_content01_component16 CARDDETAIL_Job_content01_component16" "CARDDETAIL_Job_content01_component17 CARDDETAIL_Job_content01_component17 CARDDETAIL_Job_content01_component17" "CARDDETAIL_Job_content01_component18 CARDDETAIL_Job_content01_component19 CARDDETAIL_Job_content01_component19" "CARDDETAIL_Job_content01_component20 CARDDETAIL_Job_content01_component20 CARDDETAIL_Job_content01_component20" "CARDDETAIL_Job_content01_component21 CARDDETAIL_Job_content01_component21 CARDDETAIL_Job_content01_component21"; padding: 0px; } /************** REPLACE THE ABOVE *************************/ #CARDDETAIL_Job_content01_component01 { grid-area: CARDDETAIL_Job_content01_component01; background-color: #5280C1; color: #ffffff; font-size: calc(16px + 0.1vw); font-weight: 700; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; } #CARDDETAIL_Job_content01_component02 { grid-area: CARDDETAIL_Job_content01_component02; background-color: #ffffff; color: #000000; font-size: calc(16px + 0.1vw); font-weight: 400; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; } #CARDDETAIL_Job_content01_component04 { grid-area: CARDDETAIL_Job_content01_component04; background-color: #5280C1; color: #ffffff; font-size: calc(12px + 0.1vw); font-weight: 400; padding-top: 15px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; } #CARDDETAIL_Job_content01_component05 { grid-area: CARDDETAIL_Job_content01_component05; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; font-size: calc(14px + 0.1vw); font-weight: 600; border-bottom: 1px solid #eee; } #CARDDETAIL_Job_content01_component06 { grid-area: CARDDETAIL_Job_content01_component06; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; border-bottom: 1px solid #eee; } #CARDDETAIL_Job_content01_component07 { grid-area: CARDDETAIL_Job_content01_component07; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; border-bottom: 1px solid #eee; } #CARDDETAIL_Job_content01_component08 { grid-area: CARDDETAIL_Job_content01_component08; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; font-size: calc(14px + 0.1vw); font-weight: 600; border-bottom: 1px solid #eee; } #CARDDETAIL_Job_content01_component09 { grid-area: CARDDETAIL_Job_content01_component09; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; border-bottom: 1px solid #eee; } #CARDDETAIL_Job_content01_component10 { grid-area: CARDDETAIL_Job_content01_component10; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; font-size: calc(14px + 0.1vw); font-weight: 600; border-bottom: 1px solid #eee; } #CARDDETAIL_Job_content01_component11 { grid-area: CARDDETAIL_Job_content01_component11; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; border-bottom: 1px solid #eee; } #CARDDETAIL_Job_content01_component12 { grid-area: CARDDETAIL_Job_content01_component12; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; font-size: calc(14px + 0.1vw); font-weight: 600; border-bottom: 1px solid #eee; } #CARDDETAIL_Job_content01_component13 { grid-area: CARDDETAIL_Job_content01_component13; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; border-bottom: 1px solid #eee; } #CARDDETAIL_Job_content01_component14 { grid-area: CARDDETAIL_Job_content01_component14; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; font-size: calc(14px + 0.1vw); font-weight: 600; border-bottom: 1px solid #eee; } #CARDDETAIL_Job_content01_component15 { grid-area: CARDDETAIL_Job_content01_component15; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; border-bottom: 1px solid #eee; } #CARDDETAIL_Job_content01_component16 { grid-area: CARDDETAIL_Job_content01_component16; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; font-size: calc(14px + 0.1vw); font-weight: 600; border-bottom: 1px solid #eee; } #CARDDETAIL_Job_content01_component17 { grid-area: CARDDETAIL_Job_content01_component17; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; border-bottom: 1px solid #eee; } #CARDDETAIL_Job_content01_component18 { grid-area: CARDDETAIL_Job_content01_component18; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; font-size: calc(14px + 0.1vw); font-weight: 600; border-bottom: 1px solid #eee; } #CARDDETAIL_Job_content01_component19 { grid-area: CARDDETAIL_Job_content01_component19; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; border-bottom: 1px solid #eee; } #CARDDETAIL_Job_content01_component20 { grid-area: CARDDETAIL_Job_content01_component20; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; font-size: calc(14px + 0.1vw); font-weight: 600; border-bottom: 1px solid #eee; } #CARDDETAIL_Job_content01_component21 { grid-area: CARDDETAIL_Job_content01_component21; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px;; border-bottom: 1px solid #eee; } /*****************************************/ /* CANDIDATE CARD DETAILS */ /*****************************************/ .CARDDETAIL_Candidate_container { display: grid; height: auto; grid-template-columns: 1fr; grid-template-rows: 1fr; grid-template-areas: "CARDDETAIL_Candidate_content01"; border-radius: 8px; } .CARDDETAIL_Candidate_content01 { display: grid; grid-area: CARDDETAIL_Candidate_content01; height: auto; grid-template-columns: 170px 720px 110px; /* 270px */ grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto; grid-template-areas: "CARDDETAIL_Candidate_content01_component01 CARDDETAIL_Candidate_content01_component01 CARDDETAIL_Candidate_content01_component03" "CARDDETAIL_Candidate_content01_component02 CARDDETAIL_Candidate_content01_component02 CARDDETAIL_Candidate_content01_component02" "CARDDETAIL_Candidate_content01_component04 CARDDETAIL_Candidate_content01_component04 CARDDETAIL_Candidate_content01_component04" "CARDDETAIL_Candidate_content01_component05 CARDDETAIL_Candidate_content01_component05 CARDDETAIL_Candidate_content01_component05" "CARDDETAIL_Candidate_content01_component06 CARDDETAIL_Candidate_content01_component06 CARDDETAIL_Candidate_content01_component06" "CARDDETAIL_Candidate_content01_component07 CARDDETAIL_Candidate_content01_component08 CARDDETAIL_Candidate_content01_component08" "CARDDETAIL_Candidate_content01_component09 CARDDETAIL_Candidate_content01_component09 CARDDETAIL_Candidate_content01_component09" "CARDDETAIL_Candidate_content01_component10 CARDDETAIL_Candidate_content01_component10 CARDDETAIL_Candidate_content01_component10" "CARDDETAIL_Candidate_content01_component11 CARDDETAIL_Candidate_content01_component11 CARDDETAIL_Candidate_content01_component11" "CARDDETAIL_Candidate_content01_component12 CARDDETAIL_Candidate_content01_component12 CARDDETAIL_Candidate_content01_component12" "CARDDETAIL_Candidate_content01_component13 CARDDETAIL_Candidate_content01_component13 CARDDETAIL_Candidate_content01_component13" "CARDDETAIL_Candidate_content01_component14 CARDDETAIL_Candidate_content01_component14 CARDDETAIL_Candidate_content01_component14" "CARDDETAIL_Candidate_content01_component15 CARDDETAIL_Candidate_content01_component15 CARDDETAIL_Candidate_content01_component15" "CARDDETAIL_Candidate_content01_component16 CARDDETAIL_Candidate_content01_component17 CARDDETAIL_Candidate_content01_component17" "CARDDETAIL_Candidate_content01_component18 CARDDETAIL_Candidate_content01_component19 CARDDETAIL_Candidate_content01_component19" "CARDDETAIL_Candidate_content01_component20 CARDDETAIL_Candidate_content01_component20 CARDDETAIL_Candidate_content01_component20" "CARDDETAIL_Candidate_content01_component21 CARDDETAIL_Candidate_content01_component21 CARDDETAIL_Candidate_content01_component21" "CARDDETAIL_Candidate_content01_component22 CARDDETAIL_Candidate_content01_component22 CARDDETAIL_Candidate_content01_component22" "CARDDETAIL_Candidate_content01_component23 CARDDETAIL_Candidate_content01_component23 CARDDETAIL_Candidate_content01_component23" "CARDDETAIL_Candidate_content01_component24 CARDDETAIL_Candidate_content01_component24 CARDDETAIL_Candidate_content01_component24"; padding: 0px; } /************ REPLACE THE ABOVE **********************/ #CARDDETAIL_Candidate_content01_component01 { grid-area: CARDDETAIL_Candidate_content01_component01; background-color: #5280C1; color: #ffffff; font-size: calc(16px + 0.1vw); font-weight: 700; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; } #CARDDETAIL_Candidate_content01_component02 { grid-area: CARDDETAIL_Candidate_content01_component02; background-color: #ffffff; color: #000000; font-size: calc(16px + 0.1vw); font-weight: 400; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; } #CARDDETAIL_Candidate_content01_component03 { grid-area: CARDDETAIL_Candidate_content01_component03; background-color: #5280C1; color: #ffffff; font-size: calc(12px + 0.1vw); font-weight: 400; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; } #CARDDETAIL_Candidate_content01_component04 { grid-area: CARDDETAIL_Candidate_content01_component04; font-size: calc(14px + 0.1vw); font-weight: 600; padding-top: 15px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; } #CARDDETAIL_Candidate_content01_component05 { grid-area: CARDDETAIL_Candidate_content01_component05; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; border-bottom: 1px solid #eee; } #CARDDETAIL_Candidate_content01_component06 { grid-area: CARDDETAIL_Candidate_content01_component06; font-size: calc(14px + 0.1vw); font-weight: 600; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; border-bottom: 1px solid #eee; } #CARDDETAIL_Candidate_content01_component07 { grid-area: CARDDETAIL_Candidate_content01_component07; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; border-bottom: 1px solid #eee; } #CARDDETAIL_Candidate_content01_component08 { grid-area: CARDDETAIL_Candidate_content01_component08; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; border-bottom: 1px solid #eee; } #CARDDETAIL_Candidate_content01_component09 { grid-area: CARDDETAIL_Candidate_content01_component09; font-size: calc(14px + 0.1vw); font-weight: 600; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; border-bottom: 1px solid #eee; } #CARDDETAIL_Candidate_content01_component10 { grid-area: CARDDETAIL_Candidate_content01_component10; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; border-bottom: 1px solid #eee; } #CARDDETAIL_Candidate_content01_component11 { grid-area: CARDDETAIL_Candidate_content01_component11; font-size: calc(14px + 0.1vw); font-weight: 600; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; border-bottom: 1px solid #eee; } #CARDDETAIL_Candidate_content01_component12 { grid-area: CARDDETAIL_Candidate_content01_component12; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; border-bottom: 1px solid #eee; } #CARDDETAIL_Candidate_content01_component13 { grid-area: CARDDETAIL_Candidate_content01_component13; font-size: calc(14px + 0.1vw); font-weight: 600; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; border-bottom: 1px solid #eee; } #CARDDETAIL_Candidate_content01_component14 { grid-area: CARDDETAIL_Candidate_content01_component14; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; border-bottom: 1px solid #eee; } #CARDDETAIL_Candidate_content01_component15 { grid-area: CARDDETAIL_Candidate_content01_component15; font-size: calc(14px + 0.1vw); padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; font-weight: 600; border-bottom: 1px solid #eee; } #CARDDETAIL_Candidate_content01_component16 { grid-area: CARDDETAIL_Candidate_content01_component16; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; font-weight: 600; border-bottom: 1px solid #eee; } #CARDDETAIL_Candidate_content01_component17 { grid-area: CARDDETAIL_Candidate_content01_component17; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; border-bottom: 1px solid #eee; } #CARDDETAIL_Candidate_content01_component18 { grid-area: CARDDETAIL_Candidate_content01_component18; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; font-weight: 600; border-bottom: 1px solid #eee; } #CARDDETAIL_Candidate_content01_component19 { grid-area: CARDDETAIL_Candidate_content01_component19; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; border-bottom: 1px solid #eee; } #CARDDETAIL_Candidate_content01_component20 { grid-area: CARDDETAIL_Candidate_content01_component20; font-size: calc(14px + 0.1vw); padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; font-weight: 600; border-bottom: 1px solid #eee; } #CARDDETAIL_Candidate_content01_component21 { grid-area: CARDDETAIL_Candidate_content01_component21; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; border-bottom: 1px solid #eee; } #CARDDETAIL_Candidate_content01_component22 { grid-area: CARDDETAIL_Candidate_content01_component22; font-size: calc(14px + 0.1vw); padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; font-weight: 600; border-bottom: 1px solid #eee; } #CARDDETAIL_Candidate_content01_component23 { grid-area: CARDDETAIL_Candidate_content01_component23; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; border-bottom: 1px solid #eee; } #CARDDETAIL_Candidate_content01_component24 { grid-area: CARDDETAIL_Candidate_content01_component24; background-color: lightblue; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; font-weight: 600; border-bottom: 1px solid #eee; } /*****************************************/ /* SPINNER */ /*****************************************/ .loader { border: 16px solid #f3f3f3; border-radius: 50%; border-top: 16px solid #3498db; width: 120px; height: 120px; margin-left: 50%; -webkit-animation: spin 2s linear infinite; /* Safari */ animation: spin 2s linear infinite; margin-top: 46.5%; margin-left:30%; } /********************************************/ /*** Job_Map_container #19 END */ /********************************************/ /*********************************************************************************************/ /* MAPERTUNITY */ /*********************************************************************************************/ /********************************************/ /*** Job_Post_container #19 BEGIN ***/ /*** 1366 x 1924 - iPad Pro ***/ /********************************************/ input#FN1_Input_job_contact_firstname.FN1_Input_job_contact_firstname, input#FN1_Input_job_contact_lastname.FN1_Input_job_contact_lastname, input#FN1_Input_job_contact_jobtitle.FN1_Input_job_contact_jobtitle, input#FN1_Input_job_contact_email.FN1_Input_job_contact_email, input#FN1_Input_job_contact_phone.FN1_Input_job_contact_phone, input#FN1_Input_job_contact_addressline1.FN1_Input_job_contact_addressline1, input#FN1_Input_job_contact_addressline2.FN1_Input_job_contact_addressline2, input#FN1_Input_job_contact_city.FN1_Input_job_contact_city, input#FN1_Input_job_contact_stateAlt2.FN1_Input_job_contact_stateAlt2, input#FN1_Input_job_contact_zip.FN1_Input_job_contact_zip, input#FN1_Input_job_contact_website.FN1_Input_job_contact_website { width: 100%; height: 43px; } select#FI1_Input_company_founded.FI1_Input_company_founded, select#FN1_Input_job_contact_country.FN1_Input_job_contact_country, select#FN1_Input_job_contact_phone_countrycode.FN1_Input_job_contact_phone_countrycode, select#FN1_Input_job_contact_stateAlt1.FN1_Input_job_contact_stateAlt1, select#FN1_Input_job_contact_state.FN1_Input_job_contact_state { width: 100%; height: 43px; } img#FD1_Image_candidate_hero_file_public_path.FD1_Image_candidate_hero_file_public_path, img#FI1_Image_company_hero.FI1_Image_company_hero { max-height: 250px; height: auto; width: 100%; } label#Job_Post_content02_component0201020201.Job_Post_content02_component0201020201, label#Job_Post_content02_component0201030201.Job_Post_content02_component0201030201, label#Job_Post_content02_component0201040201.Job_Post_content02_component0201040201, label#Job_Post_content02_component0201050201.Job_Post_content02_component0201050201, label#Job_Post_content02_component0202020201.Job_Post_content02_component0202020201, label#Job_Post_content02_component0202030201.Job_Post_content02_component0202030201, label#Job_Post_content02_component0202040201.Job_Post_content02_component0202040201, label#Job_Post_content02_component0202050201.Job_Post_content02_component0202050201, label#Company_Profile_content02_component0201020201.Company_Profile_content02_component0201020201, label#Company_Profile_content02_component0201030201.Company_Profile_content02_component0201030201, label#Company_Profile_content02_component0201040201.Company_Profile_content02_component0201040201, label#Company_Profile_content02_component0201050201.Company_Profile_content02_component0201050201, label#My_Profile_content01_component0201020201.My_Profile_content01_component0201020201, label#My_Profile_content01_component0201030201.My_Profile_content01_component0201030201, label#My_Profile_content01_component0201040201.My_Profile_content01_component0201040201, label#My_Profile_content01_component0201050201.My_Profile_content01_component0201050201, label#My_Profile_content01_component0301020201.My_Profile_content01_component0301020201, label#My_Profile_content01_component0301030201.My_Profile_content01_component0301030201, label#My_Profile_content01_component0301040201.My_Profile_content01_component0301040201, label#My_Profile_content01_component0301050201.My_Profile_content01_component0301050201 { font-family: "Nexa Bold", "Helvetica Bold", helvetica, "Source Sans Pro", arial, sans-serif; font-weight: 400; font-size: 16px; } .om_job_posting_Saved { background-image: url("custom_images/saved.svg"); background-size: 20px auto; background-position: left; background-repeat: no-repeat; /* background-color: rgb(241,241,241); */ /* background-color: rgba(241,241,241,0.2); */ font-family: "Nexa Bold", "Helvetica Bold", helvetica, "Source Sans Pro", arial, sans-serif; font-weight: 400; /* margin-bottom: 10px; */ } .om_job_posting_Published { background-image: url("custom_images/published.svg"); background-size: 20px auto; background-position: left; background-repeat: no-repeat; /* background-color: rgb(241,241,241); */ /* background-color: rgba(241,241,241,0.2); */ font-family: "Nexa Bold", "Helvetica Bold", helvetica, "Source Sans Pro", arial, sans-serif; font-weight: 400; /* margin-bottom: 10px; */ } .om_job_posting_Unpublished { background-image: url("custom_images/unpublished.svg"); background-size: 20px auto; background-position: left; background-repeat: no-repeat; /* background-color: rgb(241,241,241); */ /* background-color: rgba(241,241,241,0.2); */ font-family: "Nexa Bold", "Helvetica Bold", helvetica, "Source Sans Pro", arial, sans-serif; font-weight: 400; /* margin-bottom: 10px; */ } .om_job_posting_Expired { background-image: url("custom_images/expired.svg"); background-size: 20px auto; background-position: left; background-repeat: no-repeat; /* background-color: rgb(241,241,241); */ /* background-color: rgba(241,241,241,0.2); */ font-family: "Nexa Bold", "Helvetica Bold", helvetica, "Source Sans Pro", arial, sans-serif; font-weight: 400; /* margin-bottom: 10px; */ } /********************************************/ /*** Job_Post_container #0 ***/ /********************************************/ .Job_Post_container { display: grid; height: auto; grid-template-columns: 1fr 1fr 1fr 1fr; grid-template-rows: 160px auto auto auto auto auto auto auto auto auto auto auto; grid-template-areas: "Job_Post_content01 Job_Post_content01 Job_Post_content01 Job_Post_content01" "Job_Post_content02 Job_Post_content02 Job_Post_content02 Job_Post_content02" "Job_Post_content04 Job_Post_content04 Job_Post_content04 Job_Post_content04" "Job_Post_content08 Job_Post_content08 Job_Post_content08 Job_Post_content08" "Job_Post_content09 Job_Post_content09 Job_Post_content09 Job_Post_content09" "Job_Post_content10 Job_Post_content10 Job_Post_content10 Job_Post_content10" "Job_Post_content16 Job_Post_content16 Job_Post_content16 Job_Post_content16" "Job_Post_content18 Job_Post_content18 Job_Post_content18 Job_Post_content18" "Job_Post_content12 Job_Post_content12 Job_Post_content12 Job_Post_content12" "Job_Post_content13 Job_Post_content13 Job_Post_content13 Job_Post_content13" "Job_Post_content14 Job_Post_content14 Job_Post_content14 Job_Post_content14" "Job_Post_content20 Job_Post_content20 Job_Post_content20 Job_Post_content20"; font-size: calc(14px + 0.1vw); color: #000000; margin-bottom: 10px; } #Job_Post_content01 { grid-area: Job_Post_content01; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-template-rows: 55px 35px 35px 35px; grid-template-areas: "Job_Post_content01_component01 Job_Post_content01_component01 Job_Post_content01_component01 Job_Post_content01_component01" "Job_Post_content01_component02 Job_Post_content01_component02 Job_Post_content01_component02 Job_Post_content01_component02" "Job_Post_content01_component03 Job_Post_content01_component03 Job_Post_content01_component03 Job_Post_content01_component03" "Job_Post_content01_component04 Job_Post_content01_component04 Job_Post_content01_component04 Job_Post_content01_component04"; } /********************************************************/ #Job_Post_content01_component01 { grid-area: Job_Post_content01_component01; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-template-rows: 2px 35px 25px; grid-template-areas: "Job_Post_content01_component0101 Job_Post_content01_component0101 Job_Post_content01_component0101 Job_Post_content01_component0101" "Job_Post_content01_component0102 Job_Post_content01_component0102 Job_Post_content01_component0102 Job_Post_content01_component0102" "Job_Post_content01_component0105 Job_Post_content01_component0105 Job_Post_content01_component0105 Job_Post_content01_component0105"; } #Job_Post_content01_component0101 { grid-area: Job_Post_content01_component0101; } #Job_Post_content01_component0102 { grid-area: Job_Post_content01_component0102; } #Job_Post_content01_component0105 { grid-area: Job_Post_content01_component0105; } /********************************************************/ /********************************************/ /*** Job_Post_content01_component02 ***/ /********************************************/ #Job_Post_content01_component02 { grid-area: Job_Post_content01_component02; display: grid; grid-template-columns: auto; grid-template-rows: 25px; grid-template-areas: "Job_Post_content01_component0201"; /* "Job_Post_content01_component0202"; */ margin-top: 5px; margin-left: 0px; } #Job_Post_content01_component0201 { grid-area: Job_Post_content01_component0201; display: grid; grid-template-columns: 195px 185px 160px 170px 155px; grid-template-rows: 25px; grid-template-areas: "Job_Post_content01_component020101 Job_Post_content01_component020102 Job_Post_content01_component020103 Job_Post_content01_component020104 Job_Post_content01_component020105"; margin-right: 10px; } #Job_Post_content01_component020101 { grid-area: Job_Post_content01_component020101; background-color: rgb(220,233,245); background-color: rgba(220,233,245,0.7); padding-top: 3px; padding-left: 10px; } #Job_Post_content01_component020102 { grid-area: Job_Post_content01_component020102; display: grid; grid-template-columns: 85px 45px 30px; grid-template-rows: 25px; grid-template-areas: "Job_Post_content01_component02010201 Job_Post_content01_component02010202"; background-color: rgb(220,233,245); background-color: rgba(220,233,245,0.7); padding-left: 25px; } #Job_Post_content01_component02010201 { grid-area: Job_Post_content01_component02010201; margin-top: 2px; } #Job_Post_content01_component02010202 { grid-area: Job_Post_content01_component02010202; /* margin-top: 3px; */ } #Job_Post_content01_component020103 { grid-area: Job_Post_content01_component020103; display: grid; grid-template-columns: 85px 45px 30px; grid-template-rows: 25px; grid-template-areas: "Job_Post_content01_component02010301 Job_Post_content01_component02010302"; background-color: rgb(220,233,245); background-color: rgba(220,233,245,0.7); padding-left: 25px; } #Job_Post_content01_component02010301 { grid-area: Job_Post_content01_component02010301; margin-top: 2px; } #Job_Post_content01_component02010302 { grid-area: Job_Post_content01_component02010302; /* margin-top: 3px; */ } #Job_Post_content01_component020104 { grid-area: Job_Post_content01_component020104; display: grid; grid-template-columns: 70px 45px 30px; grid-template-rows: 25px; grid-template-areas: "Job_Post_content01_component02010401 Job_Post_content01_component02010402"; background-color: rgb(220,233,245); background-color: rgba(220,233,245,0.7); padding-left: 25px; } #Job_Post_content01_component02010401 { grid-area: Job_Post_content01_component02010401; margin-top: 2px; } #Job_Post_content01_component02010402 { grid-area: Job_Post_content01_component02010402; /* margin-top: 3px; */ } #Job_Post_content01_component020105 { grid-area: Job_Post_content01_component020105; display: grid; grid-template-columns: 40px 45px 30px; grid-template-rows: 25px; grid-template-areas: "Job_Post_content01_component02010501 Job_Post_content01_component02010502"; background-color: rgb(220,233,245); background-color: rgba(220,233,245,0.7); padding-left: 25px; } #Job_Post_content01_component02010501 { grid-area: Job_Post_content01_component02010501; margin-top: 2px; } #Job_Post_content01_component02010502 { grid-area: Job_Post_content01_component02010502; /* margin-top: 3px; */ } /********************************************/ /*** Job_Poste_container ***/ /********************************************/ #Job_Post_content01_component03 { grid-area: Job_Post_content01_component03; display: grid; grid-template-columns: 155px 10px 155px auto; grid-template-rows: 30px; grid-template-areas: "Job_Post_content01_component0301 Job_Post_content01_component0303 Job_Post_content01_component0302 Job_Post_content01_component0304"; } #Job_Post_content01_component0301 { grid-area: Job_Post_content01_component0301; display: grid; /* margin-top: 5px; */ /* margin-right: 5px; */ /* margin-bottom: 5px; */ /* margin-left: 5px; */ } #Job_Post_content01_component0302 { grid-area: Job_Post_content01_component0302; display: none; /* margin-top: 5px; */ /* margin-right: 5px; */ /* margin-bottom: 5px; */ /* margin-left: 5px; */ } #Job_Post_content01_component0303 { grid-area: Job_Post_content01_component0303; } #Job_Post_content01_component0304 { grid-area: Job_Post_content01_component0304; } /********************************************************/ /********************************************/ /*** Job_Post_content01_component04 ***/ /********************************************/ #Job_Post_content01_component04 { grid-area: Job_Post_content01_component04; display: grid; grid-template-columns: 195px 185px 160px 170px 155px; grid-template-rows: 25px; grid-template-areas: "Job_Post_content01_component0401 Job_Post_content01_component0402 Job_Post_content01_component0403 Job_Post_content01_component0404 Job_Post_content01_component0405"; margin-right: 10px; } #Job_Post_content01_component0401 { grid-area: Job_Post_content01_component0401; background-color: rgb(38,149,252); background-color: rgba(38,149,252,0.1); padding-top: 2px; padding-left: 10px; } #Job_Post_content01_component0402 { grid-area: Job_Post_content01_component0402; display: grid; grid-template-columns: 110px 45px 5px; grid-template-rows: 25px; grid-template-areas: "Job_Post_content01_component040201 Job_Post_content01_component040202"; background-color: rgb(255,255,0); background-color: rgba(255,255,0,0.1); padding-left: 25px; } #Job_Post_content01_component040201 { grid-area: Job_Post_content01_component040201; } #Job_Post_content01_component040202 { grid-area: Job_Post_content01_component040202; } #Job_Post_content01_component0403 { grid-area: Job_Post_content01_component0403; display: grid; grid-template-columns: 75px 45px 5px; grid-template-rows: 25px; grid-template-areas: "Job_Post_content01_component040301 Job_Post_content01_component040302"; background-color: rgb(0,255,0); background-color: rgba(0,255,0,0.1); /* background-color: rgb(38,149,252); */ /* background-color: rgba(38,149,252,0.2); */ padding-left: 25px; } #Job_Post_content01_component040301 { grid-area: Job_Post_content01_component040301; } #Job_Post_content01_component040302 { grid-area: Job_Post_content01_component040302; } #Job_Post_content01_component0404 { grid-area: Job_Post_content01_component0404; display: grid; grid-template-columns: 95px 45px 5px; grid-template-rows: 25px; grid-template-areas: "Job_Post_content01_component040401 Job_Post_content01_component040402"; background-color: rgb(255,255,0); background-color: rgba(255,255,0,0.1); /* background-color: rgb(38,149,252); */ /* background-color: rgba(38,149,252,0.2); */ padding-left: 25px; } #Job_Post_content01_component040401 { grid-area: Job_Post_content01_component040401; } #Job_Post_content01_component040402 { grid-area: Job_Post_content01_component040402; } #Job_Post_content01_component0405 { grid-area: Job_Post_content01_component0405; display: grid; grid-template-columns: 60px 45px 5px; grid-template-rows: 25px; grid-template-areas: "Job_Post_content01_component040501 Job_Post_content01_component040502"; background-color: rgb(255,0,0); background-color: rgba(255,0,0,0.1); /* background-color: rgb(38,149,252); */ /* background-color: rgba(38,149,252,0.2); */ padding-left: 25px; } #Job_Post_content01_component040501 { grid-area: Job_Post_content01_component040501; } #Job_Post_content01_component040502 { grid-area: Job_Post_content01_component040502; } /*********************************************/ /*** Job_Post_content01 END ***/ /*********************************************/ /********************************************************/ #Job_Post_content02 { grid-area: Job_Post_content02; display: none; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 250px; grid-template-areas: "Job_Post_content02_component01 Job_Post_content02_component01 Job_Post_content02_component01" "Job_Post_content02_component02 Job_Post_content02_component02 Job_Post_content02_component02"; } #Job_Post_content02_component01 { grid-area: Job_Post_content02_component01; border: 1px solid; border-color: rgb(82,128,193); border-color: rgba(82,128,193,1.0); border-radius: 8px 8px 0px 0px; } #Job_Post_content02_component02 { grid-area: Job_Post_content02_component02; width: 120px; height: 120px; position: absolute; top: 420px; left: 70px; color: #333; font-family: "Nexa Bold", "Helvetica Bold", helvetica, "Source Sans Pro", arial, sans-serif; background-color: rgb(82,128,193); background-color: rgba(82,128,193,1.0); border-color: rgb(82,128,193); border-color: rgba(82,128,193,1.0); } /********************************************************/ /********************************************************/ #Job_Post_content04 { grid-area: Job_Post_content04; display: none; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-template-rows: 25px 25px 25px 25px 25px 25px 25px 25px 40px 25px; grid-template-areas: "Job_Post_content04_component01 Job_Post_content04_component01 Job_Post_content04_component01 Job_Post_content04_component01 Job_Post_content04_component01" "Job_Post_content04_component04 Job_Post_content04_component05 Job_Post_content04_component05 Job_Post_content04_component05 Job_Post_content04_component05" "Job_Post_content04_component06 Job_Post_content04_component07 Job_Post_content04_component08 Job_Post_content04_component08 Job_Post_content04_component08" "Job_Post_content04_component09 Job_Post_content04_component10 Job_Post_content04_component10 Job_Post_content04_component10 Job_Post_content04_component10" "Job_Post_content04_component11 Job_Post_content04_component12 Job_Post_content04_component12 Job_Post_content04_component12 Job_Post_content04_component12" "Job_Post_content04_component13 Job_Post_content04_component14 Job_Post_content04_component14 Job_Post_content04_component14 Job_Post_content04_component14" "Job_Post_content04_component13 Job_Post_content04_component15 Job_Post_content04_component15 Job_Post_content04_component15 Job_Post_content04_component15" "Job_Post_content04_component13 Job_Post_content04_component16 Job_Post_content04_component16 Job_Post_content04_component17 Job_Post_content04_component18" "Job_Post_content04_component13 Job_Post_content04_component19 Job_Post_content04_component19 Job_Post_content04_component19 Job_Post_content04_component19" "Job_Post_content04_component35 Job_Post_content04_component35 Job_Post_content04_component35 Job_Post_content04_component35 Job_Post_content04_component35"; background-color: #eee; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; border: 1px solid; border-color: rgb(82,128,193); /* Fallback color */ border-color: rgba(82,128,193,1.0); /* blue w/ opacity */ font-family: "Nexa Bold", "Helvetica Bold", helvetica, "Source Sans Pro", arial, sans-serif; font-weight: 600; margin-bottom: 10px; } #Job_Post_content04_component01 { grid-area: Job_Post_content04_component01; font-weight: 600; text-align: center; margin-top: 3px; } #Job_Post_content04_component02 { grid-area: Job_Post_content04_component02; font-weight: 600; text-align: right; margin-right: 10px; margin-top: 3px; } #Job_Post_content04_component03 { grid-area: Job_Post_content04_component03; } #Job_Post_content04_component04 { grid-area: Job_Post_content04_component04; } #Job_Post_content04_component05 { grid-area: Job_Post_content04_component05; } #Job_Post_content04_component06 { grid-area: Job_Post_content04_component06; } #Job_Post_content04_component07 { grid-area: Job_Post_content04_component07; } #Job_Post_content04_component08 { grid-area: Job_Post_content04_component08; } #Job_Post_content04_component09 { grid-area: Job_Post_content04_component09; } #Job_Post_content04_component10 { grid-area: Job_Post_content04_component10; } #Job_Post_content04_component11 { grid-area: Job_Post_content04_component11; } #Job_Post_content04_component12 { grid-area: Job_Post_content04_component12; } #Job_Post_content04_component13 { grid-area: Job_Post_content04_component13; } #Job_Post_content04_component14 { grid-area: Job_Post_content04_component14; } #Job_Post_content04_component15 { grid-area: Job_Post_content04_component15; } #Job_Post_content04_component16 { grid-area: Job_Post_content04_component16; } #Job_Post_content04_component17 { grid-area: Job_Post_content04_component17; } #Job_Post_content04_component18 { grid-area: Job_Post_content04_component18; } #Job_Post_content04_component19 { grid-area: Job_Post_content04_component19; } /********************************************************/ /********************************************************/ #Job_Post_content04_component35 { grid-area: Job_Post_content04_component35; display: grid; grid-template-columns: 75px 60px 70px 75px 95px auto 180px 85px 120px 165px; grid-template-rows: 25px; grid-template-areas: "Job_Post_content04_component3501 Job_Post_content04_component3502 Job_Post_content04_component3503 Job_Post_content04_component3504 Job_Post_content04_component3505 Job_Post_content04_component3506 Job_Post_content04_component3507 Job_Post_content04_component3508 Job_Post_content04_component3509 Job_Post_content04_component3510"; } #Job_Post_content04_component3501 { grid-area: Job_Post_content04_component3501; } #Job_Post_content04_component3502 { grid-area: Job_Post_content04_component3502; } #Job_Post_content04_component3503 { grid-area: Job_Post_content04_component3503; } #Job_Post_content04_component3504 { grid-area: Job_Post_content04_component3504; } #Job_Post_content04_component3505 { grid-area: Job_Post_content04_component3505; } #Job_Post_content04_component3506 { grid-area: Job_Post_content04_component3506; } #Job_Post_content04_component3507 { grid-area: Job_Post_content04_component3507; } #Job_Post_content04_component3508 { grid-area: Job_Post_content04_component3508; } #Job_Post_content04_component3509 { grid-area: Job_Post_content04_component3509; } #Job_Post_content04_component3510 { grid-area: Job_Post_content04_component3510; margin-left: 10px; } /********************************************************/ /********************************************************/ /********************************************************/ /********************************************************/ #Job_Post_content08 { grid-area: Job_Post_content08; display: none; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-template-rows: 30px 35px 25px 25px 25px 25px 25px 25px 25px 25px 40px 35px 35px 30px 50px 25px; grid-template-areas: "Job_Post_content08_component01 Job_Post_content08_component01 Job_Post_content08_component01 Job_Post_content08_component01 Job_Post_content08_component01" "Job_Post_content08_component02 Job_Post_content08_component02 Job_Post_content08_component02 Job_Post_content08_component02 Job_Post_content08_component02" "Job_Post_content08_component03 Job_Post_content08_component04 Job_Post_content08_component04 Job_Post_content08_component05 Job_Post_content08_component05" "Job_Post_content08_component06 Job_Post_content08_component07 Job_Post_content08_component07 Job_Post_content08_component07 Job_Post_content08_component07" "Job_Post_content08_component08 Job_Post_content08_component09 Job_Post_content08_component10 Job_Post_content08_component10 Job_Post_content08_component10" "Job_Post_content08_component11 Job_Post_content08_component12 Job_Post_content08_component12 Job_Post_content08_component12 Job_Post_content08_component12" "Job_Post_content08_component13 Job_Post_content08_component14 Job_Post_content08_component14 Job_Post_content08_component14 Job_Post_content08_component14" "Job_Post_content08_component15 Job_Post_content08_component16 Job_Post_content08_component16 Job_Post_content08_component16 Job_Post_content08_component16" "Job_Post_content08_component15 Job_Post_content08_component17 Job_Post_content08_component17 Job_Post_content08_component17 Job_Post_content08_component17" "Job_Post_content08_component15 Job_Post_content08_component18 Job_Post_content08_component18 Job_Post_content08_component19 Job_Post_content08_component20" "Job_Post_content08_component15 Job_Post_content08_component21 Job_Post_content08_component21 Job_Post_content08_component21 Job_Post_content08_component21" "Job_Post_content08_component22 Job_Post_content08_component22 Job_Post_content08_component22 Job_Post_content08_component22 Job_Post_content08_component22" "Job_Post_content08_component23 Job_Post_content08_component23 Job_Post_content08_component23 Job_Post_content08_component23 Job_Post_content08_component23" "Job_Post_content08_component24 Job_Post_content08_component24 Job_Post_content08_component24 Job_Post_content08_component24 Job_Post_content08_component24" "Job_Post_content08_component25 Job_Post_content08_component25 Job_Post_content08_component25 Job_Post_content08_component25 Job_Post_content08_component25" "Job_Post_content08_component26 Job_Post_content08_component26 Job_Post_content08_component26 Job_Post_content08_component26 Job_Post_content08_component26"; background-color: #eee; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; border: 1px solid; border-color: rgb(82,128,193); /* Fallback color */ border-color: rgba(82,128,193,1.0); /* blue w/ opacity */ font-family: "Nexa Bold", "Helvetica Bold", helvetica, "Source Sans Pro", arial, sans-serif; font-weight: 600; margin-bottom: 10px; } #Job_Post_content08_component01 { grid-area: Job_Post_content08_component01; font-weight: 600; text-align: center; margin-top: 3px; } #Job_Post_content08_component02 { grid-area: Job_Post_content08_component02; display: grid; grid-template-columns: 40px 1fr; grid-template-rows: 35px; grid-template-areas: "Job_Post_content08_component0201 Job_Post_content08_component0202"; text-align: left; font-weight: 400; } #Job_Post_content08_component0201 { grid-area: Job_Post_content08_component0201; } #Job_Post_content08_component0202 { grid-area: Job_Post_content08_component0202; margin-top: 5px; } #Job_Post_content08_component03 { grid-area: Job_Post_content08_component03; margin-right: 5px; margin-left: 5px; } #Job_Post_content08_component04 { grid-area: Job_Post_content08_component04; } #Job_Post_content08_component05 { grid-area: Job_Post_content08_component05; } #Job_Post_content08_component06 { grid-area: Job_Post_content08_component06; } #Job_Post_content08_component07 { grid-area: Job_Post_content08_component07; } #Job_Post_content08_component08 { grid-area: Job_Post_content08_component08; } #Job_Post_content08_component09 { grid-area: Job_Post_content08_component09; } #Job_Post_content08_component10 { grid-area: Job_Post_content08_component10; } #Job_Post_content08_component11 { grid-area: Job_Post_content08_component11; } #Job_Post_content08_component12 { grid-area: Job_Post_content08_component12; } #Job_Post_content08_component13 { grid-area: Job_Post_content08_component13; } #Job_Post_content08_component14 { grid-area: Job_Post_content08_component14; } #Job_Post_content08_component15 { grid-area: Job_Post_content08_component15; } #Job_Post_content08_component16 { grid-area: Job_Post_content08_component16; } #Job_Post_content08_component17 { grid-area: Job_Post_content08_component17; } #Job_Post_content08_component18 { grid-area: Job_Post_content08_component18; } #Job_Post_content08_component19 { grid-area: Job_Post_content08_component19; } #Job_Post_content08_component20 { grid-area: Job_Post_content08_component20; } #Job_Post_content08_component21 { grid-area: Job_Post_content08_component21; } /********************************************************/ #Job_Post_content08_component22 { grid-area: Job_Post_content08_component22; display: grid; grid-template-columns: 75px 60px 70px 75px 95px auto 180px 80px 120px 90px; grid-template-rows: 25px; grid-template-areas: "Job_Post_content08_component2201 Job_Post_content08_component2202 Job_Post_content08_component2203 Job_Post_content08_component2204 Job_Post_content08_component2205 Job_Post_content08_component2206 Job_Post_content08_component2207 Job_Post_content08_component2208 Job_Post_content08_component2209 Job_Post_content08_component2210"; border-bottom: 1px solid black; } #Job_Post_content08_component2201 { grid-area: Job_Post_content08_component2201; } #Job_Post_content08_component2202 { grid-area: Job_Post_content08_component2202; } #Job_Post_content08_component2203 { grid-area: Job_Post_content08_component2203; } #Job_Post_content08_component2204 { grid-area: Job_Post_content08_component2204; } #Job_Post_content08_component2205 { grid-area: Job_Post_content08_component2205; } #Job_Post_content08_component2206 { grid-area: Job_Post_content08_component2206; } #Job_Post_content08_component2207 { grid-area: Job_Post_content08_component2207; } #Job_Post_content08_component2208 { grid-area: Job_Post_content08_component2208; } #Job_Post_content08_component2209 { grid-area: Job_Post_content08_component2209; } #Job_Post_content08_component2210 { grid-area: Job_Post_content08_component2210; } #Job_Post_content08_component23 { grid-area: Job_Post_content08_component23; margin-top: 5px; } /****************************************************/ #Job_Post_content08_component24 { grid-area: Job_Post_content08_component24; display: grid; grid-template-columns: 40px 1fr; grid-template-rows: 35px; grid-template-areas: "Job_Post_content08_component2401 Job_Post_content08_component2402"; text-align: left; font-weight: 400; } #Job_Post_content08_component2401 { grid-area: Job_Post_content08_component2401; } #Job_Post_content08_component2402 { grid-area: Job_Post_content08_component2402; margin-top: 5px; } #Job_Post_content08_component25 { grid-area: Job_Post_content08_component25; display: grid; grid-template-columns: 40px 1fr; grid-template-rows: 35px; grid-template-areas: "Job_Post_content08_component2501 Job_Post_content08_component2502"; text-align: left; font-weight: 400; } #Job_Post_content08_component2501 { grid-area: Job_Post_content08_component2501; } #Job_Post_content08_component2502 { grid-area: Job_Post_content08_component2502; margin-top: 5px; } /********************************************************/ #Job_Post_content08_component26 { grid-area: Job_Post_content08_component26; display: grid; grid-template-columns: 75px 60px 70px 75px 95px auto 180px 85px 120px 165px; grid-template-rows: 25px; grid-template-areas: "Job_Post_content08_component2601 Job_Post_content08_component2602 Job_Post_content08_component2603 Job_Post_content08_component2604 Job_Post_content08_component2605 Job_Post_content08_component2606 Job_Post_content08_component2607 Job_Post_content08_component2608 Job_Post_content08_component2609 Job_Post_content08_component2610"; } #Job_Post_content08_component2601 { grid-area: Job_Post_content08_component2601; } #Job_Post_content08_component2602 { grid-area: Job_Post_content08_component2602; } #Job_Post_content08_component2603 { grid-area: Job_Post_content08_component2603; } #Job_Post_content08_component2604 { grid-area: Job_Post_content08_component2604; } #Job_Post_content08_component2605 { grid-area: Job_Post_content08_component2605; } #Job_Post_content08_component2606 { grid-area: Job_Post_content08_component2606; } #Job_Post_content08_component2607 { grid-area: Job_Post_content08_component2607; } #Job_Post_content08_component2608 { grid-area: Job_Post_content08_component2608; } #Job_Post_content08_component2609 { grid-area: Job_Post_content08_component2609; } #Job_Post_content08_component2610 { grid-area: Job_Post_content08_component2610; margin-left: 10px; } /********************************************/ /*** Job_Poste_container ***/ /********************************************/ #Job_Post_content09 { grid-area: Job_Post_content09; display: none; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-template-rows: 30px 35px 25px 25px 25px 40px 25px; grid-template-areas: "Job_Post_content09_component01 Job_Post_content09_component01 Job_Post_content09_component01 Job_Post_content09_component01 Job_Post_content09_component01" "Job_Post_content09_component02 Job_Post_content09_component02 Job_Post_content09_component02 Job_Post_content09_component02 Job_Post_content09_component02" "Job_Post_content09_component03 Job_Post_content09_component04 Job_Post_content09_component04 Job_Post_content09_component04 Job_Post_content09_component04" "Job_Post_content09_component03 Job_Post_content09_component05 Job_Post_content09_component05 Job_Post_content09_component05 Job_Post_content09_component05" "Job_Post_content09_component03 Job_Post_content09_component06 Job_Post_content09_component06 Job_Post_content09_component07 Job_Post_content09_component08" "Job_Post_content09_component03 Job_Post_content09_component09 Job_Post_content09_component09 Job_Post_content09_component09 Job_Post_content09_component09" "Job_Post_content09_component10 Job_Post_content09_component10 Job_Post_content09_component10 Job_Post_content09_component10 Job_Post_content09_component10"; background-color: #eee; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; border: 1px solid; border-color: rgb(82,128,193); /* Fallback color */ border-color: rgba(82,128,193,1.0); /* blue w/ opacity */ font-family: "Nexa Bold", "Helvetica Bold", helvetica, "Source Sans Pro", arial, sans-serif; font-weight: 600; margin-bottom: 10px; } #Job_Post_content09_component01 { grid-area: Job_Post_content09_component01; font-weight: 600; text-align: center; margin-top: 3px; } #Job_Post_content09_component02 { grid-area: Job_Post_content09_component02; display: grid; grid-template-columns: 40px 1fr; grid-template-rows: 35px; grid-template-areas: "Job_Post_content09_component0201 Job_Post_content09_component0202"; text-align: left; font-weight: 400; } #Job_Post_content09_component0201 { grid-area: Job_Post_content09_component0201; } #Job_Post_content09_component0202 { grid-area: Job_Post_content09_component0202; margin-top: 5px; } #Job_Post_content09_component03 { grid-area: Job_Post_content09_component03; } #Job_Post_content09_component04 { grid-area: Job_Post_content09_component04; } #Job_Post_content09_component05 { grid-area: Job_Post_content09_component05; } #Job_Post_content09_component06 { grid-area: Job_Post_content09_component06; } #Job_Post_content09_component07 { grid-area: Job_Post_content09_component07; } #Job_Post_content09_component08 { grid-area: Job_Post_content09_component08; } #Job_Post_content09_component09 { grid-area: Job_Post_content09_component09; } /********************************************************/ #Job_Post_content09_component10 { grid-area: Job_Post_content09_component10; display: grid; grid-template-columns: 75px 60px 70px 75px 95px auto 180px 85px 120px 165px; grid-template-rows: 25px; grid-template-areas: "Job_Post_content09_component1001 Job_Post_content09_component1002 Job_Post_content09_component1003 Job_Post_content09_component1004 Job_Post_content09_component1005 Job_Post_content09_component1006 Job_Post_content09_component1007 Job_Post_content09_component1008 Job_Post_content09_component1009 Job_Post_content09_component1010"; } #Job_Post_content09_component1001 { grid-area: Job_Post_content09_component1001; } #Job_Post_content09_component1002 { grid-area: Job_Post_content09_component1002; } #Job_Post_content09_component1003 { grid-area: Job_Post_content09_component1003; } #Job_Post_content09_component1004 { grid-area: Job_Post_content09_component1004; } #Job_Post_content09_component1005 { grid-area: Job_Post_content09_component1005; } #Job_Post_content09_component1006 { grid-area: Job_Post_content09_component1006; } #Job_Post_content09_component1007 { grid-area: Job_Post_content09_component1007; } #Job_Post_content09_component1008 { grid-area: Job_Post_content09_component1008; } #Job_Post_content09_component1009 { grid-area: Job_Post_content09_component1009; } #Job_Post_content09_component1010 { grid-area: Job_Post_content09_component1010; margin-left: 10px; } /********************************************/ /*** Job_Poste_container ***/ /********************************************/ /********************************************/ /*** Job_Poste_container ***/ /********************************************/ #Job_Post_content10 { grid-area: Job_Post_content10; display: none; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-template-rows: 25px 25px 25px 25px 50px 25px 50px 0px auto 25px 35px 30px; grid-template-areas: "Job_Post_content10_component01 Job_Post_content10_component01 Job_Post_content10_component01 Job_Post_content10_component01 Job_Post_content10_component01" "Job_Post_content10_component02 Job_Post_content10_component02 Job_Post_content10_component02 Job_Post_content10_component04 Job_Post_content10_component04" "Job_Post_content10_component03 Job_Post_content10_component03 Job_Post_content10_component03 Job_Post_content10_component05 Job_Post_content10_component05" "Job_Post_content10_component06 Job_Post_content10_component06 Job_Post_content10_component06 Job_Post_content10_component08 Job_Post_content10_component08" "Job_Post_content10_component07 Job_Post_content10_component07 Job_Post_content10_component07 Job_Post_content10_component09 Job_Post_content10_component09" "Job_Post_content10_component10 Job_Post_content10_component10 Job_Post_content10_component10 Job_Post_content10_component12 Job_Post_content10_component12" "Job_Post_content10_component11 Job_Post_content10_component11 Job_Post_content10_component11 Job_Post_content10_component13 Job_Post_content10_component13" "Job_Post_content10_component14 Job_Post_content10_component14 Job_Post_content10_component14 Job_Post_content10_component14 Job_Post_content10_component14" "Job_Post_content10_component15 Job_Post_content10_component15 Job_Post_content10_component15 Job_Post_content10_component15 Job_Post_content10_component15" "Job_Post_content10_component16 Job_Post_content10_component16 Job_Post_content10_component16 Job_Post_content10_component16 Job_Post_content10_component16" "Job_Post_content10_component17 Job_Post_content10_component17 Job_Post_content10_component17 Job_Post_content10_component17 Job_Post_content10_component17" "Job_Post_content10_component18 Job_Post_content10_component18 Job_Post_content10_component18 Job_Post_content10_component18 Job_Post_content10_component18"; background-color: #eee; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; border: 1px solid; border-color: rgb(82,128,193); /* Fallback color */ border-color: rgba(82,128,193,1.0); /* blue w/ opacity */ font-family: "Nexa Bold", "Helvetica Bold", helvetica, "Source Sans Pro", arial, sans-serif; font-weight: 600; } #Job_Post_content10_component01 { grid-area: Job_Post_content10_component01; font-weight: 600; text-align: center; margin-top: 3px; } #Job_Post_content10_component02 { grid-area: Job_Post_content10_component02; } #Job_Post_content10_component03 { grid-area: Job_Post_content10_component03; } #Job_Post_content10_component04 { grid-area: Job_Post_content10_component04; } #Job_Post_content10_component05 { grid-area: Job_Post_content10_component05; } #Job_Post_content10_component06 { grid-area: Job_Post_content10_component06; } #Job_Post_content10_component07 { grid-area: Job_Post_content10_component07; } #Job_Post_content10_component08 { grid-area: Job_Post_content10_component08; } #Job_Post_content10_component09 { grid-area: Job_Post_content10_component09; } #Job_Post_content10_component10 { grid-area: Job_Post_content10_component10; } #Job_Post_content10_component11 { grid-area: Job_Post_content10_component11; } #Job_Post_content10_component12 { grid-area: Job_Post_content10_component12; } #Job_Post_content10_component13 { grid-area: Job_Post_content10_component13; } #Job_Post_content10_component14 { grid-area: Job_Post_content10_component14; margin-top: 10px; } #Job_Post_content10_component15 { grid-area: Job_Post_content10_component15; } #Job_Post_content10_component16 { grid-area: Job_Post_content10_component16; } #Job_Post_content10_component17 { grid-area: Job_Post_content10_component17; } /********************************************************/ #Job_Post_content10_component18 { grid-area: Job_Post_content10_component18; display: grid; grid-template-columns: 75px 60px 70px 75px 95px auto 180px 85px 120px 165px; grid-template-rows: 25px; grid-template-areas: "Job_Post_content10_component1801 Job_Post_content10_component1802 Job_Post_content10_component1803 Job_Post_content10_component1804 Job_Post_content10_component1805 Job_Post_content10_component1806 Job_Post_content10_component1807 Job_Post_content10_component1808 Job_Post_content10_component1809 Job_Post_content10_component1810"; } #Job_Post_content10_component1801 { grid-area: Job_Post_content10_component1801; margin-right: 10px; } #Job_Post_content10_component1802 { grid-area: Job_Post_content10_component1802; margin-right: 10px; } #Job_Post_content10_component1803 { grid-area: Job_Post_content10_component1803; margin-right: 10px; } #Job_Post_content10_component1804 { grid-area: Job_Post_content10_component1804; margin-right: 10px; } #Job_Post_content10_component1805 { grid-area: Job_Post_content10_component1805; margin-right: 10px; } #Job_Post_content10_component1806 { grid-area: Job_Post_content10_component1806; margin-right: 10px; } #Job_Post_content10_component1807 { grid-area: Job_Post_content10_component1807; margin-right: 10px; margin-left: 10px; } #Job_Post_content10_component1808 { grid-area: Job_Post_content10_component1808; margin-right: 10px; margin-left: 10px; } #Job_Post_content10_component1809 { grid-area: Job_Post_content10_component1809; margin-right: 10px; margin-left: 10px; } #Job_Post_content10_component1810 { grid-area: Job_Post_content10_component1810; margin-right: 10px; margin-left: 10px; } /********************************************************/ /********************************************************/ #Job_Post_content16 { grid-area: Job_Post_content16; font-size: 20px; } /********************************************************/ /********************************************************/ /********************************************************/ /********************************************************/ #Job_Post_content12 { grid-area: Job_Post_content12; display: none; grid-template-columns: 1fr; grid-template-rows: auto; grid-column-gap: 0px; grid-row-gap: 0px; grid-template-areas: "Job_Post_content12_FormGrid"; border-radius: 8px 8px 0px 0px; font-weight: 600; } #Job_Post_content12_FormGrid { grid-area: Job_Post_content12_FormGrid; display: grid; grid-template-columns: 1fr; grid-template-rows: auto auto 30px; grid-column-gap: 0px; grid-row-gap: 0px; grid-template-areas: "Job_Post_content12_component01" "Job_Post_content12_component02" "Job_Post_content12_component03"; background-color: #ddd; max-width: 900px; margin-left: 23%; /* 270px */ border-radius: 8px 8px 0px 0px; } #Job_Post_content12_component01 { grid-area: Job_Post_content12_component01; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 50px 50px 50px; grid-column-gap: 0px; grid-row-gap: 0px; grid-template-areas: "Job_Post_content12_component0101x Job_Post_content12_component0101x Job_Post_content12_component0101" "Job_Post_content12_component0102x Job_Post_content12_component0102x Job_Post_content12_component0102x" "Job_Post_content12_component0103 Job_Post_content12_component0103 Job_Post_content12_component0103x"; background-color: rgba(82,128,193,1.0); border-radius: 8px 8px 0px 0px; } #Job_Post_content12_component0101 { grid-area: Job_Post_content12_component0101; margin-right: 20px; } #Job_Post_content12_component0103 { grid-area: Job_Post_content12_component0103; margin-left: 20px; } /********************************************************/ #Job_Post_content12_component02 { grid-area: Job_Post_content12_component02; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 50px; grid-column-gap: 0px; grid-row-gap: 0px; grid-template-areas: "Job_Post_content12_component0201 Job_Post_content12_component0201 Job_Post_content12_component0201" "Job_Post_content12_component0202 Job_Post_content12_component0202 Job_Post_content12_component0202" "Job_Post_content12_component0203 Job_Post_content12_component0203 Job_Post_content12_component0203" "Job_Post_content12_component0204 Job_Post_content12_component0204 Job_Post_content12_component0204" "Job_Post_content12_component0205 Job_Post_content12_component0205 Job_Post_content12_component0205" "Job_Post_content12_component0206 Job_Post_content12_component0206 Job_Post_content12_component0206" "Job_Post_content12_component0207 Job_Post_content12_component0207 Job_Post_content12_component0207" "Job_Post_content12_component0208 Job_Post_content12_component0208 Job_Post_content12_component0208" "Job_Post_content12_component0209 Job_Post_content12_component0209 Job_Post_content12_component0209"; background-color: #fff; } #Job_Post_content12_component0201 { grid-area: Job_Post_content12_component0201; display: grid; grid-template-columns: 500px 1fr 1fr; grid-template-rows: 25px; grid-column-gap: 0px; grid-row-gap: 0px; grid-template-areas: "Job_Post_content12_component020101 Job_Post_content12_component020102 Job_Post_content12_component020103"; margin-top: 12px; margin-left: 15px; } #Job_Post_content12_component020101 { grid-area: Job_Post_content12_component020101; } #Job_Post_content12_component020102 { grid-area: Job_Post_content12_component020102; } #Job_Post_content12_component020103 { grid-area: Job_Post_content12_component020103; } #Job_Post_content12_component0202 { grid-area: Job_Post_content12_component0202; display: grid; grid-template-columns: 1fr 1fr 2fr; grid-template-rows: 230px 0px 50px 50px; grid-template-areas: "Job_Post_content12_component020202 Job_Post_content12_component020202 Job_Post_content12_component020202" "Job_Post_content12_component020205 Job_Post_content12_component020205 Job_Post_content12_component020205" "Job_Post_content12_component020202x Job_Post_content12_component020201 Job_Post_content12_component020203" "Job_Post_content12_component020203x Job_Post_content12_component020204 Job_Post_content12_component020206"; } #Job_Post_content12_component020201 { grid-area: Job_Post_content12_component020201; } #Job_Post_content12_component020202 { grid-area: Job_Post_content12_component020202; } #Job_Post_content12_component020203 { grid-area: Job_Post_content12_component020203; margin-top: 10px; } #Job_Post_content12_component020204 { grid-area: Job_Post_content12_component020204; margin-top: 10px; } #Job_Post_content12_component020205 { grid-area: Job_Post_content12_component020205; width: 120px; height: 120px; position: absolute; top: 450px; /* logged out position is 410px */ left: 24%; /* 270px */ color: #333; font-family: "Nexa Bold", "Helvetica Bold", helvetica, "Source Sans Pro", arial, sans-serif; background-color: rgb(82,128,193); /* Fallback color */ background-color: rgba(82,128,193,1.0); /* white w/ opacity */ border-color: rgb(82,128,193); /* Fallback color */ border-color: rgba(82,128,193,1.0); /* blue w/ opacity */ } #Job_Post_content12_component020206 { grid-area: Job_Post_content12_component020206; margin-top: 10px; } /* #Job_Post_content12_component0203 { grid-area: Job_Post_content12_component0203; display: grid; grid-template-columns: 155px 200px 1fr; grid-template-rows: 40px 50px; grid-template-areas: "Job_Post_content12_component020301x Job_Post_content12_component020301 Job_Post_content12_component020302" "Job_Post_content12_component020302x Job_Post_content12_component020303 Job_Post_content12_component020304"; } #Job_Post_content12_component020301 { grid-area: Job_Post_content12_component020301; margin-top: 10px; } #Job_Post_content12_component020302 { grid-area: Job_Post_content12_component020302; margin-top: 10px; } #Job_Post_content12_component020303 { grid-area: Job_Post_content12_component020303; margin-top: 10px; } #Job_Post_content12_component020304 { grid-area: Job_Post_content12_component020304; margin-top: 10px; } */ #Job_Post_content12_component0204 { grid-area: Job_Post_content12_component0204; display: grid; grid-template-columns: 600px 85px 1fr; grid-template-rows: 45px; grid-template-areas: "Job_Post_content12_component020401x Job_Post_content12_component020401 Job_Post_content12_component020402"; } #Job_Post_content12_component020401 { grid-area: Job_Post_content12_component020401; margin-top: 6px; } #Job_Post_content12_component020402 { grid-area: Job_Post_content12_component020402; } #Job_Post_content12_component0205 { grid-area: Job_Post_content12_component0205; display: grid; grid-template-columns: 300px 120px 1fr; grid-template-rows: 25px 55px 25px 55px 25px 55px 25px 55px; grid-template-areas: "Job_Post_content12_component020501 Job_Post_content12_component020501 Job_Post_content12_component020501" "Job_Post_content12_component020502 Job_Post_content12_component020502 Job_Post_content12_component020502" "Job_Post_content12_component020503 Job_Post_content12_component020505 Job_Post_content12_component020505" "Job_Post_content12_component020504 Job_Post_content12_component020506 Job_Post_content12_component020506" "Job_Post_content12_component020507 Job_Post_content12_component020507 Job_Post_content12_component020507" "Job_Post_content12_component020508 Job_Post_content12_component020508 Job_Post_content12_component020508" "Job_Post_content12_component020509 Job_Post_content12_component020509 Job_Post_content12_component020509" "Job_Post_content12_component020510 Job_Post_content12_component020510 Job_Post_content12_component020510"; } #Job_Post_content12_component020501 { grid-area: Job_Post_content12_component020501; margin-left: 10px; margin-right: 10px; } #Job_Post_content12_component020502 { grid-area: Job_Post_content12_component020502; margin-left: 10px; margin-right: 10px; } #Job_Post_content12_component020503 { grid-area: Job_Post_content12_component020503; margin-left: 10px; } #Job_Post_content12_component020504 { grid-area: Job_Post_content12_component020504; margin-left: 10px; margin-right: 10px; } #Job_Post_content12_component020505 { grid-area: Job_Post_content12_component020505; margin-left: 10px; } #Job_Post_content12_component020506 { grid-area: Job_Post_content12_component020506; margin-left: 10px; margin-right: 10px; } #Job_Post_content12_component020507 { grid-area: Job_Post_content12_component020507; margin-left: 10px; } #Job_Post_content12_component020508 { grid-area: Job_Post_content12_component020508; margin-left: 10px; margin-right: 10px; } #Job_Post_content12_component020509 { grid-area: Job_Post_content12_component020509; margin-left: 10px; } #Job_Post_content12_component020510 { grid-area: Job_Post_content12_component020510; margin-left: 10px; margin-right: 10px; } #Job_Post_content12_component0206 { grid-area: Job_Post_content12_component0206; display: grid; grid-template-columns: 300px 300px 1fr; grid-template-rows: 25px 55px; grid-template-areas: "Job_Post_content12_component020601 Job_Post_content12_component020601x Job_Post_content12_component020601x" "Job_Post_content12_component020602 Job_Post_content12_component020602x Job_Post_content12_component020602x"; border-top: 1px solid black; margin-right: 10px; margin-left: 10px; } #Job_Post_content12_component020601 { grid-area: Job_Post_content12_component020601; color: #ff0000; } #Job_Post_content12_component020602 { grid-area: Job_Post_content12_component020602; } #Job_Post_content12_component0207 { grid-area: Job_Post_content12_component0207; display: grid; grid-template-columns: 300px 300px 1fr; grid-template-rows: 25px 55px 25px 55px 25px 60px; grid-template-areas: "Job_Post_content12_component020701 Job_Post_content12_component020701 Job_Post_content12_component020701" "Job_Post_content12_component020702 Job_Post_content12_component020702 Job_Post_content12_component020702" "Job_Post_content12_component020703 Job_Post_content12_component020703 Job_Post_content12_component020703" "Job_Post_content12_component020704 Job_Post_content12_component020704 Job_Post_content12_component020704" "Job_Post_content12_component020705 Job_Post_content12_component020707 Job_Post_content12_component020709" "Job_Post_content12_component020706 Job_Post_content12_component020708 Job_Post_content12_component020710"; } #Job_Post_content12_component020701 { grid-area: Job_Post_content12_component020701; margin-left: 10px; } #Job_Post_content12_component020702 { grid-area: Job_Post_content12_component020702; margin-right: 10px; margin-left: 10px; } #Job_Post_content12_component020703 { grid-area: Job_Post_content12_component020703; margin-left: 10px; } #Job_Post_content12_component020704 { grid-area: Job_Post_content12_component020704; margin-right: 10px; margin-left: 10px; } #Job_Post_content12_component020705 { grid-area: Job_Post_content12_component020705; margin-left: 10px; } #Job_Post_content12_component020706 { grid-area: Job_Post_content12_component020706; margin-left: 10px; } #Job_Post_content12_component020707 { grid-area: Job_Post_content12_component020707; margin-left: 10px; } #Job_Post_content12_component020708 { grid-area: Job_Post_content12_component020708; margin-left: 10px; } #Job_Post_content12_component020709 { grid-area: Job_Post_content12_component020709; margin-left: 10px; } #Job_Post_content12_component020710 { grid-area: Job_Post_content12_component020710; margin-right: 10px; margin-left: 10px; } #Job_Post_content12_component0208 { grid-area: Job_Post_content12_component0208; display: grid; grid-template-columns: 190px 1fr 1fr; grid-template-rows: 35px 35px; grid-template-areas: "Job_Post_content12_component020801 Job_Post_content12_component020802 Job_Post_content12_component020802" "Job_Post_content12_component020803 Job_Post_content12_component020804 Job_Post_content12_component020804"; } #Job_Post_content12_component020801 { grid-area: Job_Post_content12_component020801; margin-top: 10px; margin-left: 10px; } #Job_Post_content12_component020802 { grid-area: Job_Post_content12_component020802; } #Job_Post_content12_component020803 { grid-area: Job_Post_content12_component020803; margin-left: 10px; } #Job_Post_content12_component020804 { grid-area: Job_Post_content12_component020804; margin-left: 10px; } #Job_Post_content12_component0209 { grid-area: Job_Post_content12_component0209; display: grid; grid-template-columns: 500px 1fr 1fr; grid-template-rows: 65px; grid-template-areas: "Job_Post_content12_component020901 Job_Post_content12_component020901 Job_Post_content12_component020901"; margin-top: 0px; margin-left: 15px; } #Job_Post_content12_component020901 { grid-area: Job_Post_content12_component020901; } /********************************************************/ #Job_Post_content12_component03 { grid-area: Job_Post_content12_component03; background-color: rgba(82,128,193,1.0); border-radius: 0px 0px 8px 8px; } /********************************************************/ /********************************************************/ /********************************************************/ /********************************************************/ /********************************************/ /*** Job_Post_content13 ***/ /********************************************/ /********************************************************/ #Job_Post_content13 { grid-area: Job_Post_content13; display: none; grid-template-columns: 1fr; grid-template-rows: auto; grid-template-areas: "Job_Post_content13_FormGrid"; border-radius: 8px 8px 0px 0px; font-weight: 600; } #Job_Post_content13_FormGrid { grid-area: Job_Post_content13_FormGrid; display: grid; grid-template-columns: 1fr; grid-template-rows: auto auto 30px; grid-template-areas: "Job_Post_content13_component01" "Job_Post_content13_component02" "Job_Post_content13_component03"; background-color: #ddd; max-width: 900px; margin-left: 23%; border-radius: 8px 8px 0px 0px; } #Job_Post_content13_component01 { grid-area: Job_Post_content13_component01; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 50px 50px 50px; grid-template-areas: "Job_Post_content13_component0101x Job_Post_content13_component0101x Job_Post_content13_component0101" "Job_Post_content13_component0102x Job_Post_content13_component0102x Job_Post_content13_component0102x" "Job_Post_content13_component0103 Job_Post_content13_component0103 Job_Post_content13_component0103x"; background-color: rgba(82,128,193,1.0); border-radius: 8px 8px 0px 0px; } #Job_Post_content13_component0101 { grid-area: Job_Post_content13_component0101; margin-right: 20px; } #Job_Post_content13_component0103 { grid-area: Job_Post_content13_component0103; margin-left: 20px; } /********************************************************/ #Job_Post_content13_component02 { grid-area: Job_Post_content13_com`ponent02; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 50px; grid-template-areas: "Job_Post_content13_component0201 Job_Post_content13_component0201 Job_Post_content13_component0201" "Job_Post_content13_component0202 Job_Post_content13_component0202 Job_Post_content13_component0202" "Job_Post_content13_component0205 Job_Post_content13_component0205 Job_Post_content13_component0205" "Job_Post_content13_component0207 Job_Post_content13_component0207 Job_Post_content13_component0207" "Job_Post_content13_component0208 Job_Post_content13_component0208 Job_Post_content13_component0208" "Job_Post_content13_component0211 Job_Post_content13_component0211 Job_Post_content13_component0211"; background-color: #fff; } #Job_Post_content13_component0201 { grid-area: Job_Post_content13_component0201; display: grid; grid-template-columns: 500px 1fr 1fr; grid-template-rows: 25px; grid-column-gap: 0px; grid-row-gap: 0px; grid-template-areas: "Job_Post_content13_component020101 Job_Post_content13_component020102 Job_Post_content13_component020103"; background-color: #fff; margin-top: 12px; margin-left: 15px; } #Job_Post_content13_component020101 { grid-area: Job_Post_content13_component020101; } #Job_Post_content13_component020102 { grid-area: Job_Post_content13_component020102; } #Job_Post_content13_component020103 { grid-area: Job_Post_content13_component020103; } #Job_Post_content13_component0202 { grid-area: Job_Post_content13_component0202; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 250px; grid-template-areas: "Job_Post_content13_component020201 Job_Post_content13_component020201 Job_Post_content13_component020201" "Job_Post_content13_component020202 Job_Post_content13_component020202 Job_Post_content13_component020202"; } #Job_Post_content13_component020201 { grid-area: Job_Post_content13_component020201; } #Job_Post_content13_component020202 { grid-area: Job_Post_content13_component020202; width: 120px; height: 120px; position: absolute; top: 450px; left: 25%; color: #333; font-family: "Nexa Bold", "Helvetica Bold", helvetica, "Source Sans Pro", arial, sans-serif; background-color: rgb(82,128,193); background-color: rgba(82,128,193,1.0); border-color: rgb(82,128,193); border-color: rgba(82,128,193,1.0); } #Job_Post_content13_component0205 { grid-area: Job_Post_content13_component0205; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-template-rows: 25px 55px 25px 55px 25px 55px 25px 55px 25px 55px; grid-template-areas: "Job_Post_content13_component020501 Job_Post_content13_component020501 Job_Post_content13_component020503 Job_Post_content13_component020503" "Job_Post_content13_component020502 Job_Post_content13_component020502 Job_Post_content13_component020504 Job_Post_content13_component020504" "Job_Post_content13_component020505 Job_Post_content13_component020505 Job_Post_content13_component020505 Job_Post_content13_component020505" "Job_Post_content13_component020506 Job_Post_content13_component020506 Job_Post_content13_component020506 Job_Post_content13_component020506" "Job_Post_content13_component020507 Job_Post_content13_component020509 Job_Post_content13_component020509 Job_Post_content13_component020509" "Job_Post_content13_component020508 Job_Post_content13_component020510 Job_Post_content13_component020510 Job_Post_content13_component020510" "Job_Post_content13_component020511 Job_Post_content13_component020511 Job_Post_content13_component020511 Job_Post_content13_component020511" "Job_Post_content13_component020512 Job_Post_content13_component020512 Job_Post_content13_component020512 Job_Post_content13_component020512" "Job_Post_content13_component020513 Job_Post_content13_component020513 Job_Post_content13_component020513 Job_Post_content13_component020513" "Job_Post_content13_component020514 Job_Post_content13_component020514 Job_Post_content13_component020514 Job_Post_content13_component020514"; font-weight: 600; } #Job_Post_content13_component020501 { grid-area: Job_Post_content13_component020501; margin-left: 10px; } #Job_Post_content13_component020502 { grid-area: Job_Post_content13_component020502; margin-left: 10px; } #Job_Post_content13_component020503 { grid-area: Job_Post_content13_component020503; margin-left: 10px; } #Job_Post_content13_component020504 { grid-area: Job_Post_content13_component020504; margin-left: 10px; margin-right: 10px; } #Job_Post_content13_component020505 { grid-area: Job_Post_content13_component020505; margin-left: 10px; } #Job_Post_content13_component020506 { grid-area: Job_Post_content13_component020506; margin-left: 10px; margin-right: 10px; } #Job_Post_content13_component020507 { grid-area: Job_Post_content13_component020507; margin-left: 10px; } #Job_Post_content13_component020508 { grid-area: Job_Post_content13_component020508; margin-left: 10px; margin-right: 10px; } #Job_Post_content13_component020509 { grid-area: Job_Post_content13_component020509; margin-left: 10px; } #Job_Post_content13_component020510 { grid-area: Job_Post_content13_component020510; margin-left: 10px; margin-right: 10px; } #Job_Post_content13_component020511 { grid-area: Job_Post_content13_component020511; margin-left: 10px; } #Job_Post_content13_component020512 { grid-area: Job_Post_content13_component020512; margin-left: 10px; margin-right: 10px; } #Job_Post_content13_component020513 { grid-area: Job_Post_content13_component020513; margin-left: 10px; } #Job_Post_content13_component020514 { grid-area: Job_Post_content13_component020514; margin-left: 10px; margin-right: 10px; } #Job_Post_content13_component0207 { grid-area: Job_Post_content13_component0207; display: grid; grid-template-columns: 300px 300px 1fr; grid-template-rows: 25px 55px; grid-template-areas: "Job_Post_content13_component020701 Job_Post_content13_component020701x Job_Post_content13_component020701x" "Job_Post_content13_component020702 Job_Post_content13_component020702x Job_Post_content13_component020702x"; font-weight: 600; border-top: 1px solid black; margin-left: 10px; margin-right: 10px; } #Job_Post_content13_component020701 { grid-area: Job_Post_content13_component020701; color: #ff0000; } #Job_Post_content13_component020702 { grid-area: Job_Post_content13_component020702; } #Job_Post_content13_component0208 { grid-area: Job_Post_content13_component0208; display: grid; grid-template-columns: 300px 300px 1fr; grid-template-rows: 25px 55px 25px 55px 25px 55px; grid-template-areas: "Job_Post_content13_component020801 Job_Post_content13_component020801 Job_Post_content13_component020801" "Job_Post_content13_component020802 Job_Post_content13_component020802 Job_Post_content13_component020802" "Job_Post_content13_component020803 Job_Post_content13_component020803 Job_Post_content13_component020803" "Job_Post_content13_component020804 Job_Post_content13_component020804 Job_Post_content13_component020804" "Job_Post_content13_component020805 Job_Post_content13_component020807 Job_Post_content13_component020809" "Job_Post_content13_component020806 Job_Post_content13_component020808 Job_Post_content13_component020810"; font-weight: 600; } #Job_Post_content13_component020801 { grid-area: Job_Post_content13_component020801; margin-left: 10px; } #Job_Post_content13_component020802 { grid-area: Job_Post_content13_component020802; margin-right: 10px; margin-left: 10px; } #Job_Post_content13_component020803 { grid-area: Job_Post_content13_component020803; margin-left: 10px; } #Job_Post_content13_component020804 { grid-area: Job_Post_content13_component020804; margin-right: 10px; margin-left: 10px; } #Job_Post_content13_component020805 { grid-area: Job_Post_content13_component020805; margin-left: 10px; } #Job_Post_content13_component020806 { grid-area: Job_Post_content13_component020806; margin-left: 10px; } #Job_Post_content13_component020807 { grid-area: Job_Post_content13_component020807; margin-left: 10px; } #Job_Post_content13_component020808 { grid-area: Job_Post_content13_component020808; margin-top: 10px; margin-left: 10px; } #Job_Post_content13_component020809 { grid-area: Job_Post_content13_component020809; margin-left: 10px; } #Job_Post_content13_component020810 { grid-area: Job_Post_content13_component020810; margin-right: 10px; margin-left: 10px; } #Job_Post_content13_component0211 { grid-area: Job_Post_content13_component0211; display: grid; grid-template-columns: 500px 1fr 1fr; grid-template-rows: 50px; grid-template-areas: "Job_Post_content13_component021101 Job_Post_content13_component021101 Job_Post_content13_component021101"; margin-top: 12px; margin-left: 15px; } #Job_Post_content13_component021101 { grid-area: Job_Post_content13_component021101; } /********************************************************/ #Job_Post_content13_component03 { grid-area: Job_Post_content13_component03; background-color: rgba(82,128,193,1.0); border-radius: 0px 0px 8px 8px; } /********************************************************/ /********************************************/ /*** Job_Post_container ***/ /********************************************/ /********************************************/ /*** Job_Poste_container ***/ /********************************************/ /********************************************************/ #Job_Post_content14 { grid-area: Job_Post_content14; display: none; grid-template-columns: 1fr; grid-template-rows: auto; grid-column-gap: 0px; grid-row-gap: 0px; grid-template-areas: "Job_Post_content14_FormGrid"; border-radius: 8px 8px 0px 0px; } #Job_Post_content14_FormGrid { grid-area: Job_Post_content14_FormGrid; display: grid; grid-template-columns: 1fr; grid-template-rows: 125px auto 30px; grid-column-gap: 0px; grid-row-gap: 0px; grid-template-areas: "Job_Post_content14_component01" "Job_Post_content14_component02" "Job_Post_content14_component03"; background-color: #ddd; max-width: 900px; margin-left: 253px; border-radius: 8px 8px 0px 0px; } #Job_Post_content14_component01 { grid-area: Job_Post_content14_component01; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 50px 25px 50px; grid-column-gap: 0px; grid-row-gap: 0px; grid-template-areas: "Job_Post_content14_component0101x Job_Post_content14_component0101x Job_Post_content14_component0101" "Job_Post_content14_component0102x Job_Post_content14_component0102x Job_Post_content14_component0102x" "Job_Post_content14_component0103 Job_Post_content14_component0103 Job_Post_content14_component0103x"; background-color: rgba(82,128,193,1.0); border-radius: 8px 8px 0px 0px; } #Job_Post_content14_component0101 { grid-area: Job_Post_content14_component0101; margin-right: 20px; } #Job_Post_content14_component0103 { grid-area: Job_Post_content14_component0103; margin-left: 20px; } /********************************************************/ #Job_Post_content14_component02 { grid-area: Job_Post_content14_com`ponent02; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 50px 85px auto 50px; grid-column-gap: 0px; grid-row-gap: 0px; grid-template-areas: "Job_Post_content14_component0201 Job_Post_content14_component0201 Job_Post_content14_component0201" "Job_Post_content14_component0206 Job_Post_content14_component0206 Job_Post_content14_component0206" "Job_Post_content14_component0207 Job_Post_content14_component0207 Job_Post_content14_component0207" "Job_Post_content14_component0209 Job_Post_content14_component0209 Job_Post_content14_component0209"; background-color: #fff; } #Job_Post_content14_component0201 { grid-area: Job_Post_content14_component0201; display: grid; grid-template-columns: 500px 1fr 1fr; grid-template-rows: 25px; grid-column-gap: 0px; grid-row-gap: 0px; grid-template-areas: "Job_Post_content14_component020101 Job_Post_content14_component020102 Job_Post_content14_component020103"; background-color: #fff; margin-top: 12px; margin-left: 15px; } #Job_Post_content14_component020101 { grid-area: Job_Post_content14_component020101; } #Job_Post_content14_component020102 { grid-area: Job_Post_content14_component020102; } #Job_Post_content14_component020103 { grid-area: Job_Post_content14_component020103; } #Job_Post_content14_component0206 { grid-area: Job_Post_content14_component0206; display: grid; grid-template-columns: 300px 300px 1fr; grid-template-rows: 25px 55px; grid-template-areas: "Job_Post_content14_component020601 Job_Post_content14_component020601x Job_Post_content14_component020601x" "Job_Post_content14_component020602 Job_Post_content14_component020602x Job_Post_content14_component020602x"; font-weight: 600; } #Job_Post_content14_component020601 { grid-area: Job_Post_content14_component020601; margin-left: 10px; color: #FF0000; } #Job_Post_content14_component020602 { grid-area: Job_Post_content14_component020602; margin-left: 10px; } #Job_Post_content14_component0207 { grid-area: Job_Post_content14_component0207; display: grid; grid-template-columns: 300px 300px 1fr; grid-template-rows: 25px 55px 25px 55px 25px 55px; grid-template-areas: "Job_Post_content14_component020701 Job_Post_content14_component020701 Job_Post_content14_component020701" "Job_Post_content14_component020702 Job_Post_content14_component020702 Job_Post_content14_component020702" "Job_Post_content14_component020703 Job_Post_content14_component020703 Job_Post_content14_component020703" "Job_Post_content14_component020704 Job_Post_content14_component020704 Job_Post_content14_component020704" "Job_Post_content14_component020705 Job_Post_content14_component020707 Job_Post_content14_component020709" "Job_Post_content14_component020706 Job_Post_content14_component020708 Job_Post_content14_component020710"; font-weight: 600; } #Job_Post_content14_component020701 { grid-area: Job_Post_content14_component020701; margin-left: 10px; } #Job_Post_content14_component020702 { grid-area: Job_Post_content14_component020702; margin-right: 10px; margin-left: 10px; } #Job_Post_content14_component020703 { grid-area: Job_Post_content14_component020703; margin-left: 10px; } #Job_Post_content14_component020704 { grid-area: Job_Post_content14_component020704; margin-right: 10px; margin-left: 10px; } #Job_Post_content14_component020705 { grid-area: Job_Post_content14_component020705; margin-left: 10px; } #Job_Post_content14_component020706 { grid-area: Job_Post_content14_component020706; margin-left: 10px; } #Job_Post_content14_component020707 { grid-area: Job_Post_content14_component020707; margin-left: 10px; } #Job_Post_content14_component020708 { grid-area: Job_Post_content14_component020708; margin-left: 10px; } #Job_Post_content14_component020709 { grid-area: Job_Post_content14_component020709; margin-left: 10px; } #Job_Post_content14_component020710 { grid-area: Job_Post_content14_component020710; margin-right: 10px; margin-left: 10px; } #Job_Post_content14_component0209 { grid-area: Job_Post_content14_component0209; display: grid; grid-template-columns: 1fr 200px 200px; grid-template-rows: 45px; grid-template-areas: "Job_Post_content14_component020901"; font-weight: 600; } #Job_Post_content14_component020901 { grid-area: Job_Post_content14_component020901; margin-top: 10px; margin-left: 10px; } /********************************************************/ #Job_Post_content14_component03 { grid-area: Job_Post_content14_component03; background-color: rgba(82,128,193,1.0); border-radius: 0px 0px 8px 8px; } /********************************************/ /*** Job_Post_container ***/ /********************************************/ #Job_Post_content18 { grid-area: Job_Post_content18; display: grid; grid-template-columns: 1fr; grid-template-rows: 300px; grid-column-gap: 0px; grid-row-gap: 0px; grid-template-areas: "Job_Post_content18_component01" "Job_Post_content18_component02" "Job_Post_content18_component03"; overflow: auto; margin-top: 10px; } #Job_Post_content18_component01 { grid-area: Job_Post_content18_component01; display: grid; grid-template-columns: 100px 1fr 1fr 1fr 1fr 1fr 1fr 300px; grid-template-rows: 25px; grid-column-gap: 0px; grid-row-gap: 0px; grid-template-areas: "Job_Post_content18_component0101 Job_Post_content18_component0102 Job_Post_content18_component0103 Job_Post_content18_component0104 Job_Post_content18_component0105 Job_Post_content18_component0106 Job_Post_content18_component0107 Job_Post_content18_component0108"; margin-top: 10px; margin-right: 10px; margin-left: 10px; } #Job_Post_content18_component0101 { grid-area: Job_Post_content18_component0101; } #Job_Post_content18_component0102 { grid-area: Job_Post_content18_component0102; } #Job_Post_content18_component0103 { grid-area: Job_Post_content18_component0103; } #Job_Post_content18_component0104 { grid-area: Job_Post_content18_component0104; } #Job_Post_content18_component0105 { grid-area: Job_Post_content18_component0105; } #Job_Post_content18_component0106 { grid-area: Job_Post_content18_component0106; } #Job_Post_content18_component0107 { grid-area: Job_Post_content18_component0107; } #Job_Post_content18_component0108 { grid-area: Job_Post_content18_component0108; } /********************************************/ #Job_Post_content18_component02 { grid-area: Job_Post_content18_component02; display: grid; grid-template-columns: 100px 1fr 1fr 1fr; grid-template-rows: 25px 25px 25px 25px 25px 25px; grid-column-gap: 0px; grid-row-gap: 0px; grid-template-areas: "Job_Post_content18_component0201 Job_Post_content18_component0202 Job_Post_content18_component0202 Job_Post_content18_component0202" "Job_Post_content18_component0201 Job_Post_content18_component0203 Job_Post_content18_component0203 Job_Post_content18_component0203" "Job_Post_content18_component0201 Job_Post_content18_component0204 Job_Post_content18_component0204 Job_Post_content18_component0204" "Job_Post_content18_component0201 Job_Post_content18_component0205 Job_Post_content18_component0205 Job_Post_content18_component0205" "Job_Post_content18_component0201x Job_Post_content18_component0206 Job_Post_content18_component0206 Job_Post_content18_component0206" "Job_Post_content18_component0201x Job_Post_content18_component0207 Job_Post_content18_component0207 Job_Post_content18_component0207"; margin-right: 10px; margin-left: 10px; } #Job_Post_content18_component0201 { grid-area: Job_Post_content18_component0201; /* border: 1px solid black; */ } #Job_Post_content18_component0202 { grid-area: Job_Post_content18_component0202; margin-left: 10px; margin-right: 10px; } #Job_Post_content18_component0203 { grid-area: Job_Post_content18_component0203; margin-left: 10px; margin-right: 10px; } #Job_Post_content18_component0204 { grid-area: Job_Post_content18_component0204; margin-left: 10px; margin-right: 10px; } #Job_Post_content18_component0205 { grid-area: Job_Post_content18_component0205; margin-left: 10px; margin-right: 10px; } #Job_Post_content18_component0206 { grid-area: Job_Post_content18_component0206; margin-left: 10px; margin-right: 10px; } #Job_Post_content18_component0207 { grid-area: Job_Post_content18_component0207; margin-left: 10px; margin-right: 10px; } /********************************************/ #Job_Post_content18_component03 { grid-area: Job_Post_content18_component03; display: grid; grid-template-columns: 100px 0.5fr 0.5fr 0.5fr 0.5fr 1fr; grid-template-rows: 25px; grid-column-gap: 0px; grid-row-gap: 0px; grid-template-areas: "Job_Post_content18_component0301 Job_Post_content18_component0302 Job_Post_content18_component0303 Job_Post_content18_component0304 Job_Post_content18_component0304x Job_Post_content18_component0305"; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; } #Job_Post_content18_component0301 { grid-area: Job_Post_content18_component0301; } #Job_Post_content18_component0302 { grid-area: Job_Post_content18_component0302; } #Job_Post_content18_component0303 { grid-area: Job_Post_content18_component0303; } #Job_Post_content18_component0304 { grid-area: Job_Post_content18_component0304; } #Job_Post_content18_component0305 { grid-area: Job_Post_content18_component0305; } /********************************************/ /*** Job_Post_content20 ***/ /********************************************/ #Job_Post_content20 { grid-area: Job_Post_content20; display: none; grid-template-columns: 1fr 630px 1fr; grid-template-rows: auto auto auto; grid-template-areas: "Job_Post_content20_grid01 Job_Post_content20_grid02 Job_Post_content20_grid03" "Job_Post_content20_grid04 Job_Post_content20_grid05 Job_Post_content20_grid06" "Job_Post_content20_grid07 Job_Post_content20_grid08 Job_Post_content20_grid09"; } #Job_Post_content20_component05 { grid-area: Job_Post_content20_grid05; display: grid; height: auto; grid-template-columns: 10px 1fr 1fr 1fr 10px; grid-template-rows: 50px 2px auto 70px; grid-template-areas: "Job_Post_content20_grid10 Job_Post_content20_grid11 Job_Post_content20_grid12 Job_Post_content20_grid13 Job_Post_content20_grid14" "Job_Post_content20_grid15 Job_Post_content20_grid16 Job_Post_content20_grid16 Job_Post_content20_grid16 Job_Post_content20_grid19" "Job_Post_content20_grid20 Job_Post_content20_grid21 Job_Post_content20_grid21 Job_Post_content20_grid21 Job_Post_content20_grid24" "Job_Post_content20_grid25 Job_Post_content20_grid26 Job_Post_content20_grid27 Job_Post_content20_grid28 Job_Post_content20_grid29"; background-color: #CCCCCC; border-radius: 10px; } #Job_Post_content20_component0501 { grid-area: Job_Post_content20_grid13; display: grid; text-align: right; } #Job_Post_content20_component0502 { grid-area: Job_Post_content20_grid16; display: grid; } #Job_Post_content20_component0503 { grid-area: Job_Post_content20_grid21; display: grid; } #Job_Post_content20_component0504 { grid-area: Job_Post_content20_grid27; display: grid; margin-top: 10px; } div#Job_Post_content20_progress_bar.Job_Post_content20_progress_bar { width: 1%; max-width: 100%; height: 2px; background-color: #4CAF50; box-shadow: 1px 1px 5px #4CAF50; } /***********************************************/ /* Job_Post_content20_ Modal Styling */ /***********************************************/ div#Job_Post_content20_user_message_container.Job_Post_content20_user_message_container { width: 100%; height: 30px; background-color: #fff; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } label#Job_Post_content20_usermessages_top.Job_Post_content20_usermessages_top { width: 100%; height: 100%; } /* The Close Button */ span#Job_Post_content20_modal_close.Job_Post_content20_modal_close { color: white; font-size: 60px; font-weight: 800; font-family: 'Libre Franklin'; line-height: 50px; height: 50px; } .Job_Post_content20_modal_close:hover, .Job_Post_content20_modal_close:focus { color: #000; text-decoration: none; cursor: pointer; } .Job_Post_content20_modal { display: none; position: fixed; z-index: 0; padding-top: 142px; padding-bottom: 142px; left: 0px; top: 5%; width: 100%; height: 100%; background-color: rgb(143,193,232); background-color: rgba(143,193,232,0.4); } button#Job_Post_content20_modal_close_button.Job_Post_content20_modal_close_button { height: 50px; line-height: 1em; margin-top: 0px; background-color: #2196f3; border-radius: 8px; } label#Job_Post_content01_component0201020201.Job_Post_content01_component0201020201, label#Job_Post_content01_component0201030201.Job_Post_content01_component0201030201, label#Job_Post_content01_component0201040201.Job_Post_content01_component0201040201, label#Job_Post_content01_component0201050201.Job_Post_content01_component0201050201, label#Job_Post_content01_component04020201.Job_Post_content01_component04020201, label#Job_Post_content01_component04030201.Job_Post_content01_component04030201, label#Job_Post_content01_component04040201.Job_Post_content01_component04040201, label#Job_Post_content01_component04050201.Job_Post_content01_component04050201 { font-size: 18px; font-weight: 400; margin-bottom: 0px; } /********************************************/ /*** Job_Post_container #19 END ***/ /********************************************/ /*********************************************************************************************/ /* MAPERTUNITY */ /*********************************************************************************************/ /*****************************/ /* Resigtration Page styling */ /*****************************/ /* progress bar thickness */ /*****************************/ /*div.wpforms-container-full .wpforms-form .wpforms-page-indicator.connector .wpforms-page-indicator-page-number */ span.wpforms-page-indicator-page-number { height: 25px !important; } /*****************************/ /* Words below progress bar */ /*****************************/ /*div.wpforms-container-full .wpforms-form .wpforms-page-indicator.connector .wpforms-page-indicator-page-title */ span.wpforms-page-indicator-page-title { padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; font-size: 12px !important; } /**********************************************/ /* BOTTOM MAPERTUNITYX @media */ /**********************************************/ }