.sortorder:after {content: '\25b2';}.sortorder.reverse:after {content: '\25bc';}img{image-orientation:from-image}md-toolbar.md-default-theme:not(.md-menu-toolbar),md-toolbar:not(.md-menu-toolbar){background-color:#fff!important}.textStroky{text-shadow:#000 1px 0 0,#000 .540302px .841471px 0,#000 -.416147px .909297px 0,#000 -.989992px .14112px 0,#000 -.653644px -.756802px 0,#000 .283662px -.958924px 0,#000 .96017px -.279415px 0}.topButtonsFull{top:75px}.topButtonsNotFull{top:135px}.topDivNotFull{height:calc(100% - 65px)}.topDivFull{height:100%}.md-text{width:100%!important}.selectedIndex2{background:#2196f3;color:#fff!important}.notFullHeight{height:calc(100% - 100px)}.fullHeight{height:100%}.noMarginRight{margin-right:0; }.withMarginRight{margin-right:320px; }.notSelectedBtn2{background-color:transparent}.notSelectedBtn{background-color:#fff!important;color:#000!important}.selectedBtn{background-color:#2196f3!important;color:#fff!important}.notSelectedIconGray{color:gray!important}.notSelectedIcon{color:#000!important}.selectedIconBlue{color:#2196f3!important}.selectedIcon{color:#fff!important}.noMargin{margin-left:0; height: calc(100% - 48px);}.withMargin{margin-left:200px; height: calc(100% - 48px);}.fullContent{height:100%;}.menuBtn{margin:0}.drop-enter2{border:4px solid green}.drop-leave2{border:1px solid gray}.angular-notifications-icon{margin-top:10px; background:#2196f3!important;box-shadow:0 2px 5px 0 rgba(0,0,0,.26)}body{height:100%;width:100%;overflow:hidden}.myGrid{width:500px;height:250px}.dispLeft{margin-left:0}.dispMiddle{margin-left:405px}.heightArray{height:calc(100% - 300px)!important}.sideNavDisp{width:400px;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.selectedIndex{color:#2196f3;font-weight:700}.notSelectedIndex{background-color:#fff;color:#434343!important;font-weight:700}.selectedIndexIcon{color:#2196f3}.notSelectedIndexIcon{color:#757575!important}#btnStatus .md-select-value .md-select-icon{display:none;color:#fff;text-align:left;margin:0}.rcornersRight{border-radius:0 25px 25px 0;color:#fff;text-align:center}.rcornersLeft{border-radius:25px 0 0 25px;color:#fff;text-align:center}.rcorners{border-radius:25px;color:#fff;text-align:center}.statusBtn{margin-left:0;color:#fff}.activeSub{border:solid 3px #2196f3;display:-webkit-inline-box}.inactiveSub{display:-webkit-inline-box}.zoomMenuForm{background-color:#424444;position:absolute;left:15px;width:50px;border-radius:8px;box-shadow:0 0 0 4px #fff,inset 0 2px 0 rgba(0,0,0,.08),0 3px 0 4px rgba(0,0,0,.05);height:130px}.zoomMenuFormMargin{background-color:#424444;position:absolute;left:345px;width:50px;border-radius:8px;box-shadow:0 0 0 4px #fff,inset 0 2px 0 rgba(0,0,0,.08),0 3px 0 4px rgba(0,0,0,.05);height:130px}.zoomMenuFormRight{background-color:#424444;position:absolute;right:25px;width:50px;border-radius:8px;box-shadow:0 0 0 4px #fff,inset 0 2px 0 rgba(0,0,0,.08),0 3px 0 4px rgba(0,0,0,.05);height:100px}.zoomMenuFormRightMargin{background-color:#424444;position:absolute;right:365px;width:50px;border-radius:8px;box-shadow:0 0 0 4px #fff,inset 0 2px 0 rgba(0,0,0,.08),0 3px 0 4px rgba(0,0,0,.05);height:100px}.cameraFormRight{background-color:#424444;position:absolute;right:100px;width:150px;border-radius:8px;box-shadow:0 0 0 4px #fff,inset 0 2px 0 rgba(0,0,0,.08),0 3px 0 4px rgba(0,0,0,.05);height:71px}.cameraFormRightMargin{background-color:#424444;position:absolute;right:400px;width:150px;border-radius:8px;box-shadow:0 0 0 4px #fff,inset 0 2px 0 rgba(0,0,0,.08),0 3px 0 4px rgba(0,0,0,.05);height:71px}.zoomMenu1{top:15px;background-color:#fafafa;position:absolute;left:15px;width:50px;border-radius:8px;box-shadow:0 0 0 4px #fff,inset 0 2px 0 rgba(0,0,0,.08),0 3px 0 4px rgba(0,0,0,.05);height:130px}.zoomMenu2{top:15px;background-color:#fafafa;position:absolute;left:415px;width:50px;border-radius:8px;box-shadow:0 0 0 4px #fff,inset 0 2px 0 rgba(0,0,0,.08),0 3px 0 4px rgba(0,0,0,.05);height:130px}.zoomMenu3{top:15px;background-color:#fafafa;position:absolute;left:815px;width:50px;border-radius:8px;box-shadow:0 0 0 4px #fff,inset 0 2px 0 rgba(0,0,0,.08),0 3px 0 4px rgba(0,0,0,.05);height:130px}.icony{margin-top:6px;color:#fff;right:20px}.iconMenu{top:95px;background-color:#424444;color:#fff;position:absolute;right:18px;width:50px;border-radius:8px;box-shadow:0 0 0 4px #fff,inset 0 2px 0 rgba(0,0,0,.08),0 3px 0 4px rgba(0,0,0,.05)}.signMenu{top:calc(50% - 52px);background-color:#424444;color:#fff;position:absolute;right:18px;border-radius:8px;box-shadow:0 0 0 4px #fff,inset 0 2px 0 rgba(0,0,0,.08),0 3px 0 4px rgba(0,0,0,.05)}.whiteBack{border:2px solid #fff;color:#2196f3}.whiteIcon{color:#fff}.blueBack{border:2px solid #fff;color:#fff}.whiteCircle{border:2px solid #fff;color:#fff}.redCircle{border:2px solid red;color:#fff}.noBack{color:#fff}.blueIcon{color:#2196f3}.k-treelist .k-status{background-color:#fff}._md-datepicker-floating-label>md-datepicker .md-datepicker-button{margin-left:0;padding-left:0;margin-right:0;padding-right:0;width:25px}.md-datepicker-input-container{width:86%}.hoverPhoto{background-color:#000}.k-colorpalette .k-item{width:44px;height:44px}.viewy{width:100%}.viewy2{width:calc(100% - 400px);margin-left:400px}.viewy3{width:calc(100% - 805px);margin-left:805px}#register{height:calc(100% + 64px);background-color:#f9f9f9}.page-template{font-family:"DejaVu Sans",Arial,sans-serif;position:absolute;width:100%;height:100%;top:0;left:0}.page-template .header{position:absolute;top:30px;left:30px;right:30px;border-bottom:1px solid #888;color:#888}.page-template .footer{position:absolute;bottom:30px;left:30px;right:30px;border-top:1px solid #888;text-align:center;color:#888}.page-template .watermark{font-weight:700;font-size:400%;text-align:center;margin-top:30%;color:#aaa;opacity:.1;transform:rotate(-35deg) scale(1.7,1.5)}.customer-photo{display:inline-block;width:32px;height:32px;border-radius:50%;background-size:32px 35px;background-position:center center;vertical-align:middle;line-height:32px;box-shadow:inset 0 0 1px #999,inset 0 0 10px rgba(0,0,0,.2);margin-left:5px}kendo-pdf-document .customer-photo{border:1px solid #dedede}.customer-name{display:inline-block;vertical-align:middle;line-height:32px;padding-left:3px}.k-grid td.k-state-selected,.k-grid tr.k-state-selected>td{background-color:#039be5!important}.wrapper{height:300px;width:300px;background-color:#f33;padding:3px;box-sizing:border-box}.wrapper button{height:100%;width:100%}#trapezoid{border-bottom:44px solid red;border-left:40px solid transparent;border-right:40px solid transparent;height:0;width:100px}.trapezoidIn{position:absolute;top:41%;right:0;border-top:35px solid transparent;border-bottom:35px solid transparent;border-right:44px solid #424444;margin:0;padding:0;height:60px}.trapezoidIn2{position:absolute;top:41%;left:0;border-top:35px solid transparent;border-bottom:35px solid transparent;border-left:44px solid #424444;margin:0;padding:0;height:60px}.trapezoidOut{position:absolute;top:41%;right:320px;border-top:35px solid transparent;border-bottom:35px solid transparent;border-right:44px solid #2196f3;margin:0;padding:0;height:60px}.btnIn{position:absolute;top:47%;right:0;margin:0}.btnOut{position:absolute;top:47%;right:320px;margin:0}.parent{height:100%}#gridTask{height:100%}.activeState{color:#039be5!important}.k-spreadsheet-sheets-bar{background-color:#f9f9f9!important}.k-tabstrip-items .k-item{background-color:#f9f9f9}.k-spreadsheet-sheets-items .k-state-default .k-link{background-color:#f9f9f9!important}.k-spreadsheet-sheets-items .k-item.k-state-active .k-link{color:#039be5!important}.k-spreadsheet-sheets-items .k-state-default .k-link{color:#424444!important}.heighty{height:calc(100% - 70px)}.heighty2{height:calc(100% - 75px)}.boxUpload{height:45px;border:1px dashed #d3d3d3}.fabulous{margin-top:-83px;background-color:#f44336!important}.fabulous666{margin-top:-83px;margin-left:0;background-color:#fff!important}.zoom{margin-top:-150px;margin-left:25px;background-color:#f44336!important}.fabulous2{margin-top:-83px;margin-left:150px;background-color:#f44336!important}.k-grid td{padding-top:0;padding-bottom:0}hr{display:block;height:1px;border:0;border-top:1px solid #d3d3d3;margin:0;padding:0}.k-filter-row th,.k-grid-header th.k-header{border-style:none;border-bottom:1px solid #d3d3d3}.rowy{display:flex}.cardy4{height:250px;width:24%}.cardy2{height:500px;width:49%}md-nav-bar .md-nav-bar,md-nav-bar.md-default-theme .md-nav-bar{border-color:#fff}.fatou2{background-color:#424444!important}.activeLockBtn{background-color:#f44336!important}.activeBtn{background-color:#039be5!important}.logo-image{line-height:0}.toolbar0{position:absolute;right:0;min-width:44px;width:44px;line-height:0}.toolbar1{position:absolute;top:90px;left:0;min-width:44px;width:44px;line-height:0}.toolbar2{position:absolute;top:125px;left:0;min-width:44px;width:44px;line-height:0}.toolbar3{position:absolute;top:160px;left:0;min-width:44px;width:44px;line-height:0}.toolbar4{position:absolute;top:195px;left:0;min-width:44px;width:44px;line-height:0}.toolbar2{position:absolute;top:125px;left:0;min-width:44px;width:44px;line-height:0}.toolbar2{position:absolute;top:125px;left:0;min-width:44px;width:44px}.toolbar2{position:absolute;top:125px;left:0;min-width:44px;width:44px}.fabSpeedDialdemoBasicUsage .text-capitalize{text-transform:capitalize}.fabSpeedDialdemoBasicUsage .md-fab.md-focused,.fabSpeedDialdemoBasicUsage .md-fab:hover{background-color:#000!important}.fabSpeedDialdemoBasicUsage p.note{font-size:1.2rem}.fabSpeedDialdemoBasicUsage .lock-size{min-width:300px;min-height:300px;width:300px;height:300px}.faby5{position:absolute;bottom:0;left:0;height:44px;margin:0}.faby3{position:absolute;top:100px;right:20px;background-color:#424444!important}.fatou{background-color:#039be5!important}.faby2{position:absolute;top:55px;right:20px;background-color:#424444!important}.faby{position:absolute;bottom:50px;left:10px}.taby{height:calc(100% - 48px - 25px)}.taby3{height:calc(100% - 88px)}.gridy{font-size:13px}.k-grid-footer,.k-grid-footer td,.k-grid-header,.k-grid-header .k-header,.k-pager-numbers .k-state-selected,.k-pager-wrap,.k-scheduler-header,.km-pane-wrapper .k-grid-header .k-header{background-color:#fff}.popupy{background-color:#fff!important}.md-toolbar-tools{height:48px}.selecto{font-size:14px;font-weight:500;color:#424444!important}.btnIntro{color:#fff!important}.headerIntro{background-color:#039be5!important;background-image:url(/assets/header-bg.png);background-size:cover;padding:24px}.btn1{text-transform:none;font-size:14px; border-radius: 8px;}md-toolbar:not(.md-hue-1){min-height:44px}.btnHeader{color:#666}.header1{background-color:#039be5!important;color:#fff!important}#language-menu{padding:0 16px;border-radius:0}.flag{margin-right:8px}.logo{margin:0 16px;background:material-color('light-blue', '600');min-width:32px;height:32px;line-height:32px;text-align:center;color:#fff;font-size:16px;font-weight:500;border-radius:2px}.logo-text{color:rgba(0,0,0,.87);margin-left:16px;font-size:16px}md-tabs>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]).md-active,md-toolbar.md-warn>md-tabs.md-default-theme{color:#039be5!important}md-tabs>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]),md-toolbar.md-warn>md-tabs.md-default-theme{color:#000!important}.navBardemoBasicUsage md-content .ext-content{padding:50px;margin:20px;background-color:#fff2e0}.tabsdemoDynamicHeight md-content{background-color:transparent!important}.tabsdemoDynamicHeight md-content md-tabs{background:#f6f6f6;border:1px solid #e1e1e1}.tabsdemoDynamicHeight md-content md-tabs md-tabs-wrapper{background:#fff}.tabsdemoDynamicHeight md-content h1:first-child{margin-top:0}.numberCircle{border-radius:50%;width:20px;font-size:13px}.numberCircle span{text-align:center;line-height:20px;display:block}.angular-ui-tree-handle{background:#f8faff;border:1px solid #dae2ea;color:#7c9eb2;padding:10px 10px}.angular-ui-tree-handle:hover{color:#438eb9;background:#f4f6f7;border-color:#dce2e8}.angular-ui-tree-placeholder{background:#f0f9ff;border:2px dashed #bed2db;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}tr.angular-ui-tree-empty{height:100px; background-color: white !important;}.group-title{background-color:#687074!important;color:#fff!important}.btn{margin-right:8px}.tree-node{border:1px solid #dae2ea;background:0 0;color:#7c9eb2}.nodrop{background-color:#f2dede}.tree-node-content{margin:10px}.tree-handle{padding:10px;background:#428bca;color:#fff;margin-right:10px}.angular-ui-tree-placeholder{background:#f0f9ff;border:2px dashed #bed2db;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.k-grouping-header{background-color:#f3f3f3!important;color:#a8a8a8!important}md-content{background-color:#f9f9f9}md-card img{height:auto;min-height:0}.filters md-input-container{margin-right:10px}.classified.ng-enter,.classified.ng-move{transition:.4s all;opacity:0}.classified.ng-enter.ng-enter-active,.classified.ng-move.ng-move-active{opacity:1}.classified.ng-leave{animation:.4s fade_classified}@keyframes fade_classified{from{opacity:1}to{opacity:0}}md-card{background-color:#fff}.md-toolbar-tools-bottom{font-size:small}.md-fab,md-toolbar:not(.md-hue-1){fill:#fff}md-sidenav{fill:#737373;top:5px}#forgotPassword{height:calc(100% + 64px);background-color:#f9f9f9}#dashboard{min-height:100px;max-height:100px;color:#fff;padding:8px 16px;height:40px;line-height:24px;font-size:16px}.project-selector{margin-left:1px;border-radius:0;background:rgba(0,0,0,.12)}.md-tab{padding:16px 24px;text-transform:none}#add-contact-button{position:fixed;bottom:8px;right:8px;padding:0}

.iti-flag {background-image: url("https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/12.1.9/img/flags.png");}

.flag-container{
	height:30px;
}

.angular-ui-tree-dropzone, .angular-ui-tree-empty{
	background-color:white !important;
	border: none !important;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .iti-flag {background-image: url("https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/12.1.9/img/flags@2x.png"); }
}

ul#menu_horizontal li { 
display : inline;
padding : 0 1px; /* Pour espacer les boutons entre eux */
}
ul#menu_horizontal {
list-style-type : none; /* Car sinon les puces se placent n'importe où */
}

