/**
    * Table of Contents:
    *
    * 1. Home Classes
    * 2. XOOPS Codes
    * 3. XOOPS Blocks
    * 4. XOOPS Modules
        * 4.1. News
        * 4.2. Tag Module
        * 4.3. System
        * 4.4. System Comments
        * 4.5. System Site Closed
        * 4.6. Profile Module
        * 4.7. PM Module
    * 5. Useful Classes
    * 6. Bootstrap Fix
    * 7. Other Fix
**/

/* For Mobile IE */
@-webkit-viewport   {width: device-width;}
@-moz-viewport      {width: device-width;}
@-ms-viewport       {width: device-width;}
@-o-viewport        {width: device-width;}
@viewport           {width: device-width;}

/* 1. Home Classes */
div.maincontainer{margin-top:50px;margin-bottom:50px;}
div.bottom-blocks{}

/* 2. XOOPS Codes */

/* 3. XOOPS Blocks*/
div.xoops-side-blocks > aside{margin-bottom:20px;}
div.xoops-side-blocks > aside h1, div.xoops-side-blocks > aside h2, div.xoops-side-blocks > aside h3, div.xoops-side-blocks > aside h4, div.xoops-side-blocks > aside h5, div.xoops-side-blocks > aside h6{font-size:0.9em;}
div.xoops-side-blocks > aside > h4.block-title{line-height:inherit; margin:0; font-size:1.3em;}
.block-title{background:#55753C;color:#FFF;padding:14px 14px 14px 24px;border-radius:0px;}

/* 4. XOOPS Modules */

/* 4.1. News */
div.news-home{}
div.news-home .text-center form{margin-bottom: 20px;}
div.home-news-loop{margin-bottom:20px;}
div.excerpt-news{max-height:100px; overflow:hidden;margin-bottom:10px;}
div.excerpt-more{font-size:12px;}
div.home-thumbnails {height:auto; overflow:hidden; border: 3px solid #EEE;}
div.thumbnails-4by3{height:0px;padding-bottom:75%;position:relative;overflow:hidden;}
div.home-thumbnails img{position:absolute;top:0px;left:0px;width:100%;height:auto;}
div.home-news-loop:hover div.home-thumbnails img{
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}
div.home-news-loop div.home-thumbnails img,div.home-news-loop:hover div.home-thumbnails img{
    -webkit-transition: all 0.9s;
    -moz-transition: all 0.9s;
    -o-transition: all 0.9s;
    transition: all 0.9s;
}
div.home-news-loop a{color:#444;}
div.home-news-loop a:hover .xoops-news-title{color:#000;}

section.news-item{margin-bottom:20px;}

div.news-header{position:relative;}
div.news-header img{position:relative; min-width:100%; max-width:100%;}
div.news-header > h2.news-title{background:url(images/alpha.png); position:absolute; bottom:10%; left:0; padding:10px; margin:0; color:#FFF; font-size:1.8em; z-index:5;}
div.news-header > h2.news-title > a{color:#CF9;}
div.news-header > h2.news-title > a:after{content:": "}
h2.news-no-image{font-size:1.5em; margin:0; line-height:inherit;}
strong.hit-counter{background:#0B0F19;color:#FFF;border-radius:100%;padding:10px 0px 0px;font-size:12px;line-height:14px;width:50px;height:50px;}
div.xoops-news-navigation{padding:10px 0px;}
div.xoops-news-navigation a{display:inline-block;background:#0B0F19;padding:4px 15px 3px 15px;color:#EEE;border-radius:50px;letter-spacing:0.5px;transition:all linear 300ms;-moz-transition:all linear 300ms;-webkit-transition:all linear 300ms;}
div.xoops-news-navigation a:hover{background:#EEE;box-shadow:0 0 5px #0B0F19;color:#333;}
div.xoops-news-icons{padding:10px;}
div.xoops-news-icons a{font-size:1.5em; margin:0 10px 0 10px;}

/* 4.2. Tag module */
div.xoops-tag-bar{}
div.xoops-tag-bar > ul{}
div.xoops-tag-bar > ul > li.tag-title{font-weight:bold; margin:0 10px 0 0;}
div.xoops-tag-bar > ul > li{display:inline-table; line-height:25px; margin-right:10px;}
div.xoops-tag-bar > ul > li > span{}

/* 4.3. System */
div.loginform input[type=submit]{margin-bottom:5px;}

div.usermenu li span{margin-right:10px;}
div.usermenu li a.info span{color:#F00;}
div.usermenu li a.info span.badge{background:#F00; color:#FFF;}

div.xoops-theme-select{text-align:center;}
div.xoops-theme-select form select{border:1px solid #D6D6D6; width:100%;}
div.xoops-theme-select img {max-width: 100%;}

ul.userblock{border-bottom:1px solid #EEE; margin-bottom: 0; padding: 5px 0 5px 0;}
ul.userblock:nth-child(odd){background: #F9F9F9;}
ul.userblock:hover{background: #EEE;}
ul.userblock:last-child{border-bottom: none;}
ul.userblock > li{display: inline-block; position: relative;}
ul.userblock > li.avatar-image{max-width: 20%;}
ul.userblock > li.avatar-image img{max-width: 100%;}
ul.userblock > li.user-name{padding: 0 0 0 10px; width: 49%;}
ul.userblock > li.join-date{padding: 0 5px 0 0; width: 9%;}

ul.userblock > li span.badge{background: #47A447; position: absolute; bottom: 0; right: 0;}

/* 4.4. System Comments */
div.xoops-comment-body{margin-top:20px;}
div.xoops-comment-template{margin-bottom:20px;}
div.xoops-comment-author img{display:inline-block;}
div.xoops-comment-author ul.poster-info{text-align:left;}
div.xoops-comment-author li.poster-rank{margin-bottom:10px;}
div.xoops-comment-author strong.poster-rank{font-size:0.8em ;}
div.xoops-comment-author img.image-avatar{width:100%; border:1px solid #CCC;}
div.xoops-comment-author.col-md-2{padding-right:0}

div.xoops-comment-text > div{display: none;}
div.xoops-comment-text p.message-text{background:#EAEAEA; padding:10px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; position:relative;}
div.xoops-comment-text p.message-text:after{content:""; display:block; position:absolute; width:20px; height:20px; top:0; left:-10px; background:url(images/comment-arrow.png) 50% 50% no-repeat; background-size:contain;}

div.xoops-comment-form{}
div.xoops-comment-form input[type=text], div.xoops-comment-form textarea{background:#EEE; padding:5px; min-width:100%; border:1px solid #DDD; margin-bottom:10px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
div.xoops-comment-form input[type=text]:focus, div.xoops-comment-form textarea:focus{background:#FFF;}
div.xoops-comment-form textarea{max-height:150px;}
div.xoops-comment-form input[type=submit]{background:#5BC0DE; border:1px solid #09C; padding:5px; color:#FFF; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; float:right;}
div.xoops-comment-form span{font-weight: bold; color:#999;}
div.xoops-comment-form span.caption-marker{color:#F00; padding-left:10px; font-size:1.5em;}

div.modal-dialog.comments-modal{}

div.comments-nav{padding:10px;}

/* 4.5. System Site Closed */
.site-closed-body{}
div.xoops-site-closed{margin-top:10%;}
div.site-closed-logo{margin-bottom:5%;}
div.xoops-site-closed-container{background:#FFF; padding:10px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; box-shadow:0 0 10px #333, 0 0 10px #333;}
div.xoops-site-closed-container input{margin-bottom:10px;}
div.input-container{position:relative;}
div.input-container input:focus ~ span{left:-50px;}
div.input-container > span{background:#111; color:#000; text-shadow:1px 1px 0 #333; position:absolute; top:-3px; left:-10px; padding:10px; z-index:-1; font-size:1.5em; border-radius:5px 0 0 5px; -moz-border-radius:5px 0 0 5px; -webkit-border-radius:5px 0 0 5px; transition:all linear 300ms; -moz-transition:all linear 300ms; -webkit-transition:all linear 300ms;}

/* 4.6. Profile Module */
ul.profile-values{margin-top:10px;}
ul.profile-values > li{margin-bottom:5px;}
ul.profile-values > li.profile-category-title{font-size:1.2em; font-weight:600; border-bottom:1px dashed #999; margin-bottom:0; color:#09C;}

/* 4.7. PM Module */
div.xoops-message-header{min-height:40px;}
div.xoops-message-list div.col-xs-1,
div.xoops-message-list div.col-md-1{max-width:14px; text-align:center;}
div.xoops-message-list div.col-xs-1 .btn,
div.xoops-message-list div.col-md-1 .btn{padding:3px; display:inline-block; font-size:0.9em;}
div.xoops-message-loop{margin-bottom:10px;}
div.current-tab{margin-bottom:20px;}
div.message-current-tab div.alert{padding:10px 30px 10px 10px;}

/* 5. Useful Classes */
.big-info-icon-link{color:#333; font-size:1.8em; margin:10px 0 10px 0; display:inline-table; cursor:pointer;}
.xoops-default-title{font-size:1.3em; margin:0; line-height:inherit;}
.xoops-news-title{font-size:16px;margin:10px 0px 8px;line-height:inherit;border-bottom:1px dotted #9C9C9C;}
.one-line-title{display:block; max-height:30px; overflow:hidden;}
.generic-pagination{}
.generic-pagination a,#xo-pagenav a{color:#55753C;background:#FFF;border:1px solid #55753C;padding:0px 0px;border-radius:0px;display:inline-block;width:40px;height:40px;line-height:40px;text-align:center;}
.generic-pagination a:hover,#xo-pagenav a:hover{background:#55753C;color:#FFF;}
.generic-pagination .xo-pagact,#xo-pagenav .xo-pagact{background:#55753C;color:#FFF;border:1px solid #55753C;padding:0px;border-radius:0px;display:inline-block;width:40px;height:40px;line-height:40px;text-align:center;}
#xo-pagenav{margin:20px 0px;}
div.order-by{font-size:1.2em;}
div.order-by a{color:#999; font-size:1.2em;}
.mb10{margin-bottom: 10px;} /* Only Add Margin Bottom of 10px */
.lw30{line-height: 30px;} /* Only Add Line Height 30px */
.nompl{margin: 0; padding: 0; line-height: inherit;}/* No margin, paddind and lineweight -> use in title tags if necessary... */

/* 6. Bootstrap Fix */
body#tinymce{padding-top:0px;background:#FFF;}
a{color:#A0A0A0;}
a:hover,a:focus{color:#55753C;}

.breadcrumb{
	background:transparent;
	padding:6px 0px;
	border:none;
	border-radius:0px;
	color:#A0A0A0;
}
.breadcrumb > .active{color:#55753C;}
.breadcrumb > li + li:before{padding:0px 5px 0px 10px;color:#A0A0A0;content:"/\00a0";}

.breadcrumb a{color:#A0A0A0;}
.breadcrumb > .active a{color:#55753C;}
.breadcrumb a:hover,
.breadcrumb a:focus{color:#55753C;}

.breadcrumb li:first-child{position:relative;padding-left:20px;}
.breadcrumb li:first-child:before{
	content:'\F423';
	font-family:bootstrap-icons;
	display:inline-block;
	position:absolute;
	left:0px;
	top:1px;
}
.breadcrumb li:first-child:hover:before{color:#55753C;}
.breadcrumb > .active:before{color:#A0A0A0;}

/* 7. Other Fix */

/*input FIX START */

input[type=text],
input[type=submit]{
	display:block;
	width:100%;
	padding:0.375rem 0.75rem;
	font-size:1rem;
	font-weight:400;
	line-height:1.5;
	color:#212529;
	background-color:#FFF;
	background-clip:padding-box;
	border:1px solid #CED4DA;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	border-radius:0.375rem;
	transition:border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
input[type=submit]{display:inline-block;width:auto;}
input[type=checkbox]{padding:0px;}

/*input {padding:6px 12px;font-size:14px;line-height:1.428571429;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;}*/
input:focus,select:focus,textarea:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}
input[type=image]{padding:0px;}
input[type=radio] {display:none;}
input[type=radio]+ label {
	padding-left:30px;
	height:22px;
	display:inline-block;
	line-height:22px;
	background-repeat:no-repeat;
	background-position: 0 0;
	vertical-align:middle;
	cursor:pointer;
	background-image:url(images/checkbox.png);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin-bottom:0px;
}
input[type=radio]:checked + label {background-position: 0 -22px;}
input.formButton,input.ui-button {color:#FFF;border:1px solid #212529;background:#212529;}
input.formButton:hover {background-color:#424649;border:1px solid #373B3E;}
input, button, select, textarea{border:1px solid #CCC;border-radius:4px;}
textarea{width:100%;}

/*input FIX END */

/* other input FIX START */
#userinfo select{width:100%;}
#userinfo input[type=text]{width:100%;}
#userinfo input[type=password]{width:100%;}
#search #query{width:100%;}
/* other input FIX END */

/* form-group FIX Start */
.form-group{
	--bs-gutter-x:1.5rem;
	--bs-gutter-y:0;
	display:flex;
	flex-wrap:wrap;
	margin-top:calc(-1 * var(--bs-gutter-y));
	margin-right:calc(-0.5 * var(--bs-gutter-x));
	margin-left:calc(-0.5 * var(--bs-gutter-x));
	margin-bottom:15px;
}

.form-group > * {
	flex-shrink:0;
	max-width:100%;
	padding-right:calc(var(--bs-gutter-x) * 0.5);
	padding-left:calc(var(--bs-gutter-x) * 0.5);
	margin-top:var(--bs-gutter-y);
}

.form-group label{font-weight:bold;text-align:right;}
.form-group .radio-inline{margin-right:10px;}

.form-group input[type=submit],
.form-group input[type=reset]{
	display:inline-block;
	width:auto;
	color:#FFF;
	background:#212529;
	border:1px solid #212529;
}
.form-group input[type=submit]:hover,
.form-group input[type=reset]:hover{background:#424649;border:1px solid #373B3E;}
/* form-group FIX End */

/*table FIX START */
.outer {
  width:100%;
  max-width:100%;
  margin-bottom:20px;
  border-spacing:0;
  border-collapse:collapse;
  border:1px solid #DDD;
}
.outer > thead > tr > th,
.outer > tbody > tr > th,
.outer > tfoot > tr > th,
.outer > thead > tr > td,
.outer > tbody > tr > td,
.outer > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.outer > thead > tr > td.head,
.outer > tbody > tr > td.head,
.outer > tfoot > tr > td.head,
.outer > thead > tr > th.head,
.outer > tbody > tr > th.head,
.outer > tfoot > tr > th.head,
.outer > thead > tr.head > td,
.outer > tbody > tr.head > td,
.outer > tfoot > tr.head > td,
.outer > thead > tr.head > th,
.outer > tbody > tr.head > th,
.outer > tfoot > tr.head > th {
  background-color:#FCF8E3;
  vertical-align:middle;
}
.outer > thead > tr > td.odd,
.outer > tbody > tr > td.odd,
.outer > tfoot > tr > td.odd,
.outer > thead > tr > th.odd,
.outer > tbody > tr > th.odd,
.outer > tfoot > tr > th.odd,
.outer > thead > tr.odd > td,
.outer > tbody > tr.odd > td,
.outer > tfoot > tr.odd > td,
.outer > thead > tr.odd > th,
.outer > tbody > tr.odd > th,
.outer > tfoot > tr.odd > th {
  background-color:transparent;
  vertical-align:middle;
}
.outer > thead > tr > td.even,
.outer > tbody > tr > td.even,
.outer > tfoot > tr > td.even,
.outer > thead > tr > th.even,
.outer > tbody > tr > th.even,
.outer > tfoot > tr > th.even,
.outer > thead > tr.even > td,
.outer > tbody > tr.even > td,
.outer > tfoot > tr.even > td,
.outer > thead > tr.even > th,
.outer > tbody > tr.even > th,
.outer > tfoot > tr.even > th {
  background-color:transparent;
  vertical-align:middle;
}
/*table FIX END */

/*answer FIX START */
body#answer th{background:none;}
/*answer FIX END */

/*news FIX START */
form#storyform img{width:50%;height:auto;}
section.news-item img{max-width:100%;height:auto;}
/*news FIX END */

/*filelist FIX START */
.chzn-container-multi .chzn-choices .search-field input{height:auto;}
#filelist .outer th{background-color:transparent;}
#filelist .active th{background-color:#F5F5F5;}
/*filelist FIX END */