.autor {margin: 0px;padding: 0px;font-size: 12px;    width: 100%;display: flex;align-items: center;justify-content: center;}
.box_in {padding: 4% 7%;}
.title {margin: -.1em 0 1em 0;font-size: 20px;}
ul.ui-form {list-style: none;padding: 0;margin: 0;}
ul.ui-form > li {margin-bottom: 10px;}
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
    display: inline-block;
    width: 100%;
    padding: 6px;
    vertical-align: middle;
    border-radius: 3px;
    background: #fff;
    border: 1px solid #d7d7d7;
    -webkit-transition: border 0.2s linear 0s;
    transition: border 0.2s linear 0s;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.wide, .bb-editor textarea, .ui-dialog textarea, select#category, .timezoneselect, .twofactorselect, .quick-edit-text {
    width: 100% !important;
}
.adr {padding-left: 10px;}
.combo_field {margin-bottom: 10px;}
.btn-2 {background-color: white;margin-top: 20px;}
.home-h3 {font-size: 1.25rem;font-weight: 700 !important;}
.fullstory-h3 {color: #8c8c8c;
    text-decoration: none;
    transition: 0.3s;}
.fullstory-h3 h3{font-size: 15px;}
.price {color: #77a464;
    height: 100%;
    float: right;
    /* top: 0px; */
    font-weight: 400;
    margin-bottom: .5em;
    font-size: .857em;}
