body {
  font-size: 1rem;
  font-weight: normal;
  font-weight: initial;
  line-height: 1.5;
  font-family: "Montserrat", "Assistant", sans-serif;
  -webkit-font-smoothing: antialiased;
}

.container-scroller {
    min-height: 100vh !important;
}

.breadcrumb a{
    text-decoration:underline;
}        

/* .required{
    color: red;
  font-size: 21px;
  //vertical-align: top; 
  position: absolute;
  top: -4px;
} */
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 5px 0px 0px 0px;
  border-radius: 4px;
}

.pull-right {
  float: right!important;
}

.pagination>li {
  display: inline;
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #0088cc;
  border-color: #0088cc;
}

.pagination > li > a {
  background: #fafafa;
  color: #666;
}

.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #ffffff;
    text-decoration: none;
    background-color: #2e3033;
    border: 1px solid #47484a;
}

.pagination>li:last-child>a, .pagination>li:last-child>span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}


.login_card{
  background-color: #00000080;
  border-radius:20px;
}

.login_title{
  font-size:30px;
}

.login_label{
  font-size:20px !important;
  color:#ffffff !important;
}

.login_input{
  background-color:#fff !important;
  border-top-right-radius: 20px !important;
  border-bottom-right-radius: 20px !important;
  color:#000000 !important;
}

.register_input{
  background-color:#fff !important;
  border-top-right-radius: 20px !important;
  border-bottom-right-radius: 20px !important;
  border-radius: 20px !important;
  color:#000000 !important;
}

.login_btn{
  background-image:linear-gradient(45deg, #6c3daa, #34176466) !important;
  border:none !important;
}


.auth.login-bg {
  background: url(../../assets/images/loginbg.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.required{
  color:#d53f3a;
}

.alert-info {
  color: #4592a9 !important;
  background-color: rgba(91, 192, 222, 0.2) !important;
  border-color: #54b1cc !important;
}

.enjoyhint {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2048 !important;
  pointer-events: none;
  overflow: hidden;
}

/* ENJOYHINT CUSTOMIZED CSS */
.enjoyhint_close_btn, .enjoyhint_next_btn {
  border: 2px solid #0088cc !important;
  color: #ffffff  !important;
  background-color: #016698 !important;
}

.enjoyhint_next_btn:hover, .enjoyhint_close_btn:hover {
  border: 2px solid #0088cc !important;
  color:#ffffff !important;
  background:#0088cc !important;
}

.enjoyhint_skip_btn {
  border: 2px solid #d53f3a !important;
  color: #ffffff  !important;
  background-color: #a2201c !important;
}

.enjoyhint_skip_btn:hover {
  border: 2px solid #d53f3a !important;
  color:#ffffff !important;
  background:#d53f3a !important;
} 

.enjoy_hint_label {
  color: #19ff20 !important;
  font-weight: bold;
  border-radius: 30px;
  padding-top: 9px;
}

.footer {
  background: transparent !important;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding: 20px 1rem;
  transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -webkit-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  font-size: calc(0.875rem - 0.05rem);
  font-weight: 300;
}

.img_medium{
  width: 75px !important;
  height: 75px !important;
  border-radius:0px !important;
}

.sidebar a, .sidebar a:hover {
  color: #212121;
  text-decoration: none;
}

.mobile_navtitle {display: none;}


@media only screen and (min-width: 447px) and (max-width: 978px) {
  #notation_panel{
    margin-top: 60px !important;
  }
}

@media only screen and (max-width: 978px) {
  /* For mobile phones: */
  .mobile_navtitle {
    display: inline;
    width: 100px !important;
  }

  .web_navtitle {display: none;}

  .search_frm_div{
    position: unset !important;
    min-width: 100%;
  }

  .sidebar{
    z-index: 10000!important;
  }
}