/* Teamresa custom CSS
 * Nouveau ajout css pour le nouveau template appstack 
*/

/* La modale elle-même */
#my-modal {
    overflow: hidden !important;
}

/* Contenu */
#my-modal .modal-content {
    overflow: hidden !important;
}

#my-modal .modal-body {
    /*padding: 0 !important;*/
   /* overflow: hidden !important;*/
}

/* Iframe */
#my-modal iframe {
    display: block;
    border: 0;
    width: 100%;
    height: 100%;
}

.auth-full-page {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    height: 100vh;
    padding-top: 2rem;
}

.logo-title-container {
    display: flex;
    justify-content: center;
    align-items: center;
    /* margin-bottom: 1rem; */
    width: 100%;
}

.logo-container {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.logo-container img {
    margin-right: 10px;
}

h1 {
    margin: 0;
}

.header {
    margin-bottom: 0.5rem;
    font-size: 1.1rem;
}

hr {
    border-top: 1px solid #333;
}

.forgot-password-link {
    color: #ffffff;
    text-decoration: none;
}

.forgot-password-link:hover {
    text-decoration: underline;
}

.forgot-password-banner {
    background-color: #3a86ff;
    padding: 10px;
    border-radius: 4px;
    margin-top: 1rem;
    text-align: center;
}

.input-icon-right {
    position: relative;
    display: inline-block;
    width: 100%;
}

.input-icon-right input {
    padding-right: 35px;
}

.input-icon-right i {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    color: #999;
}

.popover {
    z-index: 1040 !important;
}

.popover-content {
    padding: 9px 10px !important;
}

.ui-widget.ui-widget-content {
    border: none;
}

.dialog-spinner {
    background: transparent;
    border: none;
    box-shadow: unset;
    padding-top: 150px;
}

.ui-dialog {
    border-radius: 10px;
}

.modal-content {
    border-radius: 10px;
}

.modal-footer {
    border-radius: 0px 0px 10px 10px;
}

/* ======= Menu contextuel ======= */
#DossierShow_MenuCtxt,
#DossierShow_MenuCtxt ul,
#MO_CompSelector,
#MO_CompSelector ul {
    border-radius: 10px !important;
}

#DossierShow_MenuCtxt img {
    margin: 5px;
}

#DossierShow_MenuCtxt p,
#DossierShow_MenuCtxt i,
#DossierShow_MenuCtxt span {
    margin: 5px;
}

/* Menu contextuel principal */
#DossierShow_MenuCtxt {
    position: absolute;
    display: none;
    background: white;
    border: 1px solid #ccc;
    min-width: 180px;
    z-index: 1055;
    padding: 0;
    list-style: none;
}

/* Items principaux */
#DossierShow_MenuCtxt li {
    position: relative;
    list-style: none;
    white-space: nowrap;
    padding: 0;
}

#DossierShow_MenuCtxt a.dropdown-item {
    display: block;
    padding: 6px 12px;
    text-decoration: none;
}

#DossierShow_MenuCtxt li:hover > a {
    background-color: #eee;
}

/* Sous-menu par défaut : à droite */
#DossierShow_MenuCtxt li.dropdown-submenu > ul.dropdown-menu {
    position: absolute;
    top: 0;
    left: 100%;
    margin-left: 0;
    display: none;
    z-index: 1060;
    background: white;
    border: 1px solid #ccc;
    min-width: 180px;
    white-space: nowrap;
}

/* Affiche les sous-menus au survol */
#DossierShow_MenuCtxt li.dropdown-submenu:hover > ul.dropdown-menu {
    display: block;
}

/* Si sous-menu doit s'ouvrir à gauche */
#DossierShow_MenuCtxt li.dropdown-submenu > ul.dropdown-menu-left {
    left: auto;
    right: 100%;
}

.lock .lockable {
    display: none;
}

/* field-input dans les select */
/* .field-input {
    padding: 0px 0px 0px 8px !important;
    outline: none;
    width: auto;
    min-width: 200px;
} */

