.layout-klmanagetemplate > .t4-wrapper > .t4-content > .t4-content-inner > .t4-main-body {
    padding-bottom: unset;
}

.t4-footer {padding-top:40px;}
.form-control, div.acym_module_form input[type=email], div.acym_module_form input[type=text] {
    max-width: 100%;
}
#jes_mod ul {
    background: unset;
}

.mod-footer {
    border-top: unset !important;
    padding: 0 !important;
    text-align: left !important;
    margin-top: 0 !important;
    color:#fff;
}

#jes_mod .list-group-item.title {
    background-color: unset;
    border-color: unset;
}

#jes_mod .list-group-item {
    background-color: unset;
    border: unset;
    color: #fff;
}

#jes_mod .list-group-item.title .badge, #jes_mod .list-group-item.counter .badge {
    background-color: unset;
    color: unset;
}

#jes_mod .badge {
    background-color: unset;
}

.t4-header {
    background: #10548c;
}

.container-sidebar-left {
    z-index: 1010;
    background: #40bad2;
    box-shadow: var(--atum-box-shadow);
    min-height: calc(100vh - 66px);
    overflow: hidden;
    padding-left: 0;
    padding-right: 0;
}

#jux_accord-menu .menu_head {
    background: unset;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    color: #fff;
    font-size: 20px;
    line-height: 52px;
}

#jux_accord-menu .menu_head.active {
    background: #10548c;
}

#jux_accord-menu div.menu_body p a span, #jux_accord-menu div.menu_body p span span {
    color: #fff;
}

#jux_accord-menu div.menu_body p {
    color: #797979;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, .2);
    background: #40bad2;
    border-bottom: unset;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    padding-top: 6px;
    padding-bottom: 6px;    
}

@media (min-width: 992px) {
    .t4-main-body {
        padding-top: unset;
    }
}

.t4-main-body {
    padding-top: unset;
}

#jux_accord-menu .menu_head.active:hover, #jux_accord-menu .menu_head:hover {
    text-shadow: unset;
    background: #10548c;
}

#jux_accord-menu div.menu_body p {
    color: #797979;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, .2);
    background: #40bad2;
    border-bottom: unset;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    line-height: 48px;
}

#jux_accord-menu div.menu_body p:hover, #jux_accord-menu div.menu_body p.active:hover {
    text-shadow: 1px 1px 0 rgba(255, 255, 255, .2);
    background: #40bad2;
    border-bottom: unset;
    -webkit-box-shadow: unset;
    box-shadow: unset;
}

#jux_accord-menu div.menu_body {
    line-height: 48px;
    padding-top: 6px;
    padding-bottom: 6px;
}

#jux_accord-menu .menu_head span, #jux_accord-menu .menu_head a {
    color: #fff;
}

#jux_accord-menu div.menu_body div.menu_body div.menu_body p {
    padding-top: 6px;
    padding-bottom: 6px;
}

.top-login-buttom a{
    padding: 20px;
    border-radius: 8px;
    background: var(--body-link-color);
    color: #fff;
}

.kl-component {padding:20px;}


.kl-component > .page-header {
    background: url(/images/headers/slide-backgroud-04.png#joomlaImage://local-images/headers/slide-backgroud-04.png);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100px;
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -1.25em;
    margin-left: -1.25em;
    margin-right: -1.25em;
}
.page-header h1 {
    font-size: 2rem !important;
    color: #fff;
}

.form-vertical fieldset {
    border: 2px solid #ccc0;
    border-radius: 5px;
    padding: 15px;
    background-color: #40bad2;
	color: #000;
}

fieldset {
    margin-bottom: 2em;
}

.formtext {
    border: 1px solid #ccc;
    background-color: #0d6efd;
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 22px;
    width: 100%;
    display: block;
}

.public-drp-module {padding:20px;}

.klschool-public-count {
     background: url(/images/banners/t4-section-4.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}

.public-mod-article {padding:30px;}

.dl-horizontal {
    flex-wrap: wrap;

}

.navbar-brand .logo-img {
    max-height: 60px;
}

.t4-megamenu > .navbar-nav > li > a, .t4-megamenu > .navbar-nav > li > .nav-link {
    font-size: 1.3rem; 
}

.chosen-container {
    font-size: 16px;
}

.t4-megamenu > .navbar-nav > li {
    margin-left: 1.6rem;
}

.acm-hero.style-1 .owl-carousel .owl-dots {
    margin: 0;
    position: absolute;
    bottom: -2rem;
    left: 0;
    width: 100%;
}

.acm-hero.style-1 .description{
    font-size: 1.84rem;
    font-weight: 400;
    color: #fff;
}

.section-title-wrap .section-title span {
    background: #1a5193;
    border: 1px solid #1a5193;
    border-radius: 60px;
    color: #fff;
    display: inline-block;
    font-size: 1.3rem;
    font-weight: 600;
    text-transform: uppercase;
    padding: 0.3rem 1rem;
}

.section-title-wrap .section-title span:before {
    background: #fff;
    content: "";
    border-radius: 50%;
    display: inline-block;
    margin-right: 0.5rem;
    vertical-align: middle;
    height: 8px;
    width: 8px;
}

.main-page-article-news {
    border-top: 5px solid #000;
    padding: 1rem;    
}

.main-page-article-news > .item > .item-inner > .item-content > .top-lead > .article-info {
    line-height: var(--heading-line-height);
    color: #61b0d8 !important;
    font-size: 1.2rem;
    font-weight: 600;
}

.main-page-article-news > .item > .item-inner > .item-content > .top-lead > .article-info > .item-date{padding:3px;}

.main-page-article-news .item + .item {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 2px dashed #aeb2b7;
}

.t4-mod-wrap .section-inner .section-ct  h2{
    text-align:center;
    margin-bottom:2rem;
    color:#489ad2;
    font-weight:600;
}

.t4-section-5 .t4-section-inner .mod-dashboard-drpevent-title h2 {
    text-align: center;
    color: #489ad2;
    font-weight: 600;    
}

.t4-section-5 .t4-section-inner .mod-dashboard-drpevent-title .drp-head-font {
    text-align: right;
    font-size: 1.5rem;    
}

@media (max-width: 990px) {
	.row {
		flex-direction: column;
	}
    .header-wrap .row {
        flex-direction: row;
    }
}

.section-ct .dashboard-counter.default .dashboard-mod-row {
	display: flex;
    flex-wrap: nowrap;
	justify-content: center;
    align-items: center;
    flex-direction: row;
}

.section-ct .dashboard-counter.default .dashboard-mod-row > div {
	float: left;
	padding: 15px;
	box-sizing: border-box
}

@media (max-width: 990px) {
    .section-ct	.dashboard-counter.default .dashboard-mod-row {
            flex-direction: column;
    }
}

.section-ct	.dashboard-counter.default .dashboard-item {
    text-align: center;
    background-color: #489ad2;
    color: #fff;
    margin: 15px;
    height: 230px;
	width: 100%;
}