html,
body {
    height: 100%;
    background-color: #ebf4fa !important;
    font-family: 'Open Sans', sans-serif;
    color: #12294B;
}

body {
    background-color: #fff;
}

.img-fluid {
    max-width: 100%;
}

div.bp__editsession_container {
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.25), 0 0 2px rgb(0 0 0 / 25%);
    padding: 1em;
    margin-top: 1.5em;
}


/*heading*/

.bp__hd__h2 {
    font-weight: 600;
    color: #007bff;
    padding: .5em 1em .5em .5em;
    border-bottom: 2px solid #007bffbf;
}

.bp_btn2 {
    color: #ffffff;
    background: #007bff;
    padding: 1em;
    text-decoration: none !important;
    border-radius: 4px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.75);
}

.bp_btn3 {
    color: #ffffff;
    background: #007bff;
    padding: 1em;
    text-decoration: none !important;
    border-radius: 4px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.75);
}

.btn.bp_btn,
input.btn.bp_btn {
    background-color: #007bff!important;
    border: transparent;
    transition: all .2s;
    color: #fff !important;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.75);
}

.bp_btn:hover {
    background-color: #007bff;
    border: transparent;
    box-shadow: 0!important;
    transform: translateY(1px);
    color: #c5c5c5;
}

.bp__delete__category {
    font-size: 14px;
    padding: 5px;
    position: absolute;
    top: 19px;
    right: 23px;
    color: red !important;
    background-color: #fff;
    border-radius: 5px;
    transition: all .3s;
}

.bp__edit__category,
.bp__edit__category2 {
    /*font-size: 14px;
    padding: 5px;
    position: absolute;
    top: 19px;
    right: 53px;*/
    color: #0000ff !important;
    background-color: #fff;
    border-radius: 5px;
    /*transition: all .3s;*/
}

.bp__lock__category,
.bp__lock__category2 {
    font-size: 14px;
    /*padding: 5px;
    position: absolute;
    top: 19px;
    right: 53px;*/
    color: #0000ff !important;
    background-color: #fff;
    border-radius: 5px;
    /*transition: all .3s;
    */
}

.bp__view__category {
    font-size: 14px;
    padding: 5px;
    position: absolute;
    top: 19px;
    right: 23px;
    color: #0000ff !important;
    background-color: #fff;
    border-radius: 5px;
    transition: all .3s;
}

.bp__edit__category2 {
    top: 0;
}

.bp__lock__category2 {
    top: 0;
    right: 5px;
}

.bp__depune__category {
    font-size: 14px;
    padding: 5px;
    position: absolute;
    top: 19px;
    left: 23px;
    border-radius: 5px;
    transition: all .3s;
}

.bp__edit__category:hover {
    background-color: #eaeaea;
}

.bp__delete__category:hover {
    background-color: #eaeaea;
}

.bp__view__category:hover {
    background-color: #eaeaea;
}

.bp__hr {
    border-top: 1px solid #c5c5c5;
}

tr.bp__table_bg {
    background-color: #007bff!important;
    color: #fff!important
}


/*label dropzone*/

.bp__my-dropzone {
    width: 100%;
    background-color: #0085ff !important;
    color: #b4bcc2 !important;
    padding: 12px 0 0 25px !important;
    cursor: pointer !important;
}

.bp__dz-message {
    width: 8%!important;
}

div.card.bp__card {
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.16), 0 1px 1px rgb(0 0 0 / 13%);
    margin: 1em .5em;
    border-radius: 4px;
    overflow: hidden;
    background-color: #fafafa !important;
}

.card-header {
    font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
}


/*general*/

div.image-container {
    max-height: 150px;
    /*overflow: hidden;*/
}

div.card.bp__card img {
    display: block;
    width: 100%;
    height: auto;
}

div.card.bp__card div.bp_title {
    font-family: 'Open Sans';
    font-size: 1.25em;
    padding: .5em;
    text-transform: uppercase;
    font-weight: 500;
}


