.main-content-category > div[itemprop="articleBody"] {
    max-width: 100% !important;
    padding: 10px 20px;
}

.main-content-category > div[itemprop="articleBody"] > .mod-articles-items > li > article > .mod-articles-item-content > .mod-articles-title {
    float:left;
    font-size: x-large;
    line-height: 30px;
}

.main-content-category > div[itemprop="articleBody"] > .mod-articles-items > li > article > .mod-articles-item-content > .list-inline {
    border-bottom: 2px solid #ccc;
    padding: 6px;
}

.jmm-item {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 8px;
    align-items: center;
}
.jmm-icon {grid-row: span 2 / span 2;}
.jmm-subtitle {
    grid-column-start: 2;
    grid-row-start: 2;
}
.jmm-icon img{
    max-width: 100px !important;
    border-radius: 40px;
    float: right;
}
.jm-count {
    font-weight: 600;
    height: 40px;
}
.jmm-subtitle {
    grid-column-start: 2;
    grid-row-start: 2;
    height: 40px;
    font-size: medium;
}
.djtabs-title, .djtabs-panel-title, .djtabs-article-category, .djtabs-article-author, .djtabs-date-in {font-size:large !important;}
.djtabs-article-content {font-size:medium !important;}
.djtabs-article-group {border-bottom: 1px solid  #676767;
}
.djtabs-panel {
border-width: 0 !important;
background-color: unset !important;
float: left;
}
.main-announcement > .sp-module-content {
    padding: 30px 15px;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 15px;
}
#jux_megamenu164 li.megacss>.childcontent {
    background-color: #485067;
}
.main-announcement > h3{
    text-align: center;
    margin: 0px 0px 30px 0px;
    font-size: 2.5em;
    font-weight: 600;
}
.main-content-category > h2{
    text-align: center;
    margin: 0px 0px 30px 0px;
    font-size: 2.5em;
    font-weight: 600;
}
table.category thead>tr, table.category tbody>tr {
    border: 1px solid #ffffff00;
    border-bottom: 1px solid #b3b3b3;
}
table.category thead>tr>td, table.category tbody>tr>td {
    font-size: large;
    font-weight: 600;
}
.user-link1 > .sp-module-title, .user-link2 > .sp-module-title, .user-link3 > .sp-module-title, .user-link4 > .sp-module-title {
    text-align: center;
    background-color: #3A5873;
    color: #ffffff;
    padding: 15px 0;
    margin-bottom: 0;
}
#jux_accord-menu div ul {
    padding: 0;
}
#jux_accord-menu .menu_head {
    background:#eff8ff !important;
    border-bottom: 1px solid #cfdef0 !important;
    padding: 5px 8px 5px 12px !important;
}
#jux_accord-menu .menu_head a span, #jux_accord-menu .menu_head span span {
    color: #26370A !important;
    font-size: medium !important;
}
#jux_accord-menu .menu_head.active:hover, #jux_accord-menu .menu_head:hover {
    color: unset;
    text-shadow: unset;
    background: unset;
}
.com-users.view-login .sp-module, .com-users.view-registration .sp-module {
    max-width: unset;
}
.sp-page-title .sp-page-title-heading {
    font-size: 3.5em;
    text-align: center;
}
.kl-accesskey {vertical-align: top;}
@media (max-width: 999px) {
  .nav-pills {
    font-size: x-large;
    padding: 20px;
  }
.nav-item {padding:10px;}
.nav {display:block;}
}
.sp-copyright {font-size:large;}
.djtabs-freatured {
	border-radius:5px;
	border:1px solid #ccc;
	background-color:#015074;
	padding:3px 5px;
	color:#fff;	
        display: inline-block;
        width: 50px;
        text-align: center;
}

@media (max-width: 575px) {
    #sp-header {
        height: 80px !important;
    }
	.logo-image-phone {
		height: 80px !important;
	}
	.site-title {
		margin:auto 0;
	}
}

#sp-footer, #sp-bottom {
    background: #3D573D;
    color: #FFFFFF;
}

.article-details div[itemprop="articleBody"] {
    max-width: 1024px !important;
    margin: 0 auto;
}

input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="date"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="number"]:focus, select:not(.form-select):focus, .form-control:focus, .sppb-form-control:focus, .sppb-form-group .sppb-form-control:focus {
    color: #333333 !important;
    background-color: #FFBF47 !important;
}



.color-white {color:#ffffff;}

#sp-header {
    box-shadow: 0 7px 5px -5px rgba(0, 0, 0, .4);
}

.content-tags {
	margin-bottom:0 !important;
}
.content-tags > li > a{
	color:#fff !important;
}

