.careers-title-top { width: 100%; height: 30vw; position: absolute; text-align: center; text-shadow: 2px 3px 5px #000000; font-size: 7.5vw; color: white; z-index: 1; padding: 0 5vw; margin: auto; align-items: center; justify-content: center; display: flex; } .careers-bg { background: url(../image/careers.jpg) no-repeat; background-size: cover; background-position: center; width: 100%; height: 30vw; opacity: 0.5; } .careers-page-section { padding: 5vw 0; width: 100%; background: #f3f9ff; position: relative; display: inline-table; } .careers-text-top { width: 100%; display: flex; padding: 0 100px; margin-bottom: 50px; font-size: 30px; font-weight: bold; color: #1a1a1a; } .careers-content { width: 100%; display: flex; flex-wrap: wrap; padding: 0 0 0 100px; } .careers-left { width: 64%; display: flex; flex-wrap: wrap; justify-content: right; height: fit-content; padding-right: 15px; } .careers-link { display: grid; flex-wrap: wrap; background: #ececec; padding: 20px; width: 50vw; margin: 1vw; border-radius: 10px; } .careers-title { padding: 10px; font-size: 2vw; } .careers-status { background: #ffb9b9; padding: 10px; border-radius: 10px; font-size: 1vw; margin-left: 0.7vw; margin-right: 0.5vw; display: inline-block; font-style: italic; } .separator { margin: 0 0.5vw 0 1vw; border-left: 1px solid #939393; } .careers-jobtype { padding: 5px; } .careers-right { border-left: 1px solid #cdcdcd; width: auto; display: flex; flex-wrap: wrap; flex-direction: column; padding-bottom: 1vw; } .careers-categorylink { border-bottom: 1px solid #cdcdcd; padding: 10px 10px 10px 2vw; width: 24vw; height: fit-content; margin-left: 1vw; background: none; text-align: left; font-size: 17px; cursor: pointer; } .careers-categorylink.active { background: url(../image/tick.png) no-repeat; background-size: 5%; background-position: left; } .careers-contentlink { display: none; width: 100%; } .careers-contentlink.active { display: block; } .table-careers-contentlink { width: 100%; margin-top: 20px; } label { display: flex; justify-content: center; align-items: center; background: #0894eb; padding: 0 0 0 40px; border-radius: 10px; color: white; } input { background: #ffffff; padding: 16px; margin-left: 40px; width: 100%; border: 1px solid #cfcfcf; border-radius: 0 10px 10px 0; } thead { display: none; } tbody { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin: auto; } tr { background: #ffffff; padding: 5px 20px; margin-bottom: 20px; display: grid; width: 100%; border-radius: 10px; border: 1px solid #cdcdcd; } td { padding-bottom: 5px; } .careersno { display: none; } .careerstitle { font-weight: bold; padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid #bdbdbd; } .careersstatus { width: fit-content; border-radius: 10px; padding: 2px 10px; margin: 10px 0 5px 0; font-size: 13px; } .careersstatus-closed { background: #ffcaca; } .careersstatus-open { background: #bbffbb; } .loc-blank { display: none; } .link-blank { display: none; } .link-open { display: flex; justify-content: right; } .joblink { background: #3a75ff; padding: 5px 10px; border-radius: 10px; color: white; font-size: 13px; } .joblink:hover { background: #5588ff; } .dataTables_info { display: none; } .dataTables_paginate { width: auto; display: flex; margin: auto; justify-content: center; } .paginate_button { background: #ffffff; border: 1px solid #cdcdcd; padding: 10px; border-radius: 5px; display: inline-flex; margin: 5px; cursor: pointer; height: fit-content; width: 40px; justify-content: center; } .paginate_button:hover { background: #d5f2ff; } .disabled { background: #e7e7e7; cursor: not-allowed; } .disabled:hover { background: #e7e7e7; } .current { background: #86f4ff; } .careers-cat-mobile { display: none; } .i-back { background: url(../image/back.png) no-repeat; background-size: contain; height: 18px; width: 18px; } .i-next { background: url(../image/next.png) no-repeat; background-size: contain; height: 18px; width: 18px; } .benefits-val-page-section { height: 100%; background: white; padding: 5vw 0; display: inline-table; } .ben-val-title-top { padding: 0 30px; margin-bottom: 30px; font-size: 30px; font-weight: bold; } .ben-val-content { padding: 0 25px; margin-bottom: 20px; } .ben-val-img { width: 100%; height: 60vw; border-radius: 10px; } .ben-val-col { display: grid; border: 1px solid #b9dfff; border-radius: 6px; padding: 15px; margin-top: 20px; font-size: 20px; height: fit-content; } .ben-val-title { font-weight: bold; margin-bottom: 10px; font-size: 16px; } .ben-val-desc { font-size: 14px; } @media (min-width: 1000px) { .careers-title-top { font-size: 3.5vw; } .careerstitle { font-size: 1.25vw; } .ben-val-title-top { padding: 0 100px; } .ben-val-desktop { display: flex; flex-wrap: wrap; justify-content: center; padding: 0 100px; } .ben-val-content { width: 25%; padding: 0 10px; } .ben-val-img { height: 14vw; } } @media (min-width: 700px) and (max-width: 1000px) { .ben-val-desktop { display: flex; flex-wrap: wrap; justify-content: center; padding: 0 20px; } .ben-val-content { width: 25%; padding: 0 10px; } .ben-val-img { height: 15vw; } } @media (max-width: 1000px) { .careerstitle { font-size: 16px; } .careers-text-top { padding: 0 30px; margin-bottom: 30px; } .careers-content { padding: 0 25px; } label { padding: 0 0 0 5vw; } input { margin-left: 5vw; } .careers-cat-mobile { display: flex; width: 100%; justify-content: center; } .careers-select-m { padding: 15px 20px; border: 1px solid #dddfe1; border-radius: 10px; font-size: 20px; width: 100%; } .careers-left { width: 100%; margin-top: 20px; padding-right: 0; } .careers-right { display: none; } } @media (max-width: 500px) { .previous { display: none; } .next { display: none; } } @media (max-width: 370px) { .dataTables_paginate { white-space: nowrap; overflow-x: scroll; width: 220px; /* justify-content: flex-start; */ } }