@import url("fonts/DroidKufi.css");
@import url("fonts/fontawesome-all.min.css");
body { font-family: "Droid Arabic Kufi"; padding: 0px; margin: 0px; direction: rtl; background: #fff; }
.row { --bs-gutter-x:1.5rem; --bs-gutter-y:0; display: flex; flex-wrap: wrap; margin-top: calc(-1 * var(--bs-gutter-y)); }
.row > * { flex-shrink: 0; width: 100%; max-width: 100%; margin-top: var(--bs-gutter-y); padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5); }
.align-items-center { align-items: center !important; }
.form-group { position: relative; margin-bottom: 1rem; text-align: right; }
.justify-content-center { justify-content: center !important; }
.justify-content-between { justify-content: space-between !important; }
.justify-content-end { justify-content: flex-end !important; }
.justify-content-start { justify-content: flex-start !important; }
.p-0 { padding: 0px !important; }
.pt-0 { padding-top: 0px !important; }
.pt-1 { padding-top: 0.25rem; }
.pb-1 { padding-bottom: 0.25rem; }
.pr-4 { padding-right: 1rem; }
.pl-6 { padding-left: 0px !important; }
.pr-6 { padding-right: 0px !important; }
.p-7 { padding: 1rem; }
.text-left { text-align: left !important; }
.form-control { display: block; width: 100%; padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: rgb(33, 37, 41); background-color: rgb(255, 255, 255); border: 0px; text-align: right; background-clip: padding-box; appearance: none; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; font-family: "Droid Arabic Kufi"; }
.form-control:focus { outline: none; }
.form-group label { margin-bottom: 1rem; }
*, ::after, ::before { box-sizing: border-box; }
img { vertical-align: middle; }
.container { width: 100%; padding-right: var(--bs-gutter-x,0.75rem); padding-left: var(--bs-gutter-x,0.75rem); margin-right: auto; margin-left: auto; }
.table { --bs-table-bg: transparent; --bs-table-accent-bg: transparent; --bs-table-striped-color: #212529; --bs-table-striped-bg: rgba(0, 0, 0, 0.05); --bs-table-active-color: #212529; --bs-table-active-bg: rgba(0, 0, 0, 0.1); --bs-table-hover-color: #212529; --bs-table-hover-bg: rgba(0, 0, 0, 0.075); width: 100%; margin-bottom: 1rem; font-size: 15px; text-align: center; vertical-align: top; margin-top: 1rem; border: 1px solid rgba(0, 0, 0, 0.21) !important; }
.table > :not(caption) > * > * { padding: 0.5rem; background-color: var(--bs-table-bg); border: 1px solid rgb(221, 221, 221); box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg) ; }
.table > tbody { vertical-align: inherit; }
.table > thead { vertical-align: bottom; }
.table > :not(:first-child) { border-top: 2px solid currentcolor; }
.table-striped > tbody > tr:nth-of-type(2n+1) > * { --bs-table-accent-bg: var(--bs-table-striped-bg); color: var(--bs-table-striped-color);}
@media (min-width: 1200px) {
  .container { max-width: 1140px; }
}
.group { display: flex; background: rgb(255, 255, 255); align-items: center; border: 1px solid rgb(173, 180, 187); padding: 5px 10px 5px 5px; border-radius: 50px; direction: ltr; }
.group i { width: 30px; color: rgb(6, 72, 179); }
.group div.form-control { width: 90% !important; }
.form-group label { margin-bottom: 1rem; }
.w-100 { width: 100% !important; }
@media (min-width: 1200px) {
  .container { max-width: 1140px; }
}
@media (min-width: 1400px) {
  .container { max-width: 1320px; }
}
.container, .container-fluid { width: 100%; padding-right: var(--bs-gutter-x,0.75rem); padding-left: var(--bs-gutter-x,0.75rem); margin-right: auto; margin-left: auto; }
@media (min-width: 576px) {
  .container { max-width: 540px; }
}
@media (min-width: 768px) {
  .container { max-width: 720px; }
}
@media (min-width: 992px) {
  .container { max-width: 960px; }
}
@media (min-width: 1200px) {
  .container { max-width: 1140px; }
}
@media (min-width: 1400px) {
  .container { max-width: 1320px; }
}
@media (min-width: 992px) {
  .col-lg-1{flex:0 0 auto;width:8.33333333%}.col-lg-2 { flex: 0 0 auto; width: 16.6667% !important; }
  .col-lg-3 { flex: 0 0 auto; width: 25%; }
  .col-lg-4 { flex: 0 0 auto; width: 33.3333%; }
  .col-lg-5 { flex: 0 0 auto; width: 41.6667%; }
  .col-lg-6 { flex: 0 0 auto; width: 50%; }
  .col-lg-7 { flex: 0 0 auto; width: 58.3333%; }
  .col-lg-8 { flex: 0 0 auto; width: 66.6667%; }
  .col-lg-9 { flex: 0 0 auto; width: 75%; }.col-lg-10{flex:0 0 auto;width:83.33333333%}
  .col-lg-12 { flex: 0 0 auto; width: 100%; }
  .d-lg-none { display: none !important; }
  .navbar-toggler { display: none; }
  .navbar-collapse { flex-basis: auto; display: block !important; }
}
@media (max-width: 600px) {
  .d-sm-none { display: none; }.body-system{background-size:100% 100%}
}
.text-logo { color: rgb(6, 72, 179); font-size: 20px; font-weight: 600; text-decoration: none; }
.text-logo:hover { text-decoration: underline; }
.body-system { position: relative; background-image: url("../img/bg.svg"); background-size: cover; height: 800px; background-position: -200px -155px; background-repeat: no-repeat;}
.card-login h3 { text-align: center; }
.card-login { margin-top: -13rem; background: #fff;padding: 0 1.5rem 1.5rem;margin-bottom: 5rem;position: relative;background: #f7fafc;z-index: 99;border-radius: 10px; border: 1px solid #e9ecef;box-shadow: 0 0.3125rem 0.625rem 0 rgb(0 0 0 / 12%);}
.btn-login{ display: block;transition: all .2s ease; font-family: "Droid Arabic Kufi"; width: 100%; background: rgb(238, 80, 80); border: 0px; padding: 8px; font-size: 16px; border-radius: 50px; color: rgb(255, 255, 255); cursor: pointer; margin-top: 2rem; box-shadow: rgba(13, 20, 49, 0.07) 0px 0.125rem 0.25rem; }
.position-absolute{position:absolute;bottom:0;z-index:1}
.waves{position:relative;width:100%;/* height:16vh; */margin-bottom:-7px;min-height:100px;max-height:150px}.waves.waves-sm{height:50px;min-height:50px}.waves.no-animation .moving-waves>use{animation:none}.wave-rotate{transform:rotate(180deg)}.moving-waves>use{animation:f 40s cubic-bezier(.55,.5,.45,.5) infinite}.moving-waves>use:first-child{animation-delay:-2s;animation-duration:11s}.moving-waves>use:nth-child(2){animation-delay:-4s;animation-duration:13s}.moving-waves>use:nth-child(3){animation-delay:-3s;animation-duration:15s}.moving-waves>use:nth-child(4){animation-delay:-4s;animation-duration:20s}.moving-waves>use:nth-child(5){animation-delay:-4s;animation-duration:25s}.moving-waves>use:nth-child(6){animation-delay:-3s;animation-duration:30s}@keyframes f{0%{transform:translate3d(-90px,0,0)}to{transform:translate3d(85px,0,0)}}
.copy-right {position: absolute;bottom: 0;left: 0;right: 0;/* top: 30px; */font-family:'Droid Arabic Kufi';color:#ffff}
header{position:relative;padding: 0.5rem 0 15rem;background: #0648b3;z-index: -1;}
.text-white{color:#fff !important}
table#ctl00_NavigationMenu tr td a{border:1px solid #eaedf2;color: #fff;transition: all .2s ease;font-weight: 600;font-size: 15px;background: #ee5050;display: block;margin-left: 10px;border-radius: 25px 0;border: 0;padding: 1rem;box-shadow:0 .75rem 1.5rem rgba(18,38,63,.03)}
table#ctl00_NavigationMenu tr td a:hover,.btn-login:hover,.btn-danger:hover{transform:translate(0,-2px)}
table#ctl00_NavigationMenu tr td a:hover{border-radius:30px}
.ctl00_NavigationMenu_2 {margin: -13rem auto 0;z-index: 11111111;position: relative;}
table#ctl00_MainContent_RadioButtonList1{margin: 0 auto 1rem;}table#ctl00_MainContent_RadioButtonList1 tr td{padding: 10px 20px;background: #fff;box-shadow: 0 4px 6px rgb(50 50 93 / 11%), 0 1px 3px rgb(0 0 0 / 8%);}
table#ctl00_MainContent_RadioButtonList1 tr td:hover{background: rgb(50 50 93 / 3%);cursor:pointer}
table#ctl00_MainContent_DetailsView1{width:100%;}
footer{background-color: #0648b3;}footer p,footer p a{color:#fff !important;font-size:18px}
.main{background: #f7fafc;box-shadow:0 .3125rem .625rem 0 rgba(0,0,0,.12);margin:1rem 0;padding: 1rem 2rem;/* position: relative; */z-index: 9999999999999999;border-radius:10px;border: 1px solid #e9ecef;}
@media (min-width: 1200px){ .separator-skew {height: 70px !important;}}
.separator-skew {height: 60px;}
.separator-bottom {top: auto;bottom: 0;}
.separator-inverse{transform:rotate(180deg)}
.separator {position: absolute;top: auto;left: 0;right: 0;width: 100%;height: 150px !important;transform: translateZ(0);overflow: hidden;pointer-events: none;z-index: 1111;}
.separator-bottom svg {bottom: 0;}.separator svg {position: absolute;pointer-events: none;}
svg {overflow: hidden;vertical-align: middle;}.fill-white{fill:#fff}
.btn-search{padding: 5px 20px;color:#fff;cursor:pointer;box-shadow: 0 7px 14px rgb(50 50 93 / 10%), 0 3px 6px rgb(0 0 0 / 8%);background:#0648b3;border: 0;font-family: 'Droid Arabic Kufi';}
.btn-search:hover,.btn-danger:hover{box-shadow:none}
.btn-danger {background: #ee5050;color:#fff;text-decoration: none;transition: all .2s ease;font-size: 15px;border: 0;font-family: 'Droid Arabic Kufi';padding: 5px 10px;box-shadow: 0 7px 14px rgb(50 50 93 / 10%), 0 3px 6px rgb(0 0 0 / 8%);cursor:pointer}
.border-f{box-shadow: 0 1px 3px rgb(50 50 93 / 15%), 0 1px 0 rgb(0 0 0 / 2%);border: 0;margin-bottom: 0.5rem;}
table#ctl00_MainContent_DetailsView1 tr td{padding:10px;border: 1px solid #ddd;}
.border-0{border:0 !important}div.copy-right a:hover{text-decoration:none}
.img-login{margin: -3rem auto 0rem;background: #f7fafc;width: 120px;border-radius: 50%;box-shadow: 0 0 50px 0 rgb(162 162 162 / 16%);border: 8px solid #fff;line-height: 100px;}