.cardbg{
    background-color: #ffffff;
    padding: 5px 20px 20px 20px;
    border-radius: 5% ;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
}
.boxtitle{
    background-color:rgba(15, 116, 168, 1);
    padding: 10px;
    /*display: inline-block;*/
    margin-top: 10px;
    border-radius:  10px 10px 10px 10px;
    margin-bottom: 20px;
    color: white;
    backdrop-filter: blur(10px);
    box-shadow: 0 10px 32px 0 rgba(31, 38, 135, 0.1);
    transition: background-color 0.3s ease; /* اضافه کردن افکت تغییر رنگ */
}
.boxtitle:hover {
    background-color: rgb(2,0,36); /* تغییر رنگ هنگام هوور ماوس */
}
.boxtitlered{
    background-color: rgba(232, 7, 7, 0.8);
    padding: 10px;
    border-radius: 15px 15px 0 0 ;
    margin-bottom: 10px;
    color: white;
    backdrop-filter: blur(10px);
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.1);
}
.vmdescription{
    margin-top: 20px;
    color: red;
}
/*.headchild{*/
/*    font-size: 12px;*/
/*    color: white;*/
/*    align-items: center;*/
/*}*/
/*.headchild td{*/
/*    padding: 2px;*/
/*}*/
/*.headchild img{*/
/*    !*border-radius: 100%;*!*/
/*    width: 100%;*/
/*}*/
/*.headinput{*/
/*    width:auto;*/
/*    border-radius: 2px;*/
/*    text-align: right;*/
/*    border:none;*/
/*    background-color: #595959;*/
/*    color: white;*/
/*}*/
/*.headchild img{*/
/*    align-items: center;*/
/*    width: 50%;*/
/*    height:auto;*/
/*}*/
/*.myhead{*/
/*    display: grid;*/
/*    grid-template-columns: repeat(2 ,30%);*/
/*    grid-column-gap: 10px;*/
/*    margin: 5px;*/
/*}*/
.welcome-text {
    text-align: center;
    font-size: 16px;
    color: white;
    margin-bottom: 10px;
}

.username-box {
    text-align: center;
    margin-bottom: 10px;
}

.username-input {
    background-color: #d2ab67;
    border: none;
    border-radius: 20px;
    padding: 5px 5px;
    font-size: 14px;
}

.headchild img {
    border-radius: 100%;
    width: 100%;
    display: block;
    margin: 0 auto;
    margin-bottom: 10px;
}
.field-input {
    background-color: #282c49;
    color: white;
    font-size: 13px;
    border-radius: 3px;
    border: none;
    padding: 5px 10px;
    margin-bottom: 5px;
}

.headinput {
    width: 100%;
    text-align: center;
}
.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 5rem);
}
.modal-content {
    margin: auto;
}
.fixed-width-btn {
    width: 100px; /* یا هر اندازه ثابت دیگری که می‌خواهید */
}

@media print {
    body * {
        visibility: hidden;
    }
    .printable, .printable * {
        visibility: visible;
    }
    .printable {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
    }
}

@font-face {
    font-family: Vazir;
    src: url('./dist/fonts/Vazir.eot');
    src: url('./dist/fonts/Vazir.eot?#iefix') format('embedded-opentype'),
    url('./dist/fonts/Vazir.woff2') format('woff2'),
    url('./dist/fonts/Vazir.woff') format('woff'),
    url('./dist/fonts/Vazir.ttf') format('truetype');
    font-weight: normal;
}
/*loginform*/
.login-div {
    width: 430px;
    height: 530px;
    background-color: #ecf0f0;
    padding: 60px 35px 35px 35px;
    border-radius: 40px;
    box-shadow: 13px 13px 20px #cbced1,
    -13px -13px 20px #ffffff;
}
.logo{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 130px;
    height: 130px;
    border-radius: 50%;
    margin: 0 auto;
    box-shadow: 0px 0px 2px #5f5f5f,
    0px 0px 0px 5px #ecf0f3,
    8px 8px 15px #afaaa7,
    -8px -8px 15px #ffffff;
}
.login-button {
    border: none;
    cursor: pointer;
    width: 100%;
    height: 40px;
    margin-top: 20px;
    background: #02c8bd;
    border-radius: 60px;
    font-size: 20px;
    font-weight: 700;
    color: #ffffff;
    box-shadow: 3px 3px 8px #b1b1b1,
    3px 3px 8px #ffffff;
}

