content a {
    text-decoration: underline;
}

.modal-footer-custom {
    padding: 5px 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

#basicInfo input:disabled {
    pointer-events: none !important;
}

#basicInfo button:disabled {
    pointer-events: none !important;
}

@media (min-width: 900px) {
    .modal-dialog {
        position: relative;
        min-width: 600px;
        max-width: 1000px;
    }
}

.modal-footer-custom .btn {
    min-width: 70px;
}

.modal-footer-custom .btn+.btn {
    margin-left: 5px;
}

#spLspResultRemark ul>li{
    padding-bottom: 10px;
}

#spLspResultRemark>div {
    padding-bottom: 0px !important;
}

div.datepicker.datepicker-dropdown {
    width: 230px;
}

#spLsp18SalaryTable_firstHalf>tbody>tr>td:last-child, #spLsp18SalaryTable_secondHalf>tbody>tr>td:last-child {
    padding:0px;
}

#spLspAfterMay1_18SalaryTable_firstHalf>tbody>tr>td:last-child, #spLspAfterMay1_18SalaryTable_secondHalf>tbody>tr>td:last-child {
    padding:0px;
}

div.input-group {
    width: 100%
}

input[type="text"]:disabled~span{
    pointer-events: none;
}

@media (max-width: 899px) {
    #alpCalculator_cont_inEmployment #alpIEBreakDownTable, #alpCalculator_cont_notInEmployment #alpNIEBreakDownTable {
        width:100%
    }
    #spLspAvgSalaryTable {
        width:100%;
    }
    #spLspAfterMay1AvgSalaryTable {
        width:100%;
    }
    #spLspAfterMay1DailyAvgSalaryTable {
        width:100%;
    }
    #spLspDailyAvgSalaryTable {
        width:100%;
    }
    /* div.datepicker.datepicker-dropdown {
        margin-top: 45px;
    } */
    #spLsp18SalaryTable_firstHalf>tbody>tr, #spLsp18SalaryTable_secondHalf>tbody>tr {
        height:200px;
    }
    #spLsp18SalaryTable_firstHalf, #spLsp18SalaryTable_secondHalf {
        min-height:2000px;
    }
    #spLspAfterMay1_18SalaryTable_firstHalf>tbody>tr, #spLspAfterMay1_18SalaryTable_secondHalf>tbody>tr {
        height:200px;
    }
    #spLspAfterMay1_18SalaryTable_firstHalf, #spLspAfterMay1_18SalaryTable_secondHalf {
        min-height:2000px;
    }
}

@media (min-width: 900px) {
    #alpCalculator_cont_inEmployment #alpIEBreakDownTable, #alpCalculator_cont_notInEmployment #alpNIEBreakDownTable {
        width:50%
    }
    #spLspAvgSalaryTable {
        width:60%;
    }
    #spLspAfterMay1AvgSalaryTable {
        width:60%;
    }
    #spLspAfterMay1DailyAvgSalaryTable {
        width:60%;
    }
    #spLspDailyAvgSalaryTable {
        width:60%;
    }
    #spLsp18SalaryTable_firstHalf, #spLsp18SalaryTable_secondHalf {
        min-height:800px;
    }
    #spLspAfterMay1_18SalaryTable_firstHalf, #spLspAfterMay1_18SalaryTable_secondHalf {
        min-height:800px;
    }
}

@media ( min-width: 1310px) {
    #spLsp18SalaryTable_firstHalf>tbody>tr, #spLsp18SalaryTable_secondHalf>tbody>tr {
        height:80px;
    }
    #spLspAfterMay1_18SalaryTable_firstHalf>tbody>tr, #spLspAfterMay1_18SalaryTable_secondHalf>tbody>tr {
        height:80px;
    }
}

@media ( min-width: 900px) {
    #spLsp18SalaryTable_firstHalf>tbody>tr, #spLsp18SalaryTable_secondHalf>tbody>tr {
        height:100px;
    }
    #spLspAfterMay1_18SalaryTable_firstHalf>tbody>tr, #spLspAfterMay1_18SalaryTable_secondHalf>tbody>tr {
        height:100px;
    }
}

.shp-calculator-btn {
    background-color: #efb300;
    color: #fff;
}

.shp-calculator-btn:hover {
    background-color: #d8a716;
    color: #fff;
}

.alp-calculator-btn {
    background-color: #58c744;
    color: #fff;
}

