html {
    height: 100%;
}

body {
    min-height: 100%;
    height: auto;
    overflow-y: auto;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 22px;
    -webkit-overflow-scrolling: touch;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.wrapper {
    height: auto;
    width: 100%;
    position: relative;
    transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    -ms-transition: all ease 0.5s;
    margin-left: 0;
    z-index: 1;
    min-height: 100vh;
    padding-bottom: 80px;
}

p.small {
    line-height: 1.45em;
}

p:last-child {
    margin-bottom: 0;
}

sup {
    top: -.2em;
}

/* Loader css */
.laoderhorizontal {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
}

.laoderhorizontal div {
    position: absolute;
    top: 27px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #fff;
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.laoderhorizontal div:nth-child(1) {
    left: 6px;
    animation: laoderhorizontal1 0.6s infinite;
}

.laoderhorizontal div:nth-child(2) {
    left: 6px;
    animation: laoderhorizontal2 0.6s infinite;
}

.laoderhorizontal div:nth-child(3) {
    left: 26px;
    animation: laoderhorizontal2 0.6s infinite;
}

.laoderhorizontal div:nth-child(4) {
    left: 45px;
    animation: laoderhorizontal3 0.6s infinite;
}

@keyframes laoderhorizontal1 {
    0% {
        transform: scale(0);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes laoderhorizontal3 {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(0);
    }
}

@keyframes laoderhorizontal2 {
    0% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(19px, 0);
    }
}

.btn-loader {
    vertical-align: middle;
    display: inline-block;
    position: relative;
    width: 30px;
    height: 30px;
}

.btn-loader div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 24px;
    height: 24px;
    margin: 3px;
    border: 4px solid #fff;
    border-radius: 50%;
    animation: btnloader 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #ffffff transparent transparent transparent;
}

.btn-loader div:nth-child(1) {
    animation-delay: -0.45s;
}

.btn-loader div:nth-child(2) {
    animation-delay: -0.3s;
}

.btn-loader div:nth-child(3) {
    animation-delay: -0.15s;
}

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

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

.loader-screen {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 99;
    background-color: #FF0068;
}

.swiper-slide {
    background-size: cover;
    background-position: center;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #f67f22;
    outline: none;
}

.right-image {
    position: absolute;
    z-index: 0;
    right: 0;
    top: auto;
    bottom: auto;
    height: 600px;
}

svg text {
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
}

.right-image+div {
    z-index: 1
}

/* form elements */
select.form-control option,
select.form-control optgroup {
    color: #000000
}

.form-control:focus {
    box-shadow: none;
    -ms-box-shadow: none;
}

.form-control::placeholder {
    color: #bbbbbb;
}

/* button */
.btn {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
    border-width: 0;
}

[class*="outline"] {
    border-width: 1px;
}

body a.btn-primary,
body a.btn-warning,
body a.btn-danger,
body a.btn-success {
    color: #ffffff;
}

.btn i,
.btn span,
a i {
    vertical-align: middle
}

.btn img {
    max-width: 20px;
    vertical-align: middle;
}

.btn:focus {
    box-shadow: none;
    -ms-box-shadow: none;
}

.btn i:first-child {
    margin-right: 5px;
    margin-left: -4px;
}

.btn i:last-child {
    margin-left: 5px;
    margin-right: -4px;
}

.btn i:last-child:first-child {
    margin-left: 0px;
    margin-right: 0px;
}

.btn-default {
    color: #ffffff
}

.btn-warning {
    background-color: #f67f22;
    color: #ffffff;
}

.btn-warning:focus,
.btn-warning:active,
.btn-warning:hover {
    background-color: #e46908;
    color: #ffffff !important;
}

.btn.btn-link-default {
    color: #bbbbbb;
}

.btn.shadow-sm {
    box-shadow: 0 .1rem .2rem rgba(0, 0, 0, .2) !important;
    -webkit-box-shadow: 0 .1rem .2rem rgba(0, 0, 0, .2) !important;
    -moz-box-shadow: 0 .1rem .2rem rgba(0, 0, 0, .2) !important;
    -ms-box-shadow: 0 .1rem .2rem rgba(0, 0, 0, .2) !important;
}

.btn h6,
.btn h5,
.btn h4,
.btn h3,
.btn h2,
.btn h1 {
    vertical-align: middle
}

/* List items  */
.list-group .list-group-item {
    padding: 0.75rem 15px;
}

.list-group-item.active {
    z-index: 2;
    color: #343a40;
    background-color: #e3eaf1;
    border-color: #ffffff;
}

.list-group-item.active:hover * {
    color: #343a40 !important;
}

/* Nav tabs  */
.nav-tabs {
    z-index: 0;
    border: 0;
    margin-bottom: -11px;
}

.card .card-header .nav-tabs {
    margin-bottom: -1px;
    text-align: center
}

.card-img:first-child {
    border-radius: 10px 10px 0 0;
}

.nav-tabs .nav-link {
    padding: 15px 15px 25px 15px;
    border: 0;
    border-radius: 15px 15px 0 0;
}

.card .card-header .nav-tabs .nav-link {
    padding: 15px;
}

.nav-tabs .nav-link.active {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
    -webkit-box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
    -moz-box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
    -ms-box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
}

.card .card-header .nav-tabs .nav-link.active {
    box-shadow: 0 -0.125rem .125rem rgba(0, 0, 0, .075);
    -webkit-box-shadow: 0 -0.125rem .125rem rgba(0, 0, 0, .075);
    -moz-box-shadow: 0 -0.125rem .125rem rgba(0, 0, 0, .075);
    -ms-box-shadow: 0 -0.125rem .125rem rgba(0, 0, 0, .075);
}

.card .card-header {
    border: 0;
    border-radius: 14px;
}

.card .card-footer {
    border: 0;
    border-radius: 0 0 12px 12px;
}

.card .card-header .card-title {
    margin-bottom: 0;
}

.tab-content {
    position: relative;
    z-index: 1;
}

.tab-content .tab-pane {
    padding: 5px;
    background-color: #ffffff;
    box-shadow: 0 .25rem .25rem rgba(0, 0, 0, .075);
    -webkit-box-shadow: 0 .25rem .25rem rgba(0, 0, 0, .075);
    -moz-box-shadow: 0 .25rem .25rem rgba(0, 0, 0, .075);
    -ms-box-shadow: 0 .25rem .25rem rgba(0, 0, 0, .075);
    border-radius: 15px;
}

.card .tab-content .tab-pane {
    padding: 0;
    background-color: transparent;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
}

.header {
    width: 100%;
    height: auto;
    position: fixed;
    padding: env(safe-area-inset-top);
    top: 0;
    left: 0;
    z-index: 9;
    transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    -ms-transition: all ease 0.5s;
    background: #e7edf2;
    z-index: 9;
}

.header.active {
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
}

.header-logo {
    height: auto;
    max-height: 48px;
    display: inline-block;
    vertical-align: middle;
    margin: 3px auto 0px auto;
}

.header .btn {
    height: 54px;
    width: 76px;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    line-height: 50px;
}

.header+div {
    padding-top: 54px;
}

/* footer */
.footer {
    width: 100%;
    height: auto;
    position: fixed;
    padding: env(safe-area-inset-bottom);
    bottom: 0;
    left: 0;
    z-index: 9;
    transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    -ms-transition: all ease 0.5s;
    background: #ffffff;
    box-shadow: 0px -3px 10px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px -3px 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px -3px 10px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0px -3px 10px rgba(0, 0, 0, 0.1);
    z-index: 9999;
}

.footer .btn {
    width: 60px;
    height: 40px;
    line-height: 54px;
    padding: 0;
    margin:auto;
    text-align: center;
    display: block;
    vertical-align: middle;
}
.footer .col-20 {
    flex: 0 0 20%;
    max-width: 20%;
    padding: 0;
}
.footer span {
    font-size: 12px;
    text-align: center;
    display: block;
}
.footer .btn i {
    width: 22px;
    margin: 0 auto;
    display: inline-block;
    vertical-align: middle
}

.footer .centerbutton {
    height: 60px;
    line-height: 1.5;
    width: 60px;
    border-radius: 30px;
    margin: auto;
    margin-top: -20px;
    padding-top: 7px;
}

/* page specific */
.subtitle {
    font-size: 16px;
    line-height: 26px;
    margin-top: 20px;
    margin-bottom: 10px;
}

.subtitle span {
    vertical-align: middle;
    display: inline-block;
    line-height: 26px;
    border-bottom: 2px solid #ffffff;
}

.small-slide .swiper-slide {
    padding-bottom: 10px;
}

.small-slide .swiper-slide .card {
    border-radius: 15px;
    margin-left: 15px;
    width: 100%;
}

.small-slide .swiper-slide .card-body {
    position: relative
}

.small-slide .swiper-slide .small-slide-right {
    max-height: 100%;
    margin-right: -45px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
}

.product-image {
    height: 80px;
    width: 100%;
    display: block;
    text-align: center;
    margin: 10px auto;
    max-width: 100px;
}

.news-slide {
    height: 180px;
    padding-bottom: 20px;
    margin-bottom: 30px;
}

.news-slide .swiper-slide {
    padding: 0 15px 10px 15px;
}

.news-slide .swiper-slide .card {
    overflow: hidden;
    height: 100%;
    margin: 0;
}

.news-slide.swiper-container-horizontal>.swiper-pagination-bullets {
    margin-bottom: -10px;
}

/* card */
.card {
    border-radius: 15px;
    overflow: hidden !important;
}

.card .card-body {
    padding: 15px 9px;
}

.figure-profile {
    height: 138px;
    width: 138px;
    border-radius: 90px;
    border: 5px solid;
    margin: 10px auto;
    position: relative;
    background-color: white;
}
.profilename {
    font-size: 20px;
}
.figure-profile figure {
    height: 100%;
    width: 100%;
    overflow: hidden;
    border-radius: 50%;
}

.figure-profile figure img {
    width: 100%;
    min-height: 100%;
}

pre {
    background: #e8f4ff;
    padding: 15px;
}

.pink-theme .header.active,
.pink-theme .list-group-item.active {
    background-color: #E3EAF1
}

.pink-theme .wrapper {
    background-color: #E3EAF1;
    background-image: -moz-radial-gradient(center, ellipse cover, rgba(250, 250, 250, 1) 0%, #E3EAF1 100%);
    background-image: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(250, 250, 250, 1)), color-stop(100%, #E3EAF1));
    background-image: -webkit-radial-gradient(center, ellipse cover, rgba(250, 250, 250, 1) 0%, #E3EAF1 100%);
    background-image: -o-radial-gradient(center, ellipse cover, rgba(250, 250, 250, 1) 0%, #E3EAF1 100%);
    background-image: -ms-radial-gradient(center, ellipse cover, rgba(250, 250, 250, 1) 0%, #E3EAF1 100%);
    background-image: radial-gradient(ellipse at center, rgba(250, 250, 250, 1) 0%, #E3EAF1 100%);
    background-attachment: inherit;
    background-position: center top;
    background-size: 100% 100%;
}

.pink-theme body,
.pink-theme .btn-default,
.pink-theme .nav-pills .nav-link.active,
.pink-theme .nav-pills .show>.nav-link,
.pink-theme .loader-screen {
    background-color: #f67f22;
}

.small-slide-1 .swiper-slide a {
    position: relative;
}

.small-slide-1 .swiper-slide a:before {
    content: '';
    position: absolute;
    left: auto;
    right: 0;
    width: 0;
    height: 100%;
    transition: all 0.3s;
    top: 0;
    bottom: auto;
    background: #f67f22;
}

.small-slide-1 .swiper-slide a:hover:before {
    width: 74.1%;
}

.small-slide-1 .swiper-slide a:hover h5 {
    position: relative;
    z-index: 1;
    color: white;
}

.pink-theme .btn-default {
    color: #ffff !important;
}

.pink-theme .filter .form-group label {
    opacity: 0.85;
}

.pink-theme .btn-default:hover,
.pink-theme .btn-default:focus {
    color: #ffffff;
    background-color: #dd015b;
}

.pink-theme .figure-profile,
.pink-theme .form-control:focus {
    border-color: #f67f22;
}

.pink-theme .btn-link,
.pink-theme a,
.pink-theme .btn.btn-link-default:hover,
.pink-theme .btn.btn-link-default:focus,
.pink-theme .btn.btn-link-default.active {
    color: #212529;
}

/* media query */
@media screen and (max-width:374px) {
    .footer .btn:not(.centerbutton) {
        width: 50px;
    }
}

/* Chrome safari scrollbar */
::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.5);
}

::-webkit-scrollbar-track {
    border-radius: 5px;
    background: rgba(230, 230, 230, 0.4);
}

.dashboard-banner {
    background-size: cover;
    background-position: 100%;
    height: 180px;
}

.anchor-style {
    margin: 0 !important;
}

.small-slide-1 p {
    background-color: #354856;
    padding: 7px 10px;
    color: white !important;
    font-size: 1.1em;
    height: 50%;
    border-bottom-left-radius: 15px;
}

.small-slide-1 h6 {
    background-color: #f67f22;
    color: white;
    padding: 10px;
    margin: 0;
    height: 50%;
    white-space: nowrap;
    border-top-left-radius: 15px;
}

.small-slide-1 .swiper-slide .card {
    overflow: hidden;
    height: auto;
    perspective: initial;
    transition: initial;
    margin-bottom: 0;
}

.swiper-container .card {
    width: auto;
    height: auto;
    margin-left: 0;
    margin-bottom: 0;
    -webkit-perspective: initial;
    perspective: inherit;
    transition: initial;
    overflow: initial;
    border: none;
}

.small-slide-1 h5 {
    margin-bottom: 0;
    font-size: 1.0em;
    padding-right: 15px;
    line-height: 155%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.animation-scroll,
.animation-scrollbl,
.animation-scrollnews,
.animation-scrolllms {
    overflow-x: hidden !important;
    overflow-y: auto;
}

.small-slide-1 .swiper-slide {
    width: initial;
}

.noticeboard {
    margin-top: 15px;
    margin-bottom: 15px;
}

.noticeboard h6 {
    margin: 0;
}

.whats-going-on {
    height: 100%;
    display: table;
    width: 100%;
}

.whats-going-on:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
}

.whats-going-on-text {
    z-index: 9;
    position: relative;
    display: table-cell;
    padding: 15px 15px 5px;
    vertical-align: middle;
    text-align: center;
    text-transform: uppercase;
}

.whats-going-on h5 {
    color: white;
}

.whats-going-on h5 {
    font-size: 1.2em;
    margin-bottom: 0;
}

.col-pd {
    position: relative;
    padding: 20px 15px;
    border-radius: 16px;
    overflow: hidden;
}

.mb-10 {
    margin-bottom: 1em;
}

.mb-20 {
    margin-bottom: 2em;
}

.mt-20 {
    margin-top: 2em;
}

.content-style p {
    font-size: 15px;
    margin-bottom: 10px;
}

.bg-style {
    background-size: cover;
    background-position: center;
}

.col-height {
    min-height: 172px;
}

.col-effect {
    box-shadow: 0 0.125rem 1rem 0px rgba(0, 0, 0, 0.29);
    border-radius: 18px;
    border: 2px solid #ffffff;
    overflow: hidden;
    position: relative;
}

.content-style h2 {
    font-size: 1.5em;
}

.vcenter {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}

.verticle-center {
    display: table;
    width: 100%;
    cursor: pointer;
    transition: all 0.2s;
}

.verticle-center a {
    padding: 57px 20px;
}

.footer i {
    font-size: 28px;
    width: 28px !important;
}

.other-slider-one figure img {
    max-height: 40px;
}

.other-slider-one .swiper-slide span {
    display: block;
    font-size: 13px;
}

.other-slider-one .product-image {
    height: auto;
    margin: 0 auto;
}

.other-slider-one .swiper-wrapper {
    padding-bottom: 15px;
}

.other-slider-one .card .card-body {
    display: table;
    width: 100%;
    padding: 10px;
    height: 88px;
    min-height: 98px;
}

.other-slider-one a {
    margin-bottom: 0;
    display: table-cell !important;
    vertical-align: middle;
}

.swiper-container-horizontal {
    overflow: hidden;
}

.school-slider .dashboard-banner {
    height: 140px;
}

.remove-page {
    position: fixed;
    right: -1000px;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 1);
    z-index: 99;
    bottom: auto;
    overflow: auto;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    transition: transform 0.5s ease-out;
    -webkit-transition: transform 0.5s ease-out;
}

.active-page,
.activemodal {
    position: fixed;
    right: -1000px;
    width: 100%;
    height: 100%;
    -webkit-animation: slide 0.5s forwards;
    -webkit-animation-delay: 0.5s;
    animation: slide 0.5s forwards;
    animation-delay: 0.5s;
    top: 0;
    z-index: 99;
    bottom: auto;
    padding: 0 0 20px;
    background: whitesmoke;
}

@-webkit-keyframes slide {
    100% {
        right: 0;
    }
}

@keyframes slide {
    100% {
        right: 0;
    }
}

.notice-row .card {
    overflow: hidden;
}

.column-height {
    padding-bottom: 80px;
}

.notice-row .col-md-6 {
    margin-bottom: 20px;
}

.notice-row .col-md-12:last-child {
    margin-bottom: 0;
}

.page-header-col {
    margin-top: 55px;
    background-color: #354856;
    margin: 0 0 20px;
    padding: 20px 0;
    display: flex;
    align-items: center;
    position: sticky;
    top: 0;
    z-index: 99;
}

.page-header-col h5 a,
.page-header-col h5 {
    color: white;
    margin: 0;
}

.pink-theme a.backlink i {
    color: white;
    font-size: 2.0em;
}

.snd_content:before,
.snd_content:after {
    content: '';
    display: table;
    clear: both;
}

#show_notice_detail a.nattachment {
    width: 33.33%;
    float: left;
}

.pink-theme .backlink {
    line-height: 100%;
    display: block;
    float: right;
}

.notice-date {
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
    margin-bottom: 20px;
}

.notice-date span {
    display: inline-block;
    vertical-align: middle;
    line-height: 100%;
    font-size: 1.2em;
}

.bgcolor-style {
    background: white;
    padding: 30px 0;
}

.text-style p {
    line-height: 160%;
    color: #4c4c4c;
    font-size: 1.1em;
}

.snd_content {
    display: block;
}

.snd_content a i {
    font-size: 3.8em;
    color: #d44c4c;
}

.animated.fast {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
}

#show_notice_detail span,
#show_notice_detail p,
#show_notice_detail b {
    font-family: 'Roboto', sans-serif !important;
    text-align: left !important;
}

.nodatafound {
    text-align: center;
    height: 21px;
    width: 100%;
    font-size: 26px;
    color: #d8d8d8;
    margin: auto;
    transform: translateY(160px);
}

#shownotice .col-9 {
    padding-left: 0;
}

