﻿* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    margin-bottom: 300px;
    background-color:transparent;
    overflow-x: hidden;
    /*
    background-image: url('Asset?filename=bv_gradient_winter.png');
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100%;
        */
}

.bg-brasov {
    background-color: #3067c7 !important;
}

.navbar-default {
    background-color: #3067c7;
    border-color: transparent;
}

.navbar-brand {
    
}

.phone {
    color: #fff;
}

.phone a {
    color: #fff;
    text-decoration: none;
}

.main-footer.bg-primary {
    background-color: #060606;
    opacity: 1;
    height: 200px;
    position: absolute;
}

.copyright {
    color: #555;
    font-size: 14px;
}

.breadcrumb > li + li:before {
    color: #ccc;
    content: " > ";
    padding: 0 5px;
}
/* bugetare participativa */
div.well {
    background-color: #fff;
    box-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2), 0px 1px 1px 0px rgba(0,0,0,0.14), 0px 1px 3px 0px rgba(0,0,0,0.12);
}
.form-control {
    border-width: 1px;
}
.select2-container--bootstrap .select2-selection--single:hover,
.form-control:hover,
.form-control:focus {
    border-color: #3067c7b7;
    border-width: 1px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}
label.control-label {
    color: rgba(0, 0, 0, 0.87);
    font-size: 1.2em;
}
.descriere {
    font-size: 12px;
    margin-bottom: 40px;
    font-style: italic; 
}
.select2-container--bootstrap .select2-selection--single {
    height: 45px;
    padding: 11px 24px 11px 12px;
}
button[type='submit'] {
    background-color: #000000;
    border: 1px solid #000000;
    box-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2), 0px 1px 1px 0px rgba(0,0,0,0.14), 0px 1px 3px 0px rgba(0,0,0,0.12);

    transition: all .3s;
}
button[type='submit']:hover, button[type='submit']:focus, button[type='submit']:active {
    background-color: #3067c7;
    border: 1px solid #3067c7;
    box-shadow: 0, 0, 0;
}
.breadcrumb-backlink-details, kbd.process-id {
    display: none;
}