.alp-calculator-btn:hover {
    background-color: #51b93e;
    color: #fff;
}

.splsp-calculator-btn {
    background-color: #6695ea;
    color: #fff;
}

.splsp-calculator-btn:hover {
    background-color: #5988dc;
    color: #fff;
}

.all-claim-calculator-btn {
    background-color: #f1774b;
    color: #fff;
}

.all-claim-calculator-btn:hover {
    background-color: #d66c46;
    color: #fff;
}

.btn.btn-success {
    background-color: #673ab7;
}

.btn-success:hover {
    background-color: #541db9;
}

.btn-success:focus, .btn-success.focus  {
    background-color: #541db9;
}

.btn-success.active, .btn-success:active {
    background-color: #541db9;
}

.btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover,
.btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover {
    background-color: #541db9;
}

.field_error {
    border-color: #d31511 !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
    box-shadow: 1px 1px #bd1310 !important;
}

.v-offset-half{
	margin-bottom: 5px;
}

.v-offset{
	margin-bottom: 10px;
}

.v-offset-2{
	margin-bottom: 20px;
}

.v-offset-3{
	margin-bottom: 30px;
}

.v-offset-4{
	margin-bottom: 40px;
}

.v-offset-5{
	margin-bottom: 50px;
}

.field_error_msg {
    z-index: 2;
    display: none;
    padding: 0px 0px;
    margin-top: 3px;
    width: 100%;
    float: left;
    position: relative;
}

.errMsg {
    white-space: nowrap;
    display: inline-block;
    padding-right: 5px;
}

.errMsg {
    background-color: #f2dede;
    color: #a94442;
    border: 1px solid #ebccd1;
    border-radius: 4px;
    padding-left: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-top: 0px;
    margin-bottom: 5px;
}

.form-error-arrow-out {
    position: absolute;
    top: -19px;
    left: 10px;
    height: 0px;
    width: 0px;
    border: 10px solid transparent;
    border-bottom: 10px solid #ebccd1;
}

.form-error-arrow-in {
    position: absolute;
    top: -18px;
    left: 10px;
    height: 0px;
    width: 0px;
    border: 10px solid transparent;
    border-bottom: 10px solid #f2dede;
}
#eoCalculaorDiv {
    font-family: "Helvetica Neue", Helvetica, "Microsoft JhengHei", 微軟正黑體, 細明體, Arial, sans-serif;
    /*font-family: "Helvetica Neue", Helvetica, "微软雅黑", Arial, sans-serif;*/
	/*font-size: 18px;*/
    line-height: 1.42857143;
    max-width: 1000px;
}
/* body {
    font-size: medium;
    top:0px;
    left:0px;
    overflow-y: auto;
} */
button.btn {
    font-size: 18px;
    max-width: 300px;
    white-space: normal;
    /* margin: 5px 0px; */
    margin-top: 2px;
    margin-bottom: 10px;
    /* margin-top: 10px; */
}

#alpInEmploymentDisclaimersUl li:before, #alpNotInEmploymentDisclaimersUl li:before {
    content: "#";
    padding-right: 10px;
}

button.calculator-select-btn {
    width: 45%;
    min-width: 250px;
    text-align: center;
    padding: 10px 30px;
    margin: 5px 10px;
    border-radius: 5px;
    max-width: none;
}

button.btn-deline:hover {
    color: #fff !important;
    background-color: #696969 !important;
}

.cal-remark-border {
    border: 1px solid #000;
    padding:10px;
    color: #000092;
}


button.btn-deline:focus {
    color: #fff !important;
    background-color: #696969 !important;
}

button.btn-deline {
    color: #fff !important;
    background-color: #808080 !important;
}


.underline-header {
    border-bottom: 1px solid black;
    font-weight: bold;
}

.result-text {
    color: red;
}

.container>form,
.container>div {
    width: 100%;
    /* margin-left: 30px; */
    /* margin-top: 20px; */
}

#allClaimTabContent .input-group.date, #allClaimTabContent .pre-table-row-content, #allClaimTabContent input[type='radio'] {
    margin-top:6px;
}

.form-control[readonly] {
    background-color: #fff;
}

.container {
    /* width: auto;
    min-width:400px !important;
    max-width:1000px !important; */
    width: auto;
    padding-left: 0px;
    padding-right: 0px;
}

