body {
  font: 100% "Raleway", sans-serif;
  color: #333; }

.flatpickr-calendar {
    right: 23.65px !important;
}
/* Creating a mixin for the register card */
/* User Card padder */
div#user-card {
  padding: 0px !important;
  cursor: pointer;
  pointer-events: auto; }

.image-size, div.user-image {
  width: 90px;
  height: 90px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%; }

div.user-up-panel {
  width: 100%;
  height: 80px;
  line-height: 1.5;
  flex: auto;
  padding: 0 !important;
  background-color: #2a56c6 ; }
div.user-image {
  position: absolute;
  background-color: #e8e8e8;
  margin-top: -50px;
  z-index: 10;
  margin-left: 15px;
  border: 5px solid #0288d1; }
  div.user-image img {
    width: 80px;
    height: 80px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%; }
div.user-down-panel {
  width: 100%;
  height: 95px;
  line-height: 1.5;
  flex: auto;
  padding: 0 !important; }

div.user-fullname {
  position: relative;
  top: 30px;
  margin-left: 115px;
  font-size: 24px;
  font-family: 'Lato',sans-serif;
  font-weight: 400;
  color: #FFFFFF; }
div span.chip {
  font-size: 15px;
  font-weight: bold;
  color: #FFFFF; }

ul#user-card-others {
  top: 15px;
  position: relative;
  left: 95px; }
  ul#user-card-others li {
    list-style: none;
    list-style-type: none;
    text-align: left;
    margin-top: 9px; }

div.bg1 {
  position: relative;
  width: auto;
  height: 200px; }
  div.bg1 img {
    width: 140px;
    height: 140px;
    left: 34%;
    top: 13%; }

div.report-card h5 {
  text-align: center;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis; }

p {
  margin: 0 auto; }
  p a {
    margin-top: 5px;
    margin-bottom: 15px; }
    p a.download {
      vertical-align: center;
      position: relative;
      left: 26%;
      background-color: #0288d1 !important;
      font-size: 17px;
      font-weight: bold;
      color: white;
      text-transform: capitalize; }

/* Modal Position and others effects */
.modal.open {
  top: 7rem !important; }

div.modal-footer a.report {
  text-transform: capitalize;
  font-size: 14px;
  font-weight: bold;
  color: white;
  margin-left: 20px; }

div.stud-list input {
  font-size: 14px;
  font-weight: bold;
  color: #212121; }
div.stud-list label {
  font-size: 14px;
  font-weight: bold;
  color: #212121; }

div.stud-report input {
  font-size: 14px;
  font-weight: bold;
  color: #212121; }
div.stud-report label {
  font-size: 14px;
  font-weight: bold;
  color: #212121; }

a#list-close {
  margin-left: -35px; }

/* Tabs configs */
ul.tabs {
  margin-top: 30px; }

i.tab-icon {
  position: absolute;
  margin-left: -40px;
  margin-top: 11px; }

.block {
  width: 100%;
  text-transform: capitalize;
  font-size: 14px;
  font-weight: bold;
  color: white; }

/*# sourceMappingURL=app.css.map */