.project-box {
    border: 1px solid #99CC00;
    border-radius: 9px;
    margin-bottom: 20px;
    cursor: pointer;
}

.projectanadir{
    padding-top: 56px;
    padding-bottom: 18px;
}

.textoanadir {
    color : #99CC00;
    font-size: 15px;
    font-family: OpenSansSemiBold;
    line-height: 20px;
    letter-spacing: 0px;
    padding-bottom: 56px;
}

.anadircol {
    padding-right: 7px !important;
    padding-left: 7px !important;
}

.modal-header {
    background-color: #080808;
    border: 1px solid #080808;
}

.modal-title {
    font-size: 19px;
    color: #99CC00!important;

}

.modal-backdrop {
    opacity: 0.7 !important;
    background-color: #333333;
}

.modal-content {
    background-color: black;
    border: 1px solid black;

}

.modal-dialog {
    padding-left: 50px;
    padding-right: 50px;
}

.modal-footer{
    border-top: none;
    display: block;
}

.form-group > label {
    color: white;
    font-size: 11px;
    padding-bottom: 5px;
    line-height: 14px;
    font-family: OpenSansRegular;
}

.form-group > input {
    border: 1px solid #99CC00;
    background-color: black;
    border-radius: 1px;
    margin-bottom: 24px;
    color: white !important;
    outline: none;
}

    .form-group > input:focus {
        border: 1px solid #99CC00;
        background-color: black;
        border-radius: 1px;
        outline: none !important;
        box-shadow: none;
    }

    .form-group > input:focus {
        border: 1px solid #99CC00;
        background-color: black;
        border-radius: 1px;
        outline: none;
    }

.form-group > select {
    border: 1px solid #99CC00;
    background-color: black;
    border-radius: 1px;
    margin-bottom: 24px;
    color: white !important;
    outline: none;

}

    .form-group > select:focus {
        border: 1px solid #99CC00;
        background-color: black;
        border-radius: 1px;
        outline: none !important;
        box-shadow: none;
    }

    .form-group > select:focus {
        border: 1px solid #99CC00;
        background-color: black;
        border-radius: 1px;
        outline: none;
    }

select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-image: url('/Resources/arrow-down.svg');
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .99em auto, 100%;
}

    /* For IE (thanks to @SaiManoj) */
    select::-ms-expand {
        display: none;
    }

.btn-cancel, .btn-cancel:hover, .btn-cancel:focus, .btn-cancel::selection {
    border-color: #444444 !important;
    background: none !important;
    background-image: none;
    background-image: none;
    color: #444444 !important;
    font-size: 12px !important;
    padding: 10px 34px 10px 34px;
    border-radius: 19px !important;
    font-family: OpenSansSemiBold!important;
}

#projects{
    padding-top: 45px;
}

.content-box {
    padding-bottom: 80px;
    padding-right: 30px;

}

.content-project-box {
    min-height: 470px;
}


.user-project{
    padding-top: 14px;
    padding-bottom: 27px;
    padding-left: 18px;
    padding-right: 18px;
}

.colnotprocessed{
    padding-left: 0px;

}

.projectTitle {
    font-family: OpenSansSemiBold;
    color: white !important;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    height: 20px;
    -webkit-box-orient: vertical;
}

.partnerName {
    font-family: OpenSansSemiBold;
    color: white !important;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0px;
    padding-bottom: 21px;
    min-height: 3.3em !important;
}


.projectDate {
    font-family: OpenSansRegular;
    color: #888888 !important;
    font-size: 12px;
    line-height: 17px;
    letter-spacing: 0px;
    padding-bottom: 18px;
}

.numberFiles {
    font-family: OpenSansRegular;
    color: white !important;
    font-size: 12px;
    line-height: 17px;
    letter-spacing: 0px;
}

.numberCredits {
    font-family: OpenSansRegular;
    color: white !important;
    font-size: 12px;
    line-height: 17px;
    letter-spacing: 0px;
    padding-bottom: 10px;
}

.stateProjectNew {
    color: #99CC00;
    border: 1px solid #99CC00;
    border-radius: 16px;
    padding: 6px 17px 6px 17px;
    font-size: 10px;
    font-family: OpenSansBold;
    line-height: 14px;
    letter-spacing: 0px;
}

.stateProjectFinished {
    color: #99CC00;
    border: 1px solid #99CC00;
    border-radius: 16px;
    padding: 6px 17px 6px 17px;
    font-size: 10px;
    font-family: OpenSansBold;
    line-height: 14px;
    letter-spacing: 0px;
    width: auto;
}

.stateProjectNotProcessed {
    color: #999999;
    border: 1px solid #999999;
    border-radius: 16px;
    padding: 6px 17px 6px 17px;
    font-size: 10px;
    font-family: OpenSansBold;
    line-height: 14px;
    letter-spacing: 0px;
    width: auto;
}

