.mggac-row {
    width: 100%;
    position: relative;
    padding: 0;
    margin: 0;
    clear:both;
}

.fixed-attachment {
    background-attachment: fixed;
    background-size: 100% 100%;
    background-origin: border-box;
    background-repeat: no-repeat;
    background-color: #e3e8f2;
}
.mggac-row1 {
    --admissionbg: url(../Content/images/homebg/10.jpg);
    display:flex;
    flex-direction:column;
    text-align: center;
    background-image: var(--admissionbg);
}
.mggac-row1-cap {
    display: flex;
    align-content: center;
    justify-content: center;
    column-gap: 50px;
}

.mggac-aamswa {
    display: none;
    min-height: 300px;
    position: relative;
    background-color: #ffffff;
    margin-top: var(--header-height);
}

/* row 1 */
.notice-aaslogin{height:60px;}
.aams-login-menu {
    position: absolute;
    right: 20px;
    top: 10px;
}
.mggac-row1 .emplem {
    width: 120px;
    height: 120px;
    cursor: pointer;
    padding: 10px;
    box-shadow: 1px 1px 17px 8px #d9edf7;
    border: thin solid #fff;
    border-radius: 50%;
}

.mggac-row1 .emplem img {
    width: 100%;
    height: 100%;
}
.mggac-row1 .name {
    cursor: pointer;
    font-family: _HATTEN;
    font-size: 28pt;
    letter-spacing: 1px;
    line-height: 30px;
    color: #122a4f;
}
.mggac-row1 .name span {
    display: block;
}
.mggac-row1 .name span:not(.ut) {
    text-shadow: 0 1px 2px #fff;
}
.mggac-row1 .name .adfy {
    font-family: Arial;
    font-size: 14pt;
 }
.mggac-row1 .name .ut {
    font-family: Arial;
    font-size: 11pt;
    letter-spacing: normal;
    color:#122a4f;
    font-weight:600;
 }

.aamssidemenu {padding:0;margin:20px 0;}
.aamssidemenu .showonhover{display:none;}
.aamssidemenu .menugroup{padding:0;}
.aamssidemenu .menugroup li {
    white-space: nowrap;
    display: inline-block;
    margin: 0 10px;
    padding: 0;
    font-size: 0;
    cursor: pointer;
}
.aamssidemenu .menugroup li .mgbtn {
    display: inline-block;
    vertical-align: middle;
    margin: 0 !important;
    padding: 6px 12px;
    line-height:30px;
}
.aamssidemenu .menugroup li .mgbtn.first{width:50px;}
.aamssidemenu .menugroup i{vertical-align:middle;margin:0;}
.aamssidemenu .menugroup:hover li{box-shadow: 0 3px 3px -1px #777;}
.aamssidemenu .menugroup li:hover,
.aamssidemenu .menugroup li:hover h3:not(.first){background-color:#08b23e;color:#000;}
.aamssidemenu .black {
    background-color:#141416;
    color:white;
}
.aamssidemenu .green {
    background-color:#2c5b3b;
    color:#fff;
    text-shadow:0 1px 0 #777;
}
.aamssidemenu .red {
    background-color:#e3e8f2;
    color:#0e1d8f;
    text-shadow:0 1px 0 #777;
}
.aamswa-wrapper
 {
    width: 100%;
    margin: 0;
    padding: 50px;
}
.aamswa-main {
    width: 100%;
    position: relative;
    background-color: #fff;
    text-align: center;
}
.aamswa-main .input-group {margin:5px 0;}
.aamswa-main .input-group-addon {
    width:140px;
    text-align:left;
}

/* Horizontal Menu */
.admninfo {
    width: 100%;
    text-align: right;
    padding: 20px;
    height: auto;
}

.admninfomenu li {
    display: inline-block;
    padding: 10px;
    margin: 0 5px;
    box-shadow: 0 10px 10px -5px #555;
    border-bottom: 5px solid #000;
    cursor: pointer;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.admninfomenu li a {
    color:inherit;
    text-decoration:none;
}
.admninfomenu li:hover {
    border-bottom:5px solid #08b23e;
}

/* Scrolling Noticess*/
.scrollnotice{width:80%;margin:0 auto;color:red;position:absolute;top:1px;left:10%;}
.scrollnotice ul li{display:inline-block;margin:0 20px;color:red;vertical-align:top;}
.scrollnotice ul li h3{padding:10px;vertical-align:top;}
.scrollnotice ul li article {
    display: none;
    max-width: 300px;
    word-break: break-word;
    white-space: normal;
    padding:30px;
    border-left: 5px solid #000;
    position:relative;
    background-color:#fff;
    border-top-right-radius:32px;
    box-shadow: 0 10px 10px -5px #777;
    color: #24422e;
    text-align: justify;
}
.scrollnotice ul li:hover article {display: block;}
.Fold {}
.Fold:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0px;
    height: 0px;
    border-bottom: 20px solid #555;
    border-right: 20px solid transparent;
    border-bottom-right-radius: 5px;
    box-shadow: 0 10px 10px -5px #fff;
} 

/* Status and Notice Board */
.mggac-applstat-nb {
    padding: 50px 10px;
    text-align: center;
    background-color:#ffffff;
}
.mggac-applstat-nb .applstatnb{
    width:100%;
    display:table;
}
.mggac-applstat-nb .applstatnb .applstat,
.mggac-applstat-nb .applstatnb .nb{
    display:table-cell;
    vertical-align:top;
    padding:10px 0;
}
.mggac-applstat-nb .applstatnb .nb{width:40%;background-color:#e9e9e9;}
.mggac-applstat-nb .mvh {
    width: max-content;
    margin: 0 auto;
    margin-bottom: 30px;
    text-transform: uppercase;
    border-bottom: thin solid darkblue;
    color: darkblue;
}
.wearmask{display:block;font-size:12pt;text-shadow:0 1px 0 #555;margin-bottom:5px;}
.wearmask img{width:24px;height:24px;border-radius:50%;margin-right:10px;vertical-align:middle;}

.dashboard-asloginas{min-width:300px;color:#000000;}
.dashboard-asloginas h4{padding:10px 30px;}
.dashboard-asloginas .form-check{padding:10px 30px;}
.dashboard-asloginas .form-check a{display:flex;align-items:center;justify-content:flex-start;} 
.dashboard-asloginas .form-check a i{font-size:14pt;margin-right:6px;}

#divotpmain,#divotpmain.otpsend-0 {display: none;}
#divotpmain{padding: 0;}
#divotpmain div.alert-dismissable{ margin-bottom: 10px;}

#divotp,.divotp{width:max-content;display:flex;align-items:center;justify-content:center;column-gap:5px;}
#divotp.centre,.divotp.centre{margin:auto;}
input.otpinputs {
    width: 32px !important;
    text-align:center;
}  

/* Progress Circle */
.progress-circle {
    width: 60px;
    height: 60px;
    position: relative;
    margin-left:auto;
}

.progress-circle svg {
    width: 100%;
    height: 100%;
    transform: rotate(-90deg);
}

.progress-circle circle {
    fill: none;
    stroke-width: 10;
    stroke: #eee;
}

.progress-circle .progress {
    stroke: green;
    stroke-dasharray: 283;
    stroke-dashoffset: 0;
    transition: stroke-dashoffset 1s linear;
}

.progress-circle .time {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 12px;
}