@font-face {
    font-family: 'AzarMehrBold';
    src: url('../assets/AzarMehr-Bold.woff2') format('truetype');
    font-weight: bolder;
    font-style: normal;
}
@font-face {
    font-family: 'AzarMehrLight';
    src: url('../assets/AzarMehr-Light.woff2') format('truetype');
    font-weight: lighter;
    font-style: normal;
}
@font-face {
    font-family: 'AzarMehrMedium';
    src: url('../assets/AzarMehr-Medium.woff2') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'AzarMehrRegular';
    src: url('../assets/AzarMehr-Regular.woff2') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'AzarMehrSemiBold';
    src: url('../assets/AzarMehr-Semi-Bold.woff2') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'BTitr';
    src: url('../assets/BTitrBd.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

.qmPage{
    color: #c3c3c3 !important;
    text-align: center;
}

#formTitle{
    font-family: 'AzarMehrBold', sans-serif;
    font-size: 20px;
    color: #bce2ff !important;
    text-align: center;
    margin: 0 auto;
    border: solid 1px #183551;
    background: #13528d;
    max-width: 600px;
    padding: 20px;
    border-radius: 10px;
}

.loginTitle {
    color: #fff;
    font-family: 'AzarMehrBold';
    margin-bottom: 20px;
}

.physicianDiv, .adminDiv{    
    border: solid 1px #073b3f;
    border-radius: 15px;
    width: 100%;
    background: #0c5a5f;
    max-width: 600px;
    margin: 20px auto 0 auto;
    padding: 20px;
    font-family: 'AzarMehrMedium';
    display: flex;
    justify-content: space-around;
}
.adminDiv{
    border: solid 1px #072041;
    background: #002b63;
}

#physicianInfo{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: right;
}
#physicianName{
    color: #fff;
    font-size: 20px;
    font-family: 'AzarMehrBold';
}
#refrenceDiv{
    display: flex;
    flex-direction: column;
}
#refrenceCount{
    font-family:'BTitr';
    font-size: 30px;
    color:#fff;
}

.qmedica-form {
    font-family: 'AzarMehrMedium', sans-serif;
    direction: rtl;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 20px;
    max-width: 600px;
    text-align: center;
    margin: 30px auto 0 auto;
    padding: 30px;
    border: solid 1px #132537;
    border-radius: 15px;
    width: 100%;
    background: #081929;
}

#captch_div, #captch_div2{
    display:flex;
    margin-top: 5px;
    justify-content: center;
}

#captcha_image{
    margin-left: 10px;
}

.btnSubmit{
    background: #04591e !important;
    color: #fff !important;
    border: none !important;
    width: 100% !important;
    border-radius: 10px !important;
}

#qmedica-footer{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    padding: 15px;
}

#qmedica-footer a{
    color: #446279 !important;
    font-size: 15px;
    text-decoration: none;
}

.qm-modal{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.75);
    display:none;
    align-items:center;
    justify-content:center;
    z-index:9999;
}

.qm-modal-box{
    background:#0f2233;
    padding:30px;
    border-radius:15px;
    text-align:center;
    color:#fff;
    width:320px;
}

.qm-modal-box button{
    margin-top:15px;
    padding:8px 20px;
    border:none;
    border-radius:8px;
    background:#00a8ff;
    color:#fff;
    cursor:pointer;
}

#qmRetry{
    display:block;
    margin-top:15px;
    color:#00ff9c;
}


.tableWrapper{
    overflow-x:auto;
}

.doctorTable{
    
}

.doctorTable th{
    background:#2e5083;
    padding:10px;
    text-align:center;
}

.doctorTable td{
    padding:3px;
    text-align:center;
}

/* ردیف های یکی در میان */
.doctorTable tbody tr:nth-child(even){
    background:#07223f;
}

/* پزشک غیرفعال */
.doctorTable tbody tr:nth-child(odd){
    background:#0d3c4f !important;
}

.statusActive{
    color:green;
    font-weight:bold;
}

.statusInactive{
    color:red;
    font-weight:bold;
}

.editBtn, .deleteBtn{
    width:17px;
    vertical-align:middle;
    margin-right:5px;
    cursor:pointer;
}


.modal {
    display:none;
    position:fixed;
    inset:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.5);
    z-index:9999;

    justify-content:center;
    align-items:flex-start;

    overflow-y:auto;
    padding:20px 10px;
}

.modal.show {
    display:flex;
}

.modal-content {
    background:#001531;
    padding:20px;
    width:400px;
    border-radius:8px;
    position:relative;
    border:solid 2px #000;

    max-height:90vh;
    overflow-y:auto;
}



.modal-content.small{
    width:250px;
}

.modal-close{
    position:absolute;
    top:5px;
    right:10px;
    cursor:pointer;
    font-size:20px;
}

.saveBtn{
    margin-top:15px;
    padding:8px 15px;
    background:green;
    color:white;
    border:none;
    border-radius:5px;
    cursor:pointer;
}

.filtersBox {
    font-family:'AzarMehrBold' !important;
    background: #13768d;
    padding: 10px;
    border-radius: 6px;
    display: flex;
    flex-direction: row;
    max-width: 600px;
    margin: 0 auto 10px auto;
}
.filterBox {
    display: flex;
    width: 400px;
}
.filtersBox select {
    margin: 0 5px 0 20px !important;
}

.filterBtn{
        background: #0c4b26;
    border: none;
    color: #fff;
    margin-left: 10px;
}