.login-button:hover {
    background: #50e5b9;
}
.fields input {

    outline: none;
    border: none;
    background: none;
    text-align: center;
    font-size: 18px;
    padding: 20px 10px 20px 5px;
}
.fields {
    width: 100%;
    padding: 55px 5px 5px 5px;
}
.svg-icon {
    height: 25px;
    margin: 15px 10px -10px 4px;
}
.username, .password {
    margin-bottom: 30px;
    border-radius: 25px;
    box-shadow: 8px 8px 8px #ceced1,
    8px 8px 8px #ffffff;
}
.card-body1{
    width: 100%;
    height: auto;
    background-color: #ecf0f0;
    padding: 60px 35px 35px 35px;
    border-radius: 40px;
    box-shadow: 13px 13px 20px #cbced1,
    -13px -13px 20px #ffffff;
}


     .border-warning {
    border: 2px solid #f1723c !important; /* زرد */
    box-shadow: 0px 4px 8px rgba(245, 122, 36, 0.5); /* سایه زرد */
}

.border-secondary {
    border: 2px solid #6c757d !important; /* خاکستری */
    box-shadow: 0px 4px 8px rgba(108, 117, 125, 0.5); /* سایه خاکستری */
}

.border-success {
    border: 3px solid #28a745 !important; /* سبز */
    box-shadow: 0px 4px 8px rgba(40, 167, 69, 0.5); /* سایه سبز */
}



.calendar-table {
    width: 100%;
    text-align: center;
    border-collapse: collapse;
    margin-top: 20px;
}
.calendar-table td {
    border: 1px solid #ddd;
    padding: 15px;
    font-size: 18px;
}
.calendar-table a {
    text-decoration: none;
    color: #007bff;
}
.calendar-table a:hover {
    color: #0056b3;
    font-weight: bold;
}



/*.cardbg{*/
/*    background-color: #ffffff;*/
/*    padding: 5px 20px 20px 20px;*/
/*    border-radius: 5% ;*/
/*    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);*/
/*}*/
/*.boxtitle{*/
/*    background-color:rgba(15, 116, 168, 1);*/
/*    padding: 10px;*/
    /*display: inline-block;*/
/*    margin-top: 10px;*/
/*    border-radius:  10px 10px 10px 10px;*/
/*    margin-bottom: 20px;*/
/*    color: white;*/
/*    backdrop-filter: blur(10px);*/
/*    box-shadow: 0 10px 32px 0 rgba(31, 38, 135, 0.1);*/
    transition: background-color 0.3s ease; /* اضافه کردن افکت تغییر رنگ */
/*}*/
/*.boxtitle:hover {*/
    background-color: rgb(2,0,36); /* تغییر رنگ هنگام هوور ماوس */
/*}*/
/*.boxtitlered{*/
/*    background-color: rgba(232, 7, 7, 0.8);*/
/*    padding: 10px;*/

/*    border-radius: 15px 15px 0 0 ;*/
/*    margin-bottom: 10px;*/
/*    color: white;*/
/*    backdrop-filter: blur(10px);*/
/*    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.1);*/
/*}*/
/*.vmdescription{*/
/*    margin-top: 20px;*/
/*    color: red;*/
/*}*/
/*.headchild{*/
/*    font-size: 12px;*/
/*    color: white;*/
/*}*/
/*.headchild td{*/
/*    padding: 2px;*/
/*}*/
/*.headchild img{*/
    /*border-radius: 100%;*/