/*1 of 5 types custom classes*/


/*div.card.bp__card.Amenajare.spatii.publice img {
    border-left: 4px solid #fab702;
}

div.card.bp__card.Amenajare.spatii.publice div.bp_title {
    color: #fab702;
    letter-spacing: -.1px;
} */


/*2 of 5 types*/


/*div.card.bp__card.Educatie img {
    border-left: 4px solid #3067c7;
}

div.card.bp__card.Educatie div.bp_title {
    color: #3067c7;
} */


/*3 of 5 types*/


/*div.card.bp__card.Mobilitate img {
    border-left: 4px solid #ff9900;
}

div.card.bp__card.Mobilitate div.bp_title {
    color: #ff9900;
} */


/*4 of 5 types*/


/*div.card.bp__card.Smart.City img {
    border-left: 4px solid #b700ff;
}

div.card.bp__card.Smart.City div.bp_title {
    color: #b700ff;
}*/


/*5 of 5 types*/


/*div.card.bp__card.Zone.verzi img {
    border-left: 4px solid #00e952;
}

div.card.bp__card.Zone.verzi div.bp_title {
    color: #00e952;
}
*/

div.card.bp__card.green img {
    border-left: 4px solid #92b63b;
}

div.card.bp__card div.bp_title.green {
    color: #92b63b;
}

div.card.bp__card.yellow img {
    border-left: 4px solid #f5b800;
}

div.card.bp__card div.bp_title.yellow {
    color: #f5b800;
}

div.card.bp__card.purple img {
    border-left: 4px solid #b92ed1;
}

div.card.bp__card div.bp_title.purple {
    color: #b92ed1;
}

div.card.bp__card.gray img {
    border-left: 4px solid #afb2b6;
}

div.card.bp__card div.bp_title.gray {
    color: #afb2b6;
}

div.card.bp__card.red img {
    border-left: 4px solid red;
}

div.card.bp__card div.bp_title.red {
    color: red;
}

div.card.bp__card.blue img {
    border-left: 4px solid blue;
}

div.card.bp__card div.bp_title.blue {
    color: blue;
}

div.card.bp__card.orange img {
    border-left: 4px solid orange;
}

div.card.bp__card div.bp_title.orange {
    color: orange;
}


/*moderare*/

.moderare {
    color: blue;
    margin-top: 4px;
    margin-left: 12px;
    border: 1px solid blue;
    border-radius: 2px;
    padding: 5px;
}

.moderare_eligibil {
    color: green;
    margin-top: 4px;
    margin-left: 12px;
    border: 1px solid green;
    border-radius: 2px;
    padding: 5px;
}

.moderare_neeligibil {
    color: red;
    margin-top: 4px;
    margin-left: 12px;
    border: 1px solid red;
    border-radius: 2px;
    padding: 5px;
}

@media only screen and (max-width: 600px) {
    h4 .bp__hd__h2 {
        margin: 0 0 0 0;
    }
}

.project-session {
    background: #fff;
    padding: 30px 0;
}

.project-session p {
    font-size: 13px;
}

.project-session-row {
    margin-bottom: 1.3em;
}

.h2_content_2 {
    font-size: 1.4em;
    margin-bottom: 1em;
    position: relative;
}

.h2_content_2:after {
    content: "";
    display: block;
    background: #56a9e9;
    height: 3px;
    width: 50px;
    position: absolute;
    top: -15px;
}

.vectors {
    margin-top: 65px;
}

.vectors h2 {
    margin-top: 17px;
}

.h2-blue {
    color: #56a9e9;
}

.vector {
    position: absolute;
    margin-top: -35px;
    max-width: 45px;
    display: block;
    left: calc(50% - 23px);
}

.psr-card {
    background: #fff;
    padding: 7px;
    border-radius: 3px;
    position: relative;
    min-height: 150px;
    margin: 1.5em 1em;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;
}

