html { font-size: 16px; position: relative; }
body { margin-bottom: 60px; }

/*@media (min-width: 768px) {
  html { font-size: 16px; }
}*/

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

.home-menu { cursor: pointer; color: #027E83 !important; }

.view-title-bar {
    height: 40px; line-height: 35px; padding: 0 10px;
    background-color: #048D92; color: white; margin: 0 !important;
}

/* modal style*/
.modal-title { line-height: 40px; font-weight: bold; font-size: 20px; background-color: #048D92; color: white; }

.modal-input {
    width: 250px; height: 40px; font-size: 15px; border-left: 0; border-top: 0; border-right: 0;
    border-radius: 5px; padding-left: 10px; background-color: #fafafa
}

.modal-input1 { height: 50px; font-size: 15px; border: 0; }

.modal-input2 { height: 30px; font-size: 15px; border: 0; }

.modal-input3 { height: 30px; font-size: 15px; border-left: 0; border-top: 0; border-right: 0; }

.modal-input4 {
    width: 75%; height: 40px; font-size: 15px; border: 0; border-radius: 5px; padding-left: 10px; background-color: #fafafa
}

.modal-input-span { width: 125px; font-weight: bold; display: inline-block; text-align: right; }

.modal-input-span1 { width: 150px; display: inline-block; }

.modal-input-span2 { width: 150px; font-weight: bold; display: inline-block; text-align: right;}

.modal-input-span3 { width: 250px; display: inline-block; }

.modal-input-radio { margin-left: 10px; margin-right: 5px; top: 2px; position: relative; }

.modal-button {
    border: 1px solid gray; width: 150px; border-radius: 5px; height: 35px;
    line-height: 30px; background-color: #048D92; color: white;
}

.modal-div { padding: 20px 10px !important; margin: 20px 0 15px; line-height: 30px; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; }

.modal-div1 { padding: 20px 10px !important; margin: 0; line-height: 30px; }

.modal-div2 { padding: 0px 10px !important; margin: 0; line-height: 30px; }

.modal-account-list { height: 470px; overflow-y: auto; border: 1px solid #e0e0e0; padding-left: 10px; }

.dropdown-position { padding: 0; }

.button-disabled { background-color: #a0a0a0; }


.modal-tab-active {
    background-color: #f0f0f0
}

.modal-div-field {
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #f5f5f5;
}

    .modal-div-field:hover {
        background-color: #f0f0f0;
    }

    .modal-div-field i {
        display: none;
        transform: translateY(-50%);
    }

    .modal-div-field:hover i {
        display: inline;
    }

.modal-div-field-no-hover {
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #f5f5f5;
}

.modal-div-field-no-hover1 {
    height: 50px;
    line-height: 50px;
}

.modal-div-field-disabled {
    color: #909090;
}

.div-user-company {
    height: 40px;
    line-height: 40px;
    padding-left: 10px;
    padding-right: 10px;
    justify-content: space-between;
    display: flex;
}

    .div-user-company:hover {
        background-color: #f5f5f5;
    }

.modal-input {
    height: 40px;
    border-radius: 5px;
    width: 250px;
    padding-left: 10px;
    background-color: #fafafa
}