/* ============================================================================== */
/* Global           														      */
/* ============================================================================== */
div.fiche>form>div.div-table-responsive, div.fiche>form>div.div-table-responsive-no-min {
    overflow-x: unset;
}
.div-table-responsive-no-min, div.div-table-responsive {
    overflow-x: unset;
}
/* Some popup must have z-index of 1006 & more */
.ui-datepicker {
    z-index: 1100 !important;
}

.tmenu span.fas,
.tmenu span.fass,
.tmenu span.far,
.tmenu span.fasr,
.tmenu span.fal,
.tmenu span.fasl,
.tmenu span.fat,
.tmenu span.fast,
.tmenu span.fad,
.tmenu span.fadr,
.tmenu span.fadl,
.tmenu span.fadt,
.tmenu span.fasds,
.tmenu span.fasdr,
.tmenu span.fasdl,
.tmenu span.fasdt,
.tmenu span.fab {
color: unset !important;;
    line-height: 28px;
    text-align: center;
}

/* ============================================================================== */
/* Admin               														      */
/* ============================================================================== */
.range-sliders input[type=range]:focus {
    outline: none;
}

.range-sliders input[type=range]::-webkit-slider-runnable-track {
    height: 8px;
    cursor: pointer;
    box-shadow: none;
    background-color: #e6e6e6;
    border-radius: 4px;
}

.range-sliders input[type=range]::-moz-range-track {
    height: 8px;
    cursor: pointer;
    box-shadow: none;
    background-color: #ccc;
    border-radius: 4px;
}

.range-sliders input[type=range]::-webkit-slider-thumb {
    box-shadow: none;
    border-color: transparent;
    border-radius: 22px;
    background-color: #999;
    cursor: ew-resize;
    margin-top: -4px;
}

.range-sliders input[type=range]::-moz-range-thumb {
    box-shadow: none;
    height: 30px;
    width: 30px;
    border-color: transparent;
    border-radius: 22px;
    background-color: #999;
    cursor: ew-resize;
    -webkit-appearance: none;
    margin-top: -4px;
}

.range-sliders input[type=range]::-moz-focus-outer {
    border: 0;
}

.range-sliders .input-slider {
    border: none;
    -moz-appearance: textfield;
}

