html,
body {
  font-family: 'Poppins', sans-serif !important;
  padding: 0;
  margin: 0;
  font-size: 0.8rem !important;
}

.Header {
  background-color: #E6E6E6;
}

.main-Header {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.Sidebar.active {
  left: 0px;
}

.Sidebar {
  position: fixed;
  background-color: white;
  z-index: 99;
  max-width: 200px !important;
  height: 100%;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  -webkit-transition: 200ms;
  transition: 200ms;
  left: -200px;
}

.Sidebar ul {
  margin: 0;
  list-style-type: none;
}

.Sidebar ul li {
  border-left: 5px solid transparent;
}

.Sidebar ul li a {
  display: block;
  padding: 15px 0 15px 50px;
  color: #002C5C;
}

.Sidebar ul li.active {
  background-color: #FFCEB9;
  border-left: 5px solid #FF7D44;
}

.Sidebar ul li.active a {
  font-weight: bold;
  color: #FF7D44;
}

.Sidebar ul li:hover {
  background-color: #FFE0D2;
  border-left: 5px solid #FF7D44;
}

.Sidebar ul li:hover a {
  color: #FF7D44;
}

.Sidebar ul ul li a {
  display: block;
  padding: 15px 0 15px 50px;
  color: #002C5C;
}

.Sidebar ul ul li:hover a {
  font-weight: bold;
  color: #FF7D44;
}

.main_section .section-1 {
  background-image: url("../images/sliced/Images/1 Img.png");
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
}

.main_section .section-2 .content {
  width: 75%;
}

@media (max-width: 575px) {
  .main_section .section-2 .content {
    width: 100%;
  }
}

.main_section .section-3 .content {
  width: 75%;
}

@media (max-width: 575px) {
  .main_section .section-3 .content {
    width: 100%;
  }
}

.main_section .section-4 .items {
  width: calc(100% / 3);
  padding: 10px 0;
}

@media (min-width: 1400px) {
  .main_section .section-4 .items {
    width: calc(100% / 3 - 150px);
  }
}

@media (max-width: 991.98px) {
  .main_section .section-4 .items {
    width: 100%;
  }
}

.main_section .form-box {
  max-width: 420px;
  width: 100%;
  height: auto;
  background-color: rgba(255, 255, 255, 0.8);
  right: 10%;
  border-radius: 10px;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  z-index: 999;
}

.main_section .form-box .nav-tabs .nav-link {
  width: 50%;
}

.main_section .form-box .nav-tabs .nav-link.active {
  border-top: 3px solid #FF7D44;
  width: 50%;
}

.main_section .form-box .tab-pane {
  min-height: 300px;
}

.main_section .form-box .tab-pane.active {
  background-color: white !important;
}

@media (max-width: 991.98px) {
  .main_section .form-box {
    right: 0;
  }
}

.main_section .register-box {
  width: 100%;
}

.main_admin_section {
  background-image: url("../images/sliced/Images/1 Img.png");
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
}

.main_admin_section .form-box {
  max-width: 420px;
  width: 100%;
  height: auto;
  background-color: rgba(255, 255, 255, 0.8);
  right: 10%;
  border-radius: 10px;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.main_admin_section .form-box .nav-tabs .nav-link {
  width: 50%;
}

.main_admin_section .form-box .nav-tabs .nav-link.active {
  border-top: 3px solid #FF7D44;
  width: 50%;
}

.main_admin_section .form-box .tab-pane {
  min-height: 300px;
}

.main_admin_section .form-box .tab-pane.active {
  background-color: white !important;
}

@media (max-width: 991.98px) {
  .main_admin_section .form-box {
    right: 0;
  }
}

.main_admin_section .register-box {
  width: 100%;
}

#Setting .table-publisherAc th {
  width: 200px;
}

.singpassPage {
  background-image: url("../images/singpassBG.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
}

.singpassPage .form-box {
  min-width: 420px;
  max-width: 420px;
  width: 100%;
  height: auto;
  background-color: rgba(255, 255, 255, 0.8);
  right: 10%;
  border-radius: 10px;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.singpassPage .form-box .nav-tabs .nav-link {
  width: 50%;
}

.singpassPage .form-box .nav-tabs .nav-link.active {
  border-top: 3px solid #FF7D44;
  width: 50%;
}

.singpassPage .form-box .tab-pane {
  min-height: 387px;
}

.singpassPage .form-box .tab-pane.active {
  background-color: white !important;
}

@media (max-width: 991.98px) {
  .singpassPage .form-box {
    right: 0;
  }
}

.main_content.menuactive {
  padding-left: 200px !important;
}

.main_content {
  -webkit-transition: 200ms;
  transition: 200ms;
  padding-left: 0px !important;
}

.main_content .menu {
  display: block;
}

.main_content .MuiStepper-root {
  background-color: transparent;
  padding: 10px 0 !important;
}

#Info table.table-horizontal th {
  width: 250px;
}

#Info table.table-horizontal th,
#Info table.table-horizontal td {
  border-top: 0;
}

@media (max-width: 575px) {
  #Info table.table-horizontal th {
    width: 120px;
  }
}