.navigation button {
    margin: 5px;
}

strong {
    color: inherit !important;
    font-weight: bold !important;
}

.dropdown-menu {
    max-width: 90vw;
    overflow-wrap: break-word;
    z-index: 1050;
}

.dd-item .btn-group {
    visibility: hidden;
}

.dd-item:hover .btn-group {
    visibility: visible;
}

.dd-item .btn {
    padding: 0.2rem 0.4rem;
    font-size: 0.75rem;
}

.sidebar .nav.nav-list-custom > li > .submenu {
    position: absolute;
    z-index: 1026;
    left: 42px;
    top: -1px;
    margin-top: 40px;
    padding-bottom: 2px;
    width: 176px;
    display: none;
    height: auto;
    visibility: visible;
}

/* custom list */
.nav-list-custom {
    margin: 0;
    padding: 0;
    list-style: none;
}

.no-skin .nav-list-custom > li {
    border-color: #E5E5E5;
}

.skin-1 .nav-list-custom > li {
    border-color: #3F4E54;
}

.skin-2 .nav-list-custom > li:first-child {
    border-top-color: #5a5a5a;
}

.skin-2 .nav-list-custom > li {
    border-color: #484848;
}

.skin-3 .nav-list-custom > li {
    border-color: #F2F2F2;
}

.nav-list-custom > li {
    display: block;
    position: relative;
    float: none;
    padding: 0;
    border-style: solid;
    border-width: 1px 0 0;
}

thead {
    position: sticky;
    top: 0;
    z-index: 2;
    background-color: #F2F2F2;
}

#list #sidebar2 {
    min-height: 200px;
}

#list #sidebar2 #ListColumns .lbl {
    white-space: nowrap;
}

#list .popover {
    width: 250px;
}

#list .table {
    background-color: white;
}

#list .table > thead > tr > th,
#list .table > tfoot > tr > th {
    text-align: center;
}

#list #LinkName {
    margin-bottom: 10px !important;
}

#list #mylist,
#list .list,
.TreeViewContainer .list {
    width: 100% !important;
}

#list #ListColumns input.ace[type="checkbox"] + .lbl::before,
#list input.ace[type="radio"] + .lbl::before {
    margin-left: -22px;
}

#list #ListColumns input.ace[type="checkbox"] + .lbl,
#list input.ace[type="radio"] + .lbl {
    padding-left: 25px;
}

#list table.sub {
    margin-left: 100px;
    width: calc(100% - 100px);
}

#sidebar2 .menu-text,
#sidebar2 .submenu {
    display: none;
}

#sidebar2 li.open .menu-text,
#sidebar2 li.open .submenu {
    display: block;
}

/* Collapse/Expand icons */
#ListTree span.expand {
    display: block;
}

#ListTree span.expand.collapse::before {
    content: "\002b";
    position: relative;
    top: 1px;
    font-weight: 900;
    font-size: 25px;
    line-height: 1;
    display: block;
    padding: 10px 20px 10px 0px;
}

#ListTree span.expand::before {
    content: "\2212";
    position: relative;
    top: 1px;
    font-weight: 900;
    font-size: 25px;
    line-height: 1;
    display: block;
    padding: 10px 20px 10px 0px;
}

/* Tree structure */
#TreeList_Container LI LI span.child {
    background-image: url("/res/perstask/tree.png");
    background-size: contain;
    height: 29px;
    visibility: visible;
    width: 20px;
    display: inline-block;
}

#TreeList_Container LI LI span.child::before {
    content: "";
    display: block;
    padding: 10px;
}

#TreeList_Container LI LI:last-child span.child,
#ListTree span.child {
    background-image: url("/res/perstask/tree_end.png");
    background-size: contain;
    height: 29px;
    visibility: visible;
    width: 20px;
    display: inline-block;
}