/*    width: 100%;*/
/*}*/
/*.headinput{*/
/*    width:auto;*/
/*    border-radius: 100px;*/
/*    text-align: center;*/
/*    border:none;*/
/*    background-color: #595959;*/
/*    color: white;*/
/*}*/
/*.myhead{*/
/*    display: grid;*/
/*    grid-template-columns: repeat(2 ,30%);*/
/*    grid-column-gap: 10px;*/
/*    margin: 5px;*/
/*}*/

/*.modal-dialog-centered {*/
/*    display: flex;*/
/*    align-items: center;*/
/*    min-height: calc(100% - 5rem);*/
/*}*/
/*.modal-content {*/
/*    margin: auto;*/
/*}*/
/*.fixed-width-btn {*/
    width: 100px; /* یا هر اندازه ثابت دیگری که می‌خواهید */
/*}*/

/*@media print {*/
/*    body * {*/
/*        visibility: hidden;*/
/*    }*/
/*    .printable, .printable * {*/
/*        visibility: visible;*/
/*    }*/
/*    .printable {*/
/*        position: absolute;*/
/*        left: 0;*/
/*        top: 0;*/
/*        width: 100%;*/
/*    }*/
/*}*/

/*@font-face {*/
/*    font-family: Vazir;*/
/*    src: url('./dist/fonts/Vazir.eot');*/
/*    src: url('./dist/fonts/Vazir.eot?#iefix') format('embedded-opentype'),*/
/*    url('./dist/fonts/Vazir.woff2') format('woff2'),*/
/*    url('./dist/fonts/Vazir.woff') format('woff'),*/
/*    url('./dist/fonts/Vazir.ttf') format('truetype');*/
/*    font-weight: normal;*/
/*}*/
/*loginform*/
/*.login-div {*/
/*    width: 430px;*/
/*    height: 530px;*/
/*    background-color: #ecf0f0;*/
/*    padding: 60px 35px 35px 35px;*/
/*    border-radius: 40px;*/
/*    box-shadow: 13px 13px 20px #cbced1,*/
/*    -13px -13px 20px #ffffff;*/
/*}*/
/*.logo{*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*    width: 130px;*/
/*    height: 130px;*/
/*    border-radius: 50%;*/
/*    margin: 0 auto;*/
/*    box-shadow: 0px 0px 2px #5f5f5f,*/
/*    0px 0px 0px 5px #ecf0f3,*/
/*    8px 8px 15px #afaaa7,*/
/*    -8px -8px 15px #ffffff;*/
/*}*/
/*.login-button {*/
/*    border: none;*/
/*    cursor: pointer;*/
/*    width: 100%;*/
/*    height: 40px;*/
/*    margin-top: 20px;*/
/*    background: #02c8bd;*/
/*    border-radius: 60px;*/
/*    font-size: 20px;*/
/*    font-weight: 700;*/
/*    color: #ffffff;*/
/*    box-shadow: 3px 3px 8px #b1b1b1,*/
/*    3px 3px 8px #ffffff;*/
/*}*/

/*.login-button:hover {*/
/*    background: #50e5b9;*/
/*}*/
/*.fields input {*/

/*    outline: none;*/
/*    border: none;*/
/*    background: none;*/
/*    text-align: center;*/
/*    font-size: 18px;*/
/*    padding: 20px 10px 20px 5px;*/
/*}*/
/*.fields {*/
/*    width: 100%;*/
/*    padding: 55px 5px 5px 5px;*/
/*}*/
/*.svg-icon {*/
/*    height: 25px;*/
/*    margin: 15px 10px -10px 4px;*/
/*}*/
/*.username, .password {*/
/*    margin-bottom: 30px;*/
/*    border-radius: 25px;*/
/*    box-shadow: 8px 8px 8px #ceced1,*/
/*    8px 8px 8px #ffffff;*/
/*}*/
/*.card-body1{*/
/*    width: 100%;*/
/*    height: auto;*/
/*    background-color: #ecf0f0;*/
/*    padding: 60px 35px 35px 35px;*/
/*    border-radius: 40px;*/
/*    box-shadow: 13px 13px 20px #cbced1,*/
/*    -13px -13px 20px #ffffff;*/
/*}*/