.notice-container .col-8 {
    padding-left: 0;
}

img {
    max-width: 100%;
}

.event-col p {
    font-size: 13px;
}

.event-col img {
    margin-top: 15px;
}

.clearfix {
    clear: both;
    width: 100%;
}

.clearfix:before,
.clearfix:after {
    content: '';
    clear: both;
    display: table;
}

.assignment-bg-image {
    height: 180px;
    background-size: cover;
    background-position: center;
    margin-bottom: 30px;
}

.pd-10 a {
    padding: 10px !important;
    position: relative;
    top: 21px;
    z-index: 9;
}

.content-style h2 {
    font-size: 1.0em;
}

.content-style h2 {
    font-size: 1.0em;
}

.assignment-item {
    background-color: white;
    padding: 15px;
    border-radius: 6px;
    box-shadow: 0 0 10px 0px #b1b1b1;
    margin-bottom: 20px;
}

.assignment-hedaer .row {
    align-items: center;
}

.assignment-hedaer span {
    font-weight: 600;
    font-size: 20px;
    text-transform: capitalize;
    letter-spacing: 0.5px;
}

.assignment-hedaer,
.assignment-body {
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.assignment-body h5 {
    margin-bottom: 0;
}

.assignment-footer p {
    font-size: 15px;
    letter-spacing: 0.5px;
    line-height: 180%;
}

.integers-header h6 {
    margin-bottom: 0;
    font-size: 1.1em;
    font-weight: 600;
}

.integers-details {
    background-color: white;
    padding: 15px;
    border-radius: 6px;
    box-shadow: 0 0 6px 4px #ddd;
}

.integers-header {
    background-color: #f5f5f5;
    padding: 10px;
    margin-bottom: 10px;
}

.integers_column {
    padding: 0 10px 10px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
}

.integers_column:last-child {
    margin-bottom: 0;
    border: none;
    padding-bottom: 0;
}

.integers_column span {
    font-weight: 600;
    letter-spacing: 0.5px;
    font-size: 1.0em;
}

.assignment-hedaer .col-10 {
    padding-left: 0;
}

.profile_column p {
    display: block;
    margin-bottom: 0;
    font-size: 13px;
    word-break: break-all;
}

.profile_column h6 {
    margin-bottom: 0;
    color: gray;
    font-size: 13px;
}

.profile_column .row:last-child {
    border-bottom: none;
}

.profile_column .row {
    align-items: center;
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
}

.profile_column h5 {
    text-transform: uppercase;
    font-size: 16px;
    margin: 15px 0 10px;
}

.name_title h3:after,
.name_title:after {
    content: '';
    position: relative;
    display: block;
    width: 100px;
    height: 4px;
    background-color: #ff0068;
    margin: 10px auto 10px;
}

.name_title:after {
    width: 50px;
    margin: -5px auto 0;
    background-color: #f67f22;
}

.profile_column {
    margin-top: 15px;
}

.profile_column .col-4 {
    padding-right: 0;
}

.notice-container .swiper-slide .card {
    width: 268px;
}
.profile_column .col-2 {
    text-align: right;
}
.profile_column .col-2 img {
    max-width: 30px;
}
.school-post-item {
    background-color: white;
}

.school-logo {
    margin: 15px 0;
}

.school-logo img {
    height: 170px;
    width: 100%;
}

.school-post-text p {
    font-size: 14px;
    line-height: 200%;
}

.school-post-time i {
    margin-right: 5px;
}

.school-post-text {
    padding: 15px;
}

.school-post-time i,
.school-post-time span {
    color: white;
}

.school-post-time {
    background: #354856;
    padding: 10px 15px;
}

.school-post-text h6 {
    display: inline-block;
    position: relative;
    padding-bottom: 5px;
}

.school-post-text h6:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: auto;
    bottom: 0;
    background-color: #f67f22;
    height: 2px;
    width: 120px;
}

