.common-salary-form { margin: 30px 0 50px; text-align: center; font-size: 16px; line-height: 24px; } .common-salary-form h4 { display: inline-block; vertical-align: middle; margin-bottom: 0; font-size: 16px; line-height: 24px; color: #859ab5; } .common-salary-form .salary-input { display: inline-block; vertical-align: middle; width: 500px; max-width: 85%; padding: 10px 15px; height: 50px; background-color: #fff; } .common-salary-form span { display: inline-block; vertical-align: middle; margin-left: 10px; margin-right: 50px; } .common-salary-form .salary-btn { width: 150px !important; padding: 0 10px; font-size: 16px; line-height: 50px; text-align: center; height: auto; border: 0; font-weight: normal; border-radius: 4px; } @media (max-width: 991.98px) { .common-salary-form h4 { font-size: 14px; line-height: 22px; } .common-salary-form .salary-input { width: 200px !important; } .common-salary-form span { margin-left: 5px; margin-right: 20px; } .common-salary-form .salary-btn { margin-top: 0; } } @media (max-width: 767.98px) { .common-salary-form { margin: 20px 0; } .common-salary-form h4 { display: block; margin-bottom: 10px; } .common-salary-form .salary-input { padding: 5px 15px; width: 130px !important; height: auto; line-height: 23px; } .common-salary-form span { margin: 0 5px; } .common-salary-form .salary-btn { width: 100px !important; padding: 5px; font-size: 14px; line-height: 23px; margin-left: 10px; } } .common-salary-table { border-left: 1px solid #d0cfcf; border-bottom: 1px solid #d0cfcf; background-color: #fff; border-collapse: collapse; } @media (min-width: 768px) and (max-width: 991.98px) { .common-salary-table { min-width: 1024px; } } @media (max-width: 767.98px) { .common-salary-table { border: 0; } } .common-salary-table thead { background-color: #859ab5; } .common-salary-table thead td { color: #fff; border-top-color: #fff !important; border-right-color: #fff !important; } .common-salary-table td { font-size: 16px; padding: 20px 10px; vertical-align: middle; text-align: center; border-top: 1px solid #ccc !important; border-right: 1px solid #ccc !important; } @media (max-width: 1199.98px) { .common-salary-table td { font-size: 12px; } } .common-salary-table td.info-table { text-align: left; padding: 20px; } @media (max-width: 767.98px) { .common-salary-table td.info-table { padding-left: 20px !important; } } .common-salary-table2 { margin-top: 40px; background-color: #fff; color: #454545; border-spacing: 0; font-size: 14px; width: 100%; border-left: 1px solid #d0cfcf; border-top: 1px solid #d0cfcf; } .common-salary-table2 thead, .common-salary-table2 tbody { padding: 0; margin: 0; border: 0; outline: 0; background: transparent; text-align: center; } .common-salary-table2 thead { background-color: #859ab5; } .common-salary-table2 tr { border: 1px solid #d0cfcf; } .common-salary-table2 thead th { background: #859ab5; border-right: 1px solid #fff; padding: 10px 5px; color: #fff; font-weight: normal; } .common-salary-table2 td { border-right: 1px solid #d0cfcf; border-bottom: 1px solid #d0cfcf; padding: 15px 5px; color: #666; text-align: center; vertical-align: middle; }