.hidden {
  width: 0 !important;
  height: 0 !important;
}

.notHidden {
  width: 100% !important;
  height: 100% !important;
}

.selectdemoSelectHeader {
  /* Please note: All these selectors are only applied to children of elements with the 'selectdemoSelectHeader' class */ }
  .selectdemoSelectHeader .demo-header-searchbox {
    border: none;
    outline: none;
    height: 100%;
    width: 100%;
    padding: 0; }
  .selectdemoSelectHeader .demo-select-header {
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12);
    padding-left: 10.667px;
    height: 48px;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    width: auto; }
  .selectdemoSelectHeader md-content._md {
    max-height: 240px; }


     md-checkbox.checkBoxWhite:not(.md-checked) .md-icon{
    border-color: white;
}


md-card {

  border-radius: 8px;
}

md-card md-card-title md-card-title-text md-card-content {
  border-radius: 8px ;

  }

  md-toolbar {
    border-radius: 8px;
  }



#container11 {
    margin: 0px auto;
    width: 500px;
    height: 375px;
    border: 10px #333 solid;
}
#videoElement11 {
    width: 500px;
    height: 375px;
    background-color: #666;
}


.normalSidenav{
    min-width: 200px !important;
    width: 85vw !important;
    max-width: 400px !important;
}  