.going_on_school_item img {
    object-fit: cover;
    object-position: right;
    height: 90px;
    width: 100%;
}

.going_on_school_item {
    background-color: white;
    padding: 16px;
    border-radius: 6px;
    box-shadow: 0 0 6px 3px #ddd;
    margin-bottom: 15px;
    position: relative;
}

.going_on_school_text h6 {
    font-size: 16px;
    margin-bottom: 0;
    margin-top: 5px;
}

.going_on_school_text i,
.going_on_school_text span {
    color: #f67f22;
}

.going_on_school_item .col-8 {
    padding-left: 0;
}

.going_on_school_text h6 {
    font-size: 13px;
    line-height: 150%;
    margin-top: 10px;
    font-weight: 500;
    color: #4e4e4e;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.fee-item {
    background-color: white;
    border-radius: 6px;
    box-shadow: 0 0 6px 4px rgb(221, 221, 221);
    padding: 15px;
    margin-bottom: 15px;
}

.fee-head,
.fee-body {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.fee-head {
    padding: 10px;
}

.fee-body h5 span.pull-right {
    font-weight: 400;
}

.fee-body h5 {
    margin-bottom: 6px;
}

.medical-slider .product-image img {
    max-width: 30px;
}

.medical-slider .card-body:after {
    display: none;
}

.fee-item h5:before,
.fee-item h5:after {
    content: '';
    display: table;
    clear: both;
}

.fee-item h5 span:last-child {
    font-size: 15px;
    display: block;
}

.fee-item h5 span:first-child,
.fee-footer h5,
.fee-head span {
    font-size: 15px;
    display: block;
    font-weight: 600;
}

.fee-head .row {
    align-items: center;
}

.fee-footer i.fa-close {
    color: red;
    border: 1px solid;
    width: 40px;
    height: 40px;
    border-radius: 30px;
    display: inline-block;
    font-size: 30px;
    padding: 3px 0;
    margin-top: 8px;
}

.notice_attachments a {
    display: inline-block;
    padding: 4px;
}

@media(min-width: 1199px) {}

@media(max-width: 991px) {
    .pd-10 a {
        padding: 5px !important;
    }

    .content-style h2 {
        font-size: 14px;
    }
}

@media(max-width: 768px) {
    .pd-10 a {
        padding: 5px !important;
    }

    .content-style h2 {
        font-size: 14px;
    }
}

@media(max-width: 480px) {}

@media(max-width: 400px) {
    .pd-10 a {
        padding: 2px !important;
    }
}

@media (max-width: 360px) {
    .content-style h2 {
        font-size: 14px;
    }

    .pd-10 a {
        padding: 8px !important;
    }

    .noticeboard h6 {
        font-size: 15px;
    }
}

img.schoollogo.display_print {
    width: 62px !important;
}

.animateblock,
.animateblockpw,
.animateblockbl,
.animateblocknews,
.animatelms {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
}

.animateblock.left,
.animateblockpw.left,
.animateblockbl.left,
.animateblocknews.left,
.animatelms.left {
    transform: translateX(-700px);
}

.animateblock.left.animated,
.animateblockpw.left.animatedpw,
.animateblockbl.left.animatedbl,
.animateblocknews.left.animatednews,
.animatelms.left.animatedlms {
    transform: translateX(0);
}

.animateblock.right,
.animateblockpw.right,
.animateblockbl.right,
.animateblocknews.right,
.animatelms.right {
    transform: translateX(700px);
}

.animateblock.right.animated,
.animateblockpw.right.animatedpw,
.animateblockbl.right.animatedbl,
.animateblocknews.right.animatednews,
.animatelms.right.animatedlms {
    transform: translateX(0);
}

.row-custom {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.list-group-flush .list-group-item {
    margin-bottom: 10px;
    border-radius: 6px;
}

#show_notification .text-secondary {
    font-size: 14px;
    margin-bottom: 0 !important;
}

.list-group .list-group-item img {
    border-radius: 100%;
    height: 40px;
    width: 40px;
    background: #f3f3f3;
    border: 2px solid #f67f22;
}

/*@media (max-width: 480px) {

    body div#divReport,
    body div#divReport1 {
        max-width: 480px;
        margin: auto !important;
        overflow: auto !important;
    }
}*/

@media (max-width: 430px) {
    .assignment-hedaer span {
        font-size: 16px;
        letter-spacing: 0px;
    }

    .assignment-footer p,
    .assignment-hedaer span {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }

    .assignment-body h5 {
        font-size: 15px;
    }
}

@media (max-width: 360px) {
    .medical_item img {
        max-width: 20px !important;
    }
}

@media (max-width: 340px) {
    .medical-slider .product-image {
        height: 35px;
    }
}

select#term_data {
    border-radius: 0;
    border: none;
    background: #ffffff;
    height: 45px;
    border-bottom: 5px solid #e0e0e0;
}

