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);
}
.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 {
    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__lock__category2 {
    top: 0;
    right: 5px;
}
.bp__edit__category:hover {
    background-color: #eaeaea;
}
.bp__delete__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;
}
/*moderare*/
.moderare {
    color: blue;
    margin-top: 4px;
    margin-left: 12px;
    border: 1px solid blue;
    border-radius: 2px;
    padding: 5px;
}

.eligibil {
    color: green;
    margin-top: 4px;
    margin-left: 12px;
    border: 1px solid green;
    border-radius: 2px;
    padding: 5px;
}
.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;
    }
}