.largeSidenav{
    min-width: 800px !important;
    width: 800 !important;
    max-width: 800px !important;
} 

.mainMenuItem:hover{
border-top-right-radius: 50px;
border-bottom-right-radius: 50px;

}


.chipsdemoContactChips md-content.autocomplete {
  min-height: 250px; }
  .chipsdemoContactChips md-content.autocomplete input {
    min-width: 400px; }

.chipsdemoContactChips .md-item-text.compact {
  padding-top: 8px;
  padding-bottom: 8px; }

.chipsdemoContactChips .contact-item {
  box-sizing: border-box; }
  .chipsdemoContactChips .contact-item.selected {
    opacity: 0.5; }
    .chipsdemoContactChips .contact-item.selected h3 {
      opacity: 0.5; }
  .chipsdemoContactChips .contact-item .md-list-item-text {
    padding: 14px 0;
    max-width: 190px; }
    .chipsdemoContactChips .contact-item .md-list-item-text h3 {
      margin: 0 !important;
      padding: 0;
      line-height: 1.2em !important; }
    .chipsdemoContactChips .contact-item .md-list-item-text h3, .chipsdemoContactChips .contact-item .md-list-item-text p {
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden; }
  @media (min-width: 960px) {
    .chipsdemoContactChips .contact-item {
      float: left;
      width: 33%; } }