#TreeList_Container LI LI:last-child span.child::before,
#ListTree span.child::before {
    content: "";
    display: block;
    padding: 10px;
}

#ListTree span.expand.level-2 { margin-left: 20%; }
#ListTree span.expand.level-3 { margin-left: 40%; }
#ListTree span.expand.level-4 { margin-left: 60%; }
#ListTree span.expand.level-5 { margin-left: 80%; }
#ListTree span.expand.level-6,
#ListTree span.expand.level-7 { margin-left: 90%; }

.dossiersshow #ListTree div.col {
    display: inline-block;
    white-space: initial;
    padding-left: 13px;
    width: 200px;
}

#Dossiershow_List .verrou {
    width: 50px;
}

#ListTree li span { background-position: 0% center; }
#ListTree li ul li span { background-position: 30% center; }
#ListTree li ul li ul li span { background-position: 60% center; }
#ListTree li ul li ul li ul li span { background-position: 90% center; }
#ListTree li ul li ul li ul li ul li span { background-position: 95% center; }

#ListTree,
#ListTree ul {
    margin: 0px;
    width: 100%;
}

#ListTree li {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}

#ListTree .expand.level-1.child {
    display: inline;
    background-image: none;
}

#ListTree tbody td {
    cursor: pointer;
    white-space: pre-wrap;
}

#ListTree tbody td:nth-first {
    padding: 2px;
}

/* Sticky table headers */
.main-content #ListTree thead tr:nth-child(1) td,
.main-content #Dossiershow_List thead tr:nth-child(1) td,
.payment table thead tr:nth-child(1) td {
    position: -webkit-sticky !important;
    position: sticky !important;
    z-index: 5;
    top: -1px;
    background: #F2F2F2;
    background-image: linear-gradient(to bottom, #F8F8F8 0, #ECECEC 100%);
}

.main-content #ListTree thead tr:nth-child(2) th,
.main-content #Dossiershow_List thead tr:nth-child(2) th,
.payment table thead tr:nth-child(2) td {
    position: -webkit-sticky !important;
    position: sticky !important;
    z-index: 5;
    top: 47px;
    background: #F2F2F2;
    background-image: linear-gradient(to bottom, #F8F8F8 0, #ECECEC 100%);
}

.main-content.navbar-fixe #ListTree thead tr:nth-child(1) td,
.main-content.navbar-fixe #Dossiershow_List thead tr:nth-child(1) td,
.navbar-fixe .payment table thead tr:nth-child(1) td,
.main-content.navbar-fixe #month tbody tr:nth-child(1) th,
.main-content.navbar-fixe #Day tbody tr:nth-child(1) th,
.main-content.navbar-fixe #week tbody tr:nth-child(1) th {
    top: 44px;
}

.main-content.navbar-fixe #ListTree thead tr:nth-child(2) th,
.navbar-fixe .payment table thead tr:nth-child(2) td,
.main-content.navbar-fixe #Dossiershow_List thead tr:nth-child(2) th {
    top: 92px;
}

.main-content.navbar-fixe #Dossiershow_List thead tr:nth-child(3) th {
    top: 130px;
}

.main-content.navbar-fixe.breadcrumb-fixe #ListTree thead tr:nth-child(1) td,
.main-content.navbar-fixe.breadcrumb-fixe #Dossiershow_List thead tr:nth-child(1) td,
.navbar-fixe.breadcrumb-fixe .payment table thead tr:nth-child(1) td,
.main-content.navbar-fixe.breadcrumb-fixe #month tbody tr:nth-child(1) th,
.main-content.navbar-fixe #Day tbody tr:nth-child(1) th,
.main-content.navbar-fixe #week tbody tr:nth-child(1) th {
    top: 85px;
}

.main-content.navbar-fixe.breadcrumb-fixe #ListTree thead tr:nth-child(2) th,
.main-content.navbar-fixe.breadcrumb-fixe #Dossiershow_List thead tr:nth-child(2) th {
    top: 133px;
}

