/* 
    Created on : 28-apr-2021, 10.29.36
    Author     : Utente
    4F93DB DB4F4F 
    https://coolors.co/db4f4f
*/ 

.form-select {
    /*border: 1px solid #A0BFB6; green*/ 
    border: 1px solid #DB4F4F;
    border-radius: .375rem;

}
.form-select:focus {
    /*border-color: #83AAA2;*/
    border-color: #4F93DB;
    outline: 0;
}
.content-btn-searchbar{
    display: flex;
}
.btn-searchbar{
    font-size: 2em;
    margin-top: 40%;
    margin-bottom: 40%;
    padding: 0px 40px;
}

a.linkhide{
    color: inherit;
}
a.linkhide:hover{
    color: inherit;
    text-decoration: none
}


@media (max-width:768px){
    .btn-searchbar{
        font-size: 2em;
        margin-top: 10%;
        margin-bottom: 10%;
        padding: 0px 40px;
        width: 100%;
    }
}

.card-blu{
    background-color: #3a7fca
}
.card-yellow{
    background-color: #ffa700
}
.card-green{
    background-color: #33b58a
}
.btn-outline-white{
    border: 2px solid #fff;
    color: #fff;
    background: transparent
}
.navbar-brand-img {
	max-height: 4rem;
	width: auto;
}

/*form*/
.formbuilder label{
    display: block
}

.form-control {
    border: 1px solid #5f7ea8;
}
.form-control:focus {
	color: #161c2d;
	background-color: #fff;
	border-color: #4F93DB;
	outline: 0;
}
.formservices .custom-select {
    /*border: 1px solid #A0BFB6; green*/ 
    border: 1px solid #5f7ea8;
    border-radius: .375rem;

}
.eyebtn {
    position: absolute;
    right: 20px;
    bottom: 10px;
    background: none;
    border:none;
    color:#333;
    outline: 0
}
.eyebtn:focus {
    outline: 0
}
.radio_content {
    border: 1px solid #5f7ea8;
    border-radius: .375rem;
    padding: .8125rem 1.25rem;
}
.popover{
    border: 1px solid #869ab8;
}
.bs-popover-auto[x-placement^="right"] > .arrow::before, .bs-popover-right > .arrow::before {

	border-right-color: #869ab8;
}
.bs-popover-auto[x-placement^="left"] > .arrow::before, .bs-popover-left > .arrow::before {

	border-right-color: #869ab8;
}
.popover-body {
	padding: 0.5rem;
	color: #868686;
}
.select2-container--bootstrap4 .select2-selection {
	border: 1px solid #5f7ea8;
	border-radius: .375rem;
}
.select2-container--bootstrap4 .select2-dropdown {
	border-color: #5f7ea8;
	border-radius: 0;
        padding: .8125rem 1.25rem;
}
.select2-container--bootstrap4 .select2-dropdown.select2-dropdown--below {
	border-top: none;
	border-bottom-right-radius: .375rem;
	border-bottom-left-radius: .375rem;
}
.select2-container--bootstrap4 .select2-selection--single {
	height: calc(1.6em + 1.625rem + 2px) !important;
        padding: .8125rem 1.25rem;
}
.select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered {
	padding-left: .75rem;
	line-height: 1.5em !important;
	color: #495057;
}
.select2-container--bootstrap4 .select2-selection--single .select2-selection__placeholder {
	line-height: 1.5em;
	color: #6c757d;
}
.select2-container--bootstrap4 .select2-selection__clear {
	float: right;
	width: 1em;
	height: 1em;
	padding-left: .15em;
	margin-top: 0em;
	margin-right: .3em;
	line-height: 1em;
	color: #3f6993;
	background-color: #c8c8c8;
	border-radius: 100%;
        padding: 0px 0px 2px 0px !important;
}
.select2-container .select2-selection--single .select2-selection__clear {
	font-size: 1.5em;
}

.col-6.action {
	padding: 10px;
	text-align: center;
}
label.error {
	position: absolute;
	color: #fff;
	right: 12px;
	top: -6px;
	/* border: 1px solid #ddd; */
	padding: 5px;
	border-radius: 5px;
	background: #e12000;
}
.form-check label.error {
	top: -55px;
	right: -21px;
}

.swalhtml li {
	text-align: left;
	border: 1px solid #e12000;
	list-style: none;
	padding: 8px;
	color: #e12000;
	margin-bottom: 5px;
	border-radius: 5px;
}
.swalhtml{
    padding: 0px;
}

/*slide*/
.splide__slide img {
    width : 100%;
    height: auto;
}
.splide{
    border-radius: 12px;
    overflow: hidden;
    position: relative;
}

/*pagina rent*/
.card-body{
    padding: 1rem
}
.liststripped > li:nth-of-type(odd) >*{
    background: #f2f2f2
}