/* VotBugetare*/
.single-project-container {
    min-height: 256px;
    background-color: #fff !important;
    background-color: #fff!important;
    border: 1px solid #8e8e8eb7;
    margin-bottom: 30px;
    border: 1px solid #8e8e8eb7;
    /* border-radius: 3px; */
    background-image: url("Asset?filename=plans.jpg");
    background-size: cover;
    transition: all .3s;
}
.single-project {
    width: 100%;
    margin: 10px auto 0;
    padding: 0 18px 10px;
    /* background: #fff; */
    transition: all .3s;
}
.single-project-container:hover, .single-project-container .vot-bugetare-edit:hover{
    border: 1px solid #3067c7b7;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);

}
.single-project .vot-bugetare-edit a:hover {
    color: #3067c7b7!important;
}
.single-project .vot-bugetare-edit {
    border: 1px solid #8e8e8eb7;
    padding: 8px 2px 2px 2px;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    background: #fff;
    transition: all .2s;
    color: #000000b7!important;
}
/*
.show-if-clerk {
    top: 190px!important
}
*/
.single-project .vot-bugetare-edit a {
    color: #000000b7!important;
    background: #fff;
    padding-left: 2px;
    font-size: 12px;
}
.single-project-heading {
    margin: 0;
    font-size: 14px !important;
    color: #000000;
    text-align: center;
    background: #ffffffce;
    padding: 2px;
    height: 95px!important;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    /* border-radius: 4px; */
}
.single-project a {
    text-decoration: none;
}
/*clase speciale*/
.single-project .Digitalizare h2,
.single-project .InfrastructuraCulturala h2,
.single-project .SpatiiPublice h2,
.single-project .LocuriJoaca h2, 
.single-project .Mobilitate h2, 
.single-project .InfrastructuraSportiva h2, 
.single-project .InfrastructuraSanatate h2, 
.single-project .InfrastructuraEducationala h2 {
    background-color: blue;
    background-image: url('Asset?filename=digit.png');
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: center;
    color: #fff;
    text-align: right;
    margin: 0 -18px 0 0;
    padding: 10px 10px 10px 10%;
    border-radius: 2px;
    line-height: 1.3;
    min-height: 60px;
    border-radius: 2px;
    width: 60px;
    bottom: 130px;
    right: 53px;
    position: absolute;
    box-shadow: 0 0 3px rgba(0,0,0,0.35);
}
.single-project .InfrastructuraCulturala h2 {
    background: rgb(34, 34, 34);
    background-image: url('Asset?filename=infra_cult.png');
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center;
}
.single-project .LocuriJoaca h2 {
    background: rgb(12, 233, 0);
    background-image: url('Asset?filename=spatii_verzi.png');
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: center;

}
.single-project .SpatiiPublice h2,
.view-project p.SpatiiPublice {
    background: rgb(0, 210, 233);
    color: #fff;

}
.single-project .SpatiiPublice h2 {
    background-image: url('Asset?filename=amenaj_sp_publice_w.png');
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: center;
}
.single-project .Mobilitate h2 {
    background: rgb(255, 217, 0);
    color: #000;
    background-image: url('Asset?filename=mobilitate.png');
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: center;

}
.single-project .InfrastructuraEducationala h2 {
    background: rgb(183, 0, 255);
    color: #fff;
    background-image: url('Asset?filename=infra_educ.png');
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: center;

}
.single-project .InfrastructuraSportiva h2 {
    background: rgb(255, 132, 0);
    color: #fff;
    background-image: url('Asset?filename=infra_sport.png');
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: center;
}
.single-project .InfrastructuraSanatate h2 {
    background: rgb(255, 0, 0);
    color: #fff;
    background-image: url('Asset?filename=infra_sanatate.png');
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: center;

}
/* view-project page */
.view-project {
    /* border: 1px solid #3067c7b7; */
    box-shadow: inset 0 1px 1px rgba(0,0,0,.045), 0 0 4px rgba(102,175,233,.6);
    background: #fff;
    padding: 15px;
}
.view-project img {
    display: block;
    width: 100%;
    margin: 0 auto;
}
.view-project h1 {
    text-align: center;
    margin-bottom: 35px;
    padding-bottom: 10px;
    /* border-bottom: 1px solid #3067c7b7; */
    font-size: 2.4em;
    text-transform: uppercase;
}
.view-project h1 span {
    font-size: .65em;
}
.view-project p.SpatiiPublice,
.view-project p.InfrastructuraCulturala,
.view-project p.Digitalizare,
.view-project p.LocuriJoaca,
.view-project p.Mobilitate,
.view-project p.InfrastructuraEducationala,
.view-project p.InfrastructuraSportiva,
.view-project p.InfrastructuraSanatate
{
    background-image: url('Asset?filename=amenaj_sp_publice_w.png')!important;
    background-size:40px!important;
    background-repeat: no-repeat!important;
    background-position: center right 20px!important;
    color: #fff;
    padding: 15px;
}
.view-project p.InfrastructuraCulturala {
    background: rgb(34, 34, 34);
    background-image: url('Asset?filename=infra_cult.png')!important;
}
.view-project p.Digitalizare {
    background: blue;
    background-image: url('Asset?filename=digit.png')!important;
}
.view-project p.LocuriJoaca {
    background: rgb(12, 233, 0);
    color: #fff;
    background-image: url('Asset?filename=spatii_verzi.png')!important;
}
.view-project p.Mobilitate {
    background: rgb(255, 217, 0);
    color: #000;
    background-image: url('Asset?filename=mobilitate.png')!important;
}
.view-project p.InfrastructuraEducationala {
    background: rgb(183, 0, 255);
    color: #fff;
    background-image: url('Asset?filename=infra_educ.png')!important;
}
.view-project p.InfrastructuraSportiva {
    background: rgb(255, 132, 0);
    color: #fff;
    background-image: url('Asset?filename=infra_sport.png')!important;
}
.view-project p.InfrastructuraSanatate {
    background: rgb(255, 0, 0);
    color: #fff;
    background-image: url('Asset?filename=infra_sanatate.png')!important;
}
/*view project page*/
.view-project h2 {
    font-size: 15px;
    font-weight: 700;
    padding: 5px 5px 5px 10px;
    color: #3067c7;
    text-transform: uppercase;
    border-left: 2px solid #3067c7b7;
    background: rgba(0, 0, 255, 0.05);
}
.bp_img_container {
    max-height: 600px;
    overflow: hidden;
    /* margin: 0 -15px; */
}
.bp_img_container img {
    width: 100%;
    display: block;
    margin: auto;
    /* margin: 10px; */
}
.bp_details {
    /* border-top: 1px solid rgb(82, 82, 82);
    border-bottom: 1px solid rgb(82, 82, 82); */
    background: rgba(255,255,255,.4);
    z-index: 9999;
}
p.bp_descriere {
    background: blue;
    color: #fff;
}
.proiect-mic {
    width: 150px !important;
    display: block !important;
    margin: auto auto !important;
}

