@import url("./custom.datatables.css?v=0.1.2");

body {
  background-color: #f8f8f8;
}

.page-content {
  background-color: unset !important;
}

.red {
  color: red;
}

.validation-errors {
  padding-left: 0;
  list-style: none;
}

.text-right {
  text-align: right !important;
}

.button {
  border-radius: 0.3rem !important;
}

.btn-view {
  background-color: #e7e7fe !important;
  color: #0b07ab;
}

.autocomplete {
  /*the container must be positioned relative:*/
  position: relative;
  display: inline-block;
  width: 100% !important;
}
.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
  background-color: #fff !important;
}
.autocomplete-items div {
  padding: 10px !important;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #d4d4d4;
}
.autocomplete-items div:hover {
  /*when hovering an item:*/
  background-color: #e9e9e9;
}
.autocomplete-active {
  /*when navigating through the items using the arrow keys:*/
  background-color: DodgerBlue !important;
  color: #ffffff;
}

#progress-wrp {
  border: 1px solid #0099cc;
  padding: 1px;
  position: relative;
  height: 30px;
  border-radius: 3px;
  margin: 10px;
  text-align: left;
  background: #fff;
  box-shadow: inset 1px 3px 6px rgba(0, 0, 0, 0.12);
}

#progress-wrp .progress-bar {
  height: 100%;
  border-radius: 3px;
  background-color: #f39ac7;
  width: 0;
  box-shadow: inset 1px 1px 10px rgba(0, 0, 0, 0.11);
}

#progress-wrp .status {
  top: 3px;
  left: 50%;
  position: absolute;
  display: inline-block;
  color: #000000;
}

.sidebar-nav {
  list-style: none;
}
.sidebar-nav li a {
  color: white;
  display: block;
  text-decoration: none;
}
.sidebar-nav li a:hover {
  background: rgba(255, 255, 255, 0.25);
  color: white;
  text-decoration: none;
}
.sidebar-nav li a:active,
.sidebar-nav li a:focus {
  text-decoration: none;
}
#mainMenu.sidebar-toggle {
  transition: all 0.3s ease-out;
  margin-left: -200px;
}
@media (min-width: 768px) {
  #mainMenu.sidebar-toggle {
    transition: 0s;
    left: 200px;
  }
}
.h2rem {
  height: 2rem;
}
footer {
  background: #7b59d0 !important;
  color: #fff !important;
}
footer a {
  color: #fff !important;
}

/* box styles */
.bg-page {
  background-color: #f3f6fb;
}

.bg-page-dark {
  background-color: #ebf0f9;
}

.bg-secondary {
  background-color: #f6b621 !important;
}

.bg-primary {
  background-color: #3460ad !important;
}

.bg-secondary-light {
  background-color: #fdefce !important;
}

/* body styles */
body {
  font-family: "Raleway", sans-serif;
}

/* nav styles */
#navbarNav a {
  color: #1e1e1e !important;
  font-weight: 600;
}

#navbarNav a.active {
  color: #3460ad !important;
}

/* buttons colors */
.btn-primary {
  background-color: #3460ad !important;
  border-color: #3460ad !important;
}
.btn-primary-light {
  background-color: #e5ebff !important;
  border-color: #e5ebff !important;
  color: #0f45ff !important;
}
.btn-success-light {
  background-color: #ebfaf1 !important;
  border-color: #ebfaf1 !important;
  color: #268c52 !important;
}
.btn-danger-light {
  background-color: #fce9e8 !important;
  border-color: #fce9e8 !important;
  color: #9e1d14 !important;
}
.btn-outline-primary {
  border-color: #3460ad !important;
  color: #3460ad !important;
}
.btn-outline-primary:hover {
  background-color: #3460ad !important;
  color: #fff !important;
}
.btn-secondary {
  background-color: #f6b621 !important;
  border-color: #f6b621 !important;
}
.btn-outline-secondary {
  border-color: #f6b621 !important;
  color: #f6b621 !important;
}
.modal-title {
  color: #1e1e1e !important;
}
.modal .modal-header .modal-title {
  font-size: 1.1rem;
  flex: 1 1 auto;
  text-align: center;
}
.modal .form-control {
  padding: 6px 16px;
}
.modal .modal-footer {
  justify-content: space-between;
}
.form-group label {
  color: #8b8b8b !important;
}
/* text styles */
.text-primary {
  color: #0c1627 !important;
}
.text-primary-blue {
  color: #3460ad !important;
}

.text-secondary {
  color: #f6b621 !important;
}
.text-red {
  color: #f3616d !important;
}
.text-gray {
  color: #626262 !important;
}

