/* ---------------------------------------- JX : Joomla Default Elements Css ---------------------------------------- */

/* ---------------------------------------- mod-breadcrumbs ---------------------------------------- */
.mod-breadcrumbs__wrapper{margin:0px 12px;}
.mod-breadcrumbs__wrapper ol{}
.mod-breadcrumbs__wrapper ol li{display:inline-block;}
.mod-breadcrumbs__wrapper ol li > a{display:inline-block;padding:12px;}
.mod-breadcrumbs__wrapper ol li > span{display:inline-block;padding:12px;}
.mod-breadcrumbs__wrapper .breadcrumb-item::before{
    content:"\f104"; font-family:"Font Awesome 5 Free";
    font-weight:900; padding:0 12px 0 0; transition:0.3s;
}

/* ---------------------------------------- blog-featured ---------------------------------------- */
.blog-featured{}
.blog-featured .blog-items{}
.blog-featured .blog-item{}
/* blog-item */
.blog-item{}
.blog-item:before,.blog-item:after{content:"";display:block;clear:both;}
/* item-page */
.item-page{padding:12px;}
.item-page:before,.item-page:after{content:"";display:block;clear:both;}
/* item-content */
.item-content{margin:24px 0px;padding:12px;border:solid 1px #f1f1f1;}


/* ---------------------------------------- com-content ---------------------------------------- */
/* com-content-category */
.com-content-category{}
/*category-topbox */
.com-content-category .category-topbox{display:flex;flex-wrap:wrap;align-items:center;text-align:center;background:#fff;padding:12px;margin:12px;}
.com-content-category .category-topbox div div p{text-align:center;}
@media only screen and (min-width:721px){
	.com-content-category .category-topbox div{text-align:start;}
	.com-content-category .category-topbox div div p{text-align:start;}
}
/* category-form */
.com-content-category form{}
.com-content-category__pagination{}
.com-content-category__table{width:100%;padding:10px;text-align:center;}
.com-content-category__table caption{}
.com-content-category__table caption.visually-hidden{display:none;}
.com-content-category__table thead th{background:rgb(80 100 120 / 10%);}
.com-content-category__table tbody tr{background:transparent;transition:0.5s}
.com-content-category__table tbody tr a{display:block;padding:10px;color:var(--main);}
.com-content-category__table tbody tr a:hover{color:var(--white);padding-inline-start:20px;}
.com-content-category__table tbody tr a:before{content:'::';display:inline-block;color:var(--bs1);transition:0.5s;}
.com-content-category__table tbody tr a:hover:before{transform:rotate(225deg);color:#000;}
.com-content-category__table tbody tr:nth-child(even){background:#fff;}
.com-content-category__table tbody tr:nth-child(odd){background:#f5f5f5;}
.com-content-category__table tbody tr:hover{background:var(--main);}
.com-content-category__table tbody tr th{}
.com-content-category__table tbody tr th.list-title{text-align:start;padding:0px;}
.com-content-category__table tbody tr td{}
/* category__navigation */
.com-content-category__navigation{display:flex;justify-content:space-between;align-items:center;flex-direction:row-reverse;padding:10px;}
/* category-list */
.category-list{}

/* com-content-categories */
.com-content-categories__items{display:flex;flex-wrap:wrap;justify-content:center;gap:24px 12px;text-align:center}
.com-content-categories__item{flex: 1 0 20%;border:1px solid #909090;position:relative;padding:12px;}
.com-content-categories__item .category-desc{padding-bottom:24px;}
.com-content-categories__item-title{width:100%;}
.com-content-categories__item-title-wrapper{}
.com-content-categories__item-title-wrapper span.badge{
    position:absolute;bottom:-20px;left:0;right:0;margin:auto;
    width:200px;background:#fff;border:1px solid #909090;
}

.com-content-categories div.category-desc.base-desc{padding:12px;}


.com-content-category-blog-header{display:flex;flex-wrap:wrap;align-items:center;}
.com-content-category-blog-header-item{padding:12px;}
/* item-content */
.item-content p.readmore{clear:both;}


.com-content__filters{display: flex;flex-wrap:wrap;justify-content:space-around; padding:6px;}

/* counter */
.counter{padding:0px 12px;}
.counter .float-end{}
/* pagination */
ul.pagination{}
ul.pagination li{display:inline-block;list-style:none;}
ul.pagination li a{padding:6px 12px;line-height:1em;}
ul.pagination li > span{padding:6px 12px;line-height:1em;}

/* ---------------------------------------- web-tags ---------------------------------------- */
.web-tags{}
.web-tags ul{display:flex;flex-wrap:wrap;list-style:none;font-size:0.9em;gap:6px;}
.web-tags ul li{}
.web-tags ul li a{display:inline-block;padding:0 12px;}
.web-tags ul li a:before{content:'\f02b';font-family:"Font Awesome 5 Pro";font-weight:normal;padding-inline-end:3px;}

/* -------------- Table ---------------------------------------- */
.table{}

.table-style1{}
.table-style1 thead{background:#44616f;color:#ffffff;}
.table-style1 tbody{}
.table-style1 tr{}
.table-style1 tbody tr:nth-child(odd){background-color:#fcfcfc}
.table-style1 tbody tr:nth-child(even){background-color:#f3f3f3}
.table-style1 tbody tr:hover{background-color:#e0e0e0}
.table-style1 th{padding:12px 6px}
.table-style1 td{padding:12px 6px;}

/* ---------------------------------------- error page ---------------------------------------- */
.error-page-header{color:#f00;padding:12px}
.error-page-content{padding:24px;background:#fff;}
.table-error{overflow:auto;}
.table-error h2#caption{padding:12px;}
.table-error table{width:100%;padding:24px;background:#fff;}
blockquote.error{background: #ffdddd;border-left:10px solid #f00;padding:18px;}

/* -------------- List ---------------------------------------- */
.none-decoration{text-decoration:none}
.none-style,ul.none-style,ul.none-style li{list-style:none;}

.list-inline, ul.list-inline{}
.list-inline li, ul.list-inline li{display:inline}
.list-inlineblock, ul.list-inlineblock{}
.list-inlineblock li, ul.list-inlineblock li{display:inline-block}

.list-middle, ul.list-middle{}
.list-middle li, ul.list-middle li{display:inline-block;vertical-align:middle}

/* -------------- Inputs ---------------------------------------- */
.range{-webkit-appearance:none; appearance:none; outline:none;
	width:100%; height:42px; background:#d3d3d3;
}
.range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;
	width:24px; height:24px; background:#4CAF50; cursor:pointer;
}
.range::-moz-range-thumb{width:25px; height:25px; background:#4CAF50; cursor:pointer;}

/* -------------- Bottuns ---------------------------------------- */
.button-block,.btn-block{display:block;padding:12px}

/* -------------- Dropdown ---------------------------------------- */
.dropdown-tab{}
.dropdown-toggle{}
.dropdown-toggle:hover{cursor:pointer;}
.dropdown-content{}

/* -------------- tooltip ---------------------------------------- */
.tooltip{background:rgba(0,0,0,0.75);color:#fff;border-radius:6px;padding:6px;}


/* -------------- Other ---------------------------------------- */
.delete-line{color:#999999; text-decoration:line-through;}

/* -------------- Circular ---------------------------------------- */
.circular{
	-webkit-border-radius:50%; /* Safari3-4,iOS1-3.2,Android1.6- */
	-moz-border-radius:50%;  /* Firefox1-3.6 */
	border-radius:50%;  /* Opera10.5,IE9,Safari5,Chrome,Firefox4,iOS4,Android2.1+ */
}

/* Transparent */
.transparent{background-color:transparent;color:transparent}

/* -------------- Box Shadow ---------------------------------------- */
/* box-shadow:[horizontal offset] [vertical offset] [blur radius] [optional spread radius] [color]; */
.box-shadow{
	-webkit-box-shadow:3px 3px 5px 6px #ccc;  /* Safari3-4,iOS4.0.2-4.2,Android2.3+ */
	-moz-box-shadow: 3px 3px 5px 6px #ccc;  /* Firefox 3.5-3.6 */
	box-shadow: 3px 3px 5px 6px #ccc;  /* Opera10.5,IE9,Firefox4+,Chrome6+,iOS5 */
}

.shadow{box-shadow:3px 3px 5px 6px #ccc; /* Opera10.5,IE9,Firefox4+,Chrome6+,iOS5 */
	-webkit-box-shadow:3px 3px 5px 6px #ccc; /* Safari3-4,iOS 4.0.2-4.2,Android 2.3+ */
	-moz-box-shadow:3px 3px 5px 6px #ccc; /* Firefox3.5-3.6 */
}
.shadow-0{box-shadow:0px 6px 6px -6px #e1e1e1;
	-webkit-box-shadow:0px 6px 6px -6px #e1e1e1; -moz-box-shadow:0px 6px 6px -6px #e1e1e1;

}
.shadow-1{box-shadow:0px 0px 6px 1px #404040;
	-webkit-box-shadow:0px 0px 6px 1px #404040; -moz-box-shadow:0px 0px 6px 1px #404040;
}
.shadow-dark1-x{box-shadow:0px 3px 3px -3px #777;
	-webkit-box-shadow:0px 3px 3px -3px #777; -moz-box-shadow:0px 3px 3px -3px #777;
}
.shadow-dark1{box-shadow:0px 6px 6px -6px #777;
	-webkit-box-shadow:0px 6px 6px -6px #777; -moz-box-shadow:0px 6px 6px -6px #777;
}
.shadow-black1-x{box-shadow:0px 3px 3px -3px #0e0e0e;
	-webkit-box-shadow:0px 3px 3px -3px #0e0e0e; -moz-box-shadow:0px 3px 3px -3px #0e0e0e;
}
.shadow-black1{box-shadow:0px 6px 6px -6px #0e0e0e;
	-webkit-box-shadow:0px 6px 6px -6px #0e0e0e; -moz-box-shadow:0px 6px 6px -6px #0e0e0e;
}

/* -------------- Gradiant ---------------------------------------- */
.gradient{height:5px; background:#1987be;
	background:linear-gradient(-150deg,#1987be,#ff00dc);
}

/* -------------- Transforms ---------------------------------------- */
.transform-1{transform:scale(1.5) rotate(7deg);
	-ms-transform:scale(1.5) rotate(7deg); -moz-transform:scale(1.5) rotate(7deg);
	-webkit-transform:scale(1.5) rotate(7deg); -o-transform:scale(1.5) rotate(7deg);
}

/* -------------- Polygon ---------------------------------------- */
.polygon-1{
	clip-path:polygon(0 0,100% 0,100% 30%,95% 30%,88% 100%,37% 100%,30% 30%,15% 30%,15% 15%,0 15%);
	-webkit-clip-path:polygon(0 0,100% 0,100% 30%,95% 30%,88% 100%,37% 100%,30% 30%,15% 30%,15% 15%,0 15%);
}

/* -------------- Cursor ---------------------------------------- */
.cursor-copy{cursor:copy}.cursor-pointer{cursor:pointer}.cursor-crosshair{cursor:crosshair}

/* -------------- Css Kits ---------------------------------------- */
.noselect{
	-webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Old of Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed, currently supported by Chrome, Edge, Opera and Firefox */
}
.readonly{
	-webkit-touch-callout: none; -webkit-user-select: none;
	-khtml-user-select: none; -moz-user-select: none; -ms-user-select: none;
	user-select: none; pointer-events: none; cursor: default;
}
.disabled{
	-webkit-touch-callout: none; -webkit-user-select: none;
	-khtml-user-select: none; -moz-user-select: none; -ms-user-select: none;
	user-select: none; pointer-events: none; cursor: default;
	background-color:#e0e0e0; border-color:#d0d0d0;
}

/* -------------- Snackbar ---------------------------------------- */
.snackbar{position:fixed; width:80%; left:10%; bottom:12px; background:rgba(40 40 40 / 75%);}