.stateProjectFailed {
    color: red;
    border: 1px solid red;
    border-radius: 16px;
    padding: 6px 17px 6px 17px;
    font-size: 10px;
    font-family: OpenSansBold;
    line-height: 14px;
    letter-spacing: 0px;
    width: auto;
}

.enlaces-procesado-mapa {
    color: white !important;
    font-size: 15px;
    font-family: OpenSansRegular;
}

.menu-options {
    background-color: #0e1411 !important;
    padding-top: 0px;
    padding-bottom: 0px;
    width: 200px;
}

.item-option-menu:hover {
    background-color: #0e1411 !important;
    color: white !important;
}

.item-option-menu {
    border-bottom: 1px solid black;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    font-size: 15px;
    font-family: OpenSansRegular;
}

.item-option-menu-last {
    padding-top: 5px;
    padding-bottom: 5px;
    cursor: pointer;
    padding-left: 15px;
    font-size: 15px;
    font-family: OpenSansRegular;
}

.texto-delete {
    font-size: 14px;
    font-family: OpenSansRegular;
    color: #BBBBBB;
    line-height: 24px;
}

.infoProjectText {
    font-size: 11px;
    font-family: OpenSansRegular;
    color: #DDDDDD;
    padding-left: 5px;
}
.project-kind-badge{display:inline-flex;margin:4px 15px 14px;padding:5px 8px;border-radius:20px;font-size:8px;font-weight:800;letter-spacing:.08em}.project-kind-badge.is-processed{background:#1b3928;color:#8dd2a8}.project-kind-badge.is-imported{background:#26352d;color:#b6c9bd}.project-card-facts{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:0 15px 17px}.project-card-facts>span{position:relative;display:grid;grid-template-columns:18px 1fr;grid-template-rows:auto auto;min-width:0;padding:9px;border:1px solid #303733;border-radius:5px;background:#141916}.project-card-facts img{grid-row:1/3;width:13px;align-self:center;opacity:.72}.project-card-facts small{color:#77847c;font-size:8px;text-transform:uppercase}.project-card-facts strong{overflow:hidden;color:#dce5df;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.project-card-facts .asset-type-fact{grid-template-columns:1fr}.project-card-facts .asset-type-fact small,.project-card-facts .asset-type-fact strong{grid-column:1}@media(max-width:767px){.project-card-facts{grid-template-columns:1fr 1fr}}
@media(max-width:767px){#projects{padding-top:10px}.content-project-box>[class*="col-"]{width:100%;margin-bottom:12px}.project-box{height:auto!important;min-height:210px}.anadircol{padding-left:6px!important;padding-right:6px!important}.project-kind-picker{grid-template-columns:1fr}.modal-footer .row{width:100%;margin:0}.modal-footer .btn{width:100%;padding-left:10px!important;padding-right:10px!important}}
.project-kind-picker{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.project-kind-option{position:relative;display:grid;grid-template-columns:46px 1fr;gap:13px;min-height:170px;padding:18px;border:1px solid #3b433e;border-radius:8px;background:linear-gradient(145deg,#181c1a,#111412);color:#fff;cursor:pointer;transition:border-color .18s,transform .18s,box-shadow .18s}.project-kind-option:hover{transform:translateY(-2px);border-color:#65b287;box-shadow:0 10px 26px rgba(0,0,0,.25)}.project-kind-option:has(input:checked){border-color:#70bc91;box-shadow:0 0 0 3px rgba(153,204,0,.18);background:linear-gradient(145deg,#1a2820,#101713)}.project-kind-option input{position:absolute;right:14px;top:14px;width:18px;height:18px;accent-color:#99CC00}.project-kind-icon{display:grid!important;place-items:center;width:44px;height:44px;border-radius:7px;background:#20372b;color:#7ed19f}.project-kind-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.project-kind-copy{display:block!important;padding-right:19px}.project-kind-copy strong,.project-kind-copy small,.project-kind-copy em{display:block}.project-kind-copy strong{color:#fff;font-size:15px;line-height:1.3}.project-kind-copy small{margin-top:8px;color:#bec8c2;font-size:12px;line-height:1.55}.project-kind-copy em{margin-top:13px;color:#79c699;font-size:10px;font-style:normal;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.modal-content .form-group>label{color:#e7ece9}.modal-content .form-control{background:#121513;border-color:#49514c;color:#fff}.modal-content .form-control::placeholder{color:#858f89}@media(max-width:767px){.project-kind-picker{grid-template-columns:1fr}.project-kind-option{min-height:145px}}
.project-file-row{align-items:center;min-height:54px;padding:8px 0;border-bottom:1px solid #303532;color:#c5cdc8;font-size:11px}.project-file-row:hover{background:#171b19}.project-file-row .file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-weight:600}.delete-file-button{width:29px;height:29px;border:1px solid #4a514d;border-radius:50%;background:transparent;color:#aeb8b2;font-size:17px;line-height:24px}.delete-file-button:hover{border-color:#c8615b;color:#ff9b95}.upload-help-button{display:inline-grid;place-items:center;width:22px;height:22px;margin-left:7px;border:1px solid #536158;border-radius:50%;background:transparent;color:#83c99f;font-size:12px}.upload-cloud-icon{display:inline-block;width:58px;height:58px;color:#70b78f}.upload-cloud-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.upload-status-text,.upload-warning,#uploadBatchStatus{display:block}.upload-status-text{margin-top:12px;color:#fff;font-weight:700}.upload-warning{margin-top:13px;color:#e8c681;font-size:11px}.porcentajeaddfiles #uploadBatchStatus{margin-top:8px;color:#9eaaa3;font-size:10px}.upload-linear{height:6px;margin:14px auto 0;max-width:310px;overflow:hidden;border-radius:10px;background:#303632}.upload-linear span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#99CC00,#99cc00);transition:width .18s}
@media(max-width:767px){.header-project{display:none!important}.project-file-row{display:grid;grid-template-columns:1fr auto;padding:13px 5px}.project-file-row>div{width:auto!important;max-width:none}.project-file-row>div:not(.file-name):not(.text-end){display:none}.project-file-row .text-end{grid-column:2;grid-row:1}.project-file-row .file-name{grid-column:1;grid-row:1}}

/* Unified MyProjects cards */
.content-project-box{row-gap:14px}.content-project-box>.anadircol{display:flex}.project-box{width:100%;height:100%}.user-project{position:relative;min-height:286px;padding:0;overflow:hidden}.project-card-link{display:flex;min-height:284px;height:100%;flex-direction:column;padding:24px 18px 17px;outline:none}.project-card-link:focus-visible{box-shadow:inset 0 0 0 2px #8acda6}.projectTitle{height:40px;-webkit-line-clamp:2;line-clamp:2}.project-kind-badge{align-self:flex-start;margin:0 0 13px;padding:5px 9px}.project-card-facts{margin-top:15px;padding:0}.project-card-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:auto;padding-top:15px}.project-retention{margin-right:auto;color:#97a39b;font-size:9px;font-weight:700}.project-state{display:inline-flex;padding:6px 13px;border:1px solid currentColor;border-radius:16px;font:10px/1 OpenSansBold;text-transform:uppercase}.project-state-1{color:#99CC00}.project-state-2{color:#99cc00}.project-state-3{color:#999}.project-state-4{color:#ee736d}.project-delete-button{position:absolute;z-index:3;top:14px;right:14px;display:grid;width:32px;height:32px;padding:0;place-items:center;border:1px solid #3f4943;border-radius:50%;background:#111613;color:#85938b;transition:.18s}.project-delete-button:hover,.project-delete-button:focus{border-color:#c96059;background:#241716;color:#ff9b94}.project-delete-button svg{width:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.project-box-new{display:flex;min-height:286px;flex-direction:column;align-items:center;justify-content:center}.project-box-new .projectanadir{padding:0 0 18px}.project-box-new .textoanadir{padding:0}
@media(max-width:767px){.project-box,.project-box-new{min-height:250px!important}.user-project{min-height:250px}.project-card-link{min-height:248px}.content-project-box>.anadircol{margin-bottom:0}}

.project-filter-bar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:18px 0 8px;padding:12px 14px;border:1px solid #2f3933;border-radius:8px;background:#101512}.project-filter-group{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.project-filter-group>span{margin-right:2px;color:#829087;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.project-filter-group button,.project-filter-clear{padding:7px 12px;border:1px solid #3b4740;border-radius:18px;background:#151b17;color:#c4cec8;font:10px/1 OpenSansBold;transition:.18s}.project-filter-group button:hover,.project-filter-group button:focus-visible{border-color:#99cc00;color:#fff}.project-filter-group button.is-active{border-color:#99cc00;background:#99cc00;color:#111}.project-filter-clear{margin-left:auto;border-color:#4a5550;background:transparent;color:#9da9a2}.project-filter-count{min-width:72px;color:#89968e;font-size:10px;text-align:right}@media(max-width:767px){.project-filter-bar{align-items:flex-start;flex-direction:column}.project-filter-clear{margin-left:0}.project-filter-count{text-align:left}}
.project-import-symbol{display:flex;width:62px;height:62px;margin:0 auto 18px;border:1px solid rgba(143,203,0,.62);border-radius:50%;align-items:center;justify-content:center;color:#8fcb00}.project-import-symbol svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.project-box-import{border-color:rgba(143,203,0,.72)}