.chipsdemoContactChips md-contact-chips {
  margin-bottom: 10px; }

.chipsdemoContactChips .md-chips {
  padding: 5px 0 8px; }

.chipsdemoContactChips .fixedRows {
  height: 250px;
  overflow: hidden; }

  .fade.ng-hide {
  transition:0.5s linear all;
  opacity:0;
}
.fade.ng-enter {
  transition:0.5s linear all;
  opacity:0;
}

/* The finishing CSS styles for the enter animation */
.fade.ng-enter.ng-enter-active {
  opacity:1;
}

.constrained {
    margin: 10px;
    padding: 10px;
    height: 800px;
    overflow: auto;
    border: 1px solid lightgray;
}


#videoElement
{
    transform: rotateY(180deg);
    -webkit-transform:rotateY(180deg); /* Safari and Chrome */
    -moz-transform:rotateY(180deg); /* Firefox */
}


.viewerReady{
  height: 100%;

}

.viewerNotReady{
  height:0px;

}

.virtualRepeatdemoDeferredLoading #vertical-container {
  height: 292px;
  width: 100%;
  max-width: 400px; }

.virtualRepeatdemoDeferredLoading .repeated-item {
  border-bottom: 1px solid #ddd;
  box-sizing: border-box;
  height: 40px;
  padding-top: 10px; }