.text-gray-4 {
  color: #8b8b8b !important;
}

.text-light-gray {
  color: #1e1e1e !important;
  opacity: 0.5;
}

.text-black-close {
  color: #0b1042 !important;
}

.text-title {
  color: #1e1e1e;
}

.text-4-rem {
  font-size: 4rem !important;
}

.text-10-rem {
  font-size: 10rem !important;
}

/* margins */
.mt-n1 {
  margin-top: -1rem !important;
}
.mt-n5 {
  margin-top: -5rem !important;
}
.mt-n2 {
  margin-top: -2rem !important;
}
.mt-n3 {
  margin-top: -3rem !important;
}
.mt-n6 {
  margin-top: -6rem !important;
}
.mt-n6-5 {
  margin-top: -6.5rem !important;
}
.mt-n7 {
  margin-top: -7rem !important;
}
.mb-n1 {
  margin-bottom: -1rem !important;
}
.mb-n2 {
  margin-bottom: -2rem !important;
}
.mb-n3 {
  margin-bottom: -3rem !important;
}
.mb-n4 {
  margin-bottom: -4rem !important;
}
.mb-n5 {
  margin-bottom: -5rem !important;
}
.mb-n6 {
  margin-bottom: -6rem !important;
}
.mb-n6-5 {
  margin-bottom: -6.5rem !important;
}
.mb-n7 {
  margin-bottom: -7rem !important;
}
.mt-5rem {
  margin-top: 5rem;
}
.mt-8rem {
  margin-top: 8rem;
}
.mt-10rem {
  margin-top: 10rem;
}
.mt-20rem {
  margin-top: 20rem;
}
.mt-30rem {
  margin-top: 30rem;
}
.mt-20rem {
  margin-top: 20rem;
}
.mb-n1 {
  margin-bottom: -1rem !important;
}
.mb-5rem {
  margin-bottom: 5rem;
}
.mb-8rem {
  margin-bottom: 8rem;
}
.mb-10rem {
  margin-bottom: 10rem;
}

/* paddings */
.p-10 {
  padding: 10rem;
}
.pt-n1 {
  padding-top: -1rem !important;
}
.pt-5rem {
  padding-top: 5rem;
}
.pt-8rem {
  padding-top: 8rem;
}
.pt-10rem {
  padding-top: 10rem;
}
.pt-20rem {
  padding-top: 20rem;
}
.pt-30rem {
  padding-top: 30rem;
}
.pb-n1 {
  padding-bottom: -1rem !important;
}
.pb-5rem {
  padding-bottom: 5rem;
}
.pb-8rem {
  padding-bottom: 8rem;
}
.pb-10rem {
  padding-bottom: 10rem;
}
.pb-20rem {
  padding-bottom: 20rem;
}

/* font */
.font-700 {
  font-weight: 700;
}
.font-900 {
  font-weight: 900;
}

/* buttons */
.btn-xl {
  --bs-btn-padding-y: 1.2rem;
  --bs-btn-padding-x: 3rem;
  --bs-btn-font-size: 1rem;
  --bs-btn-border-radius: 1rem;
}

/* alerts */
.alert-warning {
  background-color: #fdefce;
  color: #c48c08;
}

.alert-danger {
  background-color: #f9d4d2;
  color: #cb251a;
}

.alert-success {
  background-color: #d7f4e3;
  color: #16502f;
}

.btn {
  border-radius: 4px !important;
}

/* misc */
.h-3 {
  height: 3rem;
}
.h-4 {
  height: 4rem;
}
.h-7 {
  height: 7rem;
}
.h-10 {
  height: 10rem;
}
.w-4 {
  width: 4rem;
}
.h-4 img {
  height: 2rem;
}
.h-1-7-rem {
  height: 1.7rem;
}

.home-footer {
  margin-top: 5rem;
}
.home-footer a {
  margin-left: 1.5rem;
}

.public-footer,
.public-footer a {
  color: #fff !important;
  font-size: 0.85rem;
}
.public-footer h5 {
  font-weight: 900 !important;
}
.public-footer a {
  font-weight: 100 !important;
}

.cursor-pointer {
  cursor: pointer;
}

.purple-light-bg {
  background-color: #e7e7fe !important;
}

.purple-light {
  color: #0b07ab !important;
}

.box-blue-light {
  border-color: #b1c5e7 !important;
}

.bw-2 {
  border-width: 2px !important;
}

.form-control {
  border-color: #d2d2d2 !important;
  padding: 12px 16px;
}

.form-control::placeholder {
  color: #d2d2d2 !important;
}

