@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700&display=swap');

body, .btn, .form-control, .navbar, .ibox-title, h1, h2, h3, h4, h5, h6 {
    font-family: 'Archivo', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

/* PonudbAI barvna prenova: naslovna vrstica strani (glava vsake strani) dobi topel siv trak namesto bele podlage */
.page-heading.white-bg {
    background-color: #E5E3DF !important;
    border-bottom-color: #D7D6D5 !important;
}

.agile-header {
    background-color: #E5E3DF;
    border-bottom-color: #D7D6D5;
}

/* PonudbAI barvna prenova: glavna navigacijska vrstica (logotip + hamburger) */
.top-navigation .navbar-brand {
    background: transparent !important;
    color: #22252A !important;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .6px;
}

.navbar-toggler {
    background-color: #ECEAE7 !important;
    color: #22252A !important;
    border-radius: 8px;
}

.top-navigation .nav > li.active > a,
.top-navigation .nav > li a:hover,
.top-navigation .nav > li a:focus {
    color: #D95D0E;
}

/* PonudbAI barvna prenova: podlaga strani natanko usklajena s predlogo */
.gray-bg, .bg-muted {
    background-color: #F4F3F1 !important;
}

/* PonudbAI barvna prenova: kartice (ibox) po vsej aplikaciji - zaobljeni robovi + mehka senca namesto ostrih kotov */
.ibox {
    box-shadow: 0 1px 4px rgba(34, 37, 42, .08);
}

/* Prekrijem privzeto Inspinia delno obrobo (samo zgoraj, brez leve/desne) -
   v kombinaciji z zaobljenim vogalom je ta povzročala grd "kljukast" artefakt
   na levem zgornjem vogalu vsakega ibox-a. Ločilna črta med title/content je
   zdaj cela, ravna spodnja obroba (brez konflikta z zaobljenim vogalom). */
.ibox-title {
    background-color: #FDFDFC;
    border: none;
    border-bottom: 1px solid #E5E3DF;
    border-radius: 10px 10px 0 0;
}

.ibox-content {
    background-color: #FDFDFC;
    border: none;
    border-radius: 0 0 10px 10px;
}

.form-control {
    border-radius: 8px;
}

/* PonudbAI barvna prenova: "pill" stikalo med zavihki - za ponovno uporabo kjerkoli v aplikaciji (glej Log.cshtml in stran naprave) */
.pill-tabs {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 4px;
    background: #ECEAE7;
    border-radius: 999px;
    padding: 5px;
    border: none !important;
    box-shadow: inset 0 1px 3px rgba(34, 37, 42, .1);
}

.pill-tabs > li {
    float: none;
}

.pill-tabs .nav-link {
    border: none !important;
    border-radius: 999px !important;
    padding: 8px 18px !important;
    font-weight: 600;
    font-size: 13px;
    color: #6B7078 !important;
    background: transparent !important;
    cursor: pointer;
}

.pill-tabs .nav-link:hover {
    color: #D95D0E !important;
}

.pill-tabs .nav-link.active {
    background: #D95D0E !important;
    color: #fff !important;
}

/* PonudbAI barvna prenova: privzeta "badge" (npr. datumi na strani naprave) je bila hladno modrikasto siva - zamenjana s toplo nevtralno */
.badge {
    background-color: #ECEAE7;
    color: #4D5057;
}

/* PonudbAI barvna prenova: stran posamezne naprave - "chip" z datumom servisa naj izgleda kot lep čip, ne kot star bootstrap badge */
.page-heading .badge {
    border-radius: 999px;
    padding: 5px 12px;
    font-weight: 600;
    letter-spacing: .2px;
}

.page-heading .badge .fa {
    margin-left: 4px;
}

.dxgvControl_MaterialCompactLife {
    background:transparent;

}

.dxgvControl_MaterialCompactLife .dxgvCSD {
    box-shadow:none;
}

    .dxgvHeader_MetropolisBlue, .dxgvHeader_MetropolisBlue table {
        background-color: #f5f5f6;
    }

.dxgvControl_MetropolisBlue a {
    color: #337ab7;
}

.nowrap{
    white-space:nowrap;
}

.dxgvTable_MaterialCompactLife {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.dxeButtonEdit_MaterialCompactLife {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.dxfmControl_MaterialCompactLife .dxsplControl_MaterialCompactLife {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.gridCancelButton {
    float:right;
    margin-left:10px;
    margin-right:10px;
    margin-top:10px;
}

.gridUpdateButton {
    float: right;    
    margin-top: 10px;
}

.dxbButton_MaterialCompactLife {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    margin-right:10px;



}




.dxgvGroupRow_MaterialCompactLife td.dxgv,
.dxgvFocusedGroupRow_MaterialCompactLife td.dxgv,
.dxgvBatchEditChangesPreviewGroupRow_MaterialCompactLife td.dxgv {
    padding: 2px 3px;
}

.dxgvEditFormDisplayRow_MaterialCompactLife td.dxgv,
.dxgvDetailCell_MaterialCompactLife td.dxgv,
.dxgvDataRow_MaterialCompactLife td.dxgv,
.dxgvDetailRow_MaterialCompactLife.dxgvADR td.dxgvAIC {
    padding: 2px 3px;
}

.dxgvHeader_MaterialCompactLife {
    padding: 5px 2px;
    white-space: normal;
    text-align: center;
    background-color: #F5F5F6;
    font-size:11px;
}

    .dxgvHeader_MaterialCompactLife td {
        white-space: normal;
    }

    .no-shadow {
        box-shadow: none;
    }
.dxgvPagerBottomPanel_MaterialCompactLife {
    box-shadow: none;
}

.dxgvFilterRow_MaterialCompactLife td.dxgv {
    padding:3px;
}

.dxbButton_MaterialCompactLife[class~="dxgvCommandColumnItem_MaterialCompactLife"], .dxgvEditFormTable_MaterialCompactLife div.dxbButton_MaterialCompactLife {
    margin-left: 2px;
    margin-right: 2px;
}

td.dxeHelpText_MaterialCompactLife.dxeVHelpTextSys {
    padding: 0px 0 5px 0px;
}


.dxeButtonEditButton_MaterialCompactLife {
    padding:1px;
}

.dxgvFilterRow_MaterialCompactLife .dxeTextBox_MaterialCompactLife, .dxgvFilterRow_MaterialCompactLife .dxeButtonEdit_MaterialCompactLife {
    border: none !important;
}

.dxeButtonEdit_MaterialCompactLife tr > td:last-of-type {
    padding-left: 2px;
    padding-right: 2px;
}


.md-skin .wrapper-content {
    padding: 10px 0px 10px 0px;
}


.dxgvHeader_MaterialCompactLife a.dxgvCommandColumnItem_MaterialCompactLife {
    background-color: #D95D0E;
    padding: 0px 4px;
    color: white;
}


.tabs-container .nav-tabs > li > a {    
    padding: 10px 10px 10px 15px;
}

.navbar-nav .fa {
    margin-right:10px;
}

.dxgvSearchPanel_MaterialCompactLife .dxeButtonEdit_MaterialCompactLife td.dxic {
    padding: 8px;
}

.dxtlSearchPanel_MaterialCompactLife .dxeButtonEdit_MaterialCompactLife td.dxic {
    padding: 8px;
}

.table td, .table th {
    padding:3px 4px !important;
}

.ui-autocomplete {
    list-style-type: none;
    width: fit-content;
    background-color:white;
    padding-left:5px;
}

.dxgvInlineEditCell_MaterialCompactLife {
    padding: 2px !important;
    
}

.dxgvInlineEditRow_MaterialCompactLife td.dxgv {
    border-bottom: 1px solid #DFDFDF !important;
}

.dxgvInlineEditRow_MaterialCompactLife .dxeErrorCell_MaterialCompactLife {
    padding: 0px;
    display: none;
}


.dxgvBatchEditCell_MaterialCompactLife .dxeErrorCell_MaterialCompactLife {
    padding: 0px;
    display: none;
}





.dxgvInlineEditRow_MaterialCompactLife .dxgvCommandColumn_MaterialCompactLife {
    padding: 0px;
}

.dxpgBottomPager_MaterialCompactLife {
    box-shadow:none;
}

.dxgvGroupRow_MaterialCompactLife {
    background-color:transparent;
}

.dxgvFooter_MaterialCompactLife td.dxgv {
    /* background-color: transparent;*/
    color: black;
    font-weight: bold;
    padding: 2px;
    border-bottom: 1px solid #DFDFDF !important;
}

#DivActionManagement .dxgvFooter_MaterialCompactLife td.dxgv {
    background-color: transparent;
}

.btn {
    font-weight: bold;
}

.no-border {
    border:none;
}

.link-btn {
    font-weight: bold;
    color: #D95D0E !important;    
}

.link-btn-inv {
    font-weight: bold;
    color: #ffffff !important;
    background-color: #D95D0E !important;
    padding: 0px 4px;
    border-radius: 2px;
    border: none;
}

#DivActionManagement .dxgvEmptyDataRow_MaterialCompactLife {
    display: none;
    border: none;
}

#divFinancialManagementTable .dxgvEmptyDataRow_MaterialCompactLife {
    display: none;
    border: none;
}

#DivActionManagement .btn {
    width:100px;
}


