/*!
 * Start Bootstrap - Modern Business HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Global Styles */

html,
body {
    height: 100%;
    background:#f8f8f8;
    color:#444;
}

body {
    padding-top: 50px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}

/* Home Page Carousel */

header.carousel {
    height: 50%;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}

.period {
    display: block;
    font-style: italic;
}

/* Responsive Styles */

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
}

@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
        height: 70%;
    }
}

#login-dp{
    min-width: 250px;
    padding: 14px 14px 0;
    overflow:hidden;
    background-color:white;
}
#login-dp .help-block{
    font-size:12px    
}
#login-dp .bottom{
    background-color:rgba(255,255,255,.8);
    border-top:1px solid #ddd;
    clear:both;
    padding:14px;

}
#login-dp .form-group {
    margin-bottom: 10px;
}
.navbar-login
{
    width: 305px;
    padding: 10px;
    padding-bottom: 0px;
}

.navbar-login-session
{
    padding: 10px;
    padding-bottom: 0px;
    padding-top: 0px;
}

.icon-size
{
    font-size: 87px;
}
.tab-content
{
    margin-top:10px;
}
.form-registration
{
    margin-top:10px;
}
/* Profile container */
.profile {
  margin: 20px 0;
}

/* Profile sidebar */
.profile-sidebar {
  padding: 20px 0 10px 0;
  background: #fff;
}

.profile-userpic img {
  float: none;
  margin: 0 auto;
  width: 50%;
  height: 50%;
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  border-radius: 50% !important;
}

.profile-usertitle {
  text-align: center;
  margin-top: 20px;
}

.profile-usertitle-name {
  color: #5a7391;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 7px;
}

.profile-usertitle-job {
  text-transform: uppercase;
  color: #5b9bd1;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 15px;
}

.profile-userbuttons {
  text-align: center;
  margin-top: 10px;
}

.profile-userbuttons .btn {
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
  padding: 6px 15px;
  margin-right: 5px;
}

.profile-userbuttons .btn:last-child {
  margin-right: 0px;
}
    
.profile-usermenu {
  margin-top: 30px;
}

.profile-usermenu ul li {
  border-bottom: 1px solid #f0f4f7;
}

.profile-usermenu ul li:last-child {
  border-bottom: none;
}

.profile-usermenu ul li a {
  color: #93a3b5;
  font-size: 14px;
  font-weight: 400;
}

.profile-usermenu ul li a i {
  margin-right: 8px;
  font-size: 14px;
}

.profile-usermenu ul li a:hover {
  background-color: #fafcfd;
  color: #5b9bd1;
}

.profile-usermenu ul li.active {
  border-bottom: none;
}

.profile-usermenu ul li.active a {
  color: #5b9bd1;
  background-color: #f6f9fb;
  border-left: 2px solid #5b9bd1;
  margin-left: -2px;
}

/* Profile Content */
.profile-content {
  padding: 20px;
  background: #fff;
  min-height: 460px;
}

/*# ELEMENTI IN COMUNE #*/

.divider80{
    display:block;
    clear:both;
    height:80px;
}

.navbar{
    background:white;
}

    .navbar-nav > li > a{
        color:#444;
    }

h1{
    font-size:28px;
    font-weight:300;
    margin-top:60px;
    margin-bottom:0px;
    text-transform:uppercase;
}

h2{
    font-size:20px;
    font-weight:300;
    margin-top:60px;
    text-transform:uppercase;
}

h1 > i,
h2 > i{
    color:#bbb;
}

footer{
    background:#2196f3;
    padding-top:40px;
    padding-bottom:40px;
}

    footer p{
        color:white;
        margin-bottom:0;
        margin-top:20px;
    }

    footer span a {
        color: white !important;
        font-size:14px;
        text-decoration:underline;
    }

    footer .svg{
        height:48px;
        width:auto;
        float:left;
        margin-right:20px;
    }

        footer .svg path,
        footer .svg polygon{
            fill:white;
        }

   footer span{
       color:white;
       font-size:20px;
       font-weight:300;
   }

#logo{
    
}

    #logo > img{
        height:50px;
        position:relative;
        top:7px;
        margin-right:20px;
        float:left;
    }

    #logo:hover{
        text-decoration:none;
    }

    #logo > span{
        color:#444;
        font-size:20px;
        padding-top:12px;
        display:inline-block;
    }

.navbar-login h6{
    font-size:20px;
    margin-top:0;
}

    .navbar-login h6 > span{
        display:block;
        font-size:13px;
        margin-top:10px;
    }

.breadcrumb{
    background:none;
    text-align:right;
    padding:0;
}

#change-passw{
    margin-top:5px;
    margin-bottom:10px;
    float:right;
    font-size:12px;
}

section#breadcrumb{
    margin-top:60px;
    overflow:hidden;
}

    section#breadcrumb hr{
        border-top-style:dashed;
        border-top-color:#DDD;
    }

    section#breadcrumb h1{
        margin-top:0;
        font-weight:700;
        color:#bbb;
    }

        section#breadcrumb h1 > span{
            font-weight:300;
            color:#444;
            display:block;
            font-size:28px;
        }

/*# INDEX #*/