#showexam .container.active-col {
    padding: 0;
}

#showexam .page-header-col,
#show_notice_detail .page-header-col {
    margin-bottom: 0;
}

tr.reportHead td {
    padding: 5px 10px !important;
}

tr.reportHead {
    background: white;
}

table tr td,
table tr th {
    border-color: #bbb;
}

table {
    border: none;
}

div[role="toolbar"] {
    display: none !important;
}

.medical-item {
    background: white;
    box-shadow: 0 0 8px 6px #3548561c;
    overflow: hidden;
    border-radius: 6px;
    margin-bottom: 20px;
}

.medical-header {
    background: #354856;
    padding: 15px;
}

.medical-header span {
    color: white;
    text-transform: capitalize;
}

.medical-header span:first-child {
    margin-right: 8px;
}

.medical-body ul {
    margin-bottom: 0;
    padding: 0;
}

.medical-item ul li {
    list-style-type: none;
    border-bottom: 1px solid #354856;
    line-height: 150%;
    margin-bottom: 5px;
    padding-bottom: 5px;
    padding: 5px 15px;
    font-size: 14px;
}

.medical-item ul li:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

.medical-item ul li span {
    font-weight: bold;
    color: #354856;
}

.medical-slider .product-image {
    height: 30px;
    margin: 8px auto;
}

.medical-slider .swiper-slide {
    padding: 0 5px;
}

.medical-slider .swiper-wrapper {
    padding-bottom: 40px;
}

.tab-content {
    width: 100%;
}

#showmedical .tab-content .tab-pane {
    padding: 0 10px;
    background-color: transparent;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    border-radius: 0;
}

.nav-tabs {
    flex-wrap: inherit;
    margin-bottom: 0;
}

.medical-slider .swiper-slide.active .card {
    background: rgba(250, 154, 0, 0.38);
}

.medical_item {
    background: #519aab;
    padding: 10px;
    text-align: center;
    border: 1px solid #fff;
}

.advisory-tab .col-4 {
    padding: 0;
}

#showmedical .medical_item h6 {
    font-size: 13px;
    margin-bottom: 0;
    color: white;
    font-weight: 400;
    letter-spacing: 0.5px;
}

.medical_item img {
    max-width: 30px;
    margin-bottom: 10px;
}

.advisory-tab {
    padding: 5px 20px !important;
    background: #519aab !important;
}

.advisory-tab .medical_item {
    border-bottom: none;
}

.advisory-tab .col-4:nth-child(3n+2) .medical_item {
    border-left: none;
    border-right: none;
}

.advisory-tab .col-4:nth-last-child(-n+3) .medical_item {
    border-bottom: 1px solid #fff;
}

#showmedical h6 {
    font-size: 14px;
}

#showmedical .card-body {
    padding: 6px;
}

.acolumn_style {
    border: 1px solid #ddd;
    background: white;
    display: flex;
    align-items: center;
}

.acol-pd {
    padding: 10px 0;
}

.stu_present ul li .prcnt {
    float: right;
}

.stu_present ul,
.activities-column ul {
    padding: 0;
}

.stu_present ul li,
.activities-column ul li {
    list-style-position: inside;
    list-style-type: none;
    font-size: 14px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.stu_present ul li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border: none;
}

h5 {
    margin-bottom: 0;
}

.listylenone {
    list-style: none !important;
}

.show-contacts.container-form,
.show-contacts.container-form_l {
    background: white;
    z-index: 1;
    top: 65px;
    left: 0;
    right: 0;
}

.show-contacts #down {
    left: 45%;
    transform: rotate(180deg);
}

.btn-bg-style {
    position: fixed;
    z-index: 99;
    top: 42px;
    height: 40px;
    left: 20px;
    right: auto;
    transition: all 0.7s;
    transition: all 700ms cubic-bezier(0.215, 0.61, 0.355, 1);
}

.show-contacts .btn-bg-style {
    transition: all 700ms cubic-bezier(0.215, 0.61, 0.355, 1);
    left: 45%;
}

.btn.contact-details,
.btn.contact-details_l {
    position: relative;
    width: 40px;
    height: 40px;
    background-color: #f67f22;
    border-radius: 100%;
    box-shadow: 0px 0px 10px rgba(156, 156, 156, 0.8);
    -webkit-transition: all 700ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 700ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: rotate(360deg);
}

.input-file-container {
    position: relative;
}

.input-file-container input {
    width: 100%;
    height: 46px;
    position: absolute;
    opacity: 0;
}

.show-contacts .contact-box,
.show-contacts .contact-box_l {
    margin-top: 0;
    height: 100%;
}

.integers-header .row {
    align-items: center;
}

