.login-logo {
  background-color: #3e3e3e;
  padding: 20px;
}

.c-menu {
  background-color: #f6ce02;
  padding: 20px;
}

.login-container{
  height: 100vh;
}

.navbar {
  background-color: #f1feff !important;
  padding: 0;
}

.header-logo {
  height: 70px;
}

.nav-container {
  padding: 0;
  border-bottom: 3px solid #f7ce02 ;
}

.table > thead > tr > th {
  background-color: #f1feff;
  color: #3e3e3e;
}

.btn-grp {
  width: 70px;
}

.title-sm {
  font-size: 14px;
  font-weight: normal;
}

.title-header {
  line-height: .7;
}

#offcanvasAccount{
  width: 500px !important;
}

#offcanvasEvent{
  width: 600px !important;
}

.cml-10{
  margin-left: 10px;
}
.cmr-10{
  margin-right: 10px;
}
.cmt-10{
  margin-top: 10px;
}
.cmb-10{
  margin-bottom: 10px;
}

.cml-20{
  margin-left: 20px;
}
.cmr-20{
  margin-right: 20px;
}
.cmt-20{
  margin-top: 20px;
}
.cmb-20{
  margin-bottom: 20px;
}

.cml-30{
  margin-left: 30px;
}
.cmr-30{
  margin-right: 30px;
}
.cmt-30{
  margin-top: 30px;
}
.cmb-30{
  margin-bottom: 30px;
}

.cpl-20{
  padding-left: 20px;
}
.cpr-20{
  padding-right: 20px;
}
.cpt-20{
  padding-top: 20px;
}
.cpb-20{
  padding-bottom: 20px;
}

.cpl-30{
  padding-left: 30px;
}
.cpr-30{
  padding-right: 30px;
}
.cpt-30{
  padding-top: 30px;
}
.cpb-30{
  padding-bottom: 30px;
}

.modal-title {
  line-height: .90;
}
.active-link {
  font-weight: bold;
}
.grp-block{
  width: 100%;
}
.event-card {
  background-color: #ececec;
}
.oa-link{
  text-decoration: none;
}
.oa-img{
  margin: 0 auto;
  height: 50px;
  width: auto;
}
.oa-container {
  padding-bottom: 20px;;
}
.btn-block {
  width: 100%;
}

.nav-scanner {
  color: #3e3e3e;
}

.nav-scanner:focus, .nav-scanner:hover {
  color: #f6ce02;
}

.nav-pills .nav-scanner.active, .nav-pills .show>.nav-scanner {
  color: #3e3e3e;
  background-color: #f6ce02;
  font-weight: bold;
}