/* BEGIN STYLESHEET */
/* Direct stylesheet authoring is an advanced feature. Knowledge of CSS required.*/


:root {

    /* Grays colors */
    --color-black-1: #030306FF;
    --color-black-2: #15151CFF;
    --color-black-3: #212128FF;
    --color-black-4: #2D2D34FF;
    --color-black-5: #47474FFF;
    --color-black-6: #62626BFF;
    --color-black-7: #7F7F88FF;
    --color-gray-1: #9D9DA6FF;
    --color-gray-2: #ADADB6FF;
    --color-gray-3: #BCBDC6FF;
    --color-gray-4: #CCCDD6FF;
    --color-gray-5: #DDDDE3FF;
    --color-white-4: #E5E6EBFF;
    --color-white-3: #EEEEF3FF;
    --color-white-2: #F6F6FBFF;
    --color-white-1: #FFFFFFFF;
}


/* Kiosk ==================================================================
================================================================================= */

.psc-kiosk-btn-acces {
    box-shadow: rgba(17, 12, 46, 0.11) 0px 18px 60px 0px;
    transition: 0.2s;
}

.psc-kiosk-btn-acces:hover {
    border-color: var(--color-black-7) !important;
    scale: 1.02;
    transition: 0.2s;
    cursor: pointer;
}





/* Autres ==================================================================
================================================================================= */

.docked-view.dock-cover-shadow-bottom {
    box-shadow: unset !important;
}

.docked-view {
	pointer-events: none; 
}
/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #DDD; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

/* Remove alignment guide from display */
.ia_treeComponent__alignmentGuide {
	display: none !important;
}

/* Changing style for the tree - ONLY for the categories*/
.tree-item:has(.expand-icon){
	color: white;
	background:#AAAAAA;
}

/* BEGIN STYLE CLASSES */
.psc-Admin\/Borderless {
  background-color: #FFFFFF00;
  border-style: none;
}
.psc-Admin\/Borderless:hover {
  border-style: none;
}
.psc-Admin\/Borderless:focus {
  border-style: none;
}
.psc-Admin\/Borderless:visited {
  border-style: none;
}

.psc-Admin\/ButtonActive {
  background-color: #D8D8D8;
  color: #323232;
}

.psc-Admin\/FormLabel {
  color: #666666;
  font-size: 12px;
  font-style: italic;
  margin-bottom: 2px;
  margin-top: 8px;
}

.psc-Admin\/Title {
  font-size: 20px;
  font-weight: bold;
  line-height: 32px;
}

.psc-Framework\/PDFViewer\/Button {
  background-color: #F7911F;
  border-color: #F7911F;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  color: #FFFFFF;
  cursor: pointer;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  text-transform: uppercase;
  fill: #FFFFFF;
}

.psc-Framework\/PDFViewer\/Title {
  font-size: 16px;
  font-weight: bold;
  line-height: 19px;
  fill: #FAFAFB;
}

.psc-Header\/DropDown {
  background-color: var(--neutral-20);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  color: var(--neutral-100);
  margin-bottom: 10px;
  margin-top: 10px;
}

.psc-Header\/Header {
  background-color: #003E69;
  color: #E7F5FF;
  font-size: 14px;
  line-height: 17px;
  fill: #FFFFFF;
}

.psc-Header\/Icon {
  color: #FFFFFF;
  cursor: pointer;
  fill: #FFFFFF;
}

.psc-Kiosk\/Icon {
  color: #FFFFFF;
}
.psc-Kiosk\/Icon:hover {
  color: #EEEEEE;
}

.psc-Kiosk\/TreeHover {
}
.psc-Kiosk\/TreeHover:hover {
  background-color: #F79B1E47 !important;
}

.psc-Kiosk\/clickable {
}
.psc-Kiosk\/clickable:hover {
  cursor: pointer;
}

.psc-Menu\/All_Header {
  background-color: var(--neutral-80);
  color: var(--neutral-10);
  font-size: 14px;
  font-weight: bold;
  line-height: 17px;
  text-transform: none;
}

.psc-Menu\/Item {
  background-color: var(--neutral-20);
  border-bottom-style: none;
  border-top-color: var(--neutral-60);
  border-top-style: solid;
  border-top-width: 1px;
  color: var(--neutral-80);
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
}
.psc-Menu\/Item:last-child {
  border-bottom-color: var(--neutral-60);
  border-bottom-style: solid;
  border-bottom-width: 1px;
}
.psc-Menu\/Item:hover {
  background-color: var(--callToActionHighlight);
}

.psc-Menu\/Menu {
  background-color: var(--neutral-30);
}

.psc-Page\/Alarm\/Alarm {
  border-bottom-style: none;
  border-left-color: var(--neutral-40);
  border-left-style: solid;
  border-left-width: 1px;
  border-right-color: var(--neutral-40);
  border-right-style: solid;
  border-right-width: 1px;
  border-top-style: none;
}

.psc-Page\/Alarm\/Page {
  background-color: var(--neutral-20);
}

.psc-Page\/Bold {
  font-weight: bold;
}

.psc-Page\/Margins {
  margin-left: 12px;
  margin-right: 12px;
}

.psc-Page\/Page {
  border-left-color: var(--neutral-60);
  border-left-style: solid;
  border-left-width: 1px;
  font-size: 14px;
  line-height: 20px;
}

.psc-Page\/Text {
  font-size: 14px;
  line-height: 20px;
}

.psc-Title\/Icon {
  fill: var(--neutral-90);
}

.psc-Title\/Text {
  color: var(--neutral-90);
  font-size: 16px;
  font-weight: bold;
  line-height: 19px;
  margin-left: 6px;
  fill: var(--neutral-90);
}

.psc-Title\/Title {
  background-color: var(--neutral-30);
  border-bottom-color: var(--neutral-60);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-top-color: var(--neutral-60);
  border-top-style: solid;
  border-top-width: 1px;
}

@keyframes psc-Header\/Alarm_Active-anim {
  0% {
    color: #E7F5FF;
    fill: #E7F5FF;
  }
  100% {
    color: #FF2E2E;
    fill: #FF2E2E;
  }
}
.psc-Header\/Alarm_Active {
  animation-name: psc-Header\/Alarm_Active-anim;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-duration: 2s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
