body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

html {
    scroll-behavior: smooth;
    overflow-x: hidden;
}

.container,
.container-lg,
.container-md,
.container-sm,
.container-xl {
    max-width: 1650px;
}

ul,
li,
p,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
th,
td,
span,
button,
label,
input {
    margin: 0;
    padding: 0;
    font-family: 'Montserrat', sans-serif;
    transition: .4s all !important;
    text-decoration: none !important;
}



/*LOGIN*/
.main {
    position: relative;
    width: 100%;
    height: auto;
    padding-bottom: 100px;
    background-image: linear-gradient(to right top, #3631AB 24.93%, #E91B27 80.59%);
}

img.top_red_bg {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    max-width: 1300px;
}

img.bottom_blue_bg {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    max-width: 1000px;
}

.call-mail {
    position: relative;
    z-index: 9;
    height: 100px;
}

.call-mail ul {
    float: right;
    margin-top: 34px;
}

.call-mail li {
    display: flex;
    float: left;
}

.call-mail li p {
    font-size: 20px;
    color: #EEA8B8;
}

.call-mail li img {
    width: 30px;
    margin-right: 7px;
}

.call-mail li:nth-child(2) {
    font-size: 25px;
    font-weight: 100;
    color: #EEA8B8;
    margin: -4px 25px 0;
}

.call-mail li p span,
.call-mail li p span a {
    color: #fff;
    font-weight: 500;
}

.login {
    background: #FFFFFF;
    border-radius: 30px;
    width: 100%;
    position: relative;
    z-index: 9;
    padding: 75px 135px 60px;
    overflow: hidden;
}

.login:before {
    position: absolute;
    content: '';
    right: 0;
    top: 0;
    width: 100%;
    max-width: 1083px;
    height: 400px;
    background: url(../images/blue_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.login:after {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 100%;
    max-width: 580px;
    height: 220px;
    background: url(../images/small_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
}

img.login-logo {
    width: 100%;
    max-width: 345px;
    position: absolute;
    right: 158px;
    bottom: 110px;
}

.login-form {
    width: 100%;
    max-width: 575px;
    display: inline-block;
    position: relative;
    z-index: 9;
}

.login-form img {
    width: 100%;
    max-width: 310px;
}

.login-form form label,
.login-form form input {
    display: block;
}

.login-form form input {
    width: 100%;
    height: 65px;
    background: #FFFFFF;
    border: 1px solid #979CC7;
    box-sizing: border-box;
    border-radius: 100px;
    padding: 0 30px;
    font-size: 18px;
    color: #4D4D4D;
}

.login-form form input:focus {
    outline: none;
}

.login-form form label {
    font-size: 18px;
    line-height: 50px;
    /* color: #AB9DB4; */
    color: #000;
    margin-top: 12px;
}

.login-form form input[type="submit"] {
    box-shadow: 0px 10px 8px -8px #BBBDDF;
    border-radius: 100px;
    width: 210px !important;
    font-weight: bold;
    font-size: 18px;
    text-transform: capitalize;
    float: right;
    margin-top: 30px;
    color: #FFFFFF;
    background: linear-gradient(264.22deg, #3F2DBC 5.69%, #E91B27 100.31%) !important;
    border: 1px solid transparent;
}

.login-form form input[type="submit"]:hover {
    border: 1px solid #231A97;
    color: #231A97;
    background: #fff !important;
}

.login-bottom {
    position: relative;
    z-index: 9;
    margin-top: 60px;
}

.bottom-box {
    background: #FFFFFF;
    border-radius: 16px;
    width: 100%;
    height: 280px;
    padding: 35px 30px 0;
    margin-bottom: 30px;
    position: relative;
}

.bottom-box h4 {
    font-weight: 600;
    font-size: 22px;
    line-height: 24px;
    margin-bottom: 12px;
    color: #231A97;
}

.bottom-box p {
    font-size: 17px;
    line-height: 24px;
    color: #483C6F;
}

.bottom-box:before {
    position: absolute;
    content: '';
    right: 5px;
    bottom: 5px;
    width: 100%;
    max-width: 75px;
    height: 75px;
    background: url(../images/dot.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.head-top {
    background: linear-gradient(88.53deg, #2E3190 7.7%, #FF000F 129.21%);
    display: flex;
}

.logo {
    float: left;
    line-height: 100px;
}

.login-section {
    float: right;
    margin-top: 27px;
}

.logo img {
    width: 100%;
    max-width: 194px;
}

.login-section ul {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

.login-section li a {
    display: flex;
    margin-left: 50px;
}

.login-section li {
    list-style: none;
}

.login-section li:hover {
    opacity: .6;
}

.login-section li figure {
    height: 45px;
    width: 45px;
    border: 1px solid #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 45px;
    margin: 0;
    margin-right: 12px;
    position: relative;
}

.login-section li figure img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 25px;
    height: 25px;
}

.login-section li:first-child figure img {
    width: 38px;
    height: 38px;
    border-radius: 50%;
}

.login-section li:first-child figure {
    width: 48px;
    height: 48px;
}

.login-section li p {
    font-weight: 500;
    font-size: 18px;
    line-height: 30px;
    text-transform: capitalize;
    color: #FFFFFF;
    margin-top: 8px;
}

.welcome p {
    margin-top: 0 !important;
}

.login-section li h6 {
    color: #f7b4c3b0;
}

.welcome {
    margin-top: -2px;
}

.header-bottom ul {
    line-height: 120px;
}

.header-bottom li {
    background: linear-gradient(90deg, #ff313d61 8.1%, #1a1d7e59 104.33%);
    border-radius: 8px;
    display: inline-block;
    color: #fff;
    height: 56px;
    line-height: 56px;
    margin-right: 30px;
    font-weight: 500;
    font-size: 20px;
    padding: 0 35px 0 60px;
    position: relative;
}

.header-bottom li:before {
    position: absolute;
    content: '';
    left: 42px;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 10px;
    width: 10px;
    border: 2px solid #fff;
    border-radius: 50%;
}

header.main-head {
    display: flow-root;
    border-bottom: 1px solid #ffffff29;
    height: 100px;
}

.header-bottom {
    height: 120px;
}

section.today {
    margin-top: 80px;
}

table.stu-table {
    border-collapse: collapse;
    width: 100%;
}

table.stu-table td,
table.stu-table th {
    border: 1px dashed #D3D9E2;
    text-align: left;
    padding: 0 30px;
    color: #2D2E5B;
    font-size: 18px;
}

table.stu-table tr {
    height: 62px;
}

table.stu-table {
    border-collapse: collapse;
    width: 100%;
}

table.stu-table th {
    background: #383B83;
    color: #fff;
    border: 0;
}

/* table.stu-table tr td:nth-child(2) {
    color: #4A4DB7;
} */

/* table.stu-table tr td:nth-child(3),
table.stu-table.stu-table-doc tr td:nth-child(2) {
    color: #F54D57;
    text-align: center;
} */

table.stu-table tr th:nth-child(4) {
    text-align: center;
}

table.stu-table tr:nth-child(2) td {
    border-top: 0;
}

table.stu-table tr:last-child td {
    border-bottom: 0;
}

table.stu-table tr td a {
    border: 1px solid #e91b27;
    box-shadow: 0px 10px 8px -8px #BBBDDF;
    border-radius: 100px;
    width: 105px;
    height: 38px;
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    display: block;
    text-align: center;
    line-height: 38px;
    color: #2A2345;
    padding: 0;
}

.new-dft.new-dft {
    line-height: 26px !important;
}

table.stu-table tr td a:hover {
    background: linear-gradient(264.22deg, #3F2DBC 5.69%, #E91B27 100.31%);
    color: #fff;
    border: 0;
}

table.stu-table tr:nth-child(2) td a,
table.stu-table tr:nth-child(5) td a {
    background: linear-gradient(264.22deg, #3F2DBC 5.69%, #E91B27 100.31%);
    color: #fff;
}

table.stu-table tr:nth-child(2) td a:hover,
table.stu-table tr:nth-child(5) td a:hover {
    background: #fff;
    color: #2A2345;
    border: 1px solid #e91b27;
}

.main-table h3,
.official.pro-progress h3,
.lib-bottom h4,
.comm-head h4 {
    font-weight: 600;
    font-size: 28px;
    text-transform: capitalize;
    color: #2B387C;
    padding: 0 30px;
    height: 72px;
    line-height: 72px;
}

.main-table {
    box-shadow: 0px 7px 47px #E1E7FF;
    border-radius: 20px;
    overflow: hidden;
}

table.stu-table tr:nth-child(even) {
    background-color: #F9FAFE;
}

.official {
    padding: 80px 0;
}

.official li {
    width: 240px;
    height: 215px;
    border-radius: 20px;
    margin-bottom: 0px;
    list-style: none;
    position: relative;
}

.official ul {
    display: flex;
    justify-content: start;
    text-align: center;
    flex-wrap: wrap;
    gap: 20px;
}

.official li:nth-child(1) {
    background: linear-gradient(65.28deg, #ffaebe59 16.26%, #ff6db359 95.48%);
}

.official li:nth-child(2) {
    background: linear-gradient(217.77deg, #fd8d4b69 10.91%, #fdeac185 86.74%);
}

.official li:nth-child(3) {
    background: linear-gradient(217.77deg, #6e70f159 10.91%, #c0cbff7a 86.74%);
}

.official li:nth-child(4) {
    background: linear-gradient(217.77deg, #2dcb8959 10.91%, #b3fad859 86.74%);
}

.official li:nth-child(5) {
    background: linear-gradient(217.77deg, #2493f34f 10.91%, #b3e2fe59 86.74%);
}

.official li:nth-child(6) {
    background: linear-gradient(217.77deg, #ff51b545 10.91%, #dc78ff3b 86.74%);
}

.official li:nth-child(7) {
    background: linear-gradient(217.77deg, #32b0cc59 10.91%, #85e5fa52 86.74%);
}

.official li:nth-child(8) {
    background: linear-gradient(217.77deg, #fd4b4b59 10.91%, #fdc1c159 86.74%);
}

.official li:nth-child(9) {
    background: linear-gradient(217.77deg, #7972e19e 10.91%, #7f88ab59 86.74%);
}

.official li:nth-child(10) {
    background: linear-gradient(217.77deg, #2dcb8959 10.91%, #b3fad859 86.74%);
}

.official li:nth-child(11) {
    background: linear-gradient(65.28deg, #ffaebe59 16.26%, #ff6db359 95.48%);
}

.official li:nth-child(12) {
    background: linear-gradient(217.77deg, #fd8d4b69 10.91%, #fdeac185 86.74%);
}

.official li:hover {
    opacity: .7;
}

.official li figure {
    width: 90px;
    height: 90px;
    line-height: 90px;
    border-radius: 100%;
    margin: 0 auto 25px;
}

.official li figure img {
    width: 35px;
}

.official li a {
    display: block;
    width: 100%;
    height: 100%;
    padding-top: 35px;
}

.official li span {
    font-weight: 500;
    font-size: 18px;
    text-transform: capitalize;
    color: #0A0909;
}

.official li:nth-child(1) figure {
    background: linear-gradient(65.28deg, #FA6E89 16.26%, #DD438D 95.48%);
}

.official li:nth-child(2) figure {
    background: linear-gradient(217.77deg, #E46D27 10.91%, #F9C653 86.74%);
}

.official li:nth-child(3) figure {
    background: linear-gradient(217.77deg, #36379B 10.91%, #7A91FF 86.74%);
}

.official li:nth-child(4) figure {
    background: linear-gradient(217.77deg, #2C9D6E 10.91%, #6AFFB7 86.74%);
}

.official li:nth-child(5) figure {
    background: linear-gradient(217.77deg, #197FD9 10.91%, #4BBCFF 86.74%);
}

.official li:nth-child(6) figure {
    background: linear-gradient(217.77deg, #DA3694 10.91%, #EE47FD 86.74%);
}

.official li:nth-child(7) figure {
    background: linear-gradient(217.77deg, #32B0CC 10.91%, #238EA6 10.92%, #40DDFF 86.74%);
}

.official li:nth-child(8) figure {
    background: linear-gradient(217.77deg, #9D1F1F 10.91%, #FF5F5F 86.74%);
}

.official li:nth-child(9) figure {
    background: linear-gradient(217.77deg, #7d19d9b8 10.91%, #4bbcff91 86.74%);
}

.official li:nth-child(10) figure {
    background: linear-gradient(217.77deg, #2C9D6E 10.91%, #6AFFB7 86.74%);
}

.official li:nth-child(11) figure {
    background: linear-gradient(65.28deg, #FA6E89 16.26%, #DD438D 95.48%);
}

.official li:nth-child(12) figure {
    background: linear-gradient(217.77deg, #E46D27 10.91%, #F9C653 86.74%);
}

.event {
    background: #FFFFFF;
    box-shadow: 0px 7px 47px #E1E7FF;
    border-radius: 20px;
    padding: 0 25px 25px;
}

.event-title h3 {
    float: left;
    padding: 0;
    font-weight: 600;
    font-size: 28px;
    text-transform: capitalize;
    color: #2B387C;
    line-height: 86px;
}

.event-title {
    display: flow-root;
    height: 86px;
    line-height: 86px;
}

.event-title ul {
    float: right;
}

.event-title ul li {
    display: inline-block ;
    vertical-align: text-bottom;
}

.event-title ul li a {
    height: 50px;
    line-height: 50px;
    display: block;
    padding: 0 29px;
    border-radius: 100px;
    font-weight: 600;
    font-size: 17px;
    text-transform: capitalize;
    color: #2A2345;
}

.event-title ul li.active a {
    border: 1px solid #c81f44;
}

.event-title ul li.active a:hover {
    background: linear-gradient(264.22deg, #3F2DBC 5.69%, #E91B27 100.31%);
    color: #fff;
}

.event-single {
    background: #F1F2FF;
    border-radius: 12px;
    padding: 22px;
}

.event-img img {
    width: 100%;
    height: 144px;
    border-radius: 8px;
}

.event-img {
    position: relative;
    margin-bottom: 18px;
}

.date {
    height: 64px;
    width: 64px;
    border-radius: 100%;
    background: #FFB803;
    border: 4px solid #FFFFFF;
    position: absolute;
    right: 5px;
    bottom: -32px;
}

.date p {
    font-weight: 600;
    font-size: 27px !important;
    text-align: center;
    color: #FFFFFF !important;
    line-height: 18px !important;
    margin-top: 10px;
}

.date p span {
    display: block;
    font-weight: 400;
    font-size: 15px;
    color: #fff !important;
    text-transform: uppercase;
}

.event-single h5 {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #181949;
}

.event-single h6 {
    font-size: 18px;
    line-height: 24px;
    color: #3B40C8;
    padding-left: 15px;
    margin: 8px 0;
    position: relative;
}

.event-single h6:before {
    position: absolute;
    content: '';
    top: 5px;
    left: 0;
    width: 9px;
    height: 10px;
    background: url(../images/loc.png);
    background-size: cover;
}

.event-single p {
    font-size: 18px;
    line-height: 24px;
    color: #666692;
}

footer.main-foot {
    width: 100%;
    height: 112px;
    background: #292B68;
    color: #fff;
    text-align: center;
    line-height: 112px;
    margin-top: 100px;
}

footer.main-foot p {
    font-size: 18px;
    margin: 0 !important;
}

footer.main-foot p a:hover {
    text-decoration: underline !important;
}

footer.main-foot p a {
    color: #d71d36;
}

.today-right {
    width: 100%;
    height: auto;
    background: #EDF0FE;
    border-radius: 20px;
    padding: 40px 25px;
    display: inline-block;
}

.todo{
    margin-bottom: 20px;
}

.todo h4,
.medi-right h4 {
    background: #383B83;
    border-radius: 8px;
    font-weight: 600;
    font-size: 24px;
    height: 60px;
    line-height: 60px;
    text-transform: capitalize;
    color: #FFFFFF;
    padding: 0 30px;
    margin-bottom: 25px;
}

.todo li h6 {
    font-size: 18px;
    line-height: 27px;
    text-transform: capitalize;
    color: #393CAB;
}

.todo li p {
    font-size: 16px;
    line-height: 30px;
    color: #8486B9;
}

.todo li p span {
    color: #44a4e9;
}

.todo li {
    border-bottom: 1px dashed #6F9ADF;
    margin-bottom: 14px;
    padding-bottom: 14px;
    list-style: none;
    padding-left: 50px;
    position: relative;
}

.todo li:last-child {
    border: 0;
}

.todo li:before,
.top:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 25px;
    height: 25px;
    background: url(../images/tick.png);
    background-size: cover;
}

.todo.todo-1 h6 {
    width: 100%;
    max-width: 325px;
    margin-bottom: 5px;
}

.date-view span,
.date-view a {
    font-size: 17px;
    line-height: 27px;
    text-transform: capitalize;
    color: #98A9C2;
    margin-right: 35px;
}

.date-view a:hover {
    text-decoration: none !important;
}

.date-view a {
    color: #d71d36;
    text-decoration: underline !important;
}

.todo-1-inner li {
    border: 0;
}

.todo-1-inner {
    background: #fff;
    padding: 25px 20px;
    border-radius: 16px;
    margin-bottom: 45px;
}

.todo-1-inner li {
    border: 0;
    background: #EDF0FE;
    border-radius: 16px;
    padding: 15px 60px 15px;
    margin-right: 18px;
}

.todo-1-inner li:before {
    top: 14px;
    left: 18px;
}

.todo-1-inner li:last-child {
    margin-bottom: 0;
}

.todo-2 .todo-1-inner {
    margin-bottom: 0;
}

.todo-2 .todo-1-inner li {
    margin-right: 0;
}

.scrollbar {
    height: 385px;
    width: 100%;
    overflow-y: scroll;
}

.force-overflow {
    min-height: auto;
}

#style-3::-webkit-scrollbar-track {
    background-color: #DDDFF9;
    border-radius: 10px;
}

#style-3::-webkit-scrollbar {
    width: 10px;
    border-radius: 10px;
    background-color: #DDDFF9;
}

#style-3::-webkit-scrollbar-thumb {
    background-color: #3A4E79;
    border-radius: 10px;
}

.header-bottom-other {
    height: 150px;
    padding-top: 30px;
}

.head-title {
    text-align: center;
}

.head-title h1 {
    font-weight: 600;
    font-size: 50px;
    line-height: 45px;
    text-transform: capitalize;
    color: #FFFFFF;
}

.header-bottom-other li {
    display: inline-block;
    font-size: 20px;
    line-height: 45px;
    text-transform: capitalize;
    color: #fff;
    margin: 0 3px;
}

.header-bottom-other li a {
    color: #db888e;
}

.header-bottom-other li a:hover {
    color: #fff;
}

/* .header-bottom-other li:nth-child(2) {
    margin: 0 20px;
} */

.back {
    width: 100%;
    height: 135px;
    background: #F1F2FF;
}

.back-main {
    /* float: right; */
    float: left;
    display: flex;
    margin-top: 32px;
}

.back-main a,
.today-left-inner a {
    height: 70px;
    display: block;
    border-radius: 100px;
    text-align: center;
    line-height: 70px;
    font-size: 18px;
    text-transform: capitalize;
}

.back-main a:first-child,
.today-left-inner a {
    width: 238px;
    font-weight: bold;
    border: 1px solid #b6113c;
    text-transform: uppercase;
    color: #162184;
}

.back-main a:first-child img,
.today-left-inner a img {
    width: 27px;
}

.back-main a:last-child img {
    width: 37px;
}


.back-main a:last-child {
    width: 435px;
    background: linear-gradient(84.52deg, #131ABC -16.62%, #181B66 111.91%);
    color: #FFFFFF;
    margin-left: 30px;
    letter-spacing: 0.1em;
}

.back-main a:first-child:hover,
.today-left-inner a:hover {
    background: linear-gradient(264.22deg, #3F2DBC 5.69%, #E91B27 100.31%);
    color: #fff;
    border: 0;
}

.back-main a:last-child:hover,
.search-right a:hover {
    background: linear-gradient(84.52deg, #181B66 111.91%, #131ABC -16.62%);
}

.today-left-inner h2 {
    font-weight: 600;
    font-size: 46px;
    line-height: 45px;
    text-transform: capitalize;
    color: #112655;
    margin-bottom: 30px;
}

.today-left-inner p {
    width: 100%;
    max-width: 1000px;
    font-size: 18px;
    line-height: 30px;
    text-transform: capitalize;
    color: #2F4E75;
    margin-bottom: 40px;
}

.preview-justify p {
    max-width: inherit;
}

.preview-justify {
    width: 100%;
    max-width: 1000px;
}

.docs li {
    width: 100%;
    height: 70px;
    line-height: 70px;
    text-align: center;
    background: #FFFFFF;
    box-shadow: 0px 11px 38px -10px #CFD1F1;
    border-radius: 16px;
    margin-bottom: 30px;
    display: block;
    font-weight: 500;
    font-size: 18px;
    text-transform: capitalize;
    position: relative;
    overflow: hidden;
}

.docs li:last-child {
    margin-bottom: 0;
}

.docs li img {
    width: 30px;
    position: absolute;
    left: 25px;
    top: 20px;
}

.today-right.medi-right {
    height: 600px;
}

.docs {
    margin-top: 70px;
}

.docs li a {
    display: block;
    color: #393CAB;
}

.docs.leav-dic li {
    text-align: left;
    padding-left: 70px;
}

.main-search {
    padding-top: 80px;
}

.search-inner {
    width: 100%;
    background: linear-gradient(277.81deg, #3C6BE4 27.13%, #3539B5 66.8%);
    border-radius: 30px;
    padding: 40px;
    display: flex;
}

.search-left {
    width: 70%;
    float: left;
    position: relative;
}

.search-right {
    width: 30%;
    float: right;
}

.search-left input, .search-left select {
    width: 100%;
    height: 68px;
    background: #FFFFFF;
    border: 6px solid rgba(255, 255, 255, 0.1);
    border-radius: 100px;
    font-size: 18px;
    padding: 0 25px;    
}

.search-left select{
    color: #A6B3C2;
}

.search-left select:focus{
    outline: navajowhite;
}

.search-left input:focus {
    outline: none;
}

.search-left input::placeholder {
    color: #A6B3C2;
}

.search-left figure {
    width: 46px;
    height: 46px;
    margin: 0;
    background: linear-gradient(223.49deg, #FFF500 0%, #F4B102 82.67%);
    border-radius: 100%;
    text-align: center;
    line-height: 46px;
    position: absolute;
    right: 14px;
    top: 50%;
    margin-top: -23px;
    pointer-events: none;
}

.search-left figure img {
    width: 18px;
}

.search-right a {
    width: 390px;
    height: 68px;
    background: linear-gradient(84.52deg, #131ABC -16.62%, #181B66 111.91%);
    border-radius: 100px;
    display: block;
    font-weight: 600;
    font-size: 18px;
    line-height: 68px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #FFFFFF;
    text-align: center;
    float: right;
}

.search-right a img {
    width: 37px;
}

.docu-table table.stu-table td,
.docu-table table.stu-table th {
    border: 0;
}

.docu-table table.stu-table {
    border-top: 1px dashed #D3D9E2;
}

.docu-table table.stu-table tr {
    height: 75px;
}

.docu-table table.stu-table tr:nth-child(even) {
    background-color: #F1F2FF;
}

.docu-table table.stu-table tr td:first-child {
    /* width: 60%; */
    position: relative;
    /* padding-left: 70px; */
    font-weight: 500;
    font-size: 20px;
    text-transform: capitalize;
    color: #2D2E5B;
}

/* .only-first.only-first.only-first tbody tr td:first-child {
    text-align: right !important;
} */

.only-first.only-first.only-first thead tr th.sl_no{
    text-align: center;
}

.docu-table table.stu-table tr td:first-child::before {
    position: absolute;
    content: '';
    top: 24px;
    /*left: 30px;*/
   /* background: url(../images/book.png);*/
    width: 25px;
    height: 25px;
    background-size: cover;
}

.accor {
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 11px 38px -10px #CFD1F1;
    border-radius: 16px;
    margin-bottom: 20px;
    padding: 0 25px 0;
}

.top {
    background: #fff;
    width: 100%;
    height: 70px;
    border-radius: 16px;
    cursor: pointer;
    position: relative;
}

.top h5 {
    float: left;
    margin: 0;
    margin-left: 10px;
    font-size: 18px;
    text-transform: capitalize;
    color: #393CAB;
    line-height: 70px;
    padding-left: 30px;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
}

.bottom p {
    font-size: 18px;
    line-height: 27px;
    color: #7987AB;
}

.btn1 {
    border: none;
    outline: none;
    background: #fff;
    position: absolute;
    right: 0;
    top: 22px;
}

button.btn1 img {
    width: 11px;
}

.bottom {
    border-top: 1px dashed #B7CBEB;
    padding: 15px 0;
    display: none;
}


.active-rotate {
    transform: rotate(180deg);
}

.top:before {
    top: 50%;
    margin-top: -12px;
}

img.faq-img {
    float: right;
    position: relative;
    top: 40px;
    right: -81px;
    width: 100%;
    max-width: 250px;
}

.upload-doc li a {
    text-align: center;
}

.upload-doc li img {
    width: 27px;
    height: inherit;
}

table.stu-table.stu-table-doc tr th:nth-child(2),
table.stu-table.stu-table-doc tr th:nth-child(3),
table.stu-table.stu-table-doc tr th:nth-child(4),
table.stu-table.stu-table-doc tr td:nth-child(2),
table.stu-table.stu-table-doc tr td:nth-child(3),
table.stu-table.stu-table-doc tr td:nth-child(4) {
    text-align: center;
}

table.stu-table.stu-table-doc tr td:nth-child(3) {
    color: #2D2E5B;
    font-weight: 500;
}

table.stu-table.stu-table-doc tr td:nth-child(4) {
    color: #EA1616;
    font-size: 20px;
}

table.stu-table.stu-table-doc a {
    height: 46px;
    width: 46px;
    margin: 0 auto;
    background: inherit !important;
    line-height: 42px;
    border: 2px solid #DBD9F1;
}

table.stu-table.stu-table-doc a img {
    width: 25px;
}

table.stu-table.stu-table-doc a:hover {
    opacity: .7;
}

.profile {
    width: 100%;
    height: 245px;
    background: #F1F2FF;
}


.avatar-upload {
    position: relative;
    display: inline-block;
    margin-top: -70px;
}

.avatar-edit {
    position: absolute;
    right: 0;
    left: 0;
    bottom: -30px;
    margin: auto;
    text-align: center;
    z-index: 1;
}

.main-scnd{
    min-height: 55vh !important;
}

.avatar-edit input {
    display: none;
}

.avatar-edit label {
    display: inline-block;
    width: 74px;
    height: 74px;
    margin-bottom: 0;
    border-radius: 100%;
    border: 5px solid #fff;
    cursor: pointer;
    font-weight: normal;
    background: linear-gradient(83.66deg, #FF9A00 0%, #FEB546 104.7%);
}

/* .avatar-edit label:hover {
    background: #ef9a1a;
} */

.avatar-edit:after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: url(../images/pfl-upload.png);
    width: 32px;
    height: 32px;
    background-size: cover;
    pointer-events: none;
}

.avatar-edit label:hover.avatar-edit:after {
    top: 0;
}

.avatar-preview {
    width: 260px;
    height: 250px;
    position: relative;
    border-radius: 20px;
    background: #fff;
    overflow: hidden;
    border: 6px solid #fff;
}

#imagePreview {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.today-pro {
    clear: both;
}

.pro-img {
    float: left;
    margin-right: 50px;
}

.pro-detail h2 {
    font-weight: 600;
    font-size: 42px;
    line-height: 45px;
    text-transform: capitalize;
    color: #2B387C;
    margin-bottom: 6px;
}

.pro-detail ul li {
    display: inline-block;
    font-weight: 500;
    font-size: 16px;
    line-height: 36px;
    /* text-transform: capitalize; */
    margin-right: 40px;
    padding-right: 40px;
    position: relative;
}

.pro-detail ul li,
.pro-detail ul li a {
    color: #293990;
}

.pro-detail ul li img {
    margin-right: 10px;
    width: 28px;
}

.pro-detail ul {
    margin-bottom: 10px;
}

.pro-detail ul li:before {
    position: absolute;
    content: '';
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 1px;
    height: 15px;
    background: #BBBEDD;
}

.pro-detail ul li:last-child:before {
    display: none;
}

.pro-detail {
    padding-top: 45px;
}

table.stu-table.pro-table th span {
    font-size: 16px;
    text-transform: capitalize;
    color: #2ACCFF;
    font-weight: 400;
}

table.stu-table.pro-table tr td {
    color: #212352;
    font-weight: 400;
}

table.stu-table.pro-table tr td:nth-child(2) {
    text-align: center;
}

table.stu-table.pro-table tr td:nth-child(4) span {
    background: linear-gradient(83.66deg, #FF9A00 0%, #FEB546 104.7%);
    border-radius: 100px;
    width: 100px;
    height: 40px;
}

table.stu-table.pro-table tr td:nth-child(4) span {
    background: linear-gradient(83.66deg, #FF9A00 0%, #FEB546 104.7%);
    border-radius: 100px;
    width: 100px;
    height: 40px;
    display: block;
    text-align: center;
    line-height: 40px;
    color: #fff;
    font-weight: 500;
    margin: 0 auto;
}

table.stu-table.pro-table tr td:last-child img {
    width: 85px;
}

.pro-main-tbl h3 {
    float: left;
}

a.dtl {
    float: right;
    width: 165px;
    height: 50px;
    background: linear-gradient(264.22deg, #3F2DBC 5.69%, #E91B27 100.31%);
    box-shadow: 0px 10px 8px -8px #BBBDDF;
    border-radius: 100px;
    text-align: center;
    line-height: 50px;
    color: #fff;
    font-weight: 600;
    font-size: 15px;
    margin: 12px 30px 0 0;
    border: 1px solid transparent;
}

a.dtl:hover {
    background: #fff;
    color: #c41f47;
    border: 1px solid #c41f47;
}

.pro-table tr:nth-child(odd) {
    background: #F9FAFE;
}

.pro-table tr:nth-child(even) {
    background: #fff !important;
}

ul.sub li {
    width: 100%;
    /* height: 70px; */
    background: #FFFFFF;
    border-radius: 16px;
    border-bottom: 0;
    /* line-height: 70px; */
    font-size: 18px;
    text-transform: capitalize;
    font-weight: 400;
    padding: 0;
    margin-bottom: 18px;
    padding: 10px 0;
}

ul.sub li:hover {
    background: #8a9beb2e;
}

ul.sub li a {
    color: #393CAB;
    display: block;
    width: 100%;
    padding-left: 70px;
}

ul.sub li:before {
    top: 0;
    bottom: 0;
    margin: auto;
    left: 30px;
    pointer-events: none;
}

ul.sub li:after {
    position: absolute;
    content: '';
    right: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url(../images/arw.png);
    width: 11px;
    height: 11px;
    background-size: cover;
    transform: rotate(-90deg);
}

.official.pro-progress ul {
    overflow: hidden;
    margin: 0 -2%;
}

.official.pro-progress li {
    width: 27%;
    height: 300px;
    float: left;
    margin: 0 2%;
}

.official.pro-progress li:nth-child(1) {
    background: linear-gradient(217.77deg, #2493f34f 10.91%, #b3e2fe59 86.74%);
}

.official.pro-progress li:nth-child(2) {
    background: linear-gradient(217.77deg, #2dcb8959 10.91%, #b3fad859 86.74%);
}

.official.pro-progress li:nth-child(3) {
    background: linear-gradient(217.77deg, #fd4b4b59 10.91%, #fdc1c159 86.74%);
}

.official.pro-progress h3 {
    padding: 0;
}

.official.pro-progress {
    padding: 60px 0;
}

.lib {
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 5px 23px 7px #E7F3FF;
    border-radius: 12px;
    overflow: hidden;
}

.lib-top {
    width: 100%;
    height: 242px;
    background: linear-gradient(180deg, #282FE8 0%, #320BD0 100%);
}

.lib-top img {
    width: 100%;
    max-width: 436px;
    margin: 0 auto;
    display: block;
}

.lib-bottom {
    padding: 40px 25px 25px;
}

.lib-bottom h4,
.comm-head h4 {
    padding: 0;
    display: inline-block;
}

.lib-bottom li {
    width: 100%;
    height: 90px;
    background: #EDF0FE;
    border-radius: 20px;
    line-height: 90px;
    padding: 0 25px;
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 15px;
    text-transform: capitalize;
    color: #212352;
    display: block;
    position: relative;
}

.lib-bottom li:last-child {
    margin-bottom: 0;
}

.lib-bottom li a {
    background: #5B69A7;
    border-radius: 100px;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    height: 44px;
    line-height: 44px;
    display: inline-block;
    padding: 0 30px;
    position: absolute;
    right: 25px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.lib-bottom li a:hover {
    background: #1731a5;
}

.comm {
    width: 100%;
    background: #EDF0FE;
    border-radius: 12px;
    padding: 36px 25px 25px;
}

.comm-head {
    position: relative;
}

.comm-head a {
    font-size: 15px;
    font-weight: 500;
    text-transform: capitalize;
    width: 128px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    color: #2A2345;
    border: 1px solid #d51d39;
    display: inline-block;
    border-radius: 100px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.comm-head a:hover {
    background: linear-gradient(264.22deg, #3F2DBC 5.69%, #E91B27 100.31%);
    color: #fff;
}

ul.tabs li span {
    padding: 0 20px;
    color: #fff;
    font-size: 16px;
    text-transform: capitalize;
    color: #23489B;
    font-weight: 500;
    height: 52px;
    line-height: 52px;
    text-align: center;
    display: block;
    border-radius: 100px;
    cursor: pointer;
}

ul.tabs li span:hover {
    background: linear-gradient(264.22deg, #3F2DBC 5.69%, #E91B27 100.31%);
    color: #fff;
}

ul.tabs li {
    display: inline-block;
}

ul.tabs li span.active {
    box-shadow: 0px 10px 8px -8px #BBBDDF;
    background: linear-gradient(264.22deg, #3F2DBC 5.69%, #E91B27 100.31%);
    color: #fff;
}

ul.tabs {
    margin-bottom: 35px;
}

.tab li {
    background: #FFFFFF;
    border-radius: 16px;
    width: 100%;
    height: 100px;
    padding: 20px;
    display: block;
    margin-bottom: 30px;
}

.tab li:last-child {
    margin-bottom: 0;
}

.tab li figure {
    background: #EDF0FE;
    border-radius: 12px;
    height: 60px;
    width: 60px;
    text-align: center;
    line-height: 60px;
    margin: 0;
    float: left;
    margin-right: 15px;
}

.tab li figure img {
    width: 22px;
}

.tab li p {
    font-size: 17px;
    line-height: 24px;
    color: #0E233E;
}

.lib,
.comm {
    height: 690px;
}

.note li:before {
    display: none;
}

.note {
    background: #FFFFFF;
    border-radius: 16px;
    padding: 17px;
}

.note li {
    background: #EDF0FE;
    border-radius: 16px;
    padding: 17px;
    width: 100%;
    height: 155px;
    margin-bottom: 17px;
    border-bottom: 0;
}

.note li:last-child {
    margin-bottom: 0;
}

.note-left {
    float: left;
    width: 80px;
    height: 80px;
    margin-right: 30px;
    position: relative;
}

.note-left img {
    width: 100%;
    height: 100%;
    border-radius: 16px;
}

.note li .date {
    right: -20px;
}

ul.sub {
    margin-bottom: 45px;
}

.e-pay {
    background: linear-gradient(242.62deg, #1B9FE9 -36.68%, #3F2DBC 68.26%);
    box-shadow: 0px 10px 8px -8px #BBBDDF;
    border-radius: 20px;
    width: 100%;
    padding: 40px 25px;
    margin-top: 40px;
    position: relative;
}

.e-pay h3 img {
    width: 40px;
    margin-right: 8px;
}

.e-pay h3 {
    font-weight: 600;
    font-size: 30px;
    text-transform: capitalize;
    color: #FFFFFF;
}

.e-pay li {
    width: 100%;
    height: 80px;
    line-height: 80px;
    background: linear-gradient(242.62deg, #5cb6e9f0 -36.68%, #291a8b94 68.26%);
    border-radius: 16px;
    margin-bottom: 25px;
    padding: 0 30px;
    display: block;
}

.e-pay ul {
    margin-top: 50px;
}

.e-pay li p,
.e-pay li span {
    font-size: 18px;
    color: #FFFFFF;
    font-weight: 400;
}

.e-pay li p {
    float: left;
}

.e-pay li span {
    float: right;
    font-weight: 600;
}

.e-pay button {
    width: 173px;
    height: 58px;
    background: #FEB546;
    border-radius: 12px;
    border: none;
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-top: 20px;
}

.e-pay button:hover {
    background: #ef9a1a;
}

.e-pay a {
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    text-transform: capitalize;
    color: #FFFFFF;
    display: block;
    margin-top: 42px;
    text-decoration: underline !important
}

.e-pay a:hover {
    text-decoration: none !important;
    opacity: .8;
}

img.money {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 155px;
}

.official.pro-progress li p {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    text-transform: capitalize;
    color: #000000;
}

.progress-circle {
    font-size: 20px;
    margin: 72px auto 54px;
    position: relative;
    padding: 0;
    width: 5em;
    height: 5em;
    background-color: #F2E9E1;
    border-radius: 50%;
    line-height: 5em;
    transform: scale(1.5);
}

.progress-circle span {
    width: 100%;
    width: inherit;
    line-height: inherit;
}

table.stu-table tr td:last-child {
    border-right: none;
}

table.stu-table tr td:first-child {
    border-left: none;
}

.official.pro-progress li:nth-child(1) .progress-circle {
    background-color: #c7d9e9c9;
}

.official.pro-progress li:nth-child(2) .progress-circle {
    background-color: #c8e7d9;
}

.official.pro-progress li:nth-child(3) .progress-circle {
    background-color: #e9cece;
}

.official.pro-progress li:nth-child(1) .progress-circle .first50-bar {
    background-color: #248fed;
}

.official.pro-progress li:nth-child(1) .progress-circle .value-bar {
    border: 0.45em solid #248fed;
}

.official.pro-progress li:nth-child(2) .progress-circle .first50-bar {
    background-color: #1abf7b;
}

.official.pro-progress li:nth-child(2) .progress-circle .value-bar {
    border: 0.45em solid #1abf7b;
}

.official.pro-progress li:nth-child(3) .progress-circle .first50-bar {
    background-color: #e92323;
}

.official.pro-progress li:nth-child(3) .progress-circle .value-bar {
    border: 0.45em solid #e92323;
}

span.dt {
    font-size: 20px;
    color: #112655;
    margin-bottom: 30px;
    display: block;
}

.sign img {
    width: 100%;
    max-width: 150px;
}

.sign p {
    font-weight: 600;
    letter-spacing: 1px;
}

img.tech-bg {
    width: 100%;
    margin-bottom: 30px;
}

.preview-justify h2 {
    text-align: center;
}

.preview-justify p {
    text-align: justify;
}

.form {
    width: 100%;
    height: 100%;
}

.file-upload-wrapper {
    Color: #393CAB;
    height: 100%;
    position: relative;
    width: 100%;
}

.file-upload-wrapper:after {
    content: attr(data-text);
    font-size: 18px;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    padding: 0 15px;
    display: block;
    width: calc(100% - 40px);
    pointer-events: none;
    z-index: 20;
    height: 100%;
}

.file-upload-wrapper:before {
    content: 'Upload';
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    color: #ffffff;
    font-weight: 700;
    z-index: 25;
    font-size: 16px;
    padding: 0 15px;
    text-transform: uppercase;
    pointer-events: none;
    background: #f3c278;
}

.file-upload-wrapper input {
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99;
    height: 100%;
    margin: 0;
    padding: 0;
    display: block;
    cursor: pointer;
    width: 100%;
}




.full-width {
    width: 100%;
}

.month_wise_section {
    margin: 60px 0;
}

.month_wise_list {
    margin-bottom: 45px;
    display: inline-block;
}

.month_wise_list ul {
    margin: 0 -0.2%;
}

.month_wise_list ul li {
    width: 7.8%;
    margin: 0 0.2% 30px;
    float: left;
    background: #FFFFFF;
    box-shadow: 0px 16px 18px 2px #E5F2FF;
    border-radius: 20px;
    list-style: none;
    position: relative;
}

.month_wise_list ul li a {
    width: 100%;
    display: block;
    padding: 45px 10px;
    font-size: 18px;
    font-weight: 500;
    color: #005FB1;
    text-align: center;
}

.month_wise_list ul li.active a {
    color: #fff;
}

.month_wise_list ul li.active {
    background: #383B83;
}

.month_wise_list ul li.active:before {
    content: " ";
    width: 48px;
    height: 24px;
    background: url("../images/month-active-shape.png") no-repeat bottom center;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -14px;
}

.left_table_content {
    padding: 10px 25px 25px 25px;
    min-height: 800px;
    background: #FFFFFF;
    box-shadow: 0px 16px 18px 2px #e5f2ff;
    border-radius: 12px;
}

.left_table_content h2 {
    font-family: 'Work Sans', sans-serif;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    background: #FF5876;
    display: table;
    margin: 0 auto;
    padding: 20px 30px;
    border-radius: 4px;
    position: relative;
}

.left_table_content h2:before {
    content: " ";
    width: 29px;
    height: 33px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: -33px;
    background: url("../images/left_shape.png") no-repeat left top;
}

.left_table_content h2:after {
    content: " ";
    width: 29px;
    height: 33px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: -33px;
    background: url("../images/right_shape.png") no-repeat left top;
}

.left_table_content ul {
    margin-top: 25px;
}

.left_table_content ul li {
    width: 100%;
    float: left;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    background-image: linear-gradient(to right, #6E7881 33%, rgba(255, 255, 255, 0) 0%);
    background-position: bottom;
    background-size: 9px 1px;
    list-style: none;
    background-repeat: repeat-x;
}

.left_table_content ul li a {
    width: 100%;
    display: block;
    padding: 30px 20px;
    color: #005FB1;
}

.left_table_content ul li:last-child {
    background: none;
}

.sub_subject_section header {
    padding: 27px 40px;
    background: #383B83;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    border-radius: 20px;
    position: relative;
    margin-bottom: 30px;
}

.sub_subject_section header:before {
    content: " ";
    width: 48px;
    height: 24px;
    background: url(../images/month-active-shape.png) no-repeat bottom center;
    position: absolute;
    left: 16px;
    bottom: -14px;
}

.sub_subject_section .discussion {
    float: right;
    border-radius: 40px;
    padding: 12px 25px;
    background: #fff;
    font-size: 16px;
    font-weight: 500;
    color: #383b83;
    position: relative;
    top: -8px;
}

.sub_subject_section .discussion:hover {
    color: #fff;
    background: #4a50e1;
}

.main_subject_body {
    background: #EDF0FE;
    border-radius: 20px;
}

.sub_subject_accord .sub_subject_accord_header {
    padding: 30px 40px;
    background: #EDF0FE;
    border-radius: 20px;
    cursor: pointer;
    background-image: linear-gradient(to right, #8AA6C2 33%, rgba(255, 255, 255, 0) 0%);
    background-position: bottom;
    background-size: 9px 1px;
    background-repeat: repeat-x;
    position: relative;
}

.sub_subject_accord .sub_subject_accord_header:before {
    content: " ";
    width: 32px;
    height: 32px;
    background: url("../images/plus_accord.png") no-repeat center;
    position: absolute;
    top: 24px;
    right: 40px;

    background-size: contain;
}

.active_header_minus:before {
    background: url(../images/minus_accord.png) no-repeat center !important;
    background-size: 32px !important;

    background-size: contain !important;
}

.sub_subject_accord .sub_subject_accord_header h4 {
    margin: 0;
    font-size: 18px;
    font-weight: 400;
    color: #414141;
}

.sub_subject_accord .sub_subject_accord_header h4 .green {
    color: #383B83;
}

.sub_subject_accord_body {
    padding: 30px 40px;
    background: #EDF6FF;
    display: none;
}

.sub_accord_body {
    background-image: linear-gradient(to right, #6E7881 33%, rgba(255, 255, 255, 0) 0%);
    background-position: bottom;
    background-size: 9px 1px;
    background-repeat: repeat-x;
    padding-bottom: 35px;
    margin-bottom: 35px;
    position: relative;
}

.sub_accord_content {
    padding-right: 375px;
}

.sub_accord_content p {
    font-size: 18px;
    font-weight: 600;
    color: #414141;
    margin-bottom: 20px;
    line-height: 1.4em;
}

.pdf_button {
    font-family: 'Work Sans', sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #F15642;
    border: 1px solid #FF5876;
    box-shadow: 0px 8px 9px 2px #F4F0F1;
    border-radius: 16px;
    background: #fff;
    display: table;
    padding: 20px 30px;
    padding-right: 85px;
    position: relative;
}

.pdf_button img {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 25px;
}

.sub_accord_right_button {
    position: absolute;
    right: 0;
    top: 0;
    text-align: right;
}

.sub_accord_right_button a {
    font-family: 'Work Sans', sans-serif;
    display: inline-block;
    vertical-align: middle;
    padding: 15px;
    background: #fff;
    border-radius: 12px;
    font-size: 16px;
    font-weight: 500;
    color: #4D32B2;
}

.sub_accord_right_button a+a {
    margin-left: 10px;
}

.sub_subject_section+.sub_subject_section {
    margin-top: 65px;
}

.sub_accord_body:last-child {
    background: none;
    margin-bottom: 0;
}

.pdf_button:hover {
    background: #F15642;
    color: #fff;
}

.sub_accord_body:last-child {
    background: none;
    margin-bottom: 0;
}

.sub_subject_accord:last-child .sub_subject_accord_header {
    background-image: none;
}

.tracker_breadcrumb {
    border-bottom: 1px solid #DCE3E9;
    position: relative;
    height: 90px;
}

.right_published_color {
    float: right;
    line-height: 90px;
}

.right_published_color span {
    font-family: 'Work Sans', sans-serif;
    display: inline-block;
    vertical-align: middle;
    color: #8EA4B7;
}

.right_published_color .red {
    background: #FF5876;
}

.right_published_color span+span {
    margin-left: 30px;
}

.right_published_color .green {
    background: #26D049;
}

.right_published_color span i {
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 2px;
    border-radius: 4px;
    position: relative;
    top: -1px;
}

.right_subject_date select {
    font-size: 18px;
    color: #7F9FBF;
    width: 430px;
    height: 65px;
    background: #fff url('../images/select_bottom_arrow.png') no-repeat 95% center;
    border: 1px solid #0878DA;
    box-shadow: 0px 8px 9px 2px #DBEEFF;
    border-radius: 16px;
    padding: 0 30px;
    margin-top: 13px;
    display: inline-block;
    vertical-align: middle;
    appearance: none;
}

.right_subject_date select:focus {
    outline: none;
}


.view_all_button{
    font-size: 12px;
    background: linear-gradient(264.22deg, #3F2DBC 5.69%, #E91B27 100.31%);
    padding: 8px 15px;
    float: right;
    margin-top: 7px;
    border-radius: 100px;
    line-height: normal;
    color: #fff;
}

.view_all_button:hover{
    background: #fff;
    color: #2A2345;
}



.serach_section .search-left{
    width: 100%;
}

.serach_section .search-inner{
    display: block;
}

.serach_section .search-inner .form-group{
    width: 100%;
    float: left;
}


.select2-container{
    width: 100% !important;
    float: left;
    border-radius: 100px;
}

.select2-container .select2-selection--single{
    height: 42px !important;
    background-color: transparent !important;
    border: none !important;
}

.select2-selection__rendered{
    height: 42px !important;
    line-height: 42px !important;
    font-size: 13px !important;
    padding: 0 15px !important;
    background: #fff !important;
    border-radius: 100px !important;
    color: #9ab0c3 !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 10px !important;
    right: 10px !important;
}

.search_button{
    width: 100%;
}

.search_button button,
.search_button input{
    font-size: 14px;
    width: 48%;
    border-radius: 100px;
    height: 42px;
}

.search_button button{
    background: linear-gradient(84.52deg, #131ABC -16.62%, #181B66 111.91%);
    float: left;
}


.search_button input,
.submit-upload-button{
    background: linear-gradient(264.22deg, #3F2DBC 5.69%, #E91B27 100.31%);
    float: right;
}

.submit-upload-button{
    color: #fff !important;
}

.search_button button:hover,
.submit-upload-button:hover{
    background: linear-gradient(84.52deg, #181B66 111.91%, #131ABC -16.62%);
}

.search_button input:hover{
    background: #fff;
    color: #2A2345;
    border: 1px solid #e91b27;
}



.dataTables_wrapper.dataTables_wrapper{
    display: block !important;
}

.dataTables_length{
    float: left;
}

.dataTables_filter{
    float: right;
}

.dataTables_length label{
    font-size: 14px;
}

.dataTables_length select{
    margin: 0 6px;
}

.dataTables_filter,
.dataTables_length{
    margin-top: 15px;
}

.sorting_asc:after{
    display: none !important;
}

.dataTables_paginate{
    text-align: right !important;
}

.dataTables_paginate .pagination{
    float: right;
}

.dataTables_paginate .pagination li + li{
    margin-left: 8px;
}

.dataTables_paginate .pagination li a{
    display: block;
    padding: 4px 12px;
    font-size: 12px !important;
    background: #292b68;
    color: #fff !important;
    border-radius: 4px;
}

.dataTables_paginate .pagination li a:hover{
    opacity: 0.6;
}

.dataTables_info,
.dataTables_paginate .pagination{
    margin-top: 10px !important;
}

.dataTables_paginate .pagination li.active a{
    background: #b7113c;
}


.search_info_data{
    padding-top: 45px;
}

.search_info_data ul{
    /*margin: 0 -2.5%;*/
    list-style: none;
    background: linear-gradient(
    277.81deg, #3C6BE4 27.13%, #3539B5 66.8%);
    border-radius: 18px;
    overflow: hidden;
    padding: 25px 25px 10px;
}


.search_info_data ul li{
    width: 28.33%;
    margin: 0 2.5% 15px;
    float: left;
    background: #fff;
    padding: 10px 15px;
    font-size: 14px;
    border-radius: 100px;
}

.search_info_data ul li b{
    opacity: 0.3;
}

.search_info_data ul li i{
    margin-right: 5px;
}

.worksheet_upload_file{
    font-size: 14px;
}

.sub_table_fld thead tr th{
    vertical-align: middle !important;
}

.sub_heading.sub_heading{
    font-size: 18px;
    margin-bottom: 15px;
}

.sub_table_fld tbody tr td{
    padding: 5px 15px;
    background: #fff;
}

.sub-section-field-content{
    background: #fff;
}

.sub-section-field-content table tr td .btn{
    line-height: 20px !important;
}



.registernow_fld{
    width: 100%;
    float: left;
    background: #292B68;
    text-align: center;
    padding: 25px;
    border-radius: 20px;
}


.registernow_fld input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff !important;
  opacity: 1; /* Firefox */
}

.registernow_fld input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff !important;
}

.registernow_fld input::-ms-input-placeholder { /* Microsoft Edge */
  color: #fff !important;
}

.registernow_fld h3{
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 2px;
    color: #fff;
}

.registernow_fld p{
    font-size: 12px;
    color: #fff;
}

.registernow_fld form{
    width: 100%;
    float: left;
    margin-top: 20px;
}

.registernow_fld form .form-control{
    background: none;
    border: 1px solid #fff;
    font-size: 12px;
    height: 40px;
    border-radius: 10px;
    color: #fff;
}

.submit_button_fld{
    width: 100%;
    display: block;
    background: #0066f8;
    border: none;
    padding: 8px 15px;
    color: #fff;
    border-radius: 10px;
    margin-top: 10px;
}

.submit_button_fld:hover{
    opacity: 0.5;
}


table.table_fld tr td:first-child{
    width: auto !important;
}

.rec{
    color: #2D2E5B !important;
    font-size: 18px !important;
    text-align: center !important;
    width: 100% !important;
}

.evnt-new.evnt-new{
    padding: 0 0 25px;
    overflow: hidden;
}

.evnt-new .event-title{
    background: #383B83;
    padding: 0 30px;
    margin-bottom: 10px;
}

.evnt-new .event-title h3{
    color: white;
}

.evnt-new .view_all_button:hover{
    background: #fff !important;
    color: #2A2345 !important;
}

.all-btn{
    color: white !important;
    margin-top: 12px;
}

.notice-min-ht{
    min-height: 50vh;
}

.new-rprt .ptitl_btncel h3{
    width: 100% !important;
    margin: 0 !important;
}

.new-rprt .btncel{
    margin: 0 !important;
    float: none !important;
}

.footer.main-foot p{
    margin-bottom: 0 !important;
}

.student-assignment-select + .select2 .select2-selection__rendered{
    height: 68px !important;
    line-height: 68px !important;
    font-size: 16px !important;
}

.student-assignment-select + .select2 .select2-selection__arrow{
    top: 24px !important;
}

.widh-new{
    max-width: 240px;
    width: 100%;
    padding-right: 0 !important;
    margin-bottom: 6px;
}

.widh-new:last-child{
    margin-bottom: 0;
}

button#reply_btn {
    border: 0;
    margin-top: 10px;
    padding: 4px 8px;
    border-radius: 5px;
    font-size: 15px;
}

table .sl_no {
    /* text-align: right !important; */
}

.new-disply.new-disply{
    align-items: center;
    justify-content: space-between;
    width: 100% !important;
}

.pro-detail ul {
    padding-right: 30px !important;
    margin-right: 30px !important;
}

.asses .search-inner input, .asses .search-inner select{
    color: #3c5b76 !important;
}
.evnt-new.evnt-new .row {
    padding: 0 12px;
}
/***************************************************************
                         RESPONSIVE
****************************************************************/
@media only screen and (max-width:1500px) {

    .widh-new {
        max-width: 190px;
        width: 100%;
    }

    .student-assignment-select + .select2 .select2-selection__rendered{
        height: 42px !important;
        border: 2px solid rgba(255, 255, 255, 0.1) !important;
        font-size: 13px !important;
        padding: 0 18px !important;
        line-height: 42px !important;
    }

    .student-assignment-select + .select2 .select2-selection__arrow {
        top: 10px !important;
    }

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1180px;
    }

    .main {
        padding-bottom: 60px;
    }

    .main .call-mail {
        height: 60px;
    }

    .call-mail li p {
        font-size: 14px;
    }

    .call-mail li img {
        width: 20px;
        margin-right: 4px;
    }

    .call-mail ul {
        margin-top: 20px;
    }

    .call-mail li:nth-child(2) {
        font-size: 20px;
        margin: -7px 15px 0;
    }

    img.top_red_bg {
        max-width: 910px;
    }

    img.bottom_blue_bg {
        max-width: 775px;
    }

    .login:before {
        max-width: 795px;
        height: 285px;
    }

    .login-form img {
        max-width: 220px;
    }

    .login-form form label {
        font-size: 15px;
        line-height: 28px;
        margin-top: 6px;
    }

    .login-form {
        max-width: 400px;
    }

    .login-form form input {
        height: 48px;
        padding: 0 15px;
        font-size: 14px;
    }

    .login-form form input[type="submit"] {
        width: 156px !important;
        font-size: 14px;
        margin-top: 20px;
    }

    .login:after {
        max-width: 415px;
        height: 160px;
    }

    .login {
        border-radius: 25px;
        padding: 55px 100px 50px;
    }

    img.login-logo {
        max-width: 240px;
        right: 127px;
        bottom: 86px;
    }

    .bottom-box {
        border-radius: 12px;
        height: 215px;
        padding: 25px 16px 0;
        margin-bottom: 30px;
    }

    .bottom-box h4 {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 8px;
    }

    .bottom-box p {
        font-size: 13px;
        line-height: 20px;
    }

    .bottom-box:before {
        right: 3px;
        bottom: 3px;
        max-width: 50px;
        height: 50px;
    }

    .login-bottom {
        margin-top: 46px;
    }

    header.main-head {
        height: 68px;
    }

    .logo img {
        max-width: 145px;
    }

    .new-dft.new-dft {
        line-height: 23px !important;
    }

    .logo {
        line-height: 68px;
    }

    .login-section li figure {
        height: 35px;
        width: 35px;
        line-height: 35px;
        margin-right: 6px;
    }

    .login-section li figure img {
        width: 18px;
        height: 18px;
    }

    .login-section li p {
        font-size: 13px;
        line-height: inherit;
        margin-top: 6px;
    }

    .login-section li:first-child figure {
        width: 40px;
        height: 40px;
    }

    .login-section li:first-child figure img {
        height: 32px;
        width: 32px;
    }

    .login-section li h6 {
        font-size: 12px;
    }

    .welcome {
        margin-top: 3px;
    }

    .login-section {
        margin-top: 15px;
    }

    .header-bottom li {
        border-radius: 6px;
        height: 36px;
        line-height: 36px;
        margin-right: 16px;
        font-size: 13px;
        padding: 0 28px 0 40px;
    }

    .header-bottom li:before {
        height: 7px;
        width: 7px;
        left: 28px;
    }

    .header-bottom {
        height: 75px;
    }

    .header-bottom ul {
        line-height: 75px;
    }

    section.today {
        margin-top: 60px;
    }

    table.stu-table td,
    table.stu-table th {
        padding: 0 15px;
        font-size: 13px !important;
    }

    table.stu-table tr {
        height: 45px;
    }

    table.stu-table tr td a {
        width: 90px;
        height: 32px;
        font-size: 11px;
        line-height: 32px;
       
    }

    .main-table h3,
    .main-table h3,
    .official.pro-progress h3,
    .lib-bottom h4,
    .comm-head h4 {
        font-size: 20px;
        padding: 0 15px;
        height: 50px;
        line-height: 50px;
    }

    .official li {
        width: 170px;
        height: 165px;
        border-radius: 14px;
        margin-bottom: 20px;
    }

    .official li figure {
        width: 65px;
        height: 65px;
        line-height: 65px;
        margin: 0 auto 8px;
    }

    .official li figure img {
        width: 26px;
    }

    .official li span {
        font-size: 13px;
    }

    .official {
        padding: 60px 0;
    }

    .event {
        border-radius: 16px;
        padding: 0 18px 18px;
    }

    .event-title {
        height: 65px;
        line-height: 65px;
    }

    .event-title h3 {
        font-size: 20px;
        line-height: 65px;
    }

    .event-title ul li a {
        height: 38px;
        line-height: 38px;
        padding: 0 20px;
        font-size: 13px;
    }

    .event-single {
        border-radius: 10px;
        padding: 15px;
    }

    .event-img img {
        height: 100px;
        border-radius: 6px;
    }

    .date {
        height: 48px;
        width: 48px;
        border: 3px solid #FFFFFF;
        right: 5px;
        bottom: -24px;
    }

    .date p {
        font-size: 19px !important;
        line-height: 15px !important;
        margin-top: 8px;
    }

    .date p span {
        font-size: 11px;
    }

    .event-img {
        margin-bottom: 16px;
    }

    .event-single h5 {
        font-size: 16px;
        line-height: 16px;
    }

    .rec{
        font-size: 13px !important;
    }

    .event-single h6 {
        font-size: 12px;
        line-height: 19px;
        padding-left: 13px;
        margin: 4px 0;
    }

    .event-single p {
        font-size: 14px;
        line-height: 20px;
    }

    .today-right {
        border-radius: 16px;
        padding: 28px 20px;
    }

    .main-table {
        border-radius: 16px;
        margin-top: 10px;
    }

    .todo h4,
    .medi-right h4 {
        border-radius: 6px;
        font-size: 17px;
        height: 45px;
        line-height: 45px;
        padding: 0 20px;
        margin-bottom: 18px;
    }

    .todo li h6 {
        font-size: 14px;
        line-height: 18px;
    }

    .todo li p {
        font-size: 13px;
        line-height: 20px;
    }

    .todo li:before,
    .top:before {
        width: 16px;
        height: 16px;
    }

    .todo li {
        margin-bottom: 10px;
        padding-bottom: 10px;
        padding-left: 32px;
    }

    .todo-1-inner {
        padding: 16px 13px;
        border-radius: 12px;
        margin-bottom: 28px;
    }

    .todo-1-inner li {
        border-radius: 12px;
        padding: 12px 48px 12px;
        margin-right: 14px;
    }

    .todo.todo-1 h6 {
        margin-bottom: 2px;
        font-size: 13px;
        line-height: 17px;
    }

    .date-view span,
    .date-view a {
        font-size: 13px;
        line-height: 20px;
        margin-right: 12px;
    }

    .scrollbar {
        height: 328px;
    }

    #style-3::-webkit-scrollbar {
        width: 6px;
        border-radius: 6px;
    }

    footer.main-foot p {
        font-size: 13px;
    }

    footer.main-foot {
        height: 80px;
        line-height: 80px;
        margin-top: 60px;
    }

    .head-title h1 {
        font-size: 32px;
        line-height: 28px;
    }

    .header-bottom-other li {
        font-size: 13px;
        line-height: 30px;
    }

    .header-bottom-other li:nth-child(2) {
        margin: 0 14px;
    }

    .header-bottom-other {
        height: 100px;
        padding-top: 22px;
    }

    .back-main a,
    .today-left-inner a {
        height: 42px;
        line-height: 42px;
        font-size: 12px;
    }

    .back-main a:first-child,
    .today-left-inner a {
        width: 135px;
    }

    .back-main a:last-child {
        width: 210px;
        /* margin-left: 18px; */
        margin-left: 0px;
        letter-spacing: 0.1em;
    }

    .back-main a:first-child img,
    .today-left-inner a img {
        width: 16px;
    }

    .back-main a:last-child img,
    .search-right a img {
        width: 22px;
    }

    .back {
        height: 75px;
    }

    .back-main {
        margin-top: 16px;
    }

    .today-left-inner h2 {
        font-size: 32px;
        line-height: 26px;
        margin-bottom: 16px;
    }

    .today-left-inner p {
        max-width: 655px;
        font-size: 13px;
        line-height: 20px;
        margin-bottom: 22px;
    }

    .preview-justify p {
        max-width: inherit;
    }

    .preview-justify {
        max-width: 700px;
    }

    .docs li {
        height: 46px;
        line-height: 46px;
        border-radius: 12px;
        margin-bottom: 17px;
        font-size: 13px;
    }

    .docs li img {
        width: 20px;
        left: 22px;
        top: 13px;
    }

    .docs {
        margin-top: 50px;
    }

    .today-right.medi-right {
        height: 480px;
    }

    .docs.leav-dic li {
        text-align: left;
        padding-left: 52px;
    }

    .search-inner {
        border-radius: 18px;
        padding: 25px;
    }

    .main-search {
        padding-top: 60px;
    }

    .search-left input, .search-left select{
        height: 42px;
        border: 2px solid rgba(255, 255, 255, 0.1);
        font-size: 13px;
        padding: 0 18px;
    }

    .search-left figure {
        width: 30px;
        height: 30px;
        line-height: 26px;
        right: 10px;
        margin-top: -15px;
    }

    .search-left figure img {
        width: 15px;
    }

    .search-right a {
        width: 280px;
        height: 42px;
        font-size: 12px;
        line-height: 42px;
    }

    .docu-table table.stu-table tr {
        height: 52px;
    }

    .docu-table table.stu-table tr td:first-child {
        /*padding-left: 62px;*/
		 /* padding-left: 24px; */
        font-size: 14px;
    }

    .docu-table table.stu-table tr td:first-child::before {
        top: 16px;
        left: 30px;
        width: 18px;
        height: 18px;
    }

    .top {
        height: 46px;
        border-radius: 8px;
    }

    .top h5 {
        margin-left: 10px;
        font-size: 13px;
        line-height: 46px;
        padding-left: 20px;
    }

    .bottom p {
        font-size: 13px;
        line-height: 20px;
    }

    .bottom {
        padding: 10px 0;
    }

    .accor {
        border-radius: 10px;
        margin-bottom: 12px;
        padding: 0 18px 0;
    }

    .todo{
        margin-bottom: 12px;
    }

    img.faq-img {
        top: 28px;
        right: -54px;
        max-width: 150px;
    }

    button.btn1 img {
        width: 8px;
    }

    .btn1 {
        top: 11px;
    }

    .top:before {
        margin-top: -8px;
    }

    .main-table.docu-table h3 {
        padding: 0 30px;
    }

    table.stu-table.stu-table-doc a {
        height: 32px;
        width: 32px;
        line-height: 28px;
        border: 1px solid #DBD9F1;
    }

    table.stu-table.stu-table-doc a img {
        width: 18px;
    }

    table.stu-table.stu-table-doc tr td:nth-child(4) {
        font-size: 14px;
    }

    .pro-detail h2 {
        font-size: 28px;
        line-height: 26px;
        margin-bottom: 12px;
    }

    .pro-detail ul li {
        font-size: 13px;
        line-height: 22px;
        margin-right: 25px;
        padding-right: 25px;
    }

    .pro-detail ul li img {
        margin-right: 8px;
        width: 19px;
    }

    .avatar-preview {
        width: 162px;
        height: 165px;
        border-radius: 14px;
        border: 4px solid #fff;
    }

    .avatar-edit label {
        width: 50px;
        height: 50px;
        border: 3px solid #fff;
    }

    .avatar-edit:after {
        width: 20px;
        height: 20px;
    }

    .pro-img {
        margin-right: 30px;
    }

    .pro-detail {
        padding-top: 30px;
    }

    .avatar-upload {
        margin-top: -75px;
    }

    .profile {
        height: 165px;
    }

    .avatar-edit {
        bottom: -16px;
    }

    .pro-detail ul li:before {
        height: 12px;
    }

    a.dtl {
        width: 115px;
        height: 32px;
        line-height: 32px;
        font-size: 11px;
        margin: 10px 20px 0 0;
    }

    table.stu-table.pro-table th span {
        font-size: 11px;
    }

    table.stu-table.pro-table tr td:nth-child(4) span {
        border-radius: 100px;
        width: 60px;
        height: 24px;
        line-height: 24px;
    }

    table.stu-table.pro-table tr td:last-child img {
        width: 55px;
    }

    .official.pro-progress li {
        height: 240px;
    }

    .official.pro-progress {
        padding: 30px 0;
    }

    .official.pro-progress h3,
    .lib-bottom h4,
    .comm-head h4 {
        padding: 0;
    }

    .lib-top {
        height: 150px;
    }

    .lib-top img {
        max-width: 270px;
    }

    .lib-bottom {
        padding: 28px 15px 15px;
    }

    .lib-bottom li {
        height: 60px;
        border-radius: 12px;
        line-height: 60px;
        padding: 0 15px;
        font-size: 14px;
        margin-bottom: 12px;
    }

    .lib-bottom li a {
        font-size: 13px;
        height: 32px;
        line-height: 32px;
        padding: 0 20px;
        right: 15px;
    }

    .comm-head a {
        font-size: 12px;
        width: 100px;
        height: 35px;
        line-height: 35px;
    }

    ul.tabs li span {
        padding: 0 13px;
        font-size: 11px;
        height: 32px;
        line-height: 32px;
    }

    .comm {
        padding: 20px 15px 15px;
    }

    ul.tabs {
        margin-bottom: 25px;
    }

    .tab li {
        border-radius: 10px;
        height: 70px;
        padding: 12px;
        margin-bottom: 18px;
    }

    .tab li figure {
        border-radius: 8px;
        height: 40px;
        width: 40px;
        line-height: 40px;
        margin-right: 10px;
    }

    .tab li figure img {
        width: 15px;
    }

    .tab li p {
        font-size: 13px;
        line-height: 20px;
    }

    .lib,
    .comm {
        height: 460px;
    }

    ul.sub li {
        /* height: 50px; */
        border-radius: 10px;
        /* line-height: 50px; */
        font-size: 14px;
        margin-bottom: 12px;
    }

    ul.sub li:before {
        left: 18px;
    }

    ul.sub li a {
        padding-left: 45px;
        padding-right: 10px;
    }

    ul.sub li:after {
        right: 15px;
        width: 8px;
        height: 8px;
    }

    ul.sub {
        margin-bottom: 35px;
    }

    .note {
        border-radius: 10px;
        padding: 11px;
    }

    .note li {
        border-radius: 10px;
        padding: 11px !important;
        height: 105px;
        margin-bottom: 11px;
    }

    .note-left {
        width: 60px;
        height: 60px;
        margin-right: 20px;
    }

    .note-left img {
        border-radius: 12px;
    }

    .note li .date {
        right: -12px;
    }

    .e-pay {
        border-radius: 16px;
        padding: 22px 15px;
        margin-top: 30px;
    }

    .e-pay h3 {
        font-size: 20px;
    }

    .e-pay h3 img {
        width: 28px;
        margin-right: 5px;
    }

    .e-pay ul {
        margin-top: 28px;
    }

    .pro-detail ul {
        padding-right: 27px !important;
        margin-right: 27px !important;
    }

    .e-pay li {
        height: 50px;
        line-height: 50px;
        border-radius: 12px;
        margin-bottom: 12px;
        padding: 0 16px;
    }

    .e-pay li p,
    .e-pay li span {
        font-size: 13px;
    }

    .e-pay button {
        width: 138px;
        height: 42px;
        border-radius: 8px;
        font-size: 12px;
        margin-top: 12px;
    }

    .e-pay a {
        font-size: 12px;
        line-height: 16px;
        margin-top: 36px;
    }

    img.money {
        width: 100px;
    }

    .progress-circle {
        margin: 50px auto 30px;
        transform: scale(1.2);
    }

    .official.pro-progress li p {
        font-size: 15px;
    }

    span.dt {
        font-size: 14px;
        margin-bottom: 20px;
    }

    .sign img {
        max-width: 120px;
    }

    .file-upload-wrapper:before {
        font-size: 10px;
    }

    .file-upload-wrapper:after {
        font-size: 13px;
    }

    .main-scnd{
        min-height: 63vh !important;
    }

    .new-clr-btn.new-clr-btn.new-clr-btn button{
        width: 90px;
        height: 32px;
        font-size: 11px;
    }

    .name-list{
        width: 100%;
        max-width: 25%;
    }

    .enroll-list{
        width: 100%;
        max-width: 38%;
    }
}

@media only screen and (max-width:1230px) {
    img.faq-img {
        right: 0;
    }
}

@media only screen and (max-width:1199px) {


.search_info_data ul li{
    font-size: 12px;
}

.search_info_data ul li{
    margin: 0 1% 15px;
    width: 31.33%;
}

    img.top_red_bg {
        max-width: 650px;
    }

    img.bottom_blue_bg {
        max-width: 580px;
    }

    .login:after {
        max-width: 364px;
        height: 142px;
    }

    .login:before {
        max-width: 630px;
        height: 246px;
    }

    img.login-logo {
        max-width: 200px;
        right: 57px;
        bottom: 128px;
    }

    .bottom-box {
        height: 275px;
    }

    .search-right a {
        width: 230px;
    }

    .todo-1-inner li {
        border-radius: 10px;
        padding: 12px 30px 12px;
        margin-right: 10px;
    }

    .todo li:before,
    .top:before {
        width: 14px;
        height: 14px;
        left: 12px;
    }

    .todo-1-inner {
        padding: 16px 10px;
    }

    .event-img {
        margin-bottom: 30px;
    }

    .note-right h6 {
        font-size: 13px !important;
    }

    .note-right p {
        font-size: 12px !important;
        line-height: 18px !important;
    }

    ul.tabs li span {
        padding: 0 8px;
        font-size: 10px;
        height: 30px;
        line-height: 30px;
    }

    .tab li p {
        font-size: 12px;
        line-height: 18px;
    }

    .lib-bottom li {
        font-size: 13px;
    }

    .lib-bottom li a {
        font-size: 12px;
        height: 30px;
        line-height: 30px;
        padding: 0 16px;
    }
}

@media only screen and (max-width:991px) {


.search_info_data ul li{
    width: 48%;
}

.pro-detail ul {
    padding-right: 10px !important;
    margin-right: 10px !important;
}


    img.top_red_bg {
        max-width: 576px;
    }

    img.bottom_blue_bg {
        max-width: 434px;
    }

    .login:before {
        max-width: 545px;
        height: 222px;
    }

    img.login-logo {
        max-width: 163px;
        right: 44px;
        bottom: 174px;
    }

    .login {
        border-radius: 20px;
        padding: 50px 54px 55px;
    }

    .bottom-box {
        height: 340px;
        padding: 20px 15px 0;
    }

    .login-section li a {
        margin-left: 25px;
    }

    .todo h4,
    .medi-right h4 {
        border-radius: 5px;
        font-size: 15px;
        padding: 0 15px;
    }

    .docs li {
        border-radius: 8px;
        margin-bottom: 15px;
        font-size: 12px;
        /* line-height: inherit; */
    }

    .today-right {
        padding: 28px 15px;
    }

    .docs li a {
        display: block;
        color: #393CAB;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translate(0, -50%);
        width: 96%;
        padding-left: 35px;
    }

    .docs.leav-dic li {
        padding-left: inherit;
    }

    .docs.leav-dic li img {
        width: 18px;
        left: 12px;
        top: 4px;
        margin: inherit;
    }

    .today-right.medi-right {
        height: 370px;
    }

    .logo img {
        max-width: 110px;
    }

    .docs li img {
        top: 0;
        bottom: 0;
        margin: auto;
    }

    .search-right a {
        width: 190px;
        font-size: 11px;
    }

    .top h5 {
        line-height: inherit;
        padding-left: 15px;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translate(0, -50%);
        width: 88%;
    }

    .accor {
        padding: 0 12px 0;
    }

    img.faq-img {
        max-width: 120px;
    }

    .docu-table table.stu-table tr td:first-child {
        padding-left: 40px;
        font-size: 13px;
    }

    .docu-table table.stu-table tr td:first-child::before {
        left: 14px;
        width: 16px;
        height: 16px;
    }

    table.stu-table tr td a {
        width: 95px;
        height: 30px;
        line-height: 30px;
        font-size: 10px;
    }

    table.stu-table tr td a {
        width: 85px;
        height: 28px;
        line-height: 28px;
        padding: 0;
    }

    .todo.todo-1 h6 {
        font-size: 12px;
        line-height: 16px;
    }

    .date-view span,
    .date-view a {
        font-size: 11px;
        line-height: 15px;
        margin-right: 1px;
    }

    .date-view a {
        margin-right: 0;
    }

    .todo li h6 {
        font-size: 13px;
        line-height: 15px;
    }

    .todo li p {
        font-size: 12px;
        line-height: 18px;
    }

    .official li {
        width: 145px;
        height: 150px;
        border-radius: 12px;
        margin-bottom: 16px;
    }

    .official li figure {
        width: 58px;
        height: 58px;
        line-height: 58px;
    }

    .official li span {
        font-size: 12px;
    }

    .official li a {
        padding-top: 30px;
    }

    .event-single {
        border-radius: 8px;
        padding: 10px;
    }

    .event-img img {
        height: 75px;
        border-radius: 5px;
    }

    .date {
        height: 42px;
        width: 42px;
        border: 2px solid #FFFFFF;
        right: 4px;
        bottom: -21px;
    }

    .event-single h5 {
        font-size: 14px;
    }

    .event-single h6 {
        font-size: 11px;
    }

    .event-single p {
        font-size: 13px;
        line-height: 18px;
    }

    .event {
        border-radius: 14px;
        padding: 0 12px 12px;
    }

    .date p {
        font-size: 16px !important;
        line-height: 13px !important;
        margin-top: 8px;
    }

    .date p span {
        font-size: 10px;
    }

    table.stu-table th {
        font-size: 12px;
    }

    .avatar-preview {
        width: 140px;
        height: 142px;
        border-radius: 12px;
        border: 3px solid #fff;
    }

    .pro-detail {
        padding-top: 20px;
    }

    .pro-detail ul li {
        font-size: 12px;
        line-height: 24px;
        margin-right: 16px;
        padding-right: 16px;
    }

    .pro-img {
        margin-right: 20px;
    }

    .avatar-edit label {
        width: 45px;
        height: 45px;
    }

    .avatar-edit:after {
        top: -5px;
    }

    .pro-detail ul {
        margin-bottom: 5px;
    }

    .pro-detail h2 {
        font-size: 25px;
        line-height: 18px;
        margin-bottom: 10px;
    }

    .profile {
        height: 130px;
    }

    table.stu-table.pro-table tr td:nth-child(4) span {
        width: 52px;
        height: 23px;
        line-height: 23px;
        font-size: 11px;
    }

    table.stu-table.pro-table tr td:last-child img {
        width: 48px;
    }

    .name-list{
        width: 100%;
        max-width: 100%;
    }

    .enroll-list{
        width: 100%;
        max-width: 100%;
    }

    ul.sub li {
        font-size: 12px;
    }

    ul.sub li a {
        padding-left: 35px;
    }

    ul.sub li:before {
        left: 15px;
    }

    .note li {
        border-radius: 8px;
        padding: 6px !important;
        height: 100px;
        margin-bottom: 11px;
    }

    .note-left {
        width: 50px;
        height: 50px;
        margin-right: 10px;
    }

    .note li .date {
        right: -8px;
    }

    .e-pay h3 {
        font-size: 18px;
    }

    .e-pay li p,
    .e-pay li span {
        font-size: 12px;
    }

    .e-pay li {
        border-radius: 10px;
        padding: 0 8px;
    }

    img.money {
        width: 80px;
    }

    .comm {
        padding: 20px 10px 15px;
    }

    .comm-head h4 {
        font-size: 18px;
    }

    .comm-head a {
        font-size: 12px;
        width: 90px;
        height: 32px;
        line-height: 32px;
    }

    .tab li {
        padding: 8px;
    }

    .lib-bottom li {
        font-size: 12px;
        padding: 0 10px;
    }

    .lib-bottom li a {
        font-size: 9px;
        height: 28px;
        line-height: 28px;
        padding: 0 10px;
        right: 5px;
    }

    .lib-bottom {
        padding: 28px 8px 15px;
    }

    .progress-circle {
        margin: 30px auto 15px;
        transform: scale(1.0);
    }

    .official.pro-progress li p {
        font-size: 13px;
    }

    .official.pro-progress li {
        height: 190px;
    }
}

@media only screen and (max-width:767px) {
    .use_scroll {
        overflow-x: scroll;
    }
    .call-mail li p {
        font-size: 13px;
    }

    .call-mail li img {
        width: 15px;
        margin-right: 4px;
    }

    .call-mail li:nth-child(2) {
        font-size: 16px;
        margin: -2px 10px 0;
    }

    .main .call-mail {
        height: 50px;
    }

    .call-mail ul {
        margin-top: 14px;
    }

    .login:before {
        max-width: 412px;
        height: 170px;
    }

    img.login-logo {
        max-width: 120px;
        right: 32px;
        bottom: 170px;
    }

    .login {
        padding: 50px 34px 35px;
    }

    .login-form img {
        max-width: 175px;
    }

    .login-form form label {
        font-size: 13px;
        line-height: 26px;
    }

    .login-form {
        max-width: 290px;
    }

    .login-form form input {
        height: 42px;
        padding: 0 15px;
        font-size: 13px;
    }

    .login-form form input[type="submit"] {
        width: 126px !important;
        font-size: 13px;
        margin-top: 18px;
    }

    .login:after {
        max-width: 274px;
        height: 105px;
    }

    .login-bottom {
        margin-top: 30px;
    }

    .bottom-box {
        height: auto;
        padding: 15px;
        margin-bottom: 15px;
    }

    .bottom-box:before {
        max-width: 40px;
        height: 40px;
    }

    img.bottom_blue_bg {
        max-width: 324px;
    }

    .main {
        padding-bottom: 40px;
    }

    .header-bottom-other {
        height: 80px;
        padding-top: 22px;
    }

    .login-section li a {
        margin-left: 15px;
    }

    .login-section li p {
        font-size: 10px;
    }

    .login-section li:first-child figure {
        width: 30px;
        height: 30px;
    }

    .login-section li figure {
        height: 30px;
        width: 30px;
        line-height: 30px;
        margin-right: 4px;
    }

    .login-section li figure img {
        width: 14px;
        height: 14px;
    }

    .login-section li:first-child figure img {
        height: 22px;
        width: 22px;
    }

    .login-section li h6 {
        font-size: 10px;
    }

    header.main-head {
        height: 60px;
    }

    .logo {
        line-height: 60px;
    }

    .logo img {
        max-width: 105px;
    }

    .head-title h1 {
        font-size: 25px;
        line-height: 18px;
    }

    .header-bottom-other {
        height: 64px;
        padding-top: 13px;
    }

    .back-main a:first-child,
    .today-left-inner a {
        width: 110px;
    }

    .back-main a:last-child {
        width: 190px;
        margin-left: 12px;
    }

    .header-bottom-other li {
        font-size: 12px;
        line-height: 30px;
    }

    .header-bottom-other li:nth-child(2) {
        margin: 0 8px;
    }

    section.today {
        margin-top: 40px;
    }

    .today-left-inner h2 {
        font-size: 26px;
        line-height: 20px;
        margin-bottom: 14px;
    }

    .today-left-inner p {
        margin-bottom: 15px;
    }

    .today-right.medi-right {
        height: auto;
        margin-top: 30PX;
    }

    .docs li {
        max-width: 300px;
    }

    .docs li img {
        top: 0;
        bottom: 0;
        margin: auto;
    }

    .docs {
        margin-top: 26px;
    }

    footer.main-foot {
        height: 70px;
        line-height: 70px;
    }

    .docs.leav-dic li img {
        margin: auto;
        top: 0;
    }

    .header-bottom li {
        border-radius: 6px;
        height: 34px;
        line-height: 34px;
        font-size: 12px;
    }

    .header-bottom ul {
        line-height: 66px;
    }

    .header-bottom {
        height: 66px;
    }

    .main-search {
        padding-top: 30px;
    }

    .search-inner {
        border-radius: 14px;
        padding: 22px;
        display: inherit;
    }

    .search-left,
    .search-right {
        width: 100%;
        float: none;
        position: relative;
    }

    .search-right a {
        width: 200px;
        font-size: 11px;
        float: none;
        margin: 15px auto 0;
    }

    .main-table h3,
    .main-table h3,
    .official.pro-progress h3,
    .lib-bottom h4,
    .comm-head h4 {
        font-size: 18px;
        height: 44px;
        line-height: 44px;
    }

    /* .main-table {
        overflow-x: scroll;
    } */

    table.stu-table td,
    table.stu-table th {
        white-space: nowrap;
    }

    .today-right.today-right-docu {
        margin-top: 30px;
    }

    .official {
        padding: 40px 0;
    }

    .official li {
        width: 140px;
        height: 138px;
    }

    .official li figure img {
        width: 23px;
    }

    .event-img img {
        height: 180px;
        border-radius: 6px;
    }

    .event-single {
        margin-bottom: 15px;
    }

    .event-title ul li a {
        height: 32px;
        line-height: 32px;
        padding: 0 15px;
        font-size: 11px;
    }

    .avatar-upload {
        margin-top: 15px;
    }

    .avatar-preview {
        width: 114px;
        height: 116px;
    }

    .pro-detail h2 {
        font-size: 22px;
        line-height: 14px;
        margin-bottom: 8px;
    }

    .pro-detail ul li img {
        margin-right: 6px;
        width: 15px;
    }

    .pro-detail ul li {
        line-height: 18px;
    }

    .pro-detail ul {
        margin-bottom: 2px;
    }

    .pro-img {
        margin-right: 15px;
    }

    .profile {
        height: 150px;
    }

    .avatar-edit label {
        width: 38px;
        height: 38px;
    }

    .avatar-edit:after {
        width: 15px;
        height: 15px;
    }

    a.dtl {
        width: 103px;
        margin: 6px 20px 0 0;
    }

    .lib-bottom li {
        font-size: 13px;
        padding: 0 15px;
    }

    .lib-bottom li a {
        font-size: 11px;
        height: 28px;
        line-height: 28px;
        padding: 0 15px;
        right: 15px;
    }

    .comm {
        padding: 20px 15px 15px;
        margin: 25px 0;
    }

    ul.tabs li span {
        padding: 0 13px;
    }

    .lib,
    .comm {
        height: auto;
    }

    .note li {
        height: 90px;
    }

    .e-pay button {
        width: 120px;
        height: 38px;
        border-radius: 6px;
    }
    .file-upload_fld.file-upload_fld.file-upload_fld tr td{
        padding: 6px !important;
    }
}

@media only screen and (max-width:640px) {
    .search_info_data ul li{
        width: 98%;
    }
}

@media only screen and (max-width:500px) {
    .call-mail li p {
        font-size: 11px;
    }

    .call-mail ul {
        margin-top: 16px;
    }

    .call-mail li:nth-child(2) {
        font-size: 15px;
        margin: -3px 8px 0;
    }

    .call-mail li img {
        width: 12px;
        margin-right: 3px;
    }

    .login {
        padding: 50px 20px 35px;
    }

    .login:before {
        max-width: 340px;
        height: 145px;
    }

    .login-form img {
        max-width: 160px;
    }

    .login-form {
        max-width: 260px;
    }

    img.login-logo {
        max-width: 100px;
        right: 17px;
        bottom: 214px;
    }

    .login-form img {
        max-width: 160px;
        padding-bottom: 15px;
    }

    .login:after {
        max-width: 220px;
        height: 84px;
    }

    img.top_red_bg {
        max-width: 100%;
    }

    .main {
        padding-bottom: 30px;
    }

    header.main-head {
        height: inherit;
    }

    .logo {
        line-height: inherit;
        float: inherit;
    }

    .logo img {
        max-width: 105px;
        margin: 10px auto 0;
        display: block;
    }

    .login-section {
        margin: 12px 0;
        float: inherit;
    }

    .login-section li a {
        margin-left: 0;
    }

    .head-title h1 {
        font-size: 20px;
        line-height: 16px;
    }

    .header-bottom-other li {
        font-size: 11px;
        line-height: 28px;
    }

    .back-main {
        float: none;
        display: flex;
        margin-top: 0;
    }

    .back {
        height: 65px;
        position: relative;
    }

    .back-main {
        float: none;
        margin-top: 0;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .back-main a,
    .today-left-inner a {
        height: 36px;
        line-height: 36px;
        font-size: 11px;
    }

    .back-main a:last-child {
        width: 170px;
        margin: auto;
    }

    .back-main a:first-child img,
    .today-left-inner a img {
        width: 13px;
    }

    .back-main a:last-child img,
    .search-right a img {
        width: 18px;
    }

    section.today {
        margin-top: 20px;
    }

    .today-left-inner h2 {
        font-size: 22px;
        line-height: 16px;
        margin-bottom: 12px;
    }

    .todo h4,
    .medi-right h4 {
        border-radius: 6px;
        font-size: 14px;
        height: 42px;
        line-height: 42px;
        padding: 0 15px;
        margin-bottom: 15px;
    }

    .docs li {
        height: 42px;
        line-height: 42px;
    }

    .today-right {
        border-radius: 12px;
    }

    footer.main-foot p {
        font-size: 12px;
    }



    .search-left input {
        height: 38px;
    }

    .search-right a {
        height: 38px;
        line-height: 38px;
    }

    .search-inner {
        border-radius: 14px;
        padding: 15px;
        display: inherit;
    }

    .docs.upload-doc li img {
        width: 16px;
    }

    img.faq-img {
        max-width: 100px;
    }

    .event-img img {
        height: 140px;
        border-radius: 6px;
    }

    .event-img {
        margin-bottom: 22px;
    }

    .event-single h5 {
        font-size: 16px;
    }

    .official {
        padding: 30px 0;
    }

    .official li {
        width: 136px;
        height: 138px;
    }

    .official li figure {
        width: 54px;
        height: 54px;
        line-height: 54px;
    }

    .date-view span,
    .date-view a {
        margin-right: 20px;
    }

    .event-title ul li a {
        height: 30px;
        line-height: 30px;
        padding: 0 10px;
    }

    .pro-detail {
        padding-top: 18px;
    }

    .pro-detail h2 {
        font-size: 20px;
        line-height: 12px;
        margin-bottom: 6px;
    }

    .avatar-preview {
        width: 95px;
        height: 100px;
    }

    .pro-img {
        margin-right: 10px;
    }


    .pro-detail ul {
        margin-bottom: 0px;
    }

    .progress-circle {
        margin: 15px auto 0px;
        transform: scale(.8);
    }

    .official.pro-progress li {
        height: 160px;
    }

    .note-left {
        margin-right: 15px;
    }

    .sign img {
        max-width: 100px;
    }

    span.dt {
        font-size: 13px;
    }

    img.tech-bg {
        margin-bottom: 20px;
    }
}




   @media (max-width: 1500px){

    .right_subject_date select{ height: 50px; border-radius: 12px; margin-top: 20px; font-size: 16px;}
    .month_wise_list ul li { width: 7.7%; margin: 0 0.3% 30px; border-radius: 16px}
    .month_wise_list ul li a { font-size: 13px; }

    .left_table_content h2{ font-size: 16px; }
    .sub_subject_section header{ font-size: 18px; }
    .sub_subject_section .discussion{ font-size: 14px; }

    .left_table_content ul li,.sub_subject_accord .sub_subject_accord_header h4 {font-size: 16px;}
    .left_table_content ul li a { padding: 26px 20px;}
    .sub_subject_accord .sub_subject_accord_header:before { width: 28px; height: 28px;}

    .sub_subject_accord .active_header_minus:before { width: 28px; height: 28px;}

    .sub_accord_content p { font-size: 16px;}
    .pdf_button { font-size: 16px; border-radius: 14px; }
    .sub_accord_right_button a{ font-size:15px; text-align: center; border-radius: 10px;}
    .sub_accord_right_button img{ width: 80%; }
    .sub_accord_right_button a+a { margin-left: 4px;}

    .main_subject_body{ border-radius: 15px; }



   }


    @media (max-width: 1024px){

       .head-title h1 { font-size: 28px;}
       .month_wise_list ul li{ border-radius: 12px; }
       .month_wise_list ul li a { font-size: 11px; }

       .right_published_color span{ font-size: 15px; }
       .left_table_content h2{ font-size: 15px; }
       .sub_subject_section header{ font-size: 16px; }
       .sub_subject_section .discussion{ font-size: 13px; }
       .left_table_content ul li,.sub_subject_accord .sub_subject_accord_header h4 {font-size: 14px;}

       .sub_subject_accord .sub_subject_accord_header:before { width: 25px; height: 25px;}
       .right_subject_date select{ font-size: 15px;}

       .sub_accord_content p { font-size: 14px;}
       .pdf_button { font-size: 14px; border-radius: 12px; }

       .sub_accord_right_button a { font-size: 14px; border-radius: 8px; }


    }




 @media (max-width: 768px){

  .dataTables_length,
  .dataTables_filter,
  .dataTables_info{
    display: table;
    margin: 12px auto 0;
    float: none !important;
  }

  .dataTables_paginate .pagination{
    width: 100% !important;
    display: block !important;
    text-align: center !important;
  }

  .dataTables_paginate .pagination li{
    display: inline-block !important;
    vertical-align: middle;
  }



  .month_wise_list { margin-top: 5px; }
   .month_wise_list ul{ text-align: center; }
  .month_wise_list ul li{ width: 23.4%; margin: 0 0.8% 30px;}
  .right_subject_date_select{ width:100%; max-width: 400px;  }

  .right_subject_date select{ width: 100%; }

 
  .back-main{ float: none; margin: 0px auto;  width:365px; padding-top: 16px; 	}
  
  .month_wise_section{ margin: 30px 0px; }

  .left_table_content h2 {font-size: 12px;}
  .left_table_content ul li a { padding: 26px 4px;}
  .left_table_content ul li{ font-size:12px; }

   .sub_subject_section header { font-size: 14px;}
   .sub_subject_section .discussion { font-size: 11px; padding: 11px 25px;}
   .sub_subject_accord .sub_subject_accord_header h4 { font-size: 13px;}
   .sub_subject_accord .sub_subject_accord_header:before {
    width: 20px; height: 20px;}

    .sub_subject_section+.sub_subject_section { margin-top: 35px; }

    .left_table_content{ min-height:550px; }

    .login-section li p { font-size: 12px;}
    .month_wise_list ul li a { font-size: 13px;}

    .login-section li h6 { font-size: 9px;}


    .sub_accord_content { padding-right: 0px;}
    .pdf_button img { right: 12px;}

    .pdf_button { font-size: 12px; border-radius: 10px;}

    .sub_accord_body{ padding-bottom: 85px; }
    .sub_accord_body .sub_accord_right_button{ bottom: 18px; left: 0px; top: auto; right: auto;}

 	}


@media (max-width: 767px){

    .left_table_content { margin-bottom: 35px;}
    .right_subject_date_select {  width: 100%; max-width: 300px;}

    .main_subject_body{ border-radius: 10px; }
    .sub_accord_content p { font-size: 12px;}

    .sub_accord_right_button a {padding: 10px 7px; border-radius: 6px;}
    .sub_accord_right_button a+a { margin-left: 1px;}

    .sub_subject_accord_body{ padding: 25px 20px; }

    .pdf_button{ padding: 12px 60px 12px 10px;}
    .pdf_button img { width: 28px;}

    .back-main { width: 318px; padding-top: 16px;}
}



 @media (max-width: 640px){

   .month_wise_list ul li a { font-size: 11px; padding: 30px 10px;}

   .right_subject_date_select { width: 100%; max-width: 270px;}
   .right_subject_date select { height: 40px; border-radius:8px; margin-top: 16px;}

   .right_subject_date select { font-size: 14px;}
   .right_published_color span { font-size: 14px;}
   .right_subject_date select {
    background-size: 14px;
}
.notification .badge {
    padding: 4px 6px !important;
    font-size: 10px;
}
.sub_subject_accord .sub_subject_accord_header {
    padding: 18px 20px;
}
.sub_subject_accord .sub_subject_accord_header:before {
    top: 14px;
    right: 20px;
}
.month_wise_section.main-scnd h2 {
    font-size: 15px;
}
   .head-title h1{ font-size: 24px; }
   .login-section li p { font-size: 10px;}

   .sub_subject_section header,.sub_subject_accord .sub_subject_accord_header,.month_wise_list ul li{ border-radius: 10px; }

   .left_table_content { min-height: auto; float: none; overflow: hidden; margin-bottom: 25px; }


   .month_wise_list{ margin-bottom: 2px; }

   .month_wise_list ul li{ margin-bottom: 18px; }
   footer.main-foot{ margin-top: 30px; }

   .left_table_content ul{ margin-top: 10px; }
   .left_table_content ul li a { padding: 10px 4px;}

   .sub_subject_section header{ margin-bottom: 18px; }
   .sub_subject_section header {
    padding: 12px 20px;
}
.note-detl {
    margin-top: 15px;
}
.left_table_content h2 {
    padding: 16px 30px;
}

   .sub_subject_section+.sub_subject_section { margin-top: 20px; }
   .sub_subject_section .discussion { padding: 8px 20px; top: -6px;}

   .right_published_color { line-height: 72px;}

}

@media (max-width: 520px){

		.right_published_color span+span { margin-left: 10px;}
		.right_published_color span i { width: 10px; height: 10px;}
		.right_published_color span { font-size: 12px;}
		.right_subject_date_select { width: 100%; max-width: 235px;}
        .head-title h1 {font-size: 20px;}  


}

@media (max-width: 500px){

      .back-main {width: 292px; padding-top: 0px;}
      .right_published_color { float: none; line-height: 50px; text-align: center;}
      .tracker_breadcrumb{ height: 55px; }
      .right_subject_date_select { float: none; margin: 0px auto; }
      .month_wise_list { margin-top: 40px;}

      .pdf_button {border-radius: 8px;}

}


@media (max-width: 480px){

      .back-main {width: 292px; padding-top: 0px;}
      .right_published_color { float: none; line-height: 50px; text-align: center;}
      .tracker_breadcrumb{ height: 55px; }
      .right_subject_date_select { float: none; margin: 0px auto; }
      .month_wise_list { margin-top: 55px;}

      .pdf_button {border-radius: 8px;}
}




@media (max-width: 420px){

      .back-main {width: 292px; padding-top: 0px;}
      .right_published_color { float: none; line-height: 50px; text-align: center;}
      .tracker_breadcrumb{ height: 55px; }
      .right_subject_date_select { float: none; margin: 0px auto; }
      .month_wise_list { margin-top: 55px;}

      .pdf_button {border-radius: 8px;}
}



.color-btn.color-btn.color-btn a, .new-clr-btn button{ background: linear-gradient(264.22deg, #3F2DBC 5.69%, #E91B27 100.31%);
    color: #fff !important;
transition: 0.4s all;}

.new-clr-btn button{
    width: 105px;
    font-weight: 600;
    border-radius: 110px;
}


.color-btn.color-btn.color-btn a:hover, .new-clr-btn button:hover{ background: #fff !important; color:#2D2E5B !important; border: 1px solid #e91b27 !important;}


/*===============================================================================================================*/


.main_section{
    padding: 60px 0;
    min-height: 400px;
}

.our_events h2{
    color: #2B387C;
    font-size: 28px;
}

.our_events header ul li{
    list-style: none;
    display: inline-block;
    vertical-align: middle;
    padding: 8px 18px;
    border-radius: 16px 16px 0 0;
    cursor: pointer;
}

.our_events header ul li.active{
    background: #2e3190;
    color: #fff;
}

.our_events header ul li + li{
    margin-left: 10px;
}

.our_events_listing{
    padding: 25px;
    box-shadow: 0px 7px 47px #e1e7ff;
    border-radius: 0 0 16px 16px;
    padding-top: 35px;
}

.event-fig figure img{
    width: 100%;
    border-radius: 16px;
    height: 240px;
}

.event_date{
    width: 25%;
    float: left;
    text-align: center;
    min-height: 65px;
    padding-top: 10px;
    border-right: 1px solid #ccc;
}

.event_date p{
    color: #898989;
    font-size: 16px;
    line-height: 0.6em;
}

.event_date b{
    color: #FF5876;
    font-size: 28px;
}

.event_des_details{
    width: 75%;
    float: right;
    padding-left: 25px;
}

.event_des_details h3{
    margin: 0;
    font-size: 20px;
    color: #181949;
}

.event_time{
    display: block;
    margin-top: 5px;
    color: #b9b9b9;
}

.event_time img{
    width: 16px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -1px;
}

.sub_event_list .view_all_button{
    padding: 12px 30px;
}

.sub_event_list .view_all_button:hover{
    background: #2e3190;
    color: #fff;
}

.event-fig{
    width: 100%;
    float: left;
    padding: 10px;
    /*border: 1px solid #ccc;*/
    box-shadow: 0px 9px 23px 2px #d7e3ee;
    border-radius: 16px;
    margin-bottom: 25px;
}

.sub_event_list + .sub_event_list{
    display: none;
}

.event_details_sec{
    position: relative;
}

.event_details_sec figure{
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    margin: 25px 0;
}

.event_details_sec figure img{
    width: 100%;
}

.event_details_sec h2{
    color: #181949;
}










@media only screen and (max-width: 520px){
    .our_events header ul li{
        padding: 6px 10px;
        font-size: 14px;
    }
    .our_events header ul li{
        margin-left: 0;
    }
    .event_details_sec h2{
        font-size: 18px;
    }
}






.twnbtn_cel{  text-align: center; }
.twnbtn_cel a{ display: inline-block; }
.sign,.sign p{ text-align: right; }
.sign .sign_pic{ padding-right: 20px; }
#print_div .dt{ text-align: right; }



.pgrs_tabl .view_all_button{border: 1px solid #e91b27; box-shadow: 0px 10px 8px -8px #bbbddf; 
  margin:0px 4px;}
.pgrs_tabl .view_all_button:hover{ border: 1px solid #e91b27; }

.btncel{ float: right; margin-top: 24px; }
.ptitl_btncel h3{ float: left; }

.clear{ clear: both; }

.head-title h1{ margin-top: 0px; margin-bottom: 0px;}

.dataTables_paginate .pagination li a:hover{ color: #292b68 !important; }
.dataTables_paginate .pagination li{ margin: 0px 1px; display: inline-block; }
.dataTables_paginate .pagination li.paginate_button.active:hover{ color: #fff !important; }





           /* ==========  05-4-2023 ========== */

.exm_cel li{ display: inline-block; width: 49.7%;}

@media only screen and (max-width: 1140px){

    .exm_cel li{ width: 49.6%; }
}

@media only screen and (max-width: 876px){

    .exm_cel li{ width: 49.5%; }
}

@media only screen and (max-width: 720px){

    .exm_cel li{ width: 49.4%; }
}

@media only screen and (max-width: 622px){
.exm_cel li {
    width: 49.3%;}
}

@media only screen and (max-width: 555px){
.exm_cel li {
        width: 49.2%;}
}

@media only screen and (max-width: 502px){
.exm_cel li {
     width: 100%; margin-bottom: 5px;}
 }   
 
 

 .newptitl_btncel .alert-success {
    position: absolute;
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    z-index: 999999;
    top: -55px;
    left:0;
    right:0;
    margin:0px auto;
    text-align: center;}
    



.button_sup.button_sup{
    margin-top: 10px;
}

.align_left.align_left{
    text-align: left !important;
}



/* .evnt-new ul li{
    height: 50px;
    line-height: 50px;
    display: block;
    padding: 0 29px;
    border-radius: 100px;
    font-weight: 600;
    font-size: 17px;
    text-transform: capitalize;
    color: #2A2345;
} */


.evnt-new ul li a{
    color: #fff!important;
}

.subject-content-field .sub-subject-content-field p{
    word-break: break-all;
}

.stu-table.pro-table .fa-eye{ 
    color:#0e83b2;
}


.stu-table.pro-table .btn-sm{ 
    outline: none;
    border: 0px;}

.dataTables_wrapper.form-inline .dataTable a{ 
    line-height: 28px;
}

#table_id_wrapper#table_id_wrapper tr th:nth-child(4),
#table_id_wrapper#table_id_wrapper tr td:nth-child(3){
    text-align: left !important;
}


#table_id_wrapper#table_id_wrapper tr th:last-child{
    text-align: center !important;
}

#table_id_wrapper#table_id_wrapper tr td:last-child a{
    float: none;
    margin: 0px auto;
}



.table_list .table.stu-table.sub_table_fld tr td{
    vertical-align: middle !important;
}

.table_list .table.stu-table.sub_table_fld tr td:last-child a{
    float: none;
    margin: 0px auto 6px;
}


.feedbak_tabl.feedbak_tabl.feedbak_tabl.feedbak_tabl tr td a{ 
    width: auto;
    display: inline-block;
    padding: 5px 15px;
    line-height: 20px;

    background: linear-gradient(264.22deg, #3F2DBC 5.69%, #E91B27 100.31%);
    color: #fff;
    border: 1px solid #e91b27;
}

.feedbak_tabl.feedbak_tabl.feedbak_tabl.feedbak_tabl tr td a:hover{
    border: 1px solid #e91b27;
    box-shadow: 0px 10px 8px -8px #BBBDDF;
    color: #2A2345;
    background: #fff !important;
 }

 .note-detl{ margin-top: 25px;}

 .today .col-md-8 br{ 
    display: none;
 }

 .dsbord-marq{
    margin-top: 8px;
 }

 .btn1{ 
    border:0px;
    outline: none !important;}

    table.stu-table.dataTable,.stu-table.dataTable,.stu-table.dataTable tr th:last-child:after{
        display: none !important;
    }

 table.dataTable thead tr th.sorting:after,table.dataTable thead tr th.sorting:hover:after {
    position: absolute !important;
    content: '' !important;
    right: 10px !important;
    bottom: 20px !important;
    width: 100%;
    max-width: 11px;
    height: 11px;
    background-image: url(../images/arw-nw.png) !important;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: initial !important;
} 

table.dataTable thead tr th.sorting_asc:after,table.dataTable thead tr th.sorting_asc:after,table.dataTable thead tr th.sorting_asc:after,table.dataTable thead tr th.sorting_asc:after,table.dataTable thead tr th.sorting_asc:after,table.dataTable thead tr th.sorting_asc:after,table.dataTable thead tr th.sorting_asc:after,table.dataTable thead tr th.sorting_asc:after,table.dataTable thead tr th.sorting_asc:after,table.dataTable thead tr th.sorting_asc:after{
    position: absolute !important;
    content: '' !important;
    right: 10px !important;
    bottom: 20px !important;
    width: 100%;
    max-width: 11px;
    height: 11px;
    background-image: url(../images/arw-nw.png) !important;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: initial !important;
} 




.asses .search_button.search_button.search_button.search_button.search_button.search_button input{ 
    float: left !important;
    margin: 0 5px;
}



.search-right.search_button .srch-lft{ float: left;}
.search-right.search_button .reset-rgt{ float: right;}

.dataTables_paginate .pagination li:hover a{
    color:#fff !important;
}





@media only screen and (max-width:500px){
    .official ul {
        justify-content: center;
    }
    .event-title ul {
        display: flex;
        align-items: center;
    }
    .evnt-new .event-title {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .event.evnt-new a.view_all_button.all-btn {
        margin-top: 0;
    }
    .todo h4 {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .today-right .todo h4 a {
        margin: 0;
    }
    .evnt-new.evnt-new {
        margin-bottom: 15px;
    }
    .main_tab_field .subject-content-field {
        min-height: inherit;
    }
    .main_tab_field .rght_tab_field{
        height: auto !important;
    }
    section.today.today_notice .subject-list {
        margin-bottom: 15px;
    }
    .rght_tab_field header .right-date-field {
        position: static;
        display: inline-block;
        margin-bottom: 10px;
    }
    .rght_tab_field header .right-date-field i {
        display: none;
    }
    .right-pdf-field {
        top: 12px;
    }
    .main_tab_field .rght_tab_field header {
        font-size: 15px;
        padding-right: 20px;
    }
    .todo li:before, .top:before {
        left: 8px;
    }
    .docs li {
        max-width: 100%;
    }
    .main-search.serach_section .search-inner .offset-4 {
        margin-left: 0;
    }
    .search-right.search_button {
        text-align: center;
    }
    .search_button button, .search_button input {
        font-size: 13px;
        width: 40%;
        border-radius: 100px;
        height: 40px;
        float: none !important;
    }
    .main-table.docu-table h3 {
        margin: 0;
    }
    .new-pro-img.new-pro-img {
        margin-left: 20px !important;
    }
    .avatar-preview {
        width: 80px;
        height: 80px;
    }
    .avatar-edit label {
        width: 30px;
        height: 30px;
        border: 2px solid #fff;
    }
    .new-univrsty img {
        width: 100%;
        max-width: 175px;
    }
    .pro-detail {
        position: relative;
    }
    .pro-detail a svg {
        position: absolute;
        right: 0;
        top: 138px;
    }
    .profile {
        padding-bottom: 15px;
    }
    .main-table.pro-main-tbl h3 {
        float: none;
    }
    table.stu-table.pro-table .sl_no {
        text-align: left !important;
    }
}

.first-back.first-back.first-back{
    background: linear-gradient(84.52deg, #131ABC -16.62%, #181B66 111.91%);
    color: #FFFFFF;
}

.first-back.first-back.first-back:hover{
    background: linear-gradient(84.52deg, #181B66 111.91%, #131ABC -16.62%);
}







@media only screen and (max-width:520px){
    .login-section li figure img {
        width: 12px;
        height: 12px;
    } 
    .login-section li figure {
        height: 26px;
        width: 26px;
        line-height: 26px;
        margin-right: 2px;
    }
    .login-section li h6 {
        width: 100px;
    }  
    .asses.asses.asses label {
        font-size: 12px;
        margin-bottom: 2px;
    }
    .asses .search-inner .form-group {
        margin-bottom: 8px;
    }
    .asses .search_button.search_button.search_button.search_button.search_button.search_button input {
        float: none !important;
    }
    .asses.asses.asses .search_button.search_button.search_button.search_button.search_button input {
        height: 40px !important;
        line-height: 40px !important;
        width: 40% !important;
        font-size: 13px !important;
    }
    .asses .search-right.search_button {
        text-align: center;
        margin-top: 15px;
    }
    .header-bottom-other li:nth-child(2) {
        margin: 0 4px;
    }
    .use_scroll table.stu-table th {
        font-size: 12px !important;
    }
    .docu-table table.stu-table tr {
        height: 45px;
    }
    .main-table.docu-table h3 {
        padding: 0 20px;
    }
    .login-section ul {
        justify-content: space-between;
    }

    .time_t .table thead th {
        vertical-align: middle;
        border-bottom: 1px solid #dee2e6;
        font-size: 13px;
        padding: 10px 12px;
    }
    .time_t .main-table h3,  
    .time_t .official.pro-progress h3, 
    .time_t .lib-bottom h4, 
    .time_t .comm-head h4 {
        font-size: 16px;
        height: 42px;
        line-height: 42px;
    }
    .time_t .table td{
        font-size: 14px;
        padding: 10px 12px;
    }
    .event-title {
        height: 46px;
    }
    .main_section {
        padding: 30px 0;
    }
    .our_events_listing {
        padding: 20px;
        border-radius: 0 0 12px 12px;
        padding-top: 25px;
    }
    .event-fig figure img {
        border-radius: 12px;
        height: auto;
    }
    .event-fig {
        border-radius: 12px;
        margin-bottom: 20px;
    }
    .event-fig figure {
        margin-bottom: 10px;
    }
    .event_date p {
        font-size: 14px;
    }
    .event_date b {
        font-size: 24px;
    }
    .event_des_details h3 {
        font-size: 16px;
    }
    .event_time img {
        width: 13px;
    }
    .event_time {
        font-size: 14px;
    }
    .event_des_details {
        padding-left: 15px;
    }
    .sub_event_list .view_all_button {
        padding: 10px 20px;
    }
    .welcome h6 {
        margin: 0;
    }
    .welcome p {
        margin-bottom: 0 !important;
    }
    svg.svg-inline--fa.fa-edit {
        margin-right: 25px !important;
    }
    .pro-detail ul li {
        font-size: 12px;
        line-height: 18px;
    }
    .official.pro-progress li {
        width: 38%;
    }
    .main-table.docu-table td {
        font-size: 13px;
        padding: 6px 15px;
    }
    .main-table.docu-table td input{
        font-size: 14px;
    }
    .main-table.docu-table td b{
        margin-bottom: 4px;
    }
    .main-table.docu-table .table{
        width: 490px;
    }
    .main-table.docu-table .table .input-group-text {
        padding: 0 6px;
        font-size: 13px;
    }
    footer.main-foot {
        height: auto;
        line-height: inherit;
        padding: 15px 0;
    }
    .footer-wrapper {
        display: block !important;
    }
    .powered-wrapper {
        justify-content: center !important;
        margin-top: 10px !important;
    }
}