.pop-up-text-open, .pop-up-text-close{
    display: none;
}

.hr-border{
    border: 1px solid grey;
}

#all-reimburse-input :invalid:focus{
    border-color:#f00;
    box-shadow: none;
}

#all-reimburse-input :valid:focus{
    border-color:#2ecc71;
    box-shadow: none;
}

.note{
    background-color: #ffffcc;
    border-top: 4px solid #ffeb3b;
    border-bottom: 4px solid #ffeb3b;
    margin-bottom: 20px;
}

.add-more:hover .pop-up-text-open, .remove-more:hover .pop-up-text-close{
    display: block;
}

@media screen and (min-width: 320px) and (max-width: 425px)  {
    .add-more:hover{
        width: 50%;
        white-space: inherit; word-break: break-word;
    }

    b.font-resize{
        font-size: 3.5vw;
    }
}

@media screen and (width: 320px){
    #manager-info{
        font-size: 4.2vw;
    }
}

.quotation:hover .pop-up-text-open{
    display: block;
}

.select2 {
    width: 100% !important;
}

.select2-search__field {
    margin-left: 10px;
    width: 250px !important;
}

.select2-results__options{
    font-size:12px !important;
    line-height: 11px;
}

#cover{
    background-color: #ffffcc;
    border: 2px solid #ffeb3b;
    height: 25px;
    margin-bottom: 10px;
    margin-top: 10px;
    text-align: center;
    /*color: black;*/
    font-weight: bold;
}

input:required {
    box-shadow:none;
}

.imagepreview {
    display: block;
    margin: 0 auto;
}

.btn-file {
    position: relative;
    overflow: hidden;
}

.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

#img-upload{
    width: 100%;
}

th{
    align:center !important;
}

/* Report Page Style */

.total-number {
    text-align: center;
    font-size: 40px;
}

.report-title {
    text-align: center;
}

.panel-button-right {
    float: right;
    margin-top: -3pt;
}

h5.title-heading {
    text-align: center;
    font-size: 20px;
    margin: 20px auto;
}

#percentage-loading, #total-loading {
    text-align: center;
    margin: 0 auto;
    display: block;
}

/* End of Report Page Style */

.nowrap {
    white-space: nowrap;
}

.action-container {
    width: 90px;
    text-align: center;
}

.action-button {
    width: 70px;
    margin-bottom: 5px;
}

/* Status Style Start */
.status-container {
    width: 100px;
    text-align: center;
}

.status {
    border-radius: 15px;
    padding: 5px;
    color: white;
    display: inline-block !important;
    font-size:12px;
    line-height: 1;
    width: 80px;
    text-align: center;
    margin-bottom: 1px;
}

/*.status-Saved, .status-Save {
    background-color: #6495ED;
}

.status-Pending {
    background-color: #FF7F50;
}

.status-Declined, .status-Unverified {
    background-color: #e2007d;
}

.status-Accepted, .status-On-Review {
    background-color: #25a928;
}

.status-Rejected {
    background-color: #d43f3a;
}

.status-Approved, .status-Verified {
    background-color: #6B8E23;
}

.status-Paid {
    background-color: #8bc34a;
}*/

.status-Saved, .status-Save {
    background-color: #a7a7a7;
}

.status-Pending {
    background-color: #6eb0f5;
}

.status-Declined, .status-Unverified {
    background-color: #e2007d;
}

.status-Accepted, .status-On-Review {
    background-color: #3cc2e0;
}

.status-Rejected {
    background-color: #d43f3a;
}

.status-Approved, .status-Verified {
    background-color: #25a928;
}

.status-Paid {
    background-color: #8bc34a;
}

.status-Finished {
    background-color: #008972;
}
/* Status Style Finish */