.contact-box,
.contact-box_l {
    /*position: absolute;*/
    position: fixed;
    z-index: 1;
    background-color: rgba(255, 255, 255, 0.5);
    max-width: 450px;
    margin: 0 auto;
    padding: 20px;
    color: #2C343B;
    text-align: center;
    -webkit-transition: all 700ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 700ms cubic-bezier(0.215, 0.61, 0.355, 1);
    margin-top: -500px;
    border: 1px solid #ddd;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
    border-radius: 16px;
    background: white;
    left: 0;
    right: 0;
}

.bar,
.bar_l {
    position: absolute;
    display: block;
    height: 15px;
    width: 2px;
    background: #FFF;
    -webkit-transition: all 700ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 700ms cubic-bezier(0.215, 0.61, 0.355, 1);
}

.bar#left,
.bar_l#left_l {
    top: 14px;
    left: 18px;
    transform: rotate(90deg);
}

.bar#right,
.bar_l#right_l {
    top: 14px;
    right: 20px;
    transform: rotate(0deg);
}

.show-contacts .bar#left,
.show-contacts .bar_l#left_l {
    top: 12px;
    left: 19px;
    transform: rotate(-45deg);
}

.show-contacts .bar#right,
.show-contacts .bar_l#right_l {
    top: 12px;
    right: 19px;
    transform: rotate(45deg);
}

.file-upload {
    background-color: #ffffff;
    width: 100%;
    margin: 0 auto;
}

.file-upload-btn {
    width: 100%;
    margin: 0;
    color: #fff;
    background: #f67f22;
    border: none;
    padding: 10px;
    border-radius: 4px;
    border-bottom: 4px solid #ce600a;
    transition: all .2s ease;
    outline: none;
    text-transform: uppercase;
    font-weight: 700;
}

.file-upload-btn:hover {
    background: #e46400;
    color: #ffffff;
    transition: all .2s ease;
    cursor: pointer;
}

.file-upload-btn:active {
    border: 0;
    transition: all .2s ease;
}

.file-upload-content {
    display: none;
    text-align: center;
}

.file-upload-input {
    position: absolute;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    outline: none;
    opacity: 0;
    cursor: pointer;
    left: 0;
    right: 0;
}

.image-dropping {
    background-color: #1FB264;
    border: 4px dashed #ffffff;
}

.image-title-wrap {
    padding: 0 15px 15px 15px;
    color: #222;
}

.file-upload-image {
    padding: 5px 0;
    width: 80px;
}

.remove-image {
    color: #fff;
    background: #ab0000;
    border: none;
    padding: 10px;
    border-radius: 2px;
    border-bottom: 2px solid #b02818;
    transition: all .2s ease;
    outline: none;
    text-transform: inherit;
    width: 100%;
    font-weight: 400;
}

.remove-image:hover {
    background: #c13b2a;
    color: #ffffff;
    transition: all .2s ease;
    cursor: pointer;
}

.remove-image:active {
    border: 0;
    transition: all .2s ease;
}

.btn-info {
    color: #fff;
    background-color: #354856;
    border-color: #354856;
    font-size: 14px !important;
    text-transform: capitalize !important;
    padding: 10px 40px;
    font-weight: 400 !important;
    letter-spacing: 0.5px;
}

.btn-info:hover {
    color: #fff;
    background-color: #172c3c;
    border-color: #172c3c;
}

.container_request {
    height: 497px;
    top: 60px;
    padding: 0;
}

.container_request .top {
    position: relative;
    height: 100%;
    -webkit-transition: height .8s linear;
    transition: height .8s linear;
    will-change: height;
    background-position: center;
    background-size: cover;
}

.container_request .top .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(120deg, #f67f22 0%, #f6ab22 100%);
    opacity: 0.8;
}

.container_request .top .logo {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    -webkit-transition: opacity 1s linear;
    transition: opacity 1s linear;
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: initial;
}

.container_request .bottom {
    height: 60%;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}

.container_request .bottom input,
.container_request .bottom select {
    box-sizing: border-box;
    width: 80%;
    margin: 5px;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    opacity: 0;
    -webkit-transition: all .4s linear;
    transition: all .4s linear;
}

.container_request .bottom .button {
    box-sizing: border-box;
    width: 80%;
    padding: 13px 10px;
    margin-top: 10px;
    background: #f67f22;
    color: white;
    text-transform: uppercase;
    text-align: center;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    opacity: 0;
    -webkit-transition: all .4s linear;
    transition: all .4s linear;
}

.container_request.animate .top {
    height: 30%;
}

.container_request.animate .top .logo {
    opacity: 1;
}

.container_request.animate .bottom input,
.container_request .bottom select {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
}

.container_request.animate .bottom input:nth-child(1) {
    -webkit-transition-delay: .6s;
    transition-delay: .6s;
}

.container_request.animate .bottom input:nth-child(2) {
    -webkit-transition-delay: .8s;
    transition-delay: .8s;
}

.container_request.animate .bottom .button {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
}

.container_request .top .logo h5 {
    color: white;
    text-align: center;
    text-transform: capitalize;
}

.container_request .top .logo img {
    max-width: 90px;
    margin: auto;
    display: block;
}

#show_library .remove-page {
    right: 0;
}

.book-list-item {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, .075);
    background-color: #fff;
    padding: 10px 0 0;
    border-radius: 6px;
    margin-bottom: 20px;
    position: relative;
}

.book-list-item:last-child {
    margin-bottom: 0;
}

.book-list-item span,
.book-list-item p,
.book-list-item h4,
.book-list-item h6 {
    font-size: 16px;
    font-weight: 500;
    color: #4c4c4c;
    margin-bottom: 5px;
    display: block;
    border-bottom: 1px solid #dcdcdc;
    padding: 6px 20px;
}

.book-list-item h6 {
    margin-bottom: 0;
}

.book-list-item button {
    width: 100%;
    border-radius: 0;
    color: #000;
    text-transform: uppercase !important;
    font-weight: bold !important;
    background: white;
}

.book-list-item:nth-child(odd) {
    background-color: #f67f2221;
}

.book-list-item:nth-child(even) {
    background-color: #3548561c;
}

.whats-going-container .small-slide-1 .swiper-slide .card {
    width: 268px;
}

.newscard h6,
.newscard span {
    color: #fff;
    position: relative;
    z-index: 1;
    font-weight: 400;
    letter-spacing: 0.5px;
}

.newscard:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.60);
}

.newscard {
    background-size: cover;
    height: 100px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #FFF;
    padding: 10px;
    border-radius: 16px;
    margin-right: 10px;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, .075);
    position: relative;
    overflow: hidden;
}

.newscard span {
    position: absolute;
    bottom: 5px;
    right: 15px;
    left: auto;
}

.whats-going-container .swiper-slide {
    padding-bottom: 0;
}

.newscardread:before,
.noticecardread:before {
    content: '';
    position: absolute;
    top: 5px;
    left: auto;
    right: 1px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #f67f22;
    z-index: 1;
}

.event-content {
    margin: 15px auto 0;
    padding: 10px 15px;
}

table tr td {
    border: 1px solid #ddd;
    padding: 10px;
    text-transform: capitalize;
    font-size: 13px;
}

table tr th {
    padding: 10px;
    text-align: center;
}

.event-content span {
    display: block;
    font-weight: bold;
    line-height: 180%;
}

.event-content .eventclass {
    border-color: #007bff;
}

.event-content .holidayclass {
    border-color: #0099c6;
}

.event-content .examclass {
    border-color: #006589;
}

.event-content div {
    border: 2px solid #fa9a00;
    margin-bottom: 20px;
    padding: 20px;
    border-radius: 8px;
    background: white;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, .075);
}

.box {
    position: relative;
    background: #f10d0d;
}

.ribbon {
    position: absolute;
    left: -5px;
    top: -5px;
    z-index: 1;
    overflow: hidden;
    width: 175px;
    height: 175px;
    text-align: right;
}

.ribbon span {
    font-size: 13px;
    font-weight: 400;
    color: #FFF;
    text-transform: capitalize;
    text-align: center;
    line-height: 23px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-38deg);
    width: 200px;
    display: block;
    box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
    position: absolute;
    top: 13px;
    left: -66px;
}

