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% - 18rem);
  margin-left: 18rem;
}

.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: 18rem!important;
  position: fixed;
  z-index: 999;
  overflow-y: auto;
  height: 100%;
  scrollbar-width: thin;

}

.library-ul {
  padding: 16px !important;
}

.library-group {
  margin-bottom: 20px;
}

.library-arrow {
  float: right;
}

.library-ul li {
  cursor: pointer;
  color: #fff !important;
}

.library-ul li ul li a {
  color: #000;
}

.library-ul li ul li a.active {
  color: #0a58ca;
  background-color: #ececec;
}

.library-ul li ul {
  margin-top: 13px;
  background: #fff;
  border-radius: 7px;
  padding: 8px;
  font-size: 13px;
}

.navbar-nav .headline {
  margin: 10px 0 0 0;
  font-size: 18px;
  color: #174373;
}

.navbar-nav .version span {
  color: #C5060B;
}

.navbar-nav .version {

}

.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: 15px;
}

.actions .trash {
  color: #C5060B;
}

.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 {
  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;
}

.deanery-table .green {
  /* background-color: #26c08e; */
}

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

.added-row td {
  /* background: #00e5396b !important; */
}

.ed-plan-deanery-table:hover {
  background: #b2e4f346;
}
/*
.calculation-deanery-table tr:hover, .calculation-deanery-table:nth-child(odd) tr: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;
}



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

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

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


.print-header { font-size: 12px; }
.print-table table { border-color: #000 !important; font-size: 11px !important; }
.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; }

.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 {
  /* pointer-events: none;
  opacity: 0.8; */
}

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

.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; }

@font-face { font-family: Sylfaen; src: url('../fonts/sylfaen.ttf'); }
.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; }

@media print {

}