.container.for-print{
    width: 1000px !important;
    max-width: none !important;
    font-size: 14px !important;
}

.rel-container {
    position:relative;
    z-index: 1;
}

.bottom-button-row {
    padding-bottom: 0px !important;
}

.bottom-button-div {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.abs-container {
    z-index:100;
    width: auto;
}

.head-title {
    font-weight: bold;
    font-size: 18px;
}

.field-value {
    margin-top:5px;
    margin-bottom:5px;
}
.datepicker {
    padding-top: 0px;
}

input[type='radio']+span {
    font-weight: normal;
}

input[type='text'].form-control{
    padding: 4px;
    /* border-radius: 4px; */
    direction: ltr;
}
.normal-table {
    width:100%;
    padding-left:5px;
    padding-right:5px;
}
.result-table {
    width:100%;
    padding-left:5px;
    padding-right:5px;
}
.result-table td {
    font-size: 14px;
    height: 40px;
}
.table-hover-highlight>tbody>tr:hover {
    background-color: #c4fffa;
}
.result-table td:first-child {
    padding-left: 5px;
}
.result-label {
    display: contents;
}
.normal-table thead th {
    border: 2px solid #d4d3d3;
    background-color: #d4d3d3;
    font-size: 18px;
    height: 40px;
    padding-left:5px;
    padding-right: 5px;
}
.normal-table tbody td {
    font-size: 14px;
    height: 40px;
    border: 1px solid #c5c0c0;
    padding-left:5px;
    padding-right: 5px;
}
.annotation-detail {
    color:#808080;
    font-size: 12px;
}
.annotation-detail td {
    height: 30px;
}
button#calBtn:disabled {
    opacity: 0.65;
    cursor: not-allowed;
}
.annotation-detial-offset{
    min-height:10px;
    border-bottom: 1px solid #adadad;
    margin-bottom:10px;
}

.input-group input{
    height: 27px;
}
.panel .panel-heading div {
    font-weight: bold;
    font-size: 18px;
}
.row {
    margin-right: 0px !important;
    margin-left: -5px !important;
}
.panel {
    border-radius: 0em !important;
    border: 0px !important;
    box-shadow: none !important;
}
.panel-body {
    background-color: #fbfbe2;
}
.panel-body .row {
    padding-bottom: 5px;
}
/* .panel-body > .row > label {
    margin-top: 3px;
    margin-bottom: 2px;
} */
input.form-control {
    padding-left: 6px !important; 
    padding-right: 6px !important;
    height: 27px;
    border-color: #9e9e9e;
    box-shadow: 1px 1px #8e8e8e;
}
.input-group-addon {
    border-color: #9e9e9e;
    box-shadow: 1px 1px #8e8e8e;
}
.btn {
    border-color: #b3b3b3;
    box-shadow: 1.5px 1.5px #8e8e8e;
    padding: 3px 12px;
}
table, .table {
    width: 100%;
    background-color: transparent;
    margin-bottom: 10px;
}
table.dataTable td {
    padding:5px;
}
.nav-tabs {
    border-bottom: 1px solid #545454 !important;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    font-weight: bold;
    color: #ffffff;
    /* font-size: 16px; */
    transition: 0.5s;
    /* border-top-color: #545454; */
    border-right-color: #545454;
    border-left-color: #545454;
    background-color: #808080;
    /* box-shadow: 1px 0px #8e8e8e; */
    border-top-left-radius: 0em;
    border-top-right-radius: 0em;
}
.nav-tabs>li>a:hover {
    transition: 0.5s;
    /* border-top-color: #545454; */
    border-right-color: #545454;
    border-left-color: #545454;
}
.nav>li>a:hover {
    transition: 0.5s;
    background-color: #929292;
}
.nav-tabs>li>a {
    transition: 0.5s;
    /* border-top-color: #545454; */
    border-right-color: #545454;
    border-left-color: #545454;
    background-color: #a0a0a0;
    /* border-bottom: #545454; */
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    margin-left: 0px;
    margin-right: 0px;
    border-top-left-radius: 0em;
    border-top-right-radius: 0em;
}
.table-bordered {
    border: 1px solid #808080 !important;
}
.all-claim-table>tbody>tr>td, 
.all-claim-table>tbody>tr>th, 
.all-claim-table>tfoot>tr>td, 
.all-claim-table>tfoot>tr>th, 
.all-claim-table>thead>tr>td, 
.all-claim-table>thead>tr>th {
    border: 1px solid #808080 !important;
    /* background-color: #ffffff !important; */
}