.relative {
    position:relative;
}

.icon-checked {
    position: absolute;
    bottom: 4px;
    right: 5px;
    font-size: 25px;
    color: #D95D0E;
}

.icon-checked-small {
    float:right;
    font-size: 15px;
    color: #D95D0E;
}

.dxflGroupCell_MaterialCompactLife {
    padding:0px 2px;
}

.dxgvEditFormTable_MaterialCompactLife .dxflFormLayout_MaterialCompactLife .dxflCommandItemSys, .dxgvEditFormTable_MaterialCompactLife .dxgvCommandColumn_MaterialCompactLife {
    padding-top: 2px;
    padding-bottom: 2px;
}

label {
    margin-bottom:0px;
}


#DivTimeSheetData .dxic {
    padding:1px;                          
}

#DivCalculationCostsData .dxic {
    padding: 1px;
}

#DivTimeSheetData .dxgvHeader_MaterialCompactLife { 
    padding: 1px;
}



.dxeTextBox_MaterialCompactLife td.dxic, .dxeButtonEdit_MaterialCompactLife td.dxic, .dxeButtonEdit_MaterialCompactLife[cellspacing="0"] td.dxic {
    padding: 7px 3px 6px 3px;
}

.cursor-pointer {
    cursor:pointer;
}

.dxpgFilterItem_MaterialCompactLife {
    width: 17px;
    padding: 2px 10px;
}

