.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: none !important;
    border-bottom: 1px solid #ced4da !important;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.form-control {
    border-radius: 0;
}

.form-control:focus {
    box-shadow: none!important;
    border-bottom: 1px solid #000!important;
}

.employee_status input {
    width: 5%;
}

.info > input {
    width: 35%;
    border-bottom: 1px solid #ced4da !important;
}

@media (min-width: 320px) and (max-width: 992.99px) {
    .information h4{
        font-size: 1rem;
        line-height: 28px;
    }

    .info > input {
        width: 43%;
        border-bottom: 1px solid #ced4da !important;
    }
    .title {
        font-size: 21px!important;
    }
    #tab-button li a {
        margin: 1.5px;
    }

}
a:hover{
    text-decoration: none;;
}
.info_date input {
    border-bottom: 1px solid #ced4da !important;
}

.info-width > input {
    width: 20% !important;
}

.screen-height >input {
    line-height: 26px;

}
.information p {
    letter-spacing: 0.2px;
    line-height: 25px;
    text-align: justify;
}

.card-5 .body-padding {
    padding-bottom: 5px !important;
}

.text-rotate tr th {
    transform: rotate(-90deg);
    padding: 1rem 0rem !important;
    vertical-align: inherit !important;
}

.checkbox tr th {
    text-align: center !important;
}

.input_width > input {
    border-bottom: 1px solid #ced4da !important;
    width: 100%;
}

.checkbox_input tr th {
    padding: 1rem 0.28rem !important;
}

/*=========Tab Css==============*/

.tabs {
    max-width: 640px;
    margin: 0 auto;
    padding: 0 20px;
}
#tab-button {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
}
#tab-button li {
    display: inline-block;
    /* width: 20%; */
}
#tab-button li a {
    display: inline-flex;
    padding: .5em 1.2em;
    background: #ffffff;
    border: 1px solid #ddd;
    text-align: center;
    color: #0a1017;
    text-decoration: none;
    border-radius: 45px;
    text-transform: uppercase;
    margin: 2px;
    box-shadow: 2px 3px 5px #0c3e73;
    font-weight: 600;
}
#tab-button li:not(:first-child) a {
    border-left: none;
}
#tab-button li a:hover,
#tab-button .is-active a {
    border: 1px solid #94080d;
    background: #94080d;
    color: #fff;
}
.tab-contents {
    padding: .5em 2em 1em;
    border: 1px solid #ddd;
}

.tab-button-outer {
    display: block;
}
.tab-contents {
    margin-top: 20px;
}
@media screen and (min-width: 768px) {
    .tab-button-outer {
        position: relative;
        z-index: 2;
        display: block;
    }
    .tab-select-outer {
        display: none;
    }
    .tab-contents {
        position: relative;
        top: -1px;
        margin-top: 0;
    }
}

.form-border{
    border: 1px solid #ced4da!important;
}
.form-border.form-control:focus {
    border-bottom: 0 !important;
}
/*==payment-css==*/
.input-group-addon {
    padding: 12px 12px 5px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
}