html { position: absolute !important; left: 0 !important; top: 0 !important; right: 0 !important; bottom: 0 !important; overflow: auto !important; }
body { width: 100% !important; height: auto !important; }
#app { width: 100% !important; height: auto !important; }

.navbar-nav .title {
  position: absolute;
  left: 0%;
}

#wrapper #content-wrapper {
  height: 100vh;
  width: calc(100% - 16rem);
  margin-left: 16rem;
}

.sidebar::-webkit-scrollbar {
  width: 7px;
}

.sidebar::-webkit-scrollbar-track {
  background-color: #ebebeb;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.sidebar::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: #b6b6b6;
}

ul.sidebar {
  width: 16rem!important;
  position: fixed;
  z-index: 999;
  overflow-y: auto;
  height: 100%;
  scrollbar-width: thin;
}

.library-ul { padding: 10px 10px 10px 12px !important; }
.library-group { margin-bottom: 14px; font-size: 15px; }
.library-arrow {
  float: right;
}
.library-ul li {
  cursor: pointer;
  color: #fff !important;
}
.library-ul .nav-link { border-bottom: 1px solid #e8edf1; padding: 5px; }
.library-ul li ul li a { padding-left: 5px; color: #000; }
.library-ul li ul li a:hover { color: #0a58ca; background-color: #edf2f7; }
.library-ul li ul li a.active { color: #0a58ca; background-color: #edf2f7; }
.library-ul li ul { margin-top: 10px; background: #fff; border-radius: 5px; padding: 8px; font-size: 13px; }

.order-card {
  color: #fff;
}

.bg-c-blue {
  background: linear-gradient(45deg,#4099ff,#73b4ff);
}

.bg-c-green {
  background: linear-gradient(45deg,#2ed8b6,#59e0c5);
}

.bg-c-yellow {
  background: linear-gradient(45deg,#FFB64D,#ffcb80);
}

.bg-c-pink {
  background: linear-gradient(45deg,#FF5370,#ff869a);
}


.card {
  border-radius: 5px;
  -webkit-box-shadow: 0 1px 2.94px 0.06px rgba(4,26,55,0.16);
  box-shadow: 0 1px 2.94px 0.06px rgba(4,26,55,0.16);
  border: none;
  margin-bottom: 30px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.card .card-block {
  padding: 75px;
}

.order-card i {
  font-size: 26px;
}

.f-left {
  float: left;
}

.f-right {
  float: right;
}

.card-link {
  color: #fff;
  text-decoration: none;
  transition: box-shadow 0.3s ease-in-out;
}

.card-link:hover {
  color: #fff;
  -webkit-box-shadow: 0px 10px 13px -7px #000000, 0px -1px 29px 4px rgba(136,140,123,0.74);
  box-shadow: 0px 10px 13px -7px #000000, 0px -1px 29px 4px rgba(136,140,123,0.74);
}

.bg-gradient-primary {
  background-color: #3c4b64;
  background-image: linear-gradient(180deg,#3c4b64 10%,#273244 100%);
  background-size: cover;
}

.sidebar-nav {
  padding: 15px !important;
  color: #fff !important;
  display: flex !important;
}

.sb-sidenav-collapse-arrow {
  width: 12px;
  margin-left: auto;
  display: inline-block;
  transform: rotate(0deg);
  transition: transform 0.15s ease;
}

.collapsed .sb-sidenav-collapse-arrow {
  transform: rotate(-90deg);
  transition: transform 0.15s ease;
}

.sidebar-nav-collapse {
  margin: 0 10px;
  padding: 5px 5px 5px 8px;
  border-radius: 7px;
  background: #fff;
}

.sidebar-nav-collapse nav a.nav-link {
  width: 100%;
  color: #000 !important;
  font-size: 14px;
}

.sidebar-nav-collapse nav a.nav-link.active {
  color: #003ae1 !important;
  background-color: #e0e0e0;
}

.nav-category {
  font-size: 12px;
  font-weight: bold;
  font-style: italic;
  color: #303c51;
}

.actions svg {
  cursor: pointer;
}

.actions .graduation {
  color: #007ca1;
  margin-right: 15px;
}

.actions .edit {
  color: #174373;
  margin-right: 13px;
}

.actions .trash {
  color: #C5060B;
}

.actions .user-card {
  color: #0677d4;
}

.actions .student-relation {
  color: #00a6cf;
}

.actions .student-relation-empty {
  color: #6e6e6e;
}

.multiselect.is-invalid {
  border-color: #dc3545 !important;
}

.in-active {
  background-color: #f8d7da !important;
}

div.alert-message {
  margin-right: 0.7rem !important;
  margin-left: 0.8rem !important;
}

.p-text {
  color: #174373 !important;
}

.rotate th {
  white-space: nowrap;
  position:relative;
  font-size: 11px;
  height: 200px;
  width: 9%;
  vertical-align: middle !important;
  border-right: 2px solid #e3e6f0;
}

.deanery-table {
  font-size: 12px;
}

.rotate-text {
  writing-mode: vertical-rl;
  transform: rotate(-180deg);
}

.rotate th > span {
  transform: rotate(-90deg);
  position:absolute;
  width: 20px;
  bottom: 0;
  left: 49%;
  border-bottom-width: 0 !important;
}

.rotate tr td {
  width: 50px !important;
}

.multiselect.saved, .form-control.saved {
  border-color: #26c08e;
}

.multiselect.not-saved {
  border-color: #ff0000;
}

.rotate-button {
  border-color: #174373 !important;
  background-color: #174373 !important;
}

.rotate-button:hover {
  background-color: #1e5188 !important;
}

.multiselect-tags-search {
  border: none !important;
  --tw-ring-shadow: none !important;
}

.ed-plan-select {
  width: 400px;
  display: inline-block;
}

.ed-plan-add {
  float: right;
  display: inline-block;
}

.ed-plan-add button {
  margin-left: 10px;
}

.remove-semester {
  color: #ff0000;
  cursor: pointer;
  float: right;
  margin-top: 2px;
  font-size: 14px;
}

.remove-semester-topic {
  color: #ff0000;
  cursor: pointer;
  font-size: 14px;
  margin-left: 10px;
}

.sidebar-link-span {
  color: #215eb2;
  display: block;
  font-weight: bold;
  margin-top: 15px;
  font-style: italic;
}

.deleted-row td {
  background: #e500006b !important;
}

.ed-plan-deanery-table:hover {
  background: #b2e4f346;
}

.flow-bg, .flow-bg td {
  background: #0089ff46 !important;
}

.divided-bg {
  background: #fffb0046;
}

.staff-link {
  text-decoration: none;
  color: #0060df;
}

.data-row:hover, .data-row:hover + .data-row-child {
  background: #b2e4f346;
}

.data-row-child:hover {
  background: #b2e4f346;
}

.text-tr-info {
  color: #0066ff !important;
}

.current-flow, .current-flow td {
  background: #e3e6f0 !important;
}

.underline-tr {
  border-bottom: 2px solid;
  border-width: 2px 0 !important;
}

.upline-tr {
  border-top: 2px solid;
  border-width: 2px 0 !important;
}

.fragmentation-tr, .fragmentation-tr td {
  background: #f7f2d7 !important;
}

.pagination {
  float: right;
  margin: 0 0 10px 0;
  font-weight: 600;
}

.pagination .page-link {
  padding: 11px;
  color: #405db6 !important;
}

.pagination .page-link.active {
  background: rgb(114 132 255 / 18%) !important;
}

.search-input {
  position: relative;
  bottom: 4px;
}

.distribution-group {
  display: block;
  color: #000000;
}

.remove-distribution-group {
  color: #ff0000;
  cursor: pointer;
  float: right;
  margin-top: 5px;
  font-size: 14px;
}

.new-final-work {
  background: rgba(0, 4, 255, 0.096);
}

.loading-popup img {
  display: inline;
  width: 20px;
  height: 20px;
}

.require {
  color: #dc3545;
}

.top-nav-links {
  position: absolute;
  right: 20px;
}

/* here */

.ed-plan-add-us {
  display: inline-block;
  width: 100%;
  float: none;
  margin: 10px 5px 5px auto;
}
.ed-plan-add-us button {
  margin-left: 10px;
}
.ed-plan-select-us {
  display: inline-block;
  width: 100%;
  float: none;
}

.tab-highlight {
  background-color: #f7f7f7 !important;
  border-right: 1px solid #ababab !important;
}

.set-educational-type {
  font-size: 10px;
}

.multiselect-options {
  max-height: 100% !important;
}

.disable-icon {
  color: #a643b9;
  margin-left: 5px;
}

.deanery-disabled {
  background: #dc354547;
}

.copy {
  color: #4c7bff;
  margin-right: 15px;
}

.disabled-div .set-educational-type, .disabled-div svg {
  display: none;
}

.disabled-link {
  pointer-events: none !important;
  color: gray !important;
  text-decoration: none !important;
  cursor: default !important;
}

.border-hr {
  border-top: 2px solid #000 !important;
}

.circle-info {
  color: #0a62c3;
  margin-right: 15px;
}

.la-button:disabled {
  opacity: 0.5 !important;
}

.select-pulpit li, .select-pulpit .multiselect-single-label {
  color: #000 !important;
}

.is-parent-row {
  border-top: 2px solid #000 !important;
}

.no-borders { border-width: 0px !important; }

.upload-btnl {
  position: relative;
  overflow: hidden;
}

.upload-input {
  position: absolute;
  cursor: pointer;
  font-size: 50px;
  opacity: 0;
  right: 0;
  top: 0;
}

.students-import-table {
  font-size: 12px;
}

.students-import-table tr td {
  min-width: 150px;
}

.students-import-table-div {
  overflow: auto;
  height: calc(100vh - 230px);
}

.students-import-table-div thead th {
  position: sticky;
  top: 0;
}

.required-field {
  color: rgb(255, 0, 0);
}

.individual-trash {
  color: rgb(255, 0, 0);
  cursor: pointer;
  margin-left: 5px;
}

.individual-restore {
  color: rgb(33, 165, 0);
  cursor: pointer;
  margin-left: 5px;
}

.note pre {
  white-space: pre-wrap;
  word-wrap: break-word;
  font-family: inherit;
}

.btn-checked:disabled {
  color: #fff !important;
  background-color: #1cc88a !important;
  border-color: #1cc88a !important;
}

 .sort-asc::after {
            content: ' ↑';
        }
        .sort-desc::after {
            content: ' ↓';
        }

#accordionSidebar { background-color: #174373 !important; }

#printarea { background-color: #fff;  }
#printarea .card { border: 0px !important; border-radius: 0px; }

.my-group { min-width: 45px; }

.print-area { font-size: 12px; }
.print-header { font-size: 12px; }
.print-table table { border-color: #000 !important; font-size: 11px; }
.print-table td { border: 1px solid #000 !important; padding: 4px 4px !important; vertical-align: middle !important; }
.print-table th { font-weight: normal;  }
.print-table .rotate-text { writing-mode: vertical-rl; transform: rotate(-180deg); max-height: 200px; letter-spacing: 1px; }
.print-footer { font-size: 12px !important; }


.print-table table, .printarea table thead, .printarea table tfoot { border: none !important; border-color: #FFF !important; }
.print-table table thead { border-bottom: 1px solid #000 !important;  }
.print-table table tfoot { border-top: 1px solid #000 !important; }
.print-table table th { font-weight: normal !important; border: none !important; }
.print-table table thead td { max-height: 100px !important; }
.sq_1 { display: block; }
.sq_2 { display: block; }

.my-border-bold-r { border-right: 2px solid #000 !important; }
.my-border-bold-l { border-left: 2px solid #000 !important; }

.my-del { text-decoration: line-through ; }

footer.sticky-footer { padding: 7px !important; }

.table-responsive table td { border-color: #000 !important; }

.disabled-div-content {
  pointer-events: none;
  cursor: not-allowed;
}

.command-add-table .ck-editor__editable {
  height: 200px !important;
}

.ck-body-wrapper { display: none; }

.modal-xl-size {
  max-width: 95% !important;
}

.profile-img-actions {
  position: absolute;
  right: 5px;
  top: 0;
}

.profile-img-actions .edit-img {
  color: #0b5ed7;
  height: 16px;
  cursor: pointer;
}

.profile-img-actions .edit-img-trash {
  color: #b80d0d;
  height: 16px;
  cursor: pointer;
}

.profile-img-actions .edit-img-restore {
  color: #b80d0d;
  height: 16px;
  cursor: pointer;
}

.upload-list-icon {
  color: #0b5ed7;
  height: 16px;
  cursor: pointer;
}

.trash-file-icon {
  color: #b80d0d;
  height: 16px;
  cursor: pointer;
}

.rotate-file-icon {
  color: #b80d0d;
  height: 16px;
  cursor: pointer;
}

.card-file-icon-save {
  color: #0b5ed7;
  cursor: pointer;
}

.card-file-icon-add {
  color: #0b5ed7;
  cursor: pointer;
}

.card-file-icon-remove {
  color: #b80d0d;
  cursor: pointer;
}

.card-file-icon-save svg, .card-file-icon-add svg, .card-file-icon-remove svg {
  height: 18px;
}

.card-act-type .multiselect {
  min-height: 32px;
}

.table-list {
  overflow-x: scroll;
  min-width: 1370px;
  width: 100%;
  display: inline-table;
}

/* sb-admin-2.min */
.topbar { height: 50px; }
/* /sb-admin-2.min */

/* bootstrap */
input, .multiselect, .btn, .input-group-text { border-radius: unset !important; }
/* /bootstrap */

/* ecomaNewStyle */
.my-topbar { height: 50px; }
.my-logo { width:125px; height:70px; }
.my-headline { font-size: 14px; color: #174373; }


.my-w40px { width: 40px; }

.mytab { font-size: 14px !important; border: 1px solid #dee2e6; background-color: #FFFFFF; }
.mytab .pagination .page-link { padding: 8px 10px; }
.mytab table { border: 1px solid #dee2e6; }
.mytab .table-striped tbody tr:nth-of-type(odd) { background-color: #fbfdff; }
.mytab .table-bordered tbody { border-top: 1px solid #9ca6c9 !important; }
.mytab .table-bordered { border: 1px solid #dee2e6; }
.mytab .table-bordered table, .mytab .table-bordered td, .mytab .table-bordered th { border: 1px solid #9ca6c9 !important; }

.mytab-id { font-size: 12px !important; }

.mybtn-group .btn { float: left; }
.mybtn-group .multiselect { max-width: 300px !important; float: left; }

.my-copyright { line-height:1;font-size:.8rem }

a.unlink {
  color: inherit;
  text-decoration: none;
}
a.unlink:hover {
  color: inherit;
  text-decoration: underline;
}
/* /ecomaNewStyle */

/* myFonts */
@font-face { font-family: Sylfaen; src: url('../fonts/sylfaen.ttf'); }
@font-face { font-family: GHEAGrpalatReg; src: url('../fonts/GHEAGrpalatReg.otf'); }
@font-face { font-family: GHEAGpalatBld; src: url('../fonts/GHEAGpalatBld.otf'); }
@font-face { font-family: GHEAGrapalatBlit; src: url('../fonts/GHEAGrapalatBlit.otf'); }
@font-face { font-family: GHEAGrapalatRit; src: url('../fonts/GHEAGrapalatRit.otf'); }
/* /myFonts */

/* print */
.print-group { font-size: 12px !important; font-family: Sylfaen; }
.print-group .card { box-shadow: none !important; }
.print-group table { border: 2px solid #000 !important; margin-bottom: 5px; }
.print-group td, .print-group th { border: 1px solid #000 !important; padding: 0.15rem !important; }
.print-group thead th { max-height: 140px; font-weight: bold !important; letter-spacing: 0.02rem; }
.print-group tbody td { vertical-align: middle !important; }
.print-group .border-top { border-top: 2px solid #000 !important; }
.print-group .border-right { border-right: 2px solid #000 !important; }
/* .print-group .w-nm { min-width: 450px; } */
.print-group .w-km { width: 100px; }
.print-group .w-tb { width: 80%; }
.print-group .ber-tab2 td { padding: 3px 14px !important; }
.print-group .ber-tab2 .w-km { width: 120px; }

.print-a4 { margin-left: auto; margin-right: auto; max-width: 1200px; }

.print-header table { font-size: 12px !important; }
/* .print-footer { } */
.print-logo { height: 152px; }
/* .print-table { } */
.print-cont h1, .print-cont h2, .print-cont h3, .print-cont h4 { margin-bottom: 8px; font-size: 14px !important; font-weight: bold; text-transform: uppercase; }
.print-cont p { text-indent: 2rem; text-align: justify; }

.print-font { font-size: 14px !important; font-family: GHEAGrpalatReg; }
.print-font table { font-size: 14px !important; }
.print-font-sm { font-size: 12px !important; }
.print-font-sm table { font-size: 12px !important; }
.print-highlight { font-style: italic; color: #0066c1; }
/* color: #0087ff; */
/* /print */
@media print {
}