.virtualRepeatdemoDeferredLoading md-content {
  margin: 16px; }

.virtualRepeatdemoDeferredLoading md-virtual-repeat-container {
  border: solid 1px grey; }

.virtualRepeatdemoDeferredLoading .md-virtual-repeat-container .md-virtual-repeat-offsetter div {
  padding-left: 16px; }


  .md-subheader .md-subheader-inner .subHeaderIssue {
    padding: 0px;


  }

  .SelectedBlueRoundIcon{background-color:rgb(33, 150, 243) !important; color: #fff; }

  .notSelectedBlueIcon{background-color:transparent !important; color: white !important;}


  .notSelectedBlueIcon{background-color:transparent !important; color: white !important;}


  .SelectedWhiteRoundIcon{ color: rgb(33, 150, 243) !important;}

.hideCard{ width:0px; }
.showCard{ width:98%; }

.hide1600px{ width:0px; }
.show1600px{ width:1600px; }

#vertical-container2 {
  height: 256px;  
}


.dispNotArchived{
  height:calc(100% - 130px);
}

.dispArchived{
  height:calc(100% - 130px - 48px);
}

md-toast.md-success-toast-theme .md-toast-content {
    background-color:#4CAF50;
}


md-toast.md-error-toast-theme .md-toast-content {
    background-color: #FF5722;
    
}