.date {
    font-size: 0.6em;
    color: #afb2b6;
    margin-top: 3px;
}

.psr-card h2 {
    font-size: 1em;
}

.psr-card a {
    color: #0c385a;
    text-decoration: none;
    font-weight: 600;
}

.winn {
    padding: 0;
    position: relative;
    border-radius: 0;
}

.winn.green {
    border-bottom: 2px solid #92b63b;
}

.winn.yellow {
    border-bottom: 2px solid #f5b800;
}

.winn.purple {
    border-bottom: 2px solid #b92ed1;
}

.winn.gray {
    border-bottom: 2px solid #afb2b6;
}

.winn.red {
    border-bottom: 2px solid red;
}

.winn.blue {
    border-bottom: 2px solid blue;
}

.winn.orange {
    border-bottom: 2px solid orange;
}

.card_content {
    background: #fff;
    position: relative;
    top: -25px;
    border-top-left-radius: 20px;
    padding: 10px 12px 0 12px;
}

.tag-images {
    position: absolute;
    right: 5px;
}

.tag-images>div {
    background-repeat: no-repeat;
    background-size: 45px;
    width: 45px;
    height: 45px;
    margin-top: 5px;
}

.winn-image {
    width: 35px;
    display: block;
    padding-left: 11px;
    padding-top: 8px;
}

.vot-numbers {
    line-height: 1;
    padding: 4px 10px 12px;
    text-align: center;
    color: #afb2b6;
    font-size: 10px;
}

.winn-with {
    font-size: 16px;
    font-weight: 600;
    color: #12294b;
}

.header-color {
    width: 100%;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-bottom: 10px;
    /*min-height: 240px;*/
}

.header-color img {
    width: 100%;
}

.tags_win {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    font-size: 12px;
    margin-bottom: 10px;
}

.green-tag,
.gray-tag,
.yellow-tag,
.purple-tag,
.red-tag,
.blue-tag,
.orange-tag {
    color: #92b63b;
    background: #f0f2f4;
    border-radius: 16px;
    font-size: 10px;
    padding: 2px 6px;
    margin-right: 10px;
}

.gray-tag {
    color: #afb2b6;
}

.yellow-tag {
    color: #f5b800;
}

.purple-tag {
    color: #b92ed1;
}

.red-tag {
    color: red;
}

.blue-tag {
    color: blue;
}

.orange-tag {
    color: orange;
}


/*voteaza proiectele preferate section*/

.project-session-voteaza-proiect,
.pagination_container {
    background: #F9FAFC;
}

.project-session-voteaza-proiect {
    padding-top: 2em;
}

.filter-projects {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 20px;
}

.filter-projects-btn {
    background: #F9FAFC;
    box-shadow: rgb(0 0 0 / 15%) 0px 1px 3px 0px;
}

.banner-container {
    padding: 30px 0;
}

.poca-container h1 {
    font-weight: 600;
    color: #0C385A;
    font-size: 33px;
    line-height: 39px;
    margin-bottom: 15px;
}

.poca-container h4 {
    font-size: 13px;
    color: #5F6A73;
    margin-bottom: 30px;
    line-height: 16px;
}

.vot-pref-projects {
    height: 180px;
    background: url('/images/h1_vote_backg.png');
    background-repeat: no-repeat;
    background-size: 140px;
    padding: 50px 0 0 85px;
}


/* tabs */

div#myTabContent {
    padding-top: 2em;
}

.my-rojects-row {
    background: #F9FAFC;
}

.nav-tabs {
    border-bottom: 1px solid rgb(240, 240, 240);
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    color: #56A9E9;
    cursor: default;
    background-color: transparent;
    border: 2px solid transparent;
    border-bottom-color: #56A9E9;
}

.nav-tabs>li>a:hover {
    background: transparent;
    border: 2px solid transparent;
}

.nav-tabs>li>a {
    color: #5F6A73;
}

