@import url("https://fonts.googleapis.com/css2?family=Maven+Pro:wght@400;500;600;700;800;900&display=swap");
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "Maven Pro", sans-serif;
}
/* Mobile */

input {
  font-size: 20px !important; 
  }

html,body {
  height:100%;
}

/* Login */
.wrapper{
  height: 100vh;
}


.loginBtn{
  border-radius: 50px;
  font-weight: bold;
  font-size: 20px;
  background-image: linear-gradient(to right, #0acffe 0%,#495aff 100%);
  border: none;
}

.loginBtn:hover{
  background-image: linear-gradient(to right, #495aff 0%, #0acffe 100%);
}


/* content */

.navbar {
  height: 60px;
  background-color:#6697ff;
}

.navbar img {
  width: 200px;
  /* padding: 10px;
  margin-left: 5px; */
}




/* .content {
  margin-top: 70px;
} */

.myContent {
  margin-top: 60px;
  position:fixed;
  width: 100%;
}

.myTable {
  margin-top: 60px;
  width: 100%;
}


#info-form {
  font-size: 1rem !important;
  font-weight: 800;
}
#info-form .form-control-plaintext{
  font-size: 1.25rem !important;
  font-weight: 500;
}
.menu {
  height: 320px;
  font-size: 1.5rem;
  position: fixed;
  top:60px;
  width: 100%;
  /* margin-top: 68px; */
  background-color: #343a40;
  display: none;
  z-index:3;
}
.menu ul li a{
  padding: 3px;
  display: inline-block;
  text-decoration: none;
  color: #ccc;
  font-size: 1.1em;
  width: 100%;
  padding-left: 20px;
  white-space: nowrap;
}

.card-header{
  background-color:#204863;
}

.card {
  border-color: #204863;
}

.border-left-primary {
  border-left: 0.5rem solid #4e73df !important;
}

.border-left-info {
  border-left: 0.5rem solid #36b9cc !important;
}

.border-left-success {
  border-left: 0.5rem solid #1cc88a !important;
}

.border-left-warning {
  border-left: 0.5rem solid #f6c23e !important;
}

/* notification badge */
.nav-link {
  position: relative;
}

.checkNotification {
  position: relative;
}

.checkNotification .badge-counter {
  position: absolute;
  transform: scale(0.7);
  transform-origin: top left;
  right: .25rem;
  margin-top: -.25rem;
}

#checkNotification2 {
  position: absolute;
  transform: scale(0.7);
  transform-origin: top right;
  right: .25rem;
  margin-top: -.25rem;
}

/* .datepicker {
  width: 300px !important;
  height:300px !important;
} */


.detail {
  table-layout: fixed;
  word-wrap: break-word !important;
}


.detail tr td:nth-child(2) {
  width: 5%;
}
.detail tr td:nth-child(3) {
  width: 5%;
}
.detail tr td:nth-child(4) {
  width: 5%;
}
.detail tr td:nth-child(5) {
  width: 5%;
}