.ribbon span::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 100%;
    z-index: -1;
    border-left: 3px solid #FF8A30;
    border-right: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #FF8A30;
}

.ribbon span::after {
    content: "";
    position: absolute;
    right: 0px;
    top: 100%;
    z-index: -1;
    border-left: 3px solid transparent;
    border-right: 3px solid #FF8A30;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #FF8A30;
}

.calendar table td {
    color: #2b2b2b;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #e6e6e6;
    cursor: default;
    position: relative;
}

.hae.event_on:before {
    left: -15px;
}

.hae.event_on:after {
    left: 5px;
}

td.hae:after,
.event_on:before,
.present:after,
.absent:after,
.medical:after,
.leave:after,
.onduty:after,
.halfday:after,
.holiday:after {
    content: '';
    width: 7px;
    height: 7px;
    position: absolute;
    bottom: 10px;
    top: auto;
    border-radius: 100%;
    margin: auto;
}

td.hae:after {
    position: relative;
    display: block;
    background: #fa9a00;
    border: 1px solid #fdbf5b;
    top: 0;
}

.event_on:before {
    background: #0031fa;
    border: 1px solid #6c5bfd;
    left: 0;
    right: 0;
}

td.present:after,
td.absent:after,
td.medical:after,
td.leave:after,
td.onduty:after,
td.onduty:after,
td.halfday:after,
td.holiday:after {
    position: relative;
    display: block;
    top: 0;
}

td.present:after {
    background: #109618;
    border: 1px solid #109618;
}

td.absent:after {
    background: #dc3912;
    border: 1px solid #dc3912;
}

td.medical:after {
    background: #3366cc;
    border: 1px solid #3366cc;
}

td.leave:after {
    background: #dd4477;
    border: 1px solid #dd4477;
}

td.onduty:after {
    background: #ff9900;
    border: 1px solid #ff9900;
}

td.halfday:after {
    background: #990099;
    border: 1px solid #990099;
}

td.holiday:after {
    background: #0099c6;
    border: 1px solid #0099c6;
}

#attendance_notations span {
    padding: 0 5px;
    display: inline-block;
}

#attendance_notations span:nth-child(1):before,
#attendance_notations span:nth-child(2):before,
#attendance_notations span:nth-child(3):before,
#attendance_notations span:nth-child(4):before,
#attendance_notations span:nth-child(5):before,
#attendance_notations span:nth-child(6):before,
#attendance_notations span:nth-child(7):before {
    content: '';
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 50px;
}

#attendance_notations span:nth-child(1):before {
    background-color: #109618;
}

#attendance_notations span:nth-child(2):before {
    background-color: #dc3912;
}

#attendance_notations span:nth-child(3):before {
    background-color: #3366cc;
}

#attendance_notations span:nth-child(4):before {
    background-color: #dd4477;
}

#attendance_notations span:nth-child(5):before {
    background-color: #ff9900;
}

#attendance_notations span:nth-child(6):before {
    background-color: #990099;
}

#attendance_notations span:nth-child(7):before {
    background-color: #0099c6;
}

.other-slider-one .swiper-wrapper {
    padding-bottom: 35px;
}

.academics-row span {
    font-size: 12px;
}

.academics-row figure {
    margin-bottom: 5px;
}

.academics-row img {
    max-height: 40px;
}

.academics-row .col-4:nth-child(1),
.academics-row .col-4:nth-child(4) {
    padding-left: 15px;
}

.academics-row .col-4 {
    padding: 5px;
}

.academics-row .col-4:nth-child(3),
.academics-row .col-4:nth-child(6) {
    padding-right: 15px;
}

.academics-row a {
    margin: 0;
    font-weight: 500;
    color: #000;
    display: block;
    line-height: 100%;
    position: relative;
    z-index: 1;
}

#lightgallery {
    padding: 0;
    margin: 0;
    background-color: white;
}

#lightgallery li {
    padding: 3px;
    list-style-type: none;
    list-style-position: inside;
}

#lightgallery li a {
    display: block;
    border-radius: 8px;
    overflow: hidden;
    border: 2px solid #354856;
}

.card-body:after {
    animation: animate 4s ease-in-out infinite;
    -webkit-animation: animate 4s ease-in-out infinite;
    -moz-animation: animate 4s ease-in-out infinite;
    -ms-animation: animate 4s ease-in-out infinite;
    -o-animation: animate 4s ease-in-out infinite;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    border: 0;
    z-index: 0;
    content: '';
    background-color: #83e4e245;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
    transition: all 0.3s;
    transform: translateY(0);
}

@keyframes animate {

    0%,
    100% {
        clip-path: polygon(0 60%, 9% 50%, 21% 45%, 35% 48%, 46% 53%, 53% 59%, 65% 65%, 78% 65%, 88% 60%, 96% 54%, 100% 44%, 100% 100%, 0% 100%);
        -webkit-clip-path: polygon(0 60%, 9% 50%, 21% 45%, 35% 48%, 46% 53%, 53% 59%, 65% 65%, 78% 65%, 88% 60%, 96% 54%, 100% 44%, 100% 100%, 0% 100%);
        -moz-clip-path: polygon(0 60%, 9% 50%, 21% 45%, 35% 48%, 46% 53%, 53% 59%, 65% 65%, 78% 65%, 88% 60%, 96% 54%, 100% 44%, 100% 100%, 0% 100%);
        -ms-clip-path: polygon(0 60%, 9% 50%, 21% 45%, 35% 48%, 46% 53%, 53% 59%, 65% 65%, 78% 65%, 88% 60%, 96% 54%, 100% 44%, 100% 100%, 0% 100%);
        -o-clip-path: polygon(0 60%, 9% 50%, 21% 45%, 35% 48%, 46% 53%, 53% 59%, 65% 65%, 78% 65%, 88% 60%, 96% 54%, 100% 44%, 100% 100%, 0% 100%);
    }

    50% {
        clip-path: polygon(0 43%, 10% 55%, 21% 63%, 35% 67%, 47% 63%, 54% 54%, 63% 46%, 72% 40%, 83% 40%, 93% 45%, 100% 51%, 100% 100%, 0% 100%);
        -webkit-clip-path: polygon(0 43%, 10% 55%, 21% 63%, 35% 67%, 47% 63%, 54% 54%, 63% 46%, 72% 40%, 83% 40%, 93% 45%, 100% 51%, 100% 100%, 0% 100%);
        -moz-clip-path: polygon(0 43%, 10% 55%, 21% 63%, 35% 67%, 47% 63%, 54% 54%, 63% 46%, 72% 40%, 83% 40%, 93% 45%, 100% 51%, 100% 100%, 0% 100%);
        -ms-clip-path: polygon(0 43%, 10% 55%, 21% 63%, 35% 67%, 47% 63%, 54% 54%, 63% 46%, 72% 40%, 83% 40%, 93% 45%, 100% 51%, 100% 100%, 0% 100%);
        -o-clip-path: polygon(0 43%, 10% 55%, 21% 63%, 35% 67%, 47% 63%, 54% 54%, 63% 46%, 72% 40%, 83% 40%, 93% 45%, 100% 51%, 100% 100%, 0% 100%);
    }
}

.small-slide span.col-4 {
    position: relative;
    z-index: 1;
}

.card-body figure,
.card-body h6,
.card-body a {
    position: relative;
    z-index: 1;
}

.card-body:hover:after {
    transform: translateY(55px);
    transition: all 0.3s;
}

.checkbox-column h2 {
    color: #354856;
    font-size: 16px;
    line-height: 150%;
    margin-bottom: 0;
    font-weight: 600;
    text-transform: capitalize;
}

.range-slider input {
    width: 100%;
}

.range-slider .range-slider__value {
    font-weight: bold;
    font-size: 21px;
    color: #000;
}

.pollsdiv select {
    width: 100%;
    height: 34px;
    border-radius: 4px;
    border-color: #ddd;
    margin-bottom: 10px;
    background: white;
}

.pollsdiv .btn-info {
    width: 25%;
    padding: 6px;
}

.app_inner__tab textarea {
    width: 100%;
    height: 100px;
    background-color: white;
}

