@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Saira+Stencil+One&display=swap');

/****************************** General Objects ***********************************/

/* Colors */
.text-primary{color: #004462 !important;}
.text-dark{color: #205b76!important;}
.text-secondary {color: #407389!important;}
.text-info {color: #608a9d!important;}
.text-pastel {color: #80a2b1!important;}
.text-pastel-light {color: #9fb9c4!important;}
.text-pastel-lighter {color: #bfd0d8!important;}
.text-light {color: #dfe8eb !important;}
.text-disabled{color:#838686 !important;}

.bg-white,.btn-white{background:white !important;}
.bg-primary,.btn-primary{background: #004462 !important;}
.bg-dark,.btn-dark{background: #205b76!important;}
.bg-secondary,.btn-secondary {background: #407389!important;}
.bg-info,.btn-info {background: #608a9d!important;}
.bg-pastel,.btn-pastel {background: #80a2b1!important;}
.bg-pastel-light,.btn-pastel-light {background: #9fb9c4!important;}
.bg-pastel-lighter,.btn-pastel-lighter {background: #bfd0d8!important;}
.bg-light,.btn-light {background: #dfe8eb !important;}
.bg-red{background: #dc3545 !important;}
.bg-orange{background: #ee6f3d !important;}
.bg-disabled{background: #343636 !important;}
.bg-disabled.text-light *{color: white !important;}

.opac80{opacity: 0.8;}

.border-primary{border-color: #004462 !important;}
.border-dark{border-color: #205b76!important;}
.border-secondary {border-color: #407389!important;}
.border-info {border-color: #608a9d!important;}
.border-pastel {border-color: #80a2b1!important;}
.border-pastel-light {border-color: #9fb9c4!important;}
.border-pastel-lighter {border-color: #bfd0d8!important;}
.border-light {border-color: #dfe8eb !important;}
.border-danger {border-color: #dc3545 !important;}
.border-warning {border-color: #ffcd39 !important;}

.border-top{border:none;border-top:solid 1px;}
.border-left{border:none;border-left:solid 1px;}
.border-right{border:none;border-right:solid 1px;}
.border-bottom{border:none;border-bottom:solid 1px;}

/* Fonts */
.font-1{font-family: 'Saira Stencil One', cursive;}
.font-2{font-family: 'Roboto', sans-serif;}
.text-xxs{font-size: 0.55rem;}
.text-xs{font-size: 0.75rem;}
.text-s{font-size: 0.85rem;}
.text-l{font-size: 1.5rem;}
.text-xl{font-size: 2.5rem;}
.text-xxl{font-size: 3rem;}

/* text style */
.bold{font-weight: bold;}
.italic{font-style: italic;}
.underline{text-decoration:underline;}

/* Sizes */
.w-30{width: 30% !important;}
.w-80{width: 80% !important;}
.h-30{height: 30% !important;}
.h-80{height: 80% !important;}

/* Body and sections */
body{font-family: 'Roboto', sans-serif;}
.page{display: none;min-height: 100vh;padding-bottom: 100px;padding-top: 80px ;}
.page .page-title{margin-bottom: 15px;}
.page .page-title-2{text-align: left;margin-bottom: 5px;}
.page .page-section{padding-top : 50px;}
.page .page-sections-list{padding-bottom : 300px;}

/* Loading page */
.loading{position: fixed;background-color: #004462;color:white;top:0px;left:0px;height: 100%;width: 100%;padding-top:15%;z-index: 10;}

/* Toasts */
.toast-panel{position: fixed; top: 80px; right: 10px;z-index: 1056;}
.toast-header .rounded-pill{margin-right: 10px;}

/* Nav */
.navbar{height: 56px;z-index: 4!important;}
.navbar-brand{font-family: 'Saira Stencil One', cursive;font-size: 1.5rem;}
.nav-link{margin-right: 50px;text-transform: uppercase;font-size: 0.75rem;}
.navbar-collapse{padding: 20px;}
/* .dropdown-item.active, .dropdown-item:active {color: inherit!important;text-decoration: inherit!important;background-color:inherit!important;} */
/* Modals */
.modal-content,.modal-header,.modal-footer{border:none;}
.modal label{font-size: 0.75rem;}

/* Forms */
.btn-round{width:75px;height: 75px;background-color: transparent;border:solid 1px #dbdbdb;margin:auto;cursor: pointer;border-radius: 50%;cursor: pointer;padding: 24px;text-align: center;}
.input-file-hidden{width:0px;height: 0px;background-color: transparent;color:transparent;position: absolute;}
.form-control{font-size: 0.75rem !important;border: none;background: white;border-radius: 0px;height: 35px;border-bottom: solid 0.1em #dbdbdb;}
.form-control:focus{box-shadow: none!important;border-bottom: solid 0.1em #004462;}
form label{margin-top:15px;}
form .form-check-label{margin-top:0px;}
.btn-add-picture{position:relative;}
.btn-add-picture .img-preview{position:absolute;left:0px;top:0px;width:100%;height: 100%;z-index: 1;}
.btn-add-picture span{position:absolute;left:0px;top:0px;width:100%;height: 100%;z-index: 2;color:#004462;font-size: 1rem;margin:auto;}


/* Rows and cols */
.row.mb>*{margin-bottom: 10px;}
.row.mb-2>*{margin-bottom: 20px;}
.row.mb-3>*{margin-bottom: 30px;}
.row.mb-4>*{margin-bottom: 40px;}
.row.no-gutter>*{padding-left: 0px;padding-right: 0px;}

/* Tables  */
table tr{font-size: 0.85rem;}
table img{height: 50px !important; width: 50px !important; }
table img.img-mini{width:40px!important ;height: 40px !important;}
table .hidden{display: none;}

/* Images  */
.img-round{border-radius: 50%;height: 100px;width: 100px;}

/* Buttons */
button{border:none !important;box-shadow: none !important;border-radius: 0px !important;}
button:active,button:hover{border:none !important;box-shadow: none !important;border-radius: 0px !important;}

/* Responsive */
.row.d-md-cs{display: none;}

/* Overlay */
.overlay{position:absolute;top:0px;left:0px;height:100%;width:100%;background:white;opacity:0.75;padding: 40px;padding-top: 50px;}

/* Spinner */
h4.spinner-sm{font-size: 0.5rem;}

/****************************** Technical ***********************************/

/****************************** Custom Divisions ***********************************/

/* Avatar */
.user-avatar-container{max-width:150px;}
.user-avatar-nav-container{display:none;position:fixed;top:2px;right:60px;height: 50px;width:50px;z-index: 6;}
.user-avatar-nav-container .notifications-counter{display:none;position: fixed;top: 0;right: 40px;height: 30px;width: 30px;z-index: 7;border-radius: 50% !important;padding-top: 6px;}
.user-avatar-nav-container .notifications-counter *{font-size: 0.75rem !important;}

/* Side Panel */
.side-panel{position:fixed;left:0px;top:56px;width:100%;height: 56px;overflow-y: hidden;overflow-x: auto;text-align: center;z-index: 2;background-color: white;}
.side-panel .menu-items-list{display:flex;}
.side-panel .menu-item{width:33.33%;padding:2.95px 5px;cursor: pointer;}
.side-panel .menu-item:hover{color: #608a9d;}
.side-panel .menu-item.active{border-bottom: #004462 solid 2px;}
.side-panel .menu-item .menu-item-label{font-size:0.75rem;}
.side-panel .menu-item .menu-item-icon{font-size: 1rem;margin-bottom: 0.5px;display: inherit;}

/* Main panel */
.main-panel{position:fixed;left:0px;width: calc(100%);height: calc(100% - 50px);overflow-y: auto;overflow-x: hidden;background-color: inherit;}

/* Objects list */
.objects-list{min-height:150px;}
.objects-list .card{border:none;border-radius: 8px;cursor: pointer;}
.objects-list .card .icon-top-right{position:absolute;top:10px;right:10px;text-align: center;padding:2px;}
.objects-list .card .text-muted{font-size: 0.8rem;}
/* .objects-list .card img{height: 100px !important;} */

/* Hierarchy */
.objects-list .badge{font-weight: lighter;white-space: inherit;}

/* Login Page */
.page-login section{padding-top:15% !important;}
.inputs-code-list{display: inline-flex;margin:10px auto;}
.input-code-char{font-size: 2rem !important;text-align: center;height: 60px;width: 13%;padding: 5px 5px;margin-left: 3.6%;}
.input-code-char::-webkit-outer-spin-button,.input-code-char::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}.input-code-char[type=number] {-moz-appearance: textfield;}

/* Home Page */
/* .page[data-page="home"] .card-body{min-height: 350px;} */

/* Team Requests Page */

/* Planning */
.planning-month-label{padding:1px;padding-top: 5px;}
.planning-month-label table{margin-bottom: 1px;}
/* LOG 2024-09-14 : Sticky side on planning */
/* .day-box{position:relative;height:30px;padding: 17px 0px !important;} */
.day-box{position:relative;}
.personal-planning-container .day-box.open{cursor: pointer;}
.request-accepted{background-color: #620041!important;color:white;}
.request-refused{background-color: #dd5966!important;}
.request-cancel-in-progress{background-color: #f9c935!important;}
.request-canceled{text-decoration: line-through;background-color: #80a2b1;}
.day-box .half-box{position:absolute;left:0px;height:50%;width:100%;z-index: -1;}
.day-box .top-box{top:0px;}
.day-box .bottom-box{top:50%;}
td.box-empty{border:none;background-color: transparent;}
.day-box.passed{background-color: #bdbebe;}
.page[data-page="myRequests"] .day-box.offable:not(.passed):hover{cursor:crosshair; background-color: #9f026b;}
.day-box.off{background-color: #f0aad8;color: #1313137a;}
/* 2025-09-16 : LOG Couleur différente pour télétravail */
.day-box.home-office{background-color: #28E01F;color: #1313137a;}
/**********************************************************************/
.day-box.closed{background-color: #608a9d;color: white;}
.day-box.requesting{background-color: #9fb9c4;color: white;content: "?";}
.day-box.cancelling{background-color: #ffc107;color: white;}
.day-box.plannable{cursor: grab;}
.day-box.plannable:hover{background-color: #bfd0d8;}
.day-box.planned{color:#131313;cursor: zoom-in;background: #ee6f3d;}
.day-box.self-plannable{cursor: grab;}
.day-box.unmovable{background-color: #2cc1d5;color: #131313;}
.day-box.planned.passed{background-color: #bdbebe;color: #131313;font-style: italic;}
.team-planification-container .afternoon-box{border-bottom: 1px #004462 solid;}

/* Planification */
.select-month-planification{font-size: 1rem!important;font-weight: bold;}
.team-planification-container{position:relative;}
.legend td{max-width: 15px;}
.separation-row,.separation-row>*{height: 2px;border: none !important;background: #004462 !important; padding:0px !important;}
.table-bordered{border:solid 0.1rem lightgray; }
.cell-title{width:20px;}
.half-day-box{width: 50px;height: 50px;}
td.border-left{border-left:solid 0.1px #004462;}
td.border-right{border-right:solid 0.1px #004462;}
.modal-edit-planned-activity .employees-list .card-user:not(.selected){filter: brightness(0.5);}
.modal-edit-planned-activity .employees-list .card-user.selected{filter: brightness(1);border:solid #004462 4px;}
/* LOG : 2024-09-15 Fix image size */
.page-section[data-anchor="administration-users"] .card-user img{width:111px;height: 111px;}
.modal .card-user img{width:50px;height: 50px;max-width: 50px;}

.tablesaw{table-layout: fixed;max-width: none;width: auto;min-width: 100%;}
/* Notifications */
.notifications-panel tr.unread{font-weight: bold;}
.notifications-panel tr.read{font-weight: lighter;font-style: italic;display:none;}
td{-webkit-text-size-adjust:none;}

/* LOG 2024-09-14 : Sticky side on planning */
.day-box{min-width: 70px;max-width: 70px;width:70px;padding: 0px 0px !important;height: 60px !important;}
.team-planification-container table ,.team-planification-container table tbody{position: relative;}
.sticky{height: 60px !important;width: 95px; min-width: 95px;}
.sticky>*{width: 100%;}
.sticky-tmp{height: 55px !important;margin-top:2.5px;opacity: 0.85;width:60px !important;}
.sticky-head-tmp{z-index: 2;opacity: 0.85;}
.sticky-head-tmp td{border: solid 1px gray;    border-width: 0 1px;min-width: 70px;}
.sticky-head-tmp thead tr td:nth-of-type(1){width:190px !important;}
.sticky-head-tmp thead tr td:nth-of-type(1)>*{width:100% !important;}

/* Navette */
.preprint{display: none;}
.editor{display: none;}
.editable.selected{border:solid 2px #004462 !important;}
.editable:hover{cursor: crosshair;background-color: #80a2b1;}
.page[data-page="navette"] textarea{height: 100%;}
.page[data-page="navette"] .content{white-space: pre;white-space: pre-line;}



/* Settings */
.working-day-container{border-right:solid 0.1px #205b76;}
.working-day-container:first-child{border-left:none;}
.working-day-container:last-child{border-right:none;}
.holidays-list-panel{max-height: 500px;overflow:hidden ;overflow-y: auto;}
.holiday-row{background-color: #407389;color:white; padding:2px;font-size: 0.85rem;margin: 2.5px;}
.holiday-row button{font-size: 0.75rem;}

/* Help  */
.page[data-page="help"] .menu-item,.page[data-page="help"] .dropdown {margin-top: 30px;}
.page[data-page="help"] .menu-item{cursor: pointer;}
.page[data-page="help"] .menu-item:hover{text-decoration: underline;font-weight: bold;}
.page[data-page="help"] li.menu-item {margin-top: 10px;}
.page[data-page="help"] .article{margin-top: 60px;display:none;}
.page[data-page="help"] .article[data-theme="help"] {display:block;}
.page[data-page="help"] .menu-items-list-container {padding: 30px 10px;}

/* Teams Documents */
.employee-documents-list-container{position: relative;padding: 20px 2px;display: none;}
.employee-documents-list-container .employee-documents-list{padding: 20px 10px;margin-bottom: 50px;}
.row-doc:hover *{font-weight: bolder;color:#205b76;cursor: pointer;}

/* 2024-12-26 Annuaire */
.items-list .box{position: relative;background-color: white;color: #004462;box-shadow: 0px 0 30px rgba(1, 41, 112, 0.1);padding: 30px 20px;border-radius: 8px;margin-top: 10px;}
.page[data-page="annuaire"] a.phone-number{font-size: 0.85rem;}
.page[data-page="annuaire"] a.email{font-size: 0.75rem;text-transform: lowercase;}

/*Small devices (landscape phones, 576px and */
@media (min-width: 576px) {
/* Nav */
.navbar-collapse{padding: 20px;}
}

/*Medium devices (tablets, 768px and */
@media (min-width: 768px) {
/* Nav */
.navbar-collapse{padding: 0px;}
/* Responsive */
.row.d-md-cs{display: flex;}

/* Login Page */
.page-login section{padding-top: 10% !important;;}
/* Loading page */
.loading{padding-top:10%}

}

/*Large devices (desktops, 992px and */
@media (min-width: 992px) {
    /* Avatar */
    .user-avatar-nav-container{display: block;}
}

/*X-Large devices (large desktops, 1200px and */
@media (min-width: 1200px) {

}

/*XX-Large devices (larger desktops, 1400px and */
@media (min-width: 1400px) {

}