.link {
  color: #3460ad !important;
}

.mt-n1 {
  margin-top: -1rem !important;
}
.ml-n0-7 {
  margin-left: -0.7rem !important;
}
.mr-n0-7 {
  margin-right: -0.7rem !important;
}

/* #pageContentHolder {
  background-color: #000 !important;
  opacity: 1;
} */

@media screen and (max-width: 1300px) {
  #pageContentHolder {
    width: 50%;
  }
}

@media screen and (max-width: 800px) {
  #pageContentHolder {
    width: 75%;
  }
}

@media screen and (max-width: 650px) {
  #pageContentHolder {
    width: 70%;
  }
}

@media screen and (max-width: 450px) {
  #pageContentHolder {
    width: 90%;
  }
}

@media screen and (min-width: 1100px) {
  #pageContentHolder {
    width: 40%;
  }
}

@media screen and (min-width: 1300px) {
  #pageContentHolder {
    width: 35%;
  }
}

@media screen and (min-width: 1400px) {
  #pageContentHolder {
    width: 30%;
  }
}

/* sidebar */
.sidebar-wrapper {
  background-color: #3460ad !important;
  color: #fff !important;
}

.sidebar-wrapper .menu .sidebar-link,
.sidebar-wrapper .menu .sidebar-title {
  color: #fff;
}

.sidebar-wrapper .menu .sidebar-link i,
.sidebar-wrapper .menu .sidebar-link svg {
  color: #fff;
  margin-top: -0.4rem;
}
.sidebar-wrapper .menu .sidebar-link img {
  height: 1rem;
  margin-top: -0.2rem;
}
.sidebar-wrapper .menu .sidebar-link:hover,
.sidebar-wrapper .menu .sidebar-link .active {
  background-color: #628ad0;
  color: #fff;
}
.sidebar-wrapper .menu .sidebar-link:hover i,
.sidebar-wrapper .menu .sidebar-link:hover svg {
  color: #f6b621;
}
.sidebar-wrapper .menu .sidebar-item.active .sidebar-link {
  background-color: #628ad0;
}

.auth-bg {
  /*background: url("../img/public_bg_image.svg") no-repeat center center fixed;*/
  background: url("../img/bg/new.jpg") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/public_bg_image.svg", sizingMethod='scale');
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/public_bg_image.svg', sizingMethod='scale')";
}

.page-heading {
  margin-top: -3rem !important;
  margin-left: -2rem !important;
  background-color: #fff;
  margin-right: -2rem !important;
  padding: 1rem;
}

.table thead tr {
  background-color: #f4f4f4 !important;
}

.table tbody tr,
.table-striped tbody tr:nth-of-type(odd) {
  --bs-table-accent-bg: #fff !important;
}

.table tbody tr td {
  border-bottom: solid 1px #eee;
}

.light-green {
  color: #ebfaf1 !important;
}

.light-green-bg {
  background-color: #ebfaf1 !important;
}

.green {
  color: #268c52 !important;
}

.green-bg {
  background-color: #268c52 !important;
}

.light-orange {
  color: #ffe7cc !important;
}

.light-orange-bg {
  background-color: #ffe7cc !important;
}

.orange {
  color: #cc6c00 !important;
}

.orange-bg {
  background-color: #cc6c00 !important;
}

.pr-3 {
  padding-right: 1rem !important;
}

a {
  color: #143b7e;
}

.dataTables_wrapper .dataTables_filter {
  float: left;
}

div.dt-buttons {
  float: right;
}
.danger {
  color: #9e1d14 !important;
}
.danger-bg {
  background-color: #9e1d14 !important;
}

.blue-bright {
  color: #d8e2f3;
}

.blue-bright-bg {
  background-color: #d8e2f3;
}

.h-5 {
  height: 3rem;
}

.w-5 {
  width: 3rem;
}

.w-10 {
  width: 10rem;
}
.w-11 {
  width: 11rem;
}
.w-12 {
  width: 12rem;
}
.w-13 {
  width: 13rem;
}
.w-14 {
  width: 14rem;
}

.w-15 {
  width: 15rem;
}

.sidebar-menu .menu {
  padding: 0 0.8rem;
}

.sidebar-wrapper .sidebar-header img {
  height: 5rem;
}
.page-heading {
  margin: 0;
}
.page-content {
  margin: -1.5rem;
  background-color: #f8f8f8;
}
.modal-xxl {
  width: 90% !important;
}
.sidebar-link {
  font-weight: normal;
}

.modal-header {
  border-bottom: unset;
}

.modal-dialog-scrollable .modal-content {
  overflow: auto !important;
}