.free {display: inline-block;
    color: #fff;
    display: inline-block;
    border-radius: 2px;
    display: inline-block;
    flex-grow: 2;
    width: 45px;
    position: absolute;
    bottom: 0;
    right: 0;
    bottom: 10px;
    margin-left: -10px;
    text-align: center;
    font-size: 11px;
    line-height: 13px;
    padding: 5px;
    /* margin: 5px; */
    background-color: #5fba7d;}
.free:after {
    content: "FREE";
}
.dwg:after {
    content: "DWG File";
    display: inline-block;
    color: #fff;
    display: inline-block;
    border-radius: 2px;
    display: inline-block;
    flex-grow: 2;
    width: 60px;
    position: absolute;
    bottom: 0;
    right: 0;
    bottom: 10px;
    margin-right: 5px;
    text-align: center;
    font-size: 11px;
    line-height: 13px;
    padding: 5px;
    /* margin: 5px; */
    background-color: #5fba7d;
}
.donwload:hover{background-color: #448460;border-color: #448460;border-radius: 0.25rem;}
img .xfieldimage {max-width: 100%;
    height: auto;
    padding-bottom: 5px;}
#dropmenudiv{    position: absolute;
    display: none;
    background-color: rgb(238, 238, 238);
    border-radius: 0px 0px 15px 15px;
    padding: 10px;
    z-index: 100;
    width: 170px;
    left: 1216.38px;
    top: 466.867px;
    opacity: 0.9;}
#dropmenudiv a {display: grid;}
.edit_btn {padding: 20px;}
@media (max-width: 1120px) {
    .noimage img {
        max-width: 100%;
    }
}
.noimage img {max-width: 100%;
    height: auto;
    padding-bottom: 5px;}
.navigation { margin: 25px 0; }
	.navigation:after { clear: both; display: block; content: ""; }

	.pages { text-align: left; }
	.pages span, .pages a:hover, .page_next-prev { 
		background-color: #448460;
		box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
		border-radius: 8px;
	}
	.pages span, .pages a {
    border: 2px solid #448460;
    color: #8e8e8e;
    border-radius: 5px;
    display: inline;
    position: relative;
    padding: 2px 8px;
    min-width: 25px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    text-decoration: none !important;
    font-weight: bold;
	}
	.pages span { color: #399; }
	.pages a:hover { color: #fff; background-color: #255038;  border: 2px solid #255038;}
	.pages span { color: #8e8e8e; }

	.page_next-prev { float: right; height: 36px; }
		.page_next-prev * { float: left; }
		.page_next-prev .icon { width: 25px; height: 15px; fill: #d7d7d7; }
		.page_next-prev > span >  a:hover .icon { fill: #ff9e05; }
		.page_next-prev > span > * { float: left; padding: 8px 8px; }

	.page_next > span, .page_prev > span { opacity: 0.5; }

	.splitnewsnavigation { margin-top: 4%; padding-top: 4%; font-weight: bold; border-top: 1px solid #efefef; }
	.splitnewsnavigation > a, .splitnewsnavigation > span { padding: 6px 10px; }


.page_next-prev {
    float: right;
    height: 30px;
}
.navigation {
    margin: 25px 0;
}
.icon {
    display: inline-block;
    width: 32px;
    height: 32px;
    fill: #0c5f7eed;
    vertical-align: middle;
}

#searchsuggestions {
    display: grid;
    z-index: 2200;
    width: 43%;
    border-radius: 0px 0px 10px 10px;
    background: var(--bs-body-bg);
    box-shadow: 0 8px 40px -10px rgba(0, 0, 0, 0.3);
    border: 1px solid #ddd;
    border-color: rgba(0, 0, 0, 0.2);
    background-clip: padding-box;
    font-size: .9em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#searchsuggestions .seperator {
    display: grid;
    z-index: 2200;
    border-radius: 0px 0px 10px 10px;
    background: var(--bs-body-bg);
    box-shadow: 0 8px 40px -10px rgba(0, 0, 0, 0.3);
    border: 1px solid #ddd;
    border-color: rgba(0, 0, 0, 0.2);
    background-clip: padding-box;
    font-size: .9em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#searchsuggestions a:hover{ background: #1a1a1a;}
.seperator a:hover{ background: #1a1a1a;border-radius: 0px 0px 10px 10px;}
#searchsuggestions a {text-decoration: none; color: #8e8e8e;padding: 5px 5px 5px 5px;}
#searchsuggestions img {width: 50px;padding-right: 10px;}
.my-popup {
	width: 100vw;
	height: 100vh;
	position: fixed;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #00000044;
	z-index: 10000;
    top: 0;
    left: 0;
}
.popup-title {
	width: 100%;
	display: flex;
	justify-content: center;
	margin: 20px 0;
	color: #fff;
}
.popup-container {
	width: 600px;
    border: 1px solid #1e1e1e;
    border-radius: 5px;
    padding: 10px 20px;
    background-color: #1e1e1e;
    box-shadow: 3px 3px 10px 0 #0004;
    max-width: calc(100vw - 60px);
}
.popup-info {
	color: #7b8396;
    margin: 20px;
    text-align: center;
}
.popup-buttons {
	display: flex;
	justify-content: space-between;
}
.popup-button {
	padding: 15px 10px;
	margin: 10px;
}
.popup-button > a {
	color: #fff;
	border: 1px solid #1e1e1e;
	border-radius: 5px;
	padding: 15px 10px;
	background-color: #0d6efd;
	text-decoration: none;
	transition: all .2s ease-in-out;
}
.popup-button > a:hover {
	color: #fff;
	background-color: #0b5ed7;
}
.popup-cross {
	position: relative;
}
.popup-cross > a {
	position: absolute;
    right: -10px;
    top: 0;
    background-color: #fff;
    border-radius: 5px;
    padding: 5px 10px;
    color: #e11346;
    text-decoration: none;
    transition: all .2s ease-in-out;
}
.popup-cross > a:hover {
	background-color: #e11346;
	color: #fff;
}

@media (max-width: 600px) {
    .popup-info {
        margin: 0;
    }
    .popup-buttons {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .popup-button {
    	margin: 0;
    }
}

/* collapse */
button[data-bs-toggle="collapse"] i {
    transition: transform ease-in-out .3s;
}
button[data-bs-toggle="collapse"][aria-expanded="true"] i {
    transform: rotate(180deg);
}

/* fullstory */
.highslide + br {
    display: none;
}

.offcanvas {
    visibility: visible!important;
    transition: all ease-in-out .3s;
}

@media (max-width: 576px) {
    .pagination .page-item.disabled,
    .pagination .page-item:nth-of-type(n+3):nth-of-type(-n+12) {
        display: none;
    }
    .pagination .page-item.disabled:nth-last-child(n+3):nth-last-child(-n+11),
    .pagination .page-item:nth-last-child(-n+2) {
        display: flex!important;
    }
}