/*

1. Add your custom Css styles below
2. Place the this code in your template:

 <link href="css/custom.css" rel="stylesheet">

*/
@media (min-width: 992px) {
    .navbar-expand-lg .navbar-collapse {
        padding-right: 20px;
    }
}

@media (min-width: 992px) {
    .order-lg-last {
        padding-left: 20px;
    }
}
.hover-bg-primary:hover {
  background-color: #6c71ff !important;
}
.rounded-pill {
    border-radius: 50rem !important;
}
.msg {
  color: #990000;
}
#conmsg {
  font-size: 14px;
  color: #BD0000;
  font-weight: bold;
  text-align: center;
}
#userN {
  font-size: .875em;
  padding: 0;
  margin: 0
}
.disabled {
    color: #282C34;
}
.error {
  color: red;
  /*background-color: #acf;*/
}