.notice-container .card-body:after {
    width: 83%;
    left: auto;
}

ul#lightgallery_almanac {
    padding-left: 0;
    margin: 0;
}

#lightgallery_almanac li {
    padding: 4px;
}

#lightgallery_almanac li img {
    border: 2px solid #354856;
    border-radius: 4px;
    height: 110px;
    width: 100%;
}

#lightgallery_almanac li span {
    position: absolute;
    right: 6px;
    bottom: 6px;
    left: auto;
    top: auto;
    width: 20px;
    height: 20px;
    background: #f67f22;
    color: white;
    text-align: center;
}

#piechart {
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, .075);
}

.medical-col-pd {
    padding: 0 5px;
}

.medical-item img {
    width: 80px;
}

.medical-item figure {
    margin: 0;
    position: relative;
}

.medical-title {
    position: absolute;
    left: 0;
    right: 0;
    top: 41px;
    bottom: auto;
    width: 68px;
    margin: auto;
}

.medical-date {
    position: absolute;
    left: 0;
    right: 0;
    top: auto;
    bottom: 20px;
    font-size: 12px;
    width: 65px;
    margin: auto;
}

.col-style-pd .product-image {
    height: 30px;
    margin: 8px auto;
}

.col-style-pd h6 {
    font-size: 14px;
}

.col-style-pd {
    padding: 0 5px;
    text-align: center;
}

.nav-focus.active .card {
    background: rgba(250, 154, 0, 0.38);
}

.nav-focus {
    margin-bottom: 20px;
}

.container-bg {
    background-color: white;
}

.container-bg .container-tab-pane {
    padding: 15px;
}

.plus.active {
    transform: rotate(-90deg);
    transition: transform 0s;
}

.plus {
    height: 30px;
    transition: transform 0.3s cubic-bezier(0.5, 0, 0, 1);
}

.icon {
    display: inline-block;
    position: relative;
    width: 30px;
    min-width: 20px;
    max-width: 30px;
    max-height: 30px;
    margin: 0;
    background: #f67f22;
    border-radius: 100%;
    z-index: 999;
}

.plus span:nth-of-type(1) {
    top: 0;
    bottom: 0;
    width: 2px;
    left: calc(50% - (3px / 2));
    height: 20px;
    top: 5px;
}

.icon span {
    background: #ffffff;
    position: absolute;
}

.plus span:nth-of-type(2) {
    top: calc(50% - (3px / 2));
    bottom: 0;
    left: 5px;
    right: 0;
    height: 2px;
    transform-origin: left;
    transition: transform 0.3s cubic-bezier(0.5, 0, 0, 1) 0.2s;
    width: 20px;
}

.plus.active span:nth-of-type(2) {
    transition: transform 0.3s cubic-bezier(0.5, 0, 0, 1);
    transform: translate3d(-15%, 0, 0) scale3d(0, 1, 1);
}

#shownotice .small-slide-1 {
    display: block;
}

.book-list-item h4 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.transport-container:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.56);
    display: block;
    border-radius: 16px;
}

.transport-container {
    margin-top: 30px;
    position: relative;
}

.transport-container .content-style a span {
    position: relative;
}

.transport-container .content-style div,
.transport-container .content-style a,
.transport-container .content-style a span {
    z-index: 1;
    color: white;
    cursor: pointer;
}

#showtransport .page-header-col {
    margin-bottom: 0;
}

.nav-pills .card-body:after {
    display: none !important;
}

.col-style-pd .product-image img {
    max-width: 30px;
}

.app_inner input.radiobtn[type="radio"] {
    display: none;
}

.app_inner input.radiobtn[type="radio"]:checked+label .app_inner__tab,
.app_inner input.radiobtn[type="radio"]:not(checked)+label .app_inner__tab,
.app_inner input.radiobtn[type="radio"]:checked+label .app_inner__tab .tab_right,
.app_inner input.radiobtn[type="radio"]:not(checked)+label .app_inner__tab .tab_right {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.app_inner input.radiobtn[type="radio"]:checked+label .app_inner__tab {
    height: 100%;
}

.app_inner input.radiobtn[type="radio"]:checked+label .app_inner__tab .tab_right {
    top: 0;
}

.app_inner input.radiobtn[type="radio"]:not(checked)+label .app_inner__tab {
    border-left: 43px solid rgba(255, 255, 255, 0.28);
}

.app_inner input.radiobtn[type="radio"]:not(checked)+label .parent {
    height: 100px;
}

.app_inner input.radiobtn[type="radio"]:not(checked)+label .app_inner__tab .tab_right {
    top: 200px;
}

.app_inner .input-label {
    display: block;
    width: 100%;
    margin: 0;
}

.app_inner label:nth-of-type(1) .app_inner__tab:hover,
.app_inner label:nth-of-type(2) .app_inner__tab:hover,
.app_inner label:nth-of-type(3) .app_inner__tab:hover,
.app_inner label:nth-of-type(4) .app_inner__tab:hover {
    -webkit-transition: all .2s;
    transition: all .2s;
}

.app_inner label:nth-of-type(1) .app_inner__tab {
    background: #ffd3b1;
}

.app_inner label:nth-of-type(2) .app_inner__tab {
    background: #d1ebff;
}

.app_inner label:nth-of-type(3) .app_inner__tab {
    background: #ffdae7;
}

.app_inner label:nth-of-type(4) .app_inner__tab {
    background: #d0ffc9;
}

.app_inner label:nth-of-type(5) .app_inner__tab {
    background: #9ef792;
}

.app_inner__tab {
    width: 100%;
    height: 100%;
    background: red;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.65s;
    transition: all 0.65s;
    padding: 15px;
}

.app_inner__tab h2 {
    position: relative;
    color: #000000;
    font-size: 16px;
    line-height: 140%;
}

.input-label:before {
    content: 'Qus';
    position: absolute;
    left: 7px;
    right: auto;
    top: 0;
    bottom: 0;
    height: 20px;
    margin: auto;
    font-weight: bold;
    color: #354856;
    z-index: 9;
}

.tab_right .btn.btn-info {
    float: right;
}

.app_inner .input-label {
    position: relative;
}

.app_inner__tab .tab_right {
    position: relative;
    top: 200px;
    text-align: left;
}

.tab_right li {
    display: inline-block;
    margin-right: 10px;
}

.app_inner #tab-1,
.app_inner #tab-2,
.app_inner #tab-3,
.app_inner #tab-4 {
    display: none;
}

@-webkit-keyframes move_out {
    0% {
        top: 47px;
    }

    100% {
        top: 200px;
    }
}

@keyframes move_out {
    0% {
        top: 47px;
    }

    100% {
        top: 200px;
    }
}

@-webkit-keyframes move_in {
    0% {
        top: -200px;
    }

    100% {
        top: 47px;
    }
}

@keyframes move_in {
    0% {
        top: -200px;
    }

    100% {
        top: 47px;
    }
}

@-webkit-keyframes bump {
    0% {
        top: 16px;
    }

    25% {
        top: 13px;
    }

    50% {
        top: 16px;
    }

    75% {
        top: 13px;
    }

    100% {
        top: 16px;
    }
}

@keyframes bump {
    0% {
        top: 16px;
    }

    25% {
        top: 13px;
    }

    50% {
        top: 16px;
    }

    75% {
        top: 13px;
    }

    100% {
        top: 16px;
    }
}

@-webkit-keyframes intro {
    0% {
        -webkit-transform: translateY(-50%) scale(0) rotateX(10deg) rotateY(10deg) rotateZ(40deg);
        transform: translateY(-50%) scale(0) rotateX(10deg) rotateY(10deg) rotateZ(40deg);
    }

    100% {
        -webkit-transform: translateY(-50%) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
        transform: translateY(-50%) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    }
}

@keyframes intro {
    0% {
        -webkit-transform: translateY(-50%) scale(0) rotateX(10deg) rotateY(10deg) rotateZ(40deg);
        transform: translateY(-50%) scale(0) rotateX(10deg) rotateY(10deg) rotateZ(40deg);
    }

    100% {
        -webkit-transform: translateY(-50%) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
        transform: translateY(-50%) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    }
}

