.content {
    margin-top: calc(var(--topbar-height) + 50px);
}

@media (max-width: 767px) {
    .content {
        margin-top: calc(var(--topbar-height) + 25px) !important;
        padding-bottom: 75px;
    }
    #header__links {
        margin-top: 0px;
    }
}

.project__title {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

h1.title {
    font-size: 1.5em;
    font-weight: 300;
    margin-bottom: 0px;
    color: #343a40;
}

button#newProject {
    padding: 8px 16px;
    font-size: .9em;
    font-weight: 300;
    border-radius: 15px;
    color: #ffffff;
    background: linear-gradient(60deg, #29323c 0%, #485563 100%);
    border: 1px solid transparent;

    display: flex;
    justify-content: center;
    align-items: center;
}

button#newProject svg {
    width: 20px;
    stroke-width: 1.5px;
    margin-right: 8px;
}

/* PROJECT HEADER */
.project__header {
    width: 100%;   
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-bottom: 1px solid #cacaca20;
    overflow: hidden;
    overflow-x: auto;
}

.project__header .header__item {
    font-size: .8em;
    font-weight: 400;
    color: #343a40ac;

    margin: 0px 10px;
    padding: 10px 10px;
    cursor: pointer;

    border-bottom: 1px solid transparent;

    display: flex;
    justify-content: flex-start;
    align-items: center;
    line-height: 1;
    white-space: nowrap;
}

.project__header .header__item:first-child {
    margin-left: 0px !important;
}

.project__header .header__item:hover,
.project__header .header__item:hover svg {
    color: #161617;
}

.project__header .header__item svg {
    width: 18px;
    stroke-width: 1px;
    margin-right: 8px;
    color: #343a40ac;
    transition: none !important;
}

.project__header .header__active {
    color: #161617;
    border-color: #161617;
}

.project__header .header__active svg {
    stroke-width: 1.2px;
    color: #161617;
}

.project__header .header__active:hover,
.project__header .header__active:hover svg {
    color: #161617;
}


/* PROJECT BOX */
.project__box {
    overflow: hidden;
    border-radius: 15px;
    background: white !important;
    height: 100%;

    display: flex;
    justify-content: stretch;
    flex-direction: column;
}

.project__box, .project__box * {
    cursor: pointer;
}

.project__item {
    margin-bottom: 20px;
}

.project__box .project__picture {
    width: 100%;
}

.project__box .project__picture .picture__item {
    width: 100%;
    height: 200px;
    background-size: cover !important;
    background-position: center center !important;
}

.project__box .project__content {
    height: 100%;
    padding: 15px 20px;
    font-size: .8em;
}

.project__box .project__content .project__location {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 20px;
    margin-top: 5px;
}

.project__box .project__content .project__location svg {
    height: 28px;
    stroke-width: 1px;
    margin-right: 8px;
}

.project__box .project__content .project__location p.location__address {
    font-size: 1.2em;
    font-weight: 600;
    margin-bottom: 5px;
    line-height: 1.3;
    color: #343a40;
}

.project__box .project__content .project__location p.location__city {
    font-size: .8em;
    font-weight: 300;
    color: #343a40;
    margin-bottom: 0px;
    line-height: 1;
}

.project__box .project__content .project__text .text__item {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: nowrap;
    margin-bottom: 10px;
}

.project__text .text__item p.title {
    font-size: .9em;
    font-weight: 400;
    color: #343a40;
    margin-bottom: 0px;
}

.project__box .text__item p.value {
    font-size: .9em;
    font-weight: 600;
    color: #343a40;
    margin-bottom: 0px;

    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: nowrap;
}

.project__box .text__item p.value svg {
    width: 15px;
    margin-right: 5px;
}

.upColor * { color: #25d366 !important; }
.downColor * { color: #ff0000 !important; }

.project__box .project__actions {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-top: 1px solid #00000007;
    padding: 9px 20px 10px 20px;
}

.project__box .project__actions svg {
    width: 15px;   
    stroke-width: .9px;
    color: #343a4070;
}

.project__box .project__actions span {
    margin-right: 10px;
    cursor: pointer;
}

.row__hidden {
    display: none !important;
}

.project__title .dropdown-menu {
    margin-top: 5px !important;
    border-radius: 15px !important;
    overflow: hidden !important;
    border: none !important;
    box-shadow:  9px 9px 18px #f1f1f170,
                 -9px -9px 18px #f1f1f170;
    font-weight: 300;
    font-size: .9em;
}

.project__title .dropdown-menu hr {
    margin: 8px 0px !important;
    border-color: #00000020;
}

.project__title .dropdown-menu .dropdown-item {
    text-align: right;
    font-size: .9em;
    color: #343a40;
}

.project__title .dropdown-menu .dropdown-item svg {
    height: 20px;
    max-width: 20px;
    margin-top: -2px;
    stroke-width: 1px;
    margin-right: 5px;
}

.project__title .dropdown-menu .dropdown-item:focus {
    background: #f1f1f1 !important;
    color: #343a40;
}


/* TOOLTIP */

.tooltip, .tooltip * {
    transition: none !important;
}

.tooltip {
    font-size: .8em;
    font-weight: 300 !important;
}

#changeStatus__input {
    width: 100%;
    padding: 15px 20px;
    font-size: .9em;
    font-weight: 300;
    border-radius: 10px;
}

#modalNewBuild .modal-content {
    border: none !important;
    text-align: center;
    border-radius: 20px;
    overflow: hidden;
}

#modalNewBuild .modal-body {
    padding: 25px;
}

#modalNewBuild h1.title {
    margin-bottom: 20px;
}

#modalNewBuild button {
    width: 100%;
    padding: 8px 16px;
    border-radius: 15px;
    background: transparent;
    border: 1px solid #485563;
    font-weight: 300;
    color: #161617;
}

#modalNewBuild button:hover {
    background: linear-gradient(60deg, #29323c 0%, #485563 100%);
    border: transparent;
    color: #ffffff;
}