.mw-5{
    max-width:5%
}
.mw-10{
    max-width:10%
}
.mw-15{
    max-height:15%
}
table hr {
    margin-top: unset;
    margin-bottom: unset;
    margin-left: 2rem;
    margin-right: 2rem;
}
.table-modal th, .table-modal td {
    padding: 0.25rem !important;
    vertical-align: middle !important;
}

.table-modal tr {
        height: 2.5rem;
}
table.dataTable.no-footer {
    border-bottom: unset !important;
}
.cp{
    cursor:pointer;
}
/*@media (max-width: 1198px) {
    .ml-250 {
        margin-left : unset;
    }
}*/
.modalprogress {
    position: fixed;
    z-index: 2000;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: Black;
    filter: alpha(opacity=90);
    opacity: 0.8;
    align-items: center;
    background-color: black;
    display: flex;
    height: 100%;
    justify-content: center;
    margin: 0;
}

.center1 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50px;
}

.loader {
    width: 60px;
}

.loader-wheel {
    animation: spin 1s infinite linear;
    border: 2px solid rgba(30, 30, 30, 0.5);
    border-left: 4px solid #fff;
    border-radius: 50%;
    height: 50px;
    margin-bottom: 10px;
    width: 50px;
}

.loader-text {
    color: #fff;
    font-family: arial, sans-serif;
}

.loader-text:after {
    content: 'Loading';
    animation: load 2s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes load {
    0% {
        content: 'Please Wait';
    }

    33% {
        content: 'Please Wait.';
    }

    67% {
        content: 'Please Wait..';
    }

    100% {
        content: 'Please Wait...';
    }
}

/*student image*/

.circular--portrait {
    position: relative;
    overflow: hidden;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    max-width: 140px;
    transition: all .15s ease;
    transform: translate(-50%, -50%) scale(1);
}
.circular--portrait-l1 {
    position: relative;
    overflow: hidden;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    max-width: 140px;
    transition: all .15s ease;
    transform: translate(-50%, -50%) scale(1);
    border: 7px solid #f9da44;
}
.circular--portrait-l2  {
    position: relative;
    overflow: hidden;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    max-width: 140px;
    transition: all .15s ease;
    transform: translate(-50%, -50%) scale(1);
    border: 7px solid #f78b05;
}
.circular--portrait-l3{
    position: relative;
    overflow: hidden;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    max-width: 140px;
    transition: all .15s ease;
    transform: translate(-50%, -50%) scale(1);
    border: 7px solid #f50000;
}
.circular--portrait-l1 img {
    width: 100%;
    height: auto;
}
.circular--portrait-l2 img {
    width: 100%;
    height: auto;
}
.circular--portrait-l3 img {
    width: 100%;
    height: auto;
}
.bg-l1{
    background-color: #f9da44;
}
.bg-l2{
    background-color: #f78b05;
}
.bg-l3{
    background-color: #f50000;
}
.badge-dot i {
    margin:unset !important;
}

.circular--portrait img {
    width: 100%;
    height: auto;
}

.separator {
  display: flex;
  align-items: center;
  text-align: center;
  position:unset;
  height:unset;
 
}

.separator::before,
.separator::after {
  content: '';
  flex: 1;
  border-bottom: 1px solid #8898aa;
}

.separator:not(:empty)::before {
  margin-right: .25em;
}

.separator:not(:empty)::after {
  margin-left: .25em;
}

.aspNetDisabled {
    cursor: default;
}

.nav-link.active {
    background: #dfe1e2eb !important;
}

.footer-testsite {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1.5rem;
    color: aliceblue;
    background-color: #4a505063;
    font-style: italic;
    text-align: center;
}

 .pd-25{padding:0.25rem !important;}

  .sidenav:hover
    {
        max-width: 250px;
    }


.footer-alert {
    position: fixed;
    bottom: 3em;
    width: 20%;
    background: #c0e6d1f0;
    color: #068427;
}

.badge-bg-normal {
    background-color: #82f5c4;
}

.badge-bg-abnormal {
    background-color: #ff8fa5;
}