/* CSS Document by Black meridian */

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   global                                       <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */
* {overflow-anchor: none;}
#page {position: relative; overflow: hidden; height: 100%; background: #e04080;}
/*#page:before {position: absolute; right: 25px; bottom: 25px; width: 190px; height: 91px; content: ""; background: url('images/logo-wesuccess.png') no-repeat 0 0;}*/
#page .logo-brand {position: absolute; left: 25px; right: 25px; bottom: 25px; text-align: right;}
#page .logo-brand img {max-width: 100%; vertical-align: bottom;}
html {overflow: hidden; height: 100%;}
body {position: relative !important; height: 100% !important; overflow: hidden !important; color: #fff; background: #e04080;}
body.swal2-shown.swal2-height-auto {height: 100% !important;}
body {
  /*background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #dd2b72), color-stop(100%, #fb980e));
  background-image: -webkit-linear-gradient(135deg, #dd2b72, #fb980e);
  background-image:    -moz-linear-gradient(135deg, #dd2b72, #fb980e);
  background-image:     -ms-linear-gradient(135deg, #dd2b72, #fb980e);
  background-image:      -o-linear-gradient(135deg, #dd2b72, #fb980e);
  background-image:         linear-gradient(135deg, #dd2b72, #fb980e);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dd2b72', endColorstr='#fb980e');*/
}
/*body:before {position: absolute; right: 25px; bottom: 25px; width: 190px; height: 91px; content: ""; background: url('images/logo-wesuccess.png') no-repeat 0 0;}*/
label {font-size: 1rem;}
img.responsive-img {vertical-align: bottom;}
.row {margin-bottom: 0;}
.row .col {position: relative; padding-left: 0; padding-right: 0;}
.col-left {color: #000; background: #fff;}

.tabs {position: absolute; left: 0; top: 0; right: 0; height: 40px; color: #fff; background: #fb980e;}
.tabs .tab {height: 40px; line-height: 40px;}
.tabs .tab a {padding-top: 7px; color: inherit;}
.tabs .tab a:hover, .tabs .tab a.active {color: #fff;}
.tabs .tab .material-icons {font-size: 24px;}
.tabs .indicator {height: 5px; background: #af6a0c; background-color: rgba(0,0,0,0.3);}

.collapsible {position: relative; border: 0;}
.collapsible {
  -webkit-box-shadow: none !important;
     -moz-box-shadow: none !important;
          box-shadow: none !important;
}
.inner_tabs .collapsible {margin-bottom: 0;}
/*.inner_tabs {height: 100%;}
.inner_tabs > div.has-btn {border-bottom: 116px solid #fff; height: 100%; overflow: auto;}*/
.inner_tabs > div {
  -webkit-transition: padding-bottom .3s ease-out;
     -moz-transition: padding-bottom .3s ease-out;
          transition: padding-bottom .3s ease-out;
}
.inner_tabs > div.has-btn {padding-bottom: 116px;}
.inner_tabs > div.has-btn:after {position: fixed; z-index: 20; left: 0; bottom: 0; right: 50%; height: 116px; content: ""; background: #fff;}
.inner_tabs > div.has-btn:after {
  background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(90%, rgba(255,255,255,1)));
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%);
  background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%);
  background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%);
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%);
}
.template-presentiel .inner_tabs > div.has-btn:after {right: 0;}

.collapsible:first-child {margin-top: 0;}
.collapsible:last-child {margin-bottom: 0;}
.collapsible > li + li {margin-top: 2px;}

.highlight > .collapsible-header {background: #dd2b72; cursor: default !important;}
.highlight > .collapsible-header .material-icons:before {display: none !important;}
.highlight > .collapsible-body {display: block !important; padding: 0 !important; height: auto !important;}
.collapsible-header {display: block; padding: .2rem .2rem .2rem 2rem; border: 0; font-size: 18px; color: #fff; background: #b4b4b4;}
.collapsible-header em {font-style: normal; font-size: 14px;}
.collapsible-header .material-icons {position: relative; top: -2px; margin-top: -2px; margin-bottom: -2px; vertical-align: middle; font-size: 24px;}
.collapsible-header .right .material-icons {top: auto; font-size: 32px;}
.collapsible-header .right .material-icons:before {content: "keyboard_arrow_down";}
.collapsible-header.active .right .material-icons:before {content: "keyboard_arrow_up";}
.collapsible-body {padding: 0; border-bottom: 0;}
.collapsible-body > div,
.collapsible-body-inner {padding: 1rem;}

.switch {text-align: right;}
.switch label {display: inline-block; vertical-align: middle;}
.switch .material-icons {display: inline-block; vertical-align: middle; color: #00b3d0;}
.switch label input[type="checkbox"]:checked + .lever {background: #dd2b72;}
.switch label input[type="checkbox"]:checked + .lever:after {background: #dd2b72;}
.switch label .lever {margin: 0;}

.modal-trigger {cursor: pointer;}
a.modal-trigger {display: block; margin: 2rem auto; background: #dd2b72;}
a.modal-trigger:hover, a.modal-trigger:focus {background: #b01150;}

.overflow {height: 100%; overflow: auto;}

.btn {background: #00b3d0;}
.btn:hover, .btn:focus {background: #0394ab;}
.btn.btn-flat {background: none;}

.text-center {text-align: center;}
.content-bottom {position: fixed; z-index: 40; left: 0; top: 100%; right: 0; padding: 1rem; background: #b6b6b6;}
.content-bottom {
    -webkit-transition: .3s ease-out;
       -moz-transition: .3s ease-out;
            transition: .3s ease-out;
}
.content-bottom textarea {display: block; margin: 0; padding: 0.8rem; border: 0; width: 100%; min-height: 67.5px; max-height: 135px; background: #fff;}
.content-bottom textarea {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-border-radius: 15px;
       -moz-border-radius: 15px;
            border-radius: 15px;
}
.content-bottom .textarea-wrapper {padding: 12px; background: #fff;}
.content-bottom .textarea-wrapper {
  -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
          border-radius: 15px;
}
.content-bottom .textarea-wrapper textarea {padding: 0; min-height: 45px;}
.content-bottom .textarea-wrapper textarea {
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}
.col-left .content-bottom {right: 50%;}

.fixed-bottom {position: fixed; z-index: 30; left: 0; bottom: 0; right: 0;}
.col-left .fixed-bottom {right: 50%;}
.content-bottom .btn-flat.disabled {color: #6f6f6f !important;}
.range-field {margin: 0;}
input[type="range"] {margin: 3px 0;}
input[type="range"] + .thumb {background: #dd2b72;}
input[type="range"] + .thumb .value {color: #dd2b72;}

input[type=range]::-webkit-slider-thumb{margin-top:-8px;width:20px;height:20px;background-color:#dd2b72;}
input[type=range]::-moz-range-thumb{width:20px;height:20px;background:#dd2b72;}
input[type=range]::-ms-thumb{width:20px;height:20px;background:#dd2b72}

.material-icons.text-yellow {color: #fcff4e !important;}

.filtre {min-height: 0 !important; overflow: hidden;}
.filtre {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-transition: .2s linear;
       -moz-transition: .2s linear;
            transition: .2s linear;
}
.filtre.filtered {margin-bottom: 0 !important;}
.disable-transition {
    -webkit-transition: none !important;
       -moz-transition: none !important;
            transition: none !important;
}

.loginMessage p.error {text-align: center !important;}

input:focus:not([type]):not([readonly]),
input.valid:not([type]):not([readonly]),
input[type="text"]:focus:not(.browser-default):not([readonly]),
input[type="text"].valid:not(.browser-default):not([readonly]),
input[type="password"]:focus:not(.browser-default):not([readonly]),
input[type="password"].valid:not(.browser-default):not([readonly]),
input[type="email"]:focus:not(.browser-default):not([readonly]),
input[type="email"].valid:not(.browser-default):not([readonly]),
textarea.materialize-textarea:focus:not([readonly]),
textarea.materialize-textarea.valid:not([readonly]) {
  border-bottom: #bbb;
  -webkit-box-shadow: 0 1px 0 0 #bbb;
     -moz-box-shadow: 0 1px 0 0 #bbb;
          box-shadow: 0 1px 0 0 #bbb;
}
input:focus:not([type]):not([readonly]) + label,
input.valid:not([type]):not([readonly]) + label,
input[type="text"]:focus:not(.browser-default):not([readonly]) + label,
input[type="text"].valid:not(.browser-default):not([readonly]) + label,
input[type="password"]:focus:not(.browser-default):not([readonly]) + label,
input[type="password"].valid:not(.browser-default):not([readonly]) + label,
input[type="email"]:focus:not(.browser-default):not([readonly]) + label,
input[type="email"].valid:not(.browser-default):not([readonly]) + label,
textarea.materialize-textarea:focus:not([readonly]) + label,
textarea.materialize-textarea.valid:not([readonly]) + label {color: #bbb;}

.dropdown-content li > a, .dropdown-content li > span {color: #dd2b72;}

.circle-grey {
  border: 4px solid #ccc !important;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
}
.circle-orange {
  border: 4px solid #ff921f !important;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
}
.circle-green {
  border: 4px solid #2bd725 !important;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
}
.circle-red {
  border: 4px solid #e83c33 !important;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
}

.circle-blue {
  border: 4px solid #06b2d0 !important;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
}

@-webkit-keyframes blink {
  50% {
    opacity: 0;
  }
}

@-moz-keyframes blink {
  50% {
    opacity: 0;
  }
}

@-ms-keyframes blink {
  50% {
    opacity: 0;
  }
}

@keyframes blink {
  50% {
    opacity: 0;
  }
}

.blink {
  -webkit-animation: blink 1s linear infinite;
     -moz-animation: blink 1s linear infinite;
          animation: blink 1s linear infinite;
}

.nophoto {position: relative; display: block; padding-bottom: 100%; overflow: hidden; background: #b4b4b4;}
.nophoto {
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
}
.nophoto-text {position: absolute; left: 0; right: 0; top: 0; bottom: 0; align-items: center; justify-content: center; padding-bottom: 2px; font-size: 20px; text-indent: 0; color: #fff;}
.nophoto-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.photo-container {position: relative; margin: 0 20px 20px 0; max-width: 160px;}
.photo-container .photo .nophoto + img {position: absolute; left: 0; top: 0;}
.photo-container .photo img {max-width: 100%; vertical-align: bottom;}
.photo-container .photo img {
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
}
.photo-container .button {display: block; margin-top: 15px; text-align: center;}
.photo-container #buttonNouvellePhoto {margin: 0; padding: 0; border: 0; text-align: center; background: none;}
.photo-container #buttonNouvellePhoto .material-icons {font-size: 36px; vertical-align: bottom; color: #8a8a8a;}

.order-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}
.order-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}
.order-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}
.order-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}
.order-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}
.order-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}
.order-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}
.order-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}
.order-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}
.order-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}
.order-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}
.order-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}
.order-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}
.order-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}
.order-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}

.borderLive {border: 5px solid #fadeea;}

.material-tooltip {margin-top: -5px; overflow: visible; background: #323232;}
/*.material-tooltip:before {position: absolute; left: 50%; bottom: 100%; margin: 0 -5px; border: solid transparent; border-width: 0 5px 5px; border-bottom-color: #323232; content: "";}*/
.material-tooltip .backdrop {display: none;}

.col-left > .blockOverlay {top: -40px !important; height: auto !important; bottom: 0; opacity: 1 !important; background: rgba(255,255,255,0.8) url('images/loading2.gif') no-repeat 50% 50% !important;}

.mdp-check {font-size: 20px !important; vertical-align: top;}
.input-field-group {display: flex;}
.input-field-group input {border-bottom: 1px solid #9e9e9e !important;}
.input-field-group input {
  -webkit-box-shadow: none !important;
     -moz-box-shadow: none !important;
          box-shadow: none !important;
}
.btPasswordVisibility {padding: 0 0 0 5px; border-bottom: 1px solid #9e9e9e; height: 3rem; color: inherit; background: none !important;}
.btPasswordVisibility {
  -webkit-box-shadow: none !important;
     -moz-box-shadow: none !important;
          box-shadow: none !important;
  -webkit-border-radius: 0 !important;
     -moz-border-radius: 0 !important;
          border-radius: 0 !important;
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}
.btPasswordVisibility:hover {color: #00b3d0;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>  header                                        <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

.mdp-perdu {font-size: 12px; background: none !important;}
.mdp-perdu:hover,
.mdp-perdu:focus {color: #e04080;}

.template7 #maincontent > .row, .template7 #maincontent > .row > .col.col-left {height: auto;}
.template7 #maincontent > .row > .col.col-left {padding-bottom: 50px !important;}

label.error {display: none; margin-bottom: 20px; color: #f00;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>  header                                        <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

#header {height: 40px; position: absolute; left: 0; top: 0; right: 0; overflow: hidden; background: #e04080;}
#header .switch label .lever {margin-right: 10px;}
#header .switch label input[type="checkbox"]:checked + .lever {background: #e0e0e0;}
#header .switch label input[type="checkbox"]:checked + .lever:after {background: #fff;}
.innerNav {position: absolute; left: 5px; top: 5px;}
.innerNav a {display: inline-block; vertical-align: bottom; color: inherit;}

.innerTitre h2 {margin: 5px 0; font-size: 1.6rem; text-align: center;}
.innerTitre h2 em {font-size: 1rem; font-style: normal;}

.innerToggle {position: absolute; right: 0; top: 6px;}
.innerToggle .material-icons {position: relative; top: 1px;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>  maincontent                                   <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

#maincontent {padding-top: 40px; height: 100%; overflow: hidden;}
#maincontent > .row,
#maincontent > .row > .col {height: 100%; overflow: hidden;}
#maincontent > .row > .col.col-left {padding-top: 40px; padding-bottom: 0;}
#maincontent > .row > .col.col-left {
  -webkit-transition: .3s ease-out;
     -moz-transition: .3s ease-out;
          transition: .3s ease-out;
}

.inner_btn {margin-top: 15px;}

.off .material-icons {color: #fff;}
.validateOrange .material-icons {color: #fb980e;}
.validateViolet .material-icons {color: #dd2b72;}
.validateGris .material-icons {color: #a3a3a3;}
.validateVert .material-icons {color: #00b3d0;}
.validate .material-icons {color: #dd2b72;}
.validate .material-icons.archive {color: #fb980e;}
.validate .material-icons.check_circle {color: #00b3d0;}
.validate.validate-an .material-icons {color: #dd2b72;}
.validate.validate-co .material-icons {color: #a3a3a3;}
.validate.active .material-icons {color: #fb8732 !important;}

.switch.validateOrange .material-icons {color: #fb980e;}

.btn.btEnvoyerElement {color: #fff; background: #dd2b72;}
.btn.btEnvoyerElement .material-icons {color: #fff;}

.btn.btEnvoyerElement.validateViolet {color: #dd2b72; background: #fff;}
.btn.btEnvoyerElement.validateViolet .material-icons {color: #dd2b72;}

.color-orange {color: #fb980e !important;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>  innerVisio                                    <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

.innerVisio .col {background: no-repeat 50% 50%;}
.innerVisio .col {
  -webkit-background-size: cover;
     -moz-background-size: cover;
          background-size: cover;
}
.innerVisio .col img {visibility: hidden;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>  Nestable Draggable Handles                    <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

/**
 * Nestable
 */

.dd { position: relative; display: block; margin: 0; padding: 0; list-style: none; }

.dd-list { display: block; position: relative; margin: 0; padding: 0; list-style: none; }
.dd-list .dd-list { padding-left: 30px; }
.dd-collapsed .dd-list { display: none; }

.dd-item,
.dd-empty,
.dd-placeholder { display: block; position: relative; margin: 0; padding: 0; min-height: 20px;  }

.dd-item > button { display: block; position: relative; cursor: pointer; float: left; width: 25px; height: 20px; margin: 5px 0; padding: 0; text-indent: 100%; white-space: nowrap; overflow: hidden; border: 0; background: transparent; font-size: 12px; line-height: 1; text-align: center; font-weight: bold; }
.dd-item > button:before { content: '+'; display: block; position: absolute; width: 100%; text-align: center; text-indent: 0; }
.dd-item > button[data-action="collapse"]:before { content: '-'; }

.dd-placeholder,
.dd-empty { margin: 5px 0; padding: 0; min-height: 32px; background: #f2fbff; border: 1px dashed #b6bcbf; box-sizing: border-box; -moz-box-sizing: border-box; }
.dd-empty { border: 1px dashed #bbb; min-height: 100px; background: #fff;
    /*background-color: #e5e5e5;
    background-image: -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),
                      -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-image:    -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),
                         -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-image:         linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),
                              linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-size: 60px 60px;
    background-position: 0 0, 30px 30px;*/
}
.dd-empty { border: 0; min-height: 32px; background: #fff;}

.dd-placeholder {border-color: #008499; background: #00b3d0;}
.dd-dragel { position: absolute; pointer-events: none; z-index: 9999;}
.dd-dragel > .dd-item .dd-handle { margin-top: 0; }
.dd-dragel .dd-handle {
    -webkit-box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1);
            box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1);
}
.dd-dragel .dd3-content {color: #000; background: #ccc;}



.dd-content { display: block; height: 30px; margin: 5px 0; padding: 5px 10px 5px 40px; color: #333; text-decoration: none; font-weight: bold; border: 1px solid #ccc;
    background: #fafafa;
    background: -webkit-linear-gradient(top, #fafafa 0%, #eee 100%);
    background:    -moz-linear-gradient(top, #fafafa 0%, #eee 100%);
    background:         linear-gradient(top, #fafafa 0%, #eee 100%);
    -webkit-border-radius: 3px;
            border-radius: 3px;
    box-sizing: border-box; -moz-box-sizing: border-box;
}
.dd-content:hover { color: #2ea8e5; background: #fff; }

.dd-item {margin-bottom: 0.5rem; padding: 0;}
.dd-item:after {display: table; clear: both; content: "";}
.dd-item .right {color: #7b7b7b;}
.dd-item .right {font-size: 12px;}
.dd-item .right .material-icons {margin-right: 5px; vertical-align: middle;}

.dd-dragel > .dd-item > .dd-content { margin: 0; }

.dd-item > button { margin-left: 30px; }

.dd-handle { position: absolute; margin: 0; left: 5px; top: 0; bottom: 0; cursor: pointer; width: 30px; text-indent: 999rem; white-space: nowrap; overflow: hidden;}
.dd-handle:before { content: 'filter_tilt_shift'; display: block; position: absolute; z-index: 20; left: 0; top: 50%; margin-top: -11.5px; width: 30px; font: 1.5rem 'Material Icons'; text-align: center; text-indent: 0; color: #acacac;}
.dd-handle.dd-photo {z-index: 15; left: 0; top: 0; width: 33px;}
.dd-handle.dd-photo:before {display: none;}
.dd-handle.dd-photo img {display: block; margin: 0; width: 33px; height: 33px;}
/*.dd-handle.dd-photo img {position: absolute; left: 0; top: 0; margin: 0; width: 33px; height: 33px;}*/
.dd-handle.dd-photo img {
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
}
.dd-handle.dd-photo .nophoto + img {margin-top: -33px;}
.dd-handle.dd-photo .nophoto {position: static; padding: 0; height: 33px;}
.dd-handle.dd-photo .nophoto-text {display: block; position: static; font-size: 14px; line-height: 32px; text-align: center; padding-bottom: 0;}

.dd3-content {display: flex; position: relative; z-index: 10; align-items: center; padding: 4px 12px 5px 50px; min-height: 33px; background: #e0e0e0;}
.dd3-content {
    -webkit-border-radius: 15px;
       -moz-border-radius: 15px;
            border-radius: 15px;
}
.dd-item.active .dd3-content {background: #b6b6b6;}
.dd3-content:after {display: table; clear: both; content: "";}
.dd3-content .text {display: table-cell;}
.dd3-content .text + .actions {display: table-cell; float: none !important; width: 1%; white-space: nowrap;}
.dd3-content > span {width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.dd3-content > span + span.right {width: auto; text-overflow: clip; overflow: visible;}
.dd3-content > span.right {white-space: nowrap !important;}

.dd3-content .progress {position: absolute; z-index: -1; left: 0; top: 0; right: 0; bottom: 0; margin: 0; height: auto; background: none;}
.dd3-content .progress {
    -webkit-border-radius: 15px;
       -moz-border-radius: 15px;
            border-radius: 15px;
}
.dd3-content .progress .determinate {background: #fadeea;}


.drag-icon {display: inline-block; vertical-align: bottom;}
.drag-icon:before {content: 'filter_tilt_shift'; display: inline-block; vertical-align: bottom; font: 1.5rem 'Material Icons'; color: #acacac;}

.dd3-content img {position: absolute; z-index: 5; left: 0; top: 0; width: 33px;}
.dd3-content img {
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
}
.dd3-content .nophoto {position: absolute; left: 0; top: 0; padding: 0; width: 33px; height: 33px;}
.dd3-content .nophoto-text {display: block; position: static; font-size: 14px; line-height: 32px; text-align: center; padding-bottom: 0;}

/*.dd-handle,
.dd-handle.dd-photo {z-index: 15; right: 100px; width: auto;}
.dd-handle {
  -webkit-box-shadow: none !important;
     -moz-box-shadow: none !important;
          box-shadow: none !important;
}*/

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>  toggle_reglesStatistiques                     <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

.toggle_reglesStatistiques input + label {float: right; padding: 0 !important; width: 24px; overflow: hidden; text-indent: 999px;}
.toggle_reglesStatistiques input + label:before {left: auto; right: 0;}
.toggle_reglesStatistiques input:checked + label:after {border-color: #dd2b72; background: #dd2b72;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>  participant                                   <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

.participant {position: relative;}
.participant + .participant {margin-top: 0;}
.participant + .participant:before {position: absolute; left: 100px; top: 0; right: 0; height: 1px; content: ""; background: #b8b8b8;}
.participant .collapsible-header {display: table; padding-top: 0.4rem; padding-bottom: 0.4rem; width: 100%; font-size: 14px; line-height: 1.2; color: #999; background: #fff;}
.participant .collapsible-header p {margin: 0;}
.participant .collapsible-header p strong {font-size: 16px; font-weight: inherit; color: #808080;}
.participant .collapsible-header .photo {display: table-cell; position: relative; border-right: 10px solid transparent; width: 70px; vertical-align: middle;}
.participant .collapsible-header .photo .nophoto + img {display: block; position: absolute; left: 0; top: 50%;}
.participant .collapsible-header .photo .nophoto + img {
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.participant .collapsible-header .photo img {max-width: 100%; vertical-align: bottom;}
.participant .collapsible-header .photo img {
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
}
.participant .collapsible-header .infosPerso {display: table-cell; vertical-align: middle;}
.participant .collapsible-header .infos {display: table-cell; padding-left: 15px; vertical-align: middle; width: 95px; white-space: nowrap; text-align: right; color: #dd2b72;}
.participant .collapsible-header .infos strong {font-size: 44px; font-weight: bold; color: inherit;}
.participant .collapsible-header .infos .material-icons {position: relative; top: -4px; margin: 0 0 0 3px; width: auto; font-size: 24px;}
.participant .collapsible-header .infos.infosIdees {color: #fb980e;}
.participant .collapsible-header .infos.infosIdees .material-icons {top: -6px; margin-left: 0;}
.participant .collapsible-header .right {display: table-cell; float: none !important; vertical-align: middle; width: 1%; white-space: nowrap; color: #888;}
.participant .collapsible-header .etoiles {display: table-cell; padding: 4px 5px 0 20px; vertical-align: middle; width: 1%; white-space: nowrap; text-align: right;}
.participant .collapsible-header .etoiles p,
.participant .collapsible-header .etoiles p + p {display: inline-block;}
.participant .collapsible-header .etoiles .rateYo {display: inline-block; top: 1px;}
.participant .collapsible-header .etoiles .rateYo + p {display: block;}
.participant .collapsible-header .etoiles .material-icons {margin: 0 0 0 5px; width: auto; font-size: 21px; color: #e2e2e2;}
.participant .collapsible-header .etoiles .material-icons + .material-icons {margin-left: -5px;}

.participant .collapsible-body {padding-left: 50px; border-bottom: 0; color: #505050; background: #fafafa;}
.participant .collapsible-body p:first-child {margin-top: 0;}
.participant .collapsible-body p:last-child {margin-bottom: 0;}

.participant.participant-cl .collapsible-header {color: #9b9898; background: #fadeea;}
.participant.participant-cl .collapsible-header .infosPerso p {color: #dd2b72;}
.participant.participant-cl .collapsible-header .infosPerso p strong {color: #9b9898;}
/*.participant.participant-cl .collapsible-header .right {color: #64885f;}*/

.participant.participant-an .infos,
.participant.participant-an .etoiles,
.participant.participant-an .right {visibility: hidden;}

/* temp */
.participant.participant-cl .collapsible-header .infos,
.participant.participant-cl .collapsible-header .etoiles {visibility: hidden;}
.participant.participant-an .right {visibility: visible;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>  inner_tag                                     <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

.inner_btn:after,
.inner_tag:after {display: table; clear: both; content: "";}
.inner_btn.inner_tag, .inner_tag {padding: 0 20px; text-align: center;}
.inner_btn.inner_tag .btn, .inner_tag .btn {float: none; padding: 0 2px; overflow: hidden; font-size: 13px; font-weight: normal; text-transform: none; /*white-space: nowrap; text-overflow: ellipsis;*/ width: auto; text-align: left; color: #6f6f6f;}
.inner_btn.inner_tag .btn.active, .inner_tag .btn.active,
.inner_btn.inner_tag .btn.blue-text, .inner_tag .btn.blue-text {color: #000 !important;}
.inner_btn.inner_tag .btn i.left, .inner_tag .btn i.left {margin-right: 5px;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>  modal_live                                    <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

.content-bottom#modal_live {padding: 0; max-height: 300px; overflow: auto;}
.bgModalGreen {background: #fadeea;}
.content-bottom.modalGreen {color: #9b9898; background: #fadeea;}
.content-bottom#modal_live2 {color: #9b9898;}
.content-bottom textarea.materialize-textarea:focus:not([readonly]) {
  border-bottom: 0;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}
.content-bottom .list-btn {display: inline-block; margin: 0; vertical-align: middle;}
.content-bottom .list-btn a.share .material-icons {position: relative; top: 3px;}

.detailLive {padding: 1rem;}
.detailLive:after {display: table; clear: both; content: "";}
.detailLive .photo img {max-width: 100%; vertical-align: bottom;}
.detailLive .photo img {
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
}
.detailLive .detailHeader {display: table; margin-bottom: 10px; width: 100%; font-size: 14px; line-height: 1.2; color: #70996b;}
.detailLive .detailHeader p {margin: 0;}
.detailLive .detailHeader p strong {font-size: 16px; font-weight: inherit; color: #dd2b72;}
.detailLive .detailHeader .photo {position: relative; padding-right: 10px; width: 70px; height: 70px; overflow: hidden;}
.detailLive .detailHeader .photo .nophoto + img {position: absolute; left: 0; top: 50%; margin-top: -30px; width: 60px; height: 60px;}
.detailLive .detailHeader .photo,
.detailLive .detailHeader .infosPerso,
.detailLive .detailHeader .actions {display: table-cell; vertical-align: middle; color: #fff;}
.detailLive .detailHeader .actions {width: 1%; white-space: nowrap;}
.detailLive .detailHeader .actions a {display: inline-block; margin: 0 3px; vertical-align: middle; color: inherit;}
.detailLive .detailHeader .actions a.star + a.star {margin-left: -7px;}
.detailLive .detailHeader .actions .jq-ry-container {display: inline-block; top: -4px; vertical-align: middle;}
.detailLive .detailContent {margin-bottom: 15px; padding: 0.3rem 2rem 0.4rem; border: 1px solid #9b9898; color: #000;}
.detailLive .detailContent {
    -webkit-border-radius: 15px;
       -moz-border-radius: 15px;
            border-radius: 15px;
}
/*.detailLive .detailContent p {margin-bottom: 10px; padding: 0.3rem 2rem 0.4rem; border: 1px solid #83b27c;}
.detailLive .detailContent p {
    -webkit-border-radius: 15px;
       -moz-border-radius: 15px;
            border-radius: 15px;
}
.detailLive .detailContent p:first-child {margin-top: 0;}
.detailLive .detailContent p:last-child {margin-bottom: 0;}*/
.detailLive .detailFooter:after {display: table; clear: both; content: "";}
.detailLive .detailFooter {float: left; padding-left: 40px;}
.detailLive .detailFooter .tags p {margin: 0;}
.detailLive .detailFooter .tags .material-icons {margin-right: 5px;}
.detailLive .etoilesParticipants {float: right; text-align: right;}
.detailLive .etoilesParticipants .photo {display: inline-block; vertical-align: middle; min-height: 32px; white-space: nowrap;}
.detailLive .etoilesParticipants .photo img {position: relative; margin-left: 2px; max-width: 32px; width: 32px;}
.detailLive .etoilesParticipants .photo .nophoto {display: inline-block; margin-left: 2px; padding-bottom: 32px; vertical-align: middle; width: 32px; height: 32px;}
.detailLive .etoilesParticipants .photo .nophoto + img {margin-left: -32px;}
.detailLive .etoilesParticipants .photo .nophoto .nophoto-text {font-size: 10px;}
.detailLive .etoilesParticipants .material-icons {display: inline-block; margin-left: 5px; vertical-align: middle; color: #9e9e9e;}
.detailLive .etoilesParticipants .innerEtoileMoins {margin-top: 2px;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>  content-overlay                               <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

.content-overlay {position: fixed; z-index: 200; left: 0; top: 40px; bottom: 0; right: 0; padding: 50px; color: #fff; background: #fb980e; /*background-color: rgba(251,152,14,0.9);*/}
.content-overlay h2 {font-size: 26px; text-align: center;}
.content-overlay label {color: inherit;}
.content-overlay .inner_btn {margin-top: 25px;}
.content-overlay .btn.btn-flat {color: inherit;}
.col-left .content-overlay {right: 50%;}

.content-overlay.contentGrey {color: #000; background: #dfdfdf;}

#form_etatDEsprit h2:before {display: block; margin: 0 auto 15px; width: 70px; height: 82px; content: ""; background: url('images/sprite.png') no-repeat -495px -221px;}
#form_etatDEsprit .radio-icon {float: left; margin-top: 35px; width: 25%;}
#form_etatDEsprit .radio-icon label {display: block; padding: 0 5px 28px; height: auto; font-size: 16px; line-height: 20px; text-align: center;}
#form_etatDEsprit .radio-icon label:before,
#form_etatDEsprit .radio-icon label:after {left: 50%; top: auto; bottom: 0; margin: 0 -10px; width: 20px; height: 20px;}
#form_etatDEsprit .radio-icon label:after {border-color: #00b3d0; background-color: #00b3d0;}
#form_etatDEsprit .radio-icon label .icon {display: block; position: relative; margin: 0 auto 10px; overflow: hidden; background: url('images/sprite-etatDEsprit.png') no-repeat 0 0;}
#form_etatDEsprit .radio-icon input#esprit1 + label .icon {width: 79px; height: 78px; background-position: -0px -13px;}
#form_etatDEsprit .radio-icon input#esprit2 + label .icon {width: 78px; height: 78px; background-position: -133px -13px;}
#form_etatDEsprit .radio-icon input#esprit3 + label .icon {width: 78px; height: 78px; background-position: -265px -13px;}
#form_etatDEsprit .radio-icon input#esprit4 + label .icon {width: 79px; height: 78px; background-position: -397px -13px;}
#form_etatDEsprit .radio-icon input#esprit5 + label .icon {width: 78px; height: 78px; background-position: -0px -106px;}
#form_etatDEsprit .radio-icon input#esprit6 + label .icon {width: 78px; height: 78px; background-position: -133px -106px;}
#form_etatDEsprit .radio-icon input#esprit7 + label .icon {width: 78px; height: 78px; background-position: -265px -106px;}
#form_etatDEsprit .radio-icon input#esprit8 + label .icon {top: -9px; margin-bottom: 1px; width: 79px; height: 87px; background-position: -397px -97px;}

#formIntention {padding: 10px 10px 86px;}
#formIntention .inner-bottom {position: absolute; left: 0; right: 0; bottom: 30px;}

#capturePhoto {padding: 30px 20px;}
#capturePhoto h2 {position: relative; z-index: 50; margin-top: 0;}
/*#capturePhoto h2:before {display: block; margin: 0 auto 15px; width: 104px; height: 77px; content: ""; background: url('images/sprite.png') no-repeat -478px 0;}*/
#capturePhoto h2 .material-icons {position: relative; top: 3px; cursor: help;}
#capturePhoto video {display: block; margin: 0 auto; height: 100% !important; /*height: 0;*/ /*width: 100%;*/}
.reverse {
  -webkit-transform: scale(-1, 1);
     -moz-transform: scale(-1, 1);
       -o-transform: scale(-1, 1);
          transform: scale(-1, 1);
             filter: FlipH;
}
#capturePhoto .overflow-inner {overflow: hidden;}
#capturePhoto .camera-container {position: relative;}
#capturePhoto .camera-wrapper {position: relative; height: 340px; overflow: hidden;}
#capturePhoto .camera-overlay {position: absolute; left: 50%; top: 0; bottom: 0; background: url('images/camera-overlay.png') no-repeat 50% 50%;}
#capturePhoto .camera-buttons {margin: 10px 0 20px; text-align: center;}
/*#capturePhoto #buttonSnap {display: inline-block; margin: 0; padding: 0; border: 0; width: 81px; height: 81px; vertical-align: middle; overflow: hidden; text-indent: -999em; text-align: left; background: url('images/capture-btn.png') no-repeat 0 0; cursor: pointer;}*/
#capturePhoto #buttonReverse {display: inline-block; margin: 0 20px 0 0; padding: 0; border: 0; width: 81px; height: 81px; vertical-align: middle; color: #ed3629; background: #fff;}
#capturePhoto #buttonReverse {
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
}
#capturePhoto #buttonReverse .material-icons {position: relative; top: 4px; font-size: 61px;}
#capturePhoto #canvas {display: block; position: absolute; z-index: 10; left: 50%; top: 50%; margin: -170px; width: 340px; height: 340px;}
#capturePhoto .camera-actions {display: none; position: relative; z-index: 10; margin-top: 30px; text-align: center;}
#capturePhoto .camera-actions .btn ~ .btn {margin-top: 10px;}
#capturePhoto .camera-actions .btn {background: #00b3d0;}
#capturePhoto .camera-actions .btn-flat {background: none !important;}
#capturePhoto .camera-actions .btn:hover, #capturePhoto .camera-actions .btn:focus {color: #fff; background: #0394ab;}
#capturePhoto .camera-actions #buttonRecommencer {color: #e0e0e0;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>  msgAlert                                      <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

.msgAlert {position: absolute; z-index: 70; left: 0; top: 80px; right: 50%; padding: 10px 20px; overflow: hidden; font-size: 18px; color: #fff; background: #00b3d0; background: rgba(0,179,208,0.8);}
.msgAlert:before {position: absolute; left: 0; top: 0; right: 0; height: 5px; content: "";}
.msgAlert:before {
  background: -webkit-linear-gradient(top, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 100%);
  background:    -moz-linear-gradient(top, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 100%);
  background:   linear-gradient(to bottom, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 100%);
}
.msgAlert .material-icons {margin: 0 5px; vertical-align: middle;}
.msgAlert.yellow {background: #fbd057; background: rgba(251, 208, 87, 0.93);}

.template-presentiel .msgAlert {right: 0;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>  modalEtatEsprit                               <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

#modalEtatEsprit {border-top: 3px solid #4a2d3a; overflow: hidden; color: #9b9898; background: #303030;}
#modalEtatEsprit .popin-header .row {display: flex; align-items: center;}
#modalEtatEsprit .input-field {margin: 0;}
#modalEtatEsprit .select-wrapper {color: #9b9898;}
#modalEtatEsprit .select-wrapper .caret {font-size: 8px; color: #9b9898;}
#modalEtatEsprit .select-wrapper input.select-dropdown {margin: 0; border-bottom: 2px solid #9b9898; height: 30px; font-size: 20px; line-height: 30px; color: #9b9898;}
#modalEtatEsprit .audio-controls {padding-left: 45px;}
#modalEtatEsprit .audio-controls a {color: #fff;}
#modalEtatEsprit .audio-controls .material-icons {float: left; font-size: 50px; line-height: 42px;}
#modalEtatEsprit .audio-controls .material-icons + .material-icons {margin-left: 15px;}
#modalEtatEsprit .reponses {display: flex; align-items: center; float: right; margin: 0; font-size: 12px; line-height: 14px; white-space: nowrap; color: #9b9898;}
#modalEtatEsprit .reponses strong {padding-right: 8px; font-size: 48px; font-weight: normal;}
#modalEtatEsprit .popin-footer {padding-bottom: 10px; text-align: center;}
#modalEtatEsprit .popin-footer a {display: inline-block; font-size: 14px; text-transform: uppercase; color: #fff;}
#modalEtatEsprit .popin-footer a .material-icons {top: -2px; vertical-align: middle;}
#modalEtatEsprit .switch {display: inline-block; margin-right: 5px;}
#modalEtatEsprit .switch label .lever {background: #e0e0e0;}
#modalEtatEsprit .switch label input[type="checkbox"]:checked + .lever {background: #318923;}
#modalEtatEsprit .chart {margin: 0 -50px 20px; overflow: hidden;}
#modalEtatEsprit .chart > div {margin-top: -30px;}

#chartEtatEspritClone {height: auto !important; text-align: center;}
#chartEtatEspritClone img {max-width: 100%;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>  modalIntentions                               <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

#modalIntentions {border-top: 3px solid #4a2d3a; overflow: hidden; color: #9b9898; background: #303030;}
#modalIntentions .popin-header {margin-bottom: 25px;}
#modalIntentions .popin-header .row {display: flex; align-items: center;}
#modalIntentions .input-field {margin: 0;}
#modalIntentions .select-wrapper {color: #9b9898;}
#modalIntentions .select-wrapper .caret {font-size: 8px; color: #9b9898;}
#modalIntentions .select-wrapper input.select-dropdown {margin: 0; border-bottom: 2px solid #9b9898; height: 30px; font-size: 20px; line-height: 30px; color: #9b9898;}
#modalIntentions .audio-controls {padding-left: 45px;}
#modalIntentions .audio-controls a {color: #fff;}
#modalIntentions .audio-controls .material-icons {float: left; font-size: 50px; line-height: 42px;}
#modalIntentions .audio-controls .material-icons + .material-icons {margin-left: 15px;}
#modalIntentions .reponses {display: flex; align-items: center; float: right; margin: 0; font-size: 12px; line-height: 14px; white-space: nowrap; color: #9b9898;}
#modalIntentions .reponses strong {padding-right: 8px; font-size: 48px; font-weight: normal;}
#modalIntentions .popin-footer {padding-bottom: 10px; text-align: center;}
#modalIntentions .popin-footer a {display: inline-block; font-size: 14px; text-transform: uppercase; color: #fff;}
#modalIntentions .popin-footer a .material-icons {top: -2px; vertical-align: middle;}
#modalIntentions #classementIntentions,
#modalIntentions .classementIntentions {margin: 0; padding: 0; counter-reset: li; list-style-type: none;}
#modalIntentions #classementIntentions li,
#modalIntentions .classementIntentions li {padding: 4px 11px 4px 40px; border: 1px solid #9b9898;}
#modalIntentions #classementIntentions li,
#modalIntentions .classementIntentions li {
    -webkit-border-radius: 15px;
       -moz-border-radius: 15px;
            border-radius: 15px;
}
#modalIntentions #classementIntentions li + li,
#modalIntentions .classementIntentions li + li {margin-top: 4px;}
#modalIntentions #classementIntentions li:before,
#modalIntentions .classementIntentions li:before {float: left; margin: -2px 0 0 -28px; content: counter(li); counter-increment: li; font-size: 18px;}

.classementIntentions {margin: 0; padding: 0; counter-reset: li; list-style-type: none;}
.classementIntentions li {padding: 4px 11px 4px 40px; border: 1px solid #000;}
.classementIntentions li {
    -webkit-border-radius: 15px;
       -moz-border-radius: 15px;
            border-radius: 15px;
}
.classementIntentions li + li {margin-top: 4px;}
.classementIntentions li:before {float: left; margin: -2px 0 0 -28px; content: counter(li); counter-increment: li; font-size: 18px;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>  modalBandeauSon                               <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

#modalBandeauSon {border-top: 3px solid #4a2d3a; /*overflow: hidden;*/ color: #9b9898; background: #303030;}
#modalBandeauSon .popin-header {margin-bottom: 0;}
#modalBandeauSon .popin-header .row {display: flex; align-items: center;}
#modalBandeauSon .input-field {margin: 0;}
#modalBandeauSon .select-wrapper {color: #9b9898;}
#modalBandeauSon .select-wrapper .caret {font-size: 8px; color: #9b9898;}
#modalBandeauSon .select-wrapper input.select-dropdown {margin: 0; border-bottom: 2px solid #9b9898; height: 30px; font-size: 20px; line-height: 30px; color: #9b9898;}
#modalBandeauSon .audio-controls {padding: 0 10px; font-size: 0; line-height: 0; white-space: nowrap; text-align: center;}
#modalBandeauSon .audio-controls a {display: inline-block; color: #fff;}
#modalBandeauSon .audio-controls .material-icons {display: inline-block; vertical-align: top; font-size: 50px; line-height: 42px;}
/*#modalBandeauSon .audio-controls .material-icons + .material-icons {margin-left: 15px;}*/
#modalBandeauSon .reponses {display: flex; align-items: center; float: right; margin: 0; font-size: 12px; line-height: 14px; white-space: nowrap; color: inherit;}
#modalBandeauSon .reponses strong {padding-right: 8px; font-size: 48px; font-weight: normal;}
#modalBandeauSon .col {float: none;}
#modalBandeauSon .col.s4 {flex-grow: 1; width: auto;}
#modalBandeauSon .col.s3 {width: auto;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>  loading                                       <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

#loading {display: flex; align-items: center; justify-content: center; position: fixed; z-index: 250; left: 0; top: 0; right: 0; bottom: 0; font-size: 24px; text-align: center; color: #fff; background: #dd2b72;}
#loading p:first-child:before {display: block; margin: 0 auto 15px; width: 64px; height: 64px; content: ""; background: url('images/loading.gif') no-repeat 0 0;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>  tab_unePersonne                               <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

.tab_unePersonne .collapsible-header .photo {display: inline-block; vertical-align: top; margin: -3px 5px -3px 0; width: 33px; height: 33px;}
.tab_unePersonne .collapsible-header .photo .nophoto + img {display: block; position: relative; margin-top: -33px;}
.tab_unePersonne .collapsible-header .photo img {width: 100%;}
.tab_unePersonne .collapsible-header .photo img {
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
}
.tab_unePersonne .collapsible-header .material-icons {margin-right: 5px;}

.tab_unePersonne .unePersonne {display: flex; align-items: top;}
.tab_unePersonne .unePersonne p:first-child {margin-top: 0;}
.tab_unePersonne .unePersonne .right {padding-left: 10px;}
.tab_unePersonne .unePersonne .right a {display: inline-block; margin: -3px; padding: 3px; color: #fff;}
.tab_unePersonne .unePersonne .right a {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: -webkit-radial-gradient(center, circle, rgba(0,0,0,0.2), rgba(0,0,0,0.1) 40%, rgba(0,0,0,0) 75%);
  background:    -moz-radial-gradient(center, circle, rgba(0,0,0,0.2), rgba(0,0,0,0.1) 40%, rgba(0,0,0,0) 75%);
  background:     -ms-radial-gradient(center, circle, rgba(0,0,0,0.2), rgba(0,0,0,0.1) 40%, rgba(0,0,0,0) 75%);
  background:      -o-radial-gradient(center, circle, rgba(0,0,0,0.2), rgba(0,0,0,0.1) 40%, rgba(0,0,0,0) 75%);
  background:         radial-gradient(circle at center, rgba(0,0,0,0.2), rgba(0,0,0,0.1) 40%, rgba(0,0,0,0) 75%);
}
.tab_unePersonne .unePersonne .right a.validate {color: #7b7b7b; background: none;}
.tab_unePersonne .unePersonne .right a .material-icons {position: relative; left: 2px; vertical-align: bottom;}
.filtreSynthese .dd3-content,
#listeSyntheseHisto .dd3-content,
#listeRetenuesActions .dd3-content,
#listeRetenuesActionsClient .dd3-content {align-items: flex-start;}
.filtreSynthese .dd3-content > span,
#listeSyntheseHisto .dd3-content > span,
.ws-normal .dd3-content > span,
#listeRetenuesActions .dd3-content > span,
#listeRetenuesActionsClient .dd3-content > span {white-space: normal; text-overflow: clip;}
/*#session_description {height: 112.5px !important}*/

.switchWrapper + .switchWrapper {margin-top: 15px;}
.switchWrapper p:first-child {margin-top: 0;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>  controls                                      <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

#controls {padding: 2px 15px; text-align: right;}
#controls .surround-on {display: inline-block; margin: 0 35px 0 0; padding: 0; border: 0; width: 36px; height: 36px; overflow: hidden; text-indent: -999em; text-align: left; vertical-align: middle; background: url('images/ic_surround_sound_white_select.svg') no-repeat 49% 50%;}
#controls .surround-on {
  -webkit-background-size: 31px 24px;
     -moz-background-size: 31px 24px;
          background-size: 31px 24px;
}
#controls .material-icons {margin: 0 35px 0 0; padding: 0; border: 0; vertical-align: middle; font-size: 36px; background: none;}
#controls .material-icons.videocam,
#controls .material-icons.videocam_off {margin-right: 30px;}
#controls .material-icons.fullscreen,
#controls .material-icons.fullscreen_exit {margin-right: 25px;}
#controls .material-icons:last-child {margin-right: 0 !important;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>  remote                                        <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */
/*
#remote {-ms-flex-wrap: wrap; flex-wrap: wrap; align-items: flex-start;}
#remote {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
#remote video {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
#remote video ~ video {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
#remote video ~ video ~ video ~ video {-ms-flex: 0 0 33.333%; flex: 0 0 33.3333%; max-width: 33.3333%;}
*/
.container-fluid {margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; width: 100%;}

.embed-responsive {width: 100%; height: 100%;}
.embed-responsive video {object-fit: cover; width: 100%; height: 100%;}

.no-gutters {margin-left: 0; margin-right: 0;}
.no-gutters > .col,
.no-gutters > [class*="col-"] {padding-left: 0; padding-right: 0;}
.h-100 {height: 100%;}

.d-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.flex-column {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}

#remote {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: 0;
  margin-left: 0;
  position: relative;
  overflow: hidden;
}
#remote:after {display: none;}

#remote [class*="col-"] {position: relative; overflow: hidden;}

#remote .col-1 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}
#remote .col-2 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
  max-width: 16.666667%;
}
#remote .col-3 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}
#remote .col-4 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
#remote .col-5 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}
#remote .col-6 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
#remote .col-7 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}
#remote .col-8 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}
#remote .col-9 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}
#remote .col-10 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}
#remote .col-11 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}
#remote .col-12 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
#remote .embed-responsive:before {display: block; content: "";}
#remote .embed-responsive .embed-responsive-item,
#remote .embed-responsive embed,
#remote .embed-responsive iframe,
#remote .embed-responsive object,
#remote .embed-responsive video {position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0;}
#remote .mute .embed-responsive:after {position: absolute; right: 20px; top: 20px; content: "mic_off"; font: 1.5rem 'Material Icons'; color: #fff;}

/* début modif 220318 */
#remote .muteSpeaker .embed-responsive:after {position: absolute; right: 20px; top: 20px; content: "volume_off"; font: 1.5rem 'Material Icons'; color: #fff;}
/* fin modif 220318 */

#remote .photo {position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
#remote .nophoto {position: absolute; left: 50%; top: 50%; width: 100%; height: 100%;}
#remote .nophoto {
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
  -webkit-transform: translate(-50%,-50%);
     -moz-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
}
#remote .nophoto-text {font-size: 90px;}
#remote .photo img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}

#remote .nomVideo {position: absolute; bottom: 0; left: 0; padding: 5px 10px; max-width: 100%; text-align: left; font-size: 14px; color: #fff; background: rgba(0,0,0,0.7);}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>  header                                        <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

#header > .row {height: 100%;}
#header > .row > .col {height: 100%;}
#header > .row > .col:first-child {justify-content: flex-start; align-items: center; flex: 1 1 auto;}
#header > .row > .col:first-child {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
#header > .row > .col:first-child:after {display: none;}
#header > .row > .col:first-child .innerNav {position: static; padding-left: 10px; padding-top: 3px; flex: 0 0 70px; white-space: nowrap;}
#header > .row > .col:first-child .innerToggle {position: static; flex: 0 0 auto;}
#header > .row > .col:first-child .innerTitre {padding: 0 10px; min-width: 0; max-width: 100%; flex: 1 1 auto; line-height: 0;}
#header > .row > .col:first-child .innerTitre h2 {margin: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>  statistiquesOptions                           <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

.statistiquesOptions:before {display: inline-block; position: relative; top: -2px; margin-right: 10px; width: 18px; height: 18px; vertical-align: middle; content: ""; background: #d6d6d6;}
.statistiquesOptions:before {
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
}
.statistiquesOptions.session_statistiquesOptions1:before {background: #bce9d0;}
.statistiquesOptions.session_statistiquesOptions2:before {background: #f6d1e5;}
.statistiquesOptions.session_statistiquesOptions3:before {background: #b6c7dd;}
.statistiquesOptions.session_statistiquesOptions4:before {background: #f8d5bb;}
.statistiquesOptions.session_statistiquesOptions5:before {background: #d6d6d6;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>  consultant                                    <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

.nocollapse .collapsible-body,
.nocollapse .collapsible-body {display: block !important; padding: 1rem !important; height: auto !important;}
.nocollapse .collapsible-header,
.nocollapse .collapsible-header {cursor: default;}
.nocollapse .collapsible-header .right,
.nocollapse .collapsible-header .right {display: none !important;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>  wrapper-modal-close                           <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

.wrapper-modal-close {margin-bottom: 10px;}
.wrapper-modal-close button {padding: 0; height: auto; line-height: normal;}
.wrapper-modal-close button i {margin: 0;}

#modal_live2 .wrapper-modal-close,
#modalAjoutElement .wrapper-modal-close,
#modalAjoutAttente .wrapper-modal-close,
#modalAjoutTag .wrapper-modal-close {margin-bottom: 0;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>  popins                                        <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

#page .col-left {display: flex; flex-direction: column; padding-bottom: 0 !important;}
#page .overflow {position: relative; overflow: hidden; flex-grow: 1;}
#page .overflow > .inner {height: 100%; overflow: auto;}
#page .col-left .fixed-bottom {position: absolute; left: 0; bottom: 0; right: 0; margin: 0; overflow: hidden;}
#page .col-left .fixed-bottom a.modal-trigger {position: relative; top: 0;}
#page #popins {position: relative; /*overflow: hidden;*/ flex-shrink: 0;}
#page #popins .popin-wrapper {position: relative; max-height: 0; overflow: hidden;}
#page #popins .popin-wrapper {
    -webkit-transition: max-height .3s ease-out;
       -moz-transition: max-height .3s ease-out;
            transition: max-height .3s ease-out;
}
#page #popins .popin-wrapper .content-bottom {position: relative; left: auto; top: auto; right: auto; bottom: auto; /*overflow: hidden;*/}
#page #popins #modalEtatEsprit {overflow: visible;}
.select-wrapper.swal2-select {display: none;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>  media queries                                 <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina XS SM MD LG */ 
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones XS SM MD LG */ 
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets SM MD LG */
@media only screen and (min-width : 769px) {

}

/* Medium Devices, Desktops  MD LG */
@media only screen and (min-width : 992px) {

}

/* Large Devices, Wide Screens LG */
@media only screen and (min-width : 1200px) {

}

/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens XS SM MD */
@media only screen and (max-width : 1199px) {
  #modalBandeauSon .col.s4 {width: 170px;}
  #modalBandeauSon .select-wrapper input.select-dropdown {font-size: 16px;}
  #modalBandeauSon .dropdown-content li {min-height: 0;}
  #modalBandeauSon .dropdown-content li > a, #modalBandeauSon .dropdown-content li > span {padding: 10px 12px; font-size: 12px; line-height: 18px;}
  #modalBandeauSon .audio-controls .material-icons {font-size: 40px;}
  #modalEtatEsprit .audio-controls .material-icons {font-size: 40px;}
  
  .participant + .participant:before {left: 65px;}
  .collapsible-header {padding-left: 1rem;}
  .participant .collapsible-header {font-size: 10px;}
  .participant .collapsible-header p strong {font-size: 13px;}
  .participant .collapsible-header .photo,
  .participant .collapsible-header .photo .nophoto + img {width: 50px;}
  .participant .collapsible-header .infos {padding-left: 10px; width: 75px;}
  .participant .collapsible-header .infos strong {font-size: 28px;}
  .participant .collapsible-header .infos .material-icons {font-size: 20px;}
  .participant .collapsible-header .etoiles {padding-left: 10px;}
}

/* Medium Devices, Desktops XS SM */
@media only screen and (max-width : 991px) {
  #modalBandeauSon .audio-controls .material-icons {font-size: 30px;}
  #modalEtatEsprit .audio-controls .material-icons {font-size: 30px;}
}

/* Small Devices, Tablets XS */
@media only screen and (max-width : 768px) {
  .innerNav {top: 0;}
  .innerToggle {top: 1px; right: 10px;}
  #header .innerTitre h2 {margin: 6px 0;}
  #header > .row {padding-right: 180px;}
  #header > .row > .col {float: none; margin: 0; width: auto; height: 100%;}
  #header > .row > .col:first-child .innerTitre h2 {text-align: left}
  #header > .row > .col:last-child {float: right; margin: -40px -180px 0 0; width: 170px;}
  #header > .row > .col:after {display: table; clear: both; content: "";}

  #maincontent > .row > .col.col-left {float: none; width: auto;}
  #maincontent > .row > .col.col-right {display: none;}

  .col-left .fixed-bottom,
  .col-left .content-bottom,
  .col-left .content-overlay,
  .msgAlert {right: 0;}

  #controls {padding: 2px 10px 0 0;}
  #controls .surround-on {margin-right: 5px;}
  #controls .material-icons {margin-right: 5px;}
  #controls .material-icons.videocam,
  #controls .material-icons.videocam_off,
  #controls .material-icons.fullscreen,
  #controls .material-icons.fullscreen_exit {margin-right: 0;}

  .inner_tabs > div.has-btn:after {right: 0;}
}

/* Extra Small Devices, Phones XS */ 
@media only screen and (max-width : 480px) {

}

/* Custom, iPhone Retina XS */ 
@media only screen and (max-width : 320px) {
  
}

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(fonts/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: 'liga';
  -moz-osx-font-smoothing: grayscale;
}