.content-tags1 {
	border-radius:5px;
	border:1px solid #ccc;
	background-color:#9E1010;
	padding:3px 5px;
	color:#fff;	
    display: inline-block;
    width: 50px;
    text-align: center;
}

.content-tags2 {
	border-radius:5px;
	border:1px solid #ccc;
	background-color:#076414;
	padding:3px 5px;
	color:#fff;	
    display: inline-block;
    width: 50px;
    text-align: center;
}

.content-tags3 {
	border-radius:5px;
	border:1px solid #ccc;
	background-color:#950F73;
	padding:3px 5px;
	color:#fff;	
    display: inline-block;
    width: 50px;
    text-align: center;
}

.content-tags4 {
	border-radius:5px;
	border:1px solid #ccc;
	background-color:#075A5A;
	padding:3px 5px;
	color:#fff;	
    display: inline-block;
    width: 50px;
    text-align: center;
}

.content-tags5 {
	border-radius:5px;
	border:1px solid #ccc;
	background-color:#4B4C06;
	padding:3px 5px;
	color:#fff;	
    display: inline-block;
    width: 50px;
    text-align: center;
}

.input-group.hu-j4-media {
    max-width: 100% !important;
}

.input-group.hu-j4-media > .btn {
	padding: 8px 10px !important;
}

.table-article {
    width: 100%;
    border-collapse: collapse;
    overflow-x: auto;
    margin: 0;
    text-align: left;
    width: 100%;
    background-color: transparent;
    border-spacing: 0;
}

.table-article th.articleth {
    vertical-align: middle;
    width: 6em;
    color: #660000;
    font-weight: 600;
}
.table-article th.articleth, .table-article td.articletd {
    vertical-align: top;
    padding: 1%;
    border-color: #959595;
	font-size: large;
}
.table-article th {
    font-weight: 700;
    text-align: center;
    white-space: nowrap;
}
.table-article th, .table-article td {
    padding: .3em .5em .2em .5em;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(89, 89, 89, .3);
    vertical-align: middle;
}

.article-title > .articletd {
	color: #004A94;
    font-weight: 600;	
}

.tabs-att {
    margin-left: 0.7em;
    color: #015074;
}

.left-article-category {
	margin-top: 0 !important;
	border: 1px solid #959595 !important;
	padding:unset !important;
}

.left-article-category > .sp-module-content > ul li{
	border-bottom: 1px solid #959595 !important;
padding: 2px 0 2px 20px;
    font-size: large;	
}

.left-article-category-title {
	border-bottom: 1px solid #959595;
    background-color: #015074;
    padding: 15px;
	font-weight:600;
	color: #ffffff;
}

a.sp-only:focus {
	position: absolute;
	left: 0px;
	top: 0px;
	outline-color: transparent;
    -webkit-transition: top 1s ease-in;
	transition: top 1s ease-in;
	border: 0.4rem solid #ffbf47;
	background: #ffbf47;
	color: #000000;
	font-weight: 700;
}

a.sp-only {
    padding: 0.5rem;
    background: #485067;
    color: #FFF;
    position: absolute;
    top: -2.5rem;
    left: 0;
    -webkit-transition: top 1s ease-out;
    transition: top 1s ease-out;
    z-index: 999999;
}

.sp-header > .container > .container-inner > .row {
	height:80px;
}

.sp-header > .container > .container-inner > .row > #sp-logo {
	margin:auto 0;
}

.form-control:focus {
    color: #000000;
    outline: 2px solid #000000;
    outline-offset: 2px;
}

.site-title a{
	height:80px;
	display:block;
}

body .sppb-btn, body .btn {
    display: inline-block;
    padding: .2em .6em;
    margin: .2em 0;
    cursor: pointer;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #4D4D4D;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(89, 89, 89, 1);
    background-color: transparent;
    border-radius: 4px;
    -webkit-border-radius: 4px;
	line-height: unset;
}

.bg-primary {
    --bs-bg-opacity: 1;
    background-color: #0246AC !important;
}

.article-category-toolbar {
    background: rgba(204, 138, 0, .1);
    margin-bottom: 1em;
    padding: .5em;
    font-size: 95%;
}

table.category, .table-document {
	border-color: #015074;
	border-width: 5px;
	border-top-style: solid;
	border-bottom-style: solid;
	overflow-x: auto;
    border-collapse: collapse;
    margin: 0;
    text-align: left;
}

table.category thead>tr th, table.category tbody>tr th, .table-document thead th {
    background: rgba(0, 85, 204, .02);
    color: #039;
    padding: .4em .3em .3em;
    font-weight: 600;
    text-align: center;
    border-style: solid;
    border-width: 5px 0 1px 0;
    border-color: rgba(0, 85, 204, .5) transparent rgba(0, 85, 204, .1) transparent;
	font-size: large;
}