.draft {
    border-radius: 30px;
    position: absolute;
    width: 93%;
    margin-left: 3.5%;
    margin-top: 3%;
    text-align: center;
    background: #ffffffce;
    padding: 5px 0;
    color: #0C385A;
    font-weight: 600;
}

.draft.red {
    color: #DE3321;
}


/*project detail*/

.banner.see-project-detail-img-container {
    border-top-left-radius: 70px;
    max-width: 325px;
}

.see-project-detail h1 {
    font-size: 2.3em;
    padding-top: 50px;
    padding-bottom: 30px;
    color: #12294B;
}

.categ-name {
    color: #5F6A73;
    font-weight: 500;
    padding-top: 8px;
    text-transform: uppercase;
}

.detail {
    color: #12294B;
    font-weight: 500;
    padding-bottom: 15px;
    font-size: 12px;
}

.buttons-serial {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.buttons-serial a.btn.tag-btn {
    margin-right: 50px;
    text-transform: uppercase;
    font-weight: 500;
}

.btn-detalii:hover {
    color: #333;
}

.red-btn {
    color: #DE3321;
}

.blue-btn {
    color: #0C385A
}

.blue-btn-two {
    background: #0C385A;
    color: #fff;
    border-radius: 2px;
}

.blue-btn-two:hover {
    background: rgb(19, 84, 133);
    color: #fff;
}

.galery img {
    max-width: 200px;
}

img.banner {
    max-width: 385px;
}

.banner-container {
    padding: 30px 0;
}


/*vot*/

.eligibil {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #f0f2f4;
    border-radius: 4px;
}

.eligibil_number {
    font-size: 30px;
    font-weight: 600;
}

.eligibil_span {
    line-height: 1;
    font-size: 13px;
    padding-left: 5px;
}

.eligibil_number.green,
.eligibil_span.green {
    color: #92b63b;
}

.eligibil_number.cyan,
.eligibil_span.cyan {
    color: #3eb9c1;
}

.eligibil_number.blue,
.eligibil_span.blue {
    color: #56a9e9;
}

.eligibil_number.yellow,
.eligibil_span.yellow {
    color: #f5b800;
}

.eligibil_number.purple,
.eligibil_span.purple {
    color: #b92ed1;
}

.regulament {
    padding: 30px 0;
}


/* faq */

.panel {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.panel-default {
    border-color: transparent;
}

.panel {
    background-color: #fff;
    border: 1px solid transparent;
}

.panel-default>.panel-heading {
    background-image: none;
}

.panel-default>.panel-heading {
    color: #333;
    background-color: transparent;
    border-color: #ddd;
}

.panel-title>.small,
.panel-title>.small>a,
.panel-title>a,
.panel-title>small,
.panel-title>small>a {
    text-decoration: none;
}


/*news*/

.anunturi {
    background: url('public/Asset?filename=anunturi.png');
    height: 180px;
    background-repeat: no-repeat;
    background-size: 140px;
    padding: 50px 0 0 85px;
}

.news-card {
    background: #fff;
    padding: 10px;
    box-sizing: border-box;
    color: #5F6A73;
}

.news-card img {
    border-top-left-radius: 50px;
    border-bottom-right-radius: 50px;
    max-width: 300px;
}

.card_title {
    color: #12294B;
    font-size: 17px;
}

.relative {
    position: relative;
}

.relative img {
    border-top-right-radius: 50px;
    border-bottom-left-radius: 50px;
    max-width: 400px;
}

.project-title {
    background: #fff;
    position: absolute;
    bottom: 10%;
    right: 0;
    max-width: 80%;
}

.depune-proiect-row {
    float: right;
}

.projects-filter-btns-container {
    display: flex;
    justify-content: center;
    margin-bottom: 25px;
}

.projects-filter-btns {
    background: #EBF4FA;
    border: 1px solid #0C385A;
    padding: 6px 12px;
    border-radius: 20px;
    margin: 0 5px;
    font-size: 16px;
    color: #0C385A;
}

a.projects-filter-btns:hover,
a.projects-filter-btns:focus {
    text-decoration: none;
}

.projects-filter-btns.active-filter {
    background: #0C385A;
    border: 1px solid #0C385A;
    color: #fff;
}

.projects-filter-btns.active-filter:after {
    content: '\2713';
    font-style: normal;
    margin: 0px 0px 0px 10px;
    text-decoration: none;
}


/*psr cards - lista-vot*/

.lista-vot .card-content2 {
    top: 5px;
    left: -10px;
    padding: 10px 5px 0 10px;
}

.lista-vot .header-color {
    margin-bottom: -1px;
}

.lista-vot .psr-card {
    border-top-left-radius: 25px;
    overflow: hidden;
}

.lista-vot .tag-images {
    position: absolute;
    right: 19px;
}

a.red-btn {
    color: #DE3321;
    float: right;
}

a.red-btn:hover {
    color: rgb(163, 21, 5);
}

div.summary {
    background: #EBF4FA;
    padding: 10px;
    border-radius: 20px;
    margin-top: 30px;
}

div.summary h2 {
    font-size: 20px;
}

div.summary a {
    display: block;
    margin: 0 auto;
    max-width: 40%;
}

.lista-vot h2.green,
{
    color: #92b63b;
    font-size: 13px;
    text-transform: uppercase;
    margin-left: 20px;
    border-bottom: 1px solid #92b63b;
    padding-bottom: 3px;
}

.lista-vot h2.gray {
    color: #afb2b6;
    font-size: 13px;
    text-transform: uppercase;
    margin-left: 20px;
    border-bottom: 1px solid #afb2b6;
    padding-bottom: 3px;
}

.lista-vot h2.yellow {
    color: #f5b800;
    font-size: 13px;
    text-transform: uppercase;
    margin-left: 20px;
    border-bottom: 1px solid #f5b800;
    padding-bottom: 3px;
}

.lista-vot h2.purple {
    color: #b92ed1;
    font-size: 13px;
    text-transform: uppercase;
    margin-left: 20px;
    border-bottom: 1px solid #b92ed1;
    padding-bottom: 3px;
}

.lista-vot h2.red {
    color: red;
    font-size: 13px;
    text-transform: uppercase;
    margin-left: 20px;
    border-bottom: 1px solid red;
    padding-bottom: 3px;
}

.lista-vot h2.blue {
    color: blue;
    font-size: 13px;
    text-transform: uppercase;
    margin-left: 20px;
    border-bottom: 1px solid blue;
    padding-bottom: 3px;
}

.lista-vot h2.orange {
    color: orange;
    font-size: 13px;
    text-transform: uppercase;
    margin-left: 20px;
    border-bottom: 1px solid orange;
    padding-bottom: 3px;
}

.lista-vot h3.red {
    color: #DE3321;
    font-size: 11px;
    margin-left: 20px;
    padding: 0;
    margin-top: -6px;
}


/*projects container*/

.projects_container {
    background-color: #0c385a;
    padding-bottom: 3em;
    padding-left: 4em;
}

.projects_container .wrapper-s {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    margin-top: 40px;
}

.projects_container .cardz {
    flex: 0 0 auto;
    width: 250px;
    margin-right: 10px;
    border: 1px solid #92b63b;
    background: #fff;
    padding: 10px;
    margin-bottom: 15px;
}

div.wrapper-s::-webkit-scrollbar {
    height: 8px;
    margin-top: 10px;
}


/*cards*/

.depunere-session,
.new-session {
    background: #F9FAFC;
    padding: 3em 0;
}

.depunere-session .psr-card p {
    font-size: 11px;
}

.depunere-session .psr-card h2 {
    font-weight: 600;
    margin: 10px 0 5px;
    font-size: 13px;
}

.projects_container .cardz {
    flex: 0 0 auto;
    width: 220px;
    margin-right: 10px;
    border: 1px solid #92b63b;
    background: #fff;
    padding: 8px 8px 3px 8px;
}

div.cardz .date {
    color: #92b63b;
    font-weight: 500;
    font-size: 11px;
}

div.cardz>h2 {
    color: #0c385a;
    font-weight: 600;
    font-size: 1em;
    margin: 5px 0 5px;
}

div.cardz .content {
    color: #5F6A73;
    font-size: 12px;
    font-weight: 400;
}

.navbar {
    margin-bottom: 0;
    min-height: 0;
}

.navbar-fixed-top {
    margin-top: 23px;
}

.navbar-default {
    background: #0C385A;
    border: none;
    border-radius: 0;
}

.navbar-brand,
.navbar-nav>li>a {
    text-shadow: none;
    text-decoration: none;
}

.navbar-brand>img {
    display: inline-block;
    position: relative;
}

.navbar-header {
    flex-grow: 1.4;
    flex-shrink: 1;
    flex-basis: 0;
}

#navbar {
    flex-grow: 2.4;
    flex-shrink: 1;
    flex-basis: 0;
}

.banner-container {
    padding: 30px 0;
}

.my-projects-link {
    flex-grow: 1.3;
    flex-shrink: 0;
    flex-basis: 0;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: flex-end;
}

.my-projects-link ul {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}

.my-projects-link a {
    color: #fff;
    border-bottom: 2px solid transparent;
    transition: all .3s;
    font-size: 12px;
    text-decoration: none;
}

.my-projects-link .nav>li>a>img {
    max-width: 14px;
}

.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
    color: rgb(100, 100, 100);
    background-color: transparent;
    text-decoration: none;
}