.box-img-gallery {
    width: 160px;
    height: 160px;
    border: 1px solid #ccc;
    display: inline-block;
}
/*vote / delete page*/
.box-img-gallery {
    overflow: hidden!important;
}
.box-img-gallery img {
    min-width: 350px;
}
.vot-alege {
    margin: -15px -18px 0;
    padding: 0 5px;
    color: #000;
    background: rgba(255, 255, 255, 0.679);
    text-align: center;
}
.vot-sterge {
    background: rgb(233, 233, 233);
    padding: 5px;
    text-align: center;
    border-radius: 2px;
    box-shadow: 0 0 2px 2px rgba(0,0,0,0.25);
    transition: all .25s;

}
.vot-sterge:hover, .vot-alege:hover {
    background: rgb(230, 230, 230);
    box-shadow: none;

}
.vot-sterge a {
    color: #f30!important;
    width: 100%;
    display: block;

}
.vot-container {
    min-height: 300px!important;
}
/*votes number*/
p.votes {
    position: absolute;
    bottom: 35px;
    right: 30px;
    border: 1px solid #ddd;
    padding: 5px;
    background: #fff;
    box-shadow: 0 0 2px rgba(0,0,0,0.3);
    background-color: white;
    color: #000;
    border-radius: 3px;
}


.proiect-mic {
    width: 150px !important;
    background: #fff;
}

.vot-voturi {
    background: #fff;
}

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}

.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
}
/*v2 css*/
p.voturi, p.votes {
    position: absolute;
    bottom: 10px;
    right: 40px;
    border: 2px solid rgb(94, 255, 0);
    padding-top: 7px;
    border-radius: 50px;
    width: 40px;
    height: 40px;
    color: #000;
    text-align: center;
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.35);
    font-weight: bold;
}
p.votes {
    right: 30px;
    bottom: 30px;
}
/*end v2 css*/
/* proiecte selectate */
/* div.single-project-container.box-Mobilitate {
    background: #ffd900ab;
} */
div.box-Mobilitate{
    background-color: #ffd90065!important;
}
div.box-LocuriJoaca {
    background: #0ce90060!important;
}
div.box-SpatiiPublice {
    background: #00d2e960!important;
}
div.box-InfrastructuraCulturala {
    background: #22222260!important;
}
div.box-InfrastructuraEducationala {
    background: #b700ff65!important;
}
div.box-InfrastructuraSportiva {
    background: #ff840065!important;
}
div.box-InfrastructuraSanatate {
    background: #ff000065!important;
}
div.box-Digitalizare {
    background: #0000ff65!important;
}
/* end proiecte selectate */
@media only screen and (max-width: 800px) {
    .single-project-heading {
        font-size: 14px!important;
        min-height: 65px;
    }
    /* p.votes {
        bottom: 5px;
    } */
}

.main-auth-box {
    background: #fff;
    padding: 20px;
}

.login-option {
    background: #F5FCFB;
}
.panel-group {
    background: #F5FCFB;
}

.btn-login, button[type=submit] {
    background: #365983;
    border-color: #365983;
    margin-bottom: 5px;
}
.btn-login:hover, button[type=submit]:hover {
    background: #2c496d;
    border-color: #2c496d;
    margin-bottom: 5px;
}

.div-btn-votare {
    text-align: center;
}

.div-login-with-email {
    display: none;
}
/*
.auth-register {
    display: none;
}
*/

.auth-portal {
    border-top: 1px solid #ccc;
    padding-top: 5px;
}

div.roundBorder {
    border: 2px solid #808080;
    border-radius: 10px;
}

/* ------------------------------------------------------------------------------------ footer */
footer {
	margin-top:100px;
    width: 100%;
    padding: 20px;
	min-height:250px;
}
footer a {
    color: #fff !important;
}
.cnt-footer {
    background: #2c3e50;
    border-top-color: #2c3e50;
    border-top-width: 8px;
    border-top-style: solid;
    color: #fff;
}
.cnt-footer h1 {
    color: #fff;
    text-transform: uppercase;
    line-height: 1.2em;
    letter-spacing: 0.05em;
    font-size: 1.5rem;
    margin-bottom: 20px;
    position: relative;
}

/* ------------------------------------------------------------------------------------ footer */
footer {
	margin-top:100px;
    width: 100%;
    /* padding: 20px; */
	min-height:100px;
}

.logo_footer {
    max-width: 100px;
    display: block;
}

.poca-cnt img{
	max-width: 100%;
	padding: 15px 0;
    display: block;
}
.space {
    margin-bottom:20px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-left: 5px;
    padding-right: 5px;
}

.row {
    margin-left: -5px;
    margin-right: -5px;
}