#uniqSelect .md-select-icon{
color: transparent;
}


.md-subheader .md-subheader-inner{
  padding-top:0px;
  padding-bottom: 0px;
}

.md-icon-button + .md-datepicker-input-container {
    margin-left: 0px;
}


.progressSidenav .angular-ui-tree-node .angular-ui-tree-nodes:before {
  content: "";
  height: 100%;
  width: 1px;
  position: absolute;
  left: -15px;
  top: 0;
  background-color: black;
}


.progressSidenav .angular-ui-tree-node:before {
  content: "";
  height: 1px;
  width: 30px;
  position: absolute;
  left: -33px;
  top:30px;
  background-color: black;
}


.progressSidenav .angular-ui-tree-header:before {
  content: "";
  height: 50%;
  width: 1px;
  position: absolute;
  left: -15px;
  top:30px;
  background-color: black;
}

#daty .md-datepicker-input-container{
  width: 0px;
}

#daty .md-datepicker-input{
  display : none;
  }

.display-none{
  display: none;
}

.black{
  color: black;
}

.gray{
  color: lightgray;
}

.planListOpened{
   width : 50%;
}

.planListCollapsed{
  width : 150px;
}

.sso-required-container {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f9f9f9;
    padding: 20px;
}

.sso-required-card {
    background: white;
    border-radius: 12px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
    padding: 40px;
    max-width: 500px;
    width: 100%;
    text-align: center;
}

.sso-icon {
    color: #667eea;
    margin-bottom: 20px;
}

.sso-icon svg {
    width: 80px;
    height: 80px;
}

.sso-title {
    font-size: 28px;
    font-weight: 600;
    color: #333;
    margin: 0 0 20px 0;
}

.sso-message {
    font-size: 16px;
    color: #666;
    line-height: 1.6;
    margin-bottom: 30px;
}

.sso-message strong {
    color: #333;
    font-weight: 600;
}

/* Avantages SSO */
.sso-benefits {
    background: #f8f9fa;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 30px;
    text-align: left;
}

.benefit-item {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}

.benefit-item:last-child {
    margin-bottom: 0;
}

.benefit-item svg {
    color: #10b981;
    margin-right: 10px;
    flex-shrink: 0;
}

.benefit-item span {
    font-size: 14px;
    color: #555;
}

/* Loader */
.sso-loader {
    margin: 20px 0;
}

.spinner {
    border: 3px solid #f3f3f3;
    border-top: 3px solid #667eea;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 1s linear infinite;
    margin: 0 auto 10px auto;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.sso-loader p {
    font-size: 14px;
    color: #666;
}

/* Erreur */
.sso-error {
    background: #fee;
    border-left: 4px solid #e53e3e;
    padding: 12px 16px;
    border-radius: 4px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    text-align: left;
}

.sso-error svg {
    color: #e53e3e;
    margin-right: 10px;
    flex-shrink: 0;
}

.sso-error span {
    font-size: 14px;
    color: #c53030;
}

/* Bouton de validation */
.sso-validate-btn {
    width: 100%;
    background: #667eea;
    color: white;
    border: none;
    border-radius: 8px;
    padding: 16px 24px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.sso-validate-btn:hover:not(:disabled) {
    background: #5568d3;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
}

.sso-validate-btn:disabled {
    background: #cbd5e0;
    cursor: not-allowed;
    transform: none;
}

.sso-validate-btn svg {
    width: 20px;
    height: 20px;
}

/* Lien déconnexion */
.sso-logout-link {
    display: inline-block;
    margin-top: 20px;
    color: #667eea;
    text-decoration: none;
    font-size: 14px;
    transition: color 0.3s;
}

.sso-logout-link:hover {
    color: #5568d3;
    text-decoration: underline;
}

/* Footer */
.sso-footer {
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid #e5e7eb;
}

.sso-footer p {
    font-size: 12px;
    color: #999;
    margin: 0;
}

/* Responsive */
@media (max-width: 600px) {
    .sso-required-card {
        padding: 30px 20px;
    }
    
    .sso-title {
        font-size: 24px;
    }
    
    .sso-message {
        font-size: 14px;
    }
}