.range-sliders .input-slider::-webkit-outer-spin-button,
.range-sliders .input-slider::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.range-sliders {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.range-sliders .range-slider {
    width: calc(100% - 120px);
}

.range-sliders .input-slider {
    width: 30px;
}

/* ============================================================================== */
/* Dashboard        														      */
/* ============================================================================== */
.info-box-icon {
    color: #fff !important;
    opacity: 0.95;
}

.bg-infobox-action {
    background-color: #a6529d !important;
}
.bg-infobox-project {
    background-color: #6e6c95 !important;
}
.bg-infobox-propal {
    background-color: #4ec431  !important;
}
.bg-infobox-facture {
    background-color: #4ec431  !important;
}
.bg-infobox-commande {
    background-color: #4ec431  !important;
}
.bg-infobox-supplier_proposal {
    background-color: #5c99aa  !important;
}
.bg-infobox-invoice_supplier {
    background-color: #5c99aa  !important;
}
.bg-infobox-order_supplier {
    background-color: #5c99aa  !important;
}
.bg-infobox-contrat {
    background-color: #8a594a  !important;
}
.bg-infobox-bank_account {
    background-color: #3a3ac4  !important;
}
.bg-infobox-member {
    background-color: #796526  !important;
}
.bg-infobox-expensereport {
    background-color: #c8c832  !important;
}
.bg-infobox-holiday {
    background-color: #d69c28  !important;
}
.bg-infobox-ticket {
    background-color: #c14430  !important;
}

/* ============================================================================== */
/* Hide version < v21														      */
/* ============================================================================== */
	div.login_block span.aversion {
		display: none !important;
	}

/* ============================================================================== */
/* Fix title in list        													  */
/* ============================================================================== */
    td.nobordernopadding.widthpictotitle.valignmiddle.col-picto {
        position: sticky;
        left: 10px;
    }
    td.nobordernopadding.valignmiddle.col-title {
        position: sticky;
        left: 40px;
    }
    td.nobordernopadding.center.valignmiddle.col-center {
        position: sticky;
        left: 300px;
        right: 200px;
        z-index: 1;
    }
    td.nobordernopadding.valignmiddle.right.col-right {
        position: sticky;
        right: 10px;
    }

/* ============================================================================== */
/* Remove Kanban view in list													  */
/* ============================================================================== */

/* ============================================================================== */
/* Sticky table headers columns												      */
/* ============================================================================== */
	tr.liste_titre th:not(#ajaxloaded_tablelines th) {
		position: sticky;
		background-color: var(--colorbacktitle1);
		opacity: 1.0;
		z-index: 1;
		top: 52px;
	}
	tr.liste_titre.box_titre th {
		top: unset !important;
	}
    .publicnewticketform2 th {
        top: unset !important;
    }
    .fichehalfleft  tr.liste_titre th:not(#ajaxloaded_tablelines th),
    .fichehalfright  tr.liste_titre th:not(#ajaxloaded_tablelines th) {
        top: unset;
    }

            #id-right > .fiche > form[action*="perday.php"] tr.liste_titre th:not(#ajaxloaded_tablelines th),
        #id-right > .fiche > .tabBar > form[action*="perday.php"] tr.liste_titre th:not(#ajaxloaded_tablelines th),
        #id-right > .fiche > form[action*="perweek.php"] tr.liste_titre th:not(#ajaxloaded_tablelines th),
        #id-right > .fiche > .tabBar > form[action*="perweek.php"] tr.liste_titre th:not(#ajaxloaded_tablelines th),
        #id-right > .fiche > form[action*="permonth.php"] tr.liste_titre th:not(#ajaxloaded_tablelines th),
        #id-right > .fiche > .tabBar > form[action*="permonth.php"] tr.liste_titre th:not(#ajaxloaded_tablelines th),
        #id-right > .fiche > form[action*="bankrecords.php"] tr.liste_titre th:not(#ajaxloaded_tablelines th),
        #id-right > .fiche > .tabBar > form[action*="bankrecords.php"] tr.liste_titre th:not(#ajaxloaded_tablelines th),
        #id-right > .fiche > form[action*="prelink.php"] tr.liste_titre th:not(#ajaxloaded_tablelines th),
        #id-right > .fiche > .tabBar > form[action*="prelink.php"] tr.liste_titre th:not(#ajaxloaded_tablelines th) {
            top: 104px !important;
        }
    
	/* Compatibility banking4Dolibarr */
	#b4d_save_form th {
		top: unset !important;
	}

    /* Compatibility Quicklist */
    
/* ============================================================================== */
/* Sticky table 1st column  												      */
/* ============================================================================== */
@media (min-width: 768px) {
	#id-right > .fiche > form[action*="list.php"] div.div-table-responsive > table > tbody > * > :first-of-type,
	#id-right > .fiche > .tabBar > form[action*="list.php"] div.div-table-responsive > table > tbody > * > :first-of-type,
    #id-right > .fiche > form[action*="list.php"] div.div-table-responsive > div.div-table-responsive-inside > table > tbody > * > :first-of-type,
    #id-right > .fiche > .tabBar > form[action*="list.php"] div.div-table-responsive > div.div-table-responsive-inside > table > tbody > * > :first-of-type,
    #id-right > .fiche > form[action*="bankrecords.php"] div.div-table-responsive > table > tbody > * > :first-of-type,
    #id-right > .fiche > .tabBar > form[action*="bankrecords.php"] div.div-table-responsive > table > tbody > * > :first-of-type,
    #id-right > .fiche > form[action*="prelink.php"] div.div-table-responsive > table > tbody > * > :first-of-type,
    #id-right > .fiche > .tabBar > form[action*="prelink.php"] div.div-table-responsive > table > tbody > * > :first-of-type {
		position: sticky;
		left: 0;
		z-index: 2;
		background-color: var(--colorbacktitle1);
        border-right: 1px solid #bbbbbb;
	}

    .multichoicedoc {
        left: 240px !important;
        top: -10px;
    }

            .dropdown dd ul {
            right: 30px;
        }
    }