#editPage ul {
  list-style-type: none;
}

#editPage ul li:hover {
  background-color: #ddd;
}

#isnApplication ul {
  list-style-type: none;
}

#isnApplication ul li {
  border-bottom: 1px solid #ddd;
}

#isnApplication ul li:hover {
  background-color: #ddd;
}

#isnApplication table input[type=text] {
  max-width: 100%;
}

#isnApplication .blockTable th {
  min-width: 200px;
}

#isnApplication .blockTable td {
  min-width: 200px;
}

#isnApplication .ISBNsearch {
  max-width: 100% !important;
}

#isnApplication table input[type=text], #isnApplication table input[type=email], #isnApplication table input[type=password], #isnApplication table input[type=number], #isnApplication table input[type=date], #isnApplication table select, #isnApplication table textarea {
  max-width: 100%;
}

#isnApplication input[type=text], #isnApplication input[type=email], #isnApplication input[type=password], #isnApplication input[type=number], #isnApplication input[type=date], #isnApplication select, #isnApplication textarea {
  max-width: 50%;
}

@media (max-width: 575px) {
  #isnApplication input[type=text], #isnApplication input[type=email], #isnApplication input[type=password], #isnApplication input[type=number], #isnApplication input[type=date], #isnApplication select, #isnApplication textarea {
    max-width: 100%;
  }
}

.appDropdown ul {
  list-style-type: none;
}

.appDropdown ul li {
  border-bottom: 1px solid #ddd;
}

.appDropdown ul li:hover {
  background-color: #ddd;
}

.appDropdown table input[type=text] {
  max-width: 100%;
}

.appDropdown .blockTable th {
  min-width: 200px;
}

.appDropdown .blockTable td {
  min-width: 200px;
}

.appDropdown .ISBNsearch {
  max-width: 100% !important;
}

.appDropdown input[type=text] {
  max-width: 50%;
}

#FileUpload .dropZone ol {
  padding: 10px 30px;
}

#FileUpload .dropZone .dropZoneText {
  top: 0;
  z-index: -1;
  font-weight: bold;
  font-size: 2em;
  color: #ddd;
}

#Configuration ul {
  margin: 0 !important;
}

.theme-button {
  padding: 2px 10px;
  border-radius: 10px;
}

.theme-button:hover {
  opacity: 0.8;
}

.theme-outline-button {
  border-radius: 10px;
  border: 1px solid #FF7D44 !important;
  color: #FF7D44 !important;
}

.theme-outline-button:hover {
  background-color: #FF7D44;
  color: white !important;
}

.theme-bg-color {
  color: white !important;
  background-color: #FF7D44 !important;
}

.theme-bg-bluecolor {
  color: white !important;
  background-color: #002C5C !important;
}

button.theme-bg-color:hover {
  opacity: 0.9;
}

.theme-font-color {
  color: #FF7D44 !important;
}

.theme-font-bluecolor {
  color: #002C5C !important;
}

.bg-EBEBEB {
  background-color: #EBEBEB;
}

.bg-D9D9D9 {
  background-color: #eee;
}

.transform-dropdown-icon {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.container-overflow {
  overflow: auto;
}

td thead tr {
  border-bottom: 3px solid #D3D3D3 !important;
}

.pagination .page-item .page-link {
  color: #002C5C;
}

.pagination .page-item.active .page-link {
  color: white;
  border: 1px solid #002C5C;
  background-color: #002C5C;
}

.nav-tabs .nav-link {
  color: #002C5C;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: #D9D9D9 !important;
}

.statusBox .statusBox-dropdown {
  z-Index: 9;
  width: 320px;
  border: 1px solid #ddd;
  left: 0;
  top: 40px;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.statusBox .statusBox-dropdown ul {
  list-style-type: none;
}

.statusBox .statusBox-dropdown ul li:hover {
  background-color: #ddd;
}

.sideHoverLine {
  left: 0;
  top: 0;
}

.sideHoverLine .line {
  width: 5px;
}

.IdleScreen {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 999999999;
}

.IdleScreen .idleContent {
  width: 100%;
  height: 200px;
  background-color: #061E5B;
}

.IdleScreen .idleContent p {
  font-size: 12px;
}
/*# sourceMappingURL=main.css.map */