.main-navbar {
    display: flex;
}


/* .main-navbar>div {
    width: 50%;
} */

.img-poca {
    max-width: 26%;
    display: block;
    margin-top: 10px;
    margin-left: 10px;
}

.navbar-nav {
    /* float: right; */
    margin: 0;
}

.navbar-default .navbar-brand,
.navbar-default .navbar-nav>li>a {
    color: #fff;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>li>a {
    background: transparent;
    color: #fff;
    border-bottom: 2px solid transparent;
    transition: all .3s;
    font-size: 12px;
}

.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>li>a:hover {
    background: transparent;
    color: #fff;
    border-bottom: 2px solid #fff;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    padding: 0;
}

.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:hover {
    color: #fff;
}

.navbar-brand {
    height: 20px;
    padding: 0;
    font-size: 16px;
    line-height: 19px;
    padding: 10px;
}

.auth-container {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

img.banner {
    max-width: 385px;
    border-radius: 10px;
}

.poca-container h1 {
    font-weight: 600;
    color: #0C385A;
    font-size: 38px;
    line-height: 39px;
    margin-bottom: 15px;
}

.poca-container h4 {
    font-size: 13px;
    color: #5F6A73;
    margin-bottom: 30px;
    line-height: 16px;
}


/*end projects container*/


/* fix float */

.col-md-3 {
    float: left;
}


/* responsive */

@media (min-width: 992px) {
    .depunere-session .col-md-3 {
        width: 20%;
    }
}

@media (max-width: 767.98px) {
    .main-navbar {
        display: block;
    }
    .navbar-toggle {
        margin-right: 0;
    }
    .main-navbar>div {
        width: 100%;
    }
    .img-poca {
        max-width: 50%;
    }
    .poca-container h4 {
        font-size: 13px;
        margin-bottom: 10px;
    }
    img.banner {
        max-width: 300px;
        margin: 15px 0;
    }
    .my-projects-link,
    img.banner {
        display: none;
    }
    .buttons-serial a.btn.tag-btn {
        margin-right: 5px;
        font-weight: 500;
    }
    .see-project-detail h1 {
        font-size: 2em;
        padding-top: 0;
        padding-bottom: 10px;
        color: #12294B;
    }
}