/* ============================================================================== */
/* Sticky table last column     			    							      */
/* ============================================================================== */
#id-right > .fiche > form[action*="list.php"] div.div-table-responsive > table > tbody > * > :last-of-type,
#id-right > .fiche > .tabBar > form[action*="list.php"] div.div-table-responsive > table > tbody > * > :last-of-type,
#id-right > .fiche > form[action*="list.php"] div.div-table-responsive > div.div-table-responsive-inside > table > tbody > * > :last-of-type,
#id-right > .fiche > .tabBar > form[action*="list.php"] div.div-table-responsive > div.div-table-responsive-inside > table > tbody > * > :last-of-type,
#id-right > .fiche > form[action*="bankrecords.php"] div.div-table-responsive > table > tbody > * > :last-of-type,
#id-right > .fiche > .tabBar > form[action*="bankrecords.php"] div.div-table-responsive > table > tbody > * > :last-of-type,
#id-right > .fiche > form[action*="prelink.php"] div.div-table-responsive > table > tbody > * > :last-of-type,
#id-right > .fiche > .tabBar > form[action*="prelink.php"] div.div-table-responsive > table > tbody > * > :last-of-type {
	position: sticky;
	right: 0;
	z-index: 2;
	background-color: var(--colorbacktitle1);
    border-left: 1px solid #bbbbbb;
}

    

/* ============================================================================== */
/* Sticky total bar                                                               */
/* ============================================================================== */
#id-right > .fiche > form[action*="list.php"] div.div-table-responsive > table tr.liste_total,
#id-right > .fiche > .tabBar > form[action*="list.php"] div.div-table-responsive > table tr.liste_total,
#id-right > .fiche > form[action*="perday.php"] div.div-table-responsive > table tr.liste_total,
#id-right > .fiche > .tabBar > form[action*="perday.php"] div.div-table-responsive > table tr.liste_total,
#id-right > .fiche > form[action*="perweek.php"] div.div-table-responsive > table tr.liste_total,
#id-right > .fiche > .tabBar > form[action*="perweek.php"] div.div-table-responsive > table tr.liste_total,
#id-right > .fiche > form[action*="permonth.php"] div.div-table-responsive > table tr.liste_total,
#id-right > .fiche > .tabBar > form[action*="permonth.php"] div.div-table-responsive > table tr.liste_total,
#id-right > .fiche > form[action*="bankrecords.php"] div.div-table-responsive > table tr.liste_total,
#id-right > .fiche > .tabBar > form[action*="bankrecords.php"] div.div-table-responsive > table tr.liste_total {
    position: sticky;
            bottom: 0;
        z-index: 1;
}

/* ============================================================================== */
/* Sticky grand total bar  WIP                                                    */
/* ============================================================================== */

/* ============================================================================== */
/* Sticky tabs card		     												      */
/* ============================================================================== */
div.tabs:first-of-type, .fiche > div.tabs
{
	position: sticky;
	top: 52px;
	border-bottom: solid 1px #cccccc !important;
	background-color: var(--colorbackbody);
	margin: 0 auto 0 0 !important;
	height: auto;
	z-index: 50;
}

#dialogforpopup .tabs {
	top: unset !important;
}

/* ============================================================================== */
/* Sticky area ref card		     												  */
/* ============================================================================== */

/* ============================================================================== */
/* Absolute action buttons card												      */
/* ============================================================================== */
div.tabsAction
{
	position: sticky;
	z-index: 4;
	bottom: 0;
	        background: linear-gradient(transparent, var(--colorbackbody)) !important;
        backdrop-filter: blur(4px);
        -webkit-backdrop-filter: blur(4px);
	}