.metismenu li a span{
    color: #fff;
  }


  .metismenu li a i{
    color:#fff;
  }

  .metismenu li a {
    color:#fff;
  }

  /* The Modal (background) */
.msg_alert_modal {
  display: block; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.msg_modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 40%;
}

/* Modal Content */
.msg_modal-content_banner {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 52%;
}

/* The Close Button */
.msg_modalclose {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.msg_modalclose:hover,
.msg_modalclose:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.validate_error_class{
  font-size: 11px;
  color: red;
}

.hide_error_class{
  display: none;
}

.btn-primary{
  background-color: #222d69;
  border: 1px solid #222d69;

}
select.form-control:not([size]):not([multiple]) {
    height: auto;
}

.pagination{
  display: inline-block;
}

.pagination li{
  display: inline-block;
}

.page-item.active .page-link {
    background-color: darkgreen;

}

.pg-color-border li a {
    border-color: darkgreen;
}
@media screen and (max-width: 700px){
.msg_modal-content {
  width: 98%;
}

.msg_modal-content_banner {
  padding: 5px;
  width: 98%;
}

}

.text-center{
  text-align: left;
}

.grid-col {
    padding: 10px 15px;
    background: #ffffff;
    margin-bottom: 30px;
    color: #666;
    border: 1px solid #e3e6e8;
    box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.3);
    border-radius: 7px;
}