input[type=range] {
    -webkit-appearance: none;
    width: 100%;
    margin: 7.3px 0;
}

input[type=range]:focus {
    outline: none;
}

input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 11.4px;
    cursor: pointer;
    box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
    background: rgba(48, 113, 169, 0.78);
    border-radius: 1.3px;
    border: 0.2px solid #010101;
}

input[type=range]::-webkit-slider-thumb {
    box-shadow: 0.9px 0.9px 1px #000031, 0px 0px 0.9px #00004b;
    border: 1.8px solid #00001e;
    height: 26px;
    width: 26px;
    border-radius: 15px;
    background: #ffffff;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -7.5px;
}

input[type=range]:focus::-webkit-slider-runnable-track {
    background: rgba(54, 126, 189, 0.78);
}

input[type=range]::-moz-range-track {
    width: 100%;
    height: 11.4px;
    cursor: pointer;
    box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
    background: rgba(48, 113, 169, 0.78);
    border-radius: 1.3px;
    border: 0.2px solid #010101;
}

input[type=range]::-moz-range-thumb {
    box-shadow: 0.9px 0.9px 1px #000031, 0px 0px 0.9px #00004b;
    border: 1.8px solid #00001e;
    height: 26px;
    width: 26px;
    border-radius: 15px;
    background: #ffffff;
    cursor: pointer;
}

input[type=range]::-ms-track {
    width: 100%;
    height: 11.4px;
    cursor: pointer;
    background: transparent;
    border-color: transparent;
    color: transparent;
}

input[type=range]::-ms-fill-lower {
    background: rgba(42, 100, 149, 0.78);
    border: 0.2px solid #010101;
    border-radius: 2.6px;
    box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}

input[type=range]::-ms-fill-upper {
    background: rgba(48, 113, 169, 0.78);
    border: 0.2px solid #010101;
    border-radius: 2.6px;
    box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}

input[type=range]::-ms-thumb {
    box-shadow: 0.9px 0.9px 1px #000031, 0px 0px 0.9px #00004b;
    border: 1.8px solid #00001e;
    height: 26px;
    width: 26px;
    border-radius: 15px;
    background: #ffffff;
    cursor: pointer;
    height: 11.4px;
}

input[type=range]:focus::-ms-fill-lower {
    background: rgba(48, 113, 169, 0.78);
}

input[type=range]:focus::-ms-fill-upper {
    background: rgba(54, 126, 189, 0.78);
}

.switch {
    position: relative;
    width: 150px;
    height: 50px;
    text-align: center;
    background: #4cd964;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
    border-radius: 25px;
}

.switch span {
    position: absolute;
    width: 20px;
    height: 4px;
    top: 50%;
    left: 50%;
    margin: -2px 0px 0px -4px;
    background: #fff;
    display: block;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
    border-radius: 2px;
}

.switch span:after {
    content: "";
    display: block;
    position: absolute;
    width: 4px;
    height: 12px;
    margin-top: -8px;
    background: #fff;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
    border-radius: 2px;
}

input[type=radio] {
    display: none;
}

.switch label {
    cursor: pointer;
    color: rgba(0, 0, 0, 0.2);
    width: 60px;
    line-height: 50px;
    height: 60px;
    margin: 0;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

label[for=yes] {
    position: absolute;
    left: 0px;
    height: 20px;
}

label[for=no] {
    position: absolute;
    right: 0px;
}

#no:checked~.switch {
    background: #ff3b30;
}

#no:checked~.switch span {
    background: #fff;
    margin-left: -8px;
}

#no:checked~.switch span:after {
    background: #fff;
    height: 20px;
    margin-top: -8px;
    margin-left: 8px;
}

#yes:checked~.switch label[for=yes] {
    color: #fff;
}

#no:checked~.switch label[for=no] {
    color: #fff;
}

.glc {
    background-color: #ffffff;
    text-align: left;
    padding: 32px 0 31px 5px;
    border-right: 5px solid #f67f22;
    border-right-style: solid;
    font-weight: 600;
}

.glc img {
    margin-left: 20px;
    max-width: 45px;
}

.grc {
    align-items: center;
    display: flex;
    padding: 10px 0 5px;
}

.grc h5 {
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-weight: 500;
    padding-right: 10px;
}

#lightgallery li img {
    height: 100px;
    object-fit: cover;
    margin: auto;
    display: table;
}

.lmsdiv .col-md-6 {
    margin-bottom: 20px;
}

.lmsdiv .col-md-6 .card .row {
    margin: 0;
}

.grc-icon {
    position: relative;
    top: 15px;
}

.grc-icon i {
    font-size: 27px;
    padding: 5px 0;
    color: #f67f22;
}

.lmsdiv .col-md-6 {
    height: 78px;
}

.file_icons a {
    display: inline-block;
    color: #f67f22;
    margin-right: 13px;
    font-size: 17px;
}

.file_icons {
    padding-bottom: 10px;
}

.panel {
    margin-bottom: 0;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.panel-heading h4,
.panel-heading i {
    display: inline-block;
    padding: 5px;
    margin: 0px;
    font-size: 15px;
}
.panel:nth-child(1) .panel-heading {
    background-color: #d6f3ff;
}
.panel:nth-child(2) .panel-heading{
    background-color: #f7e0f9;
}
.panel:nth-child(3) .panel-heading{
    background-color: #fbf3d9;
}
.panel-heading i {
    margin: 4px;
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
}

.panel-heading.collapsed i {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.panel-heading {
    border-bottom: 1px solid #ddd;
    padding: 10px;
}
.panel-body {
    padding: 10px;
    border-bottom: 1px solid #ddd;
}
.panel-body p {
    font-size: 14px;
    line-height: 180%;
    text-align: justify;
}
.student_details {
    background-color: white;
    padding: 15px 0;
    margin-bottom: 10px;
}
.student_details h5 {
    font-size: 16px;
    margin: 10px 0 0;
    max-width: 100px;
    text-align: center;
}
.student_details img {
    width: 100px;
    height: 100px;
    border-radius: 100%;
}
.student_details h5:last-child {
    margin-top: 4px;
}
.gray_column {
    background: #f3f2f7;
}
.gray_column h4 {
    background: #f3f2f7;
    text-transform: uppercase;
    font-size: 17px;
}
.csut {
    padding: 10px 0;
}
.csut h4 {
    margin-bottom: 0;
}
.students_pic img {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background-color: white;
    margin: auto;
    display: block;
}
.students_name {
    text-align: right;
}
.align-items {
    display: flex;
    align-items: center;
}
.students_name h5 {
    font-size: 15px;
}
.chatbox .text {
    padding: 10px;
    border-radius: 36px;
    font-size: 13px;
    line-height: 190%;
}
.chatbox{
    width: 100%;
    margin-bottom: 15px;
}
.chatbox_item {
    width: 90%;
}
.name_date {
    font-size: 12px;
}
.name_date span {
    margin-right: 5px;
}
.name_date span,
.name_date p {
    display: inline-block;
    vertical-align: middle;
}
.chatbox_one {
    float: right;
}
.chatbox.chatbox_two {
    float: left;
}
.chatbox.chatbox_one .name_date {
    text-align: right;
    margin-right: 10px;
}
.chatbox.chatbox_two .name_date {
    text-align: left;
    margin-left: 10px;
}
.chatbox_one .text {
    box-shadow: 0 0 3px 0px #ffe2ce;
    background-color: seashell;
}
.chatbox_two .text {
    box-shadow: 0 0 3px 0px #b0d5ef;
    background-color: #e4f4ff;
}
.about_ustext strong {
    display: block;
    clear: both;
    border-bottom: 2px solid #f67f22;
    margin-bottom: 10px;
    font-size: 16px;
    color: #f67f22;
}
.contact_ustext {
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: 1px solid #f0b4f5;
}
.contact_ustext .col-6:nth-child(odd) {
    border-right: none;
}
.contact_ustext .col-6 {
    font-size: 14px;
    border: 1px solid #f0b4f5;
    padding: 10px 15px;
    border-bottom: none;
}
#show_profile {
    background: white;
}