table.category .list-date {
    width: 7em;
	text-align: center;
}

table.category .list-freatured {
    width: 7em;
	text-align: center;
}

table.category .list-author {
    width: 6.2em;
	text-align: center;
}

table.category .list-hits {
    width: 5.1em;
	text-align: center;
}

.footer-menu {
	text-align:left;
	font-size:large;
}

.footer-menu-link > .sp-module-content > .mod-list > .nav-item {
	font-size:large;
}

.offcanvas-bottom-close > .close-offcanvas {
    top: unset;
    z-index: unset;	
}

.offcanvas-bottom-close:focus-visible {
    color: #333333 !important;
    background-color: #FFBF47 !important;
}


@media only screen and (max-width: 1097px) {
    #sp-top-bar {
        display: none;
    }
    #sp-header {
        height: 80px;
    }
	#sp-header > .container > .container-inner >.row {
		height:80px;
	}
	#sp-logo > .sp-column > .logo > .site-title {
		margin: auto 0;
	}
}

label.filter-search-lbl {
    width: 9rem;
    font-size: large;
    font-weight: 600;
    margin: auto 5px;
    text-align: right;
}

label.page-num-lbl {
    width: 13rem;
    font-size: large;
    font-weight: 600;
    margin: auto 5px;
    text-align: right;
}

.page-heading-subcategory-name {
	font-size: 80%;	
}

.page-header h2{
	position: relative;
    display: inline-block;
    width: 100%;
    padding-bottom: .3em;
    border-style: solid;
    border-width: 0 0 2px 0;
    border-color: rgb(1 80 116);	
}

a.mediajce-link {
	margin:0 5px;
    color: #0047B3 !important;
    font-weight: 700;	
}

a.page-previous, a.page-next {
	display: block;
    width: 100%;
    font-size: large;
    font-weight: 600;
}

a:hover, a:focus, a:active, a:focus-visible {
	background: #FFBF47;
	color: #000000 !important;
	font-weight: 600 !important;
}

button:hover, button:focus, button:active, button:focus-visible {
	background: #FFBF47;
	color: #000000 !important;
	font-weight: 600 !important;
}

.main-content-category > .body-wrapper >.body-innerwrapper > section > .container > .container-inner > .row > main > .sp-column > .item-pagemain-content-category > .page-header > h2{
    position: relative;
    padding-left: 20px;
    font-weight: bold;
}

.mod-articles-title > a {
    display: block;
}

.mod-articles-title .item {
    display: flex;
    align-items: center;
    padding: 25px 0;
    border-bottom: 1px solid #cfcfcf;
}

.mod-articles-title .item .mod-articles-date {
    width: 15%;
    text-align: center;
}

.mod-articles-title .item .mod-list-title {
    width: 85%;
    font-size: 1.125rem;
    padding-right: 1rem;
    color: #000;
}

#com-content-form > joomla-tab-element > .control-group {
    border: 2px solid #ccc;
    padding: 15px;
    border-radius: 5px;
    background-color: #e8fbff;	
}

.table-document-category-toolbar {
    background: rgba(204, 138, 0, .1);
    margin-bottom: 1em;
    padding: .5em;
    font-size: 95%;
}

.table-document thead tr {
	font-size: large;
    text-align: center;		
}

.table-document thead th {
	border: 1px solid #ffffff00;
    border-bottom: 1px solid #b3b3b3;
}

.file-icon-col {
	width:8%
}

.file-title-col {
	width:56%
}

.file-date-col {
	width:10%;
	text-align: center;
}
.file-size-col {
	width:10%;
	text-align: center;
}

.file-download-count-col {
	width:10%;
	text-align: center;
}

.file-download-col {
	width:8%;
	text-align: center;
}

.file-title-td-header {
	font-size: x-large;
	font-weight: 600;
}

.file-date {
	width:10%;
	text-align: center;
}
.file-size {
	width:10%;
	text-align: center;
}

.file-download-count {
	width:10%;
	text-align: center;
}

.file-download {
	width:8%;
	text-align: center;
}

.choose-login {
	border: 1px solid #ccc; 
	border-radius: 8px; 
	padding: 15px; 
	background: #64c7db;
}

.choose-login:hover, .choose-login:focus, .choose-login:active , .choose-login:focus-visible, .choose-login:focus-within {
	background: #FFBF47;
	color: #000000 !important;
	font-weight: 600 !important;
	border:2px dashed #000000;
}