.navbar-fixe.breadcrumb-fixe .payment table thead tr:nth-child(2) td {
    top: 148px;
}

.main-content #mylist thead tr:nth-child(1) th,
.main-content #ListTree thead tr:nth-child(1) th {
    position: -webkit-sticky !important;
    position: sticky !important;
    z-index: 5;
    top: 0px;
    background: #F2F2F2;
    background-image: linear-gradient(to bottom, #F8F8F8 0, #ECECEC 100%);
    white-space: pre;
}

.List-smartphone {
    padding-left: 10px;
}

.List-smartphone li {
	list-style-type: none;
}

.payeurs .cleanlocked th:last-child b {
	display:none;
}
.payeurs .cleanlocked tr:first-child th b {
	padding: 0;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0 8px;
	font-size: 24px;
	font-weight: lighter;
	font-weight: 100;
	margin: 0 0 12px;
	margin-top: 0px;
	margin-top: 0px;
	padding-bottom: 16px;
	padding-top: 7px;
	display: block;

}

#LinkName {
    margin-bottom: 15px !important;
    margin-top: 15px !important;
    font-size: 2rem;
}

/* rajouter la bordure pour les iframe comme dans ace master */
iframe {
  border: solid;
}

.alert.no-message {
  padding: 15px;
  margin-bottom: 16px;
}

/* fullcalendar */
.fc .fc-timeline-bg .fc-bg-event {
    overflow: hidden;
}

.fc-button{
	margin:5px !important;
}

/* Corrige l'empilement vertical des options Select2 (tags multiples) */
.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.25rem; /* petit espace entre les tags, optionnel */
}

.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__choice {
  display: inline-flex !important;
  align-items: center;
  margin: 2px 2px 0 0 !important;
  white-space: nowrap !important;
}

.dd {
    max-width: none!important;
}

#OptionsFree li.PACK, UNSET_JULIEN  #OptionsFree li.PACK .SUBMOUNT {
  background-color: #fcf8e3;
}
#OptionsFree li.PACK li.PACK, UNSET_JULIEN #OptionsFree li.PACK li.PACK .SUBMOUNT  {
  background-color: #e1f1fc;
}

#OptionsFree li.PACK li.OPTIONNEL, UNSET_JULIEN #OptionsFree li.PACK li.PACK .SUBMOUNT  {
  background-color: #fff;
}

#OptionsFree li.PACK li.PACK li.PACK,UNSET_JULIEN  #OptionsFree li.PACK li.PACK li.PACK .SUBMOUNT  {
  background-color: #e6ffeb;
}
#OptionsFree li.PACK li.PACK li.PACK li.PACK, UNSET_JULIEN  #OptionsFree li.PACK li.PACK li.PACK li.PACK .SUBMOUNT  {
  background-color:  #e4d9fc;
}
#OptionsFree li.PACK li.PACK li.PACK li.PACK li.PACK, UNSET_JULIEN #OptionsFree li.PACK li.PACK li.PACK li.PACK li.PACK .SUBMOUNT  { 
  background-color:  #fcdcd9;
}
#OptionsFree li.PACK .SUBMOUNT{
	border: none;
	background: transparent;
}
#OptionsFree ol ~ .SUBMOUNT .text-right {
	border-top: 1px solid silver;
	font-style: italic;
}

/* Ajustement pour select2 4.1.0*/
.select2-selection__choice__remove {
	border: none !important;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: contents;
}

.table-bordered{
	border-radius: 10px !important;
	overflow : hidden;
	border-color : white !important;
}
.table-bordered td, .table-bordered th{
	border-color : white !important;	
}

.table-bordered tbody tr{
	background-color : #f5f5f5;
}
.table > tbody > tr.active > td{
	background-color : #EFEFEF;
}

#btn-scroll-up {
  opacity: 0;
  transition: opacity 0.4s;
}

#btn-scroll-up.show {
  opacity: 1;
}