@media (max-width:768px){
    .liststripped:not(.resp) > li:nth-of-type(odd) >*{
        background: #fff;
    } 
    .liststripped:not(.resp) > li > .row > .title{
        background: #f2f2f2;
        font-weight: bold;
    } 
    .liststripped.resp > li > .row > .title{
        font-weight: bold;
    } 
    
    .liststripped.resp .col-md-6{
        flex: 0 0 auto;
        width: 50%; 
/*        border: 1px solid #ccc!important;*/
    }
    .liststripped .border-bottom,.liststripped .border-top,.liststripped .border-left,.liststripped .border-right,.liststripped .border-gray{
        border: none!important;
    }
}
.border-rouded{
    border-radius: 1rem!important;
    overflow: hidden;
}
.border-info{
    border-color: #3a7fca!important;
}
.border-gray {
    border-color: #ccc!important;
}
.background-gray{
   background-color: #e6e6e6!important;
}
.breadBorderBottom{
    border-bottom: 3px solid #df4759;
}

.rectbottom.nav-pills .nav-link {
    border-radius: 0;
    border-radius: .375rem .375rem 0 0 ;
}

h1.rent_title{
    font-size: 1.7rem;
    font-weight: 500;
    margin: 0px;
    padding: 15px 0px 5px 0px;
}

.listrent_off h1{
    font-size: 1.2rem;
    font-weight: 500
}
.listrent_off h2{
    font-size: 1.2rem
}
.listrent_off h2{
    font-size: 1.3rem
}
hr{
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid #df4759;
}


@media (max-width:768px){
    label.error {
	position: absolute;
	color: #e12000;
	right: 23px;
	top: -20px;
	padding: 0px;
	border-radius: 5px;
	background: none
    }
    .form-check label.error {
            top: -37px;
            right: -21px;
    }
}

/*menu*/
.topmenu{
    z-index: 1030;
}
.bottommenu{
    z-index: 1020;
}
@media (max-width:768px){
    .topmenu{
        z-index: 1020;
    }
    .bottommenu{
        z-index: 1030;
    }
}
@media all and (min-width: 992px) {
	.nav-item .dropdown-menu{ display: none; }
	.nav-item:hover .nav-link{   }
	.nav-item:hover .dropdown-menu{ display: block; }
	.nav-item .dropdown-menu{ margin-top:0; }
}	

/*modal*/
#modalrentfilter .modal-header{
    padding: 0.2rem;
}
#modalrentfilter .modal-footer{
    padding: 0.2rem;
}
#modalrentfilter .modal-body{
    padding: 1rem;
}
#countfilter .alert{
    margin-bottom: 0px;
    text-align: center;
}
@media all and (min-width: 992px) {
    .modal-fullhalf{
        width: 40vw
    }
}

/*pagesearch*/
.card-body.rent-card{
    padding: 1em 0.5em;
    padding-bottom: 0em;
}
.card-meta.rent-card{
    padding: 0.5em;
    padding-bottom: 0em;
}
.card-img-start.rent-card{
    min-height: 180px;
}
.card-img-start.rent-card-lg{
    min-height: 250px;
}
@media (max-width: 768px) {
    .card-img-start.rent-card{
        min-height: 180px;
    }
}
.rent-card .card-meta-divider {
    margin: 0 0 0.2rem;
    width: 100%;
}

.column-dett-rent {
    padding: 0.3em;
}
.column-dett-rent:not(:last-child) {
    border-right: 1px solid #ddd
}
.card-body.rent-card .price {
    text-align: right;
    padding: 0em 0.5em;
    font-size: 1.5em;
    font-weight: bold;
    color: #df4759;
    border: 1px solid;
    display: inline-block;
    border-radius: 0.2em;
    float: right;
}
@media (max-width: 768px) {
    .shadow-light-lg{
        box-shadow: none !important
    }
}
a.contentflag{
    padding-left: 0px;
    padding-right: 0px
}
a.contentflag:hover{
    text-decoration: none
}
.flagtitle span{
    display: block;
    padding: 2px;
    border-radius: 0.25em;
}
.flagtitle{
    font-family: 'Archivo Black', sans-serif;
    position: absolute;
    color: #df4759;
    background: transparent;
    font-weight: bold;
    height: 60px;
    width: 100%;
    line-height: initial;
    padding-top: 2px;
    padding-left: 0.5em;
    padding-right: 4em;
}

.flagtitle.flbig {
    padding-right: 8em;
    height: 120px;
}
.flagtitle div{
    font-size: 12px
}
.flagtitle:hover{
    text-decoration: none
}
@media (max-width: 768px) {
    .flagtitle.flbig{
        height: 85px;

    }
    ul.container{
        padding-left: 1rem;
        padding-right: 1rem
    }
    .nav-item .btn{
        line-height: 1.2;
        padding: .512rem 1rem;
    }
    .flatmenu.navbar {
      padding: 0.5rem 0  
    }
    .flatmenu.navbar .nav-item {
        display: grid
    }
}
.accordion-button:after {
    background-repeat: no-repeat;
    background-size: 1.85rem;
    content: "";
    flex-shrink: 0;
    height: 1.85rem;
    margin-left: auto;
    transition: transform .2s ease-in-out;
    width: 1.85rem;
}
.list-striped{
    padding: 0.25rem 1rem
}
.list-striped:nth-child(odd) {
    background: #f3f3f3
}