.dxictb {
    padding:3px !important;
}

.dxeRoot_MaterialCompactLife {
    margin:2px 0px;
}

.dxscControl_MaterialCompactLife {
    box-shadow:none;
}

.message {
    margin-top: 5px;
    margin-left: 20px;
    border:none;
    background-color:transparent;
}

.agile-list li {
    padding:0px;
}

.agile-list {
    height:100%;
}

.agile-detail {
    margin-top:0px;
    padding:4px;
}
.agile-header {
    border-bottom: 1px solid #e7eaec;
    background-color: #e7eaec;
    font-weight: bold;
    padding: 2px;
}

/*
#gvWorker .dxgvPreviewRow_MaterialCompactLife {
    display:table-row !important;
}
    */
.dxgvControl_MaterialCompactLife .dxgvFSDC, .dxgvControl_MaterialCompactLife .dxgvHSDC {
    box-shadow: none;
}

.invisible {
    display:none;
}

.help-page .dxtlNode_MaterialCompactLife {
    background-color: transparent;
    color: black;
}

.help-page .dxtlIndent_MaterialCompactLife, .help-page .dxtlIndentWithButton_MaterialCompactLife {
    background-color: transparent;
    color: black;
}

.help-page .dxtlControl_MaterialCompactLife .dxtlDataTable {
    border: none;
}

