/*ALEX*/
.fi-logo{ color: #ff5640 !important}
/*.max-w-7xl{ max-width: none !important;}*/
.rounded-lg{border-radius:3px !important}
.rounded-xl{border-radius:3px !important}

@media screen and (max-width:640px){section>header>button{ position: absolute !important; right: 34px;}}

@media screen and (max-width:640px){
    header.fi-header > .fi-ac{ position: absolute !important; right: 16px;}
    header.fi-header > .fi-ac button .fi-btn-label{ display:none}
    header.fi-header > .fi-ac > a.fi-btn-color-grey .fi-btn-label{display:none}
    .fi-form-actions .fi-ac button,
    .fi-form-actions .fi-ac a.fi-btn{ width: calc(50% - 6px);}
    .fi-main.sticky-resource-form-footer-pinned.sticky-resource-form-footer-theme-default .fi-form-actions:before{ box-shadow: 0px 0px 5px rgba(0,0,0,.3);}
}

.h-16{height:3.2rem !important;}
.py-8{ padding-top: 18px !important;}
@media screen and (max-width:640px){
    .py-8{ padding-top: 18px !important;}
    .gap-y-8{row-gap: 1.3rem !important;}
}

.statusBadge{border-radius:3px; padding:1px 6px; color:#fff; font-size:0.95em; display: inline-block;line-height: 1.3em; text-wrap: nowrap;text-overflow:ellipsis;overflow:hidden; max-width: 9em;}

.status_Presupuestado{background:#4a86e8}
.status_DatosAnticipoEnviado{background:#10933c}
.status_AnticipoCobrado{background:#7edb54}
.status_Programado{background:#efca00}
.status_EnEdicion{background:#ffa72c}
.status_Entregado{background:#e5412a}
.status_DatosSaldoEnviado{background:#ab0e00}
.status_Completado{background:#8b27cd}
.status_Rechazado{background:#999999}
.status_RePresupuestado{background:#999999}
.status_Ejemplo{background:#d92cd9}



.dataProjectID header .fi-section-header-description{ position: absolute !important; line-height: 1.8em; margin-left: 5em; font-weight: 600;}
@media screen and (max-width:640px){.dataProjectID header .fi-section-header-description{ margin-left: 7.5em; }}

.copyable:hover{ background-color: rgba(0,0,0,.035);}

.isOffline{ position:fixed; top:0;bottom:0;left:0;right:0;background:rgba(255,0,0,.15); text-align:center;padding-top:30px;color:transparent; font-weight:600; z-index:999999}

.statusBull{display:inline-block;border-radius:50%;margin:0 10px -4px 0;width:18px;height:18px;}

.emailLogs textarea{ font-size:0.7em !important; line-height:1.35em;padding:8px}


/**/

section header h3{color:#4a86e8 !important}
.iList{font-size:.85em; line-height:1.3em}
.iList > div{ text-align:right;padding-bottom:2px;border-bottom: 1px dotted #ccc}
.iList > div > strong,.iList > div > em,.iList > div > i{ float:left}
.iList > div > i{ font-style:normal}
.iList > div:after{ clear:both}

@media screen and (max-width:768px){.fi-ta-actions{ display: none !important;}}

.dRequired.fi-input-wrp{ background-color:rgba(131,178,255,.15);}

/*nav.fi-breadcrumbs{ display: none !important;}*/
.fi-tabs-item.fi-active{ font-weight:600}

.fi-ta-text-item-label.leading-6{ line-height: 1.1rem}

.fi-dropdown-panel.max-w-xs{ max-width: 16.5rem;}
.sm\:mt-7{ margin-top: 0rem !important;}

.fi-section-header-icon{color:#ff5640 !important}
@media screen and (max-width:640px){
    .fi-section-header-icon{ position: absolute !important}
    section header h3.fi-section-header-heading{ padding-left: 34px !important;}
}

.dataProjectScheduleDate > header .fi-ac a{ padding-top: 5px; padding-bottom: 4px; padding-right: 18px;}
@media screen and (max-width:640px){
    .dataProjectScheduleDate > header .fi-ac {  position: absolute; right: 70px; margin-top: -2px;}
}

section.fi-section > header{ background-color: rgba(255,239,149,.3);}



@media screen and (max-width:768px){

.dCont{ position: fixed; top: 0; right: 96px; z-index: 20; border-bottom: none !important;}
.dCont.dShowing{ bottom: 0;left: 0; right: 0;}
.dCont:not(.dShowing) .dWrap{ display: none;}

.dCont .dWrap{overflow:auto;-webkit-overflow-scrolling:touch;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);padding-right:1px; position:absolute; right:1px; left:0; top:0; bottom:0; padding: 15px;text-align: left; background-color: rgba(255,255,255,1);}
.dCont .dWrap::-webkit-scrollbar{width:6px;height:6px}
.dCont .dWrap::-webkit-scrollbar-track{background:transparent}
.dCont .dWrap::-webkit-scrollbar-thumb{background:rgba(255,255,255,.06);border-radius:2px}
.dCont .dWrap::-webkit-scrollbar-button:end:increment,.dCont .dWrap::-webkit-scrollbar-button:start:decrement,.dCont .dWrap::-webkit-scrollbar-corner,.dCont .dWrap::-webkit-resizer{display:none}

.dTriggger{ cursor: pointer; font-weight: 600; margin-right: 15px; margin-top: 10px; height: 32px; width:32px; display: block; background-color: rgba(0,0,0,.06); border-radius:50%;}
.dTriggger svg{ position: absolute; width: 20px; height: 20px; left: 6px; top: 15px;}
.dCont:not(.dShowing) .dTriggger{ color: #4a86e8; }
.dCont.dShowing .dTriggger{ color: #ff5640; }


.dCont.dShowing .dTriggger{z-index: 101; position: absolute; right: 0; box-shadow: 0px 0px 10px 20px rgba(255,255,255,1), 0px 0px 20px 40px #f0f0f0 inset;}
.dCont.dShowing .close{ top:7px}

.dCont:not(.dShowing) .close{ display: none;}
.dCont.dShowing .show{ display: none;}

}

.dTriggger:hover,.dTriggger:active{ color: #ff5640}

@media screen and (min-width:769px){.dTriggger svg{ display: none;}}

.dLogs > b{ font-size: .9em;}
.dLItem{ font-size: .85em;}


@media screen and (max-width:640px){
.truncate2 .choices__list.choices__list--single{ display: block; width:100%; }
.truncate2 .choices__item.choices__item--selectable{ text-wrap: nowrap; max-width: calc(100% - 30px);text-overflow:ellipsis;overflow:hidden}
}

@media screen and (max-width:500px){
.truncate2 .flex.items-center.gap-x-3{ padding-inline-start:.4rem; padding-inline-end:.4rem}
}


@media screen and (max-width:500px){
.fi-input-wrp{ max-width: calc(100vw - 65px)}
.fi-fo-field-wrp .fi-input-wrp select{ visibility: hidden !important; position: absolute !important;}
.fi-fo-field-wrp .fi-input-wrp{ height: 35px !important;}
}

@media screen and (max-width:500px){
section .fi-input-wrp > .items-center:first-of-type{ display:none !important}
section div.fi-ta-header-toolbar .fi-input-wrp > .items-center:first-of-type{ display:flex !important}
section.dStrings .fi-input-wrp > .items-center:first-of-type{ display:flex !important}
section.dStrings .fi-input-wrp > .items-center:first-of-type .fi-input-wrp-label{ max-width: 8em; text-wrap: nowrap;text-overflow:ellipsis;overflow:hidden;}
}