/*  Common */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');


body {
  font-family: 'Poppins', sans-serif;
}

.btn-primary {

  color: #ffffff;
  background-color: #1E3A8A;
  border-color: #1E3A8A;
  box-shadow: 0 1px 1px rgb(0 0 0 / 8%);

}

.card-primary:not(.card-outline) .card-header {
  background-color: #1E3A8A;
  border-bottom: 0;
}

.btn-success {

  color: #ffffff !important;

  background-color: #1E3A8A;

  border-color: #1E3A8A;

  box-shadow: 0 1px 1px rgb(0 0 0 / 8%);

}



.notifyjs-bootstrap-dangeres {
  color: #f44336;
  background-color: #ffdddd !important;
  border-color: #ffdddd !important;
}

.bg-success {
  background-color: #17a2b8 !important;
}

.badge {
  display: inline-block;
  padding: 0.5em;
  border-radius: 0;
}

table .badge {
  width: 100%;
}

.notifyjs-bootstrap-base
/* Login & Reguster */

.form-background {

  min-height: 100%;

  overflow-x: hidden;

  background: url(../img/banner.jpg) bottom !important;

  background-size: 100% 100% !important;

  background-repeat: no-repeat;

}

.login-box,
.register-box {

  width: 400px;

  margin: 10% auto;

}



.login-logo,

.register-logo {

  font-size: 35px;

  text-align: center;

  margin-bottom: 25px;

  font-weight: 300;

}



.login-logo a,

.register-logo a {

  color: #444;

}



.login-page,

.register-page {

  background: #e9ecef;

}



@media (max-width: 600px) {

  .login-box,

  .register-box {

    width: 90%;

    margin-top: 20px;

  }

}



.login-box-body,

.register-box-body {

  background: #ffffff;

  padding: 20px;

  border-top: 0;

  color: #666;

}



.login-box-body .form-control-feedback,

.register-box-body .form-control-feedback {

  color: #777;

}



.login-box-msg,

.register-box-msg {

  margin: 0;

  text-align: center;

  padding: 0 20px 20px 20px;

}



.social-auth-links {

  margin: 10px 0;

}



.login-logo a,
.register-logo a {

  color: #fff;

}



/* Sidebar */

.sidebar-dark-primary {

  background: #1E3A8A;
}

.header-dark-primary {

  background: #1E3A8A;
}

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active {

  color: #ffffff;

  background-color: #FF5722 !important;

}





/*  Header */

.navbar-light .navbar-nav .nav-link {

  color: rgb(255 255 255);

}



/* width */

::-webkit-scrollbar {

  width: 7px;

}



/* Track */

::-webkit-scrollbar-track {

  box-shadow: inset 0 0 5px grey;

  border-radius: 10px;

}



/* Handle */

::-webkit-scrollbar-thumb {

  background: #FF5722;

  border-radius: 10px;

}



/* Handle on hover */

::-webkit-scrollbar-thumb:hover {

  background: #FF5722;

}

.dataTables_filter,
.dataTables_paginate {
  float: right;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #FF5722;
  border: 1px solid #FF5722;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}

.bg-primary {
  background-color: #1E3A8A !important;
}

a.bg-primary:hover,
a.label-primary:hover,
a.bg-primary:focus,
a.label-primary:focus,
button.bg-primary:hover,
button.label-primary:hover,
button.bg-primary:focus,
button.label-primary:focus {
  background-color: #FF5722 !important;
}

button.bg-primary:hover {
  background-color: #FF5722 !important;
}

button.btn-primary:hover {
  background-color: #FF5722 !important;
  border-color: #FF5722;

}

.page-item.active .page-link {
  background-color: #FF5722 !important;
  border-color: #FF5722;
}

.profile-pic {
  width: 274px;
  max-height: 274px;
  display: inline-block;
}

.file-upload {
  display: none;
}

.circle {
  border-radius: 100% !important;
  overflow: hidden;
  width: 200px;
  height: 200px;
  border: 2px solid rgba(255, 255, 255, 0.2);
  top: 72px;
}

.circle img {
  max-width: 100%;
  height: auto;
}

.p-image {
  top: 167px;
  right: 30px;
  color: #666666;
  transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
}

.p-image:hover {
  transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
}

.upload-button {
  font-size: 1.2em;
  cursor: pointer;
}

.upload-button:hover {
  transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
  color: #999;
}

.btn-bgb {
  background: #FF5722;
  color: #fff;
}