.footer-div-1 {
    border-bottom: 1px solid #DFDFDF;
    border-right: 1px solid #DFDFDF;
    margin-right: -3px;
    padding-right: 3px;
}

.footer-div-2 {
    border-right:1px solid #DFDFDF;
    margin-right: -3px;
    padding-right: 3px
}

.dxtlNode_MaterialCompactLife td.dxtl, 
.dxtlAltNode_MaterialCompactLife td.dxtl, 
.dxtlSelectedNode_MaterialCompactLife td.dxtl, 
.dxtlFocusedNode_MaterialCompactLife td.dxtl, 
.dxtlEditFormDisplayNode_MaterialCompactLife td.dxtl, 
.dxtlCommandCell_MaterialCompactLife {
    white-space:normal;
}

.breadcrumb-item.active {
    color: #D95D0E;
}

.dxeCaptionCell_MaterialCompactLife {
    white-space: normal;
}

#Scheduler_fab {
    position: fixed;
    bottom: 50px;
    right: 30px;
    transform:unset;
}

.dxscApt.dxsc-selected .dxsc-apt-content-layer span, .dxscApt.dxsc-selected .dxsc-apt-time-cell span, .dxscApt.dxsc-apt-with-label.dxsc-selected .dxsc-apt-content-layer span, .dxscApt.dxsc-apt-with-label.dxsc-selected .dxsc-apt-time-cell span, .dxsc-agenda-no-time .dxsc-selected.dxsc-apt-with-label .dxsc-apt-main-content-cell span, .dxsc-agenda-no-time .dxsc-selected.dxsc-apt-with-label .dxsc-apt-resource-cell span {
    color:black;
}

#pgPivotSettings_FilterArea td {
    display: block;
    float: left;
    padding-left: 6px !important;
    padding-right: 0px !important;
    padding-top: 6px !important;
    padding-bottom: 0px !important;
}

#pgPivotSettings_FilterArea {
    margin-bottom: 6px;
}

.dxpgRowFieldValue_MaterialCompactLife {
    white-space: normal !important;
}

/* Skupne kartice za prikaz datotek (slike/dokumenti) - Inspinia stil, uporabljeno na
   _WorkLogFileManagerPartial, _DeviceDocumentsReadOnly in Device/Index (tab "Dokumenti") */

.wl-dropzone {
    border: 2px dashed #D7D6D5;
    border-radius: 8px;
    background: #fff;
    min-height: 90px;
    padding: 10px;
    color: #8A7D72;
    font-size: 13px;
    text-align: center;
}

.wl-dropzone .dz-message {
    margin: 20px 0;
}

.wl-dropzone.dz-drag-hover {
    border-color: #D95D0E;
    background: #FBF1E9;
}

.wl-dropzone .dz-preview {
    display: none;
}

.wl-files-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 12px;
}

.wl-file-card {
    position: relative;
    width: 96px;
    text-align: center;
}

.wl-file-thumb {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 96px;
    height: 96px;
    border: 1px solid #E5E3DF;
    border-radius: 8px;
    background: #fff;
    overflow: hidden;
    color: #C9C2BB;
    font-size: 28px;
}

.wl-file-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.wl-file-name {
    margin-top: 4px;
    font-size: 11px;
    color: #4D5057;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wl-file-delete {
    position: absolute;
    top: -6px;
    right: -6px;
    width: 20px;
    height: 20px;
    line-height: 18px;
    border-radius: 50%;
    background: #ed5565;
    color: #fff;
    border: none;
    font-size: 11px;
    cursor: pointer;
    padding: 0;
}

.wl-files-empty {
    text-align: center;
    color: #8A7D72;
    padding: 14px 10px;
    font-size: 13px;
}

.red {color:red}
.blue {color: blue}