/* .print-table>tbody>tr>td {
    word-break: break-all;
} */

.info-table .deline-day {
    background-color: #e6e6e6 !important;
}

.info-table .available-day {
    background-color: #ccdcff !important;
}

.info-table>thead>tr>th,
.info-table>thead>tr>td {
    border: 1px solid #808080 !important;
    background-color:#9bc2e6 !important;
}

.info-table>tbody>tr>td {
    border: 1px solid #808080 !important;
    background-color: #ffffff !important;
}

.info-table>tbody>tr>th {
    border: 1px solid #808080 !important;
    background-color: #9bc2e6 !important;
}

.info-table>tbody>tr>td>ul,
.info-table>tbody>tr>td>ul ul {
    padding-left: 20px;
}

.header-center>thead>tr>th {
    text-align: center;
}

.header-center>tbody>tr>th {
    text-align: center;
}

.result-row {
    margin-top: 10px;
    border-top: 1px solid #808080;
    padding-top: 5px;
}
.all-claim-table div.row {
    padding-bottom: 0px !important;
}
.all-claim-table .table-row-content {
    margin-top: 9px;
}
.all-claim-table .table-row-content-half {
    margin-top: 4px;
}
.table-bordered th {
    padding: 4px !important;
}

.relative-table>tbody {
    font-size: 10px;
}

.col-xs-text-center {
    text-align: center;
}

.col-xs-text-right {
    text-align: right;
}

.col-xs-text-left {
    text-align: left;
}

@media ( min-width :900px) {
    .input-group :last-child {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
    }
    .input-group.month :first-child {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
    }
    .input-group :first-child{
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
    }
    .input-group.month .input-group-addon {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
    }
    .col-sm-text-center {
        text-align: center
    }
    .col-sm-text-right {
        text-align: right;
    }
    
    .col-sm-text-left {
        text-align: left;
    }
}

@media ( min-width :992px) {
    .relative-table>tbody {
        font-size: 16px;
    }
    .col-md-text-center {
        text-align: center;
    }
    .col-md-text-right {
        text-align: right;
    }
    
    .col-md-text-left {
        text-align: left;
    }
}
@media ( max-width: 1200px) {
    .col-lg-text-center {
        text-align: center;
    }
    .col-lg-text-right {
        text-align: right;
    }
    
    .col-lg-text-left {
        text-align: left;
    }
}

@media ( min-width: 900px) {
    .content-info {
        max-width:1366px !important;
    }
}

@media ( max-width: 899px) {
    .input-group-addon {
        display: none;
    }
    .content-info {
        width: auto;
    }
}

        .panel-heading {
            background-color: #8ea9db !important;
        }

        .panel-body {
            background-color: #d9e1f2 !important;
        }

        .status-badge {
            display: inline-block;
            padding: 0.5rem 1rem;
            border-radius: 6px;
            letter-spacing: 0.025em;
            min-width: 120px;
            text-align: center;
        }

        .status-fulfilled {
            background-color: #d1fae5;
            color: var(--success-green);
            border: 1px solid #a7f3d0;
        }

        .status-not-fulfilled {
            background-color: #fee2e2;
            color: var(--error-red);
            border: 1px solid #fecaca;
        }

        .status-pending {
            background-color: #dbd3d3;
            color: var(--gray-500);
            border: 1px solid #dbd3d3;
        }

        .error-message {
            color: red;
            font-size: 0.9em;
            margin-left: 10px;
        }

        .hours-input.error {
            border-color: red;
        }

        .hours-input:focus {
            outline: none;
            border-color: #08924b;
        }

        .hours-input:disabled {
            background-color: #f1f5f9;
            color: #94a3b8;
            cursor: not-allowed;
        }

        .hours-input.error {
            border-color: #ef4444;
            background-color: #fef2f2;
        }
        .hours-input {
            width: 120px;
            padding: 12px 15px;
            border-radius: 8px;
            font-size: 16px;
            transition: all 0.3s ease;
            background: white;
        }

        input::-webkit-outer-spin-button,
        input::-webkit-inner-spin-button {
            /* display: none; <- Crashes Chrome on hover */
            -webkit-appearance: none;
            margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
        }

        input[type=number] {
            -moz-appearance:textfield; /* Firefox */
        }