.onapply-job-ad-department { color: rgba(0,0,0,0.3); font-size: 32px; } .onapply-career-page-container { width: 100%; } .onapply-department-header { margin-top: 32px; font-size: 24px; } .onapply-job-ad-list li { list-style: none; } .onapply-job-ad { display: flex; align-items: center; justify-content: space-between; padding: 16px 16px 16px 0px; border-bottom: 1px solid rgba(0,0,0,0.1); } .onapply-job-ad__title { font-size: 18px; color: rgba(0,0,0,0.87); } .onapply-job-ad__title a { text-decoration: none; color: inherit; } .onapply-job-ad__location { font-size: 14px; margin-top: 8px; color: rgba(0,0,0,0.57); } .onapply-job-ad__view-button { padding: 14px; text-transform: uppercase; font-size: 16px; border: 1px solid rgba(0,0,0,0.1); color: rgba(0,0,0,0.87); text-decoration: none; } .onapply-job-ad__view-button:hover { border: 1px solid rgba(0,0,0,0.3); cursor: pointer; } .onapply-loader { border: 16px solid #f3f3f3; border-top: 16px solid #3498db; border-radius: 50%; width: 25px; height: 25px; animation: onapply-spin 2s linear infinite; margin: auto; } @keyframes onapply-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .pagination-buttons { display: flex; padding: 8px; border: 1px solid rgba(0,0,0,0.1); width: 200px; margin: auto; margin-top: 32px; } .pagination-buttons__button { padding: 8px; text-align: center; flex-grow: 1; cursor: pointer; } .pagination-buttons__button:hover { background-color: rgba(0,0,0,0.1); } .pagination-buttons__button--disabled { cursor: not-allowed; color: rgba(0,0,0,0.3); } .pagination-buttons__page-indicator { padding: 8px; } .pagination-buttons__page-indicator span:first-child { margin-right: 8px; padding-right: 8px; border-right: 1px solid rgba(0,0,0,0.3) }