.auction__container{
    background:white;
    box-shadow:0 1px 2px rgba(0, 0, 0, 0.3);
    padding:2em;
    overflow:hidden;
    margin-top:30px;
}

    .auction__name{
    }

        .auction__name span{
            text-transform:uppercase;
            display:block;
            font-size:16px;
            font-weight:700;
            line-height:1em;
        }

        .auction__name h6{
            font-size:16px;
            /*font-weight:300;*/
            /*min-height:70px;*/
            margin-top:10px;
            padding-bottom:20px;
            margin-bottom:20px;
            border-bottom:1px dashed #bbb;
            line-height:1.5em;
        }

    .auction__info{
    }
        
        .auction__info > span{
            display:block;
            clear:both;
            margin-top:10px;
            overflow:hidden;
            font-size:16px;
            font-weight:700;
        }

        .auction__info > a{
            margin-top:10px;
            float:right;
        }

        .auction__info--bid .ico,
        .auction__info--time .ico{
            width:32px;
            height:32px;
            border:2px solid #bbb;
            display:table;
            vertical-align:middle;
            text-align:center;
            border-radius:50%;
            float:left;
            margin-right:1em;
        }

            .auction__info--bid i,
            .auction__info--time i{
                color:#bbb;
                display:table-cell;
                vertical-align:middle;
                text-align:center;
                font-size:1em;
                font-weight:normal;
            }

        .auction__info--bid span:not(.ico),
        .auction__info--time span:not(.ico){
            float:right;
        }

    .auction-active .auction__info--bid .ico,
    .auction-active .auction__info--time .ico{
        border:2px solid #2196f3;
    }

        .auction-active .auction__info--bid i,
        .auction-active .auction__info--time i {
            color:#2196f3;
        }
        
    .auction-txt-result{
        float:left;
        margin-top:10px;
        font-size:16px;
        font-weight:700;
    }

        .auction-txt-result > span{
            width:32px;
            height:32px;
            display:table;
            vertical-align:middle;
            text-align:center;
            border-radius:50%;
            float:left;
            margin-right:1em;
        }

            .auction-txt-result > span i{
                display:table-cell;
                vertical-align:middle;
                text-align:center;
                font-size:1em;
                font-weight:normal;
            }

                .auction-txt-result.text-success > span i{
                    color:#4caf50 !important;
                }

                .auction-txt-result.text-danger > span i{
                    color:#e51c23 !important;
                }

        .auction-txt-result.text-success > span{
            border:2px solid #4caf50 !important;
        }

        .auction-txt-result.text-danger > span{
            border:2px solid #e51c23 !important;
        }

#finished-auction__container{
    background:#EEE;
    margin-top:60px;
    padding-bottom:60px;
}

/*# LISTA #*/

.bid__container{
    background:white;
    box-shadow:0 1px 2px rgba(0, 0, 0, 0.3);
    padding:2em;
    overflow:hidden;
    margin-top:20px;
}

    .bid__container > span{
        display:block;
        clear:both;
        margin-bottom:20px;
        overflow:hidden;
        font-size:18px;
    }

    .bid__info .ico,
    .bid__time .ico,
    .bid__increase .ico{
        width:32px;
        height:32px;
        border:2px solid #2196f3;
        display:table;
        vertical-align:middle;
        text-align:center;
        border-radius:50%;
        float:left;
        margin-right:1em;
    }

        .bid__info i,
        .bid__time i,
        .bid__increase i{
            color:#2196f3;
            display:table-cell;
            vertical-align:middle;
            text-align:center;
            font-size:16px;
            font-weight:normal;
        }

    .bid__info span:not(.ico),
    .bid__time span:not(.ico),
    .bid__increase span:not(.ico){
        float:right;
    }

    .bid__increase{
        margin-bottom: 20px;
        overflow: hidden;
        font-size: 20px;
       
        width:50%;
        float:left;
    }

    .bid__increase .ico{
        border:2px solid #2196f3;
        background:#2196f3;
    }

        .bid__increase i{
            color:white;
        }

    .inpt-amount{
        float:right;
        width:50%;
    }

        .inpt-amount input,
        .inpt-amount select{
            font-size:20px;
            width:50% !important;
            float:left;
        }

        .inpt-amount button{
            width:50%;
        }

    .buy-now__container{
    }

.bid__container hr{
    border-top-color:#bbb;
    border-top-style:dashed;
}

.bid__container .auction-txt-result{
    margin-top:0;
    margin-bottom:0;
}

.bid__container:not(.auction-active) .ico{
    border-color:#bbb;
}

.bid__container:not(.auction-active) .ico i{
    color:#bbb;
}

#tbl__cars h2{
    font-size:20px;
    font-weight:300;
    text-transform:uppercase;
    margin-top:20px
}

    #tbl__cars h2 > span{
        font-weight:700;
    }

/*# DETTAGLIO VEICOLO #*/

.list-detail > li{
    float:left;
    margin-right:20px;
}

    .list-detail > li:before{
        font-family:"FontAwesome";
        content:"\f138";
        display:inline-block;
        margin-right:5px;
        color:#bbb;
    }

/*# ELENCO ASTE PARTECIPATE #*/

.tbl_auctions_result .label{
    font-size:100%;
    font-weight:normal;
    text-transform:uppercase;
}

@media (max-width:767px){
    .auction__container{
        margin-top:20px;
    }

    #change-passw{
        float:none;
    }
}

@media screen and (min-width: 767px) {
    .container2 {
    width:42% !important;
    }
}