.patient-form-reg,
.patient-form-date-reg,
.login-form-email,
.register-form-doctor-name,
.register-form-medical-num,
.register-form-expertise,
.login-form-password {
    position: relative;
    width: 48%;
    height: auto;
    margin: 10px;
}

.text-input-label-icon {
    font-size: 1.3rem;
}

.text-input-label-text {
    font-family: 'DanaRegular';
    font-size: .9rem;
    margin-right: 5px;
}

.text-input-label,
.other-description-label {
    position: absolute;
    right: 2%;
    pointer-events: none;
    background: #fff;
    padding: 0 5px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.text-input-label {
    top: 23%;
}

.other-description-label {
    top: 15px;
}

.patient-form-date-reg-label {
    position: absolute;
    width: 140px;
    top: -20%;
    right: 3%;
    pointer-events: none;
    background: #fff;
    padding: 0 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.patient-form-date-reg-label-icon {
    font-size: .85rem;
}

.patient-form-date-reg-label-text {
    font-family: 'DanaRegular';
    font-size: .9rem; 
    margin-right: 5px;
}

.text-input,
.date-input,
.other-description-input {
    padding: 7px 10px 7px 5px;
    height: 35px;
    margin: 1% auto;
    border: 1px solid #bababa;
    border-radius: 10px;
    outline: none;
    font-size: .9rem;
}
.span-input {
    padding: 7px 10px 7px 5px;
    height: 35px;
    margin: 1% auto;
    border: 1px solid #bababa;
    border-radius: 10px 0 0 10px;
    outline: none;
    font-size: .9rem;
}

.search-input {
    width: 60%;
    padding: 7px 10px 7px 5px;
    height: 45px;
    border: none;
    border-radius: 0 10px 10px 0;
    outline: 1px solid #bababa;
    font-size: .9rem;
    font-family: "DanaRegular";
}

.search-btn {
    width: 100px;
    padding: 7px;
    height: 44px;
    border-radius: 10px 0 0 10px;
    border: none;
    background-color: rgba(30, 179, 91);
    outline: 1px solid rgb(0, 156, 75);
    color: #fff;
    font-family: "DanaRegular";
    font-size: 1rem;
    cursor: pointer;
}

.search-btn:active {
    transform: scale(.95);
}

.search-btn:hover {
    background-color: rgb(0, 156, 75);;
}

.text-input:focus + .text-input-label,
.text-input:not(:placeholder-shown) + .text-input-label {
    top: -20px;
    right: 3%;
    color: #777777;
}

.other-description-input:focus + .other-description-label,
.other-description-input:not(:placeholder-shown) + .other-description-label {
    top: -10px !important;
    right: 3%;
    color: #777777;
}

.text-input:focus,
.date-input:focus,
.other-description-input:focus,
.select-input:focus {
    border-color: #777777;
}

.patient-details-form-more-btn {
    position: relative;
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 20px 0;
}

.patient-details-form-more-btn i {
    margin: 0 2%;
    font-size: 1.8rem;
    cursor: pointer;
}

.patient-details-form-more-btn h3 {
    font-size: 1.3rem;
    cursor: pointer;
}

.patient-complaint-option,
.social-history-option,
.psychological-history-option,
.patient-hemodynamics-option,
.head-and-neck-examinations-option,
.chest-and-heart-examinations-option,
.abdominal-examinations-option,
.physical-examinations-option,
.laboratory-orders-option,
.disease-labels-option {
    margin-bottom: 10px;
    padding: 10px 0;
    border-bottom: 1px solid #bababa;
}

.other-description-content,
.patient-info-attach-content {
    position: relative;
}


.attach-input {
    display: none;
}

.attach-input-label {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 6px 12px;
    cursor: pointer;
}

.attach-input-label i {
    font-size: 2.5rem;
}

.attach-input-label p {
    text-align: center;
    font-size: .8rem;
}

.underlying-disease-container,
.underlying-cancer-container,
.family-history,
.imaging-orders-container,
.medication-orders-container,
.family-history-container {
    border-bottom: .1rem solid #bababa;
    padding-bottom: 20px;
}

.attach-title,
.social-history-option-title,
.psychological-history-option-title {
    font-size: .9rem;
    font-family: "DanaRegular";
}

.title-image {
    width: 40px;
}

.attach-file-icon {
    width: 25px;
    margin-left: 10px;
}

.select-icon {
    width: 36px;
    height: 36px;
    background-color: #bababa;
    border-radius: 0 10px 10px 0;

}

.select-icon i {
    font-size: 1.3rem;
    color: #000;
}

.select-icon img {
    width: 25px;
}

.select-menu {
    border: 1px solid #bababa;
    outline: none;
    border-radius: 10px 0 0 10px;
    padding: 6.5px 5px;
    font-family: 'DanaMedium';
    cursor: pointer;
    background-color: rgba(255, 255, 255, .6);
    backdrop-filter: blur(5px);
}

.select-menu:hover {
    background-color: #bababa;
}

.select-menu:hover>input {
    background-color: #bababa;
}

.select-menu-label {
    margin: 5px 0;
    font-size: .9rem;
}

.select-input,
.advanced-select-display {
    padding: 6px 5px;
    border: 1px solid #bababa;
    border-radius: 10px 0 0 10px;
    outline: none;
    font-size: .9rem;
    font-family: "DanaRegular";
}

.btn-box a i {
    font-size: 1.5rem;
}

.checkbox {
    width: 20px;
    height: 20px;
    outline: none;
    border: none;
    cursor: pointer;
}

.checkbox-label {
    font-family: "DanaRegular";
    font-size: .7rem;
    word-wrap: break-word;
}

.laboratory-orders-option-label {
    text-align: left;
}

.button {
    padding: 8px 30px !important;
    outline: none !important;
    border: none !important;
    border-radius: 5px !important;
    cursor: pointer !important;
    text-decoration: none !important;
    font-family: "DanaRegular" !important;
}

.all-patient-filter-container {
    position: relative;
    width: 200px;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.all-patient-filter-btn {
    width: 100%;
    height: 45px;
    border-radius: 5px;
    font-family: "DanaRegular";
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.all-patient-filter-btn p {
    font-size: .9rem;
    margin: 0 5%;
}

.all-patient-filter-btn i {
    font-size: 1rem;
    margin: 0 5%;
}

.all-patient-filter-list {
    position: absolute;
    width: 100%;
    height: 0;
    top: 105%;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

.all-patient-filter-list button {
    width: 95%;
    height: 35px;
    outline: none;
    border: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: "DanaRegular";
    background-color: rgb(66, 128, 0);
    color: #fff;
    font-size: .8rem;
    cursor: pointer;
    margin: 5px 0 0 1px;
    padding: 0 5px;
    border-radius: 5px;
}

.all-patient-filter-list button:hover {
    background-color: rgb(52, 99, 0);
}

.open-list {
    height: 170px;
}

.add-patient-doc {
    font-size: .85rem;
    background-color: #FFC000;
    color: #000;
}

.doc-update-btn {
    font-size: 1rem;
    margin: auto !important;
}

.add-patient-doc:hover {
    background-color: #ffa600;
}

.attach-input-label {
    font-family: "DanaRegular";
}

.add-btn {
    padding: 5px 20px;
    background-color: #e10000;
    color: #fff;
    font-family: "DanaRegular";
    font-size: 1.3rem;
    outline: none;
    border: 1px solid #8f0000;
    cursor: pointer;
    border-radius: 5px;
    margin: auto;
}

.add-btn:hover {
    background-color: #bd0000;
    color: #ffea02;
}

.remove-imaging-btn {
    background-color: #4f4f4f;
    color: #fff;
    outline: none;
    border: 1px solid #7c7c7c;
    border-radius: 5px;
    cursor: pointer;
    padding: 5px 10px;
    font-family: "DanaRegular";
    font-size: 1.3rem;
}