.podium_text {
  font-family: 'montserrat', "Open Sans", sans-serif;
}

.podium_p1 {
  color: #f4b609;
  font-size: 90px;
  margin-top: 75px;
}

.podium_p2 {
  color: #eeece1;
  font-size: 70px;
  margin-top: 40px;
}

.podium_p3 {
  color: #f79646;
  font-size: 50px;
  margin-top: 10px;
}

.podium_name {
  font-size: 15px;
}

label > input[type="checkbox"] {
  margin-right: 5px;
}

.form-control {
  font-weight: 600;
}

.login .content h3,
.login .content h4 {
  font-weight: 600 !important;
  text-align: center;
  font-size: 25px;
}

#forget-password {
  font-weight: 600;
}

.btn-outline {
  border: 2px solid #43C9D5;
  color: #43C9D5;
  padding: 8px 30px;
  background-color: transparent;
}

.btn-outline:hover .btn-outline:focus .btn-outline:active {
  border-color: #38b6c1;
  color: #38b6c1;
}

.forget-message {
  padding-bottom: 15px;
}

.forget-message p {
  margin: 30px 0;
  font-size: 13px;
  padding: 0 10px;
}

.forget-message .title {
  font-size: 16px;
}

.forget-message .help {
  margin-bottom: 0;
  color: #696969;
}

.forget-message .infos {
  margin-top: 5px;
  color: #696969;
}

.login {
  background-color: #22373F !important;
  font-family: 'Roboto', sans-serif;
}

.login .font-blue {
  color: #36c1c4 !important;
}

.login .font-orange {
  color: #F25F41 !important;
}

.login .content {
  padding: 0 35px;
  z-index: 1;
}

.login .lang {
  position: absolute;
  right: 45px;
  top: 30px;
}

.login .lang select.form-control {
  background: none!important;
  color: #EFF4F4;
  border: none!important;
  cursor: pointer;
}

.login .lang select.form-control option {
  color: #22373F;
}

.login .btn-group-submit .btn {
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 500;
  padding: 8px 14px;
  text-align: center;
}

.login .no-background {
  background: none!important;
}

.login .min-padding {
  margin: 0 -5px;
}

.login .min-padding > div {
  padding: 0 5px;
}

.login .success-text {
  text-align: center;
  color: #007700;
  font-weight: 700;
}

.login .logo {
  padding: 10vh 0 15px;
  outline: 0;
}

.login .text-button {
  white-space: normal;
}

.login .picto {
  width: 40px;
  margin-bottom: 5px;
}

.login .picto.picto-animator {
  width: 50px;
  margin-bottom: 12px;
}

.login .copyright {
  margin: 0 auto 10px 0;
  padding: 10px;
  color: #7a8ca5;
  font-size: 13px;
  position: fixed;
  bottom: 30px;
  width: 100%;
}

.login .copyright a {
  color: #7a8ca5;
}

.login select.form-control {
  border-radius: 5px !important;
  background-color: #d9e1df !important;
  color: #6C7F85;
}

.login select.form-control option {
  padding-top: 4px;
  padding-bottom: 4px;
}

.login .content {
  border-radius: 10px !important;
  background-color: #EFF4F4;
}

.login .conditions a {
  color: #36c1c4 !important;
}

.login .form-group {
  width: 99%;
}

.login .form-group.pin {
  text-align: center;
}

.login .form-group label {
  display: block;
  margin: 10px 0;
}

.login input.form-control {
  box-shadow: 0 0 0 30px white inset !important;
  background-color: #fff !important;
  color: #000 !important;
}

.login input.form-control:-internal-autofill-selected {
  background-color: #fff!important;
}

.login input.form-control:active,
.login input.form-control:focus {
  -webkit-box-shadow: 0 0 0 30px white inset !important;
  box-shadow: 0 0 0 30px white inset !important;
  border: 1px solid #8e9298 !important;
}

.login input.form-control.pin {
  width: 22%;
  display: inline-block;
  text-align: center;
  margin: 0 -1px;
}

.login select.room {
  background-color: #fff !important;
  color: #000 !important;
  cursor: pointer;
}

.login select.room option {
  padding: 10px 0;
}

.login #register-btn i.fa {
  margin-right: 6px;
}

.login-participant .form-title,
.login .form-title {
  text-transform: uppercase;
  font-size: 25px!important;
  font-weight: 500!important;
  margin-bottom: 20px!important;
}

.login-participant .form-title img,
.login .form-title img {
  transform: translateY(-4px);
  height: 30px;
  width: auto;
}

.content.connexion-moderator .create-account,
.login-participant .create-account,
.login-action .create-account {
  text-align: center;
  margin: 0 -20px 0;
  border-bottom-left-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
  color: #fff !important;
}

.content.connexion-moderator .create-account p a,
.login-participant .create-account p a,
.login-action .create-account p a {
  color: #fff !important;
}

.page-lock {
  background-color: #465568;
  padding: 10px 30px 50px;
}

.logo-small {
  background: transparent !important;
}

.remember-me {
  font-weight: 500;
  margin-top: 8px;
  font-size: 15px;
  padding-top: 2px;
  padding-left: 2px;
  margin-left: 6px;
}

.remember-me label {
  transform: translateY(1px);
}

.input-signIn {
  border-radius: 5px !important;
}

.bg-white {
  background-color: #ffffff;
}

.student hr {
  border-color: #c7cdd6;
  margin: 10px 0 !important;
}

.login-participant {
  margin: 60px auto;
  text-align: center;
}

.login-participant input {
  border-radius: 6px !important;
  border: none;
  margin-bottom: 10px;
  text-align: left;
  width: 100%;
}

.login-participant input:-webkit-autofill,
.login-participant input:-webkit-autofill:hover,
.login-participant input:-webkit-autofill:focus,
.login-participant input:-webkit-autofill:active {
  background-color: #fff !important;
  box-shadow: 0 0 0 30px white inset !important;
}

.login-participant .signup {
  border-radius: 6px !important;
  border: none;
  margin-top: 20px;
  margin-bottom: 10px;
  text-align: center;
  height: 46px;
  font-size: 1.3em;
  letter-spacing: .5px;
  width: 80%;
}

.login-participant .error-text {
  color: #ffa4a4;
}

.login-participant .back {
  display: block;
  margin-top: 70px;
  color: #ddd;
  text-decoration: underline;
}

.login-participant .back:hover {
  color: #fff;
  text-decoration: none;
}

.login-participant .form-title {
  height: 50px;
  font-size: 1.6em;
  line-height: 50px;
}

.login-participant .userEmail {
  margin-top: 14px;
  height: 50px;
  font-size: 1em;
}

.login-participant.stage0 input {
  height: 40px;
  font-size: 1.3em;
}

.login-participant.stage1 button[type="submit"] {
  margin-top: 0;
}

.login-participant.stage1 .signup {
  margin-top: 40px;
}

.login-participant.stage2 .pin-bloc {
  margin-top: 20px;
}

.login-participant.stage2 .signup {
  margin-top: 40px;
}

.login-participant.stage3 input[type="password"] {
  margin-top: 0;
  height: 50px;
  font-size: 1em;
  width: 100%;
}

.login-participant.stage4 {
  color: #fff;
}

.login-participant .btn {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 1em;
}

.forget-pwd {
  padding: 5px 0 20px 0;
  text-align: center;
}

.forget-pwd > a {
  font-size: 14px;
  font-weight: 600;
  color: #36c1c4;
}

.info-v4 {
  text-align: center;
  max-width: 500px;
  padding: 5px 15px;
  background-color: #36c1c4;
  border-radius: 12px!important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 15px;
  color: white;
  width: fit-content;
  margin: 0 auto;
}

.info-v4 a {
  color: white;
  font-weight: 500;
}

html {
  min-height: 100%;
}

body.user-participant {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.clear {
  clear: both;
  height: 0;
}

.disablePlayButton::-webkit-media-controls-start-playback-button,
.disablePlayButton::-webkit-media-controls-play-button,
.disablePlayButton::-webkit-media-controls-overlay-play-button,
.disablePlayButton::-webkit-media-controls-timeline,
.disablePlayButton::-webkit-media-controls-timeline-container,
.disablePlayButton::-webkit-media-controls-seek-back-button,
.disablePlayButton::-webkit-media-controls-seek-forward-button,
.disablePlayButton::-webkit-media-controls-time-remaining-display,
.disablePlayButton::-webkit-media-controls-rewind-button,
.disablePlayButton::-webkit-media-controls-pausebutton {
  display: none !important;
  -webkit-appearance: none;
}

.activity-head.navbar {
  min-height: 68px;
  background: #fff;
  border-bottom: 1px solid #dcdcdc;
}

.activity-head .navbar-brand {
  padding: 0;
  height: 68px;
}

.activity-head .navbar-nav > li > a {
  padding-top: 20px;
  padding-bottom: 19px;
  color: #7f96ac;
}

.activity-head .navbar-nav > li > a:hover .activity-head .navbar-nav > li > a:focus .activity-head .navbar-nav > li > a:active {
  background: transparent !important;
}

.activity-head .navbar-nav > li:last-child > a {
  color: #c0cddc;
  font-size: 19px;
  padding: 23px 15px 23px 10px;
}

.activity-head .nav .open > a .activity-head .nav .open > a:hover .activity-head .nav .open > a:focus {
  background: transparent;
}

.activity-head .navbar-toggle {
  background-color: #333;
  border-radius: 6px !important;
  margin: 15px 20px;
}

.activity-head .navbar-toggle .icon-bar {
  background: #fff;
}

.activity-head .navbar-right {
  margin-right: 0;
}

.no-color {
  background: #fff !important;
}

.custom-nav-left {
  position: absolute;
  z-index: 10001;
  left: 50%;
  margin-left: -88px;
}

.custom-nav-left > li {
  float: none;
  font-size: 18px;
  color: #a3a3a3;
  line-height: 27px;
  padding: 18px 0;
  font-weight: 300;
}

.custom-nav-left > li > span {
  font-weight: 600;
  text-transform: uppercase;
}

.main-wrapper {
  padding: 50px 0;
}

.info-wrapper {
  background-color: #fff;
  padding: 25px;
  border: 1px solid #ddd;
  max-width: 400px;
  margin: 20px auto;
  color: #757070;
  font-size: 18px;
  line-height: 27px;
  text-align: center;
}

.info-wrapper.msg-act-wrapper {
  padding: 0 0 25px;
}

.ques-blog > span {
  color: #b6b3b3;
}

.ques-blog > h3 {
  line-height: 32px;
  color: #333;
}

.ques-blog .form-control {
  resize: none;
}

.participant-table > tbody > tr.text-green > td:first-child,
.participant-table > tbody > tr.text-green > td:nth-child(2) {
  color: #70AD47;
}

.participant-table {
  margin-bottom: 10px;
  box-sizing: content-box !important;
  -webkit-box-sizing: content-box !important;
}

.participant-table .mt-checkbox {
  padding-left: 20px;
}

.participant-table .disabled {
  background-color: #ddd;
}

.participant-table thead th {
  box-sizing: content-box !important;
  -webkit-box-sizing: content-box !important;
}

.participant-table tbody td {
  box-sizing: content-box !important;
  -webkit-box-sizing: content-box !important;
  vertical-align: middle;
}

.data-filter .custom-pagination {
  display: inline-block;
  vertical-align: middle;
  margin-left: 15px;
}

.pagination {
  margin: 0;
}

.btn.btn-outline.green {
  border-color: #32c5d2 !important;
  color: #32c5d2;
  background: 0 0;
}

.padd25 {
  padding: 25px !important;
}

.user-moderator .page-content-wrapper .page-content {
  min-height: calc(100vh - 80px);
}

.thin-border {
  border: 1px solid #d9e1df;
}

.thin-border > .portlet-title {
  border-color: #B8C1BF;
}

.h-form label {
  color: #22373F;
  margin-bottom: 10px !important;
}

.h-form legend {
  display: block;
  margin-right: 50px;
  padding-top: 20px;
  padding-bottom: 5px;
  color: #45BABF !important;
  border-color: #45BABF;
  width: 100%;
  font-weight: bold;
}

.h-form fieldset {
  padding: 10px;
}

.h-form .connexion {
  padding-left: 50px;
}

.h-form .bloc-button {
  text-align: right;
}

.h-form .form-control {
  height: 38px;
  font-weight: 400;
  color: #000;
  padding-right: 6px;
  border-radius: 10px !important;
}

.h-form ::placeholder {
  color: #aaa;
}

.h-form textarea.form-control {
  height: auto;
}

.h-form .tptr-widget {
  margin: 30px auto;
  border-radius: 200px !important;
  width: 200px;
  height: 200px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

@media (max-width: 1300px) {
  .h-form .tptr-widget {
    width: 150px;
    height: 150px;
  }
}

.h-form .tptr-widget:hover .tptr-widget-pick {
  display: block;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.4);
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0 0 6px;
  font-weight: 300;
}

.h-form .tptr-widget-pick {
  display: none;
}

.width100 {
  width: 100px;
}

.width100 + .width100 {
  margin-left: 10px;
}

.mandatory {
  color: red;
}

.nav-item.active > a {
  border-top: 1px solid #3c5378 !important;
}

.nav-item.active > a > i {
  background: #26344B;
  color: #4d5d7c !important;
}

.noty-count {
  background: #A5DD43;
  color: #fff;
  padding: 4px 8px 4px 8px;
  display: block;
  right: 55px;
  top: 5px;
  position: absolute;
  z-index: 3;
}

.noty-messagecount {
  background: #e7505a;
  color: #fff;
  padding: 0px;
  height: 15px;
  width: 15px;
  display: block;
  right: 22px;
  top: 123px;
  position: absolute;
  z-index: 3;
  border-radius: 15px !important;
  line-height: 15px;
  font-size: x-small;
}
/*
ul.page-sidebar-closed {
.noty-count {
	right: 5px;
}
}
*/
.file-upload {
  margin: 42px 0;
}

.file-upload button {
  width: 120px;
  font-size: 15px;
}

.file-upload > span {
  color: #32c5d2;
  display: block;
  margin-top: 15px;
}

.file-count {
  font-weight: 600;
  color: #7F7F7F;
  margin: 0;
}

.name.report {
  width: 100%;
  height: 36px;
  padding: 5px;
  color: #000;
  top: 10px;
  left: -10px;
  text-align: center;
  text-transform: capitalize;
  margin: 0;
}

.name.report.survey {
  color: #f47a6e;
}

.name.report.docs,
.name.report.document {
  color: #459bef;
}

.name.report.url {
  color: #43c5e8;
}

.name.report.elearning {
  color: #338db5;
}

.name.report.polls,
.name.report.poll {
  color: #f47a6e;
}

.name.report.quiz {
  color: #f25f41;
}

.name.report.observation {
  color: #ef5e7d;
}

.name.report.cloudtag {
  color: #49c15d;
}

.name.report.whiteboard {
  color: #9bc94a;
}

.name.report.postit {
  color: #eacc4b;
}

.name.report.message {
  color: #4eccb6;
}

.check {
  display: block !important;
  text-align: right;
  margin: -6px -6px 0 0;
}

.video-text {
  margin: -20px 0 40px;
  font-weight: 400;
  color: #7b7b7b;
  font-size: 16px;
  line-height: 24px;
}

.page-container-bg-solid .page-title .page-container-bg-solid .page-title small {
  font-weight: 400;
}

.br4 {
  border-radius: 4px !important;
}

.popover {
  min-width: 500px;
  font-family: "Open Sans", sans-serif;
  border-radius: 6px !important;
}

.popover-inner-wrap > h4 {
  margin: -9px -14px;
  background-color: #F7F7F7;
  padding: 12px 15px;
  border-bottom: 1px solid #ddd;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  border-radius: 6px 6px 0px 0px !important;
}

.ques-wrap {
  padding: 20px 2px 0;
}

.ques-category {
  font-weight: 400;
  margin: 0 0 5px;
  color: #9C9C9C;
  text-transform: uppercase;
  font-size: 15px;
  line-height: 23px;
}

.ques-list {
  padding-left: 0;
  list-style: none;
}

.ques-list > li {
  display: block;
  padding: 3px 0;
}

.ques-list > li > a {
  color: #4988BF;
  font-size: 15px;
  line-height: 22px;
}

.ques-list > li > a:hover {
  text-decoration: none;
}

.option-wrap {
  margin-bottom: 15px;
  margin-top: 15px;
}

.label-top {
  margin-top: 9px;
}

.switch + .btn-group {
  outline: 0;
  width: 100%;
}

.switch + .btn-group > .btn {
  float: right;
  font-size: 13px;
  width: 50%;
  padding: 8px;
}

.switch + .btn-group > .btn:focus {
  outline: 0;
}

.switch + .btn-group > .btn:first-child {
  border-radius: 0 3px 3px 0 !important;
}

.switch + .btn-group > .btn:last-child {
  border-radius: 3px 0 0 3px !important;
}

.tab-left > .portlet-title > .nav-tabs {
  height: 40px;
  vertical-align: bottom;
  float: left;
}

.chart {
  height: inherit !important;
  max-width: 350px;
  margin: 0 auto;
}

.chart-list {
  list-style: none;
  background: #f5f5f5;
  margin: 0;
  padding: 5px 10px;
}

.chart-list > li {
  display: inline-block;
  vertical-align: middle;
  padding: 0 2px;
}

.chart-list > li > a {
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 50% !important;
  color: #E9E9E8;
  border: 2px solid #CACACA;
  color: #D7D6D6;
  text-align: center;
  padding: 5px 6px;
}

.chart-list > li > a.active {
  color: #E55A91;
  border-color: #E55A91;
}

.right-side {
  float: right;
  margin-right: -15px;
}

.right-side > div {
  float: left;
  margin-left: 20px;
}

.right-side > div .btn-outline {
  margin-left: 0;
}

.green.button-md {
  padding: 8px 30px;
  border: 2px solid transparent;
}

.chart-wrapper {
  text-align: center;
}

.chart-wrapper > h2 {
  margin: 0;
  padding: 25px 0 35px;
  color: #3A3838;
}

.chart-wrapper > h3 {
  text-align: right;
  font-weight: 400;
  color: #7C7878;
}

.chart-wrapper > h3 span {
  color: #3E94BC;
  font-size: 50px;
}

.canvas-holder {
  width: 25%;
  margin: 25px auto 80px;
}

.inline-list {
  list-style: none;
  margin-bottom: 45px;
  padding: 0;
}

.inline-list > li {
  padding: 0 10px;
  vertical-align: middle;
  word-wrap: break-word;
}

.inline-list > li > span {
  display: inline-block;
  background-color: #ddd;
  vertical-align: middle;
  height: 14px;
  width: 14px;
  margin-right: 3px;
}

.inline-list > li > span.dysneyland {
  background-color: #5B9BD5;
}

.inline-list > li > span.karting {
  background-color: #ED7D31;
}

.inline-list > li > span.paint-ball {
  background-color: #A5A5A5;
}

.bloc-list {
  list-style: none;
  margin-top: 30px;
  padding-left: 0;
}

.bloc-list > li {
  font-size: 20px;
  line-height: 38px;
}

.ajax-load {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(255, 255, 255, 0.8) url("/assets/images/ajax-loader.gif") no-repeat center center;
  z-index: 10001;
}

.error-text {
  font-size: 13px;
  color: #e85151 !important;
  text-align: center;
  margin: 10px auto 0 auto;
  font-weight: 700;
}

.warning-text {
  font-size: 13px;
  color: #d49747 !important;
  text-align: center;
  margin: 10px auto 0 auto;
  font-weight: 700;
}

.portlet.error h4 {
  color: #800;
}

.portlet.error .error-content {
  margin: 20px 0 10px 0;
}

.portlet.error .error-details {
  padding: 15px;
  background: #eee;
  border: 1px solid #800;
  user-select: text;
  margin: 15px 0 5px 0;
}

.padd0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.light {
  background-color: #fff;
}

.bg-full-blue {
  background-color: #36c1c4 !important;
}

.bg-full-red {
  background-color: #EF5E7D !important;
}

.bg-full-green {
  background-color: #9BC94A !important;
}

.bg-full-grey {
  background-color: #B8C1BF !important;
}

.bg-full-orange {
  background-color: #F25F41 !important;
}

.bg-full-lightGrey {
  background-color: #EFF4F4 !important;
}

.rounded-image {
  overflow: hidden;
  -webkit-border-radius: 100px !important;
  -moz-border-radius: 100px !important;
  border-radius: 100px !important;
}

.marker {
  width: 27px;
  height: 40px;
  position: absolute;
  left: -13px;
  top: -35px;
  font-size: 12px;
  font-weight: bold;
  line-height: 25px;
  letter-spacing: -1px;
  text-align: center;
  color: #fff;
}

.marker.black {
  background: url("/assets/images/marker_black.png");
  display: block;
}

.canvas-wrap {
  width: 500px;
  text-align: center;
}

.canvas-wrap > img {
  max-width: 100%;
  height: auto;
}

.markar-button {
  margin: 30px 0;
}

#txt {
  border: 1px solid #ccc;
}

.order-list {
  float: right;
  margin: 8px 0 5px 0;
}

.order-list > button {
  margin-left: 5px;
}

.order-list > button.btn-small {
  padding: 5px 9px;
  border-color: #ccc !important;
}

.order-list > button > img {
  width: 15px;
}

#fillblank-text {
  font-size: 13px;
  line-height: 40px;
}

.empty-input {
  border: 1px solid #999;
  font-size: 13px;
  line-height: 20px;
  padding: 3px 8px;
  border-radius: 1px !important;
  -webkit-transition: border-color 0.3s ease-in;
  -moz-transition: border-color 0.3s ease-in;
  -ms-transition: border-color 0.3s ease-in;
  transition: border-color 0.3s ease-in;
  color: #777;
}

.empty-input:focus {
  border-color: #909090;
}

.btn-margin {
  margin-left: 0;
}

.ui-dialog {
  width: 300px !important;
}

#NoteDialog {
  display: none !important;
}

#NoteDialog + .ui-dialog-buttonpane {
  border: 0;
}

.date-time-list {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

.date-time-list > li {
  display: inline-block;
  padding: 15px 12px;
  color: #757070;
  font-size: 15px;
  font-weight: 600;
}

.date-time-list > li:last-child {
  font-size: 34px;
  line-height: 36px;
}

.qr-wrapper {
  background-color: #fff;
  border: 1px solid #ddd;
  padding: 25px;
  max-width: 700px;
  margin: 50px auto 0;
}

.qr-wrapper > ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.qr-wrapper > ul > li {
  padding: 15px 0;
  font-size: 22px;
  line-height: 30px;
  color: #757070;
  font-weight: 300;
}

.qr-wrapper > ul > li > span {
  font-size: 28px;
}

.text-blue {
  color: #137092;
  text-decoration: none;
  font-weight: 400;
}

a.text-blue {
  text-decoration: underline;
}

.qr-img {
  list-style: none;
  margin: 0;
  padding: 0;
}

.qr-img > li {
  text-align: center;
  padding: 25px 0 0;
}

.text-sm {
  font-size: 13px;
  line-height: 20px;
  display: block;
}

.text-left {
  text-align: left !important;
}

.footer-text {
  max-width: 700px;
  margin: 10px auto;
  font-size: 16px;
  line-height: 24px;
  font-weight: 300;
  color: #7F7F7F;
}

.footer-text > img {
  width: 100px;
  margin: 0 7px;
}

body.bg {
  background: #EEF1F6;
}

.print-wrap {
  display: none;
}

@media print {
  .print-wrap {
    display: block;
  }

  body.bg {
    background: #EEF1F6 !important;
  }

  .print-wrap > div {
    display: inline-block !important;
    width: 100%;
  }

  .print-time {
    margin-left: 20px;
    padding-left: 20px;
  }
}

.field-error .form-control {
  border-color: #e85151 !important;
}

.offline-ui {
  display: none;
  position: fixed;
  background: white;
  z-index: 800;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
}

.offline-ui .offline-ui * .offline-ui:before .offline-ui:after .offline-ui *:before .offline-ui *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.offline-ui .offline-ui-content:before {
  display: inline;
}

.offline-ui .offline-ui-retry {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  display: none;
}

.offline-ui .offline-ui-retry:before {
  display: inline;
  content: "Reconnect";
}

.offline-ui.offline-ui-up .offline-ui-content:before {
  content: "Your computer is connected to the internet. ";
}

.offline-ui.offline-ui-up.offline-ui-up-5s {
  display: block;
}

.offline-ui.offline-ui-down {
  display: block;
}

.offline-ui.offline-ui-down .offline-ui-content:before {
  content: "Your computer lost its internet connection. ";
}

.offline-ui.offline-ui-down.offline-ui-connecting .offline-ui-content:before .offline-ui.offline-ui-down.offline-ui-connecting-2s .offline-ui-content:before {
  content: "Attempting to reconnect... ";
}

.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-retry {
  display: block;
}

.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content:before {
  content: "Attempting to reconnect in " attr(data-retry-in) "... ";
}

.offline-ui.offline-ui-down.offline-ui-reconnect-failed-2s.offline-ui-waiting .offline-ui-retry {
  display: none;
}

.offline-ui.offline-ui-down.offline-ui-reconnect-failed-2s .offline-ui-content:before {
  content: "Connection attempt failed. ";
}

.no-marimp {
  margin: 0 !important;
}

.document {
  width: 120px;
  height: 90px;
  background: #fff;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
}

.nav-item.active > a > i {
  background: transparent !important;
}

.action-btns .btn.btn-small {
  padding: 3px 12px;
  font-size: 12px;
  border-width: 1px;
}

.checked-icon {
  width: 10%;
  height: 10%;
}

.here {
  color: #36c1c4 !important;
}

.here:hover {
  text-decoration: none;
}

small.help-block {
  color: #999;
}

.position-left {
  float: left;
}

.search-orange {
  margin: 0px 5px;
  padding: 5px 10px 5px 10px;
  width: 600px;
  border: 2px solid orange;
  font-size: 14px;
  height: 34px;
}

.search-orange:focus {
  border: 2px solid orange;
  box-shadow: none;
}

.icon-orange {
  color: orange;
}

.width-button {
  width: 120px;
}

.media-button {
  margin: 7px 0 0;
}

.dropdown-checkboxes .dropdown-radiobuttons {
  padding: 5px 7px;
}

.dropdown-checkboxes label .dropdown-radiobuttons label {
  margin-top: 5px;
  margin-bottom: 5px;
}

.pin-warp .btn-group.no-hover > button {
  cursor: not-allowed;
  pointer-events: none;
  text-align: left;
}

.pin-warp .btn-group > button:first-child {
  border-radius: 4px 0 0 4px !important;
}

.pin-warp .btn-group > button:last-child {
  border-radius: 0 4px 4px 0 !important;
}
/*All margin class */
.no-padding {
  padding: 0 !important;
}

.padding-left-0 {
  padding-left: 0px;
}

.padding-right-0 {
  padding-right: 0px;
}

.no-margin {
  margin: 0 !important;
}

.marginbt10 {
  margin-bottom: 10px !important;
}

.marginbt15 {
  margin-bottom: 15px !important;
}

.marginbt20 {
  margin-bottom: 20px !important;
}

.marginbt25 {
  margin-bottom: 25px !important;
}

.marginbt30 {
  margin-bottom: 30px !important;
}

.margin-right-top5 {
  margin-right: 5px !important;
  margin-top: 5px !important;
}

.marginlt2- {
  margin-left: -2px !important;
}

.marginlt2 {
  margin-left: 2px !important;
}

.marginlt5 {
  margin-left: 5px !important;
}

.marginlt10 {
  margin-left: 10px !important;
}

.marginlt15 {
  margin-left: 15px !important;
}

.marginlt20 {
  margin-left: 20px !important;
}

.marginlt25 {
  margin-left: 25px !important;
}

.marginlt30 {
  margin-left: 30px !important;
}

.marginlt35 {
  margin-left: 35px !important;
}

.marginlt45 {
  margin-left: 45px !important;
}

.marginlt75 {
  margin-left: 75px !important;
}

.marginrt5 {
  margin-right: 5px !important;
}

.marginrt10 {
  margin-right: 10px !important;
}

.marginrt15 {
  margin-right: 15px !important;
}

.marginrt20 {
  margin-right: 20px !important;
}

.marginrt25 {
  margin-right: 25px !important;
}

.marginrt35 {
  margin-right: 35px !important;
}

.marginrt45 {
  margin-right: 45px !important;
}

.marginrt55 {
  margin-right: 55px !important;
}

.margin-top-0 {
  margin-top: 0px !important;
}

.margin-top-03,
.margin-top-3 {
  margin-top: 3px !important;
}

.margin-top-05,
.margin-top-5 {
  margin-top: 5px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-25 {
  margin-top: 25px !important;
}

.margin-top--05 {
  margin-top: -5px !important;
}

.margin-top--15 {
  margin-top: -15px !important;
}

.margin-right--10 {
  margin-right: -10px !important;
}

.margin-right--25 {
  margin-right: -25px !important;
}

.margin-right--30 {
  margin-right: -30px !important;
}

.margin-right--35 {
  margin-right: -35px !important;
}

.margin-left--10 {
  margin-left: -10px !important;
}

.margin-left--15 {
  margin-left: -15px !important;
}

.margin-left--20 {
  margin-left: -20px !important;
}

.margin-left--25 {
  margin-left: -25px !important;
}

.margin-left--30 {
  margin-left: -30px !important;
}

.full-width {
  width: 100%;
}

input.radiustb {
  border-radius: 25px 0 0 25px !important;
  border-right: none;
}

button.radiustb {
  border-radius: 0 25px 25px 0 !important;
  border-left: none;
}

.form-control:focus + .input-group-btn button.radiustb {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.dropdown-submenu:hover > a:after {
  border-left-color: #222;
}

.dropdown-submenu > a:after {
  margin-right: 0;
}

.dropdown-submenu .dropdown-menu {
  margin-top: 0;
}

.dropdown-menu > li > a {
  font-weight: 500 !important;
}

textarea.no-drag {
  resize: none;
}

.form-wrapper2 {
  max-width: 1200px;
  outline: none;
}

textarea {
  resize: none;
}

.help-text {
  color: #B8C1BF;
}

.inline-container > * {
  display: inline-block;
  vertical-align: middle;
}

.inline-container .form-control {
  width: 120px;
}

.inline-container > span {
  margin-left: 5px;
  color: #808080;
}

.width100 {
  width: 120px;
}

.form-wrapper2 .form-horizontal .form-group {
  margin-bottom: 25px;
}

.upload-img-container {
  border-left: 1px solid #cecece;
}

.upload-img-container .upload-img .control-label {
  text-align: left;
}

.upload-img-container .upload-img #iframeMedia {
  display: block;
  margin: auto;
  height: 200px;
  width: 75%;
}

.uploaded-img {
  text-align: center;
}

.uploaded-img > img,
.uploaded-img iframe,
.uploaded-img video {
  height: 130px;
  width: 170px;
  margin: 0 auto;
}

.upload-action {
  margin: 7px 0 0;
  text-align: center;
}

.upload-action button {
  width: 170px;
}

.button-upload {
  margin-top: 7px;
  text-align: center;
}

.button-size {
  padding: 5px 10px !important;
  min-width: 110px;
  font-size: 14px !important;
}

.title-right {
  padding: 0;
}

.ml0 {
  margin-left: 0;
}

.btn.btn-outline.grey {
  border-color: #828282;
  color: #828282;
}

.btn.btn-outline.grey:hover .btn.btn-outline.grey:focus .btn.btn-outline.grey:active {
  border-color: #828282;
  background: #828282;
  color: #fff;
}

img.no-image {
  object-fit: cover;
  display: inline-block;
  height: 180px;
  width: 170px;
  background: #F2F2F2;
}

input.correct-ans {
  background-color: #EBF0DE;
  border-color: #30BE71;
}

.ta-editor.ta-html .ta-scroll-window.form-control {
  min-height: 175px;
}

.width120 > button {
  width: 120px;
}

.width120 > button:first-child {
  margin-left: 0;
}

.layout-fixed {
  table-layout: fixed;
}

body.white-bg {
  background-color: #fff;
}

body.white-bg .page-header.navbar .page-top {
  box-shadow: 0 1px 1px 0 rgba(50, 50, 50, 0.1), 0 4px 1px 0 rgba(50, 50, 50, 0.1);
}

.content-wrapper2 {
  margin-top: 2px;
}

.content-wrapper2 .page-content {
  margin-right: 180px;
  background-color: #fff;
}
/*
.poll-wrapper {
	text-align: center;
	color: #949494;

	> h4 {
		font-weight: 400;
		margin: 15px 0 20px;
	}

	.fa, .fas, .far {
		font-size: 40px;
		line-height: 70px;
	}

	.btn {
		margin-top: 20px;
	}
}
*/
.msg-act-wrapper {
  text-align: center;
}

.msg-act-wrapper > img {
  margin: 25px auto;
}

.msg-act-wrapper > h2 {
  font-size: 32px;
  line-height: 45px;
  color: #707070;
  font-weight: 600;
  margin: 15px 0;
}

.font16-wrap {
  font-size: 16px;
  line-height: 22px;
}

.font20-wrap {
  font-size: 20px;
  line-height: 22px;
}

.radio label .checkbox label {
  padding-left: 2px;
}

div.checker div.radio {
  margin-left: 0;
}

.radio + .radio .checkbox + .checkbox {
  margin-top: 10px;
}

.ques-label {
  margin-bottom: 12px;
}

.multiple-choice-form {
  color: #4a452a;
}

.multiple-choice-form .form-group {
  margin-bottom: 30px;
}

.md-container {
  max-width: 500px;
  margin: 25px auto;
}

.img320 {
  width: 320px;
  margin: 25px auto;
}

.form-control2 {
  font-weight: 400;
  height: 40px;
  border-color: #32c5d2;
  background-color: #f5f5f5;
  color: #949494;
}

.form-control2:focus {
  border-color: #32c5d2;
  background-color: transparent;
}

.width-sm {
  max-width: 320px;
  margin: 0 auto;
}

.activity-list > li {
  text-transform: capitalize;
  font-size: 18px;
  line-height: 27px;
  padding: 0 5px;
  color: #656565;
}

.activity-list > li:first-child {
  padding: 0 10px;
}

.padding-right-0 {
  padding-right: 0px !important;
}

.padding-left-0 {
  padding-left: 0 !important;
}

.padding-left-05 {
  padding-left: 5px !important;
}

.padding-left-09 {
  padding-left: 8px !important;
}

.padding-left-15 {
  padding-left: 15px !important;
}

.padding-left-30 {
  padding-left: 30px !important;
}

.padd10 {
  padding: 10px !important;
}

.activity-title {
  font-size: 16px;
  line-height: 25px;
  color: #656565;
  margin: 15px 0 20px;
}

.activity-title > span {
  font-weight: 600;
  font-size: 20px;
}

.size-max-scroll {
  overflow: scroll;
  max-height: 40em;
  width: 100%;
}

.activity-table {
  font-size: 14px;
  line-height: 22px;
}

.activity-table .w6 {
  min-width: 200px;
  background-color: #b4c9de;
}

.activity-table .w4 {
  min-width: 60px;
  max-width: 60px !important;
  width: 60px;
}

.activity-table .userIdentity {
  padding: 0 8px !important;
  margin: 0;
  line-height: 48px !important;
  border-left: 0px !important;
  background-color: #e1e9f2;
}

.activity-table .userIdentity.fix {
  position: sticky;
  left: 32px;
  z-index: 1;
}

.activity-table.table-bordered {
  border: 0;
}

.activity-table label {
  margin-bottom: 0 !important;
}

.activity-table > thead > tr {
  border: 0px 5px 5px 0px solid #fff;
}

.activity-table > thead > tr th {
  font-weight: normal;
  color: #fff;
  border: 6px solid #fff;
  text-align: center;
}

.activity-table > thead > tr th.fix {
  top: 0;
  position: sticky;
}

.activity-table > thead > tr th:first-child {
  color: #333;
  text-align: left;
  padding-left: 50px;
  font-weight: 700;
  border-left: 0px;
}

.activity-table > thead > tr th:first-child.fix {
  z-index: 2;
  left: 0;
}

.activity-table > thead > tr th:nth-child(2) {
  color: #333;
  text-align: left;
  padding-left: 50px;
  font-weight: 700;
  border-left: 0px;
}

.activity-table > thead > tr th:nth-child(2).fix {
  z-index: 2;
  left: 0;
}

.activity-table > thead > tr th a {
  color: #fff;
}

.activity-table > tbody > tr.td-row > td {
  color: #fff;
  border: 5px solid #fff;
  text-align: center;
  text-transform: uppercase;
}

.activity-table > tbody > tr.td-row > td:first-child {
  color: #333;
  background-color: #e1e9f2;
  text-align: center !important;
  text-transform: capitalize;
  vertical-align: middle;
  width: 42px;
  border-right: 0px;
  border-left: 0px;
}

.activity-table > tbody > tr.td-row > td:first-child.fix {
  left: 0;
  position: sticky;
  z-index: 1;
}

.activity-table > tbody > tr.td-row > td:nth-child(2) {
  color: #333;
  width: 250px;
}

.activity-table > thead > tr > th .activity-table > thead > tr > td .activity-table > tbody > tr > th .activity-table > tbody > tr > td .activity-table > tfoot > tr > th .activity-table > tfoot > tr > td {
  padding: 0;
  height: 40px;
  vertical-align: middle;
}

.activity-table .last-row {
  border: 0px 5px 5px 5px solid #fff;
}

.activity-table .last-row > td {
  border: 0;
  background-color: #b4c9de;
  text-align: center;
  padding: 10px 0;
}

.activity-table .last-row > td.fix {
  bottom: 0;
  z-index: 1;
  position: sticky;
}

.activity-table .last-row > td:first-child {
  color: #333;
  text-align: left;
  padding-left: 50px;
}

.activity-table .last-row > td:first-child.fix {
  left: 0;
  font-weight: 700;
  z-index: 2;
}

.activity-table .group-view tr.tr-group td {
  background-color: #333;
  color: #fff;
  border: 0;
  padding: 10px;
  font-size: 18px;
  text-align: center;
}

.report-activity-table {
  margin-bottom: 0;
}

.report-activity-table p {
  margin: 0 0 5px;
}

td.l-light-blue {
  background-color: #43C5E8;
}

td.l-success {
  background-color: #A5DD43;
}

td.l-danger {
  background-color: #EF5E7D;
}

td.l-none {
  background-color: #EFF4F4;
}

td.l-partial {
  background-color: #FF866D;
}

td.l-responded {
  background-color: #00bfff;
}

td.l-not-responded {
  background-color: #B8C1BF;
}

td.l-not-responded .fas {
  color: #22373F !important;
}

td.l-none {
  background-color: #EFF4F4;
}

td.l-none .fas {
  display: none;
}

.l-blue {
  background-color: #5b9bd5;
}

.width400 {
  max-width: 400px;
  margin: 0px auto;
}

.width300 {
  max-width: 300px;
  margin: 0px auto;
}

.width80 {
  width: 80px;
  margin: 0px auto;
}

.sort-color {
  background: #EAF9FA url("/assets/images/up-down-arrow.png") no-repeat right 5px center;
  border-color: #EAF9FA;
  color: #31708f;
  padding: 8px;
}

.ngdialog.ngdialog-theme-plain.correct-ans > .ngdialog-content {
  border: 2px solid #8ABC69;
  padding-bottom: 10px;
}

.ngdialog.ngdialog-theme-plain.partially-correct-ans > .ngdialog-content {
  border: 2px solid #E36C09;
  padding-bottom: 10px;
}

.ngdialog.ngdialog-theme-plain.wrong-ans > .ngdialog-content {
  border: 2px solid #C00000;
  padding-bottom: 10px;
}

.ngdialog.ngdialog-theme-plain.correct-ans > .ngdialog-content .ngdialog-message {
  color: #8ABC69;
  padding-top: 0;
  margin-left: 14.25px;
}

.ngdialog.ngdialog-theme-plain.partially-correct-ans > .ngdialog-content .ngdialog-message {
  color: #E36C09;
  padding-top: 0;
  margin-left: 14.25px;
}

.ngdialog.ngdialog-theme-plain.wrong-ans > .ngdialog-content .ngdialog-message {
  color: #C00000;
  padding-top: 0;
  margin-left: 14.25px;
}

.ngdialog.ngdialog-theme-plain .colse-btn {
  border: 0;
  padding: 0;
  background: transparent;
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 100;
  color: #999;
  font-size: 25px;
}

.no-border {
  border: none;
}

.border-radius8 {
  border-radius: 8px !important;
}

.border-left-radius20 {
  border-top-left-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}

.border-right-radius20 {
  border-top-right-radius: 20px !important;
  border-bottom-right-radius: 20px !important;
}

.active-users {
  max-width: 350px;
  margin-left: 40px;
}

.active-users > table td {
  border-top: 0 !important;
}

.dropzone .dz-preview .dz-error-message {
  top: 160px;
  color: #fff;
  width: 300px;
  left: -87px;
}

button.prev-next button.prev-next:hover button.prev-next:focus button.prev-next:active {
  color: #e5e5e5;
  border: 2px solid #e5e5e5;
}

.md-container.width650 {
  max-width: 650px;
}

select.custom-select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: #fff url('/assets/images/select-drop.jpg') no-repeat right center;
  border: 1px solid #32c5d2;
  color: #333333;
  cursor: pointer;
  font-size: 14px;
  font-style: normal;
  height: 40px;
  margin-bottom: 10px;
  padding: 5px 45px 5px 10px;
  width: 100%;
}

table.fixed-table {
  table-layout: fixed;
}

table.fixed-table .width80 {
  width: 80%;
}

table.fixed-table .width50 {
  width: 50%;
}

table.fixed-table .width25 {
  width: 25%;
}

table.fixed-table .width20 {
  width: 20%;
}

table.fixed-table .width30 {
  width: 30%;
}

table.fixed-table td {
  overflow: hidden;
}

.droppableContainer {
  float: left;
  position: relative;
  max-width: 600px;
  display: inline-block;
}

.ui-state-default {
  color: #6C7F85;
  font-weight: 700;
  opacity: 1 !important;
}

.ui-state-default.ui-viewList {
  background-color: initial;
  height: 100% !important;
  border: none !important;
}

.ui-state-default.ui-viewList.ui-state-hover {
  border-left: 2px solid #22373F !important;
  border-right: 2px solid #22373F !important;
}

.ui-state-default.ui-viewCard {
  border: none !important;
  background-color: #B8C1BF;
}

.ui-state-default.ui-viewCard.ui-state-hover {
  filter: opacity(0.7) !important;
}

select.custom-select::-ms-expand {
  display: none;
}

.isResult .btn-outline {
  padding: 8px 25px;
}

.iradio_flat + label .icheckbox_flat + label {
  display: inline;
  vertical-align: middle;
}

.docs-window .ngdialog-content {
  width: auto !important;
  max-width: 90% !important;
}

.docs-window-500 .ngdialog-content {
  width: auto !important;
  max-width: 500px !important;
}

.docs-window-500 .ngdialog-content .ngdialog-message {
  margin-left: 15px;
}

.panel.success {
  border-color: #00B15A;
}

.panel.success .panel.warning .panel.danger {
  background-color: #F2F2F2;
  margin-right: 100px;
}

.panel.warning {
  border-color: #D9534F;
}

.panel.danger {
  border-color: #F5BD98;
}

.command-order {
  width: 90%;
}

.command-order > li {
  padding: 5px 22px;
}

.command-order > li:first-child {
  padding: 5px 0;
}

.command-order > li > a {
  color: #47596E;
  padding: 0;
}

.command-order > li > a:hover .command-order > li.open > a .command-order > li.open > a:hover .command-order > li.open > a:focus {
  color: #47596E;
  background-color: transparent;
}

#ParticipantDropzone {
  width: 50%;
}

.report-box {
  background-color: #EFF4F4;
  padding: 10px;
}

.report-status {
  color: #00B15A !important;
  font-weight: 400;
}

.error-status {
  color: #FF3F3F !important;
  font-weight: 400;
}

.file-link {
  background-color: #00C5D1;
  color: #fff;
  width: 25px;
  height: 25px;
  text-align: center;
  display: block;
  padding: 3px;
}

.file-link:hover .file-link:focus .file-link:active {
  color: #fff;
}

.report-table-container {
  max-width: 800px;
  margin: 30px 0 20px 0;
}

.report-table-container .table > tbody > tr > td {
  vertical-align: middle;
  border-top: 0;
  padding: 5px 8px;
}

.caret.feedback-icon {
  border-top-width: 11px;
  border-left-width: 8px;
  border-right-width: 8px;
}

.searchbar-container {
  padding: 0 25px;
}

.form-inline .form-group {
  margin: 10px 10px 10px 0;
}

.picker .form-control {
  border-color: #E1E5EC;
  background: #EEF1F5 url("/assets/images/calender.png") no-repeat right center;
  padding-right: 35px;
}

.form-inline .form-control {
  width: 185px;
}

#ui-datepicker-div {
  z-index: 8 !important;
}

.text-green {
  color: #0b4d3f;
  font-weight: bold;
}

.download-warp {
  text-decoration: underline;
  cursor: pointer !important;
}

button.ui-datepicker-current {
  display: none;
}

.ngdialog.ngdialog-theme-plain.custom-width-60 .ngdialog-content {
  width: 60%;
}

.middle-center {
  margin: auto;
  width: 18%;
}

.page-bar {
  border-bottom: 1px solid #eee;
  padding: 0 0 6px 0;
  margin-bottom: 16px;
}

.page-bar .page-breadcrumb {
  display: inline-block;
  padding: 8px 0;
  margin: 0;
  list-style: none;
}

.page-bar .page-breadcrumb i {
  cursor: pointer;
}

.page-bar .page-breadcrumb .title {
  font-size: 15px;
  color: #6C7F85;
  font-weight: 500;
}

.page-bar .page-breadcrumb .quiz {
  color: #f25f41;
}

.page-bar .page-breadcrumb .observation {
  color: #ef5e7d;
}

.page-bar .page-breadcrumb .survey {
  color: #f47a6e;
}

.page-bar .page-breadcrumb .whiteboard {
  color: #9bc94a;
}

.page-bar .page-breadcrumb .box-icon {
  width: 50px;
  position: relative;
  top: 7px;
}

.page-bar .page-breadcrumb .box-icon .state-folder {
  right: 1px;
}

.page-bar .page-breadcrumb .box-icon .state-folder .fa-sync:before {
  left: 0;
}

.page-bar .page-breadcrumb .box-icon .state-folder .fa-share-alt:before {
  left: -1px;
}

.page-bar .page-breadcrumb > li {
  font-size: 18px;
}

.page-bar .page-breadcrumb > li > a {
  font-size: 18px;
}

.page-bar li {
  font-size: 15px;
}

.page-bar .captain {
  cursor: pointer;
  background-color: #BEFDFF;
  border-radius: 8px !important;
  padding: 8px 12px;
  margin: 0 0 4px 0;
  color: #37C1C4;
  width: fit-content;
}

.page-bar .captain i {
  color: #37C1C4;
  margin: 0 4px;
  vertical-align: -1px;
}

.page-bar .captain span {
  margin: 0 12px;
}

@media (max-width: 992px) {
  .page-bar .captain {
    margin: 10px 0 4px 0;
  }
}

.portlet-title {
  border-bottom: 0 !important;
}

.portlet-title .caption {
  padding: 10px 0 0 0 !important;
}

.thin-border {
  border: 1px solid #ddd;
}

.page-header.navbar .page-logo {
  position: relative;
  padding-left: 10px;
  padding-right: 15px;
  background: #36c1c4;
}

.page-header.navbar .page-logo.page-sidebar-closed img {
  display: none;
}

.page-header.navbar .page-logo img {
  cursor: pointer;
  margin-top: 10px;
  margin-left: 10px;
  width: 120px;
}

.page-header.navbar .page-logo img.state1 {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.page-header.navbar .page-logo img.state2 {
  -webkit-filter: grayscale(50%);
  filter: grayscale(50%);
}

.page-header.navbar #control-menu {
  width: 40px;
  background-color: #22373F;
  box-shadow: 1px 1px 3px #26344b33;
  position: fixed;
  top: 200px;
  right: 0;
  height: auto !important;
  border-top-left-radius: 12px !important;
  border-bottom-left-radius: 10px !important;
  color: #fff;
  padding-bottom: 4px;
}

.page-header.navbar #control-menu > div {
  display: inline-block;
  line-height: 44px;
  width: 40px;
  height: 40px;
  text-align: center;
}

.page-header.navbar #control-menu > div.projo {
  margin-top: 0;
}

.page-header.navbar #control-menu > div.movable {
  border-top-left-radius: 10px !important;
  background-color: #36c1c4;
  color: #fff;
  width: 40px;
  height: 40px;
  cursor: ns-resize;
}

.page-header.navbar #control-menu > div.movable:hover {
  opacity: 100%;
}

.page-header.navbar #control-menu > div.movable i.fas {
  cursor: ns-resize;
}

.page-header.navbar #control-menu > div.show-webiteach {
  width: 34px;
  margin-left: 3px;
}

.page-header.navbar #control-menu > div.show-webiteach:last-child {
  border-bottom-left-radius: 4px !important;
}

.page-header.navbar #control-menu > div.show-webiteach i.started {
  animation: blink 2s infinite;
  color: #A5DD43;
}

.page-header.navbar #control-menu > div .fa,
.page-header.navbar #control-menu > div .fas,
.page-header.navbar #control-menu > div .far {
  font-size: 18px;
  cursor: pointer;
}

.page-header.navbar #control-menu > div .fa.fa-microphone,
.page-header.navbar #control-menu > div .fas.fa-microphone,
.page-header.navbar #control-menu > div .far.fa-microphone {
  color: #fff;
}

.page-header.navbar #control-menu > div .fa.fa-microphone.started,
.page-header.navbar #control-menu > div .fas.fa-microphone.started,
.page-header.navbar #control-menu > div .far.fa-microphone.started {
  animation: blink 1s infinite;
  color: #A5DD43;
}

.page-header.navbar #control-menu > div a {
  color: #fff;
}

.page-header.navbar #control-menu > div a img {
  height: 23px;
}

.page-header.navbar #control-menu > div a.active {
  color: #A5DD43;
  animation: blink 2s infinite;
}

.page-header.navbar #control-menu > div a.activeStatus {
  color: #A5DD43 !important;
}

.page-header.navbar .dropdown-menu {
  width: auto !important;
}

.page-sidebar {
  background-color: #22373F;
}

.page-sidebar .live-progress {
  margin-bottom: 10px;
}

body.panel-right-open .page-header.navbar #control-menu {
  right: 350px;
  left: initial !important;
}

ul.page-sidebar-menu {
  background-color: #22373F;
}

ul.page-sidebar-menu.page-sidebar-closed .label {
  display: none !important;
}

ul.page-sidebar-menu.page-sidebar-closed a > div.row > i {
  position: relative;
  top: 13px !important;
  margin-left: -3px !important;
}

ul.page-sidebar-menu li.nav-item > a:hover {
  opacity: 0.7;
  background-color: #22373F !important;
}

ul.page-sidebar-menu li.nav-item > a {
  border: none !important;
  background-color: #22373F !important;
}

ul.page-sidebar-menu > li > a {
  padding: 22px 15px 16px;
}

ul.page-sidebar-menu > li.active > a > .selected {
  top: 28px !important;
}

ul.page-sidebar-menu#menu-collapse {
  margin-top: 10px;
}

ul.page-sidebar-menu#menu-collapse .active > a > div.row > * {
  color: #fff !important;
}

ul.page-sidebar-menu#menu-collapse > li > a > div.row {
  width: 100%;
  display: block;
  margin-left: 0;
  color: #6C7F85;
}

ul.page-sidebar-menu#menu-collapse > li > a > div.row.icon:not(:first-child) {
  margin-top: 20px;
}

ul.page-sidebar-menu#menu-collapse > li > a > div.row.icon > i {
  font-size: 25px;
}

ul.page-sidebar-menu#menu-collapse > li > a > div.row.label {
  margin-top: 5px;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
}

ul.page-sidebar-menu#menu-collapse > li > a > div.row.label .noty-count {
  border-radius: 15px !important;
}

ul.page-sidebar-menu#menu-collapse > li > a > div.row.label .noty-count.noty-Session {
  padding: 5px 6px 5px !important;
  font-size: 11px;
  right: 15px;
}

ul.page-sidebar-menu#menu-collapse > li > a {
  border: none;
}

ul.page-sidebar-menu#menu-collapse .title {
  padding-left: 0px !important;
}

@media (max-height: 550px) {
  ul.page-sidebar-menu > li > .nav-link {
    padding: 10px 10px 10px 10px !important;
    min-height: 50px !important;
  }

  ul.page-sidebar-menu > li.active > a > .selected {
    top: 13px !important;
  }
}

@media (max-height: 750px) {
  ul.page-sidebar-menu > li > .nav-link {
    width: 100%;
    padding: 15px 10px 10px 10px;
    text-align: left;
    min-height: 60px;
  }

  ul.page-sidebar-menu > li > .nav-link i {
    display: inline-block !important;
    top: 6px !important;
  }

  ul.page-sidebar-menu > li > .nav-link .title {
    display: inline-block;
    padding-left: 5px;
  }

  ul.page-sidebar-menu > li.active > a > .selected {
    top: 19px;
  }
}

.cloud-box.no-color {
  margin-left: 5px;
  float: left;
  display: block;
  height: 68px;
  padding-left: .5%;
  padding-top: .5%;
}

.mt12 {
  margin-top: 12px !important;
}

.tptr-container .tptr-overlay .tptr-picker .tptr-sources-holder .tptr-source .tptr-source-pick {
  color: #666666;
  background-color: #e1e5ec;
  border-color: #e1e5ec;
}

.tptr-container .tptr-overlay .tptr-picker .tptr-sources-holder .tptr-source .tptr-source-pick:hover {
  color: #666;
  background-color: #c2cad8;
  border-color: #bcc5d4;
}

.underline {
  text-decoration: underline !important;
}

.col-centered {
  float: none;
  margin: 0 auto;
}

.uploaded-img > .col-sm-12.col-md-12.doc-list {
  background-color: #E9EDEF;
  border: 1px solid #CCCCCC;
}

.box .icon-paper-clip {
  font-size: 65px;
  color: #007d88;
  margin: 40px 0;
  display: block;
}

.mt5 {
  margin-top: 5px !important;
}

.mt35 {
  margin-top: 35px !important;
}

.pointer {
  cursor: pointer;
}

.margin15 {
  margin: 15px 0;
}

.media-list.selected {
  background-color: #b0e0e6;
}

.padd-left {
  padding-left: 10px;
}

.padd40 {
  padding: 40px;
}

.padding-right-5 {
  padding-right: 5px;
}

.margin0 {
  margin: 0 auto !important;
}

.mb10 {
  margin-bottom: 10px;
}

.mb10 > .panel-heading {
  padding-bottom: 2px;
  vertical-align: middle;
  padding-left: 10px;
}

.mb15 {
  margin-bottom: 15px;
}

.mb30 {
  margin-bottom: 30px;
}

.mt40 {
  margin-top: 40px;
}

.messageText {
  color: #43C5E8;
}

.surveyText {
  color: #F47A6E;
}

.whiteboardText {
  color: #9BC94A;
}

.docsText {
  color: #459BEF;
}

.urlText {
  color: #A5DD43;
}

.elearningText {
  color: #338DB5;
}

.pollText,
.pollsText {
  color: #f47a6e;
}

.quizText {
  color: #EF5E7D;
}

.observationText {
  color: #E249A2;
}

.cloudtagText {
  color: #49C15D;
}

.postitText {
  color: #EACC4B;
}

.whiteboardText {
  color: #9bc94a;
}

.cursorPointer {
  cursor: pointer;
}

.btn.btn-success {
  background-color: #00c573;
  border-color: #00ff95;
}

.blackColor {
  color: #000;
}

#container-margin {
  margin: 0px 0px 0px 0px;
  padding: 20px;
}

#month {
  margin: 0px;
}

big {
  font-size: 30px;
}

#session-wrap {
  background-color: white ! important;
}

#menu-aligment {
  margin-right: 20px;
  font-size: 15px !important;
  margin: 15px 0px 0px 0px;
}

#menu-aligment > p {
  margin-bottom: 0px ! important;
}

#menu-aligment:hover {
  border-bottom: 5px solid #36cbd8;
  position: static;
}

.panel {
  width: 260px;
  border: 1px solid gray;
  margin-bottom: 0px ! important;
}

.panel > img {
  width: 260px;
}

.content {
  padding: 0 10px 10px 10px;
}

.content p span {
  float: right;
}

#align {
  text-align: left;
  color: #0072c2;
  margin: 0px ! important;
}

#center {
  text-align: left;
  color: gray;
  margin-top: 10px ! important;
}

.panel > p {
  width: 260px;
}

.panel-foot {
  width: 100px;
  padding: 5px 10px;
  border-left: 1px solid gray;
  border-right: 1px solid gray;
}

.panel-foot > p {
  margin: 0px ! important;
  color: gray;
}

.foot {
  width: 260px;
  border-bottom: 1px solid gray;
  border-right: 1px solid gray;
}

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

.list-menu li {
  display: inline;
  padding: 20px;
  font-size: 20px;
}

.list-menu li a {
  color: gray;
  text-decoration: none;
}

.list-menu li a:hover {
  border-bottom: 5px solid #36cbd8;
  position: static;
}

.event-box {
  padding: 20px;
  border: 2px solid #dbdbdb;
  height: 200px;
  background-color: #f3f3f3;
}

#btn-submit {
  width: 22%;
  margin-top: 25px ! important;
  float: left;
}

.edit-section {
  margin-top: 30px;
}

.event-background {
  background-color: white;
  padding-bottom: 30px;
}

#edit-submit {
  height: 60px;
  width: 150px;
  background-color: #37c8d5;
  color: white;
  font-size: 15px;
  float: left;
}

#gray-cancel {
  height: 60px;
  width: 150px;
  background-color: #e3e7ed;
  color: black;
  font-size: 15px;
  float: left;
  border: none;
  margin-left: 38px;
}

.panel-group {
  padding-left: 30px;
  padding-right: 30px;
}

.panel-group .panel {
  border-radius: 0;
  box-shadow: none;
  border-color: #EEEEEE;
}

.panel-default > .panel-heading {
  padding: 0;
  border-radius: 0;
  color: #212121;
  background-color: #FAFAFA;
  border-color: #EEEEEE;
}

.panel-title {
  font-size: 14px;
}

.panel-title > a {
  display: block;
  padding: 15px;
  text-decoration: none;
}

.more-less {
  float: right;
  color: #212121;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #EEEEEE;
}

body {
  background-color: #26a69a;
}

.demo {
  padding-top: 60px;
  padding-bottom: 60px;
}

#headingOne {
  background-color: #f6f6f6;
  z-index: -1;
}

#headingtwo,
#headingthree {
  background-color: #f6f6f6;
}

#btn-new {
  border: 2px solid white;
  border-radius: 5px ! important;
  padding: 8px;
  margin-bottom: 50px;
  float: left;
}

.fa-user1 {
  margin-right: 22px;
  float: right;
  font-size: 30px;
  color: #27869e;
}

#outline {
  text-align: center;
  height: 60px;
  width: 150px;
  color: black;
  font-size: 15px;
  float: left;
  margin-left: 38px;
  border: 2px solid #43C9D5;
  background-color: white;
  margin-top: 30px;
}

#outline-blue {
  text-align: center;
  height: 60px;
  width: 150px;
  color: black;
  font-size: 15px;
  float: left;
  margin-left: 38px;
  border: 2px solid #43C9D5;
  background-color: #32c7d5;
  margin-top: 30px;
}

#outline-gray {
  text-align: center;
  height: 60px;
  width: 150px;
  color: black;
  font-size: 15px;
  float: left;
  margin-left: 38px;
  background-color: #dadada;
  margin-top: 30px;
}

.session-height {
  padding-bottom: 30px;
}

.edit-bg {
  background-color: white;
  padding-bottom: 50px;
}

#off {
  float: right;
  margin-right: 40px;
  background-color: #c3c3c3;
  padding: 5px;
  width: 6%;
  text-align: center;
}

#off:hover {
  background-color: #d3d4d5;
  box-shadow: 5px;
}

#off:hover a {
  background-color: #d3d4d5;
  box-shadow: 5px;
  text-decoration: none;
}

#on {
  float: right;
  margin-right: 30px;
  background-color: #ff0000;
  padding: 5px;
  width: 6%;
  text-align: center;
}

#on:hover {
  background-color: #ff4848;
  box-shadow: 5px;
}

#on:hover a {
  background-color: #ff4848;
  box-shadow: 5px;
  text-decoration: none;
}

#page-margin {
  margin-bottom: 30px;
}

.list-menu {
  float: left;
  margin-top: 10px;
}

#new-menu {
  float: right;
  margin-right: 20px;
  border: 1px solid #37c8d5;
  width: 5%;
  height: 6%;
  text-align: center;
  border-radius: 10px;
  padding: 8px;
}

#one {
  display: block;
}

#one-sub {
  display: block;
  margin-left: 22px;
}

#accord-span {
  margin-left: 950px;
  vertical-align: middle;
  border: 1px solid #37c8d5;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 8px;
  padding-top: 8px;
  border-radius: 10px ! important;
}

#accord-float {
  float: left;
}

.accord-right {
  float: right;
  height: 30px;
  vertical-align: middle;
  margin-top: 5px;
}

#accord-drop {
  float: right;
}

#span-image {
  display: block;
}

#accord-text {
  float: right;
}

#accord-profile {
  margin-top: 4px;
}

.panel-title {
  margin-top: 10px !important;
}

.accord-right {
  margin-top: -13px !important;
}

.margin0 {
  margin: 0 auto !important;
}

.button-position {
  text-align: right;
}

.signature-pad .btn-default {
  color: #222222;
  border-color: #222222;
}

.signature-pad .btn-out {
  background-color: transparent;
  color: inherit;
  border-width: 2px;
  -webkit-transition: all 0.75s;
  -moz-transition: all 0.75s;
  transition: all 0.75s;
  border: 1px solid #0073c6 ! important;
  margin-left: 10px;
}

.signature-pad .btn-out:hover {
  background-color: #204d74;
  color: white;
}

.signature-pad .take-pic {
  width: 300px;
  margin-top: 10px;
  text-align: right;
}

.signature-pad .camer-on {
  margin-top: 30px;
}

.signature-pad .btn-take {
  text-decoration: underline;
}

.signature-pad .btn-upload {
  float: right;
  text-decoration: underline;
}

.signature-pad .btn-clear {
  text-decoration: underline;
  text-align: left;
}

.signature-pad .btn-default {
  color: #fff;
  border-color: #222222;
  margin-right: 14px;
}

.signature-pad .btn-outline:hover {
  color: #fff;
}

.imagebtn {
  height: 33px;
  padding-top: 5px;
}

.sessionRemovebtn {
  margin-left: 10px;
}

.ngdialog.ngdialog-theme-plain.sessionPopup .ngdialog-content {
  width: 60%;
}

.date-pickerwidth {
  width: 50%;
}

.unfold {
  margin-left: 30px;
}

.accord-right {
  margin-top: 0px !important;
}

.height75 {
  height: 75%;
}

.height50 {
  height: 50% !important;
}

.height25 {
  height: 25% !important;
}

.height-130 {
  height: 130px !important;
}

.height-75 {
  height: 75px !important;
}

.height-50 {
  height: 50px !important;
}

.height-40 {
  height: 40px !important;
}

.height-35 {
  height: 35px !important;
}

.height-37 {
  height: 37px !important;
}

.height-30 {
  height: 30px !important;
}

.height-25 {
  height: 25px !important;
}

.height-10 {
  height: 10px !important;
}

.hintPart {
  height: 34px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 20px;
  padding-right: 20px;
}

.resultAct {
  margin: 0px;
}

.hindBorder > .ngdialog-content {
  border: 2px solid #43C9D5;
}

#ngdialog1-aria-labelledby.hintTitle .hintTitle {
  color: #43C9D5 !important;
}

.bootstrap-switch-red {
  background-color: red !important;
  color: white;
}

table.dataTable .ParticpantSelected td.sorting_1 table.dataTable .ParticpantSelected td.sorting_2 table.dataTable .ParticpantSelected td.sorting_3 .ParticpantSelected {
  background-color: #D3D3D3 !important;
}

.cursor {
  cursor: pointer;
}

.dz-error-message {
  overflow: hidden;
}

.answersWidth {
  max-width: 100% !important;
}

.border-sign-text {
  width: 300px;
  text-align: left;
  background-color: #ddd;
  padding: 4px;
  margin-top: 0px;
  margin-left: -15px;
  border: 1px solid black;
  border-top: none;
}

.datepick {
  background: #EEF1F5 url("/assets/images/calender.png") no-repeat right center;
}

.input-group-addon.date-remove-bg {
  background-color: #fff ! important;
  border: none ! important;
}

.media-session i.fa-clock-o {
  margin-right: 5px;
}

.auto-size-scroll {
  width: 100%;
  overflow-y: hidden;
}

.changelog {
  white-space: pre-line;
  min-height: 300px;
  height: 500px;
  overflow-y: auto;
  font-family: courier, Arial, Helvetica, sans-serif;
}

.page-preference p {
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
}

.page-preference .form-horizontal .control-label {
  padding: 10px 0 5px 0;
}

.page-preference .logo-title {
  text-align: left;
}

.page-preference .img-logo {
  max-height: 50px;
}

.page-preference .uploaded-img {
  object-fit: cover;
}

.page-preference .no-logo-image {
  background: #e0e0e0;
}

.page-preference .upload-action {
  text-align: right;
}

.page-preference .button-upload {
  text-align: center;
}

.page-preference .button-envoyer {
  margin-right: 15px;
}

.page-preference .uploaded-signimg {
  text-align: center;
}

.page-preference .ta-editor.ta-html,
.page-preference .ta-scroll-window.form-control,
.page-preference .ta-bind {
  min-height: 100px !important;
}

.page-preference text-angular p {
  margin-bottom: 4px;
}

.page-preference #tab_1_4 .fa-pencil {
  margin-left: 12px;
}

.page-preference #tab_1_4 .fa-usb,
.page-preference #tab_1_4 .fa-cloud-download,
.page-preference #tab_1_4 .fa-download,
.page-preference #tab_1_4 .fa-upload {
  margin-right: 6px;
}

.page-preference .chevron {
  padding: 10px 5px;
}

#filterRow td {
  padding: 0;
}

#filterRow td input,
#filterRow td select {
  height: 36px;
  padding: 0 8px;
  border: 0;
}

#filterRow td input {
  width: 100%;
}

#filterRow td select {
  width: 140px;
}

.g-color {
  color: #008000;
}

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

  50% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.r-color {
  animation: blink 1s infinite;
  color: #ff0000;
}

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

.page-quiz .md-container {
  max-width: 700px;
}

.page-quiz .btn {
  font-size: 20px;
  padding: 10px 25px 10px 25px;
}

.page-quiz .showAnswers {
  text-align: left;
}

.page-quiz .showAnswers label {
  margin-right: 0;
  color: #fff;
}

.page-quiz .msg-wait h3 {
  margin-top: 50px;
}

.page-quiz .msg-wait img {
  margin: 0;
  height: 180px;
  width: 240px;
}

#container-session .card-session .footer .row .timer {
  margin-top: 0px !important;
}

.btn-container {
  text-align: center;
}

.btn-container :first-child {
  margin-right: 75px;
}

.btn-container .btn {
  width: 100px;
}

.circle {
  border: 2px solid #a1a1a1;
  padding: 10px 11px;
  background: green;
  width: 2px;
  border-radius: 100%;
  margin-left: auto;
  margin-right: auto;
  width: 1%;
}
/*
.chrono {
	&.timer{
		font-size: 20px;
		margin-top: 2px;
		color:#606060;
		padding-top: 20px;
		> span {
			color: #800; font-weight: bold
		}
		.fa-clock-o {
			cursor: pointer;
			font-size: 26px;
			color: #777;
		}
	}
}
*/
.chrono-timer {
  background-color: #f3f3f3;
  border-radius: 4px 0 0 4px !important;
  margin-top: 13px;
  font-size: 18px;
  font-weight: bold;
  height: 40px;
  padding: 10px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

.iconeProj {
  margin-top: 20px;
}

.iconeProj .proj {
  padding: 0 8px;
  font-size: 18px;
}

.iconeProj .proj img {
  height: 25px;
}

.iconeProj .proj:hover {
  background-color: transparent;
  color: #0d70b7;
}

.iconeChrono {
  background-color: #22373F;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  color: white;
  border-radius: 0 4px 4px 0 !important;
  margin-top: 13px;
  height: 40px;
  padding: 10px;
}

.iconeChrono .icone:hover {
  background-color: transparent;
}

.iconeChrono .icone:focus {
  background-color: transparent;
}

.iconeChrono .icone {
  display: inline-block;
  padding: 0 !important;
}

.iconeChrono .icone .fa,
.iconeChrono .icone .fas,
.iconeChrono .icone .far {
  color: white;
}

.iconeChrono .icone .fa:hover {
  color: red;
}

.iconeChrono .proj {
  display: inline-block;
  padding: 0;
}

.iconeChrono .proj:hover {
  background-color: unset;
}

.iconeChrono .proj img {
  padding-bottom: 6px;
  padding-left: 3px;
  height: 25px;
}

body.show-webiteach .iconeChrono {
  margin-right: 260px;
}

.icon-blue {
  color: #36c1c4;
}

.icon-grey {
  color: #B8C1BF;
}

.icon-darkerGrey {
  color: #22373F;
}

.icon-red {
  color: #EF5E7D;
}

.icon-lightGreen {
  color: #A5DD43;
}

.pBottom {
  padding-bottom: 5px;
}

.page-edit-quiz .page-content .row .portlet .portlet-body tbody tr td,
.page-edit-survey .page-content .row .portlet .portlet-body tbody tr td,
.page-edit-observation .page-content .row .portlet .portlet-body tbody tr td {
  width: 100%;
  border-radius: 0;
  vertical-align: middle;
}

.page-edit-quiz .page-content .row .portlet .portlet-body .table thead tr,
.page-edit-survey .page-content .row .portlet .portlet-body .table thead tr,
.page-edit-observation .page-content .row .portlet .portlet-body .table thead tr {
  width: 100%;
  white-space: nowrap;
}

.page-edit-quiz .page-content .row .portlet .portlet-body .action-btns,
.page-edit-survey .page-content .row .portlet .portlet-body .action-btns,
.page-edit-observation .page-content .row .portlet .portlet-body .action-btns {
  position: relative;
}

.page-edit-quiz .page-content .row .portlet .portlet-body .action-btns .btn-outline,
.page-edit-survey .page-content .row .portlet .portlet-body .action-btns .btn-outline,
.page-edit-observation .page-content .row .portlet .portlet-body .action-btns .btn-outline {
  position: relative;
  display: inline-block;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 1.44;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 0 transparent;
  border-radius: 4px;
  color: #696969;
  font-size: 18px;
  font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

.page-edit-quiz .page-content .row .portlet .portlet-body .action-btns .btntext,
.page-edit-survey .page-content .row .portlet .portlet-body .action-btns .btntext,
.page-edit-observation .page-content .row .portlet .portlet-body .action-btns .btntext {
  font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  visibility: hidden;
  width: 60px;
  background-color: black;
  color: #fff;
  font-size: 12px;
  text-align: center;
  padding: 2px 0;
  position: absolute;
  z-index: 1;
  top: -6px;
  opacity: 0.7;
  border-radius: 4px !important;
  left: 6px;
}

.page-edit-quiz .page-content .row .portlet .portlet-body .action-btns :hover .btntext,
.page-edit-survey .page-content .row .portlet .portlet-body .action-btns :hover .btntext,
.page-edit-observation .page-content .row .portlet .portlet-body .action-btns :hover .btntext {
  visibility: visible;
}

@media (max-width: 767px) {
  .page-edit-quiz .page-content .row .portlet .portlet-body .action-btns,
  .page-edit-survey .page-content .row .portlet .portlet-body .action-btns,
  .page-edit-observation .page-content .row .portlet .portlet-body .action-btns {
    position: relative;
  }

  .page-edit-quiz .page-content .row .portlet .portlet-body .action-btns .btn-outline,
  .page-edit-survey .page-content .row .portlet .portlet-body .action-btns .btn-outline,
  .page-edit-observation .page-content .row .portlet .portlet-body .action-btns .btn-outline {
    position: relative;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    line-height: 1.44;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 0 transparent;
    border-radius: 4px;
    color: #696969;
    font-size: 14px;
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  }

  .page-edit-quiz .page-content .row .portlet .portlet-body .action-btns .btntext,
  .page-edit-survey .page-content .row .portlet .portlet-body .action-btns .btntext,
  .page-edit-observation .page-content .row .portlet .portlet-body .action-btns .btntext {
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    visibility: hidden;
    width: 30px;
    background-color: black;
    color: #fff;
    font-size: 10px;
    text-align: center;
    padding: 2px 0;
    position: absolute;
    z-index: 1;
    top: -6px;
    opacity: 0.7;
    border-radius: 4px !important;
    left: 6px;
  }

  .page-edit-quiz .page-content .row .portlet .portlet-body .action-btns :hover .btntext,
  .page-edit-survey .page-content .row .portlet .portlet-body .action-btns :hover .btntext,
  .page-edit-observation .page-content .row .portlet .portlet-body .action-btns :hover .btntext {
    visibility: visible;
  }
}

.folder-tree {
  overflow-y: auto;
  max-height: 400px;
  min-height: 400px;
}

.folder-tree-margin {
  padding-bottom: 10px;
  padding-top: 10px;
}

.folder-tree:focus {
  outline: none;
}

.folder-tree-title {
  text-align: center;
  margin-bottom: 10px;
  margin-top: 10px;
}

#loading-bar .bar {
  background: #1e467d;
}

@media (max-width: 1070px) {
  .room-name {
    text-align: left !important;
    padding-left: 15px !important;
  }
}

@media (max-width: 767px) {
  .participant-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle > img {
    float: left;
    margin-top: -8px;
    margin-right: 7px;
    height: 39px;
    display: none;
  }
}

@media (max-width: 580px) {
  .participant-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle .username.username-hide-on-mobile {
    display: inline-block !important;
  }

  .participant-header.navbar .room-name {
    margin-top: 10px;
  }

  .participant-header.navbar .room-name .room-label {
    margin-top: 0;
    font-size: 16px !important;
    line-height: 24px !important;
  }

  .participant-header.navbar .room-name .moderator-label {
    font-size: 14px;
    color: #aaa;
  }

  .page-report .portlet-body .table-responsive h2 {
    font-size: 12px;
  }
}

@media (max-width: 360px) {
  .page-container .portlet.signature-pad .container .border-sign-text {
    width: 256px !important;
  }

  .page-report .portlet-body .table-responsive h2 {
    font-size: 12px;
  }
}

@media (max-width: 320px) {
  .page-container .portlet.signature-pad .container .border-sign-text {
    width: 216px !important;
  }
}

@media (max-width: 375px) {
  .page-container .portlet.signature-pad .container .border-sign-text {
    width: 271px !important;
  }
}

.nav-item > a > div.row > i.live-progress,
.nav-item > a > i.tchate-progress {
  animation: fadeIn .7s infinite alternate;
  color: #A5DD43 !important;
}

.debugmode {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 30px;
  background-color: #800;
  line-height: 30px;
  color: #fff;
  text-align: center;
  font-weight: 700;
  letter-spacing: 10px;
  border-top: 1px solid #eef1f5;
  text-shadow: 0 0 5px #000;
}

.user-participant .page-container > div {
  height: calc(100% - 15px);
}

.page-import-session-wbt ul {
  list-style-type: square;
  padding-left: 17px;
}

.page-import-session-wbt ul li span {
  color: #888;
  font-size: 14px;
  display: inline-block;
  width: 90px;
}

.page-import-session-wbt ul li.color-green {
  color: green;
}

.page-import-session-wbt ul li.color-red {
  color: red;
}

.page-import-session-wbt .session-name {
  margin: 6px 0 6px 86px !important;
}

.page-import-session-wbt pre {
  -webkit-user-select: text !important;
  -moz-user-select: all !important;
  -ms-user-select: all !important;
  user-select: all !important;
  max-height: 300px;
}

.mt-radio > span::after {
  background-color: #36c1c4;
}

.ui-list {
  padding: 5px;
}

.ui-list.no-select *:hover {
  opacity: 1 !important;
}

.ui-list:not(.no-select) div.body *:not(.input-checkbox):hover {
  opacity: 0.85 !important;
}

.ui-list .title-tab {
  font-size: 20px;
  font-weight: 500;
}

.ui-list div.filter {
  position: relative;
  padding: 0;
  margin-bottom: 6px;
}

.ui-list div.filter .search {
  margin: 10px 0px;
  position: relative;
  width: 100%;
  padding-left: 10px;
  border: 1px solid #B8C1BF !important;
  height: 40px !important;
  border-radius: 3px !important;
  font-size: 13.33333333px;
}

.ui-list div.filter span {
  position: absolute;
  height: 100%;
  font-size: 28px;
  right: 40px;
}

.ui-list div.filter span .fa,
.ui-list div.filter span .fas,
.ui-list div.filter span .far {
  position: absolute;
  -webkit-text-stroke: 0.7px #B8C1BF;
  top: 50%;
  transform: translateY(-50%);
}

.ui-list div.filter > div {
  padding: 0;
}

.ui-list div.filter > div input {
  width: 100%;
  padding: 10px 40px 10px 10px;
  border: 1px solid #ddd;
}

.ui-list div.filter > div input.inline {
  width: calc(100% - 95px);
  float: right;
}

.ui-list div.filter > div span.glyphicon {
  position: absolute;
  right: 10px;
  top: 13px;
  font-size: 22px;
  color: #999;
}

.ui-list div.filter > div i.fa-spinner,
.ui-list div.filter > div i.fa-search {
  position: absolute;
  right: 7px;
  top: 14px;
  font-size: 22px;
  color: #999;
}

.ui-list div.filter > div .btn-icon-only {
  width: 41px;
  height: 41px;
  font-size: 21px;
}

.ui-list div.body {
  font-weight: 500;
  color: #6C7F85;
}

.ui-list div.body:nth-child(odd) {
  background-color: #EFF4F4;
}

.ui-list .body.view-list {
  height: 40px;
}

.ui-list .row.body {
  font-weight: 500;
  color: #6C7F85;
}

.ui-list .col-status {
  max-width: 150px !important;
}

.ui-list .col-last {
  padding: 12px 0 5px;
  float: right;
}

.ui-list div.body {
  vertical-align: middle;
}

.ui-list div.body .vcenter {
  padding: 12px 0;
}

.ui-list div.body .vaction {
  padding: 5px 0;
}

.ui-list div.body .vaction a {
  margin-right: 2px;
}

.ui-list div.body .vaction a .fa,
.ui-list div.body .vaction a .fas,
.ui-list div.body .vaction a .far {
  position: center;
  font-size: 25px;
}

.ui-list div.body .vaction a .fa.fa-qrcode,
.ui-list div.body .vaction a .fas.fa-qrcode,
.ui-list div.body .vaction a .far.fa-qrcode {
  font-size: 23px;
  vertical-align: -4px;
}

.ui-list div.body a {
  text-decoration: none;
}

.ui-list div.body > div:first-child {
  padding-left: 7px;
}

.ui-list div.body > div {
  padding-left: 5px;
  padding-right: 5px;
  overflow-wrap: break-word;
}

.ui-list .avatar {
  width: 40px;
  height: 40px;
  margin-right: 6px;
  margin-top: -8px;
  margin-bottom: -6px;
}

.ui-list .img-card {
  height: 150px;
  width: 150px;
  background-size: cover;
  background-position: center center;
}

.ui-list .view-grid {
  margin: 15px -30px -30px -30px;
}

.ui-list .view-list .btn-wifi.btn-icon-only {
  width: 30px;
  height: 30px;
  vertical-align: -2px;
  margin-top: -8px;
  margin-bottom: -6px;
}

.ui-list .row.master-grid {
  margin: 0;
}

.ui-list .mt-card-avatar {
  position: relative;
}

.ui-list .mt-card-avatar .fa-wifi {
  margin-top: 13px;
  margin-left: 5px;
}

.ui-list .mt-card-avatar .img-card {
  margin-top: 40px;
}

.ui-list .mt-card-action {
  text-align: center;
  margin: 6px 0 6px 0;
  padding-top: 6px;
}

.ui-list .mt-card-action .btn-icon-only {
  width: 41px;
  height: 41px;
}

.ui-list .mt-card-action .btn-icon-only .fa,
.ui-list .mt-card-action .btn-icon-only .fas,
.ui-list .mt-card-action .btn-icon-only .far {
  font-size: 30px;
  margin-top: 0;
  vertical-align: 1px;
}

@media (min-width: 1480px) {
  .ui-list .col-xl-2 {
    width: 20%;
  }
}

@media (min-width: 1710px) {
  .ui-list .col-xl-2 {
    width: 16.66666666%;
  }
}

.no-result {
  text-align: center;
  font-size: 15px;
  color: #6C7F85;
  font-weight: 500;
}

.overflow-x {
  overflow-x: auto;
  margin-bottom: 20px;
}

.overflowHidden {
  overflow: hidden !important;
}

.messages-error {
  margin: 0;
  padding: 0;
  color: #800;
}

.messages-error > div {
  padding: 10px 14px;
}

.user-moderator .tptr-widget .tptr-widget-pick {
  display: none;
}

.importList > li:not(:last-child) > ul > li > p:hover {
  cursor: pointer;
}

.importList > li > h4 {
  margin-top: 10px;
  margin-bottom: 5px;
}

.importList > li > ul > li > p.color-folder {
  color: #767171;
}

.importList > li > ul > li > p.color-document {
  color: #459bef;
}

.importList > li > ul > li > p.color-elearning {
  color: #338db5;
}

.importList > li > ul > li > p.color-html {
  color: #338db5;
}

.importList > li > ul > li > p.color-survey {
  color: #f47a6e;
}

.importList > li > ul > li > p.color-message {
  color: #4eccb6;
}

.importList > li > ul > li > p.color-cloudtag {
  color: #49c15d;
}

.importList > li > ul > li > p.color-observation {
  color: #ef5e7d;
}

.importList > li > ul > li > p.color-postit {
  color: #eacc4b;
}

.importList > li > ul > li > p.color-quiz {
  color: #f25f41;
}

.importList > li > ul > li > p.color-whiteboard {
  color: #9bc94a;
}

.importList > li > ul > li > p.color-url {
  color: #43c5e8;
}

.importList > li > ul > li > p {
  font-weight: bold;
  margin-bottom: 5px;
  display: inline-block;
}

.importList > li > ul > li > p > span {
  color: black;
}

.btn-continue {
  background-color: #0DA713;
  color: white;
}

.btn-paused {
  background-color: #ED7D31;
  color: white;
}

.ng-dialog-freeQuestion-content {
  padding-top: 0px !important;
}

.ng-dialog-freeQuestion-content .symbol-row {
  margin-top: 20px;
  text-align: center;
}

.ng-dialog-freeQuestion-content .symbol {
  cursor: pointer;
  font-size: 40px;
  margin-left: 40px;
}

.ng-dialog-freeQuestion-content .default {
  color: grey;
}

.ng-dialog-freeQuestion-content .correct {
  color: #70ad47;
}

.ng-dialog-freeQuestion-content .partial {
  color: #E46C0A;
}

.ng-dialog-freeQuestion-content .wrong {
  color: #c00000;
}

.ng-dialog-freeQuestion-header > h1 {
  text-align: center;
}

.ng-dialog-freeQuestion-header .name {
  font-weight: bold;
}

.ng-dialog-freeQuestion-content .symbol-row {
  margin-bottom: 10px;
}

.ng-dialog-freeQuestion-content .symbol-row > img {
  width: 50px;
  height: 50px;
  cursor: pointer;
  margin-left: 25px;
}

.ng-dialog-freeQuestion-content .content {
  padding: 0 0 0 5px;
  margin: 0 0 0 15px;
  border-left-width: 3px;
  border-color: grey;
  border-left-style: solid;
}

.ng-dialog-freeQuestion-footer {
  display: flex;
  justify-content: center;
}

.wordsCloud .edit-word {
  cursor: pointer;
  font-size: 22px;
  margin-right: 10px;
}

.wordsCloud .like-icon {
  cursor: pointer;
}

.wordsCloud .like-icon.like {
  font-size: 24px;
  color: grey;
}

.wordsCloud .like-icon.unlike {
  font-size: 25px;
  color: green;
}

.table-word-details .like-icon {
  cursor: pointer;
  color: #36c1c4;
}

.page-header.navbar.navbar-fixed-top,
.page-header.navbar.navbar-static-top {
  z-index: 2000 !important;
}

.debug {
  border: 1px solid red;
}
/*.portlet{
 margin-left: 40px!important;
 margin-right: 40px;
}*/
.portlet {
  font-family: 'Roboto', sans-serif !important;
  border-bottom-right-radius: 10px !important;
  border-bottom-left-radius: 10px !important;
  border-top-right-radius: 10px !important;
}

.portlet-title {
  border: none;
}

.portlet-title div > ul {
  margin-left: -15px !important;
}

.tabbable-line > .nav-tabs > li > a {
  font-size: 16px;
  text-align: center;
  min-width: 100px !important;
  font-weight: 600;
}

.tabbable-line > .nav-tabs > li > a,
.tabbable-line > .nav-tabs > li > a > * {
  color: #6C7F85 !important;
}

.nav-tabs > li {
  margin-right: 10px !important;
  background-color: #B8C1BF !important;
  color: white !important;
  text-transform: uppercase;
  border-top-left-radius: 7px !important;
  border-top-right-radius: 7px !important;
  border: none !important;
}

.nav-tabs > li a {
  height: 40px;
  padding: 0 16px !important;
  line-height: 40px;
}

.nav-tabs > li.active > a {
  border: none;
  background-color: #37c1c4 !important;
  color: white !important;
  border-top: #36c1c4 1px solid !important;
  border-top-left-radius: 7px !important;
  border-top-right-radius: 7px !important;
}

.nav-tabs > li.active > a:hover {
  border-top: #36c1c4 1px solid !important;
  background-color: #36c1c4 !important;
  border-bottom: none;
}

.portlet.light > .portlet-title {
  padding: 0;
  min-height: 40px;
}

.delete-Cross {
  color: #EF5E7D;
}

.zone-text-long {
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.item-selected {
  border: 5px solid !important;
  border-color: #4CF0F3 !important;
}

.bootstrap-switch {
  border-radius: 20px !important;
}

.bootstrap-switch-handle-on {
  background-color: #36c1c4 !important;
}

.set-background-color-grey {
  background-color: #B8C1BF !important;
}

.set-color-main-blue {
  color: #36c1c4 !important;
}

.border-bottom-none {
  border-bottom-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}

.border-none {
  border: none !important;
}

.border-top-none {
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}

.border-top-none {
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}

.border-right-none {
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.border-left-none {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}

.input-left-roundish {
  border-top-left-radius: 60px !important;
  border-bottom-left-radius: 60px !important;
}

.input-right-roundish {
  border-top-right-radius: 60px !important;
  border-bottom-right-radius: 60px !important;
}

.background-white {
  background-color: white;
}

.border-left-green {
  border-left: #49C15D 7px solid !important;
}

.border-left-orange {
  border-left: #F47A6E 7px solid;
}

.border-left-red {
  border-left: #EF5E7D 7px solid;
}

.fa-arrow-left {
  color: #36c1c4 !important;
  font-size: 20px !important;
}

@media only screen and (max-width: 768px) {
  .margin-left-adapt-768 {
    margin-left: -19px !important;
  }

  .margin-right-adapt-768 {
    margin-right: 0px !important;
  }
}

.custom-checkbox {
  position: relative;
  height: 20px;
  width: 20px;
  min-width: 20px;
  min-height: 20px;
  border-radius: 2px !important;
  padding-left: 0px !important;
  border: 2px solid transparent;
}

.custom-checkbox.custom-checkbox-blue {
  background-color: #36c1c4 !important;
}

.custom-checkbox.custom-checkbox-disabled {
  border: 2px solid #B8C1BF;
  background-color: #fff;
}

.custom-checkbox .input-checkbox {
  position: relative;
  opacity: 0;
  z-index: 1;
}

.custom-checkbox .fa,
.custom-checkbox .fas,
.custom-checkbox .far {
  position: absolute;
  top: 0px !important;
  left: 0px !important;
  color: #fff !important;
  height: 100%;
  width: 100%;
}

.custom-checkbox .fa:before,
.custom-checkbox .fas:before,
.custom-checkbox .far:before {
  position: absolute;
  font-size: 15px !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.btn {
  letter-spacing: 0.03em;
  padding: 7px 12px;
}

.btn.btn-roundish {
  border-radius: 5px !important;
}

.btn.btn-violet {
  border-color: #8E44AD;
  background-color: #8E44AD;
  color: #fff;
}

.btn.btn-violet:hover {
  background-color: #fff;
  color: #8E44AD;
}

.btn.btn-full-yellow {
  border: 1px solid #EACC4B;
  background-color: #EACC4B;
  color: #fff;
}

.btn.btn-full-yellow:hover {
  background-color: #fff;
  color: #EACC4B;
}

.btn.btn-full-blue {
  border: 1px solid #36c1c4;
  background-color: #36c1c4;
  color: #fff;
}

.btn.btn-full-blue:not(.hover-opactity):hover {
  background-color: #fff;
  color: #36c1c4;
}

.btn.btn-full-blue.hover-opactity:hover {
  opacity: 0.7;
}

.btn.btn-full-red {
  border: 1px solid #EF5E7D !important;
  background-color: #EF5E7D;
  color: #fff;
}

.btn.btn-full-red:hover {
  border-color: 1px solid #EF5E7D !important;
  background-color: #fff;
  color: #EF5E7D;
}

.btn.btn-full-red-reversed {
  border: 1px solid #EF5E7D !important;
  background-color: #fff;
  color: #EF5E7D;
}

.btn.btn-full-red-reversed:hover {
  background-color: #EF5E7D;
  color: #fff;
}

.btn.btn-full-green {
  border: 1px solid #9BC94A;
  background-color: #9BC94A;
  color: #fff;
}

.btn.btn-full-green:hover {
  background-color: #fff;
  color: #9BC94A;
}

.btn.btn-full-grey {
  border: 1px solid #B8C1BF;
  background-color: #B8C1BF;
  color: #fff;
}

.btn.btn-full-grey:hover {
  background-color: #fff;
  color: #B8C1BF;
}

.btn.btn-full-blue-reversed {
  border: 1px solid #36c1c4;
  background-color: #fff;
  color: #36c1c4;
}

.btn.btn-full-blue-reversed:hover {
  background-color: #36c1c4;
  color: #fff;
}

.btn.btn-full-orange {
  border: 1px solid #F25F41;
  background-color: #F25F41;
  color: #fff;
}

.btn.btn-full-orange:hover {
  background-color: #fff;
  color: #F25F41;
}

.btn.btn-full-orange-report {
  border: 1px solid #FF866D;
  background-color: #FF866D;
  color: #fff;
}

.btn.btn-full-orange-report:hover {
  opacity: 0.8;
}

.btn.btn-full-orange-reversed {
  border: 1px solid #F25F41;
  background-color: #fff;
  color: #F25F41;
}

.btn.btn-full-orange-reversed:hover {
  background-color: #F25F41;
  color: #fff;
}

.btn.btn-full-black {
  border: 1px solid #22373F;
  background-color: #22373F;
  color: #fff;
}

.btn.btn-full-black:hover {
  background-color: #fff;
  color: #22373F;
}

.btn.btn-collapse {
  text-align: left;
  font-weight: 500;
  background-color: #d9e1df;
  color: #6C7F85;
  border-top-right-radius: 5px !important;
  border-top-left-radius: 5px !important;
}

.btn.btn-collapse i {
  float: right;
  font-size: 20px;
}

.btn.btn-collapse i.fa,
.btn.btn-collapse i.fas,
.btn.btn-collapse i.far {
  position: relative;
}

.btn.btn-collapse i.fa.fa-sort-down:before,
.btn.btn-collapse i.fas.fa-sort-down:before,
.btn.btn-collapse i.far.fa-sort-down:before {
  position: relative;
  top: -2px;
}

.btn.btn-collapse i.fa.fa-sort-up,
.btn.btn-collapse i.fas.fa-sort-up,
.btn.btn-collapse i.far.fa-sort-up {
  padding-top: 7px;
}

.btn.btn-connect-moderator {
  border: 1px solid #f47a6e !important;
  background-color: #f47a6e;
  color: #fff;
  border-radius: 5px !important;
}

.btn.btn-connect-moderator:hover {
  opacity: 1;
  box-shadow: 0 0 8px !important;
}

.btn.btn-connect-participant {
  border: 1px solid #36c1c4;
  background-color: #36c1c4;
  color: #fff;
}

.btn.btn-connect-participant:hover {
  opacity: 1;
  box-shadow: 0 0 8px !important;
}

.btn.btn-connect-moderator,
.btn.btn-connect-participant {
  box-shadow: none !important;
  font-weight: 500;
  border-radius: 15px !important;
  height: 105px !important;
}

.btn.btn-submit-paticipant {
  height: 37px;
  padding: 6px 0;
  width: 128px;
  border-radius: 24px !important;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: .8px;
  text-align: center;
  text-transform: uppercase;
}

.btn.btn-submit-paticipant:disabled {
  opacity: 0.4;
}

.btn.btn-small {
  padding: 7px 15px 5px;
  font-size: 14px !important;
}

.btn.btn-small i.fas,
.btn.btn-small i.fa,
.btn.btn-small i.far {
  margin-left: 8px;
  font-size: 16px;
  vertical-align: -1px;
}

.btn.btn-small i.fas.fa-list,
.btn.btn-small i.fa.fa-list,
.btn.btn-small i.far.fa-list {
  margin-left: 10px;
}

.btn.btn-small i.fas.fa-angle-double-left,
.btn.btn-small i.fa.fa-angle-double-left,
.btn.btn-small i.far.fa-angle-double-left {
  margin-left: 0;
  margin-right: 8px;
}

.btn.btn-small img {
  width: 20px;
  margin-left: 5px;
  transform: translateY(-2px);
}

.btn.btn-small img path {
  fill: #fff;
}

.btn .fa-on-btn {
  margin-left: 5px;
}

.btn .fa-on-btn.fa-sort-desc {
  position: relative;
}

.btn .fa-on-btn.fa-sort-desc:before {
  position: relative;
  top: -2px;
}

.btn.btn-icon-only {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.btn-choice-mode {
  border-color: #36c1c4;
  background-color: #fff;
  color: #36c1c4;
  -webkit-text-stroke-color: #36c1c4;
  font-size: 15px;
}

.btn-choice-mode:hover,
.btn-choice-mode:active,
.btn-choice-mode:focus,
.btn-choice-mode:visited {
  border-color: #36c1c4;
  background-color: #fff;
  color: #36c1c4;
  -webkit-text-stroke-color: #36c1c4;
}

.btn-choice-mode:hover {
  background-color: #36c1c4;
  color: #fff;
  -webkit-text-stroke-color: #fff;
}

.row-panel-multi-select {
  min-height: 45px !important;
}

.panel-multi-select {
  float: right;
  text-align: right;
}

.panel-multi-select .fa,
.panel-multi-select .fas,
.panel-multi-select .far {
  position: relative;
  font-size: 30px;
  height: 100% !important;
  width: 100% !important;
  margin: 0px !important;
  bottom: 0px;
}

.panel-multi-select .fa.fa-times,
.panel-multi-select .fas.fa-times,
.panel-multi-select .far.fa-times,
.panel-multi-select .fa.fa-envelope,
.panel-multi-select .fas.fa-envelope,
.panel-multi-select .far.fa-envelope {
  transform: translateY(1px);
}

.page-content {
  padding-left: 40px !important;
}

body.custom-bg {
  background-color: #22373F;
}

.menu-toggler {
  background-image: none !important;
}

.menu-toggler.fa,
.menu-toggler .fas,
.menu-toggler .far {
  margin-top: 26px !important;
  font-size: 30px;
  color: #fff;
  opacity: 1 !important;
}

.menu-toggler.fa:focus,
.menu-toggler .fas:focus,
.menu-toggler .far:focus {
  text-decoration: none !important;
}

.menu-toggler.fa:hover,
.menu-toggler .fas:hover,
.menu-toggler .far:hover {
  text-decoration: underline;
}

.portlet.light {
  border-radius: 0 10px 10px 10px !important;
  -moz-border-radius: 0 10px 10px 10px !important;
  -webkit-border-radius: 0 10px 10px 10px !important;
  padding-left: 40px;
  padding-right: 40px;
}

.alignCenter {
  text-align: center;
}

.border-transparent {
  border: 1px transparent solid;
}

.hideAppearance {
  /* Firefox */
}

.hideAppearance input::-webkit-outer-spin-button,
.hideAppearance input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.hideAppearance input[type=number] {
  -moz-appearance: textfield;
}

#tags-input .host .tags {
  border-top-left-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}

tags-input .tags .tag-item {
  border-radius: 4px !important;
  background: none;
}

tags-input .tags {
  border: 1px solid #B8C1BF;
  box-shadow: none;
  min-height: 38px;
  padding: 4px 6px 6px 6px;
}

input.form-control {
  border-color: #B8C1BF;
}

input[type='text'],
input[type='search'],
input[type='number'],
.form-control,
textarea,
input[type='text']:hover,
input[type='search']:hover,
input[type='number']:hover,
.form-control:hover,
textarea:hover,
input[type='text']:focus,
input[type='search']:focus,
input[type='number']:focus,
.form-control:focus,
textarea:focus {
  border: 1px solid #B8C1BF;
}

tags-input .tags.focused {
  box-shadow: none;
}

.has-error,
.has-error > input {
  border-color: #EF5E7D !important;
}

.position-relative {
  position: relative;
}

.position-right {
  float: right !important;
  margin-right: 0 !important;
}

.color-red {
  color: #EF5E7D;
}

.color-green {
  color: #9BC94A;
}

.color-lightGreen {
  color: #A5DD43;
}

.user-moderator .room-name {
  font-size: 26px;
  line-height: 68px;
}

.user-moderator .room-name a {
  width: 20px;
  margin-left: 10px;
}

.user-moderator .room-name a i {
  font-size: 18px;
  color: #36c1c4;
}

.user-participant .room-name {
  font-size: 18px;
  line-height: 30px;
}

.user-participant .page-header.navbar .menu-toggler {
  display: none;
}

.room-name {
  list-style: none;
  position: absolute;
  width: 80%;
  text-align: center;
  color: #7F7F7F;
  margin: 0;
  display: inline-block;
}

.room-name .room-label {
  margin-top: 6px;
  font-size: 22px;
}

.room-name .moderator-label {
  font-size: 16px;
  color: #aaa;
}

.room-name > span {
  font-weight: 400;
}

ul.dropdown-menu .username {
  text-align: center;
  margin: 10px auto 2px;
  color: #777;
}

.page-sidebar .page-sidebar-menu > li > a > .title .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .title {
  margin-top: 17px;
  font-weight: 400;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a .page-sidebar .page-sidebar-menu > li > a {
  border-top: 1px solid #3c5378;
}

.min100 {
  min-height: 120px;
  color: #767171;
}

.server-info h3 {
  font-weight: 400;
  margin: 0 0 15px;
}

.server-info h4 {
  margin: 0 0 10px;
}

.server-info button {
  float: right;
}

.mt35 {
  margin-top: 35px;
}

.has-error .form-control {
  border-color: #ed6b75;
}

.has-error .form-control:focus {
  border-color: #a94442;
}

.has-error .form-control-feedback {
  display: inline-block !important;
}

.form-horizontal .has-feedback .form-control-feedback {
  top: 10px;
  color: #ed6b75;
  display: none;
}

.usagebox {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 220px;
  z-index: 10000;
  height: 126px;
  background-color: #222;
  color: greenyellow;
  overflow-y: auto;
}

.usagebox ul {
  font-family: "Courier New", Courier, monospace;
  font-size: 12px;
  list-style: none;
  padding: 10px;
  margin: 0;
}

.usagebox ul li {
  padding-bottom: 4px;
}

.usagebox ul li .title {
  display: inline-block;
  width: 60%;
}

.usagebox ul li .value {
  display: inline-block;
  width: 35%;
}

.fullScreenHeight {
  height: calc(100vh - 200px) !important;
}

@keyframes shake {
  10%,
  90% {
    transform: translateX(-1px);
  }

  20%,
  80% {
    transform: translateX(2px);
  }

  30%,
  50%,
  70% {
    transform: translateX(-4px);
  }

  40%,
  60% {
    transform: translate3d(4px, 0, 0);
  }
}

input,
textarea,
.submit {
  outline: none !important;
}

.slimScrollBarX {
  cursor: e-resize;
}

.min-with100 {
  min-width: 100px;
}

.user-moderator .page-header.navbar .top-menu .navbar-nav > li.dropdown {
  height: 68px;
}

.user-moderator .page-header.navbar .top-menu .navbar-nav > li .dropdown-toggle {
  padding: initial;
  height: 68px;
  width: 68px;
}

.user-moderator .page-header.navbar .top-menu .navbar-nav > li .dropdown-toggle > img {
  height: 40px;
  width: 40px;
  vertical-align: middle;
  float: none;
  margin: 14px 0 0 14px;
}

.jstree-anchor .jstree-themeicon {
  display: none;
}

.jstree-container-ul {
  max-height: 500px;
  overflow: auto;
  /* Handle */
}

.jstree-container-ul::-webkit-scrollbar {
  width: 10px;
}

.jstree-container-ul::-webkit-scrollbar-track {
  background: #d9e1df;
  border-radius: 10px !important;
}

.jstree-container-ul::-webkit-scrollbar-thumb {
  background: #36c1c4;
  border-radius: 10px !important;
}

.jauge .participant-jauge.jauge-quiz {
  display: flex;
}

.jauge .participant-jauge.jauge-quiz .space-jauge {
  width: calc(100% - 150px);
}

.collapse-icon:hover {
  text-decoration: none;
}

.collapse-icon .fas {
  transform: translateY(2px);
}

.collapse-icon[aria-expanded="true"] .fas {
  transform: rotate(180deg);
}

.no-selectable {
  user-select: none;
  pointer-events: none;
}

.overflow-auto {
  overflow: auto;
}

.btn-collapse-workshop {
  margin: 15px 0;
  width: 100%;
}

.top-tools-container {
  display: flex;
  border: 1px solid #d9e1df;
  border-radius: 50px !important;
  align-items: center;
  width: fit-content;
  float: right;
  padding: 6px 10px;
}

.top-tools-container a {
  padding: 0 8px;
  color: #6C7F85;
  font-size: 18px;
}

.top-tools-container a.active {
  color: #A5DD43;
}

.svg-20 {
  width: 20px;
  height: 20px;
}

.cell-breakword {
  word-wrap: break-word;
  max-width: 1px;
  width: 100%;
}

.form-horizontal .form-group {
  margin-left: initial;
  margin-right: initial;
}

.page-edit .page-breadcrumb span {
  font-size: 18px!important;
}

.user-participant:not(.login) {
  font-family: 'Roboto';
  font-style: normal;
  letter-spacing: .7px;
  font-weight: 300;
}
/* roboto-100 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/roboto/roboto-v20-latin-100.eot');
  /* IE9 Compat Modes */
  src: local('Roboto Thin'), local('Roboto-Thin'), url('../fonts/roboto/roboto-v20-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/roboto/roboto-v20-latin-100.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/roboto/roboto-v20-latin-100.woff') format('woff'), /* Modern Browsers */ url('../fonts/roboto/roboto-v20-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/roboto/roboto-v20-latin-100.svg#Roboto') format('svg');
  /* Legacy iOS */
}
/* roboto-100italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  src: url('../fonts/roboto/roboto-v20-latin-100italic.eot');
  /* IE9 Compat Modes */
  src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url('../fonts/roboto/roboto-v20-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/roboto/roboto-v20-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/roboto/roboto-v20-latin-100italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/roboto/roboto-v20-latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/roboto/roboto-v20-latin-100italic.svg#Roboto') format('svg');
  /* Legacy iOS */
}
/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto/roboto-v20-latin-300.eot');
  /* IE9 Compat Modes */
  src: local('Roboto Light'), local('Roboto-Light'), url('../fonts/roboto/roboto-v20-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/roboto/roboto-v20-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/roboto/roboto-v20-latin-300.woff') format('woff'), /* Modern Browsers */ url('../fonts/roboto/roboto-v20-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/roboto/roboto-v20-latin-300.svg#Roboto') format('svg');
  /* Legacy iOS */
}
/* roboto-300italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/roboto/roboto-v20-latin-300italic.eot');
  /* IE9 Compat Modes */
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url('../fonts/roboto/roboto-v20-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/roboto/roboto-v20-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/roboto/roboto-v20-latin-300italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/roboto/roboto-v20-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/roboto/roboto-v20-latin-300italic.svg#Roboto') format('svg');
  /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto/roboto-v20-latin-regular.eot');
  /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'), url('../fonts/roboto/roboto-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/roboto/roboto-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/roboto/roboto-v20-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/roboto/roboto-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/roboto/roboto-v20-latin-regular.svg#Roboto') format('svg');
  /* Legacy iOS */
}
/* roboto-italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/roboto/roboto-v20-latin-italic.eot');
  /* IE9 Compat Modes */
  src: local('Roboto Italic'), local('Roboto-Italic'), url('../fonts/roboto/roboto-v20-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/roboto/roboto-v20-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/roboto/roboto-v20-latin-italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/roboto/roboto-v20-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/roboto/roboto-v20-latin-italic.svg#Roboto') format('svg');
  /* Legacy iOS */
}
/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/roboto/roboto-v20-latin-500.eot');
  /* IE9 Compat Modes */
  src: local('Roboto Medium'), local('Roboto-Medium'), url('../fonts/roboto/roboto-v20-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/roboto/roboto-v20-latin-500.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/roboto/roboto-v20-latin-500.woff') format('woff'), /* Modern Browsers */ url('../fonts/roboto/roboto-v20-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/roboto/roboto-v20-latin-500.svg#Roboto') format('svg');
  /* Legacy iOS */
}
/* roboto-500italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/roboto/roboto-v20-latin-500italic.eot');
  /* IE9 Compat Modes */
  src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url('../fonts/roboto/roboto-v20-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/roboto/roboto-v20-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/roboto/roboto-v20-latin-500italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/roboto/roboto-v20-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/roboto/roboto-v20-latin-500italic.svg#Roboto') format('svg');
  /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto/roboto-v20-latin-700.eot');
  /* IE9 Compat Modes */
  src: local('Roboto Bold'), local('Roboto-Bold'), url('../fonts/roboto/roboto-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/roboto/roboto-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/roboto/roboto-v20-latin-700.woff') format('woff'), /* Modern Browsers */ url('../fonts/roboto/roboto-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/roboto/roboto-v20-latin-700.svg#Roboto') format('svg');
  /* Legacy iOS */
}
/* roboto-700italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/roboto/roboto-v20-latin-700italic.eot');
  /* IE9 Compat Modes */
  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url('../fonts/roboto/roboto-v20-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/roboto/roboto-v20-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/roboto/roboto-v20-latin-700italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/roboto/roboto-v20-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/roboto/roboto-v20-latin-700italic.svg#Roboto') format('svg');
  /* Legacy iOS */
}
/* roboto-900 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/roboto/roboto-v20-latin-900.eot');
  /* IE9 Compat Modes */
  src: local('Roboto Black'), local('Roboto-Black'), url('../fonts/roboto/roboto-v20-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/roboto/roboto-v20-latin-900.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/roboto/roboto-v20-latin-900.woff') format('woff'), /* Modern Browsers */ url('../fonts/roboto/roboto-v20-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/roboto/roboto-v20-latin-900.svg#Roboto') format('svg');
  /* Legacy iOS */
}
/* roboto-900italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  src: url('../fonts/roboto/roboto-v20-latin-900italic.eot');
  /* IE9 Compat Modes */
  src: local('Roboto Black Italic'), local('Roboto-BlackItalic'), url('../fonts/roboto/roboto-v20-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/roboto/roboto-v20-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/roboto/roboto-v20-latin-900italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/roboto/roboto-v20-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/roboto/roboto-v20-latin-900italic.svg#Roboto') format('svg');
  /* Legacy iOS */
}
/* Ubuntu - Regular */
@font-face {
  font-family: 'Ubuntu';
  src: url('../fonts/Ubuntu/Ubuntu-Regular.ttf');
}
/* Ubuntu - Medium */
@font-face {
  font-family: 'Ubuntu-Medium';
  src: url('../fonts/Ubuntu/Ubuntu-Medium.ttf');
}
/* Ubuntu - Light */
@font-face {
  font-family: 'Ubuntu-Light';
  src: url('../fonts/Ubuntu/Ubuntu-Light.ttf');
}
/* Ubuntu - Bold */
@font-face {
  font-family: 'Ubuntu-Bold';
  src: url('../fonts/Ubuntu/Ubuntu-Bold.ttf');
}
/* Ubuntu - Italic */
@font-face {
  font-family: 'Ubuntu-Italic';
  src: url('../fonts/Ubuntu/Ubuntu-Italic.ttf');
}

.postit-live .prepare-download.postit-arrival.prepare-download-without-image {
  aspect-ratio: 1.77 !important;
  width: 100%;
}

.postit-live .prepare-download.postit-arrival.has-scrollbar-height {
  aspect-ratio: auto !important;
}

.postit-live .prepare-download.postit-arrival.prepare-download-wall {
  flex-wrap: wrap;
}

.postit-live .prepare-download.postit-arrival.wall-column {
  flex-wrap: wrap;
}

.postit-live .prepare-download.postit-arrival .actions {
  display: none;
}

.postit-live .prepare-download.postit-arrival .text {
  margin-top: 5px !important;
}

.postit-live .prepare-download.postit-arrival .postit-content {
  height: calc(100% - 15px);
}

.postit-live .prepare-download.postit-arrival .postit-content .info,
.postit-live .prepare-download.postit-arrival .postit-content .nbLike,
.postit-live .prepare-download.postit-arrival .postit-content .by {
  position: relative !important;
  display: inline-block !important;
  bottom: auto !important;
  left: auto !important;
}

.postit-live .prepare-download.postit-arrival .postit-content .info .far,
.postit-live .prepare-download.postit-arrival .postit-content .nbLike .far,
.postit-live .prepare-download.postit-arrival .postit-content .by .far {
  position: relative !important;
  bottom: auto !important;
  left: auto !important;
  height: 18px;
}

.postit-live .prepare-download.postit-arrival .postit-content .nbLike {
  margin-left: -6px;
  top: -10px;
}

.postit-live .prepare-download.postit-arrival .postit-content .by {
  margin-left: 10px;
}

.postit-live h1 {
  margin-bottom: 20px;
  white-space: pre-wrap;
  text-align: justify;
  font-family: Ubuntu;
  text-align: center;
  font-size: 22px;
  color: #6C7F85;
}

.postit-live .dropdown-filter {
  color: black;
  padding: 10px;
  width: 280px;
}

.postit-live .dropdown-filter .title1 {
  margin-bottom: 6px;
}

.postit-live .dropdown-filter .title2 {
  margin-bottom: 12px;
}

.postit-live .dropdown-filter .title1,
.postit-live .dropdown-filter .title2 {
  margin-left: 4px;
  color: #B8C1BF;
  font: 12px/18px Ubuntu;
}

.postit-live .dropdown-filter .color-choices {
  height: 30px;
  width: 100%;
  display: flex;
  margin: 15px 0 0 0;
}

.postit-live .dropdown-filter .color-choices a.color-choice {
  margin: 0 8px;
  height: 20px;
  width: 20px;
  border-width: 3px;
  border-style: solid;
  border-radius: 20px !important;
  bottom: 0;
  transition: border-width ease-in-out 0.1s, bottom ease-in-out 0.2s;
}

.postit-live .dropdown-filter .color-choices a.color-choice.selected {
  position: relative;
  border-width: 10px;
  transition: border-width ease-in-out 0.1s, bottom ease-in-out 0.2s;
}

.postit-live .dropdown-filter .color-choices a.color-choice.selected::before {
  content: '\2713';
  display: inline-block;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  font-weight: 700;
}

.postit-live .dropdown-filter .color-choices a.color-choice.neutralite {
  color: #37C1C4;
}

.postit-live .dropdown-filter .color-choices a.color-choice.emotion {
  color: #F4365A;
}

.postit-live .dropdown-filter .color-choices a.color-choice.positivite {
  color: #FBBF2D;
}

.postit-live .dropdown-filter .color-choices a.color-choice.creativite {
  color: #9BC94A;
}

.postit-live .dropdown-filter .color-choices a.color-choice.organisation {
  color: #338DB5;
}

.postit-live .dropdown-filter .color-choices a.color-choice.negativite {
  color: #D36250;
}

.postit-live .dropdown-filter .flex-container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}

.postit-live .dropdown-filter .flex-container .tags {
  margin: 0 0 0 10px;
  flex: 45%;
}

.postit-live .dropdown-filter .flex-container .tags .title {
  position: absolute;
  top: 2px;
  left: 28px;
  font-size: 12px;
  color: #6C7F85;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 90px;
  overflow: hidden;
}

.postit-live .dropdown-filter .flex-container .order {
  flex: auto;
  font-size: 12px;
  color: #6C7F85;
  height: 20px;
  line-height: 20px;
  margin-bottom: 5px;
}

.postit-live .dropdown-filter .mt-checkbox {
  margin-bottom: 10px;
}

.postit-live .dropdown-filter .display-switch {
  margin-bottom: 10px;
}

.postit-live .dropdown-filter .display-switch a {
  font-size: 12px;
  color: #37C1C4;
  padding: 0 10px;
}

.postit-live .list-postit {
  border: 1px solid #B8C1BF;
  background-color: #EFF4F4;
  padding: 25px;
}

.postit-live .table-postit {
  margin-bottom: 0;
}

.postit-live .table-postit tbody tr:nth-child(odd) {
  background-color: #d9e1df !important;
}

.postit-live .table-postit > thead > tr > th {
  text-align: center;
  vertical-align: middle;
}

.postit-live .table-postit > thead > tr > th:first-child {
  border-left-color: transparent !important;
}

.postit-live .table-postit > thead > tr > th:not(:first-child) {
  border-top-style: solid !important;
  border-top-color: #dddddd !important;
}

.postit-live .table-postit > tbody > tr > td {
  vertical-align: middle;
  color: #6C7F85;
}

.postit-live .table-postit .actions > div > i {
  margin-left: 5px;
}

.postit-live .table-postit .actions > div > i:last-child {
  margin-left: 0px;
}

.postit-live .table-postit .actions .fa-pencil-square-o,
.postit-live .table-postit .actions .fa-trash,
.postit-live .table-postit .actions .fa-user,
.postit-live .table-postit .actions .fa-thumbs-o-up,
.postit-live .table-postit .actions .fa-thumbs-up {
  cursor: pointer;
}

.postit-live .table-postit .color > span {
  display: inline-block;
  border: none !important;
  height: 30px;
  width: 30px;
  border-width: 10px;
  border-color: #fff;
  border-style: solid;
  border-radius: 30px !important;
}

.postit-live .table-postit .color > span.positivite {
  background-color: #FBBF2D;
}

.postit-live .table-postit .color > span.emotion {
  background-color: #F4365A;
}

.postit-live .table-postit .color > span.neutralite {
  background-color: #37C1C4;
}

.postit-live .table-postit .color > span.creativite {
  background-color: #9BC94A;
}

.postit-live .table-postit .color > span.organisation {
  background-color: #338DB5;
}

.postit-live .table-postit .color > span.negativite {
  background-color: #D36250;
}

.postit-live .postit-sizing {
  overflow: auto;
}

.postit-live .postit-arrival {
  position: relative;
  width: 100%;
  aspect-ratio: 1.77777778;
  overflow: auto;
  border: 1px solid #ddd;
  background-color: #fff;
  margin: 12px auto 5px auto;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
}

.postit-live .postit-arrival.wall-column {
  display: flex;
  justify-content: space-around;
  flex-direction: row;
}

.postit-live .postit-arrival.wall-order {
  overflow-y: auto;
}

.postit-live .postit-arrival .wall-postit {
  margin-bottom: 15px;
  height: min-content;
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  position: relative;
}

.postit-live .postit-arrival .wall-postit.column {
  width: auto;
  flex-direction: column;
}

.postit-live .postit-arrival .wall-postit.column .postit {
  border-top: 2px solid #ddd;
}

.postit-live .postit-arrival .wall-postit .postit {
  position: relative;
  margin: 15px;
}

.postit-live .postit-arrival .wall-postit .title-column {
  font-size: 18px;
  color: #6C7F85;
  margin: 20px auto 0;
  font-weight: 700;
  text-align: center;
  width: fit-content;
  padding: 5px 8px;
  background-color: #d9e1df;
  opacity: 0.8;
  border-radius: 8px;
}

.postit-live .postit-arrival.no-scrollbar {
  overflow: hidden;
}

.postit-live .postit {
  position: absolute;
  min-height: 160px;
  width: 240px;
  box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.4);
  transition: box-shadow 0.1s ease-in-out;
  color: #fff;
  border-radius: 4px !important;
  overflow: hidden;
}

.postit-live .postit.postit-no-move {
  position: relative;
}

.postit-live .postit:hover {
  box-shadow: 15px 15px 16px 0 rgba(0, 0, 0, 0.2);
  transition: box-shadow 0.05s ease-in-out;
}

.postit-live .postit.neutralite {
  background-color: #37C1C4;
}

.postit-live .postit.emotion {
  background-color: #F4365A;
}

.postit-live .postit.positivite {
  background-color: #FBBF2D;
}

.postit-live .postit.creativite {
  background-color: #9BC94A;
}

.postit-live .postit.organisation {
  background-color: #338DB5;
}

.postit-live .postit.negativite {
  background-color: #D36250;
}

.postit-live .postit .ui-icon-gripsmall-diagonal-se {
  background-color: #fff9;
  transform: rotate(45deg);
  transform-origin: bottom right;
  width: 26px;
  bottom: -18px;
  height: 26px;
  background-image: none;
}

.postit-live .postit > .postit-content {
  margin: 10px;
  overflow: hidden;
  height: calc(100% - 50px);
}

.postit-live .postit > .postit-content a {
  color: white;
  text-decoration: underline;
}

.postit-live .postit > .postit-content p {
  margin: 0 0 4px;
  font-size: 14px;
}

.postit-live .postit > .postit-content .text {
  margin-top: 36px;
  margin-bottom: 15px;
  overflow: auto;
  height: calc(100% - 45px);
  /* Handle */
}

.postit-live .postit > .postit-content .text::-webkit-scrollbar {
  width: 5px;
  height: 10px;
}

.postit-live .postit > .postit-content .text::-webkit-scrollbar-track {
  background: #d9e1df;
  border-radius: 10px !important;
}

.postit-live .postit > .postit-content .text::-webkit-scrollbar-thumb {
  background: #6C7F85;
  border-radius: 10px !important;
}

.postit-live .postit > .postit-content .text img {
  border-radius: 5px !important;
  margin: 5px 0;
  max-width: 100%;
}

.postit-live .postit > .postit-content .info {
  position: absolute;
  bottom: 0;
  font-weight: 700;
  font-size: 13px;
  width: 100%;
  left: 0;
  line-height: 24px;
}

.postit-live .postit > .postit-content .info .fa-thumbs-up {
  position: absolute;
  font-size: 20px;
  left: 12px;
  bottom: 12px;
  cursor: pointer;
}

.postit-live .postit > .postit-content .info .by {
  position: absolute;
  bottom: 5px;
  left: 55px;
  font-size: 13px;
}

.postit-live .postit > .postit-content .info .nbLike {
  position: absolute;
  bottom: 16px;
  left: 30px;
  background-color: #F47A6E;
  border-radius: 100% !important;
  padding: 4px;
  font-size: 10px;
  height: 17px;
  width: 18px;
  text-align: center;
  line-height: 10px;
}

.postit-live .postit > .postit-content .info.neutralite {
  background-color: #37C1C4;
}

.postit-live .postit > .postit-content .info.emotion {
  background-color: #F4365A;
}

.postit-live .postit > .postit-content .info.positivite {
  background-color: #FBBF2D;
}

.postit-live .postit > .postit-content .info.creativite {
  background-color: #9BC94A;
}

.postit-live .postit > .postit-content .info.organisation {
  background-color: #338DB5;
}

.postit-live .postit > .postit-content .info.negativite {
  background-color: #D36250;
}

.postit-live .postit > .postit-content .actions {
  position: absolute;
  top: 10px;
  left: 10px;
  width: calc(100% - 20px);
}

.postit-live .postit > .postit-content .actions .fa-pull-right {
  margin-left: 10px;
}

.postit-live .postit > .postit-content .actions .fa-ellipsis-v {
  cursor: move;
  padding: 0 10px 0 0;
}

.postit-live .postit > .postit-content .actions .fa-pencil-square-o,
.postit-live .postit > .postit-content .actions .fa-trash-alt,
.postit-live .postit > .postit-content .actions .fa-edit,
.postit-live .postit > .postit-content .actions .fa-user,
.postit-live .postit > .postit-content .actions .fa-thumbs-o-up,
.postit-live .postit > .postit-content .actions .fa-thumbs-up,
.postit-live .postit > .postit-content .actions .fa-tag {
  cursor: pointer;
}

.postit-live .postit > .postit-content .actions .fa-arrows {
  cursor: move;
}

.postit-live .postit.readOnly {
  user-select: none;
  pointer-events: none;
}

.postit-live .postit.readOnly .postit-content .text {
  margin-top: 0;
}

.postit-live .postit.readOnly > .ui-resizable-handle {
  display: none;
  pointer-events: none;
}

.postit-live .postit-list {
  color: #6C7F85;
}

.postit-live .postit-list i {
  cursor: pointer;
}

.postit-live #postit_display_share_animator .postit > .postit-content .text {
  margin-top: 10px;
}

.categories-info {
  margin: 0 20px 0 20px;
  font-size: 14px;
  color: #6C7F85;
}

.user-participant:not(.login) .page-postit-participant .workshop {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  display: flex;
  align-items: center;
  margin-bottom: 0.5em;
}

.user-participant:not(.login) .page-postit-participant .postit-arrival {
  width: auto;
  margin: 0.5em auto 5px auto;
  max-height: calc(100vh - 120px - 1em);
}

.user-participant:not(.login) .page-postit-participant .postit-arrival .leader-view {
  max-height: calc(100vh - 80px - 1em);
}

.user-participant:not(.login) .page-postit-participant .categories-info {
  color: #6C7F85;
  font-weight: 500;
  margin-top: 15px;
  margin-left: 5px;
  height: 34px;
  display: flex;
  align-items: center;
}

.user-participant:not(.login) .page-postit-participant .categories-info span {
  font-size: 15px;
  background-color: #d9e1df;
  margin-left: 6px;
  border-radius: 8px !important;
  padding: 5px 10px;
}

.user-participant:not(.login) .page-postit-participant .result-postit {
  padding-bottom: 15px;
}

.user-participant:not(.login) .page-postit-participant .result-postit .table-result-postit {
  margin: auto;
  width: 100%;
}

.user-participant:not(.login) .page-postit-participant .result-postit .table-result-postit .cell-number-like {
  text-align: center;
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.user-participant:not(.login) .page-postit-participant .result-postit .table-result-postit > thead > tr {
  border-bottom: 1pt solid black;
}

.user-participant:not(.login) .page-postit-participant .result-postit .table-result-postit > thead > tr > th {
  padding: 0 0 10px 10px;
  color: #22373F !important;
}

.user-participant:not(.login) .page-postit-participant .result-postit .table-result-postit > tbody > tr:not(:last-child) {
  border-bottom: 1pt solid black;
}

.user-participant:not(.login) .page-postit-participant .result-postit .table-result-postit > tbody > tr > td {
  color: #22373F !important;
  padding: 0 0 0 10px;
}

.user-participant:not(.login) .page-postit-participant .result-postit .table-result-postit > tbody > tr > td:nth-child(2) {
  display: block;
  width: 100%;
  margin: auto !important;
}

.user-participant:not(.login) .page-postit-participant .result-postit .table-result-postit > tbody > tr > td > span {
  display: inline-block;
  margin-left: 20px;
  margin-right: 20px;
}

@media screen and (max-width: 600px) {
  .user-participant:not(.login) .page-postit-participant .result-postit .table-result-postit > tbody > tr > td > span {
    margin: 0 auto !important;
  }
}

.user-participant:not(.login) .page-postit-participant .result-postit .table-result-postit > tbody > tr > td.color > span {
  display: inline-block;
  height: 40px;
  width: 40px;
  border-width: 10px;
  border-color: #fff;
  border-style: solid;
  border-radius: 30px !important;
}

.user-participant:not(.login) .page-postit-participant .result-postit .table-result-postit > tbody > tr > td.color > span.positivite {
  background-color: #FBBF2D;
}

.user-participant:not(.login) .page-postit-participant .result-postit .table-result-postit > tbody > tr > td.color > span.emotion {
  background-color: #F4365A;
}

.user-participant:not(.login) .page-postit-participant .result-postit .table-result-postit > tbody > tr > td.color > span.neutralite {
  background-color: #37C1C4;
}

.user-participant:not(.login) .page-postit-participant .result-postit .table-result-postit > tbody > tr > td.color > span.creativite {
  background-color: #9BC94A;
}

.user-participant:not(.login) .page-postit-participant .result-postit .table-result-postit > tbody > tr > td.color > span.organisation {
  background-color: #338DB5;
}

.user-participant:not(.login) .page-postit-participant .result-postit .table-result-postit > tbody > tr > td.color > span.negativite {
  background-color: #D36250;
}

.user-participant:not(.login) .page-postit-participant .result-postit .table-result-postit > tbody > tr > td.like-icon > span {
  font-size: 20px;
  cursor: pointer;
}

.user-participant:not(.login) .page-postit-participant .result-postit .table-result-postit > tbody > tr > td.like-icon > span.like {
  color: grey;
}

.user-participant:not(.login) .page-postit-participant .result-postit .table-result-postit > tbody > tr > td.like-icon > span.unlike {
  color: green;
}

.user-participant:not(.login) .page-postit-participant .subject {
  padding: 20px 0 20px 25px;
  font-weight: 500;
  font-size: 23px;
  text-align: justify;
  color: #22373F;
  white-space: pre-wrap;
}

.user-participant:not(.login) .page-postit-participant form {
  margin: 0 18px;
}

.user-participant:not(.login) .page-postit-participant form .textfield {
  position: relative;
}

.user-participant:not(.login) .page-postit-participant form .textfield .actions {
  position: absolute;
  bottom: 10px;
  right: 30px;
  display: flex;
  align-items: center;
  justify-items: center;
}

.user-participant:not(.login) .page-postit-participant form .textfield .actions a {
  text-decoration: none;
  flex: 0;
}

.user-participant:not(.login) .page-postit-participant form .textfield .actions i {
  color: #fff;
  margin: 0 8px;
}

.user-participant:not(.login) .page-postit-participant form .textfield .actions i.fa-image {
  font-size: 36px;
}

.user-participant:not(.login) .page-postit-participant form .textfield .actions i.fa-link {
  font-size: 28px;
  vertical-align: 2px;
}

.user-participant:not(.login) .page-postit-participant form .textfield .actions i.fa-tag {
  font-size: 28px;
  vertical-align: 2px;
}

.user-participant:not(.login) .page-postit-participant form .over {
  margin: 15px 0 10px 0;
  color: #EF5E7D;
}

.user-participant:not(.login) .page-postit-participant form .limit {
  color: black;
  margin-top: 10px;
  padding: 0 5px;
}

.user-participant:not(.login) .page-postit-participant form .limit.overtext {
  color: #EF5E7D;
  font-weight: 700;
}

.user-participant:not(.login) .page-postit-participant form .color-choices {
  height: 50px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 10px auto 0px auto;
}

.user-participant:not(.login) .page-postit-participant form .color-choices .color {
  height: 50px;
  width: 70px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.user-participant:not(.login) .page-postit-participant form .color-choices a.color-choice {
  height: 30px;
  width: 30px;
  border-style: solid;
  border-radius: 30px !important;
  border: 0 !important;
  transition: width ease-in-out 0.1s, bottom ease-in-out 0.2s, height ease-in-out 0.1s, bottom ease-in-out 0.2s;
  box-shadow: 0 2px 13px 0 rgba(45, 94, 135, 0.2);
}

.user-participant:not(.login) .page-postit-participant form .color-choices a.color-choice.selected {
  height: 50px;
  width: 50px;
  transition: width ease-in-out 0.1s, bottom ease-in-out 0.2s, height ease-in-out 0.1s, bottom ease-in-out 0.2s;
}

.user-participant:not(.login) .page-postit-participant form .color-choices .neutralite {
  background-color: #37C1C4;
}

.user-participant:not(.login) .page-postit-participant form .color-choices .emotion {
  background-color: #F4365A;
}

.user-participant:not(.login) .page-postit-participant form .color-choices .emotion .fa-check {
  color: #fff !important;
}

.user-participant:not(.login) .page-postit-participant form .color-choices .positivite {
  background-color: #FBBF2D;
}

.user-participant:not(.login) .page-postit-participant form .color-choices .creativite {
  background-color: #9BC94A;
}

.user-participant:not(.login) .page-postit-participant form .color-choices .creativite .fa-check {
  color: #fff !important;
}

.user-participant:not(.login) .page-postit-participant form .color-choices .organisation {
  background-color: #338DB5;
}

.user-participant:not(.login) .page-postit-participant form .color-choices .organisation .fa-check {
  color: #fff !important;
}

.user-participant:not(.login) .page-postit-participant form .color-choices .negativite {
  background-color: #D36250;
}

.user-participant:not(.login) .page-postit-participant form .color-choices .negativite .fa-check {
  color: #fff !important;
}

.user-participant:not(.login) .page-postit-participant form a.color-choice {
  margin: 0 20px;
}

@media screen and (max-width: 600px) {
  .user-participant:not(.login) .page-postit-participant form a.color-choice {
    margin: 0 auto !important;
  }
}

.user-participant:not(.login) .page-postit-participant form text-angular::-webkit-input-placeholder,
.user-participant:not(.login) .page-postit-participant form text-angular::-ms-input-placeholder {
  color: #fff;
}

.user-participant:not(.login) .page-postit-participant form text-angular::placeholder {
  color: #fff;
}

.user-participant:not(.login) .page-postit-participant form .ta-editor {
  outline: 0;
  min-height: 310px;
  width: 100%;
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.15);
  border-radius: 10px !important;
  border: 0;
  color: #fff;
  padding: 20px 20px 30px 20px;
  font-size: 15px;
  font-weight: 500;
  transition: background-color ease-in-out 0.2s;
}

.user-participant:not(.login) .page-postit-participant form .ta-editor .ta-scroll-window > .ta-bind {
  padding: 0;
}

.user-participant:not(.login) .page-postit-participant form .ta-editor a {
  color: white;
  text-decoration: underline;
}

.user-participant:not(.login) .page-postit-participant form .ta-editor p {
  margin: 0 0 4px;
}

.user-participant:not(.login) .page-postit-participant form .ta-editor img {
  border-radius: 5px !important;
  margin: 5px 0;
  max-width: 100%;
}

.user-participant:not(.login) .page-postit-participant form .ta-editor .text {
  margin-top: 36px;
  margin-bottom: 10px;
  overflow: hidden;
}

.user-participant:not(.login) .page-postit-participant form text-angular.positivite .ta-editor {
  background-color: #FBBF2D;
}

.user-participant:not(.login) .page-postit-participant form text-angular.emotion .ta-editor {
  background-color: #F4365A;
}

.user-participant:not(.login) .page-postit-participant form text-angular.neutralite .ta-editor {
  background-color: #37C1C4;
}

.user-participant:not(.login) .page-postit-participant form text-angular.creativite .ta-editor {
  background-color: #9BC94A;
}

.user-participant:not(.login) .page-postit-participant form text-angular.organisation .ta-editor {
  background-color: #338DB5;
}

.user-participant:not(.login) .page-postit-participant form text-angular.negativite .ta-editor {
  background-color: #D36250;
}

@media (min-width: 992px) {
  .user-participant:not(.login) .page-postit-participant form .ta-text {
    min-height: 300px;
  }
}

@media (min-width: 768px) {
  .user-participant:not(.login) .page-postit-participant form .ta-text {
    font-size: 20px;
    min-height: 350px;
  }
}

.user-participant:not(.login) .page-postit-participant form .submit {
  margin-bottom: 30px;
  opacity: 0;
  transition: all ease-in-out 0.2s;
}

.user-participant:not(.login) .page-postit-participant form .submit.view {
  margin-top: 0;
  opacity: 1;
  transition: all ease-in-out 0.2s;
}

.user-participant:not(.login) .page-postit-participant form .submit.noview {
  opacity: 0;
  transition: all ease-in-out 0.2s;
}

.user-participant:not(.login) .page-postit-participant .workshop {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  display: flex;
  align-items: center;
  margin-bottom: 0.5em;
}

.user-participant:not(.login) .page-postit-participant .dropdown-filter {
  color: black;
  font-weight: 500;
}

.user-participant:not(.login) .page-postit-participant .workshop-label a {
  color: white;
  font-size: 18px;
  text-decoration: none;
}

.user-participant:not(.login) .postit-live .bg-white .workshop {
  background-color: #befdff;
  border-radius: 8px !important;
  padding: 8px 12px !important;
  width: fit-content !important;
  margin: 15px auto 0 15px !important;
}

.user-participant:not(.login) .postit-live .bg-white .workshop a {
  color: #36c1c4 !important;
}

.user-participant:not(.login) .postit-live .workshop {
  color: #3a3a3a;
  padding: 20px 0 0 25px;
  font-weight: 400;
  padding: 20px 0 10px 25px;
}

.user-participant:not(.login) .postit-live .workshop a {
  color: #3a3a3a;
  text-decoration: none;
}

.user-participant:not(.login) .postit-live .workshop i {
  font-size: 22px;
  vertical-align: -3px;
  margin-left: 6px;
}

.user-participant:not(.login) .postit-live .workshop a {
  color: white;
}

.user-participant .categories-info {
  margin: 8px 20px 0 20px;
}

.user-participant .leader-subject {
  color: #fff;
  font-size: 20px;
  margin-left: 1em;
}

.user-participant .postit-live {
  overflow: auto;
}

.idea {
  margin: 10px 0;
}

.idea p {
  margin: 0;
}

.idea * {
  background-color: inherit !important;
}

.idea img {
  max-width: 33%;
}

.ngdialog-workshop-member ul {
  list-style-type: none;
  padding: 0;
}

.ngdialog-workshop-member ul li {
  padding: 10px;
  position: relative;
  background-color: #f0f0f0;
  border-bottom: 1px solid #fff;
}

.ngdialog-workshop-member ul li .leader {
  position: absolute;
  right: 10px;
  top: 5px;
}

.ngdialog-workshop-member ul li .leader i.fas {
  position: absolute;
  right: 10px;
  font-size: 20px;
  top: 12px;
  color: #f4b609;
}

.ngdialog-workshop-member ul li:nth-child(even) {
  background-color: #f4f5f52c;
}

.postit-subcontainer {
  overflow: auto;
}

.d3-cloud text {
  cursor: pointer;
}

.page-content-wrapper.page-live-cloudtag .portlet.light {
  margin-bottom: 0;
}

.page-content-wrapper.page-live-cloudtag h1 {
  text-align: center;
  margin: 0 auto 15px 0;
  font-family: Ubuntu, Roboto, 'Open Sans', 'Helvetica Neue', sans-serif;
  color: #6C7F85;
  font-size: 22px;
}

.page-content-wrapper.page-live-cloudtag .validate {
  margin-bottom: 10px;
}

.page-live-cloudtag .input-cloudtag-moderator {
  position: relative;
  margin-bottom: 10px;
  text-align: right;
}

.page-live-cloudtag .input-cloudtag-moderator input {
  margin-bottom: 10px;
  height: 36px;
  line-height: 48px;
  border: 1px solid #0297e0;
  border-radius: 3px !important;
  color: #0297e0;
  width: 400px;
  min-width: 200px;
  padding: 0 60px 0 15px;
  background-color: transparent;
}

.page-live-cloudtag .input-cloudtag-moderator .counter {
  position: absolute;
  right: 25px;
  top: 9px;
  text-align: right;
  color: #6C7F85;
}

.page-live-cloudtag .portlet.light .portlet-body {
  padding-top: 0;
}

.table-cloudtag tbody tr:nth-child(odd) {
  background-color: #d9e1df !important;
}

.table-cloudtag tbody tr:nth-child(even) {
  background-color: white !important;
}

.table-cloudtag thead {
  background-color: white !important;
}

.table-cloudtag thead th {
  text-align: center;
}

.table-cloudtag tbody td {
  max-height: 40px;
  padding-top: 15px !important;
  text-align: center;
}

.table-cloudtag tbody td .fas,
.table-cloudtag tbody td .far {
  transform: translateY(-7px);
  font-size: 22px;
  cursor: pointer;
  color: #36c1c4;
}

@media (max-width: 992px) {
  .page-live-cloudtag .input-cloudtag-moderator input {
    width: 100%;
    margin-bottom: 0;
  }

  .page-live-cloudtag .cloudtag-leader-form {
    margin-top: 10px;
    text-align: center;
  }

  .page-live-cloudtag .validate {
    margin-bottom: 20px;
  }
}

.user-participant:not(.login) {
  background-color: #36c1c4;
  color: #fff;
}

.user-participant:not(.login).showLivechat:not(.showVirtualRoom) #briefcase.show {
  width: calc(100% - 360px) !important;
  left: 360px;
}

.user-participant:not(.login).showVirtualRoom:not(.showLivechat) #briefcase.show {
  width: calc(100% - 320px) !important;
  left: 320px;
}

.user-participant:not(.login).showVirtualRoom:not(.showLivechat) .col-md-offset-2 {
  margin-left: 30px!important;
}

.user-participant:not(.login).showVirtualRoom.showLivechat #briefcase.show {
  width: calc(100% - 680px) !important;
  left: 680px;
}

.user-participant:not(.login).showVirtualRoom.showLivechat .col-md-offset-2 {
  margin-left: 30px!important;
}

.user-participant:not(.login) .dropdown-user-participant li a {
  color: #6C7F85;
  font-weight: 500;
}

.user-participant:not(.login) .dropdown-user-participant li a img {
  width: 15px!important;
  height: 15px!important;
  transform: translateY(-1px);
  margin-left: 0;
}

.user-participant:not(.login) .dropdown-user-participant .dropdown-toggle {
  font-size: 20px;
}

.user-participant:not(.login) .dropdown-user-participant .dropdown-toggle:hover,
.user-participant:not(.login) .dropdown-user-participant .dropdown-toggle:focus {
  background-color: #36c1c4;
}

.user-participant:not(.login) .dropdown-user-participant .divider {
  margin: 3px 0;
  height: 2px;
  color: #6C7F85;
}

.user-participant:not(.login) .user-blue {
  display: inline;
}

.user-participant:not(.login) .user-white {
  display: none;
}

.user-participant:not(.login) .user-pict {
  width: 24px;
  height: 24px;
}

.user-participant:not(.login).inverted {
  background: #fff;
  color: #000;
}

.user-participant:not(.login).inverted .nav-user {
  color: #0297e0;
}

.user-participant:not(.login).inverted .nav-user a {
  color: #0297e0;
}

.user-participant:not(.login).inverted .user-blue {
  display: none;
}

.user-participant:not(.login).inverted .user-white {
  display: inline;
}

.user-participant:not(.login) .nav-header {
  display: none;
  text-align: center;
  height: 90px;
  background: linear-gradient(0deg, #0288d1 0%, rgba(3, 135, 208, 0) 100%);
  font-size: 12px;
  width: 100%;
}

.user-participant:not(.login) .nav-header .logo {
  width: 110px;
  margin: 18px 0 12px 0;
}

.user-participant:not(.login) .nav-user {
  font-size: 14px;
  font-weight: 500;
  height: 50px;
  line-height: 36px;
}

.user-participant:not(.login) .nav-user a {
  color: #fff;
  text-decoration: none;
  /*
			&:hover i.fa, i.fas, i.far{
				transition: transform 0.5s;
				transform: rotate(360deg);
			}
			 */
}

.user-participant:not(.login) .nav-user i.fas.fa-sync {
  margin-right: 6px;
  vertical-align: -5px;
}

.user-participant:not(.login) .nav-user img {
  margin-left: 10px;
}

.user-participant:not(.login) .nav-user .top-menu ul.navbar-nav {
  display: flex !important;
}

@media (min-width: 768px) {
  .user-participant:not(.login) .nav-user .top-menu ul.navbar-nav {
    line-height: 45px!important;
  }
}

.user-participant:not(.login) .nav-user-menu {
  position: fixed;
  z-index: 500;
  top: -400px;
  left: 0;
  opacity: 0;
  width: 100%;
  background-color: #fff;
  color: #0297e0;
  box-shadow: 0 0 10px #000;
  transition: all ease-in-out 0.4s;
}

.user-participant:not(.login) .nav-user-menu.view {
  top: 0;
  opacity: 1;
  transition: all ease-in-out 0.4s;
}

.user-participant:not(.login) .nav-user-menu a {
  display: block;
  text-align: center;
  padding: 20px 0 20px 35px;
  border-bottom: 1px solid #f4f4f4;
  font-size: 18px;
}

.user-participant:not(.login) .nav-user-menu a:last-child {
  border: 0;
}

.user-participant:not(.login) .nav-user-menu a:visited,
.user-participant:not(.login) .nav-user-menu a:focus,
.user-participant:not(.login) .nav-user-menu a:active {
  text-decoration: none;
}

.user-participant:not(.login) .nav-user-menu a i {
  vertical-align: -1px;
  margin-left: 16px;
}

.user-participant:not(.login) .nav-user-menu .closing {
  text-align: right;
  padding: 10px 12px 0 0;
  border-bottom: 0;
}

.user-participant:not(.login) .nav-user-menu-bg {
  position: fixed;
  z-index: 499;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  top: -2000px;
  opacity: 0;
}

.user-participant:not(.login) .nav-user-menu-bg.view {
  opacity: 1;
  top: 0;
  transition: top ease-in-out 0s, opacity ease-in-out 0.3s;
}

.user-participant:not(.login) .ui-glob {
  position: relative;
}

.user-participant:not(.login) .ui-wrapper {
  text-align: center;
  width: 100%;
  position: absolute;
}

.user-participant:not(.login) .ui-wrapper.no-activity {
  font-size: 16px;
  padding: 0 15px;
}

.user-participant:not(.login) .ui-wrapper.no-activity .spacer {
  line-height: 1.5em;
}

.user-participant:not(.login) .ui-wrapper.no-activity img {
  height: 135px;
  width: 195px;
}

.user-participant:not(.login) .ui-wrapper.no-activity.ui-activated {
  display: block;
  top: 0;
}

.user-participant:not(.login) .ui-wrapper.no-activity.ui-desactivated {
  display: none;
  top: 50px;
}

.user-participant:not(.login) .ui-wrapper.no-activity .submit {
  width: auto;
  padding: 0 20px;
  cursor: pointer;
  outline: none!important;
}

.user-participant:not(.login) .ui-wrapper.no-activity .submit:active {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

.user-participant:not(.login) .ui-wrapper.activity {
  margin-top: 30px;
  font-size: 16px;
}

.user-participant:not(.login) .ui-wrapper.activity .title {
  margin: 0 15px;
}

.user-participant:not(.login) .ui-wrapper.activity .bubulle {
  position: relative;
  width: 160px;
  height: 160px;
  background-color: #fff;
  border-radius: 160px !important;
  color: #36c1c4;
  margin: 40px auto 0 auto;
}

.user-participant:not(.login) .ui-wrapper.activity .bubulle .icon {
  position: absolute;
  bottom: 60px;
  left: 47px;
  height: 76px;
  /*	animation-name: check;
					animation-duration: 2s;
					animation-iteration-count: infinite;
					animation-timing-function: ease-in-out;
					transform-origin: center 100px;*/
}

.user-participant:not(.login) .ui-wrapper.activity .bubulle a {
  position: absolute;
  right: -18px;
  bottom: 8px;
  display: block;
  width: 48px;
  height: 48px;
  background-color: #36c1c4;
  border-radius: 48px !important;
}

.user-participant:not(.login) .ui-wrapper.activity .bubulle a img {
  margin-top: 15px;
}

.user-participant:not(.login) .ui-wrapper.activity .bubulle .participate {
  position: absolute;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  bottom: 24px;
  width: 100%;
}

.user-participant:not(.login) .ui-wrapper.activity.ui-activated {
  display: block;
  top: 0;
}

.user-participant:not(.login) .ui-wrapper.activity.ui-desactivated {
  display: none;
  top: 50px;
}

.user-participant:not(.login) .ui-wrapper.result.ui-activated {
  opacity: 1;
  top: 0;
}

.user-participant:not(.login) .ui-wrapper.result.ui-desactivated {
  opacity: 0;
  top: 50px;
}

.user-participant:not(.login) .submit {
  height: 48px;
  width: 140px;
  border-radius: 24px !important;
  background-color: #FFFFFF;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  border: 0;
  color: #0288d1;
  margin-bottom: 20px;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: .8px;
  text-transform: uppercase;
  font-size: 21px !important;
}

.user-participant:not(.login) .submit.inverted {
  color: #fff;
  background-color: #0297e0;
  box-shadow: none;
  border: 2px solid #fff;
}

.user-participant:not(.login) .submit:disabled {
  color: #ccc;
}

.user-participant:not(.login) a.submit {
  display: inline-block;
  text-decoration: none;
  line-height: 48px;
}

.user-participant:not(.login) .page-quiz,
.user-participant:not(.login) .page-survey-participant,
.user-participant:not(.login) .page-url-participant {
  width: 100%;
}

.user-participant:not(.login) .page-quiz .question-result .question-label,
.user-participant:not(.login) .page-survey-participant .question-result .question-label,
.user-participant:not(.login) .page-url-participant .question-result .question-label {
  font-size: 18px;
  margin: 30px 0 20px;
}

.user-participant:not(.login) .page-quiz .question-result .responses .options,
.user-participant:not(.login) .page-survey-participant .question-result .responses .options,
.user-participant:not(.login) .page-url-participant .question-result .responses .options {
  border: 2px solid #f4f4f43d;
  background-color: #ffffff1a;
  width: 100%;
  margin-bottom: 10px;
  padding: 10px;
  line-height: 18px;
  transition: all 0.5s;
}

.user-participant:not(.login) .page-quiz .question-result .responses .options.ans-correct,
.user-participant:not(.login) .page-survey-participant .question-result .responses .options.ans-correct,
.user-participant:not(.login) .page-url-participant .question-result .responses .options.ans-correct {
  border: 2px solid #006900;
}

.user-participant:not(.login) .page-quiz .question-result .responses .options.ans-incorrect,
.user-participant:not(.login) .page-survey-participant .question-result .responses .options.ans-incorrect,
.user-participant:not(.login) .page-url-participant .question-result .responses .options.ans-incorrect {
  border: 2px solid #c7000d;
}

.user-participant:not(.login) .page-quiz .quiz-summary,
.user-participant:not(.login) .page-survey-participant .quiz-summary,
.user-participant:not(.login) .page-url-participant .quiz-summary {
  margin: 0 15px;
}

.user-participant:not(.login) .page-quiz .quiz-summary .container,
.user-participant:not(.login) .page-survey-participant .quiz-summary .container,
.user-participant:not(.login) .page-url-participant .quiz-summary .container {
  background-color: white;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  border-radius: 4px !important;
}

.user-participant:not(.login) .page-quiz .quiz-summary .container .correct,
.user-participant:not(.login) .page-survey-participant .quiz-summary .container .correct,
.user-participant:not(.login) .page-url-participant .quiz-summary .container .correct {
  font-size: 200px;
  color: #70ad47;
}

.user-participant:not(.login) .page-quiz .quiz-summary .container .wrong,
.user-participant:not(.login) .page-survey-participant .quiz-summary .container .wrong,
.user-participant:not(.login) .page-url-participant .quiz-summary .container .wrong {
  font-size: 200px;
  color: #c00000;
}

.user-participant:not(.login) .page-quiz .quiz-summary .container .results,
.user-participant:not(.login) .page-survey-participant .quiz-summary .container .results,
.user-participant:not(.login) .page-url-participant .quiz-summary .container .results {
  text-align: center;
}

.user-participant:not(.login) .page-quiz .quiz-summary .container .results > button,
.user-participant:not(.login) .page-survey-participant .quiz-summary .container .results > button,
.user-participant:not(.login) .page-url-participant .quiz-summary .container .results > button {
  width: auto;
}

.user-participant:not(.login) .page-quiz .quiz-summary .container .hint-selfcorrection,
.user-participant:not(.login) .page-survey-participant .quiz-summary .container .hint-selfcorrection,
.user-participant:not(.login) .page-url-participant .quiz-summary .container .hint-selfcorrection {
  color: #0297e0;
  font-size: 14px;
}

.user-participant:not(.login) .page-quiz .quiz-summary .container .total,
.user-participant:not(.login) .page-survey-participant .quiz-summary .container .total,
.user-participant:not(.login) .page-url-participant .quiz-summary .container .total {
  text-align: center;
  font-size: 25px;
  margin-bottom: 20px;
  color: #0288d1;
}

.user-participant:not(.login) .page-quiz .quiz-summary .container .row h2,
.user-participant:not(.login) .page-survey-participant .quiz-summary .container .row h2,
.user-participant:not(.login) .page-url-participant .quiz-summary .container .row h2 {
  text-align: center;
  font-family: inherit;
  color: #0288d1;
  font-weight: 500;
}

.user-participant:not(.login) .page-quiz .quiz-summary .container .row table,
.user-participant:not(.login) .page-survey-participant .quiz-summary .container .row table,
.user-participant:not(.login) .page-url-participant .quiz-summary .container .row table {
  margin: 0px auto;
  width: 75%;
  border-collapse: separate !important;
  border-spacing: 0 10px !important;
}

.user-participant:not(.login) .page-quiz .quiz-summary .container .row table > thead,
.user-participant:not(.login) .page-survey-participant .quiz-summary .container .row table > thead,
.user-participant:not(.login) .page-url-participant .quiz-summary .container .row table > thead {
  color: rgba(0, 0, 0, 0.6);
  font-size: 18px;
  margin: 0px 10px;
}

.user-participant:not(.login) .page-quiz .quiz-summary .container .row table > thead > tr > th.rankTitle,
.user-participant:not(.login) .page-survey-participant .quiz-summary .container .row table > thead > tr > th.rankTitle,
.user-participant:not(.login) .page-url-participant .quiz-summary .container .row table > thead > tr > th.rankTitle {
  text-align: center;
}

.user-participant:not(.login) .page-quiz .quiz-summary .container .row table > thead > tr > th.nameTitle,
.user-participant:not(.login) .page-survey-participant .quiz-summary .container .row table > thead > tr > th.nameTitle,
.user-participant:not(.login) .page-url-participant .quiz-summary .container .row table > thead > tr > th.nameTitle {
  padding-left: 10px;
}

.user-participant:not(.login) .page-quiz .quiz-summary .container .row table > thead > tr > th.scoreTitle,
.user-participant:not(.login) .page-survey-participant .quiz-summary .container .row table > thead > tr > th.scoreTitle,
.user-participant:not(.login) .page-url-participant .quiz-summary .container .row table > thead > tr > th.scoreTitle {
  text-align: center;
}

.user-participant:not(.login) .page-quiz .quiz-summary .container .row table tbody,
.user-participant:not(.login) .page-survey-participant .quiz-summary .container .row table tbody,
.user-participant:not(.login) .page-url-participant .quiz-summary .container .row table tbody {
  color: #0288d1;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  font-size: 20px;
}

.user-participant:not(.login) .page-quiz .quiz-summary .container .row table tbody > tr > td,
.user-participant:not(.login) .page-survey-participant .quiz-summary .container .row table tbody > tr > td,
.user-participant:not(.login) .page-url-participant .quiz-summary .container .row table tbody > tr > td {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #eeeeee;
  padding: 5px;
}

.user-participant:not(.login) .page-quiz .quiz-summary .container .row table tbody > tr > td.rank,
.user-participant:not(.login) .page-survey-participant .quiz-summary .container .row table tbody > tr > td.rank,
.user-participant:not(.login) .page-url-participant .quiz-summary .container .row table tbody > tr > td.rank {
  color: #74c8f0;
  text-align: center;
}

.user-participant:not(.login) .page-quiz .quiz-summary .container .row table tbody > tr > td.name,
.user-participant:not(.login) .page-survey-participant .quiz-summary .container .row table tbody > tr > td.name,
.user-participant:not(.login) .page-url-participant .quiz-summary .container .row table tbody > tr > td.name {
  padding-left: 10px;
}

.user-participant:not(.login) .page-quiz .quiz-summary .container .row table tbody > tr > td.score,
.user-participant:not(.login) .page-survey-participant .quiz-summary .container .row table tbody > tr > td.score,
.user-participant:not(.login) .page-url-participant .quiz-summary .container .row table tbody > tr > td.score {
  text-align: center;
}

.user-participant:not(.login) .page-quiz .quiz-summary .container .row table tbody > tr > td.score > span.correct,
.user-participant:not(.login) .page-survey-participant .quiz-summary .container .row table tbody > tr > td.score > span.correct,
.user-participant:not(.login) .page-url-participant .quiz-summary .container .row table tbody > tr > td.score > span.correct {
  font-size: 20px;
  color: #70ad47;
}

.user-participant:not(.login) .page-quiz .quiz-summary .container .row table tbody > tr > td.score > span.wrong,
.user-participant:not(.login) .page-survey-participant .quiz-summary .container .row table tbody > tr > td.score > span.wrong,
.user-participant:not(.login) .page-url-participant .quiz-summary .container .row table tbody > tr > td.score > span.wrong {
  font-size: 20px;
  color: #c00000;
}

.user-participant:not(.login) .page-quiz .quiz-summary .container .row table tbody > tr > td.score > span.not-answered,
.user-participant:not(.login) .page-survey-participant .quiz-summary .container .row table tbody > tr > td.score > span.not-answered,
.user-participant:not(.login) .page-url-participant .quiz-summary .container .row table tbody > tr > td.score > span.not-answered {
  font-size: 20px;
  color: black;
}

.user-participant:not(.login) .page-quiz .quiz-summary .container .row table tbody > tr > td.score > span.partial,
.user-participant:not(.login) .page-survey-participant .quiz-summary .container .row table tbody > tr > td.score > span.partial,
.user-participant:not(.login) .page-url-participant .quiz-summary .container .row table tbody > tr > td.score > span.partial {
  font-weight: 700;
  font-size: 33px;
  color: #E46C0A;
}

.user-participant:not(.login) .page-quiz .container,
.user-participant:not(.login) .page-survey-participant .container,
.user-participant:not(.login) .page-url-participant .container {
  width: 100%;
  margin-top: 20px;
}

.user-participant:not(.login) .page-quiz .form-group,
.user-participant:not(.login) .page-survey-participant .form-group,
.user-participant:not(.login) .page-url-participant .form-group {
  margin-bottom: 0;
}

.user-participant:not(.login) .page-quiz .url-participant .containerQues,
.user-participant:not(.login) .page-survey-participant .url-participant .containerQues,
.user-participant:not(.login) .page-url-participant .url-participant .containerQues {
  padding: 20px 0;
}

.user-participant:not(.login) .page-quiz .target,
.user-participant:not(.login) .page-survey-participant .target,
.user-participant:not(.login) .page-url-participant .target {
  color: white;
  position: absolute;
  height: 30px;
  width: 30px;
  margin-left: 0;
  border-radius: 25px !important;
  border: 7px solid #36c1c4;
  background-color: #fff;
  text-shadow: 0 0 5px #000, 0 0 5px #000, 0 0 10px #000;
  padding: 10px;
  z-index: 1;
}

.user-participant:not(.login) .page-quiz .img-hotspot,
.user-participant:not(.login) .page-survey-participant .img-hotspot,
.user-participant:not(.login) .page-url-participant .img-hotspot {
  position: relative;
  margin: auto 15% 60px !important;
  width: 70%;
}

.user-participant:not(.login) .page-quiz .timerlimit,
.user-participant:not(.login) .page-survey-participant .timerlimit,
.user-participant:not(.login) .page-url-participant .timerlimit {
  width: 100%;
  border-top-right-radius: 15px !important;
  border-top-left-radius: 15px !important;
  padding: 14px 14px 11px;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  color: #fff;
}

.user-participant:not(.login) .page-quiz .timerlimit.green,
.user-participant:not(.login) .page-survey-participant .timerlimit.green,
.user-participant:not(.login) .page-url-participant .timerlimit.green {
  background-color: #A5DD43;
}

.user-participant:not(.login) .page-quiz .timerlimit.orange,
.user-participant:not(.login) .page-survey-participant .timerlimit.orange,
.user-participant:not(.login) .page-url-participant .timerlimit.orange {
  background-color: #FF866D;
}

.user-participant:not(.login) .page-quiz .timerlimit.red,
.user-participant:not(.login) .page-survey-participant .timerlimit.red,
.user-participant:not(.login) .page-url-participant .timerlimit.red {
  background-color: #EF5E7D;
}

.user-participant:not(.login) .page-quiz .timerlimit.yellow,
.user-participant:not(.login) .page-survey-participant .timerlimit.yellow,
.user-participant:not(.login) .page-url-participant .timerlimit.yellow {
  background-color: #EACC4B;
}

.user-participant:not(.login) .page-quiz .timerlimit i,
.user-participant:not(.login) .page-survey-participant .timerlimit i,
.user-participant:not(.login) .page-url-participant .timerlimit i {
  vertical-align: -1px;
  font-size: 26px;
  margin-right: 8px;
}

.user-participant:not(.login) .page-quiz .timerlimit .timerEnd,
.user-participant:not(.login) .page-survey-participant .timerlimit .timerEnd,
.user-participant:not(.login) .page-url-participant .timerlimit .timerEnd {
  animation: shake 1s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  transform: translateY(0);
  perspective: 1000px;
}

.user-participant:not(.login) .page-quiz .leavecomment,
.user-participant:not(.login) .page-survey-participant .leavecomment,
.user-participant:not(.login) .page-url-participant .leavecomment,
.user-participant:not(.login) .page-quiz .taform,
.user-participant:not(.login) .page-survey-participant .taform,
.user-participant:not(.login) .page-url-participant .taform {
  margin: 2% 0 0 7px;
  padding: 10px 10px 0 18px;
  color: #6C7F85;
  border-radius: 15px !important;
  background-color: #EFF4F4;
  min-height: 90px;
  font-weight: 400;
  border: none;
  font-size: 19px;
}

.user-participant:not(.login) .page-quiz .leavecomment:focus,
.user-participant:not(.login) .page-survey-participant .leavecomment:focus,
.user-participant:not(.login) .page-url-participant .leavecomment:focus,
.user-participant:not(.login) .page-quiz .taform:focus,
.user-participant:not(.login) .page-survey-participant .taform:focus,
.user-participant:not(.login) .page-url-participant .taform:focus,
.user-participant:not(.login) .page-quiz .leavecomment::-moz-focus-outer,
.user-participant:not(.login) .page-survey-participant .leavecomment::-moz-focus-outer,
.user-participant:not(.login) .page-url-participant .leavecomment::-moz-focus-outer,
.user-participant:not(.login) .page-quiz .taform::-moz-focus-outer,
.user-participant:not(.login) .page-survey-participant .taform::-moz-focus-outer,
.user-participant:not(.login) .page-url-participant .taform::-moz-focus-outer,
.user-participant:not(.login) .page-quiz .leavecomment::-moz-focus-inner,
.user-participant:not(.login) .page-survey-participant .leavecomment::-moz-focus-inner,
.user-participant:not(.login) .page-url-participant .leavecomment::-moz-focus-inner,
.user-participant:not(.login) .page-quiz .taform::-moz-focus-inner,
.user-participant:not(.login) .page-survey-participant .taform::-moz-focus-inner,
.user-participant:not(.login) .page-url-participant .taform::-moz-focus-inner {
  border: none !important;
}

.user-participant:not(.login) .page-quiz .form-comment,
.user-participant:not(.login) .page-survey-participant .form-comment,
.user-participant:not(.login) .page-url-participant .form-comment {
  padding: 0 30px;
}

.user-participant:not(.login) .page-quiz .taform,
.user-participant:not(.login) .page-survey-participant .taform,
.user-participant:not(.login) .page-url-participant .taform {
  width: 99%;
}

.user-participant:not(.login) .page-quiz .leavecomment,
.user-participant:not(.login) .page-survey-participant .leavecomment,
.user-participant:not(.login) .page-url-participant .leavecomment {
  width: 100%;
}

.user-participant:not(.login) .page-quiz .ui-feedback,
.user-participant:not(.login) .page-survey-participant .ui-feedback,
.user-participant:not(.login) .page-url-participant .ui-feedback {
  display: none;
  position: fixed;
  z-index: 90;
  top: 0;
  right: 0;
  width: 100vw;
  height: 100vh;
}

.user-participant:not(.login) .page-quiz .ui-feedback .bg-layer,
.user-participant:not(.login) .page-survey-participant .ui-feedback .bg-layer,
.user-participant:not(.login) .page-url-participant .ui-feedback .bg-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 90;
  opacity: 0.8;
  text-align: center;
}

.user-participant:not(.login) .page-quiz .ui-feedback .bg-layer.correct,
.user-participant:not(.login) .page-survey-participant .ui-feedback .bg-layer.correct,
.user-participant:not(.login) .page-url-participant .ui-feedback .bg-layer.correct {
  background-color: #87B040;
}

.user-participant:not(.login) .page-quiz .ui-feedback .bg-layer.incorrect,
.user-participant:not(.login) .page-survey-participant .ui-feedback .bg-layer.incorrect,
.user-participant:not(.login) .page-url-participant .ui-feedback .bg-layer.incorrect {
  background-color: #EF5E7D;
}

.user-participant:not(.login) .page-quiz .ui-feedback .bg-layer.partial,
.user-participant:not(.login) .page-survey-participant .ui-feedback .bg-layer.partial,
.user-participant:not(.login) .page-url-participant .ui-feedback .bg-layer.partial {
  background-color: #FF866D;
}

.user-participant:not(.login) .page-quiz .ui-feedback .bg-layer.natural,
.user-participant:not(.login) .page-survey-participant .ui-feedback .bg-layer.natural,
.user-participant:not(.login) .page-url-participant .ui-feedback .bg-layer.natural {
  background-color: #fff;
}

.user-participant:not(.login) .page-quiz .ui-feedback .layer,
.user-participant:not(.login) .page-survey-participant .ui-feedback .layer,
.user-participant:not(.login) .page-url-participant .ui-feedback .layer {
  position: absolute;
  width: 50%;
  left: 0;
  top: 100px;
  border-radius: 15px !important;
  background: #fff;
  transform: translateX(50%);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.22);
  text-align: center;
  z-index: 100;
  opacity: .5;
  transition: all ease-in-out 0.3s;
  height: min-content;
  min-height: 270px;
}

.user-participant:not(.login) .page-quiz .ui-feedback .layer.show,
.user-participant:not(.login) .page-survey-participant .ui-feedback .layer.show,
.user-participant:not(.login) .page-url-participant .ui-feedback .layer.show {
  transition: all ease-in-out 0.3s;
  opacity: 1;
  bottom: 0;
}

.user-participant:not(.login) .page-quiz .ui-feedback .layer .line,
.user-participant:not(.login) .page-survey-participant .ui-feedback .layer .line,
.user-participant:not(.login) .page-url-participant .ui-feedback .layer .line {
  padding: 0;
  border: none;
  border-top: solid 2px;
  text-align: center;
  max-width: 200px;
  margin: 15px auto 15px;
}

.user-participant:not(.login) .page-quiz .ui-feedback .layer .line.correct,
.user-participant:not(.login) .page-survey-participant .ui-feedback .layer .line.correct,
.user-participant:not(.login) .page-url-participant .ui-feedback .layer .line.correct {
  color: #03d4c1;
}

.user-participant:not(.login) .page-quiz .ui-feedback .layer .line.partial,
.user-participant:not(.login) .page-survey-participant .ui-feedback .layer .line.partial,
.user-participant:not(.login) .page-url-participant .ui-feedback .layer .line.partial {
  color: #fba62d;
}

.user-participant:not(.login) .page-quiz .ui-feedback .layer .line.incorrect,
.user-participant:not(.login) .page-survey-participant .ui-feedback .layer .line.incorrect,
.user-participant:not(.login) .page-url-participant .ui-feedback .layer .line.incorrect {
  color: #f4365a;
}

.user-participant:not(.login) .page-quiz .ui-feedback .layer .feedback,
.user-participant:not(.login) .page-survey-participant .ui-feedback .layer .feedback,
.user-participant:not(.login) .page-url-participant .ui-feedback .layer .feedback {
  margin-top: 28px;
  margin-bottom: 100px;
  padding: 0 75px;
  text-align: left;
  color: #6C7F85;
  font-weight: 500;
  font-size: 22px;
}

.user-participant:not(.login) .page-quiz .ui-feedback .layer .message,
.user-participant:not(.login) .page-survey-participant .ui-feedback .layer .message,
.user-participant:not(.login) .page-url-participant .ui-feedback .layer .message {
  margin-top: 32px;
  font-size: 36px;
  font-weight: 700;
  display: inline-grid;
  width: 100%;
}

.user-participant:not(.login) .page-quiz .ui-feedback .layer .message.correct,
.user-participant:not(.login) .page-survey-participant .ui-feedback .layer .message.correct,
.user-participant:not(.login) .page-url-participant .ui-feedback .layer .message.correct {
  color: #A5DD43;
}

.user-participant:not(.login) .page-quiz .ui-feedback .layer .message.partial,
.user-participant:not(.login) .page-survey-participant .ui-feedback .layer .message.partial,
.user-participant:not(.login) .page-url-participant .ui-feedback .layer .message.partial {
  color: #FF866D;
}

.user-participant:not(.login) .page-quiz .ui-feedback .layer .message.incorrect,
.user-participant:not(.login) .page-survey-participant .ui-feedback .layer .message.incorrect,
.user-participant:not(.login) .page-url-participant .ui-feedback .layer .message.incorrect {
  color: #EF5E7D;
}

.user-participant:not(.login) .page-quiz .ui-feedback .layer .message i,
.user-participant:not(.login) .page-survey-participant .ui-feedback .layer .message i,
.user-participant:not(.login) .page-url-participant .ui-feedback .layer .message i {
  font-size: 45px;
  margin-bottom: 25px;
}

.user-participant:not(.login) .page-quiz .ui-feedback .layer .submit,
.user-participant:not(.login) .page-survey-participant .ui-feedback .layer .submit,
.user-participant:not(.login) .page-url-participant .ui-feedback .layer .submit {
  position: absolute;
  text-transform: uppercase;
  font-size: 21px !important;
  color: #fff;
  background-color: #FF866D;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
}

@media screen and (min-width: 601px) and (max-width: 1020px) {
  .user-participant:not(.login) .page-quiz .ui-feedback .layer,
  .user-participant:not(.login) .page-survey-participant .ui-feedback .layer,
  .user-participant:not(.login) .page-url-participant .ui-feedback .layer {
    width: 80%;
    left: -30%;
  }

  .user-participant:not(.login) .page-quiz .ui-feedback .layer .feedback,
  .user-participant:not(.login) .page-survey-participant .ui-feedback .layer .feedback,
  .user-participant:not(.login) .page-url-participant .ui-feedback .layer .feedback {
    padding: 0 40px;
  }
}

@media screen and (max-width: 600px) {
  .user-participant:not(.login) .page-quiz .ui-feedback .layer,
  .user-participant:not(.login) .page-survey-participant .ui-feedback .layer,
  .user-participant:not(.login) .page-url-participant .ui-feedback .layer {
    width: 99%;
    left: -49%;
  }

  .user-participant:not(.login) .page-quiz .ui-feedback .layer .feedback,
  .user-participant:not(.login) .page-survey-participant .ui-feedback .layer .feedback,
  .user-participant:not(.login) .page-url-participant .ui-feedback .layer .feedback {
    padding: 0 20px;
  }
}

@media screen and (max-width: 470px) {
  .user-participant:not(.login) .page-quiz .ui-feedback-gamification .message,
  .user-participant:not(.login) .page-survey-participant .ui-feedback-gamification .message,
  .user-participant:not(.login) .page-url-participant .ui-feedback-gamification .message {
    height: 180px;
    padding-top: 10px;
  }

  .user-participant:not(.login) .page-quiz .ui-feedback-gamification .message .state,
  .user-participant:not(.login) .page-survey-participant .ui-feedback-gamification .message .state,
  .user-participant:not(.login) .page-url-participant .ui-feedback-gamification .message .state {
    margin-bottom: 10px;
  }

  .user-participant:not(.login) .page-quiz .ui-feedback-gamification .feedback,
  .user-participant:not(.login) .page-survey-participant .ui-feedback-gamification .feedback,
  .user-participant:not(.login) .page-url-participant .ui-feedback-gamification .feedback {
    padding: 30px 25px 0 25px;
  }
}

@media screen and (min-width: 471px) {
  .user-participant:not(.login) .page-quiz .ui-feedback-gamification .message,
  .user-participant:not(.login) .page-survey-participant .ui-feedback-gamification .message,
  .user-participant:not(.login) .page-url-participant .ui-feedback-gamification .message {
    height: 270px;
    padding-top: 50px;
  }

  .user-participant:not(.login) .page-quiz .ui-feedback-gamification .message .state,
  .user-participant:not(.login) .page-survey-participant .ui-feedback-gamification .message .state,
  .user-participant:not(.login) .page-url-participant .ui-feedback-gamification .message .state {
    margin-bottom: 28px;
  }

  .user-participant:not(.login) .page-quiz .ui-feedback-gamification .feedback,
  .user-participant:not(.login) .page-survey-participant .ui-feedback-gamification .feedback,
  .user-participant:not(.login) .page-url-participant .ui-feedback-gamification .feedback {
    padding: 40px 30px 20px 30px;
  }

  .user-participant:not(.login) .page-quiz .feedback,
  .user-participant:not(.login) .page-survey-participant .feedback,
  .user-participant:not(.login) .page-url-participant .feedback {
    padding: 0 15px;
  }
}

.user-participant:not(.login) .page-quiz .ui-feedback-gamification,
.user-participant:not(.login) .page-survey-participant .ui-feedback-gamification,
.user-participant:not(.login) .page-url-participant .ui-feedback-gamification {
  display: none;
  position: fixed;
  z-index: 90;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
}

.user-participant:not(.login) .page-quiz .ui-feedback-gamification .layer,
.user-participant:not(.login) .page-survey-participant .ui-feedback-gamification .layer,
.user-participant:not(.login) .page-url-participant .ui-feedback-gamification .layer {
  position: absolute;
  width: 100vw;
  height: 100%;
  top: 100vh;
  left: 0;
  background: #fff;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.22);
  text-align: center;
  opacity: .5;
  z-index: 100;
  transition: top ease-in-out 0.3s;
}

.user-participant:not(.login) .page-quiz .ui-feedback-gamification .layer.show,
.user-participant:not(.login) .page-survey-participant .ui-feedback-gamification .layer.show,
.user-participant:not(.login) .page-url-participant .ui-feedback-gamification .layer.show {
  transition: top ease-in-out 0.3s;
  opacity: 1;
  top: 0;
}

.user-participant:not(.login) .page-quiz .ui-feedback-gamification .layer .message,
.user-participant:not(.login) .page-survey-participant .ui-feedback-gamification .layer .message,
.user-participant:not(.login) .page-url-participant .ui-feedback-gamification .layer .message {
  font-size: 36px;
  font-weight: 400;
  color: #fff;
}

.user-participant:not(.login) .page-quiz .ui-feedback-gamification .layer .message.correct,
.user-participant:not(.login) .page-survey-participant .ui-feedback-gamification .layer .message.correct,
.user-participant:not(.login) .page-url-participant .ui-feedback-gamification .layer .message.correct {
  background-color: #03d4c1;
}

.user-participant:not(.login) .page-quiz .ui-feedback-gamification .layer .message.partial,
.user-participant:not(.login) .page-survey-participant .ui-feedback-gamification .layer .message.partial,
.user-participant:not(.login) .page-url-participant .ui-feedback-gamification .layer .message.partial {
  background-color: #fba62d;
}

.user-participant:not(.login) .page-quiz .ui-feedback-gamification .layer .message.incorrect,
.user-participant:not(.login) .page-survey-participant .ui-feedback-gamification .layer .message.incorrect,
.user-participant:not(.login) .page-url-participant .ui-feedback-gamification .layer .message.incorrect {
  background-color: #f4365a;
}

.user-participant:not(.login) .page-quiz .ui-feedback-gamification .layer .message .smylies,
.user-participant:not(.login) .page-survey-participant .ui-feedback-gamification .layer .message .smylies,
.user-participant:not(.login) .page-url-participant .ui-feedback-gamification .layer .message .smylies,
.user-participant:not(.login) .page-quiz .ui-feedback-gamification .layer .message .points,
.user-participant:not(.login) .page-survey-participant .ui-feedback-gamification .layer .message .points,
.user-participant:not(.login) .page-url-participant .ui-feedback-gamification .layer .message .points {
  display: inline-block;
  vertical-align: top;
}

.user-participant:not(.login) .page-quiz .ui-feedback-gamification .layer .message .points,
.user-participant:not(.login) .page-survey-participant .ui-feedback-gamification .layer .message .points,
.user-participant:not(.login) .page-url-participant .ui-feedback-gamification .layer .message .points {
  font-size: 48px;
  line-height: 24px;
  margin-top: 28px;
}

.user-participant:not(.login) .page-quiz .ui-feedback-gamification .layer .message .points small,
.user-participant:not(.login) .page-survey-participant .ui-feedback-gamification .layer .message .points small,
.user-participant:not(.login) .page-url-participant .ui-feedback-gamification .layer .message .points small {
  font-size: 14px;
}

.user-participant:not(.login) .page-quiz .ui-feedback-gamification .layer .message .smylies,
.user-participant:not(.login) .page-survey-participant .ui-feedback-gamification .layer .message .smylies,
.user-participant:not(.login) .page-url-participant .ui-feedback-gamification .layer .message .smylies {
  margin-right: 30px;
}

.user-participant:not(.login) .page-quiz .ui-feedback-gamification .layer .feedback,
.user-participant:not(.login) .page-survey-participant .ui-feedback-gamification .layer .feedback,
.user-participant:not(.login) .page-url-participant .ui-feedback-gamification .layer .feedback {
  color: rgba(0, 0, 0, 0.6);
  font-size: 20px;
}

.user-participant:not(.login) .page-quiz .ui-feedback-gamification .layer .submit,
.user-participant:not(.login) .page-survey-participant .ui-feedback-gamification .layer .submit,
.user-participant:not(.login) .page-url-participant .ui-feedback-gamification .layer .submit {
  margin: 30px auto 80px auto;
  text-transform: uppercase;
  font-size: 12px;
  color: #fff;
  background-color: #0297e0;
}

.user-participant:not(.login) .page-quiz .submit,
.user-participant:not(.login) .page-survey-participant .submit,
.user-participant:not(.login) .page-url-participant .submit {
  height: 48px;
  width: 140px;
  border-radius: 24px !important;
  background-color: #FFFFFF;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  border: 0;
  color: #0288d1;
  margin-bottom: 20px;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: .8px;
  text-transform: uppercase;
  font-size: 21px !important;
}

.user-participant:not(.login) .page-quiz .submit.inverted,
.user-participant:not(.login) .page-survey-participant .submit.inverted,
.user-participant:not(.login) .page-url-participant .submit.inverted {
  color: #fff;
  background-color: #0297e0;
  box-shadow: none;
  border: 2px solid #fff;
}

.user-participant:not(.login) .page-quiz .submit:disabled,
.user-participant:not(.login) .page-survey-participant .submit:disabled,
.user-participant:not(.login) .page-url-participant .submit:disabled {
  color: #ccc;
}

.user-participant:not(.login) .page-quiz #externalLink_button,
.user-participant:not(.login) .page-survey-participant #externalLink_button,
.user-participant:not(.login) .page-url-participant #externalLink_button {
  text-align: center;
  height: 36px;
  width: 36px;
  background-color: #00CCCC;
  border-radius: 50px !important;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  margin-top: 10px;
  cursor: pointer;
  box-shadow: 5px 5px 10px 1px rgba(0, 0, 0, 0.2);
}

.user-participant:not(.login) .page-quiz #externalLink_button > i,
.user-participant:not(.login) .page-survey-participant #externalLink_button > i,
.user-participant:not(.login) .page-url-participant #externalLink_button > i {
  font-size: 22px;
  margin-top: 10px;
  margin-left: 2px;
  color: white;
}

.user-participant:not(.login) .page-quiz .answer-order,
.user-participant:not(.login) .page-survey-participant .answer-order,
.user-participant:not(.login) .page-url-participant .answer-order {
  border-radius: 30px !important;
  margin: 10px 15px 0;
  min-height: 36px;
  display: flex;
  margin-right: 10px;
}

.user-participant:not(.login) .page-quiz .answer-order .space-answer,
.user-participant:not(.login) .page-survey-participant .answer-order .space-answer,
.user-participant:not(.login) .page-url-participant .answer-order .space-answer {
  border-top-left-radius: 30px !important;
  border-bottom-left-radius: 30px !important;
  background-color: #EFF4F4;
  color: #6C7F85;
  font-size: 18px;
  font-weight: 500;
  min-height: 100%;
  padding: 8px 15px;
  width: calc(100% - 50px);
}

.user-participant:not(.login) .page-quiz .answer-order .space-arrow,
.user-participant:not(.login) .page-survey-participant .answer-order .space-arrow,
.user-participant:not(.login) .page-url-participant .answer-order .space-arrow {
  float: right;
  border-top-right-radius: 30px !important;
  border-bottom-right-radius: 30px !important;
  background-color: #36c1c4;
  color: #fff;
  font-size: 20px;
  min-height: 100%;
  width: 50px;
  padding-top: 7px;
  text-align: center;
}

.user-participant:not(.login) .page-quiz .answerForm .img,
.user-participant:not(.login) .page-survey-participant .answerForm .img,
.user-participant:not(.login) .page-url-participant .answerForm .img,
.user-participant:not(.login) .page-quiz .url-participant .img,
.user-participant:not(.login) .page-survey-participant .url-participant .img,
.user-participant:not(.login) .page-url-participant .url-participant .img,
.user-participant:not(.login) .page-quiz .whiteboard-participant .img,
.user-participant:not(.login) .page-survey-participant .whiteboard-participant .img,
.user-participant:not(.login) .page-url-participant .whiteboard-participant .img {
  padding-left: 0px;
  padding-right: 0px;
  margin: 5px 5px 50px 5px;
}

.user-participant:not(.login) .page-quiz .answerForm .img .imgResp,
.user-participant:not(.login) .page-survey-participant .answerForm .img .imgResp,
.user-participant:not(.login) .page-url-participant .answerForm .img .imgResp,
.user-participant:not(.login) .page-quiz .url-participant .img .imgResp,
.user-participant:not(.login) .page-survey-participant .url-participant .img .imgResp,
.user-participant:not(.login) .page-url-participant .url-participant .img .imgResp,
.user-participant:not(.login) .page-quiz .whiteboard-participant .img .imgResp,
.user-participant:not(.login) .page-survey-participant .whiteboard-participant .img .imgResp,
.user-participant:not(.login) .page-url-participant .whiteboard-participant .img .imgResp {
  width: 100%;
  height: auto;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.user-participant:not(.login) .page-quiz .answerForm .img iframe,
.user-participant:not(.login) .page-survey-participant .answerForm .img iframe,
.user-participant:not(.login) .page-url-participant .answerForm .img iframe,
.user-participant:not(.login) .page-quiz .url-participant .img iframe,
.user-participant:not(.login) .page-survey-participant .url-participant .img iframe,
.user-participant:not(.login) .page-url-participant .url-participant .img iframe,
.user-participant:not(.login) .page-quiz .whiteboard-participant .img iframe,
.user-participant:not(.login) .page-survey-participant .whiteboard-participant .img iframe,
.user-participant:not(.login) .page-url-participant .whiteboard-participant .img iframe {
  height: 300px !important;
}

.user-participant:not(.login) .page-quiz .answerForm .part-ques,
.user-participant:not(.login) .page-survey-participant .answerForm .part-ques,
.user-participant:not(.login) .page-url-participant .answerForm .part-ques,
.user-participant:not(.login) .page-quiz .url-participant .part-ques,
.user-participant:not(.login) .page-survey-participant .url-participant .part-ques,
.user-participant:not(.login) .page-url-participant .url-participant .part-ques,
.user-participant:not(.login) .page-quiz .whiteboard-participant .part-ques,
.user-participant:not(.login) .page-survey-participant .whiteboard-participant .part-ques,
.user-participant:not(.login) .page-url-participant .whiteboard-participant .part-ques {
  padding-left: 0px;
  padding-right: 0px;
  margin: 5px;
}

.user-participant:not(.login) .page-quiz .answerForm .containerQues,
.user-participant:not(.login) .page-survey-participant .answerForm .containerQues,
.user-participant:not(.login) .page-url-participant .answerForm .containerQues,
.user-participant:not(.login) .page-quiz .url-participant .containerQues,
.user-participant:not(.login) .page-survey-participant .url-participant .containerQues,
.user-participant:not(.login) .page-url-participant .url-participant .containerQues,
.user-participant:not(.login) .page-quiz .whiteboard-participant .containerQues,
.user-participant:not(.login) .page-survey-participant .whiteboard-participant .containerQues,
.user-participant:not(.login) .page-url-participant .whiteboard-participant .containerQues {
  position: relative;
  background: #fff;
  border-radius: 15px !important;
  padding-left: 0px;
  padding-right: 0px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  display: inline-block;
  flex-direction: column;
  width: 100%;
}

.user-participant:not(.login) .page-quiz .answerForm .containerQues > div:not(.timerlimit),
.user-participant:not(.login) .page-survey-participant .answerForm .containerQues > div:not(.timerlimit),
.user-participant:not(.login) .page-url-participant .answerForm .containerQues > div:not(.timerlimit),
.user-participant:not(.login) .page-quiz .url-participant .containerQues > div:not(.timerlimit),
.user-participant:not(.login) .page-survey-participant .url-participant .containerQues > div:not(.timerlimit),
.user-participant:not(.login) .page-url-participant .url-participant .containerQues > div:not(.timerlimit),
.user-participant:not(.login) .page-quiz .whiteboard-participant .containerQues > div:not(.timerlimit),
.user-participant:not(.login) .page-survey-participant .whiteboard-participant .containerQues > div:not(.timerlimit),
.user-participant:not(.login) .page-url-participant .whiteboard-participant .containerQues > div:not(.timerlimit) {
  padding: 0;
}

.user-participant:not(.login) .page-quiz .answerForm .containerQues .noShowUrl,
.user-participant:not(.login) .page-survey-participant .answerForm .containerQues .noShowUrl,
.user-participant:not(.login) .page-url-participant .answerForm .containerQues .noShowUrl,
.user-participant:not(.login) .page-quiz .url-participant .containerQues .noShowUrl,
.user-participant:not(.login) .page-survey-participant .url-participant .containerQues .noShowUrl,
.user-participant:not(.login) .page-url-participant .url-participant .containerQues .noShowUrl,
.user-participant:not(.login) .page-quiz .whiteboard-participant .containerQues .noShowUrl,
.user-participant:not(.login) .page-survey-participant .whiteboard-participant .containerQues .noShowUrl,
.user-participant:not(.login) .page-url-participant .whiteboard-participant .containerQues .noShowUrl {
  color: #6C7F85;
  font-size: 20px;
  text-align: center;
  font-weight: 500;
}

.user-participant:not(.login) .page-quiz .answerForm .containerQues .question,
.user-participant:not(.login) .page-survey-participant .answerForm .containerQues .question,
.user-participant:not(.login) .page-url-participant .answerForm .containerQues .question,
.user-participant:not(.login) .page-quiz .url-participant .containerQues .question,
.user-participant:not(.login) .page-survey-participant .url-participant .containerQues .question,
.user-participant:not(.login) .page-url-participant .url-participant .containerQues .question,
.user-participant:not(.login) .page-quiz .whiteboard-participant .containerQues .question,
.user-participant:not(.login) .page-survey-participant .whiteboard-participant .containerQues .question,
.user-participant:not(.login) .page-url-participant .whiteboard-participant .containerQues .question {
  padding: 10px 0 10px 0;
  margin: 20px 3% 0;
}

.user-participant:not(.login) .page-quiz .answerForm .containerQues .question .question-title,
.user-participant:not(.login) .page-survey-participant .answerForm .containerQues .question .question-title,
.user-participant:not(.login) .page-url-participant .answerForm .containerQues .question .question-title,
.user-participant:not(.login) .page-quiz .url-participant .containerQues .question .question-title,
.user-participant:not(.login) .page-survey-participant .url-participant .containerQues .question .question-title,
.user-participant:not(.login) .page-url-participant .url-participant .containerQues .question .question-title,
.user-participant:not(.login) .page-quiz .whiteboard-participant .containerQues .question .question-title,
.user-participant:not(.login) .page-survey-participant .whiteboard-participant .containerQues .question .question-title,
.user-participant:not(.login) .page-url-participant .whiteboard-participant .containerQues .question .question-title {
  color: #36c1c4;
  text-align: center;
  font-weight: 500;
  font-size: 23px;
  line-height: 24px;
  margin: 0 0 6px 0;
}

.user-participant:not(.login) .page-quiz .answerForm .containerQues .question .question-title.question-url,
.user-participant:not(.login) .page-survey-participant .answerForm .containerQues .question .question-title.question-url,
.user-participant:not(.login) .page-url-participant .answerForm .containerQues .question .question-title.question-url,
.user-participant:not(.login) .page-quiz .url-participant .containerQues .question .question-title.question-url,
.user-participant:not(.login) .page-survey-participant .url-participant .containerQues .question .question-title.question-url,
.user-participant:not(.login) .page-url-participant .url-participant .containerQues .question .question-title.question-url,
.user-participant:not(.login) .page-quiz .whiteboard-participant .containerQues .question .question-title.question-url,
.user-participant:not(.login) .page-survey-participant .whiteboard-participant .containerQues .question .question-title.question-url,
.user-participant:not(.login) .page-url-participant .whiteboard-participant .containerQues .question .question-title.question-url {
  color: #36c1c4;
  margin-bottom: 40px;
}

.user-participant:not(.login) .page-quiz .answerForm .containerQues .question .question-label,
.user-participant:not(.login) .page-survey-participant .answerForm .containerQues .question .question-label,
.user-participant:not(.login) .page-url-participant .answerForm .containerQues .question .question-label,
.user-participant:not(.login) .page-quiz .url-participant .containerQues .question .question-label,
.user-participant:not(.login) .page-survey-participant .url-participant .containerQues .question .question-label,
.user-participant:not(.login) .page-url-participant .url-participant .containerQues .question .question-label,
.user-participant:not(.login) .page-quiz .whiteboard-participant .containerQues .question .question-label,
.user-participant:not(.login) .page-survey-participant .whiteboard-participant .containerQues .question .question-label,
.user-participant:not(.login) .page-url-participant .whiteboard-participant .containerQues .question .question-label {
  color: #6C7F85;
  font-weight: 500;
  padding-left: 15px;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 0;
  overflow: auto;
}

.user-participant:not(.login) .page-quiz .answerForm .containerQues .answers,
.user-participant:not(.login) .page-survey-participant .answerForm .containerQues .answers,
.user-participant:not(.login) .page-url-participant .answerForm .containerQues .answers,
.user-participant:not(.login) .page-quiz .url-participant .containerQues .answers,
.user-participant:not(.login) .page-survey-participant .url-participant .containerQues .answers,
.user-participant:not(.login) .page-url-participant .url-participant .containerQues .answers,
.user-participant:not(.login) .page-quiz .whiteboard-participant .containerQues .answers,
.user-participant:not(.login) .page-survey-participant .whiteboard-participant .containerQues .answers,
.user-participant:not(.login) .page-url-participant .whiteboard-participant .containerQues .answers {
  background: #fff;
  border-radius: 4px !important;
  margin-bottom: 15px;
  padding-left: 0;
  padding-right: 0;
  /*.form-comment{
					margin: 0;
					padding: 0;
				}*/
}

.user-participant:not(.login) .page-quiz .answerForm .containerQues .answers .answers-list,
.user-participant:not(.login) .page-survey-participant .answerForm .containerQues .answers .answers-list,
.user-participant:not(.login) .page-url-participant .answerForm .containerQues .answers .answers-list,
.user-participant:not(.login) .page-quiz .url-participant .containerQues .answers .answers-list,
.user-participant:not(.login) .page-survey-participant .url-participant .containerQues .answers .answers-list,
.user-participant:not(.login) .page-url-participant .url-participant .containerQues .answers .answers-list,
.user-participant:not(.login) .page-quiz .whiteboard-participant .containerQues .answers .answers-list,
.user-participant:not(.login) .page-survey-participant .whiteboard-participant .containerQues .answers .answers-list,
.user-participant:not(.login) .page-url-participant .whiteboard-participant .containerQues .answers .answers-list {
  padding: 5px 15px 5px 0;
  margin-left: 3%;
}

.user-participant:not(.login) .page-quiz .answerForm .containerQues .answers .setStyle,
.user-participant:not(.login) .page-survey-participant .answerForm .containerQues .answers .setStyle,
.user-participant:not(.login) .page-url-participant .answerForm .containerQues .answers .setStyle,
.user-participant:not(.login) .page-quiz .url-participant .containerQues .answers .setStyle,
.user-participant:not(.login) .page-survey-participant .url-participant .containerQues .answers .setStyle,
.user-participant:not(.login) .page-url-participant .url-participant .containerQues .answers .setStyle,
.user-participant:not(.login) .page-quiz .whiteboard-participant .containerQues .answers .setStyle,
.user-participant:not(.login) .page-survey-participant .whiteboard-participant .containerQues .answers .setStyle,
.user-participant:not(.login) .page-url-participant .whiteboard-participant .containerQues .answers .setStyle {
  color: #1b6d85;
}

.user-participant:not(.login) .page-quiz .answerForm .containerQues .answers label,
.user-participant:not(.login) .page-survey-participant .answerForm .containerQues .answers label,
.user-participant:not(.login) .page-url-participant .answerForm .containerQues .answers label,
.user-participant:not(.login) .page-quiz .url-participant .containerQues .answers label,
.user-participant:not(.login) .page-survey-participant .url-participant .containerQues .answers label,
.user-participant:not(.login) .page-url-participant .url-participant .containerQues .answers label,
.user-participant:not(.login) .page-quiz .whiteboard-participant .containerQues .answers label,
.user-participant:not(.login) .page-survey-participant .whiteboard-participant .containerQues .answers label,
.user-participant:not(.login) .page-url-participant .whiteboard-participant .containerQues .answers label {
  color: rgba(0, 0, 0, 0.6);
  font-size: 12px;
  line-height: 20px;
  font-weight: 500;
  width: calc(100% - 50px);
  padding-bottom: 12px;
  padding-top: 4px;
}

.user-participant:not(.login) .page-quiz .answerForm .containerQues .answers .label-radio,
.user-participant:not(.login) .page-survey-participant .answerForm .containerQues .answers .label-radio,
.user-participant:not(.login) .page-url-participant .answerForm .containerQues .answers .label-radio,
.user-participant:not(.login) .page-quiz .url-participant .containerQues .answers .label-radio,
.user-participant:not(.login) .page-survey-participant .url-participant .containerQues .answers .label-radio,
.user-participant:not(.login) .page-url-participant .url-participant .containerQues .answers .label-radio,
.user-participant:not(.login) .page-quiz .whiteboard-participant .containerQues .answers .label-radio,
.user-participant:not(.login) .page-survey-participant .whiteboard-participant .containerQues .answers .label-radio,
.user-participant:not(.login) .page-url-participant .whiteboard-participant .containerQues .answers .label-radio,
.user-participant:not(.login) .page-quiz .answerForm .containerQues .answers .label-checkbox,
.user-participant:not(.login) .page-survey-participant .answerForm .containerQues .answers .label-checkbox,
.user-participant:not(.login) .page-url-participant .answerForm .containerQues .answers .label-checkbox,
.user-participant:not(.login) .page-quiz .url-participant .containerQues .answers .label-checkbox,
.user-participant:not(.login) .page-survey-participant .url-participant .containerQues .answers .label-checkbox,
.user-participant:not(.login) .page-url-participant .url-participant .containerQues .answers .label-checkbox,
.user-participant:not(.login) .page-quiz .whiteboard-participant .containerQues .answers .label-checkbox,
.user-participant:not(.login) .page-survey-participant .whiteboard-participant .containerQues .answers .label-checkbox,
.user-participant:not(.login) .page-url-participant .whiteboard-participant .containerQues .answers .label-checkbox {
  margin-bottom: 8px;
  display: flex;
}

.user-participant:not(.login) .page-quiz .answerForm .containerQues .answers .label-radio .icheck-item,
.user-participant:not(.login) .page-survey-participant .answerForm .containerQues .answers .label-radio .icheck-item,
.user-participant:not(.login) .page-url-participant .answerForm .containerQues .answers .label-radio .icheck-item,
.user-participant:not(.login) .page-quiz .url-participant .containerQues .answers .label-radio .icheck-item,
.user-participant:not(.login) .page-survey-participant .url-participant .containerQues .answers .label-radio .icheck-item,
.user-participant:not(.login) .page-url-participant .url-participant .containerQues .answers .label-radio .icheck-item,
.user-participant:not(.login) .page-quiz .whiteboard-participant .containerQues .answers .label-radio .icheck-item,
.user-participant:not(.login) .page-survey-participant .whiteboard-participant .containerQues .answers .label-radio .icheck-item,
.user-participant:not(.login) .page-url-participant .whiteboard-participant .containerQues .answers .label-radio .icheck-item,
.user-participant:not(.login) .page-quiz .answerForm .containerQues .answers .label-checkbox .icheck-item,
.user-participant:not(.login) .page-survey-participant .answerForm .containerQues .answers .label-checkbox .icheck-item,
.user-participant:not(.login) .page-url-participant .answerForm .containerQues .answers .label-checkbox .icheck-item,
.user-participant:not(.login) .page-quiz .url-participant .containerQues .answers .label-checkbox .icheck-item,
.user-participant:not(.login) .page-survey-participant .url-participant .containerQues .answers .label-checkbox .icheck-item,
.user-participant:not(.login) .page-url-participant .url-participant .containerQues .answers .label-checkbox .icheck-item,
.user-participant:not(.login) .page-quiz .whiteboard-participant .containerQues .answers .label-checkbox .icheck-item,
.user-participant:not(.login) .page-survey-participant .whiteboard-participant .containerQues .answers .label-checkbox .icheck-item,
.user-participant:not(.login) .page-url-participant .whiteboard-participant .containerQues .answers .label-checkbox .icheck-item {
  visibility: hidden;
  position: absolute;
}

.user-participant:not(.login) .page-quiz .answerForm .containerQues .answers .label-radio .label-text,
.user-participant:not(.login) .page-survey-participant .answerForm .containerQues .answers .label-radio .label-text,
.user-participant:not(.login) .page-url-participant .answerForm .containerQues .answers .label-radio .label-text,
.user-participant:not(.login) .page-quiz .url-participant .containerQues .answers .label-radio .label-text,
.user-participant:not(.login) .page-survey-participant .url-participant .containerQues .answers .label-radio .label-text,
.user-participant:not(.login) .page-url-participant .url-participant .containerQues .answers .label-radio .label-text,
.user-participant:not(.login) .page-quiz .whiteboard-participant .containerQues .answers .label-radio .label-text,
.user-participant:not(.login) .page-survey-participant .whiteboard-participant .containerQues .answers .label-radio .label-text,
.user-participant:not(.login) .page-url-participant .whiteboard-participant .containerQues .answers .label-radio .label-text,
.user-participant:not(.login) .page-quiz .answerForm .containerQues .answers .label-checkbox .label-text,
.user-participant:not(.login) .page-survey-participant .answerForm .containerQues .answers .label-checkbox .label-text,
.user-participant:not(.login) .page-url-participant .answerForm .containerQues .answers .label-checkbox .label-text,
.user-participant:not(.login) .page-quiz .url-participant .containerQues .answers .label-checkbox .label-text,
.user-participant:not(.login) .page-survey-participant .url-participant .containerQues .answers .label-checkbox .label-text,
.user-participant:not(.login) .page-url-participant .url-participant .containerQues .answers .label-checkbox .label-text,
.user-participant:not(.login) .page-quiz .whiteboard-participant .containerQues .answers .label-checkbox .label-text,
.user-participant:not(.login) .page-survey-participant .whiteboard-participant .containerQues .answers .label-checkbox .label-text,
.user-participant:not(.login) .page-url-participant .whiteboard-participant .containerQues .answers .label-checkbox .label-text {
  margin-left: 15px;
  padding-top: 5px;
  font-weight: 400;
  font-size: 18px;
  color: #6C7F85;
}

.user-participant:not(.login) .page-quiz .answerForm .containerQues .answers .label-radio .input-label,
.user-participant:not(.login) .page-survey-participant .answerForm .containerQues .answers .label-radio .input-label,
.user-participant:not(.login) .page-url-participant .answerForm .containerQues .answers .label-radio .input-label,
.user-participant:not(.login) .page-quiz .url-participant .containerQues .answers .label-radio .input-label,
.user-participant:not(.login) .page-survey-participant .url-participant .containerQues .answers .label-radio .input-label,
.user-participant:not(.login) .page-url-participant .url-participant .containerQues .answers .label-radio .input-label,
.user-participant:not(.login) .page-quiz .whiteboard-participant .containerQues .answers .label-radio .input-label,
.user-participant:not(.login) .page-survey-participant .whiteboard-participant .containerQues .answers .label-radio .input-label,
.user-participant:not(.login) .page-url-participant .whiteboard-participant .containerQues .answers .label-radio .input-label,
.user-participant:not(.login) .page-quiz .answerForm .containerQues .answers .label-checkbox .input-label,
.user-participant:not(.login) .page-survey-participant .answerForm .containerQues .answers .label-checkbox .input-label,
.user-participant:not(.login) .page-url-participant .answerForm .containerQues .answers .label-checkbox .input-label,
.user-participant:not(.login) .page-quiz .url-participant .containerQues .answers .label-checkbox .input-label,
.user-participant:not(.login) .page-survey-participant .url-participant .containerQues .answers .label-checkbox .input-label,
.user-participant:not(.login) .page-url-participant .url-participant .containerQues .answers .label-checkbox .input-label,
.user-participant:not(.login) .page-quiz .whiteboard-participant .containerQues .answers .label-checkbox .input-label,
.user-participant:not(.login) .page-survey-participant .whiteboard-participant .containerQues .answers .label-checkbox .input-label,
.user-participant:not(.login) .page-url-participant .whiteboard-participant .containerQues .answers .label-checkbox .input-label {
  position: relative;
  height: 30px;
  width: 30px;
  min-height: 30px;
  min-width: 30px;
  margin-left: 0;
  padding-left: 0px !important;
  background-color: #B8C1BF;
}

.user-participant:not(.login) .page-quiz .answerForm .containerQues .answers .label-radio,
.user-participant:not(.login) .page-survey-participant .answerForm .containerQues .answers .label-radio,
.user-participant:not(.login) .page-url-participant .answerForm .containerQues .answers .label-radio,
.user-participant:not(.login) .page-quiz .url-participant .containerQues .answers .label-radio,
.user-participant:not(.login) .page-survey-participant .url-participant .containerQues .answers .label-radio,
.user-participant:not(.login) .page-url-participant .url-participant .containerQues .answers .label-radio,
.user-participant:not(.login) .page-quiz .whiteboard-participant .containerQues .answers .label-radio,
.user-participant:not(.login) .page-survey-participant .whiteboard-participant .containerQues .answers .label-radio,
.user-participant:not(.login) .page-url-participant .whiteboard-participant .containerQues .answers .label-radio {
  cursor: pointer;
}

.user-participant:not(.login) .page-quiz .answerForm .containerQues .answers .label-radio input[type=radio],
.user-participant:not(.login) .page-survey-participant .answerForm .containerQues .answers .label-radio input[type=radio],
.user-participant:not(.login) .page-url-participant .answerForm .containerQues .answers .label-radio input[type=radio],
.user-participant:not(.login) .page-quiz .url-participant .containerQues .answers .label-radio input[type=radio],
.user-participant:not(.login) .page-survey-participant .url-participant .containerQues .answers .label-radio input[type=radio],
.user-participant:not(.login) .page-url-participant .url-participant .containerQues .answers .label-radio input[type=radio],
.user-participant:not(.login) .page-quiz .whiteboard-participant .containerQues .answers .label-radio input[type=radio],
.user-participant:not(.login) .page-survey-participant .whiteboard-participant .containerQues .answers .label-radio input[type=radio],
.user-participant:not(.login) .page-url-participant .whiteboard-participant .containerQues .answers .label-radio input[type=radio] {
  opacity: 0;
}

.user-participant:not(.login) .page-quiz .answerForm .containerQues .answers .label-radio .input-label,
.user-participant:not(.login) .page-survey-participant .answerForm .containerQues .answers .label-radio .input-label,
.user-participant:not(.login) .page-url-participant .answerForm .containerQues .answers .label-radio .input-label,
.user-participant:not(.login) .page-quiz .url-participant .containerQues .answers .label-radio .input-label,
.user-participant:not(.login) .page-survey-participant .url-participant .containerQues .answers .label-radio .input-label,
.user-participant:not(.login) .page-url-participant .url-participant .containerQues .answers .label-radio .input-label,
.user-participant:not(.login) .page-quiz .whiteboard-participant .containerQues .answers .label-radio .input-label,
.user-participant:not(.login) .page-survey-participant .whiteboard-participant .containerQues .answers .label-radio .input-label,
.user-participant:not(.login) .page-url-participant .whiteboard-participant .containerQues .answers .label-radio .input-label {
  border-radius: 15px !important;
  border: 7px solid #B8C1BF;
}

.user-participant:not(.login) .page-quiz .answerForm .containerQues .answers .label-radio .icheck-item.checked + .input-label,
.user-participant:not(.login) .page-survey-participant .answerForm .containerQues .answers .label-radio .icheck-item.checked + .input-label,
.user-participant:not(.login) .page-url-participant .answerForm .containerQues .answers .label-radio .icheck-item.checked + .input-label,
.user-participant:not(.login) .page-quiz .url-participant .containerQues .answers .label-radio .icheck-item.checked + .input-label,
.user-participant:not(.login) .page-survey-participant .url-participant .containerQues .answers .label-radio .icheck-item.checked + .input-label,
.user-participant:not(.login) .page-url-participant .url-participant .containerQues .answers .label-radio .icheck-item.checked + .input-label,
.user-participant:not(.login) .page-quiz .whiteboard-participant .containerQues .answers .label-radio .icheck-item.checked + .input-label,
.user-participant:not(.login) .page-survey-participant .whiteboard-participant .containerQues .answers .label-radio .icheck-item.checked + .input-label,
.user-participant:not(.login) .page-url-participant .whiteboard-participant .containerQues .answers .label-radio .icheck-item.checked + .input-label,
.user-participant:not(.login) .page-quiz .answerForm .containerQues .answers .label-radio .input-label.selected,
.user-participant:not(.login) .page-survey-participant .answerForm .containerQues .answers .label-radio .input-label.selected,
.user-participant:not(.login) .page-url-participant .answerForm .containerQues .answers .label-radio .input-label.selected,
.user-participant:not(.login) .page-quiz .url-participant .containerQues .answers .label-radio .input-label.selected,
.user-participant:not(.login) .page-survey-participant .url-participant .containerQues .answers .label-radio .input-label.selected,
.user-participant:not(.login) .page-url-participant .url-participant .containerQues .answers .label-radio .input-label.selected,
.user-participant:not(.login) .page-quiz .whiteboard-participant .containerQues .answers .label-radio .input-label.selected,
.user-participant:not(.login) .page-survey-participant .whiteboard-participant .containerQues .answers .label-radio .input-label.selected,
.user-participant:not(.login) .page-url-participant .whiteboard-participant .containerQues .answers .label-radio .input-label.selected {
  border: 7px solid #36c1c4;
  background-color: #fff;
}

.user-participant:not(.login) .page-quiz .answerForm .containerQues .answers .label-radio .icheck-item.checked + .input-label + .label-text,
.user-participant:not(.login) .page-survey-participant .answerForm .containerQues .answers .label-radio .icheck-item.checked + .input-label + .label-text,
.user-participant:not(.login) .page-url-participant .answerForm .containerQues .answers .label-radio .icheck-item.checked + .input-label + .label-text,
.user-participant:not(.login) .page-quiz .url-participant .containerQues .answers .label-radio .icheck-item.checked + .input-label + .label-text,
.user-participant:not(.login) .page-survey-participant .url-participant .containerQues .answers .label-radio .icheck-item.checked + .input-label + .label-text,
.user-participant:not(.login) .page-url-participant .url-participant .containerQues .answers .label-radio .icheck-item.checked + .input-label + .label-text,
.user-participant:not(.login) .page-quiz .whiteboard-participant .containerQues .answers .label-radio .icheck-item.checked + .input-label + .label-text,
.user-participant:not(.login) .page-survey-participant .whiteboard-participant .containerQues .answers .label-radio .icheck-item.checked + .input-label + .label-text,
.user-participant:not(.login) .page-url-participant .whiteboard-participant .containerQues .answers .label-radio .icheck-item.checked + .input-label + .label-text,
.user-participant:not(.login) .page-quiz .answerForm .containerQues .answers .label-radio .input-label.selected + .label-text,
.user-participant:not(.login) .page-survey-participant .answerForm .containerQues .answers .label-radio .input-label.selected + .label-text,
.user-participant:not(.login) .page-url-participant .answerForm .containerQues .answers .label-radio .input-label.selected + .label-text,
.user-participant:not(.login) .page-quiz .url-participant .containerQues .answers .label-radio .input-label.selected + .label-text,
.user-participant:not(.login) .page-survey-participant .url-participant .containerQues .answers .label-radio .input-label.selected + .label-text,
.user-participant:not(.login) .page-url-participant .url-participant .containerQues .answers .label-radio .input-label.selected + .label-text,
.user-participant:not(.login) .page-quiz .whiteboard-participant .containerQues .answers .label-radio .input-label.selected + .label-text,
.user-participant:not(.login) .page-survey-participant .whiteboard-participant .containerQues .answers .label-radio .input-label.selected + .label-text,
.user-participant:not(.login) .page-url-participant .whiteboard-participant .containerQues .answers .label-radio .input-label.selected + .label-text {
  color: #36c1c4;
  font-weight: 500;
}

.user-participant:not(.login) .page-quiz .answerForm .containerQues .answers .label-checkbox,
.user-participant:not(.login) .page-survey-participant .answerForm .containerQues .answers .label-checkbox,
.user-participant:not(.login) .page-url-participant .answerForm .containerQues .answers .label-checkbox,
.user-participant:not(.login) .page-quiz .url-participant .containerQues .answers .label-checkbox,
.user-participant:not(.login) .page-survey-participant .url-participant .containerQues .answers .label-checkbox,
.user-participant:not(.login) .page-url-participant .url-participant .containerQues .answers .label-checkbox,
.user-participant:not(.login) .page-quiz .whiteboard-participant .containerQues .answers .label-checkbox,
.user-participant:not(.login) .page-survey-participant .whiteboard-participant .containerQues .answers .label-checkbox,
.user-participant:not(.login) .page-url-participant .whiteboard-participant .containerQues .answers .label-checkbox {
  cursor: pointer;
}

.user-participant:not(.login) .page-quiz .answerForm .containerQues .answers .label-checkbox input[type=checkbox],
.user-participant:not(.login) .page-survey-participant .answerForm .containerQues .answers .label-checkbox input[type=checkbox],
.user-participant:not(.login) .page-url-participant .answerForm .containerQues .answers .label-checkbox input[type=checkbox],
.user-participant:not(.login) .page-quiz .url-participant .containerQues .answers .label-checkbox input[type=checkbox],
.user-participant:not(.login) .page-survey-participant .url-participant .containerQues .answers .label-checkbox input[type=checkbox],
.user-participant:not(.login) .page-url-participant .url-participant .containerQues .answers .label-checkbox input[type=checkbox],
.user-participant:not(.login) .page-quiz .whiteboard-participant .containerQues .answers .label-checkbox input[type=checkbox],
.user-participant:not(.login) .page-survey-participant .whiteboard-participant .containerQues .answers .label-checkbox input[type=checkbox],
.user-participant:not(.login) .page-url-participant .whiteboard-participant .containerQues .answers .label-checkbox input[type=checkbox] {
  opacity: 0;
}

.user-participant:not(.login) .page-quiz .answerForm .containerQues .answers .label-checkbox .input-label,
.user-participant:not(.login) .page-survey-participant .answerForm .containerQues .answers .label-checkbox .input-label,
.user-participant:not(.login) .page-url-participant .answerForm .containerQues .answers .label-checkbox .input-label,
.user-participant:not(.login) .page-quiz .url-participant .containerQues .answers .label-checkbox .input-label,
.user-participant:not(.login) .page-survey-participant .url-participant .containerQues .answers .label-checkbox .input-label,
.user-participant:not(.login) .page-url-participant .url-participant .containerQues .answers .label-checkbox .input-label,
.user-participant:not(.login) .page-quiz .whiteboard-participant .containerQues .answers .label-checkbox .input-label,
.user-participant:not(.login) .page-survey-participant .whiteboard-participant .containerQues .answers .label-checkbox .input-label,
.user-participant:not(.login) .page-url-participant .whiteboard-participant .containerQues .answers .label-checkbox .input-label {
  border-radius: 2px !important;
}

.user-participant:not(.login) .page-quiz .answerForm .containerQues .answers .label-checkbox .input-label .fa,
.user-participant:not(.login) .page-survey-participant .answerForm .containerQues .answers .label-checkbox .input-label .fa,
.user-participant:not(.login) .page-url-participant .answerForm .containerQues .answers .label-checkbox .input-label .fa,
.user-participant:not(.login) .page-quiz .url-participant .containerQues .answers .label-checkbox .input-label .fa,
.user-participant:not(.login) .page-survey-participant .url-participant .containerQues .answers .label-checkbox .input-label .fa,
.user-participant:not(.login) .page-url-participant .url-participant .containerQues .answers .label-checkbox .input-label .fa,
.user-participant:not(.login) .page-quiz .whiteboard-participant .containerQues .answers .label-checkbox .input-label .fa,
.user-participant:not(.login) .page-survey-participant .whiteboard-participant .containerQues .answers .label-checkbox .input-label .fa,
.user-participant:not(.login) .page-url-participant .whiteboard-participant .containerQues .answers .label-checkbox .input-label .fa,
.user-participant:not(.login) .page-quiz .answerForm .containerQues .answers .label-checkbox .input-label .fas,
.user-participant:not(.login) .page-survey-participant .answerForm .containerQues .answers .label-checkbox .input-label .fas,
.user-participant:not(.login) .page-url-participant .answerForm .containerQues .answers .label-checkbox .input-label .fas,
.user-participant:not(.login) .page-quiz .url-participant .containerQues .answers .label-checkbox .input-label .fas,
.user-participant:not(.login) .page-survey-participant .url-participant .containerQues .answers .label-checkbox .input-label .fas,
.user-participant:not(.login) .page-url-participant .url-participant .containerQues .answers .label-checkbox .input-label .fas,
.user-participant:not(.login) .page-quiz .whiteboard-participant .containerQues .answers .label-checkbox .input-label .fas,
.user-participant:not(.login) .page-survey-participant .whiteboard-participant .containerQues .answers .label-checkbox .input-label .fas,
.user-participant:not(.login) .page-url-participant .whiteboard-participant .containerQues .answers .label-checkbox .input-label .fas,
.user-participant:not(.login) .page-quiz .answerForm .containerQues .answers .label-checkbox .input-label .far,
.user-participant:not(.login) .page-survey-participant .answerForm .containerQues .answers .label-checkbox .input-label .far,
.user-participant:not(.login) .page-url-participant .answerForm .containerQues .answers .label-checkbox .input-label .far,
.user-participant:not(.login) .page-quiz .url-participant .containerQues .answers .label-checkbox .input-label .far,
.user-participant:not(.login) .page-survey-participant .url-participant .containerQues .answers .label-checkbox .input-label .far,
.user-participant:not(.login) .page-url-participant .url-participant .containerQues .answers .label-checkbox .input-label .far,
.user-participant:not(.login) .page-quiz .whiteboard-participant .containerQues .answers .label-checkbox .input-label .far,
.user-participant:not(.login) .page-survey-participant .whiteboard-participant .containerQues .answers .label-checkbox .input-label .far,
.user-participant:not(.login) .page-url-participant .whiteboard-participant .containerQues .answers .label-checkbox .input-label .far {
  visibility: hidden;
  position: absolute;
  top: 0px !important;
  left: 0px !important;
  color: #fff !important;
  height: 100%;
  width: 100%;
}

.user-participant:not(.login) .page-quiz .answerForm .containerQues .answers .label-checkbox .input-label .fa:before,
.user-participant:not(.login) .page-survey-participant .answerForm .containerQues .answers .label-checkbox .input-label .fa:before,
.user-participant:not(.login) .page-url-participant .answerForm .containerQues .answers .label-checkbox .input-label .fa:before,
.user-participant:not(.login) .page-quiz .url-participant .containerQues .answers .label-checkbox .input-label .fa:before,
.user-participant:not(.login) .page-survey-participant .url-participant .containerQues .answers .label-checkbox .input-label .fa:before,
.user-participant:not(.login) .page-url-participant .url-participant .containerQues .answers .label-checkbox .input-label .fa:before,
.user-participant:not(.login) .page-quiz .whiteboard-participant .containerQues .answers .label-checkbox .input-label .fa:before,
.user-participant:not(.login) .page-survey-participant .whiteboard-participant .containerQues .answers .label-checkbox .input-label .fa:before,
.user-participant:not(.login) .page-url-participant .whiteboard-participant .containerQues .answers .label-checkbox .input-label .fa:before,
.user-participant:not(.login) .page-quiz .answerForm .containerQues .answers .label-checkbox .input-label .fas:before,
.user-participant:not(.login) .page-survey-participant .answerForm .containerQues .answers .label-checkbox .input-label .fas:before,
.user-participant:not(.login) .page-url-participant .answerForm .containerQues .answers .label-checkbox .input-label .fas:before,
.user-participant:not(.login) .page-quiz .url-participant .containerQues .answers .label-checkbox .input-label .fas:before,
.user-participant:not(.login) .page-survey-participant .url-participant .containerQues .answers .label-checkbox .input-label .fas:before,
.user-participant:not(.login) .page-url-participant .url-participant .containerQues .answers .label-checkbox .input-label .fas:before,
.user-participant:not(.login) .page-quiz .whiteboard-participant .containerQues .answers .label-checkbox .input-label .fas:before,
.user-participant:not(.login) .page-survey-participant .whiteboard-participant .containerQues .answers .label-checkbox .input-label .fas:before,
.user-participant:not(.login) .page-url-participant .whiteboard-participant .containerQues .answers .label-checkbox .input-label .fas:before,
.user-participant:not(.login) .page-quiz .answerForm .containerQues .answers .label-checkbox .input-label .far:before,
.user-participant:not(.login) .page-survey-participant .answerForm .containerQues .answers .label-checkbox .input-label .far:before,
.user-participant:not(.login) .page-url-participant .answerForm .containerQues .answers .label-checkbox .input-label .far:before,
.user-participant:not(.login) .page-quiz .url-participant .containerQues .answers .label-checkbox .input-label .far:before,
.user-participant:not(.login) .page-survey-participant .url-participant .containerQues .answers .label-checkbox .input-label .far:before,
.user-participant:not(.login) .page-url-participant .url-participant .containerQues .answers .label-checkbox .input-label .far:before,
.user-participant:not(.login) .page-quiz .whiteboard-participant .containerQues .answers .label-checkbox .input-label .far:before,
.user-participant:not(.login) .page-survey-participant .whiteboard-participant .containerQues .answers .label-checkbox .input-label .far:before,
.user-participant:not(.login) .page-url-participant .whiteboard-participant .containerQues .answers .label-checkbox .input-label .far:before {
  position: absolute;
  font-size: 20px !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.user-participant:not(.login) .page-quiz .answerForm .containerQues .answers .label-checkbox .icheck-item.checked + .input-label,
.user-participant:not(.login) .page-survey-participant .answerForm .containerQues .answers .label-checkbox .icheck-item.checked + .input-label,
.user-participant:not(.login) .page-url-participant .answerForm .containerQues .answers .label-checkbox .icheck-item.checked + .input-label,
.user-participant:not(.login) .page-quiz .url-participant .containerQues .answers .label-checkbox .icheck-item.checked + .input-label,
.user-participant:not(.login) .page-survey-participant .url-participant .containerQues .answers .label-checkbox .icheck-item.checked + .input-label,
.user-participant:not(.login) .page-url-participant .url-participant .containerQues .answers .label-checkbox .icheck-item.checked + .input-label,
.user-participant:not(.login) .page-quiz .whiteboard-participant .containerQues .answers .label-checkbox .icheck-item.checked + .input-label,
.user-participant:not(.login) .page-survey-participant .whiteboard-participant .containerQues .answers .label-checkbox .icheck-item.checked + .input-label,
.user-participant:not(.login) .page-url-participant .whiteboard-participant .containerQues .answers .label-checkbox .icheck-item.checked + .input-label,
.user-participant:not(.login) .page-quiz .answerForm .containerQues .answers .label-checkbox .input-label.selected,
.user-participant:not(.login) .page-survey-participant .answerForm .containerQues .answers .label-checkbox .input-label.selected,
.user-participant:not(.login) .page-url-participant .answerForm .containerQues .answers .label-checkbox .input-label.selected,
.user-participant:not(.login) .page-quiz .url-participant .containerQues .answers .label-checkbox .input-label.selected,
.user-participant:not(.login) .page-survey-participant .url-participant .containerQues .answers .label-checkbox .input-label.selected,
.user-participant:not(.login) .page-url-participant .url-participant .containerQues .answers .label-checkbox .input-label.selected,
.user-participant:not(.login) .page-quiz .whiteboard-participant .containerQues .answers .label-checkbox .input-label.selected,
.user-participant:not(.login) .page-survey-participant .whiteboard-participant .containerQues .answers .label-checkbox .input-label.selected,
.user-participant:not(.login) .page-url-participant .whiteboard-participant .containerQues .answers .label-checkbox .input-label.selected {
  border: 7px solid #36c1c4;
  background-color: #36c1c4 !important;
}

.user-participant:not(.login) .page-quiz .answerForm .containerQues .answers .label-checkbox .icheck-item.checked + .input-label .fas,
.user-participant:not(.login) .page-survey-participant .answerForm .containerQues .answers .label-checkbox .icheck-item.checked + .input-label .fas,
.user-participant:not(.login) .page-url-participant .answerForm .containerQues .answers .label-checkbox .icheck-item.checked + .input-label .fas,
.user-participant:not(.login) .page-quiz .url-participant .containerQues .answers .label-checkbox .icheck-item.checked + .input-label .fas,
.user-participant:not(.login) .page-survey-participant .url-participant .containerQues .answers .label-checkbox .icheck-item.checked + .input-label .fas,
.user-participant:not(.login) .page-url-participant .url-participant .containerQues .answers .label-checkbox .icheck-item.checked + .input-label .fas,
.user-participant:not(.login) .page-quiz .whiteboard-participant .containerQues .answers .label-checkbox .icheck-item.checked + .input-label .fas,
.user-participant:not(.login) .page-survey-participant .whiteboard-participant .containerQues .answers .label-checkbox .icheck-item.checked + .input-label .fas,
.user-participant:not(.login) .page-url-participant .whiteboard-participant .containerQues .answers .label-checkbox .icheck-item.checked + .input-label .fas,
.user-participant:not(.login) .page-quiz .answerForm .containerQues .answers .label-checkbox .input-label.selected .fas,
.user-participant:not(.login) .page-survey-participant .answerForm .containerQues .answers .label-checkbox .input-label.selected .fas,
.user-participant:not(.login) .page-url-participant .answerForm .containerQues .answers .label-checkbox .input-label.selected .fas,
.user-participant:not(.login) .page-quiz .url-participant .containerQues .answers .label-checkbox .input-label.selected .fas,
.user-participant:not(.login) .page-survey-participant .url-participant .containerQues .answers .label-checkbox .input-label.selected .fas,
.user-participant:not(.login) .page-url-participant .url-participant .containerQues .answers .label-checkbox .input-label.selected .fas,
.user-participant:not(.login) .page-quiz .whiteboard-participant .containerQues .answers .label-checkbox .input-label.selected .fas,
.user-participant:not(.login) .page-survey-participant .whiteboard-participant .containerQues .answers .label-checkbox .input-label.selected .fas,
.user-participant:not(.login) .page-url-participant .whiteboard-participant .containerQues .answers .label-checkbox .input-label.selected .fas {
  visibility: visible;
}

.user-participant:not(.login) .page-quiz .answerForm .containerQues .answers .label-checkbox .icheck-item.checked + .input-label + .label-text,
.user-participant:not(.login) .page-survey-participant .answerForm .containerQues .answers .label-checkbox .icheck-item.checked + .input-label + .label-text,
.user-participant:not(.login) .page-url-participant .answerForm .containerQues .answers .label-checkbox .icheck-item.checked + .input-label + .label-text,
.user-participant:not(.login) .page-quiz .url-participant .containerQues .answers .label-checkbox .icheck-item.checked + .input-label + .label-text,
.user-participant:not(.login) .page-survey-participant .url-participant .containerQues .answers .label-checkbox .icheck-item.checked + .input-label + .label-text,
.user-participant:not(.login) .page-url-participant .url-participant .containerQues .answers .label-checkbox .icheck-item.checked + .input-label + .label-text,
.user-participant:not(.login) .page-quiz .whiteboard-participant .containerQues .answers .label-checkbox .icheck-item.checked + .input-label + .label-text,
.user-participant:not(.login) .page-survey-participant .whiteboard-participant .containerQues .answers .label-checkbox .icheck-item.checked + .input-label + .label-text,
.user-participant:not(.login) .page-url-participant .whiteboard-participant .containerQues .answers .label-checkbox .icheck-item.checked + .input-label + .label-text,
.user-participant:not(.login) .page-quiz .answerForm .containerQues .answers .label-checkbox .input-label.selected + .label-text,
.user-participant:not(.login) .page-survey-participant .answerForm .containerQues .answers .label-checkbox .input-label.selected + .label-text,
.user-participant:not(.login) .page-url-participant .answerForm .containerQues .answers .label-checkbox .input-label.selected + .label-text,
.user-participant:not(.login) .page-quiz .url-participant .containerQues .answers .label-checkbox .input-label.selected + .label-text,
.user-participant:not(.login) .page-survey-participant .url-participant .containerQues .answers .label-checkbox .input-label.selected + .label-text,
.user-participant:not(.login) .page-url-participant .url-participant .containerQues .answers .label-checkbox .input-label.selected + .label-text,
.user-participant:not(.login) .page-quiz .whiteboard-participant .containerQues .answers .label-checkbox .input-label.selected + .label-text,
.user-participant:not(.login) .page-survey-participant .whiteboard-participant .containerQues .answers .label-checkbox .input-label.selected + .label-text,
.user-participant:not(.login) .page-url-participant .whiteboard-participant .containerQues .answers .label-checkbox .input-label.selected + .label-text {
  color: #36c1c4;
  font-weight: 500;
}

.user-participant:not(.login) .page-quiz .answerForm .containerQues .answers .icheckbox_flat,
.user-participant:not(.login) .page-survey-participant .answerForm .containerQues .answers .icheckbox_flat,
.user-participant:not(.login) .page-url-participant .answerForm .containerQues .answers .icheckbox_flat,
.user-participant:not(.login) .page-quiz .url-participant .containerQues .answers .icheckbox_flat,
.user-participant:not(.login) .page-survey-participant .url-participant .containerQues .answers .icheckbox_flat,
.user-participant:not(.login) .page-url-participant .url-participant .containerQues .answers .icheckbox_flat,
.user-participant:not(.login) .page-quiz .whiteboard-participant .containerQues .answers .icheckbox_flat,
.user-participant:not(.login) .page-survey-participant .whiteboard-participant .containerQues .answers .icheckbox_flat,
.user-participant:not(.login) .page-url-participant .whiteboard-participant .containerQues .answers .icheckbox_flat,
.user-participant:not(.login) .page-quiz .answerForm .containerQues .answers .iradio_flat,
.user-participant:not(.login) .page-survey-participant .answerForm .containerQues .answers .iradio_flat,
.user-participant:not(.login) .page-url-participant .answerForm .containerQues .answers .iradio_flat,
.user-participant:not(.login) .page-quiz .url-participant .containerQues .answers .iradio_flat,
.user-participant:not(.login) .page-survey-participant .url-participant .containerQues .answers .iradio_flat,
.user-participant:not(.login) .page-url-participant .url-participant .containerQues .answers .iradio_flat,
.user-participant:not(.login) .page-quiz .whiteboard-participant .containerQues .answers .iradio_flat,
.user-participant:not(.login) .page-survey-participant .whiteboard-participant .containerQues .answers .iradio_flat,
.user-participant:not(.login) .page-url-participant .whiteboard-participant .containerQues .answers .iradio_flat {
  position: absolute;
}

.user-participant:not(.login) .page-quiz .answerForm .containerQues .answers label.bordered,
.user-participant:not(.login) .page-survey-participant .answerForm .containerQues .answers label.bordered,
.user-participant:not(.login) .page-url-participant .answerForm .containerQues .answers label.bordered,
.user-participant:not(.login) .page-quiz .url-participant .containerQues .answers label.bordered,
.user-participant:not(.login) .page-survey-participant .url-participant .containerQues .answers label.bordered,
.user-participant:not(.login) .page-url-participant .url-participant .containerQues .answers label.bordered,
.user-participant:not(.login) .page-quiz .whiteboard-participant .containerQues .answers label.bordered,
.user-participant:not(.login) .page-survey-participant .whiteboard-participant .containerQues .answers label.bordered,
.user-participant:not(.login) .page-url-participant .whiteboard-participant .containerQues .answers label.bordered {
  border-bottom: 1px solid #eee;
}

.user-participant:not(.login) .page-quiz .answerForm .containerQues .answers .radio label,
.user-participant:not(.login) .page-survey-participant .answerForm .containerQues .answers .radio label,
.user-participant:not(.login) .page-url-participant .answerForm .containerQues .answers .radio label,
.user-participant:not(.login) .page-quiz .url-participant .containerQues .answers .radio label,
.user-participant:not(.login) .page-survey-participant .url-participant .containerQues .answers .radio label,
.user-participant:not(.login) .page-url-participant .url-participant .containerQues .answers .radio label,
.user-participant:not(.login) .page-quiz .whiteboard-participant .containerQues .answers .radio label,
.user-participant:not(.login) .page-survey-participant .whiteboard-participant .containerQues .answers .radio label,
.user-participant:not(.login) .page-url-participant .whiteboard-participant .containerQues .answers .radio label,
.user-participant:not(.login) .page-quiz .answerForm .containerQues .answers .checkbox label,
.user-participant:not(.login) .page-survey-participant .answerForm .containerQues .answers .checkbox label,
.user-participant:not(.login) .page-url-participant .answerForm .containerQues .answers .checkbox label,
.user-participant:not(.login) .page-quiz .url-participant .containerQues .answers .checkbox label,
.user-participant:not(.login) .page-survey-participant .url-participant .containerQues .answers .checkbox label,
.user-participant:not(.login) .page-url-participant .url-participant .containerQues .answers .checkbox label,
.user-participant:not(.login) .page-quiz .whiteboard-participant .containerQues .answers .checkbox label,
.user-participant:not(.login) .page-survey-participant .whiteboard-participant .containerQues .answers .checkbox label,
.user-participant:not(.login) .page-url-participant .whiteboard-participant .containerQues .answers .checkbox label {
  margin-left: 36px;
  padding-left: 0;
}

.user-participant:not(.login) .page-quiz .answerForm .containerQues .answers .labelChange,
.user-participant:not(.login) .page-survey-participant .answerForm .containerQues .answers .labelChange,
.user-participant:not(.login) .page-url-participant .answerForm .containerQues .answers .labelChange,
.user-participant:not(.login) .page-quiz .url-participant .containerQues .answers .labelChange,
.user-participant:not(.login) .page-survey-participant .url-participant .containerQues .answers .labelChange,
.user-participant:not(.login) .page-url-participant .url-participant .containerQues .answers .labelChange,
.user-participant:not(.login) .page-quiz .whiteboard-participant .containerQues .answers .labelChange,
.user-participant:not(.login) .page-survey-participant .whiteboard-participant .containerQues .answers .labelChange,
.user-participant:not(.login) .page-url-participant .whiteboard-participant .containerQues .answers .labelChange {
  color: #1b6d85;
}

.user-participant:not(.login) .page-quiz .answerForm .containerQues .answers div.checkbox,
.user-participant:not(.login) .page-survey-participant .answerForm .containerQues .answers div.checkbox,
.user-participant:not(.login) .page-url-participant .answerForm .containerQues .answers div.checkbox,
.user-participant:not(.login) .page-quiz .url-participant .containerQues .answers div.checkbox,
.user-participant:not(.login) .page-survey-participant .url-participant .containerQues .answers div.checkbox,
.user-participant:not(.login) .page-url-participant .url-participant .containerQues .answers div.checkbox,
.user-participant:not(.login) .page-quiz .whiteboard-participant .containerQues .answers div.checkbox,
.user-participant:not(.login) .page-survey-participant .whiteboard-participant .containerQues .answers div.checkbox,
.user-participant:not(.login) .page-url-participant .whiteboard-participant .containerQues .answers div.checkbox,
.user-participant:not(.login) .page-quiz .answerForm .containerQues .answers div.radio,
.user-participant:not(.login) .page-survey-participant .answerForm .containerQues .answers div.radio,
.user-participant:not(.login) .page-url-participant .answerForm .containerQues .answers div.radio,
.user-participant:not(.login) .page-quiz .url-participant .containerQues .answers div.radio,
.user-participant:not(.login) .page-survey-participant .url-participant .containerQues .answers div.radio,
.user-participant:not(.login) .page-url-participant .url-participant .containerQues .answers div.radio,
.user-participant:not(.login) .page-quiz .whiteboard-participant .containerQues .answers div.radio,
.user-participant:not(.login) .page-survey-participant .whiteboard-participant .containerQues .answers div.radio,
.user-participant:not(.login) .page-url-participant .whiteboard-participant .containerQues .answers div.radio {
  padding: 8px 0 0 15px;
  margin: 0;
}

.user-participant:not(.login) .page-quiz .answerForm .containerQues .answers div[class*=icheckbox_],
.user-participant:not(.login) .page-survey-participant .answerForm .containerQues .answers div[class*=icheckbox_],
.user-participant:not(.login) .page-url-participant .answerForm .containerQues .answers div[class*=icheckbox_],
.user-participant:not(.login) .page-quiz .url-participant .containerQues .answers div[class*=icheckbox_],
.user-participant:not(.login) .page-survey-participant .url-participant .containerQues .answers div[class*=icheckbox_],
.user-participant:not(.login) .page-url-participant .url-participant .containerQues .answers div[class*=icheckbox_],
.user-participant:not(.login) .page-quiz .whiteboard-participant .containerQues .answers div[class*=icheckbox_],
.user-participant:not(.login) .page-survey-participant .whiteboard-participant .containerQues .answers div[class*=icheckbox_],
.user-participant:not(.login) .page-url-participant .whiteboard-participant .containerQues .answers div[class*=icheckbox_],
.user-participant:not(.login) .page-quiz .answerForm .containerQues .answers div[class*=iradio_],
.user-participant:not(.login) .page-survey-participant .answerForm .containerQues .answers div[class*=iradio_],
.user-participant:not(.login) .page-url-participant .answerForm .containerQues .answers div[class*=iradio_],
.user-participant:not(.login) .page-quiz .url-participant .containerQues .answers div[class*=iradio_],
.user-participant:not(.login) .page-survey-participant .url-participant .containerQues .answers div[class*=iradio_],
.user-participant:not(.login) .page-url-participant .url-participant .containerQues .answers div[class*=iradio_],
.user-participant:not(.login) .page-quiz .whiteboard-participant .containerQues .answers div[class*=iradio_],
.user-participant:not(.login) .page-survey-participant .whiteboard-participant .containerQues .answers div[class*=iradio_],
.user-participant:not(.login) .page-url-participant .whiteboard-participant .containerQues .answers div[class*=iradio_] {
  top: 25% !important;
}

.user-participant:not(.login) .page-quiz .answerForm .containerQues .answers .sort-color,
.user-participant:not(.login) .page-survey-participant .answerForm .containerQues .answers .sort-color,
.user-participant:not(.login) .page-url-participant .answerForm .containerQues .answers .sort-color,
.user-participant:not(.login) .page-quiz .url-participant .containerQues .answers .sort-color,
.user-participant:not(.login) .page-survey-participant .url-participant .containerQues .answers .sort-color,
.user-participant:not(.login) .page-url-participant .url-participant .containerQues .answers .sort-color,
.user-participant:not(.login) .page-quiz .whiteboard-participant .containerQues .answers .sort-color,
.user-participant:not(.login) .page-survey-participant .whiteboard-participant .containerQues .answers .sort-color,
.user-participant:not(.login) .page-url-participant .whiteboard-participant .containerQues .answers .sort-color {
  margin: 0 0 10px 0;
  padding: 8px;
  background-color: #eff7ff;
  border-radius: 4px !important;
}

.user-participant:not(.login) .page-quiz .answerForm .containerQues .answers .error-text,
.user-participant:not(.login) .page-survey-participant .answerForm .containerQues .answers .error-text,
.user-participant:not(.login) .page-url-participant .answerForm .containerQues .answers .error-text,
.user-participant:not(.login) .page-quiz .url-participant .containerQues .answers .error-text,
.user-participant:not(.login) .page-survey-participant .url-participant .containerQues .answers .error-text,
.user-participant:not(.login) .page-url-participant .url-participant .containerQues .answers .error-text,
.user-participant:not(.login) .page-quiz .whiteboard-participant .containerQues .answers .error-text,
.user-participant:not(.login) .page-survey-participant .whiteboard-participant .containerQues .answers .error-text,
.user-participant:not(.login) .page-url-participant .whiteboard-participant .containerQues .answers .error-text {
  margin: 10px auto;
  padding: 0 5px;
}

.user-participant:not(.login) .page-quiz .answerForm .containerQues .space-img,
.user-participant:not(.login) .page-survey-participant .answerForm .containerQues .space-img,
.user-participant:not(.login) .page-url-participant .answerForm .containerQues .space-img,
.user-participant:not(.login) .page-quiz .url-participant .containerQues .space-img,
.user-participant:not(.login) .page-survey-participant .url-participant .containerQues .space-img,
.user-participant:not(.login) .page-url-participant .url-participant .containerQues .space-img,
.user-participant:not(.login) .page-quiz .whiteboard-participant .containerQues .space-img,
.user-participant:not(.login) .page-survey-participant .whiteboard-participant .containerQues .space-img,
.user-participant:not(.login) .page-url-participant .whiteboard-participant .containerQues .space-img {
  padding: 0 15px !important;
  margin-top: 59px;
}

.user-participant:not(.login) .page-quiz .answerForm .submit,
.user-participant:not(.login) .page-survey-participant .answerForm .submit,
.user-participant:not(.login) .page-url-participant .answerForm .submit,
.user-participant:not(.login) .page-quiz .url-participant .submit,
.user-participant:not(.login) .page-survey-participant .url-participant .submit,
.user-participant:not(.login) .page-url-participant .url-participant .submit,
.user-participant:not(.login) .page-quiz .whiteboard-participant .submit,
.user-participant:not(.login) .page-survey-participant .whiteboard-participant .submit,
.user-participant:not(.login) .page-url-participant .whiteboard-participant .submit {
  margin: 15px;
}

.user-participant:not(.login) .page-quiz .matchitem,
.user-participant:not(.login) .page-survey-participant .matchitem,
.user-participant:not(.login) .page-url-participant .matchitem {
  position: relative;
}

.user-participant:not(.login) .page-quiz .matchitem .col-left,
.user-participant:not(.login) .page-survey-participant .matchitem .col-left,
.user-participant:not(.login) .page-url-participant .matchitem .col-left,
.user-participant:not(.login) .page-quiz .matchitem .col-right,
.user-participant:not(.login) .page-survey-participant .matchitem .col-right,
.user-participant:not(.login) .page-url-participant .matchitem .col-right {
  display: inline-block;
  vertical-align: middle;
  width: calc(40% - 4px);
}

.user-participant:not(.login) .page-quiz .matchitem .col-left .item,
.user-participant:not(.login) .page-survey-participant .matchitem .col-left .item,
.user-participant:not(.login) .page-url-participant .matchitem .col-left .item,
.user-participant:not(.login) .page-quiz .matchitem .col-right .item,
.user-participant:not(.login) .page-survey-participant .matchitem .col-right .item,
.user-participant:not(.login) .page-url-participant .matchitem .col-right .item {
  position: relative;
  padding: 7px 15px;
  border: 2px solid #EFF4F4;
  background-color: #EFF4F4;
  border-radius: 25px !important;
  margin-bottom: 20px;
  cursor: pointer;
  font-weight: 500;
  font-size: 19px;
  min-height: 36px;
  color: #6C7F85;
}

.user-participant:not(.login) .page-quiz .matchitem .col-left .item img,
.user-participant:not(.login) .page-survey-participant .matchitem .col-left .item img,
.user-participant:not(.login) .page-url-participant .matchitem .col-left .item img,
.user-participant:not(.login) .page-quiz .matchitem .col-right .item img,
.user-participant:not(.login) .page-survey-participant .matchitem .col-right .item img,
.user-participant:not(.login) .page-url-participant .matchitem .col-right .item img {
  width: auto;
  height: auto;
  max-height: 150px;
  max-width: 100%;
  margin-left: 50%;
  transform: translateX(-50%);
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.user-participant:not(.login) .page-quiz .matchitem .col-left .item:last-child,
.user-participant:not(.login) .page-survey-participant .matchitem .col-left .item:last-child,
.user-participant:not(.login) .page-url-participant .matchitem .col-left .item:last-child,
.user-participant:not(.login) .page-quiz .matchitem .col-right .item:last-child,
.user-participant:not(.login) .page-survey-participant .matchitem .col-right .item:last-child,
.user-participant:not(.login) .page-url-participant .matchitem .col-right .item:last-child {
  margin-bottom: 0;
}

.user-participant:not(.login) .page-quiz .matchitem .col-left .item.selected,
.user-participant:not(.login) .page-survey-participant .matchitem .col-left .item.selected,
.user-participant:not(.login) .page-url-participant .matchitem .col-left .item.selected,
.user-participant:not(.login) .page-quiz .matchitem .col-right .item.selected,
.user-participant:not(.login) .page-survey-participant .matchitem .col-right .item.selected,
.user-participant:not(.login) .page-url-participant .matchitem .col-right .item.selected {
  border-color: #36c1c4;
}

.user-participant:not(.login) .page-quiz .matchitem .col-left .item.selected .tag,
.user-participant:not(.login) .page-survey-participant .matchitem .col-left .item.selected .tag,
.user-participant:not(.login) .page-url-participant .matchitem .col-left .item.selected .tag,
.user-participant:not(.login) .page-quiz .matchitem .col-right .item.selected .tag,
.user-participant:not(.login) .page-survey-participant .matchitem .col-right .item.selected .tag,
.user-participant:not(.login) .page-url-participant .matchitem .col-right .item.selected .tag {
  border-color: #36c1c4;
}

.user-participant:not(.login) .page-quiz .matchitem .col-left,
.user-participant:not(.login) .page-survey-participant .matchitem .col-left,
.user-participant:not(.login) .page-url-participant .matchitem .col-left {
  top: 0;
  left: 0;
  margin-right: 20%;
}

.user-participant:not(.login) .page-quiz .matchitem .col-right,
.user-participant:not(.login) .page-survey-participant .matchitem .col-right,
.user-participant:not(.login) .page-url-participant .matchitem .col-right {
  top: 0;
  right: 0;
  text-align: left;
}

.user-participant:not(.login) .page-quiz #svg_matchitem,
.user-participant:not(.login) .page-survey-participant #svg_matchitem,
.user-participant:not(.login) .page-url-participant #svg_matchitem {
  position: absolute;
  display: inline-block;
  top: 0;
  left: calc(39% + 4px);
  width: calc(21% - 3px);
  height: 100%;
}

.user-participant:not(.login) .page-quiz .line,
.user-participant:not(.login) .page-survey-participant .line,
.user-participant:not(.login) .page-url-participant .line {
  stroke-width: 4px;
  stroke: #6C7F85;
  pointer: cursor;
}

@media (max-width: 991px) {
  .user-participant:not(.login) .page-quiz .question-label,
  .user-participant:not(.login) .page-survey-participant .question-label,
  .user-participant:not(.login) .page-url-participant .question-label {
    line-height: 34px !important;
    margin-top: 12px;
  }
}

@media (max-width: 990px) {
  .user-participant:not(.login) .page-quiz .container,
  .user-participant:not(.login) .page-survey-participant .container,
  .user-participant:not(.login) .page-url-participant .container {
    margin-top: 10px !important;
  }
}

.user-participant:not(.login) .page-quiz #externaLinkContainer,
.user-participant:not(.login) .page-survey-participant #externaLinkContainer,
.user-participant:not(.login) .page-url-participant #externaLinkContainer {
  position: fixed;
  top: 0;
  left: -110%;
  width: 100vw;
  height: 100%;
  z-index: 1005;
  background-color: #fff;
  transition: left ease-in-out 0.3s;
}

.user-participant:not(.login) .page-quiz #externaLinkContainer.show,
.user-participant:not(.login) .page-survey-participant #externaLinkContainer.show,
.user-participant:not(.login) .page-url-participant #externaLinkContainer.show {
  left: 0;
  transition: left ease-in-out 0.3s;
}

.user-participant:not(.login) .page-quiz #externaLinkContainer header,
.user-participant:not(.login) .page-survey-participant #externaLinkContainer header,
.user-participant:not(.login) .page-url-participant #externaLinkContainer header {
  background-color: #00CCCC;
  height: 84px;
  width: 100vw;
}

.user-participant:not(.login) .page-quiz #externaLinkContainer header .title,
.user-participant:not(.login) .page-survey-participant #externaLinkContainer header .title,
.user-participant:not(.login) .page-url-participant #externaLinkContainer header .title {
  padding: 34px 0 0 18px;
  font-size: 24px;
  font-weight: 500;
  color: #fff;
}

.user-participant:not(.login) .page-quiz #externaLinkContainer header a,
.user-participant:not(.login) .page-survey-participant #externaLinkContainer header a,
.user-participant:not(.login) .page-url-participant #externaLinkContainer header a {
  position: absolute;
  top: 40px;
  right: 24px;
}

.user-participant:not(.login) .page-quiz #externaLinkContainer div.media,
.user-participant:not(.login) .page-survey-participant #externaLinkContainer div.media,
.user-participant:not(.login) .page-url-participant #externaLinkContainer div.media {
  width: 100%;
  height: calc(100% - 84px);
  margin: 0;
}

.user-participant:not(.login) .page-quiz #externaLinkContainer div.media.overflow,
.user-participant:not(.login) .page-survey-participant #externaLinkContainer div.media.overflow,
.user-participant:not(.login) .page-url-participant #externaLinkContainer div.media.overflow {
  overflow: auto;
}

.user-participant:not(.login) .page-quiz #externaLinkContainer div.media > iframe,
.user-participant:not(.login) .page-survey-participant #externaLinkContainer div.media > iframe,
.user-participant:not(.login) .page-url-participant #externaLinkContainer div.media > iframe,
.user-participant:not(.login) .page-quiz #externaLinkContainer div.media video,
.user-participant:not(.login) .page-survey-participant #externaLinkContainer div.media video,
.user-participant:not(.login) .page-url-participant #externaLinkContainer div.media video {
  height: 100%;
  width: 100%;
}

.user-participant:not(.login) .page-quiz #externaLinkContainer div.media > img,
.user-participant:not(.login) .page-survey-participant #externaLinkContainer div.media > img,
.user-participant:not(.login) .page-url-participant #externaLinkContainer div.media > img {
  width: 100%;
  height: auto;
}

@media (min-width: 991px) {
  .user-participant:not(.login) .submit {
    width: 160px;
  }

  .user-participant:not(.login) .answers label {
    font-size: 16px !important;
  }

  .user-participant:not(.login) .user-pict {
    height: 30px !important;
    width: 30px !important;
  }

  .user-participant:not(.login) .nav-user {
    font-size: 14px;
    font-weight: 500;
  }

  .user-participant:not(.login) .no-activity {
    font-weight: 500;
    font-size: 14px !important;
  }

  .user-participant:not(.login) .activity {
    font-size: 20px !important;
  }

  .user-participant:not(.login) body {
    font-size: 20px !important;
  }

  .user-participant:not(.login) h4 {
    font-size: 24px !important;
  }

  .user-participant:not(.login) .feedback {
    padding: 0 75px;
  }
}

.user-participant:not(.login) .countDown {
  border-top-right-radius: 15px!important;
  border-top-left-radius: 15px!important;
}

.user-participant:not(.login) .countdown {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  display: none;
}

.user-participant:not(.login) .countdown .digital-3,
.user-participant:not(.login) .countdown .digital-2,
.user-participant:not(.login) .countdown .digital-1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #FFFFFF;
  font-size: 120px;
  font-weight: 500;
  opacity: 0;
  line-height: 80vh;
}

.user-participant:not(.login) .countdown .num-bg-3,
.user-participant:not(.login) .countdown .num-bg-2,
.user-participant:not(.login) .countdown .num-bg-1 {
  position: absolute;
  width: 100%;
  height: 100%;
}

.user-participant:not(.login) .countdown .num-bg-3 {
  background: #f4365a;
  top: 0;
  left: 100%;
}

.user-participant:not(.login) .countdown .num-bg-2 {
  background: #fba62d;
  top: 0;
  left: 100%;
}

.user-participant:not(.login) .countdown .num-bg-1 {
  background: #03d4c1;
  top: 0;
  left: 100%;
}

.user-participant:not(.login) .ui-feedback {
  display: none;
  position: fixed;
  z-index: 90;
  top: 0;
  right: 0;
  width: 100vw;
  height: 100vh;
}

.user-participant:not(.login) .ui-feedback .bg-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 90;
  opacity: 0.8;
  text-align: center;
}

.user-participant:not(.login) .ui-feedback .bg-layer.correct {
  background-color: #87B040;
}

.user-participant:not(.login) .ui-feedback .bg-layer.incorrect {
  background-color: #EF5E7D;
}

.user-participant:not(.login) .ui-feedback .bg-layer.partial {
  background-color: #FF866D;
}

.user-participant:not(.login) .ui-feedback .bg-layer.natural {
  background-color: #fff;
}

.user-participant:not(.login) .ui-feedback .layer {
  position: absolute;
  width: 50%;
  left: 0;
  top: 100px;
  border-radius: 15px !important;
  background: #fff;
  transform: translateX(50%);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.22);
  text-align: center;
  z-index: 100;
  opacity: .5;
  transition: all ease-in-out 0.3s;
  height: min-content;
  min-height: 270px;
}

.user-participant:not(.login) .ui-feedback .layer.show {
  transition: all ease-in-out 0.3s;
  opacity: 1;
  bottom: 0;
}

.user-participant:not(.login) .ui-feedback .layer .line {
  padding: 0;
  border: none;
  border-top: solid 2px;
  text-align: center;
  max-width: 200px;
  margin: 15px auto 15px;
}

.user-participant:not(.login) .ui-feedback .layer .line.correct {
  color: #03d4c1;
}

.user-participant:not(.login) .ui-feedback .layer .line.partial {
  color: #fba62d;
}

.user-participant:not(.login) .ui-feedback .layer .line.incorrect {
  color: #f4365a;
}

.user-participant:not(.login) .ui-feedback .layer .feedback {
  margin-top: 28px;
  margin-bottom: 100px;
  padding: 0 75px;
  text-align: left;
  color: #6C7F85;
  font-weight: 500;
  font-size: 22px;
}

.user-participant:not(.login) .ui-feedback .layer .message {
  margin-top: 32px;
  font-size: 36px;
  font-weight: 700;
  display: inline-grid;
  width: 100%;
}

.user-participant:not(.login) .ui-feedback .layer .message.correct {
  color: #A5DD43;
}

.user-participant:not(.login) .ui-feedback .layer .message.partial {
  color: #FF866D;
}

.user-participant:not(.login) .ui-feedback .layer .message.incorrect {
  color: #EF5E7D;
}

.user-participant:not(.login) .ui-feedback .layer .message i {
  font-size: 45px;
  margin-bottom: 25px;
}

.user-participant:not(.login) .ui-feedback .layer .submit {
  position: absolute;
  text-transform: uppercase;
  font-size: 21px !important;
  color: #fff;
  background-color: #FF866D;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
}

@media screen and (min-width: 601px) and (max-width: 1020px) {
  .user-participant:not(.login) .ui-feedback .layer {
    width: 80%;
    left: -30%;
  }

  .user-participant:not(.login) .ui-feedback .layer .feedback {
    padding: 0 40px;
  }
}

@media screen and (max-width: 600px) {
  .user-participant:not(.login) .ui-feedback .layer {
    width: 99%;
    left: -49%;
  }

  .user-participant:not(.login) .ui-feedback .layer .feedback {
    padding: 0 20px;
  }
}

@media screen and (max-width: 470px) {
  .user-participant:not(.login) .ui-feedback-gamification .message {
    height: 180px;
    padding-top: 10px;
  }

  .user-participant:not(.login) .ui-feedback-gamification .message .state {
    margin-bottom: 10px;
  }

  .user-participant:not(.login) .ui-feedback-gamification .feedback {
    padding: 30px 25px 0 25px;
  }
}

@media screen and (min-width: 471px) {
  .user-participant:not(.login) .ui-feedback-gamification .message {
    height: 270px;
    padding-top: 50px;
  }

  .user-participant:not(.login) .ui-feedback-gamification .message .state {
    margin-bottom: 28px;
  }

  .user-participant:not(.login) .ui-feedback-gamification .feedback {
    padding: 40px 30px 20px 30px;
  }

  .user-participant:not(.login) .feedback {
    padding: 0 15px;
  }
}

.user-participant:not(.login) .ui-feedback-gamification {
  display: none;
  position: fixed;
  z-index: 90;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
}

.user-participant:not(.login) .ui-feedback-gamification .layer {
  position: absolute;
  width: 100vw;
  height: 100%;
  top: 100vh;
  left: 0;
  background: #fff;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.22);
  text-align: center;
  opacity: .5;
  z-index: 100;
  transition: top ease-in-out 0.3s;
}

.user-participant:not(.login) .ui-feedback-gamification .layer.show {
  transition: top ease-in-out 0.3s;
  opacity: 1;
  top: 0;
}

.user-participant:not(.login) .ui-feedback-gamification .layer .message {
  font-size: 36px;
  font-weight: 400;
  color: #fff;
}

.user-participant:not(.login) .ui-feedback-gamification .layer .message.correct {
  background-color: #03d4c1;
}

.user-participant:not(.login) .ui-feedback-gamification .layer .message.partial {
  background-color: #fba62d;
}

.user-participant:not(.login) .ui-feedback-gamification .layer .message.incorrect {
  background-color: #f4365a;
}

.user-participant:not(.login) .ui-feedback-gamification .layer .message .smylies,
.user-participant:not(.login) .ui-feedback-gamification .layer .message .points {
  display: inline-block;
  vertical-align: top;
}

.user-participant:not(.login) .ui-feedback-gamification .layer .message .points {
  font-size: 48px;
  line-height: 24px;
  margin-top: 28px;
}

.user-participant:not(.login) .ui-feedback-gamification .layer .message .points small {
  font-size: 14px;
}

.user-participant:not(.login) .ui-feedback-gamification .layer .message .smylies {
  margin-right: 30px;
}

.user-participant:not(.login) .ui-feedback-gamification .layer .feedback {
  color: rgba(0, 0, 0, 0.6);
  font-size: 20px;
}

.user-participant:not(.login) .ui-feedback-gamification .layer .submit {
  margin: 30px auto 80px auto;
  text-transform: uppercase;
  font-size: 12px;
  color: #fff;
  background-color: #0297e0;
}

.user-participant:not(.login) .activity-finish {
  padding: 0 20px;
}

.user-participant:not(.login) .activity-finish .title {
  margin: 40px 0 30px 0;
}

.user-participant:not(.login) .activity-finish .fa,
.user-participant:not(.login) .activity-finish .fas,
.user-participant:not(.login) .activity-finish .far {
  font-size: 80px;
  margin: 60px 0;
}

.user-participant:not(.login) .quizname {
  text-align: center;
  margin: 60px 0 25px 0;
  font-size: 25px;
  font-weight: bold;
  font-variant: small-caps;
}

.user-participant:not(.login) .timerlimit {
  width: 100%;
  border-top-right-radius: 15px !important;
  border-top-left-radius: 15px !important;
  padding: 14px 14px 11px;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  color: #fff;
}

.user-participant:not(.login) .timerlimit.green {
  background-color: #A5DD43;
}

.user-participant:not(.login) .timerlimit.orange {
  background-color: #FF866D;
}

.user-participant:not(.login) .timerlimit.red {
  background-color: #EF5E7D;
}

.user-participant:not(.login) .timerlimit.yellow {
  background-color: #EACC4B;
}

.user-participant:not(.login) .timerlimit i {
  vertical-align: -1px;
  font-size: 26px;
  margin-right: 8px;
}

.user-participant:not(.login) .timerlimit .timerEnd {
  animation: shake 1s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  transform: translateY(0);
  perspective: 1000px;
}

.user-participant:not(.login) .leavecomment,
.user-participant:not(.login) .taform {
  margin: 2% 0 0 7px;
  padding: 10px 10px 0 18px;
  color: #6C7F85;
  border-radius: 15px !important;
  background-color: #EFF4F4;
  min-height: 90px;
  font-weight: 400;
  border: none;
  font-size: 19px;
}

.user-participant:not(.login) .leavecomment:focus,
.user-participant:not(.login) .taform:focus,
.user-participant:not(.login) .leavecomment::-moz-focus-outer,
.user-participant:not(.login) .taform::-moz-focus-outer,
.user-participant:not(.login) .leavecomment::-moz-focus-inner,
.user-participant:not(.login) .taform::-moz-focus-inner {
  border: none !important;
}

.user-participant:not(.login) .form-comment {
  padding: 0 30px;
}

.user-participant:not(.login) .taform {
  width: 99%;
}

.user-participant:not(.login) .leavecomment {
  width: 100%;
}

.user-participant:not(.login) .page-cloudtag-participant .result-cloudtag {
  margin: auto;
  margin-top: 50px;
  width: 100%;
}

.user-participant:not(.login) .page-cloudtag-participant .result-cloudtag .table-result-cloudtag {
  margin: auto;
  width: 100%;
}

.user-participant:not(.login) .page-cloudtag-participant .result-cloudtag .table-result-cloudtag > thead > tr {
  border-bottom: 1pt solid black;
}

.user-participant:not(.login) .page-cloudtag-participant .result-cloudtag .table-result-cloudtag > thead > tr > th {
  padding-bottom: 10px;
  text-align: center;
}

.user-participant:not(.login) .page-cloudtag-participant .result-cloudtag .table-result-cloudtag > tbody > tr:not(:last-child) {
  border-bottom: 1pt solid black;
}

.user-participant:not(.login) .page-cloudtag-participant .result-cloudtag .table-result-cloudtag > tbody > tr > td {
  text-align: center;
}

.user-participant:not(.login) .page-cloudtag-participant .result-cloudtag .table-result-cloudtag > tbody > tr > td:nth-child(2) {
  display: block;
  width: 100%;
  margin: auto !important;
}

.user-participant:not(.login) .page-cloudtag-participant .result-cloudtag .table-result-cloudtag > tbody > tr > td > span {
  display: inline-block;
  margin-left: 20px;
  margin-right: 20px;
}

.user-participant:not(.login) .page-cloudtag-participant .result-cloudtag .table-result-cloudtag > tbody > tr > td.like-icon > span {
  cursor: pointer;
}

.user-participant:not(.login) .page-cloudtag-participant .result-cloudtag .table-result-cloudtag > tbody > tr > td.like-icon > span.like {
  font-size: 24px;
  color: grey;
}

.user-participant:not(.login) .page-cloudtag-participant .result-cloudtag .table-result-cloudtag > tbody > tr > td.like-icon > span.unlike {
  font-size: 25px;
  color: green;
}

.user-participant:not(.login) .page-cloudtag-participant .subject {
  padding: 30px 18px 28px 18px;
  font-weight: 500;
}

.user-participant:not(.login) .page-cloudtag-participant .input {
  position: relative;
  width: 100%;
  padding: 0 50px;
}

.user-participant:not(.login) .page-cloudtag-participant .input input {
  margin-bottom: 10px;
  height: 48px;
  line-height: 48px;
  border: 1px solid #0297e0;
  border-radius: 3px !important;
  color: #0297e0;
  width: 400px;
  min-width: 200px;
  padding: 0 60px 0 15px;
  background-color: transparent;
  width: 100%;
  padding: 0 80px 0 15px;
}

.user-participant:not(.login) .page-cloudtag-participant .input input::-webkit-input-placeholder,
.user-participant:not(.login) .page-cloudtag-participant .input input::-ms-input-placeholder {
  color: #0297e0;
}

.user-participant:not(.login) .page-cloudtag-participant .input input::placeholder {
  color: #0297e0;
}

.user-participant:not(.login) .page-cloudtag-participant .input .counter {
  position: absolute;
  right: 65px;
  top: 15px;
  text-align: right;
  color: #6C7F85;
}

.user-participant:not(.login) .page-cloudtag-participant .button {
  margin-top: 40px;
  text-align: center;
}

.user-participant:not(.login) .page-cloudtag-participant .button .submit {
  width: 70%;
  max-width: 230px;
  font-size: 12px;
}

.user-participant:not(.login) .page-cloudtag-participant .button .submit.inverted {
  margin-top: 4px;
  margin-bottom: 0;
}

.user-participant:not(.login) .page-cloudtag-participant .word {
  padding: 0 18px 50px 18px;
}

.user-participant:not(.login) .page-cloudtag-participant .word .tag {
  display: inline-block;
  border: 1px solid #09cae8;
  border-radius: 3px !important;
  line-height: 30px;
  vertical-align: middle;
  padding: 0 15px;
  margin-right: 15px;
  margin-bottom: 12px;
  color: #09cae8;
}

.user-participant:not(.login) .page-cloudtag-participant .word .tag .idea,
.user-participant:not(.login) .page-cloudtag-participant .word .tag .like,
.user-participant:not(.login) .page-cloudtag-participant .word .tag .like-count {
  display: inline-block;
}

.user-participant:not(.login) .page-cloudtag-participant .word .tag .link-like {
  color: darkgreen;
}

.user-participant:not(.login) .page-cloudtag-participant .word .tag .link-dislike {
  color: darkred;
}

.user-participant:not(.login) .page-cloudtag-participant .word .tag .link-enabled {
  cursor: pointer;
}

.user-participant:not(.login) .page-cloudtag-participant .word .tag .link-disabled {
  cursor: not-allowed;
}

.user-participant:not(.login) .page-cloudtag-participant .word .tag .glyphicon {
  font-size: 18px;
  vertical-align: -2px;
}

.user-participant:not(.login) .page-cloudtag-participant .word .tag .idea {
  margin-right: 5px;
}

.user-participant:not(.login) .page-cloudtag-participant .word .tag .like-count {
  margin-left: 5px;
  color: #000;
}

.user-participant:not(.login) .page-cloudtag-participant .submit {
  width: 220px;
}

.user-participant:not(.login) .page-cloudtag-participant .workshop {
  padding-bottom: 10px;
}

.user-participant:not(.login) .page-cloudtag-participant .cloudtag-leader-form {
  padding-top: 15px;
}

.user-participant:not(.login) .page-cloudtag-participant .cloudtag-leader-form .input-leader {
  position: relative;
  text-align: right;
  padding: 0 18px;
}

.user-participant:not(.login) .page-cloudtag-participant .cloudtag-leader-form .input-leader input {
  margin-bottom: 10px;
  height: 48px;
  line-height: 48px;
  border: 1px solid #0297e0;
  border-radius: 3px !important;
  color: #0297e0;
  width: 400px;
  min-width: 200px;
  padding: 0 60px 0 15px;
  background-color: transparent;
}

.user-participant:not(.login) .page-cloudtag-participant .cloudtag-leader-form .input-leader .counter {
  position: absolute;
  right: 30px;
  top: 15px;
  text-align: right;
  color: #6C7F85;
}

.user-participant:not(.login) .page-cloudtag-participant .cloudtag-leader-form .button {
  text-align: left;
  margin-top: -4px;
}

.user-participant:not(.login) .page-cloudtag-participant .cloudtag-leader-form .button-display {
  padding-top: 10px;
}

@media (max-width: 992px) {
  .user-participant:not(.login) .page-cloudtag-participant .cloudtag-leader-form .input-leader input {
    width: 100%;
    margin-bottom: 0;
  }

  .user-participant:not(.login) .page-cloudtag-participant .cloudtag-leader-form .button {
    text-align: center;
    margin: 10px 0 15px;
  }
}

.user-participant:not(.login) .nav-user-white a {
  color: #337ab7 !important;
}

.user-participant:not(.login) .page-message-participant {
  text-align: center;
  padding-top: 20px;
  font-size: 30px;
}

@media (min-width: 768px) {
  .user-participant:not(.login) .page-message-participant {
    padding-top: 50px;
  }
}

.user-participant:not(.login) .page-message-participant .countDown {
  padding-top: 20px;
  padding-bottom: 20px;
  color: white;
  font-weight: 800;
}

.user-participant:not(.login) .page-message-participant .countDown .fas {
  padding-right: 10px;
}

.user-participant:not(.login) .page-message-participant .countDown .fa-pause {
  animation: fadeIn .7s infinite alternate;
  padding-left: 15px;
}

.user-participant:not(.login) .page-message-participant .countDown.green {
  background-color: #A5DD43;
}

.user-participant:not(.login) .page-message-participant .countDown.yellow {
  background-color: #EACC4B;
}

.user-participant:not(.login) .page-message-participant .countDown.orange {
  background-color: #FF866D;
}

.user-participant:not(.login) .page-message-participant .countDown.red {
  background-color: #EF5E7D;
}

.user-participant:not(.login) .page-message-participant .countDown .countdownFinished {
  animation: shake 1s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  transform: translateY(0);
  perspective: 1000px;
}

.user-participant:not(.login) .page-message-participant .back {
  padding: 0;
  background-color: #fff;
  border-radius: 15px !important;
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.user-participant:not(.login) .page-message-participant .back .message {
  color: black;
  font-size: 20px;
}

.user-participant:not(.login) .page-message-participant .back img {
  padding-top: 20px;
  padding-bottom: 30px;
  width: 50%;
  height: auto;
}

.user-participant:not(.login) .page-document-participant {
  text-align: center;
  padding: 10px;
}

.user-participant:not(.login) .page-document-participant .top-button {
  position: fixed;
  bottom: 15px;
  right: 60px;
  font-size: 41px;
  cursor: pointer;
}

.user-participant:not(.login) .page-document-participant #holder-pdf {
  text-align: center;
}

.user-participant:not(.login) .page-document-participant #holder-pdf > canvas {
  margin: auto;
  margin-bottom: 10px;
}

.user-participant:not(.login) .page-document-participant .mediaContainer {
  height: calc(100vh - 90px);
}

.user-participant:not(.login) .page-document-participant .mediaContainerDownload {
  height: calc(100vh - 165px);
}

.user-participant:not(.login) .page-document-participant audio {
  margin-top: 50px;
}

.user-participant:not(.login) .page-document-participant button.submit {
  margin-top: 20px;
}

.user-participant:not(.login) .page-document-participant iframe {
  border: 1px solid #aaa;
}

.user-participant:not(.login) .page-document-participant video.audioOnly {
  max-height: 50px;
  margin-top: 50px;
}

.user-participant:not(.login) .page-url-participant .url-participant {
  margin: 0;
}

.user-participant:not(.login) .page-url-participant .mobiPad {
  height: calc(100vh - 50px) !important;
}

.user-participant:not(.login) .page-url-participant .embedContent {
  text-align: center;
  height: calc(100vh - 50px) !important;
}

.user-participant:not(.login) .page-url-participant a.submit {
  margin-top: 30px;
}

.user-participant:not(.login) .page-profile-participant .container-fluid .profileTitle {
  color: white !important;
  font-weight: 500;
  text-transform: uppercase;
}

.user-participant:not(.login) .page-profile-participant .container-fluid .form-horizontal {
  padding: 5px;
  color: #0a0a0a;
}

.user-participant:not(.login) .page-profile-participant .container-fluid .form-horizontal .containForm {
  margin-right: 5px;
  margin-left: 10px;
  background-color: white;
  border: 1px solid #ccc;
  border-radius: 4px !important;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.user-participant:not(.login) .page-profile-participant .container-fluid .form-horizontal .column {
  float: left;
}

.user-participant:not(.login) .page-profile-participant .container-fluid .form-horizontal .column.img {
  width: 25%;
  padding-left: 15px;
}

.user-participant:not(.login) .page-profile-participant .container-fluid .form-horizontal .column.content {
  width: 75%;
  padding: 10px 0 10px 5px;
}

@media (max-width: 991px) {
  .user-participant:not(.login) .page-profile-participant .container-fluid .form-horizontal .column.img {
    width: 100%;
  }

  .user-participant:not(.login) .page-profile-participant .container-fluid .form-horizontal .column.content {
    width: 100%;
  }
}

@media (max-width: 991px) {
  .user-participant:not(.login) .page-profile-participant .container-fluid .form-horizontal fieldset {
    padding: 20px 35px 0 35px !important;
  }
}

.user-participant:not(.login) .page-profile-participant .container-fluid .form-horizontal fieldset {
  padding: 20px 35px 0 0px;
  margin: 5px 0 5px 0;
}

.user-participant:not(.login) .page-profile-participant .container-fluid .form-horizontal fieldset legend {
  display: block;
  margin-right: 50px;
  padding-top: 20px;
  padding-bottom: 5px;
  color: #45BABF !important;
  border-color: #45BABF;
  width: 100%;
  font-weight: bold;
}

.user-participant:not(.login) .page-profile-participant .container-fluid .form-horizontal fieldset label.obligation {
  color: red;
  margin-top: 5px;
}

.user-participant:not(.login) .page-profile-participant .container-fluid .form-horizontal fieldset .part {
  padding-left: 20px;
  padding-right: 25px;
}

.user-participant:not(.login) .page-profile-participant .container-fluid .form-horizontal fieldset .formTop {
  padding-top: 35px;
}

.user-participant:not(.login) .page-profile-participant .container-fluid .form-horizontal fieldset .form-group {
  margin-left: 0px;
  margin-right: 0px;
  padding-left: 0px;
}

.user-participant:not(.login) .page-profile-participant .container-fluid .form-horizontal fieldset .form-group label {
  color: #0a0a0a;
  padding: 0 0 5px 2px !important;
}

.user-participant:not(.login) .page-profile-participant .container-fluid .form-horizontal fieldset .form-group .form-control {
  border-radius: 4px !important;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
}

.user-participant:not(.login) .page-profile-participant .container-fluid .form-horizontal fieldset .form-group .form-control.ng-invalid {
  box-shadow: 0 0 5px 1px red;
}

.user-participant:not(.login) .page-profile-participant .container-fluid .form-horizontal fieldset .form-group .form-control.error-text {
  border: 1px solid red;
}

.user-participant:not(.login) .page-profile-participant .container-fluid .form-horizontal fieldset .form-group .email {
  font-weight: bold;
  margin-top: 10px;
  margin-left: 10px;
  margin-bottom: 5px;
}

.user-participant:not(.login) .page-profile-participant .text-center {
  padding-top: 40px;
}

.user-participant:not(.login) .page-profile-participant .text-center .button {
  padding: 20px 10px 0 10px;
}

.user-participant:not(.login) .page-profile-participant .text-center .submit {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.user-participant:not(.login) .page-profile-participant .text-center a.submit {
  display: inline-block;
  line-height: 48px;
  border: 1px solid red;
  color: red;
}

.user-participant:not(.login) .page-profile-participant .text-center button {
  background-color: #45BABF !important;
  border: none !important;
}

.user-participant:not(.login) .page-profile-participant table.table {
  color: #333;
}

.user-participant:not(.login) .page-profile-participant .tptr-widget {
  margin: 30px auto 10px auto;
  border-radius: 200px !important;
  width: 200px;
  height: 200px;
}

.user-participant:not(.login) .page-profile-participant .tptr-widget:hover .tptr-widget-pick {
  display: block;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.4);
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0 0 6px;
  font-weight: 300;
}

.user-participant:not(.login) .page-profile-participant .tptr-widget-pick {
  display: none;
}

.user-participant:not(.login) .page-survey-participant .img {
  padding: 0;
  margin-top: 15px;
}

.user-participant:not(.login) .page-survey-participant .img .img-responsive {
  width: 100%;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.user-participant:not(.login) .page-survey-participant .error-text {
  margin: 15px 0;
}

.user-participant:not(.login) .page-survey-participant .container-fluid {
  padding: 0 0 0 0;
}

@media (min-width: 992px) {
  .user-participant:not(.login) .page-survey-participant .container-fluid {
    padding: 20px 30px 0 30px;
  }

  .user-participant:not(.login) .page-survey-participant .img {
    padding: 0 15px 0 15px;
  }
}

.user-participant:not(.login) .page-survey-participant form .survey-container {
  margin-top: 15px;
  background-color: #fff;
  border-radius: 4px !important;
  color: black;
  padding: 30px 10px 20px 10px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.user-participant:not(.login) .page-survey-participant form .survey-container .answers {
  margin-top: 20px;
}

.user-participant:not(.login) .page-survey-participant form .survey-container .question-label {
  color: #0288d1;
  font-size: 16px;
  line-height: 20px;
  margin: 0 2% 0 2%;
}

.user-participant:not(.login) .page-survey-participant form .survey-container label.selected {
  color: #0288d1 !important;
  font-weight: 700 !important;
}

.user-participant:not(.login) .page-survey-participant form .survey-container textarea.form-control {
  margin: 20px auto 0 auto;
  padding: 15px;
  width: 96%;
}

.user-participant:not(.login) .page-survey-participant form .survey-container .free {
  border: 0.5px solid #74c8f0;
}

.user-participant:not(.login) .page-survey-participant form .survey-container .alert {
  margin: 15px 2%;
}

.user-participant:not(.login) .page-survey-participant form .survey-container .choice {
  margin-left: 3%;
}

.user-participant:not(.login) .page-survey-participant form .survey-container .choice label.bordered {
  border-bottom: 1px solid #eee !important;
}

.user-participant:not(.login) .page-survey-participant form .survey-container .choice label {
  color: rgba(0, 0, 0, 0.6);
  font-size: 12px;
  line-height: 15px;
  font-weight: 500;
  width: calc(50%);
  padding-bottom: 12px;
  padding-top: 4px;
  border-bottom: 1px solid #fff;
}

.user-participant:not(.login) .page-survey-participant form .text-center {
  margin-top: 30px;
}

@media (min-width: 1500px) {
  .user-participant:not(.login) .page-survey-participant form .text-center {
    margin-top: 15px;
  }
}

.user-participant:not(.login) .page-survey-participant .leavecomment {
  width: 90%;
  margin-left: 5%;
  margin-top: 15px;
}

.user-participant:not(.login) .page-elearning-participant {
  height: calc(100vh - 50px) !important;
}

.user-participant:not(.login) .tptr-close {
  color: #000;
}

.user-participant:not(.login) .tptr-widget {
  border: 1px solid #ddd;
}

.user-participant:not(.login) .tptr-save {
  width: auto !important;
}

.user-participant:not(.login) .tptr-sources {
  border-radius: 4px;
}

.user-participant:not(.login) .share-quiz-result .question .question-number {
  margin-bottom: 40px;
  font-size: 22px;
  letter-spacing: 1px;
  color: #fff8;
}

.user-participant:not(.login) .share-quiz-result .question .question-label {
  color: #fff;
  font-size: 26px;
  line-height: 38px;
  font-weight: 600;
  letter-spacing: 1px;
  margin-bottom: 40px;
}

.user-participant:not(.login) .share-quiz-result .responses .options {
  height: 60px;
  border-radius: 6px !important;
  width: 100%;
  margin-bottom: 25px;
}

.user-participant:not(.login) .share-quiz-result .responses .options .option {
  position: relative;
  display: inline-block;
  z-index: 20;
  font-size: 16px;
  color: #000;
  background-color: #fff;
  border-radius: 6px !important;
  text-align: left;
  min-height: 60px;
  width: calc(100% - 100px);
  padding: 10px 15px 15px 9px;
  border-left: 6px solid #fff;
  overflow: hidden;
  font-weight: 600;
  transition: all 0.5s;
}

.user-participant:not(.login) .share-quiz-result .responses .options .option.show-answers.ans-correct {
  border-left: 6px solid #50D0B9;
}

.user-participant:not(.login) .share-quiz-result .responses .options .option.show-answers.ans-incorrect {
  border-left: 6px solid #E02E53;
}

.user-participant:not(.login) .share-quiz-result .responses .options .option .percent {
  position: absolute;
  height: 10px;
  bottom: 0;
  left: 0;
  z-index: 30;
  width: 0;
  transition: all 0.5s;
}

.user-participant:not(.login) .share-quiz-result .responses .options .option .percent.ans-correct {
  background-color: #50D0B9;
}

.user-participant:not(.login) .share-quiz-result .responses .options .option .percent.ans-incorrect {
  background-color: #E02E53;
}

.user-participant:not(.login) .share-quiz-result .responses .options .stats {
  position: absolute;
  height: 60px;
  line-height: 22px;
  display: inline-block;
  width: 90px;
  opacity: 1;
  margin-left: 30px;
}

.user-participant:not(.login) .share-quiz-result .responses .options .stats.ng-hide {
  opacity: 0;
}

.user-participant:not(.login) .share-quiz-result .responses .options .stats .percent {
  font-size: 30px;
  font-weight: 700;
  margin: 10px 0 8px 0;
}

.user-participant:not(.login) .share-quiz-result .responses .options .stats .nbrep {
  font-size: 16px;
}

.pointer {
  cursor: pointer;
}

.pdfjs #outerContainer {
  min-height: 92vh;
  overflow: hidden;
  border: 1px solid #5d5d5d;
}

.pdfjs .pdfViewer .page {
  margin-bottom: 10px;
}

.pdfjs #thumbnailView {
  width: auto;
}

.pdfjs #thumbnailView,
.pdfjs #viewerContainer {
  background-color: #555;
}

.pdfjs #viewerContainer {
  top: 31px;
}

.page-html-participant {
  height: calc(100vh - 50px) !important;
}

body.briefcase.livechat #briefcase_button {
  right: 82px;
}

@keyframes check {
  0%,
  70%,
  100% {
    transform: rotateZ(0deg);
  }

  80% {
    transform: rotateZ(10deg);
  }

  90% {
    transform: rotateZ(-10deg);
  }
}

@media (min-width: 991px) {
  .page-edit-participant .avatar {
    padding-left: 0;
  }
}

@media (min-width: 660px) {
  .user-participant:not(.login) .nav-user-menu {
    text-align: center;
  }

  .user-participant:not(.login) .nav-user-menu a {
    display: inline-block;
    text-align: center;
    padding: 10px 15px;
    margin: 10px 0;
    font-size: 18px;
    border-right: 1px solid #f4f4f4;
    border-bottom: none;
  }

  .user-participant:not(.login) .nav-user-menu a:last-child {
    border: 0;
  }

  .user-participant:not(.login) .nav-user-menu a:visited,
  .user-participant:not(.login) .nav-user-menu a:focus,
  .user-participant:not(.login) .nav-user-menu a:active {
    text-decoration: none;
  }

  .user-participant:not(.login) .nav-user-menu a i {
    vertical-align: -1px;
    margin-left: 16px;
  }

  .user-participant:not(.login) .nav-user-menu .closing {
    padding: 0;
    border-bottom: 0;
    top: 10px;
    right: 20px;
    position: absolute;
    border: none;
  }
}

@media (min-width: 1024px) {
  .user-participant:not(.login) .nav-user-menu a {
    padding: 10px 30px;
  }
}

video.guidedByModerator::-webkit-media-controls,
video.guidedByModerator::-moz-media-controls,
video.guidedByModerator::-o-media-controls,
video.guidedByModerator::-ms-media-controls {
  display: none !important;
  pointer-events: none !important;
}

.button-group {
  width: 250px;
  margin: 30px auto 50px auto;
}

.button-group > a {
  font-weight: 600;
  width: 100%;
  display: block;
  padding: 20px 30px !important;
  box-shadow: 0 0 5px #ddd !important;
  transition: box-shadow 0.2s;
}

.button-group > a:first-child {
  margin-bottom: 50px;
}

.button-group > a:hover {
  box-shadow: 0 0 40px #5a5a5a !important;
}

.button-group > a > i {
  margin: 12px 0 15px 0;
}

.login .login-form {
  margin-bottom: 20px !important;
  font-size: 14px;
}

.login .text-right a {
  display: inline-block;
  width: 32px;
  height: 32px;
  margin: 0 0 0 6px;
}

.login .error {
  text-align: center;
  padding: 42px 20px 0 20px;
  color: #a00;
  font-weight: bold;
}

.login .button-group.button-error {
  margin: 20px auto 100px auto;
}

.login p {
  font-weight: 600;
  color: #6C7F85;
}

.form-button-group.mb50 {
  margin-bottom: 50px;
}

.form-button-group.mb70 {
  margin-bottom: 70px;
}

.login .student .form-title {
  margin-bottom: 45px;
}

.form-button-group .button-right button {
  padding: 8px 25px;
}

.button-right {
  float: left;
  margin-right: 15px;
}

.button-right button {
  border: 2px solid #43C9D5;
  color: #43C9D5;
  padding: 8px 30px;
}

.button-right button:last-child {
  margin-left: 10px;
}

.button-right button:first-child {
  margin-left: 0;
}

.lock-form .form-actions .btn {
  width: auto;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:last-child {
  padding-right: 16px;
}

.page-header.navbar .top-menu .navbar-nav > li.quick-sidebar-refresh {
  cursor: pointer;
  padding: 24px 12px;
}

.page-header.navbar .top-menu .navbar-nav > li.quick-sidebar-refresh i {
  color: #c0cddc;
  font-size: 19px;
  top: 3px;
  transition: all .2s ease;
}

.page-header.navbar .top-menu .navbar-nav > li.quick-sidebar-refresh i:hover {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

#chrono .badge {
  right: 1px;
  width: 25px;
}

#chrono .dropdown-menu {
  width: 260px;
  height: 48px;
  color: #767171;
}

#chrono .dropdown-menu:after {
  border-bottom-color: #fff;
}

#chrono .dropdown-menu li {
  font-size: 20px;
  padding: 10px;
  text-align: center;
}

#chrono .dropdown-menu .col-xs-3 {
  color: #000;
}

#chrono .dropdown-menu i {
  cursor: pointer;
}

.page-dashboard {
  font-family: 'Roboto', sans-serif !important;
}

.page-dashboard .box-info {
  padding: 8px;
}

.page-dashboard .box-info .box-content {
  width: 100%;
  height: 100%;
  background-color: #fff;
  color: #6C7F85;
  font-weight: 500;
  padding: 20px 20px 20px 30px;
  border-radius: 8px!important;
  min-height: 121px;
}

.page-dashboard .box-info .box-content.live {
  background-color: #36c1c4;
  color: #fff;
  letter-spacing: 0.02em;
}

.page-dashboard .box-info .box-content.live .box-title {
  color: #fff;
}

.page-dashboard .box-info .box-content.live .box-participant:first-child {
  margin-top: 5px;
}

.page-dashboard .box-info .box-content.live .box-participants {
  max-height: 185px;
  overflow-y: auto;
  overflow-x: hidden;
  margin-right: -8px;
}

.page-dashboard .box-info .box-content.live .box-participant {
  font-size: 14px;
  font-weight: 400;
  height: 30px;
  color: #EFF4F4;
}

.page-dashboard .box-info .box-content.live .box-participant .row {
  margin-left: 0;
}

.page-dashboard .box-info .box-content.live .box-participant .row > div:first-child {
  padding: 0;
  min-width: 30px;
}

.page-dashboard .box-info .box-content.live .box-participant .row > div:nth-child(n + 2) {
  padding-left: 5px;
}

.page-dashboard .box-info .box-content.live .box-participant img {
  width: 25px;
  height: 25px;
}

.page-dashboard .box-info .box-content.live .box-participant .center-horizon {
  padding-top: 5px;
}

.page-dashboard .box-info .box-content.live .box-participant .organisation {
  padding-right: 15px;
}

.page-dashboard .box-info .box-content.live > *:not(.box-title) {
  margin-top: 10px;
}

.page-dashboard .box-info .box-content.history .end-sessions .box-session:first-child {
  margin-top: 10px;
}

.page-dashboard .box-info .box-content.history .box-middle-title {
  padding-bottom: 10px;
}

.page-dashboard .box-info .box-content.history,
.page-dashboard .box-info .box-content.live {
  height: 426px;
}

.page-dashboard .box-info .box-content.history .box-middle-title,
.page-dashboard .box-info .box-content.live .box-middle-title {
  letter-spacing: 0.05em;
  font-size: 16px;
}

.page-dashboard .box-info .box-content.history .box-text,
.page-dashboard .box-info .box-content.live .box-text,
.page-dashboard .box-info .box-content.history .box-text > a,
.page-dashboard .box-info .box-content.live .box-text > a {
  font-size: 14px;
  font-weight: 400;
  color: #EFF4F4;
}

.page-dashboard .box-info .box-content.history .box-title,
.page-dashboard .box-info .box-content.live .box-title {
  margin-bottom: 20px;
}

.page-dashboard .box-info .box-content > div {
  padding: 0;
}

.page-dashboard .box-info .box-content .welcome {
  height: auto;
}

.page-dashboard .box-info .box-content .welcome .welcome-text {
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 9px;
  letter-spacing: 0.05em;
}

.page-dashboard .box-info .box-content .welcome .info-help,
.page-dashboard .box-info .box-content .welcome .info-help a {
  font-size: 14px;
  color: #83A0AA;
  margin-bottom: 7px;
  font-weight: 400;
}

.page-dashboard .box-info .box-content .zone-speed-action {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}

.page-dashboard .box-info .box-content .zone-speed-action .speed-action {
  margin-top: 13px;
}

.page-dashboard .box-info .box-content .zone-speed-action .speed-action a {
  color: #6C7F85;
  font-size: 15px;
}

.page-dashboard .box-info .box-content .zone-speed-action .speed-action a .fas {
  margin-right: 2px;
}

.page-dashboard .box-info .box-content .room div:first-child {
  padding-left: 0;
  font-size: 17px;
}

.page-dashboard .box-info .box-content .room div:last-child {
  font-size: 19px;
  text-align: right;
  padding-right: 0;
}

.page-dashboard .box-info .box-content .room div:last-child .fas {
  transform: translateY(-2px);
}

.page-dashboard .box-info .box-content .accessMode {
  margin-top: 10px;
}

.page-dashboard .box-info .box-content .accessMode .accessMode-title {
  margin-bottom: 5px;
  font-weight: 700;
  font-size: 15px;
}

.page-dashboard .box-info .box-content .accessMode > *:not(.accessMode-title) {
  color: #83A0AA;
  margin-bottom: 5px;
  font-size: 12px;
}

.page-dashboard .box-info .box-content .accessMode > div {
  padding: 0;
}

.page-dashboard .box-info .box-content a {
  color: #83A0AA;
  font-weight: 400;
}

.page-dashboard .box-info .box-content.planning {
  margin: 0;
}

.page-dashboard .box-info .box-content.planning .box-middle-title {
  margin-bottom: 15px;
}

.page-dashboard .box-info .box-content.planning .box-session {
  max-width: calc(200% - 370px);
}

.page-dashboard .box-info .box-content.planning .calendar {
  float: right;
  width: 351px;
  position: relative;
  min-height: 270px;
  border-radius: 10px!important;
  border: 1px solid #B8C1BF;
  padding: 10px 17px;
}

.page-dashboard .box-info .box-content.planning .calendar .title-calendar {
  text-align: center;
  padding-top: 10px;
}

.page-dashboard .box-info .box-content.planning .calendar .title-calendar > * {
  display: inline-block;
}

.page-dashboard .box-info .box-content.planning .calendar .title-calendar .name-month {
  width: 35px;
  text-transform: capitalize;
}

.page-dashboard .box-info .box-content.planning .calendar .title-calendar .name-year {
  width: 40px;
  text-align: center;
}

.page-dashboard .box-info .box-content.planning .calendar .title-calendar .fas {
  font-size: 20px;
  transform: translateY(2px);
  cursor: pointer;
}

.page-dashboard .box-info .box-content.planning .calendar .body-calendar {
  padding-top: 10px;
  width: 100%;
}

.page-dashboard .box-info .box-content.planning .calendar .body-calendar .week.current-week {
  border-radius: 20px!important;
  background-color: #EFF4F4;
}

.page-dashboard .box-info .box-content.planning .calendar .body-calendar .week .date {
  text-align: center;
  display: inline-block;
  width: 44px;
  height: 35px;
  padding-top: 4px;
}

.page-dashboard .box-info .box-content.planning .calendar .body-calendar .week .date.no-this-month {
  color: #d9e1df;
}

.page-dashboard .box-info .box-content.planning .calendar .body-calendar .week .date.no-this-month .date-content {
  color: #d9e1df !important;
}

.page-dashboard .box-info .box-content.planning .calendar .body-calendar .week .date .date-content {
  padding-top: 5px;
  width: 28px;
  height: 28px;
  border-radius: 15px!important;
  margin: auto;
}

.page-dashboard .box-info .box-content.planning .calendar .body-calendar .week .date .date-content:not(.cursor) {
  cursor: default;
}

.page-dashboard .box-info .box-content.planning .calendar .body-calendar .week .date .date-content.past-session {
  background-color: #83A0AA;
}

.page-dashboard .box-info .box-content.planning .calendar .body-calendar .week .date .date-content.today-session {
  background-color: #FF866D;
}

.page-dashboard .box-info .box-content.planning .calendar .body-calendar .week .date .date-content.future-session {
  background-color: #36c1c4;
}

.page-dashboard .box-info .box-content.planning .calendar .body-calendar .week .date .date-content.past-session,
.page-dashboard .box-info .box-content.planning .calendar .body-calendar .week .date .date-content.today-session,
.page-dashboard .box-info .box-content.planning .calendar .body-calendar .week .date .date-content.future-session {
  color: #fff;
}

@media screen and (min-width: 1200px) and (max-width: 1400px) {
  .page-dashboard .box-info .box-content.planning .box-time {
    display: none;
  }

  .page-dashboard .box-info .box-content.planning .calendar {
    float: left;
    margin-top: 10px;
  }

  .page-dashboard .box-info .box-content.planning .space-calendar {
    width: 100%;
  }
}

@media screen and (max-width: 700px) {
  .page-dashboard .box-info .box-content.planning .box-time {
    display: none;
  }

  .page-dashboard .box-info .box-content.planning .calendar {
    float: left;
    margin-top: 10px;
  }

  .page-dashboard .box-info .box-content.planning .space-calendar {
    width: 100%;
  }
}

.page-dashboard .box-info .box-content.journal,
.page-dashboard .box-info .box-content.planning {
  height: 380px;
}

.page-dashboard .box-info .box-content.journal .box-title {
  padding-bottom: 20px;
}

.page-dashboard .box-info .box-content.journal .body-list {
  margin: 0;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 85%;
}

.page-dashboard .box-info .box-content.journal .body-list .feed {
  color: #83A0AA;
  height: 30px;
}

.page-dashboard .box-info .box-content.journal .body-list .feed > * {
  display: inline-block;
  letter-spacing: 0.05em;
  padding: 0px 15px;
  height: 100%;
}

.page-dashboard .box-info .box-content.journal .body-list .feed .date {
  width: 154px;
}

.page-dashboard .box-info .box-content.journal .body-list .feed .type {
  width: 150px;
}

.page-dashboard .box-info .box-content.journal .body-list .feed .name {
  width: calc(100% - 450px);
}

.page-dashboard .box-info .box-content.journal .body-list .feed .verb {
  width: 130px;
}

@media screen and (max-width: 800px) {
  .page-dashboard .box-info .box-content {
    padding-left: 10px;
  }
}

@media screen and (min-width: 1280px) and (max-width: 1530px) {
  .page-dashboard .box-info .box-content {
    min-height: 145px;
  }
}

@media screen and (min-width: 1200px) and (max-width: 1280px) {
  .page-dashboard .box-info .box-content {
    min-height: 170px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
  .page-dashboard .box-info .box-content {
    min-height: 220px;
  }
}

.page-dashboard .box-info .box-title {
  font-size: 24px;
  color: #6C7F85;
  font-weight: 500;
  text-transform: uppercase;
}

.page-dashboard .box-info .box-title .fas {
  margin-right: 7px;
}

.page-dashboard .box-info .box-various {
  height: 205px;
}

.page-dashboard .box-info .box-various .title-box {
  text-transform: uppercase;
  font-size: 19px;
  width: 100%;
  font-weight: 500;
}

.page-dashboard .box-info .box-various .number-info {
  color: #22373F;
  font-size: 30px;
  font-weight: 700;
  margin-top: 3px;
}

.page-dashboard .box-info .box-various .icon {
  width: 50px;
  height: 50px;
  border-radius: 50px!important;
  float: right;
  margin-right: 5px;
}

.page-dashboard .box-info .box-various .icon.icon-green {
  background-color: #A5DD43;
}

.page-dashboard .box-info .box-various .icon.icon-blue {
  background-color: #36c1c4;
}

.page-dashboard .box-info .box-various .icon.icon-red {
  background-color: #EF5E7D;
}

.page-dashboard .box-info .box-various .icon.icon-orange {
  background-color: #FF866D;
}

.page-dashboard .box-info .box-various .icon .fas {
  font-size: 20px;
  color: #fff;
  width: 100%;
  height: 100%;
  position: relative;
}

.page-dashboard .box-info .box-various .icon .fas:before {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.page-dashboard .box-info .box-various .last-created {
  margin-top: 10px;
}

.page-dashboard .box-info .box-various .last-created a {
  margin-bottom: 3px;
  padding: 0!important;
  font-size: 15px;
}

.page-dashboard .box-info .box-various .last-created .box-middle-title {
  margin-bottom: 8px;
}

.page-dashboard .box-info .box-session {
  height: 50px;
  border-radius: 8px !important;
  border: 1px solid #B8C1BF;
  margin: auto 0 10px 0;
  font-weight: 400;
  max-width: 590px;
}

.page-dashboard .box-info .box-session .time {
  border-top-left-radius: 7px !important;
  border-bottom-left-radius: 7px !important;
  min-height: 100%;
  text-align: center;
  padding: 3px 0;
  color: #fff;
}

.page-dashboard .box-info .box-session .time div {
  width: 100%;
  font-size: 13px;
  margin-top: 5px;
}

.page-dashboard .box-info .box-session .time.past-session {
  background-color: #83A0AA;
}

.page-dashboard .box-info .box-session .time.today-session {
  background-color: #FF866D;
}

.page-dashboard .box-info .box-session .time.future-session {
  background-color: #36c1c4;
}

.page-dashboard .box-info .box-session .info-session .title-session {
  padding-top: 5px;
  font-size: 15px;
}

.page-dashboard .box-info .box-session .info-session .registered {
  padding-top: 4px;
  font-size: 11px;
}

.page-dashboard .box-info .box-session .actions-session {
  padding-top: 15px;
}

.page-dashboard .box-info .box-session .actions-session a:hover {
  text-decoration: none;
}

.page-dashboard .box-info .box-session .actions-session .fas {
  font-size: 20px;
  color: #6C7F85;
  margin-right: 10px;
}

.page-dashboard .box-info .box-session .actions-session .fas.fa-chart-bar {
  transform: translateY(2px);
}

@media screen and (min-width: 1200px) and (max-width: 1570px) {
  .page-dashboard .box-info .box-session .time {
    display: none;
  }
}

.page-dashboard .page-content {
  padding: 10px 40px !important;
}

.page-dashboard .date-time {
  margin: 15px auto 30px;
}

.page-dashboard .date-time div {
  letter-spacing: 0.02em;
  font-weight: 400;
  font-size: 18px;
  margin-top: 5px;
}

.button-line-position {
  float: right !important;
}

.position {
  margin-left: 5px;
}

.box {
  max-width: 200px;
  height: 150px;
  padding: 0;
  text-align: center;
  font-size: 16px;
  line-height: 24px;
  position: relative;
  cursor: pointer;
  border-radius: 5px !important;
  color: #fff;
}

.box.box-bg-folder {
  background-position: center center;
  background-repeat: no-repeat;
}

.box.box-bg-folder:not(.briefcase) {
  background-image: url("/assets/images/folder-no-select.png");
}

.box.box-bg-folder:not(.briefcase).item-selected {
  background-image: url("/assets/images/folder-select.png");
}

.box.box-bg-folder.briefcase {
  background-image: url("/assets/images/briefcase-no-select.png");
}

.box.box-bg-folder.briefcase.item-selected {
  background-image: url("/assets/images/briefcase-select.png");
}

.box.box-bg-folder.item-selected {
  border: none !important;
}

.box.box-bg-quiz {
  background: #EF5E7D;
}

.box.box-bg-message {
  background: #43C5E8;
}

.box.box-bg-survey {
  background: #F47A6E;
}

.box.box-bg-elearning {
  background: #338DB5;
}

.box.box-bg-polls,
.box.box-bg-poll {
  background: #f47a6e;
}

.box.box-bg-docs,
.box.box-bg-document {
  background: #459BEF;
}

.box.box-bg-postit {
  background: #EACC4B;
}

.box.box-bg-url {
  background: #A5DD43;
}

.box.box-bg-cloudtag {
  background: #49C15D;
}

.box.box-bg-observation {
  background: #E249A2;
}

.box.box-bg-whiteboard {
  background: #9BC94A;
}

.box.box-bg-html {
  background: #338DB5;
}

.box.box-bg-notFound {
  background-color: #6C7F85;
}

.box.box-icon,
.box .box-icon {
  border: none;
  border-radius: 5px !important;
  overflow-x: auto;
  overflow-y: hidden;
  max-width: 90px;
  transform: none;
  height: 30px !important;
  margin: 5px 0px auto;
}

.box.box-icon:hover,
.box .box-icon:hover,
.box.box-icon > *:hover,
.box .box-icon > *:hover {
  border: none !important;
  box-shadow: none !important;
  transition: none !important;
}

.box.box-icon.box-bg-folder,
.box .box-icon.box-bg-folder {
  background-size: contain;
  overflow-x: hidden;
}

.box.box-icon.box-bg-folder:not(.briefcase),
.box .box-icon.box-bg-folder:not(.briefcase) {
  background-image: url("/assets/images/folder-no-select.png");
}

.box.box-icon.box-bg-folder:not(.briefcase).item-selected,
.box .box-icon.box-bg-folder:not(.briefcase).item-selected {
  background-image: url("/assets/images/folder-select.png");
}

.box.box-icon.box-bg-folder.briefcase,
.box .box-icon.box-bg-folder.briefcase {
  background-image: url("/assets/images/briefcase-no-select.png");
}

.box.box-icon.box-bg-folder.briefcase.item-selected,
.box .box-icon.box-bg-folder.briefcase.item-selected {
  background-image: url("/assets/images/briefcase-select.png");
}

.box.box-icon .name,
.box .box-icon .name {
  height: 30px !important;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 4px;
  border: none;
  font-size: 10px;
}

.box.box-icon .state-folder,
.box .box-icon .state-folder {
  bottom: -7px;
  right: 18px;
}

.box.box-icon .state-folder .fa,
.box .box-icon .state-folder .fa,
.box.box-icon .state-folder .fas,
.box .box-icon .state-folder .fas,
.box.box-icon .state-folder .far,
.box .box-icon .state-folder .far {
  position: relative;
  font-size: 10px !important;
  width: 16px !important;
  height: 16px !important;
}

.box.box-icon .state-folder .fa:before,
.box .box-icon .state-folder .fa:before,
.box.box-icon .state-folder .fas:before,
.box .box-icon .state-folder .fas:before,
.box.box-icon .state-folder .far:before,
.box .box-icon .state-folder .far:before {
  transform: none;
  position: absolute;
  left: -3px;
  top: 1px;
}

.box.box-icon.box-bg-folderback,
.box .box-icon.box-bg-folderback {
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("/assets/images/folderback-icon.png");
}

.box.box-bg-folder {
  background-size: 200px 150px;
  border: none;
  box-shadow: none;
  color: #6C7F85;
}

.box.box-bg-folder .menu-icon-action {
  transform: translate(20px, 25px);
}

.box.box-bg-folder label {
  transform: translateY(5px);
}

.box.box-bg-folder .menu-icon {
  transform: translateY(27px);
}

.box.box-bg-folder .menu-icon i {
  color: #6C7F85;
}

.box label {
  cursor: pointer;
  word-break: break-word;
}

.box:hover {
  filter: opacity(80%);
}

.box.box-draggable {
  position: relative;
  width: 200px !important;
  height: 150px;
  opacity: 1 !important;
}

.box.box-draggable .message {
  overflow: hidden !important;
}

.box.box-draggable.box-icon {
  max-width: 600px !important;
}

.box.box-draggable.box-icon .name {
  text-transform: capitalize !important;
  font-size: 15px;
}

.box.box-draggable.box-icon.item-selected .name {
  transform: translateY(-15px);
  height: 50px;
}

.box.box-draggable div {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
  text-align: center;
}

.box.box-draggable div > label {
  width: 100%;
  text-align: center;
  padding: 0 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-transform: capitalize !important;
}

.box .state-folder {
  position: absolute;
  bottom: -5px;
  right: 5px;
  text-align: right;
  color: #fff;
}

.box .state-folder .fa,
.box .state-folder .fas,
.box .state-folder .far {
  position: relative;
  font-size: 16px;
  border-radius: 15px;
  width: 25px;
  height: 25px;
}

.box .state-folder .fa:before,
.box .state-folder .fas:before,
.box .state-folder .far:before {
  position: absolute;
  width: 100%;
  height: 100%;
}

.box .state-folder .fa-sync {
  background-color: #A5DD43;
}

.box .state-folder .fa-share-alt {
  background-color: #36c1c4;
}

.box:not(.box-icon) .state-folder .fa-share-alt:before {
  transform: translate(-31px, 25%);
}

.box:not(.box-icon) .state-folder .fa-sync:before {
  transform: translate(-29px, 25%);
}

.box .menu-icon-action {
  position: absolute;
  top: 15px;
  left: 10px;
}

.box .menu-icon-action > * {
  float: left;
}

.box .menu-icon-action .fa,
.box .menu-icon-action .fas,
.box .menu-icon-action .far {
  font-size: 25px;
  color: #fff;
  -webkit-text-stroke: 1px #fff;
  margin-left: 5px;
}

.box .menu-icon-action .fa:hover,
.box .menu-icon-action .fas:hover,
.box .menu-icon-action .far:hover {
  color: #6C7F85;
  -webkit-text-stroke: 1px #6C7F85;
}

.box .menu-icon-action .fa.icon-grey,
.box .menu-icon-action .fas.icon-grey,
.box .menu-icon-action .far.icon-grey {
  color: #6C7F85;
  -webkit-text-stroke: 1px #6C7F85;
}

.box .menu-icon-action .fa.icon-grey:hover,
.box .menu-icon-action .fas.icon-grey:hover,
.box .menu-icon-action .far.icon-grey:hover {
  color: #B8C1BF;
  -webkit-text-stroke: 1px #B8C1BF;
}

.box .menu-icon-action .fa.fa-edit,
.box .menu-icon-action .fas.fa-edit,
.box .menu-icon-action .far.fa-edit {
  position: relative;
  transform: translateY(1px);
}

.box .name {
  width: 100%;
  height: 32px;
  border-top: 1px solid #fff;
  text-transform: uppercase;
  color: #fff !important;
  padding: 4px 5px 5px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  margin: 0;
  overflow-y: hidden !important;
  white-space: nowrap !important;
  text-overflow: "..." !important;
}

.box .mode-big {
  top: 50%;
  position: absolute;
  text-align: center;
  width: 100%;
  font-size: 95px;
  color: #6C7F85;
}

.box .mode-big > .icon-folder {
  position: relative;
}

.box .mode-big > .icon-folder .icon-share {
  position: absolute;
  top: 3px;
  left: 18px;
  font-size: 40px;
}

.box .mode-big > .icon-folder .fa-level-up {
  position: absolute;
  top: 4px;
  left: 50%;
  transform: translateX(-60%);
  font-size: 40px;
}

.box .mode-item {
  position: absolute;
  bottom: 10px;
  left: 34px;
  font-size: 14px;
}

.box > label {
  font-size: 18px;
  line-height: 27px;
  margin: 20px 0;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
}

.box .mode-playing {
  animation: fadeIn .7s infinite alternate;
  color: #fff;
  font-size: 20px;
  height: 40px;
  padding: 0px 9px 0px 10px;
  width: 40px;
  border-radius: 4px !important;
  transform: translateY(-1px);
}

.box .mode-playing a {
  color: #fff;
}

.box.back-folder {
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("/assets/images/folderback.png");
  background-size: 200px 150px;
}

.box.back-folder .dropdown.back-icon {
  border-radius: 50% !important;
  background: #E9EDEF;
  font-size: 20px;
  height: 40px;
  padding: 9px;
  width: 40px;
  position: absolute;
  right: 20px;
  bottom: 15px;
}

.box.back-folder > .icon-folder {
  font-size: 48px;
  color: #6C7F85;
  text-align: left;
  top: 21px;
  left: 10px;
  margin: 0;
  position: absolute;
}

.box.back-folder > .icon-folder.dummy {
  visibility: hidden;
  opacity: 0;
}

.box.back-folder > label {
  top: 60px;
  position: absolute;
  width: 100%;
  left: 0;
}

.box.uploaded-file {
  margin: 15px 0;
}

.box.uploaded-file .mode-icon {
  position: relative;
}

.box.uploaded-file .mode-icon .icon-share {
  font-size: 18px;
  position: absolute;
  color: #A8A8A8;
  top: 22px;
  left: 21px;
  margin: 0;
}

.box.uploaded-file .mode-icon .icon-share-2 {
  font-size: 18px;
  position: absolute;
  color: #A8A8A8;
  top: 18px;
  left: 14px;
  margin: 0;
  padding: 6px 8px;
  background: #E9EDEF;
}

.box.uploaded-file .mode-icon .fa-sync {
  font-size: 20px;
  font-weight: 700;
  color: #258e25;
  position: absolute;
}

.box.uploaded-file .mode-icon .fa-sync.folder {
  top: 35px;
  left: 42px;
}

.box.uploaded-file .mode-icon .fa-sync.briefcase {
  top: 38px;
  left: 42px;
}

.box.uploaded-file .icon-folder,
.box.uploaded-file .icon-briefcase {
  font-size: 40px;
  color: #A8A8A8;
  text-align: left;
  top: 21px;
  left: 11px;
  margin: 0;
  position: absolute;
}

.box.uploaded-file .icon-folder.dummy,
.box.uploaded-file .icon-briefcase.dummy {
  visibility: hidden;
  opacity: 0;
}

.box.uploaded-file .icon-folder.green,
.box.uploaded-file .icon-briefcase.green {
  color: green;
}

.box.uploaded-file > label {
  height: 50px;
  overflow: hidden;
  font-size: 16px;
  margin: 0;
  line-height: 24px;
  display: block;
  width: 100%;
  position: absolute;
  top: 60px;
  padding: 0 15px;
}

.box.uploaded-file .cog-icon {
  border-radius: 5px !important;
  float: right;
  background: #fff;
  font-size: 20px;
  height: 40px;
  padding: 8px;
  width: 40px;
  position: absolute;
  right: 10px;
  bottom: 10px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

.box.uploaded-file .cog-icon > a {
  color: #606060;
}

.box.uploaded-file .menu-icon {
  border-radius: 5px !important;
  float: right;
  font-size: 20px;
  height: 40px;
  padding: 8px 4px 8px 5px;
  min-width: 40px;
  position: absolute;
  right: 10px;
  top: 5px;
}

.box.uploaded-file .menu-icon > a {
  color: #fff;
  margin-right: 1px;
}

.box.uploaded-file .menu-icon > a:last-child {
  margin-right: 0;
  border-right: 0;
}

.box.uploaded-file .menu-icon > a:hover {
  color: #606060;
}

.box.uploaded-file .menu-icon .fas.fa-copy {
  margin-right: 6px;
  margin-left: 3px;
}

.box.uploaded-file .menu-icon .fa.fa-eye,
.box.uploaded-file .menu-icon .fa.fa-eye-slash,
.box.uploaded-file .menu-icon .fas.fa-eye,
.box.uploaded-file .menu-icon .fas.fa-eye-slash {
  margin-right: 6px;
  margin-left: 6px;
}

.box.uploaded-file .menu-icon .fa.fa-download,
.box.uploaded-file .menu-icon .fas.fa-download {
  margin-right: 8px;
  margin-left: 3px;
}

.box.uploaded-file .menu-icon .multi.fa.fa-play,
.box.uploaded-file .menu-icon .multi.fas.fa-play {
  margin-right: 5px;
  margin-left: 3px;
}

.box.uploaded-file .menu-icon .multi.fa.fa-stop,
.box.uploaded-file .menu-icon .multi.fas.fa-stop {
  margin-right: 4px;
  margin-left: 2px;
}

.box.uploaded-file .menu-icon .icon-action-undo {
  margin-right: 8px;
  margin-left: 4px;
}

.box.uploaded-file .menu-icon .fa-sign-in {
  margin-right: 8px;
}

.box.uploaded-file .menu-icon .fa.fa-edit,
.box.uploaded-file .menu-icon .fas.fa-edit {
  vertical-align: -1px;
  margin-left: 2px;
  margin-right: 2px;
}

.box.uploaded-file .menu-icon .fa.fa-edit,
.box.uploaded-file .menu-icon .fa.fa-sign-in,
.box.uploaded-file .menu-icon .fas.fa-edit,
.box.uploaded-file .menu-icon .fas.fa-sign-in {
  font-size: 21px;
  color: #fff;
  margin-left: 0px;
}

.box.uploaded-file .menu-icon .fa.fa-edit:hover,
.box.uploaded-file .menu-icon .fa.fa-sign-in:hover,
.box.uploaded-file .menu-icon .fas.fa-edit:hover,
.box.uploaded-file .menu-icon .fas.fa-sign-in:hover {
  color: #6C7F85;
}

.box.uploaded-file .menu-icon .fa.fa-edit.icon-grey,
.box.uploaded-file .menu-icon .fa.fa-sign-in.icon-grey,
.box.uploaded-file .menu-icon .fas.fa-edit.icon-grey,
.box.uploaded-file .menu-icon .fas.fa-sign-in.icon-grey {
  margin-right: 0px;
  color: #6C7F85;
}

.box.uploaded-file .menu-icon .fa.fa-edit.icon-grey:hover,
.box.uploaded-file .menu-icon .fa.fa-sign-in.icon-grey:hover,
.box.uploaded-file .menu-icon .fas.fa-edit.icon-grey:hover,
.box.uploaded-file .menu-icon .fas.fa-sign-in.icon-grey:hover {
  color: #B8C1BF;
}

.box.uploaded-file .menu-icon .icon-trash {
  margin-right: 6px;
  margin-left: 2px;
}

.page-library-foldershared .box:not(.back-folder),
.page-library-librarytrash .box:not(.back-folder) {
  cursor: default;
}

.page-library-foldershared .box:not(.back-folder) label,
.page-library-librarytrash .box:not(.back-folder) label {
  cursor: default;
}

.device-computer .uploaded-file:hover .menu-icon,
.device-computer .public-folder:hover .menu-icon {
  opacity: 1;
}

.device-computer .uploaded-file .menu-icon,
.device-computer .public-folder .menu-icon {
  opacity: 0;
}

.device-computer .uploaded-file .name,
.device-computer .public-folder .name {
  transition: all .1s ease;
}

.page-library .menu-icon-viewList,
.page-library-unified .menu-icon-viewList {
  float: right;
  padding-right: 5px !important;
}

.page-library .menu-icon-viewList span,
.page-library-unified .menu-icon-viewList span {
  margin-left: 5px;
}

.page-library .menu-icon-viewList .fa,
.page-library-unified .menu-icon-viewList .fa,
.page-library .menu-icon-viewList .fas,
.page-library-unified .menu-icon-viewList .fas,
.page-library .menu-icon-viewList .far,
.page-library-unified .menu-icon-viewList .far {
  color: #36c1c4;
  font-size: 25px;
}

.page-library .menu-icon-viewList .fa:last-child,
.page-library-unified .menu-icon-viewList .fa:last-child,
.page-library .menu-icon-viewList .fas:last-child,
.page-library-unified .menu-icon-viewList .fas:last-child,
.page-library .menu-icon-viewList .far:last-child,
.page-library-unified .menu-icon-viewList .far:last-child {
  margin-right: 0;
  border-right: 0;
}

.page-library .menu-icon-viewList .fa:hover,
.page-library-unified .menu-icon-viewList .fa:hover,
.page-library .menu-icon-viewList .fas:hover,
.page-library-unified .menu-icon-viewList .fas:hover,
.page-library .menu-icon-viewList .far:hover,
.page-library-unified .menu-icon-viewList .far:hover {
  color: #22373F;
}

.page-library .menu-icon-viewList .fa.fa-play,
.page-library-unified .menu-icon-viewList .fa.fa-play,
.page-library .menu-icon-viewList .fa.fa-stop,
.page-library-unified .menu-icon-viewList .fa.fa-stop,
.page-library .menu-icon-viewList .fas.fa-play,
.page-library-unified .menu-icon-viewList .fas.fa-play,
.page-library .menu-icon-viewList .fas.fa-stop,
.page-library-unified .menu-icon-viewList .fas.fa-stop {
  font-size: 20px;
}

.page-library .menu-icon-viewList .fa.fa-play,
.page-library-unified .menu-icon-viewList .fa.fa-play,
.page-library .menu-icon-viewList .fas.fa-play,
.page-library-unified .menu-icon-viewList .fas.fa-play {
  margin-right: 5px;
  margin-left: 3px;
}

.page-library .menu-icon-viewList .fa.fa-stop,
.page-library-unified .menu-icon-viewList .fa.fa-stop,
.page-library .menu-icon-viewList .fas.fa-stop,
.page-library-unified .menu-icon-viewList .fas.fa-stop {
  margin-right: 5px;
  margin-left: 2px;
}

.page-library .menu-icon-viewList .fa.fa-sign-in,
.page-library-unified .menu-icon-viewList .fa.fa-sign-in,
.page-library .menu-icon-viewList .fas.fa-sign-in,
.page-library-unified .menu-icon-viewList .fas.fa-sign-in {
  margin-right: 5px;
  margin-left: -2px;
  transform: translateY(-2px);
}

.page-library .menu-icon-viewList .multi.fa.fa-stop,
.page-library-unified .menu-icon-viewList .multi.fa.fa-stop,
.page-library .menu-icon-viewList .multi.fas.fa-stop,
.page-library-unified .menu-icon-viewList .multi.fas.fa-stop {
  margin-right: 4px;
  margin-left: 2px;
}

.page-library .menu-icon-viewList .multi.fa.fa-files-o,
.page-library-unified .menu-icon-viewList .multi.fa.fa-files-o,
.page-library .menu-icon-viewList .multi.fa.fa-files-o,
.page-library-unified .menu-icon-viewList .multi.fa.fa-files-o {
  font-size: 20px;
  margin-right: 5px;
  transform: translateY(-3px);
}

.page-library .btn,
.page-library-unified .btn {
  height: 34px !important;
}

.page-library .dropdown-menu.dropdown-filterBy:after,
.page-library-unified .dropdown-menu.dropdown-filterBy:after {
  left: 57px !important;
}

.page-library .dropdown-menu.dropdown-filterBy:before,
.page-library-unified .dropdown-menu.dropdown-filterBy:before {
  left: 56px;
}

.page-library .dropdown-menu.dropdown-sortBy:after,
.page-library-unified .dropdown-menu.dropdown-sortBy:after {
  left: 49px !important;
}

.page-library .dropdown-menu.dropdown-sortBy:before,
.page-library-unified .dropdown-menu.dropdown-sortBy:before {
  left: 48px!important;
}

.page-library .ui-list,
.page-library-unified .ui-list {
  padding: 0;
}

.page-library .ui-list .title-tab,
.page-library-unified .ui-list .title-tab {
  width: 100%;
  padding: 10px 0px;
}

.page-library .ui-list .title-tab > *:not(.col-first),
.page-library-unified .ui-list .title-tab > *:not(.col-first) {
  padding-top: 5px;
}

.page-library .ui-list .title-tab .col-first > span,
.page-library-unified .ui-list .title-tab .col-first > span {
  margin-left: 6px;
}

.page-library .ui-list .filter,
.page-library-unified .ui-list .filter {
  height: 100% !important;
  padding-top: 7px !important;
}

.page-library .ui-list .filter .search,
.page-library-unified .ui-list .filter .search {
  margin-top: 3px !important;
  height: 34px !important;
}

.page-library .ui-list .row,
.page-library-unified .ui-list .row {
  margin: 0px !important;
}

.page-library .ui-list .col-first,
.page-library-unified .ui-list .col-first {
  float: left;
  padding-left: 7px !important;
  padding-right: 5px !important;
}

.page-library .ui-list .panel-multi-select,
.page-library-unified .ui-list .panel-multi-select {
  position: absolute;
  bottom: 12px;
  right: -10px;
  padding-top: 12px;
  padding-bottom: 0px;
}

.page-library .ui-list .panel-multi-select > a,
.page-library-unified .ui-list .panel-multi-select > a {
  margin: 0 !important;
  padding-bottom: 0px !important;
}

.page-library .ui-list .panel-multi-select .fa,
.page-library-unified .ui-list .panel-multi-select .fa,
.page-library .ui-list .panel-multi-select .fas,
.page-library-unified .ui-list .panel-multi-select .fas,
.page-library .ui-list .panel-multi-select .far,
.page-library-unified .ui-list .panel-multi-select .far {
  font-size: 20px !important;
}

.page-library .ui-list .panel-multi-select .fa-times,
.page-library-unified .ui-list .panel-multi-select .fa-times {
  bottom: 0px !important;
}

.page-library .ui-list .panel-multi-select .fa-times:before,
.page-library-unified .ui-list .panel-multi-select .fa-times:before {
  bottom: 0px !important;
}

.page-library .ui-list .panel-multi-select .fa-edit,
.page-library-unified .ui-list .panel-multi-select .fa-edit {
  top: 1px;
}

.page-library .ui-list .panel-multi-select .fa-edit,
.page-library-unified .ui-list .panel-multi-select .fa-edit,
.page-library .ui-list .panel-multi-select .fa-files-o,
.page-library-unified .ui-list .panel-multi-select .fa-files-o {
  -webkit-text-stroke: 0.8px #36c1c4;
}

.page-library .ui-list .panel-multi-select .box-bg-folderback,
.page-library-unified .ui-list .panel-multi-select .box-bg-folderback {
  margin-top: 0;
  margin-right: 5px;
  transform: translateY(-10px);
}

.page-library .ui-list .custom-checkbox,
.page-library-unified .ui-list .custom-checkbox {
  margin: 10px 0px 0px;
}

.page-library .ui-list .custom-checkbox.checkbox-title,
.page-library-unified .ui-list .custom-checkbox.checkbox-title {
  margin-top: 2px;
}

.page-library .ui-list .center-horizon,
.page-library-unified .ui-list .center-horizon {
  padding-top: 11px !important;
}

.page-library .btn,
.page-library-unified .btn {
  margin: 0px 8px 0px 0px;
}

.page-library .btn-choice-mode,
.page-library-unified .btn-choice-mode {
  padding-top: 4px !important;
  font-size: 20px;
  position: relative;
}

.page-library .btn-choice-mode .fa,
.page-library-unified .btn-choice-mode .fa,
.page-library .btn-choice-mode .fas,
.page-library-unified .btn-choice-mode .fas,
.page-library .btn-choice-mode .far,
.page-library-unified .btn-choice-mode .far {
  height: 100%;
  width: 100%;
}

.page-library ul.dropdown-menu > li:first-child,
.page-library-unified ul.dropdown-menu > li:first-child {
  border-bottom: 1px solid #eee;
}

.page-library .portlet.light > .portlet-title,
.page-library-unified .portlet.light > .portlet-title {
  position: relative;
  padding: 0 0 8px;
}

.page-library .portlet-body,
.page-library-unified .portlet-body {
  padding: 10px 0 10px 10px;
}

.page-library .btn.btn-small .fa-angle-down,
.page-library-unified .btn.btn-small .fa-angle-down {
  margin-right: 2px;
}

.page-library .btn.btn-small.home,
.page-library-unified .btn.btn-small.home {
  font-size: 20px;
  margin-right: 15px;
  padding: 0 10px;
}

.page-library .mt-checkbox-list .mt-checkbox,
.page-library-unified .mt-checkbox-list .mt-checkbox {
  position: relative;
  height: 20px;
  line-height: 20px;
  margin-left: 10px;
  width: 165px;
  margin-bottom: 8px;
}

.page-library .mt-checkbox-list .mt-checkbox .custom-checkbox,
.page-library-unified .mt-checkbox-list .mt-checkbox .custom-checkbox {
  position: absolute;
  left: 2px;
  top: -12px;
}

.page-library .mt-checkbox-list.order-by,
.page-library-unified .mt-checkbox-list.order-by {
  padding: 5px 0 0 10px;
}

.page-library .mt-checkbox-list.order-by label,
.page-library-unified .mt-checkbox-list.order-by label {
  margin-bottom: 8px;
}

.page-library .boxes,
.page-library-unified .boxes,
.page-library .droppableContainer,
.page-library-unified .droppableContainer {
  min-height: inherit;
}

.page-library .box.trash-folder.ui-state-default,
.page-library-unified .box.trash-folder.ui-state-default {
  border-color: #a94442;
}

.page-library .doc-list,
.page-library-unified .doc-list {
  margin-bottom: 15px;
}

.page-library div.search,
.page-library-unified div.search {
  vertical-align: top;
  width: 200px;
  margin-left: 8px;
}

.page-library div.search input,
.page-library-unified div.search input {
  position: absolute;
  width: 100%;
  padding: 3px 28px 4px 10px;
  height: 35px;
  font-size: 16px;
  border: 2px solid #B8C1BF !important;
  border-radius: 3px !important;
}

.page-library div.search input:focus,
.page-library-unified div.search input:focus {
  outline: none;
}

.page-trash .icon-folder,
.page-public .icon-folder {
  font-size: 40px;
  color: #A8A8A8;
  text-align: left;
  top: 21px;
  left: 15px;
  margin: 0;
  position: absolute;
}

.trash-folder > img,
.public-folder > img {
  margin: 15px 0;
}

.trash-folder .cog-icon,
.public-folder .cog-icon {
  background-color: #e9edef;
  border-radius: 50% !important;
  color: #ffffff;
  height: 40px;
  padding: 5px 0;
  width: 40px;
  position: absolute;
  right: 20px;
  bottom: 15px;
}

.trash-folder .cog-icon > a,
.public-folder .cog-icon > a {
  font-size: 20px;
  line-height: 33px;
  color: #889db5;
}

.moderatorOwnerLibelle {
  font-size: 10px;
  text-align: left;
  top: 25px;
  left: 20px;
  position: absolute;
  font-weight: 500;
}

.moderatorOwnerValue {
  font-size: 10px;
  text-align: left;
  left: 20px;
  top: 40px;
  position: absolute;
  width: 105px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 700;
}

.select2-container {
  width: 100% !important;
  z-index: 10000;
}

.select2-selection.select2-selection--multiple {
  border: 1px solid #ccc;
  border-radius: 0;
  width: 100%;
}

.select2-selection__choice {
  background-color: #3c8dbc !important;
  border-color: #367fa9 !important;
  color: #fff !important;
  border-radius: 0 !important;
  padding: 2px 8px;
}

.select2-selection__choice__remove {
  color: #fff !important;
  margin-right: 5px !important;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #3c8dbc !important;
}

.page-edit div.filter,
.page-new div.filter {
  position: relative;
  padding: 0;
  margin-bottom: 6px;
}

.page-edit div.filter .search,
.page-new div.filter .search {
  margin: 10px 0px;
  position: relative;
  width: 100%;
  padding-left: 10px;
  border: 1px solid #B8C1BF !important;
  height: 30px !important;
  border-radius: 3px !important;
  font-size: 10px;
}

.page-edit div.filter span,
.page-new div.filter span {
  position: absolute;
  height: 100%;
  font-size: 21px;
  right: 30px;
}

.page-edit div.filter span .fa,
.page-new div.filter span .fa,
.page-edit div.filter span .fas,
.page-new div.filter span .fas,
.page-edit div.filter span .far,
.page-new div.filter span .far {
  position: absolute;
  -webkit-text-stroke: 0.7px #B8C1BF;
  top: 50%;
  transform: translateY(-50%);
}

.page-edit div.filter > div,
.page-new div.filter > div {
  padding: 0;
}

.page-edit div.filter > div input,
.page-new div.filter > div input {
  width: 100%;
  padding: 10px 40px 10px 10px;
  border: 1px solid #ddd;
}

.page-edit div.filter > div input.inline,
.page-new div.filter > div input.inline {
  width: calc(100% - 95px);
  float: right;
}

.page-edit div.filter > div span.glyphicon,
.page-new div.filter > div span.glyphicon {
  position: absolute;
  right: 10px;
  top: 13px;
  font-size: 22px;
  color: #999;
}

.page-edit div.filter > div i.fa-spinner,
.page-new div.filter > div i.fa-spinner,
.page-edit div.filter > div i.fa-search,
.page-new div.filter > div i.fa-search {
  position: absolute;
  right: 7px;
  top: 14px;
  font-size: 22px;
  color: #999;
}

.page-edit div.filter > div .btn-icon-only,
.page-new div.filter > div .btn-icon-only {
  width: 41px;
  height: 41px;
  font-size: 21px;
}

.page-edit .portlet-title.page-bar,
.page-new .portlet-title.page-bar {
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.page-edit .zone-info,
.page-new .zone-info {
  margin-top: 27px;
}

.page-edit .zone-info .label-info-edit,
.page-new .zone-info .label-info-edit {
  text-align: right;
  color: #22373F !important;
  font-weight: 500;
}

.page-edit .zone-info .label-info-edit:not(label-ID),
.page-new .zone-info .label-info-edit:not(label-ID) {
  margin-bottom: 5px !important;
}

.page-edit .zone-info .label-info-edit.label-ID,
.page-new .zone-info .label-info-edit.label-ID {
  padding: 0 5px 0 0;
  margin-top: 2px !important;
  margin-bottom: 0px !important;
}

.page-edit .zone-info input,
.page-new .zone-info input {
  font-size: 12px;
  padding: 2px 5px;
  border: 1px solid #B8C1BF;
  border-radius: 2px !important;
}

.page-edit .btn-group-edit .btn:nth-child(n + 2),
.page-new .btn-group-edit .btn:nth-child(n + 2) {
  margin-left: 8px;
}

.page-edit .btn-group-edit .btn,
.page-new .btn-group-edit .btn {
  margin-bottom: 10px;
}

.page-edit .btn-group-edit i,
.page-new .btn-group-edit i {
  margin-right: 5px;
}

.page-edit .btn-group-edit.btn-group-end,
.page-new .btn-group-edit.btn-group-end {
  margin-top: 15px;
  margin-left: 25px;
}

.page-edit tags-input,
.page-new tags-input {
  padding: 0;
}

.page-edit .page-breadcrumb,
.page-new .page-breadcrumb {
  padding-right: 0;
}

.page-edit .filter,
.page-new .filter {
  width: 100% !important;
}

.page-edit .filter .filter-question,
.page-new .filter .filter-question {
  width: 100%;
  margin-bottom: 5px;
}

.page-edit .no-image,
.page-new .no-image {
  width: 150px;
  height: 150px;
  background-color: #B8C1BF;
  border-radius: 7px !important;
}

.page-edit .btn-for-image,
.page-new .btn-for-image {
  max-width: 150px;
}

.page-edit .img-responsive,
.page-new .img-responsive {
  text-align: left !important;
  margin: 0 !important;
}

.page-edit-folder .collapsing {
  border-bottom-right-radius: 5px!important;
  border-bottom-left-radius: 5px!important;
}

.page-edit-folder .collapse {
  border-radius: 5px!important;
}

.page-edit-folder .collapse .filter {
  margin-top: 30px;
}

.page-edit-folder .collapse,
.page-edit-folder .collapsing {
  padding: 15px 20px;
  margin-bottom: 10px;
  border: 1px solid #d9e1df;
}

.page-edit-folder .collapse img,
.page-edit-folder .collapsing img {
  margin-top: 5px !important;
  width: 35px;
  height: 35px;
}

.page-edit-folder .collapse .center-horizon,
.page-edit-folder .collapsing .center-horizon {
  padding-top: 13px;
}

.page-edit-folder .collapse .fa-times,
.page-edit-folder .collapsing .fa-times {
  font-size: 25px;
  margin-top: 17px;
}

.page-edit-folder .collapse .row.body,
.page-edit-folder .collapsing .row.body {
  margin: 0;
  height: 45px;
}

.page-edit-folder .collapse .row.body > div:first-child,
.page-edit-folder .collapsing .row.body > div:first-child {
  max-width: 70px;
  padding-left: 10px;
}

.page-edit-folder .collapse .row.body > div:last-child,
.page-edit-folder .collapsing .row.body > div:last-child {
  width: 50px;
  float: right;
  padding-right: 15px;
  text-align: right;
}

.page-edit-folder .portlet.light {
  padding: 20px 40px;
}

.page-edit-folder .page-breadcrumb,
.page-edit-folder .page-bar {
  padding-left: 0 !important;
}

.page-edit-folder .portlet-title {
  position: relative;
  min-height: 40px;
}

.page-edit-folder .portlet-title .btn-group {
  float: right;
}

.page-edit-folder .center-horizon {
  padding-top: 10px;
}

.page-edit-folder .action-btns .fas {
  transform: translate(-2px, 14px);
  font-size: 28px;
}

.page-edit-folder .title-tab > div {
  padding-left: 5px;
}

.page-edit-postit .btn-add-media,
.page-edit-url .btn-add-media {
  width: 150px;
}

.page-edit-postit .btn-group-end,
.page-edit-url .btn-group-end {
  padding-left: 10px;
}

.page-edit-elearning .btn-group-end {
  margin-left: 20px !important;
}

.page-edit-html #tab_1_2 {
  min-height: 500px;
  height: calc(100vh - 300px);
}

.page-edit-html #tab_1_2 .container-fluid {
  height: 90%;
}

.page-edit-html #tab_1_2 .jsoneditor-repair {
  display: none;
}

.page-edit-html #tab_1_2 .filesList {
  height: 100%;
  margin: 0;
  padding: 0;
}

.page-edit-html #tab_1_2 .filesList ul {
  margin-top: 10px;
  height: 95%;
  overflow-y: auto;
  list-style-type: none;
  padding: 0;
}

.page-edit-html #tab_1_2 .filesList ul::-webkit-scrollbar {
  width: 10px;
}

.page-edit-html #tab_1_2 .filesList ul::-webkit-scrollbar-track {
  background: #d9e1df;
  border-radius: 10px!important;
}

.page-edit-html #tab_1_2 .filesList ul::-webkit-scrollbar-thumb {
  background: #36c1c4;
  border-radius: 10px!important;
}

.page-edit-html #tab_1_2 .filesList ul li {
  margin: 10px;
  cursor: pointer;
}

.page-edit-html #tab_1_2 .filesList ul li.selected {
  color: #36c1c4;
  font-weight: 700;
}

.page-edit-html #tab_1_2 .filesList ul li.error {
  color: #EF5E7D;
  font-weight: 700;
}

.page-edit-html #tab_1_2 #editorjs {
  height: 100%;
}

@media screen and (max-width: 992px) {
  .page-edit-html #tab_1_2 {
    height: calc(100vh - 205px);
  }
}

.page-edit-html .btn-group-end {
  margin-left: 20px !important;
}

.page-edit-message .btn-toolbar {
  margin-bottom: 5px;
}

.page-edit-message img {
  height: auto !important;
  max-height: 300px;
}

.page-edit-survey .filter .btn,
.page-edit-observation .filter .btn,
.page-edit-quiz .filter .btn {
  margin-top: 2px;
  margin-left: 4px;
}

.page-edit-survey .panel-multi-select,
.page-edit-observation .panel-multi-select,
.page-edit-quiz .panel-multi-select {
  margin-top: 15px;
  padding-bottom: 5px;
  border-bottom: 1px solid #B8C1BF;
}

.page-edit-survey .panel-multi-select .fa,
.page-edit-observation .panel-multi-select .fa,
.page-edit-quiz .panel-multi-select .fa,
.page-edit-survey .panel-multi-select .fas,
.page-edit-observation .panel-multi-select .fas,
.page-edit-quiz .panel-multi-select .fas,
.page-edit-survey .panel-multi-select .far,
.page-edit-observation .panel-multi-select .far,
.page-edit-quiz .panel-multi-select .far {
  font-size: 22px;
}

.page-edit-survey .panel-multi-select .fa .fa-times,
.page-edit-observation .panel-multi-select .fa .fa-times,
.page-edit-quiz .panel-multi-select .fa .fa-times,
.page-edit-survey .panel-multi-select .fas .fa-times,
.page-edit-observation .panel-multi-select .fas .fa-times,
.page-edit-quiz .panel-multi-select .fas .fa-times,
.page-edit-survey .panel-multi-select .far .fa-times,
.page-edit-observation .panel-multi-select .far .fa-times,
.page-edit-quiz .panel-multi-select .far .fa-times {
  transform: translateY(1px);
}

.page-edit-survey .panel-multi-select span,
.page-edit-observation .panel-multi-select span,
.page-edit-quiz .panel-multi-select span {
  margin-left: 10px;
}

.page-edit-survey .limitTime,
.page-edit-observation .limitTime,
.page-edit-quiz .limitTime {
  min-width: fit-content;
}

@media screen and (max-width: 1300px) {
  .page-edit-survey .limitTime,
  .page-edit-observation .limitTime,
  .page-edit-quiz .limitTime {
    min-width: 140px;
  }
}

.page-library-librarytrash .portlet.light,
.page-library-librarypublic .portlet.light,
.page-library-library .portlet.light,
page-library-libraryarchived .portlet.light {
  border-top-right-radius: 0 !important;
}

.page-library-library #library-dropzoneTest .fa-cloud-upload-alt {
  position: sticky;
  top: 50%;
  left: 50%;
  opacity: 100% !important;
  color: lightslategray !important;
  z-index: 1;
}

.page-library-library #library-dropzoneTest .opacity-library {
  opacity: 40%;
}

.page-new .portlet.light {
  border-bottom-left-radius: 10px!important;
  -webkit-border-top-left-radius: 10px !important;
  -moz-border-radius-topleft: 10px!important;
}

.page-new .form-horizontal .zone-info .has-feedback .form-control-feedback.glyphicon-warning-sign {
  top: 25px;
  right: 40px;
}

.page-new .form-horizontal .has-feedback .form-control-feedback {
  top: 12px;
}

.page-new tags-input {
  margin-bottom: 30px;
}

.page-new .help-block.help-text {
  text-align: right;
}

.page-new .portlet-title {
  padding-bottom: 10px !important;
}

.ngdialog {
  font-family: 'Roboto', Arial;
}

.ngdialog .dialog-workshop-buttons {
  display: flex;
  justify-content: center;
}

.ngdialog .dialog-workshop-buttons > * {
  margin: 5px;
}

.ngdialog .dialog-workshop-buttons .btn-workshop {
  display: flex;
  align-items: center;
}

.ngdialog .dialog-workshop-buttons .btn-workshop .workshop-img {
  margin-right: 2px;
  width: 19px;
  height: 19px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url('/assets/images/workshop-white.svg');
}

.ngdialog .dialog-workshop-buttons .btn-workshop:hover .workshop-img {
  background-image: url('/assets/images/workshop-blue.svg');
}

.ngdialog.ngdialog-administrator .ngdialog-content {
  background-color: #356070 !important;
  color: white !important;
  overflow: auto !important;
}

.ngdialog.ngdialog-administrator .ngdialog-content .ngdialog-message {
  margin-bottom: 10px;
}

.ngdialog.ngdialog-administrator .ngdialog-content .jstree {
  max-height: 400px !important;
}

.ngdialog.ngdialog-administrator .ngdialog-header {
  color: white !important;
}

.ngdialog.ngdialog-administrator .ngdialog-header h1 {
  color: white !important;
}

.ngdialog.ngdialog-administrator #select-users {
  color: white !important;
}

.ngdialog.ngdialog-administrator #select-users * {
  /* Handle */
}

.ngdialog.ngdialog-administrator #select-users *::-webkit-scrollbar {
  width: 10px;
}

.ngdialog.ngdialog-administrator #select-users *::-webkit-scrollbar-track {
  background: #d9e1df;
  border-radius: 10px !important;
}

.ngdialog.ngdialog-administrator #select-users *::-webkit-scrollbar-thumb {
  background: #36c1c4;
  border-radius: 10px !important;
}

.ngdialog.ngdialog-administrator #select-users .btn {
  padding: 7px 12px;
}

.ngdialog.ngdialog-administrator #select-users .btn.btn-roundish {
  border-radius: 5px !important;
}

.ngdialog.ngdialog-administrator #select-users .btn.btn-violet {
  border-color: #8E44AD;
  background-color: #8E44AD;
  color: #fff;
}

.ngdialog.ngdialog-administrator #select-users .btn.btn-violet:hover {
  background-color: #fff;
  color: #8E44AD;
}

.ngdialog.ngdialog-administrator #select-users .btn.btn-full-yellow {
  border: 1px solid #EACC4B;
  background-color: #EACC4B;
  color: #fff;
}

.ngdialog.ngdialog-administrator #select-users .btn.btn-full-yellow:hover {
  background-color: #fff;
  color: #EACC4B;
}

.ngdialog.ngdialog-administrator #select-users .btn.btn-full-blue {
  border: 1px solid #36c1c4;
  background-color: #36c1c4;
  color: #fff;
}

.ngdialog.ngdialog-administrator #select-users .btn.btn-full-blue:not(.hover-opactity):hover {
  background-color: #fff;
  color: #36c1c4;
}

.ngdialog.ngdialog-administrator #select-users .btn.btn-full-blue.hover-opactity:hover {
  opacity: 0.7;
}

.ngdialog.ngdialog-administrator #select-users .btn.btn-full-red {
  border: 1px solid #EF5E7D !important;
  background-color: #EF5E7D;
  color: #fff;
}

.ngdialog.ngdialog-administrator #select-users .btn.btn-full-red:hover {
  border-color: 1px solid #EF5E7D !important;
  background-color: #fff;
  color: #EF5E7D;
}

.ngdialog.ngdialog-administrator #select-users .btn.btn-full-red-reversed {
  border: 1px solid #EF5E7D !important;
  background-color: #fff;
  color: #EF5E7D;
}

.ngdialog.ngdialog-administrator #select-users .btn.btn-full-red-reversed:hover {
  background-color: #EF5E7D;
  color: #fff;
}

.ngdialog.ngdialog-administrator #select-users .btn.btn-full-green {
  border: 1px solid #9BC94A;
  background-color: #9BC94A;
  color: #fff;
}

.ngdialog.ngdialog-administrator #select-users .btn.btn-full-green:hover {
  background-color: #fff;
  color: #9BC94A;
}

.ngdialog.ngdialog-administrator #select-users .btn.btn-full-grey {
  border: 1px solid #B8C1BF;
  background-color: #B8C1BF;
  color: #fff;
}

.ngdialog.ngdialog-administrator #select-users .btn.btn-full-grey:hover {
  background-color: #fff;
  color: #B8C1BF;
}

.ngdialog.ngdialog-administrator #select-users .btn.btn-full-blue-reversed {
  border: 1px solid #36c1c4;
  background-color: #fff;
  color: #36c1c4;
}

.ngdialog.ngdialog-administrator #select-users .btn.btn-full-blue-reversed:hover {
  background-color: #36c1c4;
  color: #fff;
}

.ngdialog.ngdialog-administrator #select-users .btn.btn-full-orange {
  border: 1px solid #F25F41;
  background-color: #F25F41;
  color: #fff;
}

.ngdialog.ngdialog-administrator #select-users .btn.btn-full-orange:hover {
  background-color: #fff;
  color: #F25F41;
}

.ngdialog.ngdialog-administrator #select-users .btn.btn-full-orange-report {
  border: 1px solid #FF866D;
  background-color: #FF866D;
  color: #fff;
}

.ngdialog.ngdialog-administrator #select-users .btn.btn-full-orange-report:hover {
  opacity: 0.8;
}

.ngdialog.ngdialog-administrator #select-users .btn.btn-full-orange-reversed {
  border: 1px solid #F25F41;
  background-color: #fff;
  color: #F25F41;
}

.ngdialog.ngdialog-administrator #select-users .btn.btn-full-orange-reversed:hover {
  background-color: #F25F41;
  color: #fff;
}

.ngdialog.ngdialog-administrator #select-users .btn.btn-full-black {
  border: 1px solid #22373F;
  background-color: #22373F;
  color: #fff;
}

.ngdialog.ngdialog-administrator #select-users .btn.btn-full-black:hover {
  background-color: #fff;
  color: #22373F;
}

.ngdialog.ngdialog-administrator #select-users .btn.btn-collapse {
  text-align: left;
  font-weight: 500;
  background-color: #d9e1df;
  color: #6C7F85;
  border-top-right-radius: 5px !important;
  border-top-left-radius: 5px !important;
}

.ngdialog.ngdialog-administrator #select-users .btn.btn-collapse i {
  float: right;
  font-size: 20px;
}

.ngdialog.ngdialog-administrator #select-users .btn.btn-collapse i.fa,
.ngdialog.ngdialog-administrator #select-users .btn.btn-collapse i.fas,
.ngdialog.ngdialog-administrator #select-users .btn.btn-collapse i.far {
  position: relative;
}

.ngdialog.ngdialog-administrator #select-users .btn.btn-collapse i.fa.fa-sort-down:before,
.ngdialog.ngdialog-administrator #select-users .btn.btn-collapse i.fas.fa-sort-down:before,
.ngdialog.ngdialog-administrator #select-users .btn.btn-collapse i.far.fa-sort-down:before {
  position: relative;
  top: -2px;
}

.ngdialog.ngdialog-administrator #select-users .btn.btn-collapse i.fa.fa-sort-up,
.ngdialog.ngdialog-administrator #select-users .btn.btn-collapse i.fas.fa-sort-up,
.ngdialog.ngdialog-administrator #select-users .btn.btn-collapse i.far.fa-sort-up {
  padding-top: 7px;
}

.ngdialog.ngdialog-administrator #select-users .btn.btn-connect-moderator {
  border: 1px solid #f47a6e !important;
  background-color: #f47a6e;
  color: #fff;
  border-radius: 5px !important;
}

.ngdialog.ngdialog-administrator #select-users .btn.btn-connect-moderator:hover {
  opacity: 1;
  box-shadow: 0 0 8px !important;
}

.ngdialog.ngdialog-administrator #select-users .btn.btn-connect-participant {
  border: 1px solid #36c1c4;
  background-color: #36c1c4;
  color: #fff;
}

.ngdialog.ngdialog-administrator #select-users .btn.btn-connect-participant:hover {
  opacity: 1;
  box-shadow: 0 0 8px !important;
}

.ngdialog.ngdialog-administrator #select-users .btn.btn-connect-moderator,
.ngdialog.ngdialog-administrator #select-users .btn.btn-connect-participant {
  box-shadow: none !important;
  font-weight: 500;
  border-radius: 15px !important;
  height: 105px !important;
}

.ngdialog.ngdialog-administrator #select-users .btn.btn-submit-paticipant {
  height: 37px;
  padding: 6px 0;
  width: 128px;
  border-radius: 24px !important;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: .8px;
  text-align: center;
  text-transform: uppercase;
}

.ngdialog.ngdialog-administrator #select-users .btn.btn-submit-paticipant:disabled {
  opacity: 0.4;
}

.ngdialog.ngdialog-administrator #select-users .jstree {
  max-height: 555px;
  overflow: auto;
}

.ngdialog.ngdialog-administrator #select-users .jstree .jstree-container-ul {
  max-height: 100%;
}

.ngdialog.ngdialog-administrator #select-users p.title {
  margin: 0 0 8px;
  text-align: center;
}

.ngdialog.ngdialog-administrator #select-users .ui-list {
  max-height: 340px;
  min-height: 150px;
  width: 100%;
  text-overflow: ellipsis;
  overflow-y: auto;
  overflow-x: hidden;
}

.ngdialog.ngdialog-administrator #select-users .ui-list.no-scroll {
  overflow-y: hidden !important;
}

.ngdialog.ngdialog-administrator #select-users .ui-list > * {
  padding-left: 10px !important;
}

.ngdialog.ngdialog-administrator #select-users .ui-list .row.filter {
  width: 95%;
}

.ngdialog.ngdialog-administrator #select-users .ui-list .row.body {
  color: white;
}

.ngdialog.ngdialog-administrator #select-users .ui-list .cursorPointer {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 30px;
}

.ngdialog.ngdialog-administrator #select-users .ui-list .row.body:nth-child(odd) {
  background: #356070 !important;
}

.ngdialog.ngdialog-administrator #select-users .ui-list div.body:nth-child(even) {
  background: #407184 !important;
}

.ngdialog.ngdialog-administrator #select-users .btn-group-select-user {
  width: 100%;
  text-align: center;
}

.ngdialog.ngdialog-administrator #select-users .btn-group-select-user > .btn {
  padding-left: 10px;
  padding-right: 10px;
  margin-left: 8px;
}

.ngdialog.ngdialog-administrator #select-users .style-search-bar {
  border: 2px solid #83A0AA !important;
  padding: 5px !important;
  border-radius: 5px !important;
  color: white;
  background-color: #407184;
  width: 200px;
  height: 40px;
}

.ngdialog.ngdialog-administrator #select-users .style-search-bar::placeholder {
  color: white;
}

.ngdialog.ngdialog-administrator .content-row > div {
  max-height: 515px;
}

.ngdialog.ngdialog-theme-plain .ui-list {
  padding: 5px;
}

.ngdialog.ngdialog-theme-plain .ui-list.no-select *:hover {
  opacity: 1 !important;
}

.ngdialog.ngdialog-theme-plain .ui-list:not(.no-select) div.body *:not(.input-checkbox):hover {
  opacity: 0.85 !important;
}

.ngdialog.ngdialog-theme-plain .ui-list .title-tab {
  font-size: 20px;
  font-weight: 500;
}

.ngdialog.ngdialog-theme-plain .ui-list div.filter {
  position: relative;
  padding: 0;
  margin-bottom: 6px;
}

.ngdialog.ngdialog-theme-plain .ui-list div.filter .search {
  margin: 10px 0px;
  position: relative;
  width: 100%;
  padding-left: 10px;
  border: 1px solid #B8C1BF !important;
  height: 30px !important;
  border-radius: 3px !important;
  font-size: 10px;
}

.ngdialog.ngdialog-theme-plain .ui-list div.filter span {
  position: absolute;
  height: 100%;
  font-size: 21px;
  right: 30px;
}

.ngdialog.ngdialog-theme-plain .ui-list div.filter span .fa,
.ngdialog.ngdialog-theme-plain .ui-list div.filter span .fas,
.ngdialog.ngdialog-theme-plain .ui-list div.filter span .far {
  position: absolute;
  -webkit-text-stroke: 0.7px #B8C1BF;
  top: 50%;
  transform: translateY(-50%);
}

.ngdialog.ngdialog-theme-plain .ui-list div.filter > div {
  padding: 0;
}

.ngdialog.ngdialog-theme-plain .ui-list div.filter > div input {
  width: 100%;
  padding: 10px 40px 10px 10px;
  border: 1px solid #ddd;
}

.ngdialog.ngdialog-theme-plain .ui-list div.filter > div input.inline {
  width: calc(100% - 95px);
  float: right;
}

.ngdialog.ngdialog-theme-plain .ui-list div.filter > div span.glyphicon {
  position: absolute;
  right: 10px;
  top: 13px;
  font-size: 22px;
  color: #999;
}

.ngdialog.ngdialog-theme-plain .ui-list div.filter > div i.fa-spinner,
.ngdialog.ngdialog-theme-plain .ui-list div.filter > div i.fa-search {
  position: absolute;
  right: 7px;
  top: 14px;
  font-size: 22px;
  color: #999;
}

.ngdialog.ngdialog-theme-plain .ui-list div.filter > div .btn-icon-only {
  width: 41px;
  height: 41px;
  font-size: 21px;
}

.ngdialog.ngdialog-theme-plain .ui-list div.body {
  font-weight: 500;
  color: #6C7F85;
}

.ngdialog.ngdialog-theme-plain .ui-list div.body:nth-child(odd) {
  background-color: #EFF4F4;
}

.ngdialog.ngdialog-theme-plain .ui-list .body.view-list {
  height: 30px;
}

.ngdialog.ngdialog-theme-plain .ui-list .row.body {
  font-weight: 500;
  color: #6C7F85;
}

.ngdialog.ngdialog-theme-plain .ui-list .col-status {
  max-width: 150px !important;
}

.ngdialog.ngdialog-theme-plain .ui-list .col-last {
  padding: 12px 0 5px;
  float: right;
}

.ngdialog.ngdialog-theme-plain .custom-checkbox {
  position: relative;
  height: 20px;
  width: 20px;
  min-width: 20px;
  min-height: 20px;
  border-radius: 2px !important;
  padding-left: 0px !important;
  border: 2px solid transparent;
}

.ngdialog.ngdialog-theme-plain .custom-checkbox.custom-checkbox-blue {
  background-color: #36c1c4 !important;
}

.ngdialog.ngdialog-theme-plain .custom-checkbox.custom-checkbox-disabled {
  border: 2px solid #B8C1BF;
  background-color: #fff;
}

.ngdialog.ngdialog-theme-plain .custom-checkbox .input-checkbox {
  position: relative;
  opacity: 0;
  z-index: 1;
}

.ngdialog.ngdialog-theme-plain .custom-checkbox .fa,
.ngdialog.ngdialog-theme-plain .custom-checkbox .fas,
.ngdialog.ngdialog-theme-plain .custom-checkbox .far {
  position: absolute;
  top: 0px !important;
  left: 0px !important;
  color: #fff !important;
  height: 100%;
  width: 100%;
}

.ngdialog.ngdialog-theme-plain .custom-checkbox .fa:before,
.ngdialog.ngdialog-theme-plain .custom-checkbox .fas:before,
.ngdialog.ngdialog-theme-plain .custom-checkbox .far:before {
  position: absolute;
  font-size: 15px !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.ngdialog.ngdialog-theme-plain .item-selected {
  border: 5px solid !important;
  border-color: #4CF0F3 !important;
}

.ngdialog.ngdialog-theme-plain .messageText {
  color: #43C5E8;
}

.ngdialog.ngdialog-theme-plain .surveyText {
  color: #F47A6E;
}

.ngdialog.ngdialog-theme-plain .whiteboardText {
  color: #9BC94A;
}

.ngdialog.ngdialog-theme-plain .docsText {
  color: #459BEF;
}

.ngdialog.ngdialog-theme-plain .urlText {
  color: #A5DD43;
}

.ngdialog.ngdialog-theme-plain .elearningText {
  color: #338DB5;
}

.ngdialog.ngdialog-theme-plain .pollText,
.ngdialog.ngdialog-theme-plain .pollsText {
  color: #f47a6e;
}

.ngdialog.ngdialog-theme-plain .quizText {
  color: #EF5E7D;
}

.ngdialog.ngdialog-theme-plain .observationText {
  color: #E249A2;
}

.ngdialog.ngdialog-theme-plain .cloudtagText {
  color: #49C15D;
}

.ngdialog.ngdialog-theme-plain .postitText {
  color: #EACC4B;
}

.ngdialog.ngdialog-theme-plain .whiteboardText {
  color: #9bc94a;
}

.ngdialog.ngdialog-theme-plain .mt-checkbox-list.order-by {
  list-style: none;
  display: flex;
  flex-direction: column;
}

.ngdialog.ngdialog-theme-plain .mt-checkbox-list.order-by .mt-radio {
  margin: 5px 0;
}

.ngdialog.ngdialog-theme-plain .mt-checkbox-list.order-by .mt-radio span {
  margin-top: 3px;
}

.ngdialog.ngdialog-theme-plain .mt-checkbox-list.order-by h3 {
  font-weight: 600;
  font-size: 18px;
}

.ngdialog.ngdialog-theme-plain .mt-checkbox-list.order-by h4 {
  font-weight: 500;
  font-size: 16px;
}

.ngdialog.ngdialog-theme-plain .margin-top-05 {
  margin-top: 5px;
}

.ngdialog.ngdialog-theme-plain .ui-list {
  max-height: 300px;
  width: 100%;
  text-overflow: ellipsis;
  overflow-y: auto;
  overflow-x: hidden;
}

.ngdialog.ngdialog-theme-plain .ui-list.no-scroll {
  overflow-y: hidden !important;
}

.ngdialog.ngdialog-theme-plain .ui-list > * {
  padding-left: 10px !important;
}

.ngdialog.ngdialog-theme-plain .ui-list .row.filter {
  width: 95%;
}

.ngdialog.ngdialog-theme-plain .custom-checkbox {
  cursor: pointer;
  margin-bottom: 10px;
}

.ngdialog.ngdialog-theme-plain .custom-checkbox input {
  cursor: pointer;
}

.ngdialog.ngdialog-theme-plain .custom-checkbox .title {
  position: absolute;
  top: -5px;
  left: 28px;
  font-size: 16px;
  color: #6C7F85;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 210px;
  overflow: hidden;
}

.ngdialog.ngdialog-theme-plain .filter {
  position: relative;
}

.ngdialog.ngdialog-theme-plain div.body > .row {
  height: 30px !important;
  line-height: 30px;
}

.ngdialog.ngdialog-theme-plain div.body > .row .infos-text-participant {
  height: 100%;
}

.ngdialog.ngdialog-theme-plain div.body > .row .infos-text-participant.big-padding {
  padding-top: 6px;
}

.ngdialog.ngdialog-theme-plain div.body > .row .infos-text-moderator {
  height: 100%;
}

.ngdialog.ngdialog-theme-plain div.body > .row .infos-text-file {
  height: 100%;
}

.ngdialog.ngdialog-theme-plain div.body > .row img {
  width: 25px !important;
  height: 25px !important;
}

.ngdialog.ngdialog-theme-plain div.body > .row .fa-user {
  color: #B8C1BF;
  font-size: 20px;
}

.ngdialog.ngdialog-theme-plain div.body > .row .custom-checkbox {
  margin-bottom: 0;
  vertical-align: -11px;
}

.ngdialog.ngdialog-theme-plain div.body > .row .custom-checkbox .input-checkbox {
  height: 20px;
  width: 20px;
}

.ngdialog.ngdialog-theme-plain .ngdialog-content {
  font-family: 'Ubuntu', 'Roboto', sans-serif !important;
}

.ngdialog.ngdialog-theme-plain .ngdialog-header {
  margin: 0px 8px;
  padding: 16px 20px;
  border-bottom: 1px solid #B8C1BF;
}

.ngdialog.ngdialog-theme-plain .ngdialog-header h1 {
  font-family: 'Ubuntu', 'Roboto', sans-serif;
  font-size: 20px;
  color: #B8C1BF;
  text-transform: uppercase;
  margin: 0;
  text-align: center;
}

.ngdialog.ngdialog-theme-plain .padd-top-bot-0 {
  padding: 0 !important;
}

.ngdialog.ngdialog-theme-plain .paddR5 {
  padding-right: 5px !important;
}

.ngdialog.ngdialog-theme-plain .paddL5 {
  padding-left: 5px !important;
}

.ngdialog.ngdialog-theme-plain .zone-text-long {
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  padding-right: 10px;
}

.ngdialog.ngdialog-theme-plain .ngdialog-message {
  margin: 20px;
  padding-top: 5px;
  color: #6C7F85;
  font-weight: 500;
  font-size: 15px;
}

.ngdialog.ngdialog-theme-plain .ngdialog-message .box-session {
  height: 50px;
  border-radius: 8px !important;
  border: 1px solid #B8C1BF;
  margin: auto 0 10px 0;
  font-weight: 400;
  max-width: 590px;
}

.ngdialog.ngdialog-theme-plain .ngdialog-message .box-session .time {
  border-top-left-radius: 7px !important;
  border-bottom-left-radius: 7px !important;
  min-height: 100%;
  text-align: center;
  padding: 3px 0;
  color: #fff;
}

.ngdialog.ngdialog-theme-plain .ngdialog-message .box-session .time div {
  width: 100%;
  font-size: 13px;
  margin-top: 5px;
}

.ngdialog.ngdialog-theme-plain .ngdialog-message .box-session .time.past-session {
  background-color: #83A0AA;
}

.ngdialog.ngdialog-theme-plain .ngdialog-message .box-session .time.today-session {
  background-color: #FF866D;
}

.ngdialog.ngdialog-theme-plain .ngdialog-message .box-session .time.future-session {
  background-color: #36c1c4;
}

.ngdialog.ngdialog-theme-plain .ngdialog-message .box-session .info-session .title-session {
  padding-top: 5px;
  font-size: 15px;
}

.ngdialog.ngdialog-theme-plain .ngdialog-message .box-session .info-session .registered {
  padding-top: 4px;
  font-size: 11px;
}

.ngdialog.ngdialog-theme-plain .ngdialog-message .box-session .actions-session {
  padding-top: 15px;
}

.ngdialog.ngdialog-theme-plain .ngdialog-message .box-session .actions-session a:hover {
  text-decoration: none;
}

.ngdialog.ngdialog-theme-plain .ngdialog-message .box-session .actions-session .fas {
  font-size: 20px;
  color: #6C7F85;
  margin-right: 10px;
}

.ngdialog.ngdialog-theme-plain .ngdialog-message .box-session .actions-session .fas.fa-chart-bar {
  transform: translateY(2px);
}

.ngdialog.ngdialog-theme-plain .ngdialog-message .box-session {
  margin-left: 20px;
  margin-right: 20px;
}

.ngdialog.ngdialog-theme-plain .ngdialog-message .box-session > * {
  height: 100%;
}

.ngdialog.ngdialog-theme-plain .ngdialog-message .box-session .time > * {
  height: 20px;
  font-size: 18px !important;
  margin-top: 8px !important;
  font-weight: 500 !important;
}

.ngdialog.ngdialog-theme-plain .ngdialog-message .box-session .info-session .title-session {
  padding-top: 0;
  height: 20px;
}

.ngdialog.ngdialog-theme-plain .ngdialog-message.ngdialog-preview {
  padding-bottom: 20px;
}

.ngdialog.ngdialog-theme-plain .ngdialog-message .input-title {
  width: 100% !important;
  margin-bottom: 10px !important;
}

.ngdialog.ngdialog-theme-plain .ngdialog-message .list-long {
  max-height: 270px !important;
  overflow: auto;
}

.ngdialog.ngdialog-theme-plain .ngdialog-message .padding-left-70 {
  padding-left: 70px;
}

.ngdialog.ngdialog-theme-plain .ngdialog-message .padding-left-120 {
  padding-left: 120px;
}

.ngdialog.ngdialog-theme-plain .ngdialog-message .box-modele {
  position: relative;
  width: 150px !important;
  height: 50px !important;
  padding: 5px;
}

.ngdialog.ngdialog-theme-plain .ngdialog-message .box-modele .box-bg-folder {
  background-size: contain;
}

.ngdialog.ngdialog-theme-plain .ngdialog-message .box-modele:hover {
  opacity: 0.7;
}

.ngdialog.ngdialog-theme-plain .ngdialog-message .box-modele.right {
  position: absolute;
  right: 0px !important;
}

.ngdialog.ngdialog-theme-plain .ngdialog-message .box-modele.center {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

.ngdialog.ngdialog-theme-plain .ngdialog-message .box-select {
  position: relative;
  height: 50px !important;
  padding: 5px;
}

.ngdialog.ngdialog-theme-plain .ngdialog-message .box-select #modele-select {
  width: 90%;
}

.ngdialog.ngdialog-theme-plain .ngdialog-message .box-select .box-bg-folder {
  background-size: contain;
}

.ngdialog.ngdialog-theme-plain .ngdialog-message .box-select:hover {
  opacity: 0.7;
}

.ngdialog.ngdialog-theme-plain .ngdialog-message .box-select.right {
  position: absolute;
  right: 0px !important;
}

.ngdialog.ngdialog-theme-plain .ngdialog-message .box-select.center {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

.ngdialog.ngdialog-theme-plain .ngdialog-message .box-mother {
  position: relative;
  width: 100px !important;
  height: 90px !important;
  padding: 5px;
}

.ngdialog.ngdialog-theme-plain .ngdialog-message .box-mother .box-bg-folder {
  background-size: contain;
}

.ngdialog.ngdialog-theme-plain .ngdialog-message .box-mother:hover {
  opacity: 0.7;
}

.ngdialog.ngdialog-theme-plain .ngdialog-message .box-mother.right {
  position: absolute;
  right: 0px !important;
}

.ngdialog.ngdialog-theme-plain .ngdialog-message .box-mother.center {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

.ngdialog.ngdialog-theme-plain .ngdialog-message .box-activity {
  position: absolute;
  left: 5px;
  top: 4px;
  width: 90px;
  height: 80px;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  border-radius: 5px !important;
}

.ngdialog.ngdialog-theme-plain .ngdialog-message .box-activity.box-bg-folder {
  background-position: center center;
  background-repeat: no-repeat;
}

.ngdialog.ngdialog-theme-plain .ngdialog-message .box-activity.box-bg-folder:not(.briefcase) {
  background-image: url("/assets/images/folder-no-select.png");
}

.ngdialog.ngdialog-theme-plain .ngdialog-message .box-activity.box-bg-folder:not(.briefcase).item-selected {
  background-image: url("/assets/images/folder-select.png");
}

.ngdialog.ngdialog-theme-plain .ngdialog-message .box-activity.box-bg-folder.briefcase {
  background-image: url("/assets/images/briefcase-no-select.png");
}

.ngdialog.ngdialog-theme-plain .ngdialog-message .box-activity.box-bg-folder.briefcase.item-selected {
  background-image: url("/assets/images/briefcase-select.png");
}

.ngdialog.ngdialog-theme-plain .ngdialog-message .box-activity.box-bg-folder.item-selected {
  border: none !important;
}

.ngdialog.ngdialog-theme-plain .ngdialog-message .box-activity.box-bg-quiz {
  background: #EF5E7D;
}

.ngdialog.ngdialog-theme-plain .ngdialog-message .box-activity.box-bg-message {
  background: #43C5E8;
}

.ngdialog.ngdialog-theme-plain .ngdialog-message .box-activity.box-bg-survey {
  background: #F47A6E;
}

.ngdialog.ngdialog-theme-plain .ngdialog-message .box-activity.box-bg-elearning {
  background: #338DB5;
}

.ngdialog.ngdialog-theme-plain .ngdialog-message .box-activity.box-bg-polls,
.ngdialog.ngdialog-theme-plain .ngdialog-message .box-activity.box-bg-poll {
  background: #f47a6e;
}

.ngdialog.ngdialog-theme-plain .ngdialog-message .box-activity.box-bg-docs,
.ngdialog.ngdialog-theme-plain .ngdialog-message .box-activity.box-bg-document {
  background: #459BEF;
}

.ngdialog.ngdialog-theme-plain .ngdialog-message .box-activity.box-bg-postit {
  background: #EACC4B;
}

.ngdialog.ngdialog-theme-plain .ngdialog-message .box-activity.box-bg-url {
  background: #A5DD43;
}

.ngdialog.ngdialog-theme-plain .ngdialog-message .box-activity.box-bg-cloudtag {
  background: #49C15D;
}

.ngdialog.ngdialog-theme-plain .ngdialog-message .box-activity.box-bg-observation {
  background: #E249A2;
}

.ngdialog.ngdialog-theme-plain .ngdialog-message .box-activity.box-bg-whiteboard {
  background: #9BC94A;
}

.ngdialog.ngdialog-theme-plain .ngdialog-message .box-activity.box-bg-html {
  background: #338DB5;
}

.ngdialog.ngdialog-theme-plain .ngdialog-message .box-activity.box-bg-notFound {
  background-color: #6C7F85;
}

.ngdialog.ngdialog-theme-plain .ngdialog-message .box-activity.box-icon,
.ngdialog.ngdialog-theme-plain .ngdialog-message .box-activity .box-icon {
  border: none;
  border-radius: 5px !important;
  overflow-x: auto;
  overflow-y: hidden;
  max-width: 90px;
  transform: none;
  height: 20px !important;
  margin: 1px 8px auto;
}

.ngdialog.ngdialog-theme-plain .ngdialog-message .box-activity.box-icon:hover,
.ngdialog.ngdialog-theme-plain .ngdialog-message .box-activity .box-icon:hover,
.ngdialog.ngdialog-theme-plain .ngdialog-message .box-activity.box-icon > *:hover,
.ngdialog.ngdialog-theme-plain .ngdialog-message .box-activity .box-icon > *:hover {
  border: none !important;
  box-shadow: none !important;
  transition: none !important;
}

.ngdialog.ngdialog-theme-plain .ngdialog-message .box-activity.box-icon.box-bg-folder,
.ngdialog.ngdialog-theme-plain .ngdialog-message .box-activity .box-icon.box-bg-folder {
  background-size: contain;
  overflow-x: hidden;
}

.ngdialog.ngdialog-theme-plain .ngdialog-message .box-activity.box-icon.box-bg-folder:not(.briefcase),
.ngdialog.ngdialog-theme-plain .ngdialog-message .box-activity .box-icon.box-bg-folder:not(.briefcase) {
  background-image: url("/assets/images/folder-no-select.png");
}

.ngdialog.ngdialog-theme-plain .ngdialog-message .box-activity.box-icon.box-bg-folder:not(.briefcase).item-selected,
.ngdialog.ngdialog-theme-plain .ngdialog-message .box-activity .box-icon.box-bg-folder:not(.briefcase).item-selected {
  background-image: url("/assets/images/folder-select.png");
}

.ngdialog.ngdialog-theme-plain .ngdialog-message .box-activity.box-icon.box-bg-folder.briefcase,
.ngdialog.ngdialog-theme-plain .ngdialog-message .box-activity .box-icon.box-bg-folder.briefcase {
  background-image: url("/assets/images/briefcase-no-select.png");
}

.ngdialog.ngdialog-theme-plain .ngdialog-message .box-activity.box-icon.box-bg-folder.briefcase.item-selected,
.ngdialog.ngdialog-theme-plain .ngdialog-message .box-activity .box-icon.box-bg-folder.briefcase.item-selected {
  background-image: url("/assets/images/briefcase-select.png");
}

.ngdialog.ngdialog-theme-plain .ngdialog-message .box-activity.box-icon .name,
.ngdialog.ngdialog-theme-plain .ngdialog-message .box-activity .box-icon .name {
  height: 20px !important;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 4px;
  border: none;
  font-size: 6.66666667px;
}

.ngdialog.ngdialog-theme-plain .ngdialog-message .box-activity.box-icon .state-folder,
.ngdialog.ngdialog-theme-plain .ngdialog-message .box-activity .box-icon .state-folder {
  bottom: -7px;
  right: 18px;
}

.ngdialog.ngdialog-theme-plain .ngdialog-message .box-activity.box-icon .state-folder .fa,
.ngdialog.ngdialog-theme-plain .ngdialog-message .box-activity .box-icon .state-folder .fa,
.ngdialog.ngdialog-theme-plain .ngdialog-message .box-activity.box-icon .state-folder .fas,
.ngdialog.ngdialog-theme-plain .ngdialog-message .box-activity .box-icon .state-folder .fas,
.ngdialog.ngdialog-theme-plain .ngdialog-message .box-activity.box-icon .state-folder .far,
.ngdialog.ngdialog-theme-plain .ngdialog-message .box-activity .box-icon .state-folder .far {
  position: relative;
  font-size: 10px !important;
  width: 16px !important;
  height: 16px !important;
}

.ngdialog.ngdialog-theme-plain .ngdialog-message .box-activity.box-icon .state-folder .fa:before,
.ngdialog.ngdialog-theme-plain .ngdialog-message .box-activity .box-icon .state-folder .fa:before,
.ngdialog.ngdialog-theme-plain .ngdialog-message .box-activity.box-icon .state-folder .fas:before,
.ngdialog.ngdialog-theme-plain .ngdialog-message .box-activity .box-icon .state-folder .fas:before,
.ngdialog.ngdialog-theme-plain .ngdialog-message .box-activity.box-icon .state-folder .far:before,
.ngdialog.ngdialog-theme-plain .ngdialog-message .box-activity .box-icon .state-folder .far:before {
  transform: none;
  position: absolute;
  left: -3px;
  top: 1px;
}

.ngdialog.ngdialog-theme-plain .ngdialog-message .box-activity.box-icon.box-bg-folderback,
.ngdialog.ngdialog-theme-plain .ngdialog-message .box-activity .box-icon.box-bg-folderback {
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("/assets/images/folderback-icon.png");
}

.ngdialog.ngdialog-theme-plain .ngdialog-message .box-activity.pos-top {
  top: 0px !important;
}

.ngdialog.ngdialog-theme-plain .ngdialog-message .box-activity.mini-size {
  width: 60px;
  height: 20px;
  font-size: 8px;
}

.ngdialog.ngdialog-theme-plain .ngdialog-message .box-activity .name {
  font-weight: 500;
  position: absolute;
  left: 50%;
  top: 50%;
  padding: 5px;
  line-height: 15px;
  transform: translate(-50%, -50%);
  width: 100%;
  font-size: 12px !important;
}

.ngdialog.ngdialog-theme-plain .ngdialog-message .zone-collapse {
  width: 90%;
  padding: 10px;
}

.ngdialog.ngdialog-theme-plain .ngdialog-message .zone-collapse .ui-list {
  overflow-y: auto;
  padding: 2px 10px;
  border-right: 1px solid #d9e1df;
  border-left: 1px solid #d9e1df;
  border-bottom: 1px solid #d9e1df;
  border-bottom-right-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
  /* Handle */
}

.ngdialog.ngdialog-theme-plain .ngdialog-message .zone-collapse .ui-list::-webkit-scrollbar {
  width: 10px;
}

.ngdialog.ngdialog-theme-plain .ngdialog-message .zone-collapse .ui-list::-webkit-scrollbar-track {
  background: #d9e1df;
  border-radius: 10px !important;
}

.ngdialog.ngdialog-theme-plain .ngdialog-message .zone-collapse .ui-list::-webkit-scrollbar-thumb {
  background: #36c1c4;
  border-radius: 10px !important;
}

.ngdialog.ngdialog-theme-plain .ngdialog-message .zone-collapse .body span {
  padding-top: 3px;
}

.ngdialog.ngdialog-theme-plain .ngdialog-message .text-input-group {
  width: 100%;
}

.ngdialog.ngdialog-theme-plain .ngdialog-message .text-input-group > input {
  border-radius: 6px !important;
  padding-left: 2%;
  width: 406px;
  height: 36px;
  vertical-align: -2px;
  border-color: #6C7F85;
  color: #6C7F85;
}

.ngdialog.ngdialog-theme-plain .ngdialog-message .text-input-group > input::placeholder {
  font-style: italic;
  font-weight: 300;
}

.ngdialog.ngdialog-theme-plain .ngdialog-message .text-input-group > input:focus {
  border-color: #6C7F85;
}

.ngdialog.ngdialog-theme-plain .ngdialog-message .text-input-group > input + button {
  margin-left: 5px;
}

.ngdialog.ngdialog-theme-plain .resume-activity {
  padding: 0px;
}

.ngdialog.ngdialog-theme-plain .ngdialog-base {
  margin: 20px;
}

.ngdialog.ngdialog-theme-plain .ngdialog-dropzone {
  padding: 35px 20px 20px 20px;
  margin: 0;
}

.ngdialog.ngdialog-theme-plain .ngdialog-button {
  text-align: center;
  font-weight: 500;
  min-height: 30px;
  min-width: 100px;
  font-size: 14px;
  padding: 5px 8px;
  border: 2px solid;
  padding: 7px 12px;
}

.ngdialog.ngdialog-theme-plain .ngdialog-button.btn-roundish {
  border-radius: 5px !important;
}

.ngdialog.ngdialog-theme-plain .ngdialog-button.btn-violet {
  border-color: #8E44AD;
  background-color: #8E44AD;
  color: #fff;
}

.ngdialog.ngdialog-theme-plain .ngdialog-button.btn-violet:hover {
  background-color: #fff;
  color: #8E44AD;
}

.ngdialog.ngdialog-theme-plain .ngdialog-button.btn-full-yellow {
  border: 1px solid #EACC4B;
  background-color: #EACC4B;
  color: #fff;
}

.ngdialog.ngdialog-theme-plain .ngdialog-button.btn-full-yellow:hover {
  background-color: #fff;
  color: #EACC4B;
}

.ngdialog.ngdialog-theme-plain .ngdialog-button.btn-full-blue {
  border: 1px solid #36c1c4;
  background-color: #36c1c4;
  color: #fff;
}

.ngdialog.ngdialog-theme-plain .ngdialog-button.btn-full-blue:not(.hover-opactity):hover {
  background-color: #fff;
  color: #36c1c4;
}

.ngdialog.ngdialog-theme-plain .ngdialog-button.btn-full-blue.hover-opactity:hover {
  opacity: 0.7;
}

.ngdialog.ngdialog-theme-plain .ngdialog-button.btn-full-red {
  border: 1px solid #EF5E7D !important;
  background-color: #EF5E7D;
  color: #fff;
}

.ngdialog.ngdialog-theme-plain .ngdialog-button.btn-full-red:hover {
  border-color: 1px solid #EF5E7D !important;
  background-color: #fff;
  color: #EF5E7D;
}

.ngdialog.ngdialog-theme-plain .ngdialog-button.btn-full-red-reversed {
  border: 1px solid #EF5E7D !important;
  background-color: #fff;
  color: #EF5E7D;
}

.ngdialog.ngdialog-theme-plain .ngdialog-button.btn-full-red-reversed:hover {
  background-color: #EF5E7D;
  color: #fff;
}

.ngdialog.ngdialog-theme-plain .ngdialog-button.btn-full-green {
  border: 1px solid #9BC94A;
  background-color: #9BC94A;
  color: #fff;
}

.ngdialog.ngdialog-theme-plain .ngdialog-button.btn-full-green:hover {
  background-color: #fff;
  color: #9BC94A;
}

.ngdialog.ngdialog-theme-plain .ngdialog-button.btn-full-grey {
  border: 1px solid #B8C1BF;
  background-color: #B8C1BF;
  color: #fff;
}

.ngdialog.ngdialog-theme-plain .ngdialog-button.btn-full-grey:hover {
  background-color: #fff;
  color: #B8C1BF;
}

.ngdialog.ngdialog-theme-plain .ngdialog-button.btn-full-blue-reversed {
  border: 1px solid #36c1c4;
  background-color: #fff;
  color: #36c1c4;
}

.ngdialog.ngdialog-theme-plain .ngdialog-button.btn-full-blue-reversed:hover {
  background-color: #36c1c4;
  color: #fff;
}

.ngdialog.ngdialog-theme-plain .ngdialog-button.btn-full-orange {
  border: 1px solid #F25F41;
  background-color: #F25F41;
  color: #fff;
}

.ngdialog.ngdialog-theme-plain .ngdialog-button.btn-full-orange:hover {
  background-color: #fff;
  color: #F25F41;
}

.ngdialog.ngdialog-theme-plain .ngdialog-button.btn-full-orange-report {
  border: 1px solid #FF866D;
  background-color: #FF866D;
  color: #fff;
}

.ngdialog.ngdialog-theme-plain .ngdialog-button.btn-full-orange-report:hover {
  opacity: 0.8;
}

.ngdialog.ngdialog-theme-plain .ngdialog-button.btn-full-orange-reversed {
  border: 1px solid #F25F41;
  background-color: #fff;
  color: #F25F41;
}

.ngdialog.ngdialog-theme-plain .ngdialog-button.btn-full-orange-reversed:hover {
  background-color: #F25F41;
  color: #fff;
}

.ngdialog.ngdialog-theme-plain .ngdialog-button.btn-full-black {
  border: 1px solid #22373F;
  background-color: #22373F;
  color: #fff;
}

.ngdialog.ngdialog-theme-plain .ngdialog-button.btn-full-black:hover {
  background-color: #fff;
  color: #22373F;
}

.ngdialog.ngdialog-theme-plain .ngdialog-button.btn-collapse {
  text-align: left;
  font-weight: 500;
  background-color: #d9e1df;
  color: #6C7F85;
  border-top-right-radius: 5px !important;
  border-top-left-radius: 5px !important;
}

.ngdialog.ngdialog-theme-plain .ngdialog-button.btn-collapse i {
  float: right;
  font-size: 20px;
}

.ngdialog.ngdialog-theme-plain .ngdialog-button.btn-collapse i.fa,
.ngdialog.ngdialog-theme-plain .ngdialog-button.btn-collapse i.fas,
.ngdialog.ngdialog-theme-plain .ngdialog-button.btn-collapse i.far {
  position: relative;
}

.ngdialog.ngdialog-theme-plain .ngdialog-button.btn-collapse i.fa.fa-sort-down:before,
.ngdialog.ngdialog-theme-plain .ngdialog-button.btn-collapse i.fas.fa-sort-down:before,
.ngdialog.ngdialog-theme-plain .ngdialog-button.btn-collapse i.far.fa-sort-down:before {
  position: relative;
  top: -2px;
}

.ngdialog.ngdialog-theme-plain .ngdialog-button.btn-collapse i.fa.fa-sort-up,
.ngdialog.ngdialog-theme-plain .ngdialog-button.btn-collapse i.fas.fa-sort-up,
.ngdialog.ngdialog-theme-plain .ngdialog-button.btn-collapse i.far.fa-sort-up {
  padding-top: 7px;
}

.ngdialog.ngdialog-theme-plain .ngdialog-button.btn-connect-moderator {
  border: 1px solid #f47a6e !important;
  background-color: #f47a6e;
  color: #fff;
  border-radius: 5px !important;
}

.ngdialog.ngdialog-theme-plain .ngdialog-button.btn-connect-moderator:hover {
  opacity: 1;
  box-shadow: 0 0 8px !important;
}

.ngdialog.ngdialog-theme-plain .ngdialog-button.btn-connect-participant {
  border: 1px solid #36c1c4;
  background-color: #36c1c4;
  color: #fff;
}

.ngdialog.ngdialog-theme-plain .ngdialog-button.btn-connect-participant:hover {
  opacity: 1;
  box-shadow: 0 0 8px !important;
}

.ngdialog.ngdialog-theme-plain .ngdialog-button.btn-connect-moderator,
.ngdialog.ngdialog-theme-plain .ngdialog-button.btn-connect-participant {
  box-shadow: none !important;
  font-weight: 500;
  border-radius: 15px !important;
  height: 105px !important;
}

.ngdialog.ngdialog-theme-plain .ngdialog-button.btn-submit-paticipant {
  height: 37px;
  padding: 6px 0;
  width: 128px;
  border-radius: 24px !important;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: .8px;
  text-align: center;
  text-transform: uppercase;
}

.ngdialog.ngdialog-theme-plain .ngdialog-button.btn-submit-paticipant:disabled {
  opacity: 0.4;
}

.ngdialog.ngdialog-theme-plain .ngdialog-button.btn-collapse {
  border: 1px #d9e1df;
  float: left;
  padding: 10px 5px 0;
  height: 30px;
  font-size: 10px;
  margin-left: 0;
}

.ngdialog.ngdialog-theme-plain .ngdialog-button.btn-collapse i {
  top: -3px;
}

.ngdialog.ngdialog-theme-plain .btn-collapse,
.ngdialog.ngdialog-theme-plain .collapse {
  width: 100% !important;
}

.ngdialog.ngdialog-theme-plain .ngdialog-buttons {
  margin: 0;
  padding: 16px 20px;
}

.ngdialog.ngdialog-theme-plain .ngdialog-buttons .ngdialog-button[disabled] {
  background: #e0e0e0;
  color: #777;
}

.ngdialog.ngdialog-theme-plain .ngdialog-buttons.pos-center {
  text-align: center;
}

.ngdialog.ngdialog-theme-plain .ngdialog-buttons.pos-center > * {
  float: none;
}

.ngdialog.ngdialog-theme-plain .ngdialog-buttons.pos-left {
  text-align: left;
}

.ngdialog.ngdialog-theme-plain .ngdialog-buttons.pos-left > * {
  float: none;
}

.ngdialog.ngdialog-theme-plain .ngdialog-close {
  top: 3px;
}

.ngdialog.ngdialog-theme-plain .ngdialog-content {
  width: 550px;
  padding: 0;
  border-radius: 8px !important;
}

.ngdialog.ngdialog-theme-plain .ngdialog-content label {
  text-align: inherit;
}

.ngdialog.ngdialog-theme-plain.ngdialog-select-participant .ngdialog-content {
  width: 800px;
}

.ngdialog.ngdialog-theme-plain.ngdialog-select-participant .ngdialog-content .ngdialog-message {
  margin: 15px 20px 20px 20px;
  padding: 0;
}

.ngdialog.ngdialog-theme-plain.ngdialog-select-participant .ngdialog-content .ngdialog-message div.colright,
.ngdialog.ngdialog-theme-plain.ngdialog-select-participant .ngdialog-content .ngdialog-message div.colleft,
.ngdialog.ngdialog-theme-plain.ngdialog-select-participant .ngdialog-content .ngdialog-message div.coltools-md,
.ngdialog.ngdialog-theme-plain.ngdialog-select-participant .ngdialog-content .ngdialog-message div.coltools-sd {
  float: left;
}

.ngdialog.ngdialog-theme-plain.ngdialog-select-participant .ngdialog-content .ngdialog-message div.colright,
.ngdialog.ngdialog-theme-plain.ngdialog-select-participant .ngdialog-content .ngdialog-message div.colleft {
  width: 345px;
}

.ngdialog.ngdialog-theme-plain.ngdialog-select-participant .ngdialog-content .ngdialog-message div.colright select,
.ngdialog.ngdialog-theme-plain.ngdialog-select-participant .ngdialog-content .ngdialog-message div.colleft select {
  height: 300px;
  padding: 6px;
}

.ngdialog.ngdialog-theme-plain.ngdialog-select-participant .ngdialog-content .ngdialog-message div.colright input[type="text"],
.ngdialog.ngdialog-theme-plain.ngdialog-select-participant .ngdialog-content .ngdialog-message div.colleft input[type="text"] {
  width: 100%;
  margin: 4px 0;
  padding: 0 6px;
}

.ngdialog.ngdialog-theme-plain.ngdialog-select-participant .ngdialog-content .ngdialog-message div.coltools-md button,
.ngdialog.ngdialog-theme-plain.ngdialog-select-participant .ngdialog-content .ngdialog-message div.coltools-sd button {
  margin-bottom: 16px;
}

.ngdialog.ngdialog-theme-plain.ngdialog-select-participant .ngdialog-content .ngdialog-message div.coltools-md i,
.ngdialog.ngdialog-theme-plain.ngdialog-select-participant .ngdialog-content .ngdialog-message div.coltools-sd i {
  font-weight: bold;
}

.ngdialog.ngdialog-theme-plain.ngdialog-select-participant .ngdialog-content .ngdialog-message div.coltools-md {
  width: 68px;
  margin-top: 110px;
}

.ngdialog.ngdialog-theme-plain.ngdialog-select-participant .ngdialog-content .ngdialog-message div.coltools-sd {
  display: none;
  width: 100%;
  margin: 4px 0 10px 0;
}

.ngdialog.ngdialog-theme-plain.ngdialog-select-moderator .ngdialog-content {
  width: 600px;
}

.ngdialog.ngdialog-theme-plain.ngdialog-select-moderator .ngdialog-content .ngdialog-message {
  margin: 0;
  padding: 0 20px;
}

.ngdialog.ngdialog-theme-plain.ngdialog-select-moderator .result {
  height: 150px;
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857;
  word-break: break-all;
  word-wrap: break-word;
  color: #333333;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  overflow-y: auto;
}

.ngdialog.ngdialog-theme-plain.ngdialog-select-moderator .result p {
  padding: 0;
  margin: 0 0 8px 0;
}

.ngdialog.ngdialog-theme-plain.ngdialog-select-moderator .result p.success {
  color: #3FABA4;
}

.ngdialog.ngdialog-theme-plain.ngdialog-select-moderator .result p.exist {
  color: #E87E04;
}

.ngdialog.ngdialog-theme-plain.ngdialog-select-moderator .result p.notfound {
  color: darkred;
}

.ngdialog.ngdialog-theme-plain.ngdialog-select-moderator tags-input .tags .tag-item {
  background: #fff;
}

.ngdialog.ngdialog-theme-plain.ngdialog-export-library .ngdialog-message {
  padding-top: 0;
}

.ngdialog.ngdialog-theme-plain.ngdialog-export-library .ngdialog-message p {
  margin: 0 0 20px 0;
}

.ngdialog.ngdialog-theme-plain.ngdialog-export-library .ngdialog-message p.info {
  margin: 10px 0;
}

.ngdialog.ngdialog-theme-plain.ngdialog-logout {
  margin: 0 auto;
}

.ngdialog.ngdialog-theme-plain.ngdialog-logout .ngdialog-message {
  padding-top: 0;
}

.ngdialog.ngdialog-theme-plain.ngdialog-logout .ngdialog-message p {
  margin: 0 0 20px 0;
}

.ngdialog.ngdialog-theme-plain.ngdialog-logout .ngdialog-button {
  float: initial;
}

.ngdialog.ngdialog-theme-plain.ngdialog-feedback .ngdialog-content label {
  padding: 0 15px;
}

.ngdialog.ngdialog-theme-plain.ngdialog-feedback .ngdialog-content .ngdialog-content-feedback {
  padding: 15px 15px 0 15px;
}

.ngdialog.ngdialog-theme-plain.ngdialog-feedback .ngdialog-content .ngdialog-content-feedback .row {
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.ngdialog.ngdialog-theme-plain.ngdialog-feedback .ngdialog-content .ngdialog-content-feedback .row:last-child {
  border-bottom: none;
  margin-bottom: 0;
}

.ngdialog.ngdialog-theme-plain.ngdialog-feedback .ngdialog-content .ngdialog-content-feedback .row .green {
  color: #006500;
}

.ngdialog.ngdialog-theme-plain.ngdialog-feedback .ngdialog-content .ngdialog-content-feedback .row .yellow {
  color: #aaaa00;
}

.ngdialog.ngdialog-theme-plain.ngdialog-feedback .ngdialog-content .ngdialog-content-feedback .row .red {
  color: darkred;
}

.ngdialog.ngdialog-theme-plain.ngdialog-postit-edit .ngdialog-header,
.ngdialog.ngdialog-theme-plain.ngdialog-postit-create .ngdialog-header {
  margin-bottom: 12px;
}

.ngdialog.ngdialog-theme-plain.ngdialog-postit-edit text-angular.neutralite .ta-editor,
.ngdialog.ngdialog-theme-plain.ngdialog-postit-create text-angular.neutralite .ta-editor {
  background-color: #37C1C4;
}

.ngdialog.ngdialog-theme-plain.ngdialog-postit-edit text-angular.emotion .ta-editor,
.ngdialog.ngdialog-theme-plain.ngdialog-postit-create text-angular.emotion .ta-editor {
  background-color: #F4365A;
}

.ngdialog.ngdialog-theme-plain.ngdialog-postit-edit text-angular.positivite .ta-editor,
.ngdialog.ngdialog-theme-plain.ngdialog-postit-create text-angular.positivite .ta-editor {
  background-color: #FBBF2D;
}

.ngdialog.ngdialog-theme-plain.ngdialog-postit-edit text-angular.creativite .ta-editor,
.ngdialog.ngdialog-theme-plain.ngdialog-postit-create text-angular.creativite .ta-editor {
  background-color: #9BC94A;
}

.ngdialog.ngdialog-theme-plain.ngdialog-postit-edit text-angular.organisation .ta-editor,
.ngdialog.ngdialog-theme-plain.ngdialog-postit-create text-angular.organisation .ta-editor {
  background-color: #338DB5;
}

.ngdialog.ngdialog-theme-plain.ngdialog-postit-edit text-angular.negativite .ta-editor,
.ngdialog.ngdialog-theme-plain.ngdialog-postit-create text-angular.negativite .ta-editor {
  background-color: #D36250;
}

.ngdialog.ngdialog-theme-plain.ngdialog-postit-edit .ta-editor,
.ngdialog.ngdialog-theme-plain.ngdialog-postit-create .ta-editor {
  width: calc(100% - 40px);
  height: 90px;
  margin: 5px 0 5px 20px;
  padding: 10px;
  color: white !important;
  border: none !important;
}

.ngdialog.ngdialog-theme-plain.ngdialog-postit-edit .ta-editor a,
.ngdialog.ngdialog-theme-plain.ngdialog-postit-create .ta-editor a {
  color: white !important;
  text-decoration: underline;
}

.ngdialog.ngdialog-theme-plain.ngdialog-postit-edit .ta-editor .ta-bind,
.ngdialog.ngdialog-theme-plain.ngdialog-postit-create .ta-editor .ta-bind {
  min-height: 100%;
  padding: 4px 8px;
}

.ngdialog.ngdialog-theme-plain.ngdialog-postit-edit .ta-editor p,
.ngdialog.ngdialog-theme-plain.ngdialog-postit-create .ta-editor p {
  margin: 0 0 4px;
}

.ngdialog.ngdialog-theme-plain.ngdialog-postit-edit .ta-editor img,
.ngdialog.ngdialog-theme-plain.ngdialog-postit-create .ta-editor img {
  border-radius: 5px !important;
  margin: 5px 0;
  max-width: 100%;
}

.ngdialog.ngdialog-theme-plain.ngdialog-postit-edit .ta-editor::placeholder,
.ngdialog.ngdialog-theme-plain.ngdialog-postit-create .ta-editor::placeholder {
  color: #fff;
}

.ngdialog.ngdialog-theme-plain.ngdialog-postit-edit .limit,
.ngdialog.ngdialog-theme-plain.ngdialog-postit-create .limit {
  padding: 0 20px;
  font-size: 14px;
}

.ngdialog.ngdialog-theme-plain.ngdialog-postit-edit .row-resize,
.ngdialog.ngdialog-theme-plain.ngdialog-postit-create .row-resize {
  width: calc(100% - 40px);
  margin: 15px;
  padding: 0 20px;
}

.ngdialog.ngdialog-theme-plain.ngdialog-postit-edit .b64image,
.ngdialog.ngdialog-theme-plain.ngdialog-postit-create .b64image {
  width: fit-content;
  max-height: 120px;
}

.ngdialog.ngdialog-theme-plain.ngdialog-postit-edit .color-choices,
.ngdialog.ngdialog-theme-plain.ngdialog-postit-create .color-choices {
  height: 50px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 10px auto 0px auto;
}

.ngdialog.ngdialog-theme-plain.ngdialog-postit-edit .color-choices .color,
.ngdialog.ngdialog-theme-plain.ngdialog-postit-create .color-choices .color {
  height: 50px;
  width: 70px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.ngdialog.ngdialog-theme-plain.ngdialog-postit-edit .color-choices a.color-choice,
.ngdialog.ngdialog-theme-plain.ngdialog-postit-create .color-choices a.color-choice {
  height: 30px;
  width: 30px;
  border-style: solid;
  border-radius: 30px !important;
  border: 0 !important;
  transition: width ease-in-out 0.1s, bottom ease-in-out 0.2s, height ease-in-out 0.1s, bottom ease-in-out 0.2s;
  box-shadow: 0 2px 13px 0 rgba(45, 94, 135, 0.2);
}

.ngdialog.ngdialog-theme-plain.ngdialog-postit-edit .color-choices a.color-choice.selected,
.ngdialog.ngdialog-theme-plain.ngdialog-postit-create .color-choices a.color-choice.selected {
  height: 50px;
  width: 50px;
  transition: width ease-in-out 0.1s, bottom ease-in-out 0.2s, height ease-in-out 0.1s, bottom ease-in-out 0.2s;
}

.ngdialog.ngdialog-theme-plain.ngdialog-postit-edit .color-choices .neutralite,
.ngdialog.ngdialog-theme-plain.ngdialog-postit-create .color-choices .neutralite {
  background-color: #37C1C4;
}

.ngdialog.ngdialog-theme-plain.ngdialog-postit-edit .color-choices .emotion,
.ngdialog.ngdialog-theme-plain.ngdialog-postit-create .color-choices .emotion {
  background-color: #F4365A;
}

.ngdialog.ngdialog-theme-plain.ngdialog-postit-edit .color-choices .emotion .fa-check,
.ngdialog.ngdialog-theme-plain.ngdialog-postit-create .color-choices .emotion .fa-check {
  color: #fff !important;
}

.ngdialog.ngdialog-theme-plain.ngdialog-postit-edit .color-choices .positivite,
.ngdialog.ngdialog-theme-plain.ngdialog-postit-create .color-choices .positivite {
  background-color: #FBBF2D;
}

.ngdialog.ngdialog-theme-plain.ngdialog-postit-edit .color-choices .creativite,
.ngdialog.ngdialog-theme-plain.ngdialog-postit-create .color-choices .creativite {
  background-color: #9BC94A;
}

.ngdialog.ngdialog-theme-plain.ngdialog-postit-edit .color-choices .creativite .fa-check,
.ngdialog.ngdialog-theme-plain.ngdialog-postit-create .color-choices .creativite .fa-check {
  color: #fff !important;
}

.ngdialog.ngdialog-theme-plain.ngdialog-postit-edit .color-choices .organisation,
.ngdialog.ngdialog-theme-plain.ngdialog-postit-create .color-choices .organisation {
  background-color: #338DB5;
}

.ngdialog.ngdialog-theme-plain.ngdialog-postit-edit .color-choices .organisation .fa-check,
.ngdialog.ngdialog-theme-plain.ngdialog-postit-create .color-choices .organisation .fa-check {
  color: #fff !important;
}

.ngdialog.ngdialog-theme-plain.ngdialog-postit-edit .color-choices .negativite,
.ngdialog.ngdialog-theme-plain.ngdialog-postit-create .color-choices .negativite {
  background-color: #D36250;
}

.ngdialog.ngdialog-theme-plain.ngdialog-postit-edit .color-choices .negativite .fa-check,
.ngdialog.ngdialog-theme-plain.ngdialog-postit-create .color-choices .negativite .fa-check {
  color: #fff !important;
}

.ngdialog.ngdialog-theme-plain.ngdialog-postit-edit .over,
.ngdialog.ngdialog-theme-plain.ngdialog-postit-create .over {
  margin: 0 20px 10px 20px;
  color: #EF5E7D;
}

.ngdialog.ngdialog-theme-plain.ngdialog-postit-edit .overtext,
.ngdialog.ngdialog-theme-plain.ngdialog-postit-create .overtext {
  color: #EF5E7D;
  font-weight: 700;
}

.ngdialog.ngdialog-theme-plain.ngdialog-postit-edit .actions,
.ngdialog.ngdialog-theme-plain.ngdialog-postit-create .actions {
  position: absolute;
  bottom: 10px;
  right: 30px;
  display: flex;
  align-items: center;
  justify-items: center;
}

.ngdialog.ngdialog-theme-plain.ngdialog-postit-edit .actions a,
.ngdialog.ngdialog-theme-plain.ngdialog-postit-create .actions a {
  text-decoration: none;
  flex: 0;
}

.ngdialog.ngdialog-theme-plain.ngdialog-postit-edit .actions i,
.ngdialog.ngdialog-theme-plain.ngdialog-postit-create .actions i {
  color: #fff;
  margin: 0 8px;
}

.ngdialog.ngdialog-theme-plain.ngdialog-postit-edit .actions i.fa-image,
.ngdialog.ngdialog-theme-plain.ngdialog-postit-create .actions i.fa-image {
  font-size: 36px;
}

.ngdialog.ngdialog-theme-plain.ngdialog-postit-edit .actions i.fa-link,
.ngdialog.ngdialog-theme-plain.ngdialog-postit-create .actions i.fa-link {
  font-size: 28px;
  vertical-align: 2px;
}

.ngdialog.ngdialog-theme-plain.ngdialog-postit-edit .actions i.fa-tag,
.ngdialog.ngdialog-theme-plain.ngdialog-postit-create .actions i.fa-tag {
  font-size: 28px;
  vertical-align: 2px;
}

.ngdialog.ngdialog-theme-plain.ngdialog-postit-edit .select-author,
.ngdialog.ngdialog-theme-plain.ngdialog-postit-create .select-author {
  width: 400px;
}

.ngdialog.ngdialog-theme-plain.ngdialog-postit-edit .select-author select,
.ngdialog.ngdialog-theme-plain.ngdialog-postit-create .select-author select {
  border-radius: 8px !important;
}

.ngdialog.ngdialog-theme-plain.ngdialog-postit-delete .ngdialog-message {
  padding: 0;
}

.ngdialog.ngdialog-theme-plain.ngdialog-lesson-add-activity {
  padding-bottom: 50px;
  padding-top: 50px;
}

.ngdialog.ngdialog-theme-plain.ngdialog-lesson-add-activity .ngdialog-content {
  width: 1000px;
  height: 100%;
}

.ngdialog.ngdialog-theme-plain.ngdialog-lesson-add-activity .ngdialog-message {
  padding-top: 0;
  padding-right: 15px;
  margin: 20px 15px 0 20px;
  height: calc(100% - 138px);
}

.ngdialog.ngdialog-theme-plain.ngdialog-lesson-add-activity .ngdialog-message > div.row {
  margin: 0;
}

.ngdialog.ngdialog-theme-plain.ngdialog-lesson-add-activity .ngdialog-message .portlet-title {
  margin-bottom: 25px;
  position: relative;
}

.ngdialog.ngdialog-theme-plain.ngdialog-lesson-add-activity .ngdialog-message .portlet-title ul.page-breadcrumb {
  display: inline-block;
  top: 0;
  list-style-type: none;
  padding: 0 0 0 10px;
  line-height: 33px;
  width: calc(100% - 235px);
  border: 1px solid #ddd;
  left: 230px;
}

.ngdialog.ngdialog-theme-plain.ngdialog-lesson-add-activity .ngdialog-message .portlet-title ul.page-breadcrumb li {
  display: inline;
}

.ngdialog.ngdialog-theme-plain.ngdialog-lesson-add-activity .ngdialog-message .portlet-title .button-group {
  display: inline;
}

.ngdialog.ngdialog-theme-plain.ngdialog-lesson-add-activity .ngdialog-message .portlet-content {
  overflow-y: scroll;
  height: calc(100% - 60px);
  padding-top: 2px;
}

.ngdialog.ngdialog-theme-plain.ngdialog-lesson-add-activity .ngdialog-message .portlet-content ul.list-elem-selected li {
  margin-bottom: 5px;
  font-size: 15px;
  font-weight: 500;
}

.ngdialog.ngdialog-theme-plain.ngdialog-lesson-add-activity .ngdialog-message .boxes {
  min-height: inherit;
}

.ngdialog.ngdialog-theme-plain.ngdialog-lesson-add-activity .ngdialog-message .boxes > .box {
  margin-top: 0 !important;
  margin-bottom: 25px !important;
}

.ngdialog.ngdialog-theme-plain.ngdialog-lesson-add-activity .ngdialog-message .box {
  height: 150px;
}

.ngdialog.ngdialog-theme-plain.ngdialog-lesson-add-activity .ngdialog-message .box .menu-icon {
  bottom: inherit;
  top: 10px;
  min-width: 36px;
  height: 36px;
  padding-top: 6px;
}

.ngdialog.ngdialog-theme-plain.ngdialog-lesson-add-activity .ngdialog-message .box .name {
  color: #fff;
}

.ngdialog.ngdialog-theme-plain.ngdialog-lesson-add-activity .ngdialog-message .box .mode-big {
  top: 68px;
}

.ngdialog.ngdialog-theme-plain.ngdialog-lesson-add-activity .ngdialog-message .box .mode-big.shared {
  top: 88px;
}

.ngdialog.ngdialog-theme-plain.ngdialog-lesson-add-activity .ngdialog-message .box.public-folder {
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("/assets/images/foldershared.png");
}

.ngdialog.ngdialog-theme-plain.ngdialog-lesson-add-activity .ngdialog-message .box.public-folder label {
  margin-top: 30px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 500;
}

.ngdialog.ngdialog-theme-plain.ngdialog-lesson-add-activity .ngdialog-message .box:hover,
.ngdialog.ngdialog-theme-plain.ngdialog-lesson-add-activity .ngdialog-message .box > label:hover {
  cursor: default;
}

.ngdialog.ngdialog-theme-plain.ngdialog-lesson-add-activity .ngdialog-message .box.cursor {
  cursor: pointer;
}

.ngdialog.ngdialog-theme-plain.ngdialog-lesson-add-activity .ngdialog-message .box.cursor > label {
  cursor: pointer;
}

.ngdialog.ngdialog-theme-plain.ngdialog-lesson-add-activity .ngdialog-message .itemsSelectecNumber {
  display: inline-block;
  width: 100%;
  margin-bottom: 5px;
}

.ngdialog.ngdialog-theme-plain.ngdialog-lesson-add-activity .ngdialog-message .search {
  position: relative;
  width: 100%;
  padding-left: 10px;
  border: 1px solid #B8C1BF;
  height: 36px;
  border-radius: 3px !important;
  font-size: 16px;
  margin-left: 10px;
  width: 300px;
}

.ngdialog.ngdialog-theme-plain.ngdialog-lesson-add-activity .ngdialog-message .search:focus {
  border: 1px solid #000;
}

.ngdialog.ngdialog-theme-plain.ngdialog-postit-tags .ngdialog-message {
  margin-top: 0;
}

.ngdialog.ngdialog-theme-plain.ng-dialog-passwifi {
  width: 480px;
  margin: 0 auto;
}

.ngdialog.ngdialog-theme-plain.ng-dialog-passwifi .ngdialog-message {
  margin: 0 15px 10px 15px;
  padding: 0;
}

.ngdialog.ngdialog-theme-plain.ng-dialog-passwifi .ngdialog-message input[type="text"] {
  width: 100%;
  margin: 15px 0 10px 0;
  padding: 5px;
}

.ngdialog.ngdialog-theme-plain.dialog-view-embed .ngdialog-content {
  min-width: 480px;
}

.ngdialog.ngdialog-theme-plain.dialog-view-embed .ngdialog-message {
  text-align: center;
  margin: 0 0 -6px 0 !important;
  padding: 0 !important;
}

.ngdialog.ngdialog-theme-plain.dialog-gamification .ngdialog-content {
  border: 0;
  padding: 30px 10px 20px 10px;
}

.ngdialog.ngdialog-theme-plain.dialog-gamification .ngdialog-content .message {
  text-align: center;
  width: 200px;
  margin: 0 auto;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-radius: 6px !important;
  padding: 5px;
  font-weight: 200;
}

.ngdialog.ngdialog-theme-plain.dialog-gamification .ngdialog-content .score {
  text-align: center;
  width: 200px;
  color: #595959;
  margin: 0 auto 26px auto;
  background-color: #fff;
  border-radius: 6px !important;
  padding: 10px 0px 5px 0px;
}

.ngdialog.ngdialog-theme-plain.dialog-gamification .ngdialog-content .score .point {
  font-weight: bold;
  font-size: 36px;
  letter-spacing: 15px;
  text-indent: 15px;
  background-color: #eee;
  padding: 15px 0;
  margin: 0 10px 5px 10px;
}

.ngdialog.ngdialog-theme-plain.dialog-gamification .ngdialog-content .score .text {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
}

.ngdialog.ngdialog-theme-plain.dialog-gamification .ngdialog-content .state .icon {
  font-size: 64px;
  width: 120px;
  height: 120px;
  color: #fff;
  margin: 0 auto 20px auto;
  border-radius: 500px !important;
  text-align: center;
}

.ngdialog.ngdialog-theme-plain.dialog-gamification .ngdialog-content .state .icon i {
  vertical-align: -50px;
}

.ngdialog.ngdialog-theme-plain.dialog-gamification .ngdialog-content .feedback {
  margin: 30px 15px 0;
  color: #fff;
}

.ngdialog.ngdialog-theme-plain.dialog-gamification.correct-ans .ngdialog-overlay {
  background-color: #92d050;
}

.ngdialog.ngdialog-theme-plain.dialog-gamification.correct-ans .ngdialog-content {
  background-color: #92d050;
}

.ngdialog.ngdialog-theme-plain.dialog-gamification.correct-ans .ngdialog-content .message {
  background-color: #00b050;
}

.ngdialog.ngdialog-theme-plain.dialog-gamification.correct-ans .ngdialog-content .state .icon {
  background-color: #00b050;
}

.ngdialog.ngdialog-theme-plain.dialog-gamification.partially-correct-ans .ngdialog-overlay {
  background-color: #ffc000;
}

.ngdialog.ngdialog-theme-plain.dialog-gamification.partially-correct-ans .ngdialog-content {
  background-color: #ffc000;
}

.ngdialog.ngdialog-theme-plain.dialog-gamification.partially-correct-ans .ngdialog-content .message {
  background-color: #f79647;
}

.ngdialog.ngdialog-theme-plain.dialog-gamification.partially-correct-ans .ngdialog-content .state .icon {
  background-color: #f79646;
}

.ngdialog.ngdialog-theme-plain.dialog-gamification.wrong-ans .ngdialog-overlay {
  background-color: #ff0000;
}

.ngdialog.ngdialog-theme-plain.dialog-gamification.wrong-ans .ngdialog-content {
  background-color: #ff0000;
}

.ngdialog.ngdialog-theme-plain.dialog-gamification.wrong-ans .ngdialog-content .message {
  background-color: #c00000;
}

.ngdialog.ngdialog-theme-plain.dialog-gamification.wrong-ans .ngdialog-content .state .icon {
  background-color: #c00000;
}

.ngdialog.ngdialog-theme-plain.ngdialog-session-details .ngdialog-message,
.ngdialog.ngdialog-theme-plain.ngdialog-activity-details .ngdialog-message,
.ngdialog.ngdialog-theme-plain.ngdialog-participant-details .ngdialog-message,
.ngdialog.ngdialog-theme-plain.ngdialog-session_export_xls .ngdialog-message {
  padding-top: 0;
}

.ngdialog.ngdialog-theme-plain.ngdialog-session-details hr,
.ngdialog.ngdialog-theme-plain.ngdialog-activity-details hr,
.ngdialog.ngdialog-theme-plain.ngdialog-participant-details hr,
.ngdialog.ngdialog-theme-plain.ngdialog-session_export_xls hr {
  margin: 12px 0;
}

.ngdialog.ngdialog-theme-plain.ngdialog-import-session ul,
.ngdialog.ngdialog-theme-plain.ngdialog-export-session ul {
  list-style-type: square;
  padding-left: 17px;
}

.ngdialog.ngdialog-theme-plain.ngdialog-import-session ul li span,
.ngdialog.ngdialog-theme-plain.ngdialog-export-session ul li span {
  color: #888;
  font-size: 14px;
  display: inline-block;
  width: 90px;
}

.ngdialog.ngdialog-theme-plain.ngdialog-import-session ul li.color-green,
.ngdialog.ngdialog-theme-plain.ngdialog-export-session ul li.color-green {
  color: green;
}

.ngdialog.ngdialog-theme-plain.ngdialog-import-session ul li.color-red,
.ngdialog.ngdialog-theme-plain.ngdialog-export-session ul li.color-red {
  color: red;
}

.ngdialog.ngdialog-theme-plain.ngdialog-import-session pre,
.ngdialog.ngdialog-theme-plain.ngdialog-export-session pre {
  -webkit-user-select: text !important;
  -moz-user-select: all !important;
  -ms-user-select: all !important;
  user-select: all !important;
  height: 300px;
  margin: 0 20px 10px 20px;
}

.ngdialog.ngdialog-theme-plain.ngdialog-import-session ul {
  padding-left: 32px;
}

.ngdialog.ngdialog-theme-plain.ngdialog-export-session ul {
  padding-left: 17px;
}

.ngdialog.ngdialog-theme-plain.ngdialog-export-session pre {
  height: 150px;
}

.ngdialog.ngdialog-theme-plain.ngdialog-upload-image .ngdialog-message {
  margin-top: 0;
}

.ngdialog.ngdialog-theme-plain.ngdialog-cancel-change .ngdialog-message {
  margin-top: 0;
  padding-top: 0;
}

.ngdialog.ngdialog-theme-plain.ngdialog-stop-activity .ngdialog-message {
  margin: 20px 15px 20px 20px;
  padding: 0 0 20px 0;
}

.ngdialog.ngdialog-theme-plain.ngdialog-stop-activity .ngdialog-message i.fa,
.ngdialog.ngdialog-theme-plain.ngdialog-stop-activity .ngdialog-message i.fas,
.ngdialog.ngdialog-theme-plain.ngdialog-stop-activity .ngdialog-message i.far {
  margin-top: 4px;
}

.ngdialog.ngdialog-theme-plain.ngdialog-stop-activity ul {
  list-style-type: decimal;
  max-height: 300px;
  overflow-y: auto;
}

.ngdialog.ngdialog-theme-plain.ngdialog-stop-activity ul li .green {
  color: darkgreen;
}

.ngdialog.ngdialog-theme-plain.ngdialog-stop-activity ul li .red {
  color: darkred;
}

.ngdialog.ngdialog-theme-plain.ngdialog-sign .signature {
  margin: 20px auto;
}

.ngdialog.ngdialog-theme-plain.ngdialog-sign .signature canvas {
  border: 1px solid #ccc;
}

.ngdialog.ngdialog-theme-plain.ngdialog-notify-moderator .ngdialog-header i {
  font-size: 14px;
  vertical-align: 6px;
}

.ngdialog.ngdialog-theme-plain.ngdialog-notify-moderator .ngdialog-message {
  padding-top: 0;
}

.ngdialog.ngdialog-theme-plain.ngdialog-notify-moderator .ngdialog-message .mt-radio-list {
  padding: 0 15px;
}

.ngdialog.ngdialog-theme-plain.ngdialog-notify-moderator .ngdialog-message .mt-radio-list .mt-radio {
  display: inline-block;
}

.ngdialog.ngdialog-theme-plain.ngdialog-notify-moderator .ngdialog-message label.mt-radio {
  margin-right: 10px;
}

.ngdialog.ngdialog-theme-plain.ngdialog-notify-moderator .ngdialog-message input {
  width: 100%;
  padding: 2px 6px;
}

.ngdialog.ngdialog-theme-plain.ngdialog-notify-moderator .ngdialog-message textarea {
  width: 100%;
  min-height: 120px;
  padding: 2px 6px;
}

.ngdialog.ngdialog-theme-plain.ngdialog-session_export_xls p {
  margin-top: 0;
}

.ngdialog.ngdialog-theme-plain.ngdialog-session_export_xls .col-sm-4 {
  padding-top: 5px;
}

.ngdialog.ngdialog-theme-plain.ng-dialog-sync .progress progress {
  width: 100%;
  margin: 15px 0 1px 0;
  background-color: #fff;
}

.ngdialog.ngdialog-theme-plain.ng-dialog-sync .ngdialog-close {
  display: none;
}

.ngdialog.ngdialog-theme-plain .ngdialog-form {
  padding: 30px;
}

.ngdialog.ngdialog-overview-question {
  padding-top: 160px;
}

.ngdialog.ngdialog-overview-question .target {
  color: white;
  position: absolute;
  height: 30px;
  width: 30px;
  margin-left: 0;
  border-radius: 25px !important;
  border: 7px solid #36c1c4;
  background-color: #fff;
  text-shadow: 0 0 5px #000, 0 0 5px #000, 0 0 10px #000;
  padding: 10px;
  z-index: 1;
}

.ngdialog.ngdialog-overview-question .img-hotspot {
  position: relative;
  margin: auto 15% 60px !important;
  width: 70%;
}

.ngdialog.ngdialog-overview-question .timerlimit {
  width: 100%;
  border-top-right-radius: 15px !important;
  border-top-left-radius: 15px !important;
  padding: 14px 14px 11px;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  color: #fff;
}

.ngdialog.ngdialog-overview-question .timerlimit.green {
  background-color: #A5DD43;
}

.ngdialog.ngdialog-overview-question .timerlimit.orange {
  background-color: #FF866D;
}

.ngdialog.ngdialog-overview-question .timerlimit.red {
  background-color: #EF5E7D;
}

.ngdialog.ngdialog-overview-question .timerlimit.yellow {
  background-color: #EACC4B;
}

.ngdialog.ngdialog-overview-question .timerlimit i {
  vertical-align: -1px;
  font-size: 26px;
  margin-right: 8px;
}

.ngdialog.ngdialog-overview-question .timerlimit .timerEnd {
  animation: shake 1s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  transform: translateY(0);
  perspective: 1000px;
}

.ngdialog.ngdialog-overview-question .leavecomment,
.ngdialog.ngdialog-overview-question .taform {
  margin: 2% 0 0 7px;
  padding: 10px 10px 0 18px;
  color: #6C7F85;
  border-radius: 15px !important;
  background-color: #EFF4F4;
  min-height: 90px;
  font-weight: 400;
  border: none;
  font-size: 19px;
}

.ngdialog.ngdialog-overview-question .leavecomment:focus,
.ngdialog.ngdialog-overview-question .taform:focus,
.ngdialog.ngdialog-overview-question .leavecomment::-moz-focus-outer,
.ngdialog.ngdialog-overview-question .taform::-moz-focus-outer,
.ngdialog.ngdialog-overview-question .leavecomment::-moz-focus-inner,
.ngdialog.ngdialog-overview-question .taform::-moz-focus-inner {
  border: none !important;
}

.ngdialog.ngdialog-overview-question .form-comment {
  padding: 0 30px;
}

.ngdialog.ngdialog-overview-question .taform {
  width: 99%;
}

.ngdialog.ngdialog-overview-question .leavecomment {
  width: 100%;
}

.ngdialog.ngdialog-overview-question .ui-feedback {
  display: none;
  position: fixed;
  z-index: 90;
  top: 0;
  right: 0;
  width: 100vw;
  height: 100vh;
}

.ngdialog.ngdialog-overview-question .ui-feedback .bg-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 90;
  opacity: 0.8;
  text-align: center;
}

.ngdialog.ngdialog-overview-question .ui-feedback .bg-layer.correct {
  background-color: #87B040;
}

.ngdialog.ngdialog-overview-question .ui-feedback .bg-layer.incorrect {
  background-color: #EF5E7D;
}

.ngdialog.ngdialog-overview-question .ui-feedback .bg-layer.partial {
  background-color: #FF866D;
}

.ngdialog.ngdialog-overview-question .ui-feedback .bg-layer.natural {
  background-color: #fff;
}

.ngdialog.ngdialog-overview-question .ui-feedback .layer {
  position: absolute;
  width: 50%;
  left: 0;
  top: 100px;
  border-radius: 15px !important;
  background: #fff;
  transform: translateX(50%);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.22);
  text-align: center;
  z-index: 100;
  opacity: .5;
  transition: all ease-in-out 0.3s;
  height: min-content;
  min-height: 270px;
}

.ngdialog.ngdialog-overview-question .ui-feedback .layer.show {
  transition: all ease-in-out 0.3s;
  opacity: 1;
  bottom: 0;
}

.ngdialog.ngdialog-overview-question .ui-feedback .layer .line {
  padding: 0;
  border: none;
  border-top: solid 2px;
  text-align: center;
  max-width: 200px;
  margin: 15px auto 15px;
}

.ngdialog.ngdialog-overview-question .ui-feedback .layer .line.correct {
  color: #03d4c1;
}

.ngdialog.ngdialog-overview-question .ui-feedback .layer .line.partial {
  color: #fba62d;
}

.ngdialog.ngdialog-overview-question .ui-feedback .layer .line.incorrect {
  color: #f4365a;
}

.ngdialog.ngdialog-overview-question .ui-feedback .layer .feedback {
  margin-top: 28px;
  margin-bottom: 100px;
  padding: 0 75px;
  text-align: left;
  color: #6C7F85;
  font-weight: 500;
  font-size: 22px;
}

.ngdialog.ngdialog-overview-question .ui-feedback .layer .message {
  margin-top: 32px;
  font-size: 36px;
  font-weight: 700;
  display: inline-grid;
  width: 100%;
}

.ngdialog.ngdialog-overview-question .ui-feedback .layer .message.correct {
  color: #A5DD43;
}

.ngdialog.ngdialog-overview-question .ui-feedback .layer .message.partial {
  color: #FF866D;
}

.ngdialog.ngdialog-overview-question .ui-feedback .layer .message.incorrect {
  color: #EF5E7D;
}

.ngdialog.ngdialog-overview-question .ui-feedback .layer .message i {
  font-size: 45px;
  margin-bottom: 25px;
}

.ngdialog.ngdialog-overview-question .ui-feedback .layer .submit {
  position: absolute;
  text-transform: uppercase;
  font-size: 21px !important;
  color: #fff;
  background-color: #FF866D;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
}

@media screen and (min-width: 601px) and (max-width: 1020px) {
  .ngdialog.ngdialog-overview-question .ui-feedback .layer {
    width: 80%;
    left: -30%;
  }

  .ngdialog.ngdialog-overview-question .ui-feedback .layer .feedback {
    padding: 0 40px;
  }
}

@media screen and (max-width: 600px) {
  .ngdialog.ngdialog-overview-question .ui-feedback .layer {
    width: 99%;
    left: -49%;
  }

  .ngdialog.ngdialog-overview-question .ui-feedback .layer .feedback {
    padding: 0 20px;
  }
}

@media screen and (max-width: 470px) {
  .ngdialog.ngdialog-overview-question .ui-feedback-gamification .message {
    height: 180px;
    padding-top: 10px;
  }

  .ngdialog.ngdialog-overview-question .ui-feedback-gamification .message .state {
    margin-bottom: 10px;
  }

  .ngdialog.ngdialog-overview-question .ui-feedback-gamification .feedback {
    padding: 30px 25px 0 25px;
  }
}

@media screen and (min-width: 471px) {
  .ngdialog.ngdialog-overview-question .ui-feedback-gamification .message {
    height: 270px;
    padding-top: 50px;
  }

  .ngdialog.ngdialog-overview-question .ui-feedback-gamification .message .state {
    margin-bottom: 28px;
  }

  .ngdialog.ngdialog-overview-question .ui-feedback-gamification .feedback {
    padding: 40px 30px 20px 30px;
  }

  .ngdialog.ngdialog-overview-question .feedback {
    padding: 0 15px;
  }
}

.ngdialog.ngdialog-overview-question .ui-feedback-gamification {
  display: none;
  position: fixed;
  z-index: 90;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
}

.ngdialog.ngdialog-overview-question .ui-feedback-gamification .layer {
  position: absolute;
  width: 100vw;
  height: 100%;
  top: 100vh;
  left: 0;
  background: #fff;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.22);
  text-align: center;
  opacity: .5;
  z-index: 100;
  transition: top ease-in-out 0.3s;
}

.ngdialog.ngdialog-overview-question .ui-feedback-gamification .layer.show {
  transition: top ease-in-out 0.3s;
  opacity: 1;
  top: 0;
}

.ngdialog.ngdialog-overview-question .ui-feedback-gamification .layer .message {
  font-size: 36px;
  font-weight: 400;
  color: #fff;
}

.ngdialog.ngdialog-overview-question .ui-feedback-gamification .layer .message.correct {
  background-color: #03d4c1;
}

.ngdialog.ngdialog-overview-question .ui-feedback-gamification .layer .message.partial {
  background-color: #fba62d;
}

.ngdialog.ngdialog-overview-question .ui-feedback-gamification .layer .message.incorrect {
  background-color: #f4365a;
}

.ngdialog.ngdialog-overview-question .ui-feedback-gamification .layer .message .smylies,
.ngdialog.ngdialog-overview-question .ui-feedback-gamification .layer .message .points {
  display: inline-block;
  vertical-align: top;
}

.ngdialog.ngdialog-overview-question .ui-feedback-gamification .layer .message .points {
  font-size: 48px;
  line-height: 24px;
  margin-top: 28px;
}

.ngdialog.ngdialog-overview-question .ui-feedback-gamification .layer .message .points small {
  font-size: 14px;
}

.ngdialog.ngdialog-overview-question .ui-feedback-gamification .layer .message .smylies {
  margin-right: 30px;
}

.ngdialog.ngdialog-overview-question .ui-feedback-gamification .layer .feedback {
  color: rgba(0, 0, 0, 0.6);
  font-size: 20px;
}

.ngdialog.ngdialog-overview-question .ui-feedback-gamification .layer .submit {
  margin: 30px auto 80px auto;
  text-transform: uppercase;
  font-size: 12px;
  color: #fff;
  background-color: #0297e0;
}

.ngdialog.ngdialog-overview-question .submit {
  height: 48px;
  width: 140px;
  border-radius: 24px !important;
  background-color: #FFFFFF;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  border: 0;
  color: #0288d1;
  margin-bottom: 20px;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: .8px;
  text-transform: uppercase;
  font-size: 21px !important;
}

.ngdialog.ngdialog-overview-question .submit.inverted {
  color: #fff;
  background-color: #0297e0;
  box-shadow: none;
  border: 2px solid #fff;
}

.ngdialog.ngdialog-overview-question .submit:disabled {
  color: #ccc;
}

.ngdialog.ngdialog-overview-question #externalLink_button {
  text-align: center;
  height: 36px;
  width: 36px;
  background-color: #00CCCC;
  border-radius: 50px !important;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  margin-top: 10px;
  cursor: pointer;
  box-shadow: 5px 5px 10px 1px rgba(0, 0, 0, 0.2);
}

.ngdialog.ngdialog-overview-question #externalLink_button > i {
  font-size: 22px;
  margin-top: 10px;
  margin-left: 2px;
  color: white;
}

.ngdialog.ngdialog-overview-question .answer-order {
  border-radius: 30px !important;
  margin: 10px 15px 0;
  min-height: 36px;
  display: flex;
  margin-right: 10px;
}

.ngdialog.ngdialog-overview-question .answer-order .space-answer {
  border-top-left-radius: 30px !important;
  border-bottom-left-radius: 30px !important;
  background-color: #EFF4F4;
  color: #6C7F85;
  font-size: 18px;
  font-weight: 500;
  min-height: 100%;
  padding: 8px 15px;
  width: calc(100% - 50px);
}

.ngdialog.ngdialog-overview-question .answer-order .space-arrow {
  float: right;
  border-top-right-radius: 30px !important;
  border-bottom-right-radius: 30px !important;
  background-color: #36c1c4;
  color: #fff;
  font-size: 20px;
  min-height: 100%;
  width: 50px;
  padding-top: 7px;
  text-align: center;
}

.ngdialog.ngdialog-overview-question .answerForm .img,
.ngdialog.ngdialog-overview-question .url-participant .img,
.ngdialog.ngdialog-overview-question .whiteboard-participant .img {
  padding-left: 0px;
  padding-right: 0px;
  margin: 5px 5px 50px 5px;
}

.ngdialog.ngdialog-overview-question .answerForm .img .imgResp,
.ngdialog.ngdialog-overview-question .url-participant .img .imgResp,
.ngdialog.ngdialog-overview-question .whiteboard-participant .img .imgResp {
  width: 100%;
  height: auto;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.ngdialog.ngdialog-overview-question .answerForm .img iframe,
.ngdialog.ngdialog-overview-question .url-participant .img iframe,
.ngdialog.ngdialog-overview-question .whiteboard-participant .img iframe {
  height: 300px !important;
}

.ngdialog.ngdialog-overview-question .answerForm .part-ques,
.ngdialog.ngdialog-overview-question .url-participant .part-ques,
.ngdialog.ngdialog-overview-question .whiteboard-participant .part-ques {
  padding-left: 0px;
  padding-right: 0px;
  margin: 5px;
}

.ngdialog.ngdialog-overview-question .answerForm .containerQues,
.ngdialog.ngdialog-overview-question .url-participant .containerQues,
.ngdialog.ngdialog-overview-question .whiteboard-participant .containerQues {
  position: relative;
  background: #fff;
  border-radius: 15px !important;
  padding-left: 0px;
  padding-right: 0px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  display: inline-block;
  flex-direction: column;
  width: 100%;
}

.ngdialog.ngdialog-overview-question .answerForm .containerQues > div:not(.timerlimit),
.ngdialog.ngdialog-overview-question .url-participant .containerQues > div:not(.timerlimit),
.ngdialog.ngdialog-overview-question .whiteboard-participant .containerQues > div:not(.timerlimit) {
  padding: 0;
}

.ngdialog.ngdialog-overview-question .answerForm .containerQues .noShowUrl,
.ngdialog.ngdialog-overview-question .url-participant .containerQues .noShowUrl,
.ngdialog.ngdialog-overview-question .whiteboard-participant .containerQues .noShowUrl {
  color: #6C7F85;
  font-size: 20px;
  text-align: center;
  font-weight: 500;
}

.ngdialog.ngdialog-overview-question .answerForm .containerQues .question,
.ngdialog.ngdialog-overview-question .url-participant .containerQues .question,
.ngdialog.ngdialog-overview-question .whiteboard-participant .containerQues .question {
  padding: 10px 0 10px 0;
  margin: 20px 3% 0;
}

.ngdialog.ngdialog-overview-question .answerForm .containerQues .question .question-title,
.ngdialog.ngdialog-overview-question .url-participant .containerQues .question .question-title,
.ngdialog.ngdialog-overview-question .whiteboard-participant .containerQues .question .question-title {
  color: #36c1c4;
  text-align: center;
  font-weight: 500;
  font-size: 23px;
  line-height: 24px;
  margin: 0 0 6px 0;
}

.ngdialog.ngdialog-overview-question .answerForm .containerQues .question .question-title.question-url,
.ngdialog.ngdialog-overview-question .url-participant .containerQues .question .question-title.question-url,
.ngdialog.ngdialog-overview-question .whiteboard-participant .containerQues .question .question-title.question-url {
  color: #36c1c4;
  margin-bottom: 40px;
}

.ngdialog.ngdialog-overview-question .answerForm .containerQues .question .question-label,
.ngdialog.ngdialog-overview-question .url-participant .containerQues .question .question-label,
.ngdialog.ngdialog-overview-question .whiteboard-participant .containerQues .question .question-label {
  color: #6C7F85;
  font-weight: 500;
  padding-left: 15px;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 0;
  overflow: auto;
}

.ngdialog.ngdialog-overview-question .answerForm .containerQues .answers,
.ngdialog.ngdialog-overview-question .url-participant .containerQues .answers,
.ngdialog.ngdialog-overview-question .whiteboard-participant .containerQues .answers {
  background: #fff;
  border-radius: 4px !important;
  margin-bottom: 15px;
  padding-left: 0;
  padding-right: 0;
  /*.form-comment{
					margin: 0;
					padding: 0;
				}*/
}

.ngdialog.ngdialog-overview-question .answerForm .containerQues .answers .answers-list,
.ngdialog.ngdialog-overview-question .url-participant .containerQues .answers .answers-list,
.ngdialog.ngdialog-overview-question .whiteboard-participant .containerQues .answers .answers-list {
  padding: 5px 15px 5px 0;
  margin-left: 3%;
}

.ngdialog.ngdialog-overview-question .answerForm .containerQues .answers .setStyle,
.ngdialog.ngdialog-overview-question .url-participant .containerQues .answers .setStyle,
.ngdialog.ngdialog-overview-question .whiteboard-participant .containerQues .answers .setStyle {
  color: #1b6d85;
}

.ngdialog.ngdialog-overview-question .answerForm .containerQues .answers label,
.ngdialog.ngdialog-overview-question .url-participant .containerQues .answers label,
.ngdialog.ngdialog-overview-question .whiteboard-participant .containerQues .answers label {
  color: rgba(0, 0, 0, 0.6);
  font-size: 12px;
  line-height: 20px;
  font-weight: 500;
  width: calc(100% - 50px);
  padding-bottom: 12px;
  padding-top: 4px;
}

.ngdialog.ngdialog-overview-question .answerForm .containerQues .answers .label-radio,
.ngdialog.ngdialog-overview-question .url-participant .containerQues .answers .label-radio,
.ngdialog.ngdialog-overview-question .whiteboard-participant .containerQues .answers .label-radio,
.ngdialog.ngdialog-overview-question .answerForm .containerQues .answers .label-checkbox,
.ngdialog.ngdialog-overview-question .url-participant .containerQues .answers .label-checkbox,
.ngdialog.ngdialog-overview-question .whiteboard-participant .containerQues .answers .label-checkbox {
  margin-bottom: 8px;
  display: flex;
}

.ngdialog.ngdialog-overview-question .answerForm .containerQues .answers .label-radio .icheck-item,
.ngdialog.ngdialog-overview-question .url-participant .containerQues .answers .label-radio .icheck-item,
.ngdialog.ngdialog-overview-question .whiteboard-participant .containerQues .answers .label-radio .icheck-item,
.ngdialog.ngdialog-overview-question .answerForm .containerQues .answers .label-checkbox .icheck-item,
.ngdialog.ngdialog-overview-question .url-participant .containerQues .answers .label-checkbox .icheck-item,
.ngdialog.ngdialog-overview-question .whiteboard-participant .containerQues .answers .label-checkbox .icheck-item {
  visibility: hidden;
  position: absolute;
}

.ngdialog.ngdialog-overview-question .answerForm .containerQues .answers .label-radio .label-text,
.ngdialog.ngdialog-overview-question .url-participant .containerQues .answers .label-radio .label-text,
.ngdialog.ngdialog-overview-question .whiteboard-participant .containerQues .answers .label-radio .label-text,
.ngdialog.ngdialog-overview-question .answerForm .containerQues .answers .label-checkbox .label-text,
.ngdialog.ngdialog-overview-question .url-participant .containerQues .answers .label-checkbox .label-text,
.ngdialog.ngdialog-overview-question .whiteboard-participant .containerQues .answers .label-checkbox .label-text {
  margin-left: 15px;
  padding-top: 5px;
  font-weight: 400;
  font-size: 18px;
  color: #6C7F85;
}

.ngdialog.ngdialog-overview-question .answerForm .containerQues .answers .label-radio .input-label,
.ngdialog.ngdialog-overview-question .url-participant .containerQues .answers .label-radio .input-label,
.ngdialog.ngdialog-overview-question .whiteboard-participant .containerQues .answers .label-radio .input-label,
.ngdialog.ngdialog-overview-question .answerForm .containerQues .answers .label-checkbox .input-label,
.ngdialog.ngdialog-overview-question .url-participant .containerQues .answers .label-checkbox .input-label,
.ngdialog.ngdialog-overview-question .whiteboard-participant .containerQues .answers .label-checkbox .input-label {
  position: relative;
  height: 30px;
  width: 30px;
  min-height: 30px;
  min-width: 30px;
  margin-left: 0;
  padding-left: 0px !important;
  background-color: #B8C1BF;
}

.ngdialog.ngdialog-overview-question .answerForm .containerQues .answers .label-radio,
.ngdialog.ngdialog-overview-question .url-participant .containerQues .answers .label-radio,
.ngdialog.ngdialog-overview-question .whiteboard-participant .containerQues .answers .label-radio {
  cursor: pointer;
}

.ngdialog.ngdialog-overview-question .answerForm .containerQues .answers .label-radio input[type=radio],
.ngdialog.ngdialog-overview-question .url-participant .containerQues .answers .label-radio input[type=radio],
.ngdialog.ngdialog-overview-question .whiteboard-participant .containerQues .answers .label-radio input[type=radio] {
  opacity: 0;
}

.ngdialog.ngdialog-overview-question .answerForm .containerQues .answers .label-radio .input-label,
.ngdialog.ngdialog-overview-question .url-participant .containerQues .answers .label-radio .input-label,
.ngdialog.ngdialog-overview-question .whiteboard-participant .containerQues .answers .label-radio .input-label {
  border-radius: 15px !important;
  border: 7px solid #B8C1BF;
}

.ngdialog.ngdialog-overview-question .answerForm .containerQues .answers .label-radio .icheck-item.checked + .input-label,
.ngdialog.ngdialog-overview-question .url-participant .containerQues .answers .label-radio .icheck-item.checked + .input-label,
.ngdialog.ngdialog-overview-question .whiteboard-participant .containerQues .answers .label-radio .icheck-item.checked + .input-label,
.ngdialog.ngdialog-overview-question .answerForm .containerQues .answers .label-radio .input-label.selected,
.ngdialog.ngdialog-overview-question .url-participant .containerQues .answers .label-radio .input-label.selected,
.ngdialog.ngdialog-overview-question .whiteboard-participant .containerQues .answers .label-radio .input-label.selected {
  border: 7px solid #36c1c4;
  background-color: #fff;
}

.ngdialog.ngdialog-overview-question .answerForm .containerQues .answers .label-radio .icheck-item.checked + .input-label + .label-text,
.ngdialog.ngdialog-overview-question .url-participant .containerQues .answers .label-radio .icheck-item.checked + .input-label + .label-text,
.ngdialog.ngdialog-overview-question .whiteboard-participant .containerQues .answers .label-radio .icheck-item.checked + .input-label + .label-text,
.ngdialog.ngdialog-overview-question .answerForm .containerQues .answers .label-radio .input-label.selected + .label-text,
.ngdialog.ngdialog-overview-question .url-participant .containerQues .answers .label-radio .input-label.selected + .label-text,
.ngdialog.ngdialog-overview-question .whiteboard-participant .containerQues .answers .label-radio .input-label.selected + .label-text {
  color: #36c1c4;
  font-weight: 500;
}

.ngdialog.ngdialog-overview-question .answerForm .containerQues .answers .label-checkbox,
.ngdialog.ngdialog-overview-question .url-participant .containerQues .answers .label-checkbox,
.ngdialog.ngdialog-overview-question .whiteboard-participant .containerQues .answers .label-checkbox {
  cursor: pointer;
}

.ngdialog.ngdialog-overview-question .answerForm .containerQues .answers .label-checkbox input[type=checkbox],
.ngdialog.ngdialog-overview-question .url-participant .containerQues .answers .label-checkbox input[type=checkbox],
.ngdialog.ngdialog-overview-question .whiteboard-participant .containerQues .answers .label-checkbox input[type=checkbox] {
  opacity: 0;
}

.ngdialog.ngdialog-overview-question .answerForm .containerQues .answers .label-checkbox .input-label,
.ngdialog.ngdialog-overview-question .url-participant .containerQues .answers .label-checkbox .input-label,
.ngdialog.ngdialog-overview-question .whiteboard-participant .containerQues .answers .label-checkbox .input-label {
  border-radius: 2px !important;
}

.ngdialog.ngdialog-overview-question .answerForm .containerQues .answers .label-checkbox .input-label .fa,
.ngdialog.ngdialog-overview-question .url-participant .containerQues .answers .label-checkbox .input-label .fa,
.ngdialog.ngdialog-overview-question .whiteboard-participant .containerQues .answers .label-checkbox .input-label .fa,
.ngdialog.ngdialog-overview-question .answerForm .containerQues .answers .label-checkbox .input-label .fas,
.ngdialog.ngdialog-overview-question .url-participant .containerQues .answers .label-checkbox .input-label .fas,
.ngdialog.ngdialog-overview-question .whiteboard-participant .containerQues .answers .label-checkbox .input-label .fas,
.ngdialog.ngdialog-overview-question .answerForm .containerQues .answers .label-checkbox .input-label .far,
.ngdialog.ngdialog-overview-question .url-participant .containerQues .answers .label-checkbox .input-label .far,
.ngdialog.ngdialog-overview-question .whiteboard-participant .containerQues .answers .label-checkbox .input-label .far {
  visibility: hidden;
  position: absolute;
  top: 0px !important;
  left: 0px !important;
  color: #fff !important;
  height: 100%;
  width: 100%;
}

.ngdialog.ngdialog-overview-question .answerForm .containerQues .answers .label-checkbox .input-label .fa:before,
.ngdialog.ngdialog-overview-question .url-participant .containerQues .answers .label-checkbox .input-label .fa:before,
.ngdialog.ngdialog-overview-question .whiteboard-participant .containerQues .answers .label-checkbox .input-label .fa:before,
.ngdialog.ngdialog-overview-question .answerForm .containerQues .answers .label-checkbox .input-label .fas:before,
.ngdialog.ngdialog-overview-question .url-participant .containerQues .answers .label-checkbox .input-label .fas:before,
.ngdialog.ngdialog-overview-question .whiteboard-participant .containerQues .answers .label-checkbox .input-label .fas:before,
.ngdialog.ngdialog-overview-question .answerForm .containerQues .answers .label-checkbox .input-label .far:before,
.ngdialog.ngdialog-overview-question .url-participant .containerQues .answers .label-checkbox .input-label .far:before,
.ngdialog.ngdialog-overview-question .whiteboard-participant .containerQues .answers .label-checkbox .input-label .far:before {
  position: absolute;
  font-size: 20px !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.ngdialog.ngdialog-overview-question .answerForm .containerQues .answers .label-checkbox .icheck-item.checked + .input-label,
.ngdialog.ngdialog-overview-question .url-participant .containerQues .answers .label-checkbox .icheck-item.checked + .input-label,
.ngdialog.ngdialog-overview-question .whiteboard-participant .containerQues .answers .label-checkbox .icheck-item.checked + .input-label,
.ngdialog.ngdialog-overview-question .answerForm .containerQues .answers .label-checkbox .input-label.selected,
.ngdialog.ngdialog-overview-question .url-participant .containerQues .answers .label-checkbox .input-label.selected,
.ngdialog.ngdialog-overview-question .whiteboard-participant .containerQues .answers .label-checkbox .input-label.selected {
  border: 7px solid #36c1c4;
  background-color: #36c1c4 !important;
}

.ngdialog.ngdialog-overview-question .answerForm .containerQues .answers .label-checkbox .icheck-item.checked + .input-label .fas,
.ngdialog.ngdialog-overview-question .url-participant .containerQues .answers .label-checkbox .icheck-item.checked + .input-label .fas,
.ngdialog.ngdialog-overview-question .whiteboard-participant .containerQues .answers .label-checkbox .icheck-item.checked + .input-label .fas,
.ngdialog.ngdialog-overview-question .answerForm .containerQues .answers .label-checkbox .input-label.selected .fas,
.ngdialog.ngdialog-overview-question .url-participant .containerQues .answers .label-checkbox .input-label.selected .fas,
.ngdialog.ngdialog-overview-question .whiteboard-participant .containerQues .answers .label-checkbox .input-label.selected .fas {
  visibility: visible;
}

.ngdialog.ngdialog-overview-question .answerForm .containerQues .answers .label-checkbox .icheck-item.checked + .input-label + .label-text,
.ngdialog.ngdialog-overview-question .url-participant .containerQues .answers .label-checkbox .icheck-item.checked + .input-label + .label-text,
.ngdialog.ngdialog-overview-question .whiteboard-participant .containerQues .answers .label-checkbox .icheck-item.checked + .input-label + .label-text,
.ngdialog.ngdialog-overview-question .answerForm .containerQues .answers .label-checkbox .input-label.selected + .label-text,
.ngdialog.ngdialog-overview-question .url-participant .containerQues .answers .label-checkbox .input-label.selected + .label-text,
.ngdialog.ngdialog-overview-question .whiteboard-participant .containerQues .answers .label-checkbox .input-label.selected + .label-text {
  color: #36c1c4;
  font-weight: 500;
}

.ngdialog.ngdialog-overview-question .answerForm .containerQues .answers .icheckbox_flat,
.ngdialog.ngdialog-overview-question .url-participant .containerQues .answers .icheckbox_flat,
.ngdialog.ngdialog-overview-question .whiteboard-participant .containerQues .answers .icheckbox_flat,
.ngdialog.ngdialog-overview-question .answerForm .containerQues .answers .iradio_flat,
.ngdialog.ngdialog-overview-question .url-participant .containerQues .answers .iradio_flat,
.ngdialog.ngdialog-overview-question .whiteboard-participant .containerQues .answers .iradio_flat {
  position: absolute;
}

.ngdialog.ngdialog-overview-question .answerForm .containerQues .answers label.bordered,
.ngdialog.ngdialog-overview-question .url-participant .containerQues .answers label.bordered,
.ngdialog.ngdialog-overview-question .whiteboard-participant .containerQues .answers label.bordered {
  border-bottom: 1px solid #eee;
}

.ngdialog.ngdialog-overview-question .answerForm .containerQues .answers .radio label,
.ngdialog.ngdialog-overview-question .url-participant .containerQues .answers .radio label,
.ngdialog.ngdialog-overview-question .whiteboard-participant .containerQues .answers .radio label,
.ngdialog.ngdialog-overview-question .answerForm .containerQues .answers .checkbox label,
.ngdialog.ngdialog-overview-question .url-participant .containerQues .answers .checkbox label,
.ngdialog.ngdialog-overview-question .whiteboard-participant .containerQues .answers .checkbox label {
  margin-left: 36px;
  padding-left: 0;
}

.ngdialog.ngdialog-overview-question .answerForm .containerQues .answers .labelChange,
.ngdialog.ngdialog-overview-question .url-participant .containerQues .answers .labelChange,
.ngdialog.ngdialog-overview-question .whiteboard-participant .containerQues .answers .labelChange {
  color: #1b6d85;
}

.ngdialog.ngdialog-overview-question .answerForm .containerQues .answers div.checkbox,
.ngdialog.ngdialog-overview-question .url-participant .containerQues .answers div.checkbox,
.ngdialog.ngdialog-overview-question .whiteboard-participant .containerQues .answers div.checkbox,
.ngdialog.ngdialog-overview-question .answerForm .containerQues .answers div.radio,
.ngdialog.ngdialog-overview-question .url-participant .containerQues .answers div.radio,
.ngdialog.ngdialog-overview-question .whiteboard-participant .containerQues .answers div.radio {
  padding: 8px 0 0 15px;
  margin: 0;
}

.ngdialog.ngdialog-overview-question .answerForm .containerQues .answers div[class*=icheckbox_],
.ngdialog.ngdialog-overview-question .url-participant .containerQues .answers div[class*=icheckbox_],
.ngdialog.ngdialog-overview-question .whiteboard-participant .containerQues .answers div[class*=icheckbox_],
.ngdialog.ngdialog-overview-question .answerForm .containerQues .answers div[class*=iradio_],
.ngdialog.ngdialog-overview-question .url-participant .containerQues .answers div[class*=iradio_],
.ngdialog.ngdialog-overview-question .whiteboard-participant .containerQues .answers div[class*=iradio_] {
  top: 25% !important;
}

.ngdialog.ngdialog-overview-question .answerForm .containerQues .answers .sort-color,
.ngdialog.ngdialog-overview-question .url-participant .containerQues .answers .sort-color,
.ngdialog.ngdialog-overview-question .whiteboard-participant .containerQues .answers .sort-color {
  margin: 0 0 10px 0;
  padding: 8px;
  background-color: #eff7ff;
  border-radius: 4px !important;
}

.ngdialog.ngdialog-overview-question .answerForm .containerQues .answers .error-text,
.ngdialog.ngdialog-overview-question .url-participant .containerQues .answers .error-text,
.ngdialog.ngdialog-overview-question .whiteboard-participant .containerQues .answers .error-text {
  margin: 10px auto;
  padding: 0 5px;
}

.ngdialog.ngdialog-overview-question .answerForm .containerQues .space-img,
.ngdialog.ngdialog-overview-question .url-participant .containerQues .space-img,
.ngdialog.ngdialog-overview-question .whiteboard-participant .containerQues .space-img {
  padding: 0 15px !important;
  margin-top: 59px;
}

.ngdialog.ngdialog-overview-question .answerForm .submit,
.ngdialog.ngdialog-overview-question .url-participant .submit,
.ngdialog.ngdialog-overview-question .whiteboard-participant .submit {
  margin: 15px;
}

.ngdialog.ngdialog-overview-question .matchitem {
  position: relative;
}

.ngdialog.ngdialog-overview-question .matchitem .col-left,
.ngdialog.ngdialog-overview-question .matchitem .col-right {
  display: inline-block;
  vertical-align: middle;
  width: calc(40% - 4px);
}

.ngdialog.ngdialog-overview-question .matchitem .col-left .item,
.ngdialog.ngdialog-overview-question .matchitem .col-right .item {
  position: relative;
  padding: 7px 15px;
  border: 2px solid #EFF4F4;
  background-color: #EFF4F4;
  border-radius: 25px !important;
  margin-bottom: 20px;
  cursor: pointer;
  font-weight: 500;
  font-size: 19px;
  min-height: 36px;
  color: #6C7F85;
}

.ngdialog.ngdialog-overview-question .matchitem .col-left .item img,
.ngdialog.ngdialog-overview-question .matchitem .col-right .item img {
  width: auto;
  height: auto;
  max-height: 150px;
  max-width: 100%;
  margin-left: 50%;
  transform: translateX(-50%);
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.ngdialog.ngdialog-overview-question .matchitem .col-left .item:last-child,
.ngdialog.ngdialog-overview-question .matchitem .col-right .item:last-child {
  margin-bottom: 0;
}

.ngdialog.ngdialog-overview-question .matchitem .col-left .item.selected,
.ngdialog.ngdialog-overview-question .matchitem .col-right .item.selected {
  border-color: #36c1c4;
}

.ngdialog.ngdialog-overview-question .matchitem .col-left .item.selected .tag,
.ngdialog.ngdialog-overview-question .matchitem .col-right .item.selected .tag {
  border-color: #36c1c4;
}

.ngdialog.ngdialog-overview-question .matchitem .col-left {
  top: 0;
  left: 0;
  margin-right: 20%;
}

.ngdialog.ngdialog-overview-question .matchitem .col-right {
  top: 0;
  right: 0;
  text-align: left;
}

.ngdialog.ngdialog-overview-question #svg_matchitem {
  position: absolute;
  display: inline-block;
  top: 0;
  left: calc(39% + 4px);
  width: calc(21% - 3px);
  height: 100%;
}

.ngdialog.ngdialog-overview-question .line {
  stroke-width: 4px;
  stroke: #6C7F85;
  pointer: cursor;
}

@media (max-width: 991px) {
  .ngdialog.ngdialog-overview-question .question-label {
    line-height: 34px !important;
    margin-top: 12px;
  }
}

.ngdialog.ngdialog-overview-question .ngdialog-header {
  width: 250px;
  background-color: #36c1c4;
  color: #fff;
  margin: auto;
  text-align: center;
  font-size: 23px;
  height: 45px;
  padding-top: 8px;
  font-weight: 500;
  border-radius: 0 0 15px 15px !important;
  position: fixed;
  left: calc(50% - 125px);
  top: 0px;
}

.ngdialog.ngdialog-overview-question .ngdialog-header i.fas {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 20px;
  top: 15px;
  font-size: 26px;
  cursor: pointer;
}

.ngdialog.ngdialog-overview-question .ngdialog-header.waitQuestion {
  width: 350px;
  height: 100px;
  padding-top: 35px;
}

.ngdialog.ngdialog-overview-question .ngdialog-header.waitQuestion i.fas {
  top: 45px;
  -webkit-animation: rotation 2s infinite linear;
}

@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(359deg);
  }
}

.ngdialog.ngdialog-overview-question .ngdialog-content {
  width: 100%;
  margin: 0 auto;
  background: transparent;
}

@media screen and (max-width: 750px) {
  .ngdialog.ngdialog-overview-question .answerForm,
  .ngdialog.ngdialog-overview-question .url-participant,
  .ngdialog.ngdialog-overview-question .whiteboard-participant {
    transform: scale(0.8);
  }
}

.ngdialog.ngdialog-workshop .ngdialog-content {
  width: 70%;
  min-width: 600px;
  max-width: 900px;
}

.ngdialog.ngdialog-workshop .ngdialog-content ul {
  list-style-type: none;
  padding: 0;
  color: #6C7F85;
}

.ngdialog.ngdialog-workshop .ngdialog-content ul li {
  height: 48px;
  padding: 12px 5px 0 15px;
  border-bottom: 1px solid #fff;
}

.ngdialog.ngdialog-workshop .ngdialog-content ul li.workshop-label {
  background-color: #EFF4F4;
  border: none;
  font-weight: 500;
  text-transform: uppercase;
}

.ngdialog.ngdialog-workshop .ngdialog-content ul li.workshop-user {
  background-color: #f4f5f587;
  font-weight: 400;
  position: relative;
  overflow: hidden;
}

.ngdialog.ngdialog-workshop .ngdialog-content ul li.workshop-user .leader {
  position: absolute;
  right: 10px;
  font-size: 20px;
  top: 12px;
  color: #f4b609;
}

.ngdialog.ngdialog-workshop .ngdialog-content ul li.workshop-user:nth-child(odd) {
  background-color: #f4f5f52c;
}

.ngdialog.ngdialog-workshop .ngdialog-button {
  float: none;
}

.session-action .ngdialog-content {
  width: 600px !important;
}

.session-action .ngdialog-content .ngdialog-buttons button {
  padding: 10px 12px;
}

.pick-author {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.pick-author div {
  padding: 10px;
  align-items: center;
  display: flex;
  color: #6C7F85;
}

.pick-coAssistant {
  display: flex;
  flex-direction: row;
  padding-left: 20px;
}

.pick-coAssistant div {
  padding: 10px;
}

.ngdialog.ngdialog-theme-plain .ngdialog-close:before {
  font-size: 50px;
  font-weight: 700;
  top: 12px;
  right: 10px;
}
/*
.page-quiz, .page-survey {
	.form-group {
		clear: both;
		label.icheck-label {
			width: calc(~"100% - 40px");
			padding-left: 0;
			margin-bottom: 15px;
			vertical-align: -1px;
		}
	}
	button[type="submit"] {
		margin-top: 10px;
	}
	div[class*=iradio_] {
		vertical-align: top;
		margin-top: 3px;
		top: inherit;
	}
	button[type="submit"] {

	}
}
*/
.labelQuestion {
  float: right;
  margin-right: 500px;
}

.titleQuestion {
  display: block;
  width: 100%;
  text-align: center;
  line-height: 50px;
  color: #aaa;
}

.live-progress .responses {
  color: #000;
  padding-top: 20px;
}

.live-progress .responses .options {
  border: 4px solid #f4f4f4;
  background-color: #fff;
  width: 100%;
  margin-bottom: 10px;
  transition: all 0.5s;
}

.live-progress .responses .options.ans-correct {
  border: 4px solid green;
}

.live-progress .responses .options.ans-partial {
  border: 4px solid #E46C0A;
}

.live-progress .responses .options.ans-incorrect {
  border: 4px solid red;
}

.live-progress .responses .options .option {
  display: block;
  top: 0;
  left: 0;
  padding-left: 20px;
  font-size: 16px;
}

.live-progress .responses .options .percent {
  background-color: #208dda73;
}

.live-progress .responses .options .stats {
  position: relative;
  top: -20px;
  right: 15px;
  text-align: right;
}

.live-progress .participants-has-respond {
  margin: 30px 0 20px 0 !important;
  color: #6a6a6a;
}

.green-correct {
  background-color: #00B15A;
}

.red-incorrect {
  background-color: #FF040E;
}

.showAnswers label,
.showResults label {
  display: inline-block;
  margin-right: 100px;
  text-align: center;
  padding: 8px;
  font-size: 20px;
  font-weight: bold;
}

.progress {
  box-shadow: none;
  height: 38px;
  margin-bottom: 0;
  position: relative;
  overflow: visible;
}

.progress-bar {
  font-size: 15px;
  text-align: left;
  text-indent: 15px;
}

.progress-bar .progress-val {
  line-height: 38px;
  color: #fff;
}

.progress-val {
  display: block;
  position: absolute;
  right: -75px;
  z-index: 2;
}

.progress-custom {
  background-color: #f2f2f2;
  margin-right: 100px;
  padding: 7px 0;
}

.progress-custom .progress-val {
  color: #333;
}

.progress-bar-default {
  background-color: #a5a5a5;
}

.command-order .btn-default {
  padding: 5px 10px;
}

.page-live {
  /* .portlet-title{
	ul{
	  li{
		background-color: #0b93d5;
		color: white;
	  }
	}
  }*/
}

.page-live .buttonFreeControlVideo {
  display: inline-block;
}

.page-live .buttonFreeControlVideo > div {
  margin-left: 10px;
  margin-right: 20px;
}

.page-live video.audioOnly {
  max-height: 50px !important;
  margin-top: 50px;
}

.page-live .embedContent {
  text-align: center;
  height: calc(100vh - 200px) !important;
}

.page-live .portlet-body {
  min-height: 380px;
}

.page-live .progress-custom {
  background-color: #aaa;
}

.page-live .document-live {
  text-align: center;
  padding: 50px;
  height: auto;
}

.page-live .document-live p {
  font-size: 20px;
  color: #777;
  margin-bottom: 5px;
}

.page-live .document-live h1 {
  padding-bottom: 18px;
}

.page-live .document-live img {
  width: 80%;
  height: auto;
}

.page-live #tab_1_1 .message-live {
  margin-bottom: 15px;
}

.page-live #tab_1_1 .message-live .countDown {
  display: inline-block;
  color: white;
  font-weight: 800;
  background-color: #36c1c4;
  padding: 10px 15px;
  border-radius: 20px !important;
}

.page-live #tab_1_1 .message-live .countDown .fa-stopwatch {
  padding-right: 15px;
}

.page-live #tab_1_1 .message-live .countDown .fa-play {
  animation: fadeIn .7s infinite alternate;
  padding-left: 15px;
}

.page-live #tab_1_1 .message-live .countDown .fa-play:hover {
  cursor: pointer;
}

.page-live #tab_1_1 .message-live .countDown .fa-pause {
  padding-left: 15px;
}

.page-live #tab_1_1 .message-live .countDown .fa-pause:hover {
  cursor: pointer;
}

.page-live #tab_1_1 .message-live .countDown .fas {
  padding-right: 10px;
}

.page-live #tab_1_1 .message-live .countDown.green {
  background-color: #A5DD43;
}

.page-live #tab_1_1 .message-live .countDown.yellow {
  background-color: #EACC4B;
}

.page-live #tab_1_1 .message-live .countDown.orange {
  background-color: #FF866D;
}

.page-live #tab_1_1 .message-live .countDown.red {
  background-color: #EF5E7D;
}

.page-live #tab_1_1 .row .col-md-12 #zone {
  position: relative;
  max-width: 400px;
  margin: 20px auto;
}

.page-live #tab_1_1 .row .col-md-12 #zone img {
  width: 100%;
  margin: 0 auto;
}

.page-live #tab_1_1 .row .col-md-12 #zone .type-rectangle {
  position: absolute;
  background-color: #fffa;
}

.page-live #tab_1_1 .row .col-md-12 #zone .type-rectangle.correct {
  border: 3px solid green;
}

.page-live #tab_1_1 .row .col-md-12 #zone .type-rectangle.no-correct {
  border: 3px solid red;
}

.page-live #tab_1_1 .row .col-md-12 #zone .title {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.page-live #tab_1_1 .mobiPad {
  height: calc(100vh - 305px) !important;
}

.page-live #tab_1_2 table i.fa,
.page-live #tab_1_2 table .fas,
.page-live #tab_1_2 table .far {
  width: 15px;
  margin-right: 4px;
}

.page-live #tab_1_2 table i.fa.fa-check,
.page-live #tab_1_2 table .fas.fa-check,
.page-live #tab_1_2 table .far.fa-check {
  color: #080;
}

.page-live #tab_1_2 table i.fa.fa-times,
.page-live #tab_1_2 table .fas.fa-times,
.page-live #tab_1_2 table .far.fa-times {
  color: #c00000;
}

.page-live #tab_1_2 table .symbol-row {
  text-align: center;
}

.page-live #tab_1_2 table .symbol {
  cursor: pointer;
  font-size: 30px;
  margin-left: 25px;
}

.page-live #tab_1_2 table .symbol.tild {
  font-weight: 800;
}

.page-live #tab_1_2 table .default {
  color: grey;
}

.page-live #tab_1_2 table .default > i.fa.fa-check {
  color: grey !important;
}

.page-live #tab_1_2 table .default > i.fa.fa-times {
  color: grey !important;
}

.page-live #tab_1_2 table .correct {
  color: #70ad47;
}

.page-live #tab_1_2 table .partial {
  color: #E46C0A;
}

.page-live #tab_1_2 table .wrong {
  color: #c00000;
}

.page-live #tab_1_2 table tr.inline-order span i.fa,
.page-live #tab_1_2 table tr.inline-order span .fas,
.page-live #tab_1_2 table tr.inline-order span .far {
  margin-right: 0;
}

.page-live #tab_1_2 table .freeQuestionRaw {
  border-top: 1px solid #ddd;
}

.page-live #tab_1_2 table .freeQuestionRaw > td {
  border-top: unset;
  vertical-align: middle !important;
}

.page-live #tab_1_2 table .freeQuestionRaw > td.actionFreeAnswer {
  float: right;
  text-align: center;
  display: inline-flex;
}

.page-live #tab_1_2 table .freeQuestionRaw > td.actionFreeAnswer > img {
  width: 35px;
  height: 35px;
  cursor: pointer;
  margin-left: 15px;
}

.page-live #tab_1_3 label {
  margin-right: 8px;
}

.page-live #tab_1_3 .btn-outline {
  margin: 0 0 0 6px;
}

.page-live #tab_1_3 .btn-outline i {
  margin-right: 10px;
}

ul.typeahead {
  top: 26px !important;
}

.page-quiz-summary .ml-5,
.page-edit-session .ml-5 {
  margin-left: 5px;
}

.page-quiz-summary .points,
.page-edit-session .points {
  text-transform: lowercase;
}

.page-quiz-summary .portlet-title .left-side,
.page-edit-session .portlet-title .left-side {
  margin-left: -19px;
}

.page-quiz-summary .portlet-title .left-side i.fa,
.page-edit-session .portlet-title .left-side i.fa,
.page-quiz-summary .portlet-title .left-side .fas,
.page-edit-session .portlet-title .left-side .fas,
.page-quiz-summary .portlet-title .left-side .far,
.page-edit-session .portlet-title .left-side .far {
  font-size: 20px;
  vertical-align: -3px;
  margin-right: 10px;
}

.page-quiz-summary .portlet-title button,
.page-edit-session .portlet-title button {
  margin-left: 4px;
  padding: 8px 20px;
}

.page-quiz-summary .portlet-title button.last,
.page-edit-session .portlet-title button.last {
  margin-left: 8px;
}

.page-quiz-summary .portlet-title button.btn.btn-outline.green.focus,
.page-edit-session .portlet-title button.btn.btn-outline.green.focus {
  border-color: #32c5d2;
  color: #FFFFFF;
  background-color: #32c5d2;
}

.page-quiz-summary #podium,
.page-edit-session #podium {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  min-height: 460px;
  width: 600px;
  margin: 0 auto;
  position: relative;
  font-size: 14px;
  font-family: 'montserrat', "Open Sans", sans-serif;
}

.page-quiz-summary #podium .podium_place,
.page-edit-session #podium .podium_place {
  width: 198px;
  bottom: 0;
}

.page-quiz-summary #podium .podium_place.p1,
.page-edit-session #podium .podium_place.p1 {
  margin: 0 20px;
}

.page-quiz-summary #podium .podium_place.p3,
.page-edit-session #podium .podium_place.p3 {
  left: 404px;
}

.page-quiz-summary #podium .podium_place .participant,
.page-edit-session #podium .podium_place .participant {
  text-align: center;
  color: #254061;
  padding: 7px 0;
  margin-bottom: 4px;
  font-size: 15px;
}

.page-quiz-summary #podium .podium_place .participant.podium1,
.page-edit-session #podium .podium_place .participant.podium1 {
  background-color: #ffc000;
  font-weight: bold;
}

.page-quiz-summary #podium .podium_place .participant.podium2,
.page-edit-session #podium .podium_place .participant.podium2 {
  background-color: #eeece1;
}

.page-quiz-summary #podium .podium_place .participant.podium3,
.page-edit-session #podium .podium_place .participant.podium3 {
  background-color: #f79646;
}

.page-quiz-summary #podium .podium,
.page-edit-session #podium .podium {
  background-color: #254061;
  width: 100%;
  text-align: center;
}

.page-quiz-summary #podium .podium .fa,
.page-edit-session #podium .podium .fa,
.page-quiz-summary #podium .podium .fas,
.page-edit-session #podium .podium .fas,
.page-quiz-summary #podium .podium .far,
.page-edit-session #podium .podium .far {
  font-size: 30px;
  margin-top: 30px;
}

.page-quiz-summary #podium .podium .score,
.page-edit-session #podium .podium .score {
  color: #fff;
  margin-top: 15px;
}

.page-quiz-summary #podium .podium .classement,
.page-edit-session #podium .podium .classement {
  color: #fff;
  margin-top: 5px;
}

.page-quiz-summary #podium #podium1,
.page-edit-session #podium #podium1 {
  height: 220px;
  font-weight: bold;
  letter-spacing: 1px;
}

.page-quiz-summary #podium #podium1 .classement,
.page-edit-session #podium #podium1 .classement {
  color: #f4b609;
  font-size: 90px;
  margin-top: 75px;
}

.page-quiz-summary #podium #podium1 .fa,
.page-edit-session #podium #podium1 .fa,
.page-quiz-summary #podium #podium1 .fas,
.page-edit-session #podium #podium1 .fas,
.page-quiz-summary #podium #podium1 .far,
.page-edit-session #podium #podium1 .far {
  color: #ffc000;
}

.page-quiz-summary #podium #podium2,
.page-edit-session #podium #podium2 {
  height: 180px;
}

.page-quiz-summary #podium #podium2 .classement,
.page-edit-session #podium #podium2 .classement {
  color: #eeece1;
  font-size: 70px;
  margin-top: 40px;
}

.page-quiz-summary #podium #podium2 .fa,
.page-edit-session #podium #podium2 .fa,
.page-quiz-summary #podium #podium2 .fas,
.page-edit-session #podium #podium2 .fas,
.page-quiz-summary #podium #podium2 .far,
.page-edit-session #podium #podium2 .far {
  color: #eeece1;
}

.page-quiz-summary #podium #podium3,
.page-edit-session #podium #podium3 {
  height: 140px;
}

.page-quiz-summary #podium #podium3 .classement,
.page-edit-session #podium #podium3 .classement {
  color: #f79646;
  font-size: 50px;
  margin-top: 10px;
}

.page-quiz-summary #podium #podium3 .fa,
.page-edit-session #podium #podium3 .fa,
.page-quiz-summary #podium #podium3 .fas,
.page-edit-session #podium #podium3 .fas,
.page-quiz-summary #podium #podium3 .far,
.page-edit-session #podium #podium3 .far {
  color: #f79646;
}

.page-quiz-summary #classement,
.page-edit-session #classement {
  margin-top: 20px;
  min-height: 400px;
  width: 100%;
  font-size: 14px;
  font-family: "Open Sans", sans-serif;
}

.page-quiz-summary #classement .row,
.page-edit-session #classement .row {
  background-color: #365e8f;
  border-radius: 6px !important;
  height: 40px;
  line-height: 40px;
  color: #fff;
  margin-bottom: 6px;
  padding-right: 4px;
}

.page-quiz-summary #classement .row i.fa,
.page-edit-session #classement .row i.fa,
.page-quiz-summary #classement .row .fas,
.page-edit-session #classement .row .fas,
.page-quiz-summary #classement .row .far,
.page-edit-session #classement .row .far {
  margin-right: 8px;
}

.page-quiz-summary #classement .row .podium1 i.fa,
.page-edit-session #classement .row .podium1 i.fa,
.page-quiz-summary #classement .row .fas,
.page-edit-session #classement .row .fas,
.page-quiz-summary #classement .row .far,
.page-edit-session #classement .row .far {
  color: #ffc000;
}

.page-quiz-summary #classement .row .podium2 i.fa,
.page-edit-session #classement .row .podium2 i.fa,
.page-quiz-summary #classement .row .fas,
.page-edit-session #classement .row .fas,
.page-quiz-summary #classement .row .far,
.page-edit-session #classement .row .far {
  color: #eeece1;
}

.page-quiz-summary #classement .row .podium3 i.fa,
.page-edit-session #classement .row .podium3 i.fa,
.page-quiz-summary #classement .row .fas,
.page-edit-session #classement .row .fas,
.page-quiz-summary #classement .row .far,
.page-edit-session #classement .row .far {
  color: #f79646;
}

.page-quiz-summary #classement .row .medal,
.page-edit-session #classement .row .medal {
  background-color: #254061;
  border-radius: 6px !important;
  height: 32px;
  line-height: 32px;
  margin-top: 4px;
}

.page-quiz-summary .jauge,
.page-edit-session .jauge {
  margin-top: 20px;
  font-size: 14px;
  font-family: "Open Sans", sans-serif;
}

.page-quiz-summary .name,
.page-edit-session .name {
  text-align: right;
}

.page-quiz-summary .progress-jauge,
.page-edit-session .progress-jauge {
  transition: width 1s ease-in-out;
  height: 10px;
  display: inline-block;
}

.page-quiz-summary .progress-score,
.page-edit-session .progress-score {
  display: inline-block;
  width: 140px;
  margin-left: 5px;
}

.page-quiz-summary {
  /* Classement désactivé
	.points {
		position: absolute;
		right: 10px;
		width: 180px;
		text-align: right;
	}
	*/
}

.page-quiz-summary .activity-table tbody tr.td-row {
  height: 52px;
}

.page-quiz-summary .userIdentity {
  position: relative;
}

.page-quiz-summary .username {
  position: absolute;
  left: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: top;
}

.page-quiz-summary .username.gaming {
  width: calc(100% - 185px);
}

.page-quiz-summary .username.nogaming {
  width: calc(100% - 70px);
}

.page-quiz-summary .result {
  position: absolute;
  right: 10px;
  width: 65px;
  text-align: right;
}

.waiting-participant {
  font-size: 20px;
  text-align: center;
  padding: 60px;
}

.page-edit-quiz,
.page-edit-survey,
.page-edit-observation {
  /*#launchButton{
	border: @lightblue 1px solid;
	border-radius: 7px!important;

  }*/
  /*button "note de passage" on tab1_1 of edit_quiz.html  */
}

.page-edit-quiz div.head,
.page-edit-survey div.head,
.page-edit-observation div.head {
  font-weight: bold;
  padding: 0 0 6px 0;
}

.page-edit-quiz div.head > div,
.page-edit-survey div.head > div,
.page-edit-observation div.head > div {
  padding: 8px 0;
}

.page-edit-quiz div.filter,
.page-edit-survey div.filter,
.page-edit-observation div.filter {
  padding: 0;
  margin: 0 0 6px;
}

.page-edit-quiz div.filter > div,
.page-edit-survey div.filter > div,
.page-edit-observation div.filter > div {
  padding-bottom: -18px;
}

.page-edit-quiz div.filter > div input,
.page-edit-survey div.filter > div input,
.page-edit-observation div.filter > div input {
  width: calc(100% - 170px);
  padding: 10px 40px 7px 10px;
  border: 1px solid #B8C1BF;
  margin-bottom: 30px;
  border-radius: 5px !important;
}

.page-edit-quiz ul.uisortable,
.page-edit-survey ul.uisortable,
.page-edit-observation ul.uisortable {
  padding: 0;
  margin: 0 0px;
  list-style-type: none;
}

.page-edit-quiz ul.uisortable li:nth-child(odd),
.page-edit-survey ul.uisortable li:nth-child(odd),
.page-edit-observation ul.uisortable li:nth-child(odd) {
  background-color: #EFF4F4;
}

.page-edit-quiz ul.uisortable li,
.page-edit-survey ul.uisortable li,
.page-edit-observation ul.uisortable li {
  max-width: 97.3%;
  border-bottom: 1px solid #f0f0f0;
  vertical-align: middle;
  padding: 15px 35px;
  margin-left: 0!important;
  /*&:nth-child(odd){
		  background-color: #f8f8f8;
	  }*/
}

.page-edit-quiz ul.uisortable li.question-hover,
.page-edit-survey ul.uisortable li.question-hover,
.page-edit-observation ul.uisortable li.question-hover {
  box-shadow: 1px 2px 2px 0px #B8C1BF;
  z-index: 1;
}

.page-edit-quiz ul.uisortable li .vcenter,
.page-edit-survey ul.uisortable li .vcenter,
.page-edit-observation ul.uisortable li .vcenter {
  padding: 12px 0;
}

.page-edit-quiz ul.uisortable li .vaction,
.page-edit-survey ul.uisortable li .vaction,
.page-edit-observation ul.uisortable li .vaction {
  padding: 5px 0;
}

.page-edit-quiz ul.uisortable li > div,
.page-edit-survey ul.uisortable li > div,
.page-edit-observation ul.uisortable li > div {
  padding-left: 10px;
  padding-right: 5px;
  overflow-wrap: break-word;
  vertical-align: top;
}

.page-edit-quiz .question,
.page-edit-survey .question,
.page-edit-observation .question {
  color: #6C7F85;
  height: 40px;
  max-height: 40px;
  width: 100%;
  max-width: 100% !important;
  padding: 5px 0 !important;
  font-weight: 500;
}

.page-edit-quiz .question .center-horizon,
.page-edit-survey .question .center-horizon,
.page-edit-observation .question .center-horizon {
  padding-top: 6px;
}

.page-edit-quiz .question .div-checkbox,
.page-edit-survey .question .div-checkbox,
.page-edit-observation .question .div-checkbox,
.page-edit-quiz .question .div-movable,
.page-edit-survey .question .div-movable,
.page-edit-observation .question .div-movable {
  margin-top: 5px;
}

.page-edit-quiz .question .question-sort,
.page-edit-survey .question .question-sort,
.page-edit-observation .question .question-sort {
  text-align: left;
}

.page-edit-quiz .question .question-edit,
.page-edit-survey .question .question-edit,
.page-edit-observation .question .question-edit {
  text-align: right;
}

.page-edit-quiz .question .question-edit a,
.page-edit-survey .question .question-edit a,
.page-edit-observation .question .question-edit a {
  margin: 6px 4px;
}

.page-edit-quiz .question .question-edit .fa,
.page-edit-survey .question .question-edit .fa,
.page-edit-observation .question .question-edit .fa,
.page-edit-quiz .question .question-edit .fas,
.page-edit-survey .question .question-edit .fas,
.page-edit-observation .question .question-edit .fas,
.page-edit-quiz .question .question-edit .far,
.page-edit-survey .question .question-edit .far,
.page-edit-observation .question .question-edit .far {
  font-size: 23px;
}

.page-edit-quiz .question .question-edit .fa.fa-edit,
.page-edit-survey .question .question-edit .fa.fa-edit,
.page-edit-observation .question .question-edit .fa.fa-edit,
.page-edit-quiz .question .question-edit .fas.fa-edit,
.page-edit-survey .question .question-edit .fas.fa-edit,
.page-edit-observation .question .question-edit .fas.fa-edit,
.page-edit-quiz .question .question-edit .far.fa-edit,
.page-edit-survey .question .question-edit .far.fa-edit,
.page-edit-observation .question .question-edit .far.fa-edit,
.page-edit-quiz .question .question-edit .fa.fa-copy,
.page-edit-survey .question .question-edit .fa.fa-copy,
.page-edit-observation .question .question-edit .fa.fa-copy,
.page-edit-quiz .question .question-edit .fas.fa-copy,
.page-edit-survey .question .question-edit .fas.fa-copy,
.page-edit-observation .question .question-edit .fas.fa-copy,
.page-edit-quiz .question .question-edit .far.fa-copy,
.page-edit-survey .question .question-edit .far.fa-copy,
.page-edit-observation .question .question-edit .far.fa-copy {
  color: #36c1c4;
}

.page-edit-quiz .question .question-edit .fa.fa-edit:hover,
.page-edit-survey .question .question-edit .fa.fa-edit:hover,
.page-edit-observation .question .question-edit .fa.fa-edit:hover,
.page-edit-quiz .question .question-edit .fas.fa-edit:hover,
.page-edit-survey .question .question-edit .fas.fa-edit:hover,
.page-edit-observation .question .question-edit .fas.fa-edit:hover,
.page-edit-quiz .question .question-edit .far.fa-edit:hover,
.page-edit-survey .question .question-edit .far.fa-edit:hover,
.page-edit-observation .question .question-edit .far.fa-edit:hover,
.page-edit-quiz .question .question-edit .fa.fa-copy:hover,
.page-edit-survey .question .question-edit .fa.fa-copy:hover,
.page-edit-observation .question .question-edit .fa.fa-copy:hover,
.page-edit-quiz .question .question-edit .fas.fa-copy:hover,
.page-edit-survey .question .question-edit .fas.fa-copy:hover,
.page-edit-observation .question .question-edit .fas.fa-copy:hover,
.page-edit-quiz .question .question-edit .far.fa-copy:hover,
.page-edit-survey .question .question-edit .far.fa-copy:hover,
.page-edit-observation .question .question-edit .far.fa-copy:hover {
  color: #B8C1BF;
}

.page-edit-quiz .question .question-edit .fa.fa-copy,
.page-edit-survey .question .question-edit .fa.fa-copy,
.page-edit-observation .question .question-edit .fa.fa-copy,
.page-edit-quiz .question .question-edit .fas.fa-copy,
.page-edit-survey .question .question-edit .fas.fa-copy,
.page-edit-observation .question .question-edit .fas.fa-copy,
.page-edit-quiz .question .question-edit .far.fa-copy,
.page-edit-survey .question .question-edit .far.fa-copy,
.page-edit-observation .question .question-edit .far.fa-copy {
  transform: translateY(1px);
}

.page-edit-quiz .question .question-edit .fa.fa-times,
.page-edit-survey .question .question-edit .fa.fa-times,
.page-edit-observation .question .question-edit .fa.fa-times,
.page-edit-quiz .question .question-edit .fas.fa-times,
.page-edit-survey .question .question-edit .fas.fa-times,
.page-edit-observation .question .question-edit .fas.fa-times,
.page-edit-quiz .question .question-edit .far.fa-times,
.page-edit-survey .question .question-edit .far.fa-times,
.page-edit-observation .question .question-edit .far.fa-times {
  transform: translateY(1px);
}

.page-edit-quiz .question .question-edit .fa:hover,
.page-edit-survey .question .question-edit .fa:hover,
.page-edit-observation .question .question-edit .fa:hover,
.page-edit-quiz .question .question-edit .fas:hover,
.page-edit-survey .question .question-edit .fas:hover,
.page-edit-observation .question .question-edit .fas:hover,
.page-edit-quiz .question .question-edit .far:hover,
.page-edit-survey .question .question-edit .far:hover,
.page-edit-observation .question .question-edit .far:hover {
  color: #B8C1BF;
}

.page-edit-quiz .question-sort,
.page-edit-survey .question-sort,
.page-edit-observation .question-sort,
.page-edit-quiz .question-type,
.page-edit-survey .question-type,
.page-edit-observation .question-type,
.page-edit-quiz .question-name,
.page-edit-survey .question-name,
.page-edit-observation .question-name,
.page-edit-quiz .movable,
.page-edit-survey .movable,
.page-edit-observation .movable {
  display: inline-block;
}

.page-edit-quiz .title-tab,
.page-edit-survey .title-tab,
.page-edit-observation .title-tab {
  margin: 0!important;
}

.page-edit-quiz .title-tab > div:nth-child(n + 2),
.page-edit-survey .title-tab > div:nth-child(n + 2),
.page-edit-observation .title-tab > div:nth-child(n + 2) {
  padding-left: 10px;
}

.page-edit-quiz .title-tab > div:nth-child(1),
.page-edit-survey .title-tab > div:nth-child(1),
.page-edit-observation .title-tab > div:nth-child(1) {
  padding-left: 12px;
  padding-top: 2px;
}

@media screen and (min-width: 1200px) and (max-width: 1480px) {
  .page-edit-quiz .title-tab > .title-type,
  .page-edit-survey .title-tab > .title-type,
  .page-edit-observation .title-tab > .title-type,
  .page-edit-quiz .question > .question-type,
  .page-edit-survey .question > .question-type,
  .page-edit-observation .question > .question-type {
    padding-left: 25px !important;
  }
}

.page-edit-quiz .movable,
.page-edit-survey .movable,
.page-edit-observation .movable {
  cursor: ns-resize;
  width: 20px;
  vertical-align: top;
}

.page-edit-quiz .movable i,
.page-edit-survey .movable i,
.page-edit-observation .movable i {
  width: 1px;
  vertical-align: -2px;
}

.page-edit-quiz .btn-list,
.page-edit-survey .btn-list,
.page-edit-observation .btn-list {
  margin-left: 200px;
}

.page-edit-quiz .page-content,
.page-edit-survey .page-content,
.page-edit-observation .page-content {
  background: #EFF4F4 !important;
}

.page-edit-quiz #tab_1_1 .page-bar .title,
.page-edit-survey #tab_1_1 .page-bar .title,
.page-edit-observation #tab_1_1 .page-bar .title {
  border-bottom: #B8C1BF 1px solid;
  padding-bottom: 15px;
}

.page-edit-quiz #tab_1_1 .page-bar .title > ul,
.page-edit-survey #tab_1_1 .page-bar .title > ul,
.page-edit-observation #tab_1_1 .page-bar .title > ul {
  margin-left: -35px;
}

.page-edit-quiz #tab_1_2 .page-bar .title,
.page-edit-survey #tab_1_2 .page-bar .title,
.page-edit-observation #tab_1_2 .page-bar .title {
  border-bottom: #B8C1BF 1px solid;
  padding-bottom: 15px;
  margin-bottom: 30px;
}

.page-edit-quiz #tab_1_2 .page-bar .title > ul,
.page-edit-survey #tab_1_2 .page-bar .title > ul,
.page-edit-observation #tab_1_2 .page-bar .title > ul {
  margin-left: -35px;
}

.page-edit-quiz .alignment-to-the-left-buttons,
.page-edit-survey .alignment-to-the-left-buttons,
.page-edit-observation .alignment-to-the-left-buttons {
  padding-left: 0px!important;
  margin-bottom: 20px!important;
  margin-top: 30px!important;
}

.page-edit-quiz .alignment-to-the-left,
.page-edit-survey .alignment-to-the-left,
.page-edit-observation .alignment-to-the-left {
  padding-left: 0px!important;
  margin-left: -20px !important;
}

.page-edit-quiz #mastery,
.page-edit-survey #mastery,
.page-edit-observation #mastery {
  width: 125px;
  height: 34px;
  border-radius: 5px!important;
}

.page-edit-quiz .bootstrap-switch-handle-on,
.page-edit-survey .bootstrap-switch-handle-on,
.page-edit-observation .bootstrap-switch-handle-on {
  background-color: #36c1c4 !important;
}

.page-edit-quiz .btn-form,
.page-edit-survey .btn-form,
.page-edit-observation .btn-form {
  padding-left: 50px!important;
  margin-bottom: 20px!important;
}

.page-edit-quiz .btn-form > button,
.page-edit-survey .btn-form > button,
.page-edit-observation .btn-form > button {
  margin-right: 20px!important;
}

.page-edit-quiz .information-about-quiz,
.page-edit-survey .information-about-quiz,
.page-edit-observation .information-about-quiz {
  margin-top: 40px!important;
  margin-right: -30px !important;
}

@media screen and (max-width: 992px) {
  .page-edit-quiz .information-about-quiz,
  .page-edit-survey .information-about-quiz,
  .page-edit-observation .information-about-quiz {
    text-align: left;
  }
}

@media screen and (max-width: 768px) {
  .page-edit-quiz .information-about-quiz,
  .page-edit-survey .information-about-quiz,
  .page-edit-observation .information-about-quiz {
    text-align: left;
  }
}

.page-edit-quiz .information-about-quiz > .row > .has-feedback,
.page-edit-survey .information-about-quiz > .row > .has-feedback,
.page-edit-observation .information-about-quiz > .row > .has-feedback {
  margin-right: -25px;
}

.page-edit-quiz .pull-right > #button-add,
.page-edit-survey .pull-right > #button-add,
.page-edit-observation .pull-right > #button-add {
  margin-left: -110px !important;
}

.page-edit-quiz .padding-left-10,
.page-edit-survey .padding-left-10,
.page-edit-observation .padding-left-10 {
  padding-left: 60px!important;
}

.page-edit-quiz .hide-Too-Long-Messages,
.page-edit-survey .hide-Too-Long-Messages,
.page-edit-observation .hide-Too-Long-Messages {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.page-edit-quiz .type-into-blue,
.page-edit-survey .type-into-blue,
.page-edit-observation .type-into-blue {
  color: #36c1c4;
}

.page-edit-quiz #score,
.page-edit-survey #score,
.page-edit-observation #score {
  text-align: center;
}

.page-edit-quiz .put-me-in-light-blue,
.page-edit-survey .put-me-in-light-blue,
.page-edit-observation .put-me-in-light-blue {
  color: #36c1c4;
}

.page-edit-quiz .no-left-margin,
.page-edit-survey .no-left-margin,
.page-edit-observation .no-left-margin {
  margin-left: 0!important;
}

.page-edit-quiz .no-right-margin,
.page-edit-survey .no-right-margin,
.page-edit-observation .no-right-margin {
  margin-right: 0!important;
}

@media only screen and (max-width: 1325px) and (min-width: 1200px) {
  .page-edit-quiz .width-smart,
  .page-edit-survey .width-smart,
  .page-edit-observation .width-smart {
    width: 100%!important;
  }

  .page-edit-quiz .no-marginlt,
  .page-edit-survey .no-marginlt,
  .page-edit-observation .no-marginlt {
    margin-left: 10px!important;
  }
}

@media only screen and (max-width: 556px) and (min-width: 992px) {
  .page-edit-quiz .delete-margin-left,
  .page-edit-survey .delete-margin-left,
  .page-edit-observation .delete-margin-left {
    margin-left: 0!important;
  }
}

@media only screen and (max-width: 1200px) {
  .page-edit-quiz .margin-top-20-width-1200,
  .page-edit-survey .margin-top-20-width-1200,
  .page-edit-observation .margin-top-20-width-1200 {
    margin-top: 20px!important;
  }
}

.page-new-question .portlet-title.page-bar,
.page-edit-question .portlet-title.page-bar {
  border: none !important;
}

.page-new-question .portlet-body,
.page-edit-question .portlet-body {
  background-color: #EFF4F4;
  border-radius: 15px !important;
  padding: 25px 40px !important;
}

.page-new-question .portlet-body .input-theme,
.page-edit-question .portlet-body .input-theme {
  padding-right: 0;
  transform: translateY(-15px);
}

.page-new-question .form-group:first-child,
.page-edit-question .form-group:first-child {
  padding-top: 10px;
}

.page-new-question input,
.page-edit-question input {
  border-radius: 5px !important;
}

.page-new-question .options-question > *,
.page-edit-question .options-question > * {
  margin-bottom: 10px;
}

.page-new-question .options-question > * input,
.page-edit-question .options-question > * input {
  min-height: 34px;
}

.page-new-question .btn-collapse,
.page-edit-question .btn-collapse {
  background-color: #d9e1df !important;
  padding: 8px;
  height: 40px;
  font-size: 15px;
  font-weight: 600;
  color: #6C7F85;
}

.page-new-question .collapse,
.page-edit-question .collapse,
.page-new-question .collapsing,
.page-edit-question .collapsing {
  padding-top: 20px;
  background-color: #fff;
  border-bottom-left-radius: 15px!important;
  border-bottom-right-radius: 15px !important;
}

.page-new-question .collapse .head,
.page-edit-question .collapse .head,
.page-new-question .collapsing .head,
.page-edit-question .collapsing .head {
  font-weight: 500;
  font-size: 15px;
  margin-bottom: 0;
}

.page-new-question .collapse .btn-choice-input,
.page-edit-question .collapse .btn-choice-input,
.page-new-question .collapsing .btn-choice-input,
.page-edit-question .collapsing .btn-choice-input {
  border-top-right-radius: 0px!important;
  border-bottom-right-radius: 0px!important;
  height: 38px!important;
}

.page-new-question .collapse .btn-choice-state,
.page-edit-question .collapse .btn-choice-state,
.page-new-question .collapsing .btn-choice-state,
.page-edit-question .collapsing .btn-choice-state {
  border-radius: 0 25px 25px 0 !important;
  height: 38px!important;
  border-top: 1px solid #B8C1BF !important;
  border-bottom: 1px solid #B8C1BF !important;
  border-right: 1px solid #B8C1BF !important;
  border-left: none!important;
  width: 100%;
  min-width: 100px;
}

.page-new-question .collapse .btn-choice-state:hover,
.page-edit-question .collapse .btn-choice-state:hover,
.page-new-question .collapsing .btn-choice-state:hover,
.page-edit-question .collapsing .btn-choice-state:hover {
  border-top: 1px solid #B8C1BF !important;
  border-bottom: 1px solid #B8C1BF !important;
  border-right: 1px solid #B8C1BF !important;
  border-left: none!important;
}

.page-new-question .collapse .fas.fa-times,
.page-edit-question .collapse .fas.fa-times,
.page-new-question .collapsing .fas.fa-times,
.page-edit-question .collapsing .fas.fa-times {
  font-size: 25px;
  padding-top: 13px;
}

.page-new-question .collapse .feedback,
.page-edit-question .collapse .feedback,
.page-new-question .collapsing .feedback,
.page-edit-question .collapsing .feedback {
  height: 100px!important;
}

.page-new-question .collapse .feedback.feedback-green,
.page-edit-question .collapse .feedback.feedback-green,
.page-new-question .collapsing .feedback.feedback-green,
.page-edit-question .collapsing .feedback.feedback-green {
  border-left: 10px solid #9BC94A !important;
}

.page-new-question .collapse .feedback.feedback-orange,
.page-edit-question .collapse .feedback.feedback-orange,
.page-new-question .collapsing .feedback.feedback-orange,
.page-edit-question .collapsing .feedback.feedback-orange {
  border-left: 10px solid #F25F41 !important;
}

.page-new-question .collapse .feedback.feedback-red,
.page-edit-question .collapse .feedback.feedback-red,
.page-new-question .collapsing .feedback.feedback-red,
.page-edit-question .collapsing .feedback.feedback-red {
  border-left: 10px solid #EF5E7D !important;
}

.page-new-question .has-feedback .help-text.help-block,
.page-edit-question .has-feedback .help-text.help-block {
  text-align: right;
}

.page-new-question .btn-group-end,
.page-edit-question .btn-group-end {
  margin-top: 15px;
  padding-left: 20px;
}

.page-new-question .btn-group-end > *,
.page-edit-question .btn-group-end > * {
  margin-left: 7px;
  margin-bottom: 5px;
}

.page-new-question .form-group label:not(.mt-radio),
.page-edit-question .form-group label:not(.mt-radio) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 0 !important;
}

.page-new-question .form-group > * > div,
.page-edit-question .form-group > * > div,
.page-new-question .form-group > * > label,
.page-edit-question .form-group > * > label {
  padding-left: 0;
}

.page-new-question img,
.page-edit-question img,
.page-new-question video,
.page-edit-question video {
  width: 170px!important;
  height: auto!important;
  min-height: 150px;
  border: none;
  border-top-right-radius: 10px!important;
  border-top-left-radius: 10px!important;
}

.page-new-question img.no-image,
.page-edit-question img.no-image,
.page-new-question video.no-image,
.page-edit-question video.no-image {
  background-color: #B8C1BF;
}

.page-new-question .upload-action button.btn,
.page-edit-question .upload-action button.btn {
  border-bottom-left-radius: 10px!important;
  border-bottom-right-radius: 10px!important;
  width: 170px!important;
}

.page-new-question .search-externalLink .fa-search,
.page-edit-question .search-externalLink .fa-search {
  color: #fff;
  background-color: #EACC4B;
  width: 30px;
  height: 30px;
  font-size: 22px;
  border-radius: 5px!important;
  margin-bottom: 5px;
  padding-top: 8px;
  cursor: pointer;
}

.question .question-type,
.page-new-question .question-type,
.page-edit-question .question-type {
  font-weight: 600;
  color: #36c1c4;
}

.portlet-title.page-bar ul.page-breadcrumb {
  padding-left: 0;
}

.page-edit-question #externaLinkContainer,
.page-new-question #externaLinkContainer,
.page-edit-quiz #externaLinkContainer {
  position: fixed;
  top: 68px;
  left: -110%;
  width: calc(100vw - 195px);
  height: 100%;
  z-index: 16777271;
  background-color: #EFF4F4;
  transition: left ease-in-out 0.3s;
}

@media screen and (max-width: 992px) {
  .page-edit-question #externaLinkContainer,
  .page-new-question #externaLinkContainer,
  .page-edit-quiz #externaLinkContainer {
    width: 100vw!important;
    top: 0px;
  }

  .page-edit-question #externaLinkContainer.show,
  .page-new-question #externaLinkContainer.show,
  .page-edit-quiz #externaLinkContainer.show {
    left: 0px !important;
  }
}

.page-edit-question #externaLinkContainer.show,
.page-new-question #externaLinkContainer.show,
.page-edit-quiz #externaLinkContainer.show {
  left: 195px;
  transition: left ease-in-out 0.3s;
}

.page-edit-question #externaLinkContainer header,
.page-new-question #externaLinkContainer header,
.page-edit-quiz #externaLinkContainer header {
  height: 84px;
  width: 100%;
}

.page-edit-question #externaLinkContainer header .title,
.page-new-question #externaLinkContainer header .title,
.page-edit-quiz #externaLinkContainer header .title {
  padding: 34px 0 0 18px;
  font-size: 24px;
  font-weight: 500;
  text-align: center;
  color: #6C7F85;
}

.page-edit-question #externaLinkContainer header a,
.page-new-question #externaLinkContainer header a,
.page-edit-quiz #externaLinkContainer header a {
  position: absolute;
  top: 40px;
  right: 24px;
}

.page-edit-question #externaLinkContainer header .echap,
.page-new-question #externaLinkContainer header .echap,
.page-edit-quiz #externaLinkContainer header .echap {
  float: right;
  margin: 10px 25px;
}

.page-edit-question #externaLinkContainer div.media,
.page-new-question #externaLinkContainer div.media,
.page-edit-quiz #externaLinkContainer div.media {
  text-align: center;
  position: relative;
  width: 100%;
  height: calc(100% - 84px);
  margin: 0;
}

.page-edit-question #externaLinkContainer div.media.overflow,
.page-new-question #externaLinkContainer div.media.overflow,
.page-edit-quiz #externaLinkContainer div.media.overflow {
  overflow: auto;
}

.page-edit-question #externaLinkContainer div.media > iframe,
.page-new-question #externaLinkContainer div.media > iframe,
.page-edit-quiz #externaLinkContainer div.media > iframe,
.page-edit-question #externaLinkContainer div.media video,
.page-new-question #externaLinkContainer div.media video,
.page-edit-quiz #externaLinkContainer div.media video,
.page-edit-question #externaLinkContainer div.media > img,
.page-new-question #externaLinkContainer div.media > img,
.page-edit-quiz #externaLinkContainer div.media > img {
  max-height: 80%;
  max-width: 90vm;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.page-edit-question #externaLinkContainer div.media > img,
.page-new-question #externaLinkContainer div.media > img,
.page-edit-quiz #externaLinkContainer div.media > img {
  width: auto!important;
  height: auto!important;
}

.page-edit-question #externaLinkContainer div.media > iframe,
.page-new-question #externaLinkContainer div.media > iframe,
.page-edit-quiz #externaLinkContainer div.media > iframe,
.page-edit-question #externaLinkContainer div.media video,
.page-new-question #externaLinkContainer div.media video,
.page-edit-quiz #externaLinkContainer div.media video {
  width: 80%!important;
  height: 80%!important;
}

#session-wrap {
  border-radius: 0 10px 10px 10px !important;
  margin: 0;
}

#session-wrap .portlet {
  margin-bottom: 0;
}

#container-session {
  padding: 10px 0 0 0;
}

.page-sessions .portlet-title {
  border: none;
}

.page-sessions .portlet-title div.filter {
  position: relative;
  padding: 0;
  margin-bottom: 6px;
}

.page-sessions .portlet-title div.filter .search {
  margin: 10px 0px;
  position: relative;
  width: 100%;
  padding-left: 10px;
  border: 1px solid #B8C1BF !important;
  height: 36px !important;
  border-radius: 3px !important;
  font-size: 12px;
}

.page-sessions .portlet-title div.filter span {
  position: absolute;
  height: 100%;
  font-size: 25.2px;
  right: 36px;
}

.page-sessions .portlet-title div.filter span .fa,
.page-sessions .portlet-title div.filter span .fas,
.page-sessions .portlet-title div.filter span .far {
  position: absolute;
  -webkit-text-stroke: 0.7px #B8C1BF;
  top: 50%;
  transform: translateY(-50%);
}

.page-sessions .portlet-title div.filter > div {
  padding: 0;
}

.page-sessions .portlet-title div.filter > div input {
  width: 100%;
  padding: 10px 40px 10px 10px;
  border: 1px solid #ddd;
}

.page-sessions .portlet-title div.filter > div input.inline {
  width: calc(100% - 95px);
  float: right;
}

.page-sessions .portlet-title div.filter > div span.glyphicon {
  position: absolute;
  right: 10px;
  top: 13px;
  font-size: 22px;
  color: #999;
}

.page-sessions .portlet-title div.filter > div i.fa-spinner,
.page-sessions .portlet-title div.filter > div i.fa-search {
  position: absolute;
  right: 7px;
  top: 14px;
  font-size: 22px;
  color: #999;
}

.page-sessions .portlet-title div.filter > div .btn-icon-only {
  width: 41px;
  height: 41px;
  font-size: 21px;
}

.page-sessions .portlet-title .search {
  margin-top: 0px !important;
}

.page-sessions #tab_1_1 p {
  margin: 20px 0 30px 20px;
}

.card-sessions .card-session {
  cursor: pointer;
  min-width: 220px;
  border-radius: 15px !important;
}

.card-sessions .card-session:hover {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}

.card-sessions .card-session .card-inner {
  border-radius: 15px !important;
  margin-bottom: 30px;
  position: relative;
}

.card-sessions .card-session .card-inner .img {
  border-top-left-radius: 15px !important;
  border-top-right-radius: 15px !important;
  width: 100%;
  padding-top: 75%;
  background-color: #B8C1BF;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.card-sessions .card-session .card-inner .shared {
  position: absolute;
  width: 100%;
  border-top-left-radius: 15px !important;
  border-top-right-radius: 15px !important;
  background-color: #EFF4F4;
  text-align: center;
  padding: 10px;
  font-weight: 700;
  color: #6c7f85;
}

.card-sessions .img-responsive {
  width: 100%;
}

.card-sessions .header {
  position: relative;
}

.card-sessions .header .externalid {
  position: absolute;
  top: 65px;
  right: 0;
  padding: 10px 15px;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%;
}

.card-sessions .content {
  background-color: #EFF4F4;
  border-bottom-left-radius: 15px !important;
  border-bottom-right-radius: 15px !important;
  width: 100%;
  padding: 15px 25px 15px;
  color: #6C7F85;
}

.card-sessions .content .title {
  padding: 0 15px 10px;
  margin: 5px 0;
  font-size: 17px;
  text-transform: capitalize;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  font-weight: 700;
  text-overflow: ellipsis;
}

.card-sessions .content .title.live {
  background: rgba(255, 0, 0, 0.7);
}

.card-sessions .content .start {
  font-size: 11px;
  text-transform: capitalize;
}

.card-sessions .content .start i {
  font-size: 15px;
  vertical-align: -3px;
  margin-right: 10px;
  width: 25px;
  text-align: right;
  display: inline-block;
}

.card-sessions .content .start span {
  display: inline-block;
  overflow: hidden;
  width: 75%;
  height: 20px;
  padding-top: 2px;
  vertical-align: top;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.card-sessions .content .footer {
  width: 100%;
}

.card-sessions .content .footer i {
  font-size: 14px;
  vertical-align: -1px;
  margin-right: 8px;
  text-align: right;
}

.card-sessions .content .footer .users,
.card-sessions .content .footer .timer,
.card-sessions .content .footer .animator {
  padding: 8px 0 0 10px;
  line-height: 20px;
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
}

.card-sessions .content .footer .timer,
.card-sessions .content .footer .animator {
  text-align: center;
}

.card-sessions .content .footer .users {
  padding-left: 10px;
}

.page-edit-session {
  color: #6C7F85;
}

.page-edit-session .page-bar {
  background-color: inherit;
  font-weight: 500;
  margin-bottom: 25px;
}

.page-edit-session .page-bar ul {
  width: 100%;
  padding-left: 0 !important;
}

.page-edit-session .page-bar li > a {
  font-size: 30px !important;
  text-transform: uppercase;
}

.page-edit-session .page-bar .fa,
.page-edit-session .page-bar .fas,
.page-edit-session .page-bar .far {
  font-size: 30px;
}

.page-edit-session .ml10 {
  margin-left: 10px;
}

.page-edit-session .datepick {
  background-color: #fff;
  height: 36px;
}

.page-edit-session input[type="number"] {
  width: 120px;
  display: inline-block;
  margin-right: 4px;
  text-align: center;
}

.page-edit-session .select-duration select {
  width: 47%;
  display: inline-block;
}

.page-edit-session .order-list .btn {
  margin: -8px 0 0 15px;
}

.page-edit-session .panel-heading {
  background-color: #EFF4F4;
  border: none;
  padding: 5px 0px 5px 10px;
  border-top-right-radius: 5px !important;
  border-top-left-radius: 5px !important;
  font-weight: 500;
}

.page-edit-session .panel-heading.panel-close {
  border-bottom-right-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
}

.page-edit-session .panel-heading div.col-xs-4 {
  padding-left: 0 !important;
}

.page-edit-session .panel-heading .title-actions {
  padding-top: 3px;
}

.page-edit-session .panel-heading .panel-title {
  margin-top: 0 !important;
}

.page-edit-session .panel-heading .panel-title > * {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.page-edit-session .panel-heading .panel-title .date {
  display: block;
  line-height: 40px;
  color: #6c6c6c;
}

.page-edit-session .panel-heading .panel-title .title {
  display: block;
  line-height: 40px;
  padding-left: 20px;
  font-size: 16px;
  cursor: pointer;
}

.page-edit-session .panel-heading .panel-title .title strong {
  font-size: 18px;
  margin-right: 20px;
}

.page-edit-session .panel-body {
  padding: 0;
  border-bottom: 2px solid #EFF4F4;
  border-left: 2px solid #EFF4F4;
  border-right: 2px solid #EFF4F4;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.page-edit-session .panel-body ul.uisortable,
.page-edit-session .panel-body ul.basic {
  list-style-type: none;
  margin: 0;
  padding: 0;
  min-height: 30px;
}

.page-edit-session .panel-body ul.uisortable li,
.page-edit-session .panel-body ul.basic li {
  padding: 10px 15px 10px 0;
  border-bottom: 2px solid #EFF4F4;
}

.page-edit-session .panel-body ul.uisortable li.alreadydone,
.page-edit-session .panel-body ul.basic li.alreadydone {
  background-color: #d9e1df;
}

.page-edit-session .panel-body ul.uisortable li .movable,
.page-edit-session .panel-body ul.basic li .movable {
  margin-top: 0;
  padding-left: 10px;
  padding-right: 0;
  cursor: ns-resize;
  font-size: 22px;
  width: 30px;
  float: left;
}

.page-edit-session .panel-body ul.uisortable li .movable i,
.page-edit-session .panel-body ul.basic li .movable i {
  width: 1px;
  vertical-align: -1px;
}

.page-edit-session .panel-body ul.uisortable li > .row,
.page-edit-session .panel-body ul.basic li > .row {
  height: 100%;
}

.page-edit-session .panel-body .item-activity {
  width: 100%;
  margin-left: 30px;
}

.page-edit-session .panel-body .item-activity .activityInfo {
  text-transform: uppercase;
  padding-top: 6px;
  padding-left: 0px;
  font-size: 14px;
  font-weight: 500;
}

.page-edit-session .panel-body .item-activity .activityInfo .col {
  overflow: hidden;
  white-space: nowrap !important;
  text-overflow: ellipsis;
}

.page-edit-session .panel-body .item-activity .activityInfo .box-icon {
  max-width: 120px;
  margin-top: -7px;
}

.page-edit-session .panel-body .item-activity .activityInfo .box-icon .name {
  font-size: 11px;
  text-align: center;
}

.page-edit-session .panel-body .ui-sortable-helper .item-activity-whiteboard-files {
  display: none;
}

.page-edit-session .panel-body .item-activity-whiteboard-files {
  list-style: none;
  padding: 10px 40px 10px 115px;
}

.page-edit-session .panel-body .item-activity-whiteboard-files li.li-whiteboard-file {
  padding: 0;
  height: 44px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 500;
  font-size: 16px;
}

.page-edit-session .panel-body .item-activity-whiteboard-files li.li-whiteboard-file .box.box-icon {
  width: 90px;
  margin: 0 15px 0 0;
}

.page-edit-session .panel-body .item-activity-whiteboard-files li.li-whiteboard-file .box.box-icon .name {
  text-align: center;
}

.page-edit-session .panel-body {
  padding: 0;
  border-bottom: 2px solid #EFF4F4;
  border-left: 2px solid #EFF4F4;
  border-right: 2px solid #EFF4F4;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.page-edit-session .panel-body .item-activity .menu-icon-activity {
  padding-top: 5px;
}

.page-edit-session .panel-body .item-activity .fa,
.page-edit-session .panel-body .item-activity .fas,
.page-edit-session .panel-body .item-activity .far {
  color: #36c1c4;
  font-size: 22px;
}

.page-edit-session .panel-body .item-activity .fa-ellipsis-v {
  color: #6C7F85;
}

.page-edit-session .panel-body .item-activity .fa-times {
  vertical-align: -2px;
  color: #EF5E7D;
  margin-left: 8px;
}

.page-edit-session .panel-body .item-activity .fa-play-circle {
  vertical-align: -5px;
}

.page-edit-session .panel-body .item-activity .fa-stop-circle {
  vertical-align: -5px;
}

.page-edit-session .panel-body .item-activity .fa-eye {
  font-size: 22px;
  vertical-align: -2px;
  margin-left: 10px;
}

.page-edit-session .panel-body .item-activity .fa-bar-chart {
  vertical-align: -2px;
  margin-left: 8px;
}

.page-edit-session .panel-body .item-activity .fa-download {
  vertical-align: -3px;
  margin-left: 8px;
}

.page-edit-session .panel-body .item-activity .fa-stop,
.page-edit-session .panel-body .item-activity .fa-play {
  font-size: 22px;
  vertical-align: -3px;
}

.page-edit-session .panel-body .item-activity .fa-stop {
  animation: fadeIn 0.7s infinite alternate;
}

.page-edit-session .panel-body .item-activity .terminated {
  color: #686868;
}

.page-edit-session .panel-body .item-activity .resume {
  animation: fadeIn 0.7s infinite alternate;
}

.page-edit-session .panel-body .item-activity .fa-trophy {
  font-size: 22px;
  vertical-align: -1px;
  margin-left: 10px;
}

.page-edit-session .lh34 {
  line-height: 34px;
}

.page-edit-session .row .portlet .portlet-body #tab_1_4 .filter-participant {
  float: none;
  width: calc(100% - 230px);
}

.page-edit-session .row .portlet .portlet-body #tab_1_4 .filter .glyphicon {
  right: 150px;
}

.page-edit-session .row .portlet .portlet-body #tab_1_4 .filter .btn-group {
  justify-content: right;
  display: flex;
}

.page-edit-session .row .portlet .portlet-body #tab_1_4 .filter .btn-group a.btn {
  min-width: 124px;
}

.page-edit-session .row .portlet .portlet-body #tab_1_4 .table thead tr {
  width: 100%;
  white-space: nowrap;
}

.page-edit-session .row .portlet .portlet-body #tab_1_4 tbody tr td {
  white-space: nowrap;
  border-radius: 0;
  vertical-align: middle;
}

.page-edit-session .row .portlet .portlet-body #tab_1_4 .action-btns {
  width: 150px;
}

.page-edit-session .row .portlet .portlet-body #tab_1_4 .action-btns .btn-outline {
  position: relative;
  display: inline-block;
  padding: 3px 2px;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 0 transparent;
  border-radius: 4px;
  color: #696969;
  font-size: 15px;
  font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

.page-edit-session .row .portlet .portlet-body #tab_1_4 .action-btns .btntext {
  font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  visibility: hidden;
  width: 64px;
  background-color: black;
  color: #fff;
  font-size: 12px;
  text-align: center;
  padding: 3px 0;
  position: absolute;
  z-index: 1;
  top: -25px;
  opacity: 0.7;
  border-radius: 4px !important;
  left: -11px;
}

.page-edit-session .row .portlet .portlet-body #tab_1_4 .action-btns :hover .btntext {
  visibility: visible;
}

.page-edit-session .moving-arrow {
  position: relative;
}

.page-edit-session .moving-arrow i {
  position: absolute;
  font-size: 22px;
  margin: 0 5px;
}

.page-edit-session .moving-arrow i.fa-long-arrow-down {
  left: 4px;
}

.page-edit-session .moving-arrow i.fa-long-arrow-up {
  left: 24px;
}

.page-edit-session .menu-icon {
  float: right;
  text-align: center;
  border-radius: 10px !important;
  background: #fff;
  font-size: 22px;
  height: 34px;
  min-width: 34px;
  width: 34px;
  margin-left: 10px;
}

.page-edit-session .menu-icon:hover {
  opacity: 0.8;
}

.page-edit-session .menu-icon.plus {
  padding-top: 4px;
  background-color: #F25F41;
  border: #F25F41 solid 1px;
}

.page-edit-session .menu-icon.plus .fa,
.page-edit-session .menu-icon.plus .fas,
.page-edit-session .menu-icon.plus .far {
  color: #fff;
}

.page-edit-session .menu-icon.edit {
  background-color: #36c1c4;
  padding-top: 4px;
  padding-left: 5px;
}

.page-edit-session .menu-icon.edit .fa,
.page-edit-session .menu-icon.edit .fas,
.page-edit-session .menu-icon.edit .far {
  color: #fff;
}

.page-edit-session .menu-icon.expand {
  padding: 5px 0px 8px 12px;
  background-color: #EFF4F4;
  margin: 0;
}

.page-edit-session .menu-icon.expand .fa,
.page-edit-session .menu-icon.expand .fas,
.page-edit-session .menu-icon.expand .far {
  font-size: 20px;
  color: #22373F;
}

.page-edit-session .menu-icon.user {
  padding: 6px 4px 8px 4px;
}

.page-edit-session .menu-icon.delete {
  padding-top: 5px;
  padding-left: 1px;
  background-color: #EF5E7D;
}

.page-edit-session .menu-icon.delete .fa,
.page-edit-session .menu-icon.delete .fas,
.page-edit-session .menu-icon.delete .far {
  color: #fff;
}

.page-edit-session .session-disabled {
  text-align: right;
  padding-right: 10px;
  line-height: 40px;
}

.page-edit-session #tab_1_1 .picture {
  width: 300px;
  height: auto;
  max-width: 100%;
}

.page-edit-session #tab_1_2 .form-group .doc-list {
  padding: 15px 0;
  margin-bottom: 15px;
  background-color: #f7f8f9;
}

.page-edit-session #tab_1_2 .form-group .doc-list .boxdoc {
  position: relative;
  background-color: #fff;
  padding: 20px;
  font-size: 16px;
  border: 1px solid #ddd;
  margin-bottom: 15px;
}

.page-edit-session #tab_1_2 .form-group .doc-list .boxdoc .icon-paper-clip {
  font-size: 30px;
  color: #1e467d;
  margin: 10px 0 20px 0;
}

.page-edit-session #tab_1_2 .form-group .doc-list .boxdoc .delete-doc {
  cursor: pointer;
  position: absolute;
  top: 4px;
  right: 10px;
  font-size: 22px;
  color: #a00;
}

.page-edit-session #tab_1_3 .row,
.page-edit-session #tab_1_9 .row {
  margin-left: 0;
  margin-right: 0;
}

.page-edit-session #tab_1_3 input[type="number"],
.page-edit-session #tab_1_9 input[type="number"] {
  width: calc(90% - 25px);
  text-align: right;
  padding-right: 0;
}

.page-edit-session #tab_1_3 .duration,
.page-edit-session #tab_1_9 .duration {
  margin-top: -6px;
  padding-right: 0;
}

.page-edit-session #tab_1_3 .action,
.page-edit-session #tab_1_9 .action {
  padding-top: 4px;
}

.page-edit-session #tab_1_3 .action i,
.page-edit-session #tab_1_9 .action i,
.page-edit-session #tab_1_3 .action img,
.page-edit-session #tab_1_9 .action img {
  cursor: pointer;
}

.page-edit-session #tab_1_3 .action i.fa-users,
.page-edit-session #tab_1_9 .action i.fa-users,
.page-edit-session #tab_1_3 .action img.fa-users,
.page-edit-session #tab_1_9 .action img.fa-users {
  vertical-align: -3px;
}

.page-edit-session #tab_1_3 .state,
.page-edit-session #tab_1_9 .state {
  color: #858585;
  font-size: 14px;
}

.page-edit-session #tab_1_3 ul.basic li,
.page-edit-session #tab_1_9 ul.basic li {
  padding: 6px 15px;
  font-weight: 500;
}

.page-edit-session #tab_1_3 ul.basic li .avatar,
.page-edit-session #tab_1_9 ul.basic li .avatar {
  width: 36px;
  height: 36px;
  display: inline-block;
  line-height: 36px;
  margin-right: 10px;
}

.page-edit-session #tab_1_3 ul.basic li .avatar img,
.page-edit-session #tab_1_9 ul.basic li .avatar img {
  width: 36px;
  height: 36px;
  object-fit: cover;
}

.page-edit-session #tab_1_3 ul.basic li .username,
.page-edit-session #tab_1_9 ul.basic li .username {
  display: inline-block;
}

.page-edit-session #tab_1_3 ul.basic li .input,
.page-edit-session #tab_1_9 ul.basic li .input {
  float: right;
  width: 250px;
  display: flex;
  align-self: center;
  justify-content: center;
}

.page-edit-session #tab_1_3 ul.basic li .input p,
.page-edit-session #tab_1_9 ul.basic li .input p {
  display: flex;
  align-items: center;
  font-size: 12px;
  margin: 0 5px;
}

.page-edit-session #tab_1_6 table.sign {
  margin-bottom: 0;
}

.page-edit-session #tab_1_6 table.sign button.btn {
  margin-right: 0;
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  border-radius: 4px !important;
}

.page-edit-session #tab_1_6 table.sign tr th {
  min-width: 180px;
  position: relative;
}

.page-edit-session #tab_1_6 table.sign tr th p {
  line-height: 32px;
  margin-bottom: 0;
}

.page-edit-session #tab_1_6 table.sign tr th p:first-child {
  margin-bottom: 6px;
}

.page-edit-session #tab_1_6 table.sign tr th .sign-all {
  position: absolute;
  top: 6px;
  right: 6px;
}

.page-edit-session #tab_1_6 table.sign tr th .duration {
  width: 50px;
  text-align: right;
  height: 24px;
  right: 6px;
  top: 50px;
  position: absolute;
}

.page-edit-session #tab_1_6 table.sign tr td {
  position: relative;
  height: 80px;
}

.page-edit-session #tab_1_6 table.sign tr td .text-muted {
  padding-top: 6px;
}

.page-edit-session #tab_1_6 table.sign tr td.signform {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.page-edit-session #tab_1_6 table.sign tr td button.btn {
  position: absolute;
  right: 8px;
  bottom: 8px;
}

.page-edit-session #tab_1_6 textarea {
  width: 100%;
  height: 80px;
  padding: 10px;
}

.page-edit-session #tab_1_6 .actions button:first-child {
  margin-bottom: 8px;
}

.page-edit-session #tab_1_6 .separator {
  border-top: 2px solid #333;
}

.page-edit-session #tab_1_8 {
  overflow-y: hidden;
  overflow-x: auto;
  min-height: 280px;
}

.page-edit-session #tab_1_7 {
  /*
	.frise ul .line-timeline {
		list-style-type: none;
		position: relative;
		width: 6px;
		margin: 0 auto;
		padding-top: 50px;
		background: #d0d0d0;
	}

	.frise ul .line-timeline::after {
		content: '';
		position: absolute;
		left: 50%;
		bottom: 0;
		transform: translateX(-50%);
		width: 30px;
		height: 30px;
		border-radius: 50%;
		background: inherit;
	}

	// Post Bloc
	.frise ul .line-timeline .message-bloc {
		position: relative;
		bottom: 0;
		width: 400px;
		padding: 15px;
		border-radius: 4px !important;
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
		min-height: 60px;

		.feed-title {
		font-size: 15px;
		}
	}
	*/
}

.page-edit-session #tab_1_7 p {
  margin-top: 20px;
}

.page-edit-session #tab_1_7 .actions {
  text-align: right;
  margin-right: 35px;
}

.page-edit-session #tab_1_7 .frise {
  margin-top: 30px;
}

.page-edit-session #tab_1_7 .frise ul {
  list-style-type: none;
  padding: 0 20px;
}

.page-edit-session #tab_1_7 .frise ul li .show-desc {
  float: right;
  color: white;
  font-size: 20px;
  display: inline-block;
}

.page-edit-session #tab_1_7 .frise ul li .fa-sort-asc {
  margin-top: 8px;
}

.page-edit-session #tab_1_7 .frise ul li .bulle {
  width: 5%;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.page-edit-session #tab_1_7 .frise ul li .bulle .fa-play {
  margin: 12px;
}

.page-edit-session #tab_1_7 .frise ul li .bulle .fa-user {
  margin: 11px;
}

.page-edit-session #tab_1_7 .frise ul li .bulle .fa-stop {
  margin: 12px;
}

.page-edit-session #tab_1_7 .frise ul li .bulle .fa-graduation-cap {
  margin: 9px;
}

.page-edit-session #tab_1_7 .frise ul li .bulle.session {
  border: 3px solid #37c1c4;
  background-color: white;
}

.page-edit-session #tab_1_7 .frise ul li .bulle.activity {
  background-color: #37c1c4;
}

.page-edit-session #tab_1_7 .frise ul li .bulle.list-participant {
  background-color: #a1a1a1;
}

.page-edit-session #tab_1_7 .frise ul li .left {
  border-right: 5px solid #ddd;
  margin-right: calc(50% + 1%);
}

.page-edit-session #tab_1_7 .frise ul li .left .bulle {
  position: absolute;
  width: 40px;
  height: 40px;
  right: -22px;
  top: calc(50% - 30px);
  border-radius: 100px !important;
}

.page-edit-session #tab_1_7 .frise ul li .left .message-bloc {
  margin-right: 50px;
}

.page-edit-session #tab_1_7 .frise ul li .right {
  border-left: 5px solid #ddd;
  margin-left: calc(50% - 0.4%);
}

.page-edit-session #tab_1_7 .frise ul li .right .bulle {
  position: absolute;
  width: 40px;
  height: 40px;
  left: -22px;
  top: calc(50% - 30px);
  border-radius: 100px !important;
}

.page-edit-session #tab_1_7 .frise ul li .right .message-bloc {
  margin-left: 50px;
}

.page-edit-session #tab_1_7 .frise ul li .content {
  position: relative;
  float: left;
  width: calc(50% + 1px);
  ;
  clear: both;
}

.page-edit-session #tab_1_7 .frise ul li .message-bloc {
  padding: 15px;
  border-radius: 4px !important;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  min-height: 60px;
}

.page-edit-session #tab_1_7 .frise ul li .message-bloc .feed-title {
  font-size: 15px;
  display: inline-block;
  margin-bottom: 10px;
}

.page-edit-session #tab_1_7 .frise ul li .message-bloc .feed-date {
  display: inline-block;
  float: right;
}

.page-edit-session #tab_1_7 .frise ul li .message-bloc .activity-name {
  display: inline-block;
}

@media (max-width: 970px) {
  .page-edit-session #tab_1_7 .content {
    width: 98% !important;
    margin-left: 10px !important;
  }

  .page-edit-session #tab_1_7 .left {
    border-left: 5px solid #ddd;
    margin-left: 0;
    margin-right: 0 !important;
    border-right: none !important;
  }

  .page-edit-session #tab_1_7 .bulle {
    position: absolute;
    left: -22px;
  }

  .page-edit-session #tab_1_7 .message-bloc {
    margin-left: 30px !important;
    margin-right: 0 !important;
  }
}

.page-edit-session #tab_1_7 .session {
  border: 3px solid #5ebcba;
  color: #5ebcba;
}

.page-edit-session #tab_1_7 .activity {
  background-color: #5ebcba;
  color: white;
}

.page-edit-session #tab_1_7 .list-participant {
  background-color: #a1a1a1;
  color: white;
}

.page-edit-session #tab_1_7 .survey {
  background: #f47a6e;
  color: white;
}

.page-edit-session #tab_1_7 .postit {
  background: #eacc4b;
  color: white;
}

.page-edit-session #tab_1_7 .docs {
  background: #459bef;
  color: white;
}

.page-edit-session #tab_1_7 .url {
  background: #43c5e8;
  color: white;
}

.page-edit-session #tab_1_7 .elearning {
  background: #338db5;
  color: white;
}

.page-edit-session #tab_1_7 .polls {
  background: #4eccb6;
  color: white;
}

.page-edit-session #tab_1_7 .quiz {
  background: #f25f41;
  color: white;
}

.page-edit-session #tab_1_7 .observation {
  background: #ef5e7d;
  color: white;
}

.page-edit-session #tab_1_7 .cloudtag {
  background: #49c15d;
  color: white;
}

.page-edit-session #tab_1_7 .whiteboard {
  background: #9bc94a;
  color: white;
}

.page-edit-session .workshop-menu {
  padding: 0;
}

.page-edit-session .workshop-menu button {
  margin-right: 10px;
}

.page-edit-session .workshop-menu button i {
  margin-right: 6px;
}

.page-edit-session #workshow-display {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: #6c7f8560;
  z-index: 2001;
}

.page-edit-session #workshow-display .wrapper {
  height: 100vh;
  width: 100vw;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  cursor: grabbing;
}

.page-edit-session #workshow-display .wrapper .workshops {
  flex-direction: row;
  display: flex;
}

.page-edit-session #workshow-display .wrapper .workshops .workshop {
  flex: 1;
  background-color: #eff4f4;
  border: 5px solid #d5dede;
  border-radius: 8px !important;
  margin: 15px;
  width: 330px;
  height: 242px;
}

.page-edit-session #workshow-display .wrapper .workshops .workshop.hover {
  border: 5px solid !important;
  border-color: #4CF0F3 !important;
}

.page-edit-session #workshow-display .ghostuser {
  position: fixed;
  width: 103px;
  height: 110px;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("/assets/images/ghostusers.png");
}

.page-edit-session .mt-element-card .mt-card-item .mt-card-avatar {
  margin-bottom: 5px;
}

.page-edit-session .mt-element-card .mt-card-item .mt-card-content .mt-card-name {
  margin-bottom: 3px;
}

.page-edit-session .mt-element-card .mt-card-item .mt-card-content .mt-card-desc {
  margin: 0 0 5px 0;
}

.page-edit-session .ui-list .img-card {
  width: 100px;
  height: 100px;
  margin-bottom: 10px;
}

.page-edit-session .master-grid,
.page-edit-session #workshow-display .workshop {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.page-edit-session #panel-workshop {
  margin: 10px -15px 0 -15px;
}

.page-edit-session #panel-workshop ul {
  color: #6C7F85;
}

.page-edit-session #panel-workshop ul li {
  position: relative;
  height: 48px;
}

.page-edit-session #panel-workshop ul li img {
  position: absolute;
  width: 30px;
  height: 30px;
  top: 8px;
  left: 34px;
}

.page-edit-session #panel-workshop ul li .username {
  white-space: nowrap !important;
  position: absolute;
  top: 15px;
  left: 76px;
}

.page-edit-session #panel-workshop ul li .movable {
  cursor: grab;
}

.page-edit-session #panel-workshop ul li .movable:active {
  cursor: grabbing;
}

.page-edit-session #panel-workshop ul li .leader {
  position: absolute;
  right: 10px;
  font-size: 20px;
  top: 14px;
  color: #f4b609;
}

.page-edit-session #panel-workshop ul li:nth-child(odd) {
  background-color: #f4f5f587;
}

.page-edit-session #panel-workshop ul .dropusers {
  background-color: #E4F6F6;
  border-radius: 31px !important;
  margin: 30px;
  height: 140px;
}

.page-edit-session #panel-workshop ul .dropusers i.fa {
  color: #37C1C4;
  font-size: 50px;
  margin: 44px 0 32px 0;
}

.page-edit-session #panel-workshop .panel-heading {
  height: 50px;
}

.page-edit-session #panel-workshop .panel-title {
  position: relative;
}

.page-edit-session #panel-workshop .panel-title .title {
  position: absolute;
  padding-left: 4px;
}

.page-edit-session #panel-workshop .panel-title .title-actions .chevron {
  position: absolute;
  top: 6px;
  right: 10px;
}

.page-edit-session #panel-workshop .panel-title .title-actions .menu-icon.delete {
  position: absolute;
  top: 3px;
  right: 39px;
  padding-top: 3px;
  padding-left: 0px;
}

.page-edit-session #panel-workshop .panel-title .title-actions .menu-icon.edit {
  position: absolute;
  top: 3px;
  right: 84px;
  padding-top: 3px;
  padding-left: 3px;
}

.page-edit-session #panel-workshop .panel-title .title-actions .menu-icon.edit .fa {
  color: #fff;
}

.page-edit-session #panel-workshop .panel-title .title-actions .menu-icon.edit.alone {
  right: 39px;
}

.page-new-lesson input[type="datetime-local"].ng-invalid,
.page-edit-lesson input[type="datetime-local"].ng-invalid {
  border: 1px solid red;
}

.page-new-lesson .noinput,
.page-edit-lesson .noinput {
  line-height: 38px;
  color: #777;
}

.btn-group-result-table {
  float: right;
  margin-bottom: 20px;
}

.table-result thead > tr > th {
  vertical-align: top;
  text-align: center;
  font-weight: bold;
}

.table-result thead > tr > th:first-child {
  width: 20%;
}

.table-result thead > tr > th > p {
  margin: 0px;
}

.table-result thead > tr > th > span:not(:first-child) {
  font-size: 10px !important;
  color: grey;
}

.table-result thead > tr > th > span {
  margin-bottom: 0px;
  font-size: 18px !important;
}

.table-result .seuil {
  color: grey;
  font-size: 12px;
}

.table-result .organisation {
  color: grey;
  font-size: 14px;
}

.table-result tbody > tr > td:first-child {
  width: 20%;
}

.table-result tbody > tr > td > p {
  margin: 0px;
}

.table-result tbody > tr > td:not(:first-child) {
  padding: 0px;
  vertical-align: middle;
  text-align: center;
  font-weight: bold;
}

.table-result tbody > tr > td:not(:first-child) > a:hover,
.table-result tbody > tr > td:not(:first-child) a:visited,
.table-result tbody > tr > td:not(:first-child) a:active {
  text-decoration: none;
}

.table-result tbody > tr > td:not(:first-child) > a span {
  font-size: 15px;
}

.table-result tbody > tr > td:not(:first-child) > a span.color-red {
  color: red !important;
}

.table-result tbody > tr > td:not(:first-child) > a span.color-green {
  color: green !important;
}

.table-result tbody > tr > td > span {
  text-align: center;
}

.table-result tbody > tr > td > span.average {
  font-weight: bold;
}

.table-result tbody > tr > td > span.noMark {
  font-weight: bolder;
  margin: 0px;
}

.table-result tbody > tr > td > span:first-child {
  width: 15%;
}

.table-result tbody > tr > td > span:first-child > span {
  margin: 0px;
}

#image-preview {
  width: 139px;
  margin: 0 auto;
}

.ngdialog-duplicateSession .ngdialog-message {
  margin-top: 0 !important;
  height: 120px;
}

.ngdialog-duplicateSession .ngdialog-message > div {
  margin-left: 10px;
}

.ngdialog-duplicateSession .ngdialog-message > div label {
  display: inline;
}

.ngdialog-duplicateSession .ngdialog-message > div label.attributLabel {
  margin-left: 10px;
  font-size: 17px;
}

.ngdialog-duplicateSession .ngdialog-message > div.title {
  margin-left: 0px;
}

.ngdialog-duplicateSession .ngdialog-message > div.title label {
  font-size: 19px;
}

.ngdialog-duplicateSession .ngdialog-buttons div {
  text-align: left;
}

.ngdialog-duplicateSession .ngdialog-buttons div label {
  display: inline;
}

.ngdialog-duplicateSession .ngdialog-buttons div label.rememberLabel {
  margin-left: 10px;
  font-size: 15px;
}

.ngdialog-duplicateSession .custom-checkbox:hover,
.ngdialog-duplicateSession .input-checkbox:hover {
  cursor: pointer;
}

@media screen {
}

@media screen and (max-width: 1348px) {
  .information-about-session {
    text-align: left !important;
    margin-left: 30px !important;
  }

  .information-container {
    width: 100%;
    margin-left: 10px;
  }
}

@media screen and (max-width: 992px) {
  .img-design-session {
    margin-top: 200px !important;
    margin-left: calc(100%/2 - 80px);
  }

  .information-about-session {
    text-align: left !important;
    margin-left: 30px !important;
  }
}

@media screen and (max-width: 772px) {
  .img-design-session {
    margin-top: 120px !important;
  }
}

@media screen and (max-width: 600px) {
  .portlet.light {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

@media screen and (min-width: 992px) and (max-width: 1280px) {
  .adjustement-session-buttons {
    margin-top: 20px !important;
  }
}

.dot {
  height: 10px;
  width: 10px;
  border-radius: 50%;
  display: inline-block;
}

.dot.dot-green {
  background-color: #A5DD43;
}

.dot.dot-red {
  background-color: #EF5E7D;
}

.dot.dot-grey {
  background-color: #EFF4F4;
}

#image {
  width: 170px !important;
}

@media screen and (max-width: 766px) {
  .margin-top-766 {
    margin-top: 20px !important;
  }
}

.selectHoursStaying {
  display: flex;
  align-self: center;
  justify-content: center;
}

.selectHoursStaying p {
  display: flex;
  align-items: center;
  font-size: 12px;
  margin: 0 5px;
}
/*.up-and-down{
  transform: rotate(1deg)!important;
  &.down{
	transform: rotate(90deg)!important;
  }
}*/
.page-report .form-group.option-label,
.page-participant-activity .form-group.option-label {
  position: relative;
}

.page-report .form-group.option-label .progress-custom,
.page-participant-activity .form-group.option-label .progress-custom {
  margin-left: 50px;
  padding: 5px 0 0 0;
}

.page-report .form-group.option-label .progress-custom.bordered,
.page-participant-activity .form-group.option-label .progress-custom.bordered {
  border: 3px solid #47596e;
}

.page-report .form-group.option-label > label,
.page-participant-activity .form-group.option-label > label {
  position: absolute;
  font-size: 24px;
  line-height: 35px;
  display: block;
  width: 38px;
  height: 38px;
  left: 0;
  background-color: #529ad2;
  color: #fff;
  text-align: center;
  margin: 0;
}

.page-report .form-group.option-label .progress-bar,
.page-participant-activity .form-group.option-label .progress-bar {
  color: #47596e;
}

.page-report .form-group.option-label > span,
.page-participant-activity .form-group.option-label > span {
  right: -2%;
  color: #47596e;
  text-align: center;
  margin: 0;
  font-weight: bold;
}

.page-report .form-group.option-label.green-correct.border.wrong .form-group.option-label .red-incorrect.border.wrong,
.page-participant-activity .form-group.option-label.green-correct.border.wrong .form-group.option-label .red-incorrect.border.wrong {
  padding: 4px;
  border: 5px solid #ffb3b3;
}

.page-report .form-group.option-label.green-correct.border.correct .form-group.option-label .red-incorrect.border.correct,
.page-participant-activity .form-group.option-label.green-correct.border.correct .form-group.option-label .red-incorrect.border.correct {
  padding: 4px;
  border: 5px solid #8bd160;
}

.page-report .form-group.option-label label.green-correct,
.page-participant-activity .form-group.option-label label.green-correct {
  background-color: #00b15a;
}

.page-report .form-group.option-label label.red-incorrect,
.page-participant-activity .form-group.option-label label.red-incorrect {
  background-color: #ff040e;
}

.page-report .portlet-title.page-bar,
.page-participant-activity .portlet-title.page-bar {
  padding-bottom: 8px;
  border-bottom: 1px solid #B8C1BF;
  font-weight: 500;
}

.page-report .portlet-title.page-bar .caption.btn-group,
.page-participant-activity .portlet-title.page-bar .caption.btn-group {
  float: left;
  margin-right: 10px;
  display: block;
}

.page-report .portlet-title.page-bar .panel-multi-select,
.page-participant-activity .portlet-title.page-bar .panel-multi-select {
  float: right;
  padding-top: 10px;
  padding-right: 10px;
}

.page-report .portlet-title.page-bar .panel-multi-select .fas,
.page-participant-activity .portlet-title.page-bar .panel-multi-select .fas {
  font-size: 25px !important;
}

.page-report .portlet-title.page-bar label.mt-radio,
.page-participant-activity .portlet-title.page-bar label.mt-radio {
  padding-top: 2px;
  margin-bottom: 12px !important;
}

.page-report .portlet-title.page-bar li img,
.page-participant-activity .portlet-title.page-bar li img {
  width: 40px;
  transform: translateY(-3px);
  border-radius: 25px !important;
  margin-left: 10px;
  margin-right: 10px;
}

.page-report .portlet-body .table-responsive .progress-bar,
.page-participant-activity .portlet-body .table-responsive .progress-bar {
  width: 100%;
  background-color: #fdfdfd !important;
}

.page-report .portlet-body .table-responsive .progress-bar-default,
.page-participant-activity .portlet-body .table-responsive .progress-bar-default {
  height: 0% !important;
  background-color: #a5a5a5 !important;
}

.page-report .portlet-body .title-tab,
.page-participant-activity .portlet-body .title-tab {
  font-weight: 500;
  color: #6C7F85;
}

.page-report .portlet-body .title-tab > div,
.page-participant-activity .portlet-body .title-tab > div {
  padding-left: 5px;
}

.page-report .portlet-body .title-tab .col-status span:first-child,
.page-participant-activity .portlet-body .title-tab .col-status span:first-child {
  padding-top: 0 !important;
}

.page-report div.filter input,
.page-participant-activity div.filter input {
  max-height: 34px !important;
}

.page-report div.filter span.glyphicon-search,
.page-participant-activity div.filter span.glyphicon-search {
  right: 13px !important;
  top: 9px !important;
  font-size: 20px !important;
  color: #B8C1BF !important;
}

.page-report .ui-list .body.view-list,
.page-participant-activity .ui-list .body.view-list {
  height: 50px;
}

.page-report .ui-list .body.view-list .center-horizon,
.page-participant-activity .ui-list .body.view-list .center-horizon {
  padding-top: 16px;
}

.page-report .ui-list .col-status span:first-child,
.page-participant-activity .ui-list .col-status span:first-child {
  padding: 15px 0 0 0 !important;
}

.page-report .ui-list .col-status .img-icon,
.page-participant-activity .ui-list .col-status .img-icon {
  width: 35px;
  height: 35px;
  background-size: 35px 35px;
  background-position: center center;
  background-repeat: no-repeat;
  transform: translateY(8px);
}

.page-report .ui-list .col-status .img-icon.img-avatar,
.page-participant-activity .ui-list .col-status .img-icon.img-avatar {
  border-radius: 25px !important;
}

.page-report .ui-list .col-status .img-icon:not(.img-avatar),
.page-participant-activity .ui-list .col-status .img-icon:not(.img-avatar) {
  border-radius: 5px !important;
}

.page-report .ui-list .col-status .box,
.page-participant-activity .ui-list .col-status .box {
  margin-top: 10px;
}

.page-report .ui-list .vaction,
.page-participant-activity .ui-list .vaction {
  padding-top: 12px !important;
}

.page-report .ui-list .vaction .fas,
.page-participant-activity .ui-list .vaction .fas,
.page-report .ui-list .vaction .far,
.page-participant-activity .ui-list .vaction .far {
  margin-right: 10px;
}

.page-report .ui-list .vaction .fa-chart-bar,
.page-participant-activity .ui-list .vaction .fa-chart-bar {
  transform: translateY(8px);
}

.page-report .ui-list .vaction .fa-download,
.page-participant-activity .ui-list .vaction .fa-download {
  transform: translateY(6px);
}

.page-report .ui-list .vaction .fa-file-pdf,
.page-participant-activity .ui-list .vaction .fa-file-pdf {
  transform: translateY(5px);
}

.page-report .ui-list .vaction .fa-cloud-upload-alt,
.page-participant-activity .ui-list .vaction .fa-cloud-upload-alt {
  transform: translateY(7px);
}

.page-report .ui-list .vaction .fa-graduation-cap,
.page-participant-activity .ui-list .vaction .fa-graduation-cap {
  transform: translateY(6px);
}

.page-report .ui-list .vaction .fa-times,
.page-participant-activity .ui-list .vaction .fa-times {
  transform: translateY(7px);
}

.page-report .ui-list .vaction .fa-search,
.page-participant-activity .ui-list .vaction .fa-search {
  transform: translateY(7px);
}

.page-report .ui-list .name-session,
.page-participant-activity .ui-list .name-session {
  padding-left: 20px !important;
}

.page-report .ui-list #tab_1_1 div.body > div:first-child,
.page-participant-activity .ui-list #tab_1_1 div.body > div:first-child {
  padding-left: 4px !important;
}

.page-allreport #tab_1_3 h2 {
  margin: 0 0 20px 0;
}

.page-allreport #tab_1_3 h2 small {
  font-size: 18px;
  color: #888;
  font-weight: 100;
}

.page-report-details.isSurvey #total-participant,
.page-report-details.isSurvey #total-point,
.page-report-details.isSurvey .total-point-participant,
.page-report-details.isSurvey .box-note-activity {
  display: none;
}

.page-report-details.isSurvey .multiple td {
  min-width: 50px;
}

.page-report-details.isSurvey .multiple .option_value:not(.notIsAnswerParticipant) {
  background-color: #A5DD43 !important;
  color: #fff !important;
}

.page-report-details.isSurvey .multiple .fas.fa-times {
  display: none;
}

.page-report-details.isSurvey:not(.participant-summary) .question-report .option_value {
  background-color: #d9e1df !important;
  color: #6C7F85;
}

.page-report-details.isSurvey:not(.participant-summary) .question-report .option_value.value_false .fas,
.page-report-details.isSurvey:not(.participant-summary) .question-report .option_value.value_true .fas,
.page-report-details.isSurvey:not(.participant-summary) .question-report .option_value.value_medium .fas {
  display: none !important;
}

.page-report-details .portlet {
  margin: 0 0 40px;
}

.page-report-details .comment {
  margin: 5px 0 5px 0;
  padding: 10px 0px;
  font-weight: 500;
  color: #83A0AA;
}

.page-report-details .comment strong {
  color: #6C7F85;
}

.page-report-details .retry {
  color: #800;
  font-weight: 600;
}

.page-report-details .question-report {
  color: #6C7F85;
  margin: 0;
}

.page-report-details .question-report .question {
  padding: 30px 0 9px 0;
  font-size: 18px;
  border-bottom: 1px solid #B8C1BF;
  font-weight: 500;
}

.page-report-details .question-report .question .pull-right {
  font-size: 14px;
  color: #aaa;
}

.page-report-details .question-report .question .fa-clock-o {
  margin-right: 10px;
}

.page-report-details .question-report .question .nbPoints .timing {
  color: #888;
}

.page-report-details .question-report .question .nbPoints .timing i {
  margin-right: 6px;
}

.page-report-details .question-report .question .nbPoints.win {
  color: #A5DD43;
}

.page-report-details .question-report .question .nbPoints.half-win {
  color: #FF866D;
}

.page-report-details .question-report .question .nbPoints.loose {
  color: #EF5E7D;
}

.page-report-details .question-report .col-first {
  width: 180px;
}

.page-report-details .question-report .col-last {
  padding-right: 15px;
  float: right;
  min-width: 230px;
}

.page-report-details .question-report .col-middle {
  max-width: 170px;
}

.page-report-details .question-report .name {
  padding: 10px 0 10px 15px;
  font-weight: 600;
}

.page-report-details .question-report .option_rep,
.page-report-details .question-report .user_rep {
  width: auto;
  min-width: 50px;
  display: inline-block;
  text-align: center;
}

.page-report-details .question-report .option_value {
  display: inline-block;
  color: #fff;
  border-radius: 8px !important;
  margin-top: 3px;
  padding: 4px 10px 0px 8px !important;
  height: 26px;
  font-weight: 500;
  max-width: 700px;
  width: 100%;
}

.page-report-details .question-report .option_value.value_true {
  background-color: #A5DD43;
}

.page-report-details .question-report .option_value.value_false {
  background-color: #EF5E7D;
}

.page-report-details .question-report .option_value.value_medium {
  background-color: #FF866D;
}

.page-report-details .question-report .option_value.value_unrated {
  background-color: #43C5E8;
}

.page-report-details .question-report .option_value .fa-check {
  margin-right: 5px;
}

.page-report-details .question-report .option_value .fa-times {
  margin-right: 10px;
}

.page-report-details .question-report .option_value .fa-question {
  font-size: 15px;
  margin-right: 5px;
}

.page-report-details .question-report .option_value .fas {
  color: #fff;
}

.page-report-details .question-report .option_value img {
  transform: translateY(-2px);
  width: 20px;
  height: 20px;
  margin-right: 7px;
}

.page-report-details .question-report .option_display {
  color: #22373F;
  white-space: nowrap;
  padding-top: 2px;
  padding-left: 10px;
  margin-top: 2px;
}

.page-report-details .question-report table {
  background-color: #fff !important;
}

.page-report-details .question-report table tbody {
  background-color: #fff !important;
}

.page-report-details .error-status,
.page-report-details .report-status {
  text-align: center;
  line-height: 98px;
  margin: 0;
}

.page-report-details h4.title {
  margin: 25px 0 20px 0;
}

.page-report-details .question-synthese {
  margin: 10px 0 10px 0;
  padding: 10px 0;
  background-color: #f8f8f8;
  border: 1px solid #eee;
}

.page-report-details .score-in-percentage {
  text-align: center;
}

.page-report-details .score-in-percentage > h3 {
  font-size: 40px;
  font-weight: 400;
}

.page-report-details .infos-quiz {
  background-color: #EFF4F4;
  border-radius: 15px !important;
  padding-bottom: 10px;
}

.page-report-details .infos-quiz .synthesis {
  font-size: 18px;
  font-weight: 700 !important;
}

.page-report-details .infos-quiz .date,
.page-report-details .infos-quiz .session,
.page-report-details .infos-quiz .duration {
  font-size: 16px;
}

.page-report-details .infos-quiz .score {
  font-size: 15px;
}

.page-report-details .infos-quiz .theme {
  font-size: 14px;
}

.page-report-details .infos-quiz .synthesis,
.page-report-details .infos-quiz .date,
.page-report-details .infos-quiz .score,
.page-report-details .infos-quiz .theme,
.page-report-details .infos-quiz .session,
.page-report-details .infos-quiz .duration {
  font-weight: 500;
  color: #6C7F85;
  margin-top: 10px;
}

.page-report-details .zone-img {
  max-width: 180px;
}

.page-report-details .zone-img .img-responsive {
  max-height: 200px;
  margin-top: 10px;
}

.page-report-details .order {
  margin-top: -15px;
  margin-bottom: 10px;
}

.page-report-details .order .options {
  position: relative;
}

.page-report-details .order .options .option_value {
  position: relative;
  margin-top: 10px;
}

.page-report-details .order .options .option_display {
  padding-top: 12px;
}

.page-report-details .arrow-line-vertical {
  position: absolute;
  left: 12px;
  border-left: 3px solid #6C7F85;
  width: 3px;
  bottom: -10px;
  height: 10px !important;
}

.page-report-details .td-line {
  width: 80px;
}

.page-report-details .td-line .line-horizontal {
  transform: translateY(2px);
  border-bottom: 2px solid #6C7F85;
  width: 80px;
}

@media screen and (max-width: 800px) {
  .page-report-details .td-line {
    width: 40px;
  }

  .page-report-details .td-line .line-horizontal {
    width: 40px;
  }
}

.page-report-details .arrow-down {
  position: relative;
  left: 8px;
  width: 11px;
  height: 11px;
  border: solid #6C7F85;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(45deg);
}

.page-report-details .multiple .notIsAnswerParticipant,
.page-report-details .matchitem .notIsAnswerParticipant {
  background-color: #EFF4F4 !important;
  color: #6C7F85 !important;
}

.page-report-details .multiple .notIsAnswerParticipant .fas,
.page-report-details .matchitem .notIsAnswerParticipant .fas {
  color: #6C7F85;
}

.page-report-details .free {
  display: inline-block;
}

.page-report-details .free .option_value {
  width: min-content !important;
  margin-right: 10px;
}

.page-report-details .free .text-description,
.page-report-details .blank .text-description {
  transform: translateY(-8px);
  display: inline-block;
  min-width: 216px;
  font-weight: 500;
}

.page-report-details .blank {
  margin-top: 15px;
}

.page-report-details .blank table {
  margin-top: -14px;
}

@media screen and (min-width: 855px) {
  .page-report-details .blank table {
    transform: translateX(10px);
  }
}

.page-report-details .box-synthesis {
  margin-top: 10px;
}

.page-report-details .box-state-activity {
  margin-top: 10px;
}

.page-report-details .box-note-activity {
  margin-top: 10px;
  font-weight: 700;
  /*
	  	&.state-loose, &.state-win {
		  	position: relative;
		  	& > div:nth-child(1) {
			  	position: relative;
			  	top: 55px;
			  	font-size: 21px;
			}
			& > div:nth-child(2) {
				position: relative;
				top: 55px;
				font-size: 35px;
			  	& > * {
				  	padding-right: 0;
				}
			}
			& > div:nth-child(3) {
			  	position: relative;
			  	top: 75px;
			  	font-size: 16px;
				color: @halfDarkerGrey!important;
			}
		}
		*/
}

.page-report-details .box-note-activity .fas.fa-times {
  color: #fff;
  font-size: 47px;
}

.page-report-details .box-note-activity .fas.fa-trophy {
  color: #A5DD43;
  font-size: 60px;
}

.page-report-details .box-note-activity.state-loose {
  color: #EF5E7D;
}

.page-report-details .box-note-activity.state-loose .box-times {
  background-color: #EF5E7D;
  width: 60px;
  height: 60px;
  border-radius: 40px !important;
  margin: 10px auto;
}

.page-report-details .box-note-activity.state-loose .box-times .fas {
  position: relative;
  top: 24px;
}

.page-report-details .box-note-activity.state-win {
  color: #A5DD43;
}

.page-report-details .box-note-activity.state-win .box-success {
  width: 70px;
  height: 70px;
  margin: auto;
}

.page-report-details .box-note-activity.state-win .box-success .fas {
  position: relative;
  top: 23px;
}

.page-report-details .box-note-activity.state-win .box-success > div:last-child {
  position: relative;
  top: 35px;
}

.page-report-details .report-box {
  border-radius: 15px !important;
  background-color: #EFF4F4;
  padding-top: 20px;
  font-weight: 500;
  color: #6C7F85;
  margin-right: 10px;
  font-size: 18px;
  min-height: 200px;
  overflow: hidden;
}

.page-report-details .report-box .participant-name {
  font-weight: normal;
}

.page-report-details .report-box .box-icon {
  position: relative;
  top: -10px;
  min-width: 70px;
}

.page-report-details .report-box:not(.synthesis) > div:nth-child(n + 2) {
  margin-bottom: 8px;
}

.page-report-details .report-box:not(.synthesis) .col {
  padding-left: 5px;
}

.page-report-details .report-box.synthesis > div:first-child {
  margin-bottom: 8px;
  font-weight: bold;
}

.page-report-details .report-box.synthesis > div:nth-child(n + 2) {
  font-size: 15px;
  margin-bottom: 5px;
}

.page-report-details .report-box > *:nth-child(n + 2) {
  white-space: nowrap;
  overflow-y: auto;
  overflow-x: hidden;
  text-overflow: ellipsis;
}

.page-report-details .theme-bar {
  position: relative;
  background-color: #EFF4F4;
  border-radius: 15px !important;
  padding: 15px 15px 25px;
  margin-top: 20px;
}

.page-report-details .theme-bar > div:first-child {
  font-weight: 700;
  font-size: 21px;
  color: #6C7F85;
  margin-bottom: 10px;
}

.page-report-details .theme-bar .stats-theme {
  margin-top: 15px;
  font-weight: 500;
}

.page-report-details .theme-bar .stats-theme .zone-bar {
  display: flex;
  padding-left: 15px;
  height: 30px;
  color: #fff;
  font-size: 20px;
}

.page-report-details .theme-bar .stats-theme .zone-bar > div {
  padding-top: 3px;
  border-top-right-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
  margin-right: -5px;
}

.page-report-details .theme-bar .stats-theme .zone-bar .correct {
  background-color: #A5DD43;
  z-index: 3;
}

.page-report-details .theme-bar .stats-theme .zone-bar .partial {
  background-color: #FF866D;
  z-index: 2;
}

.page-report-details .theme-bar .stats-theme .zone-bar .incorrect {
  background-color: #EF5E7D;
  z-index: 1;
}

.page-report-details .theme-bar .stats-theme .zone-title {
  color: #6C7F85;
  padding-top: 4px;
  font-size: 18px;
  width: 150px;
  padding-left: 0;
}

.page-report-details .theme-bar .line-vertical {
  position: absolute;
  width: 3px;
  border-left: 2px solid #B8C1BF;
  left: 195px;
  top: 54px;
  z-index: 100;
}

.page-report-details .unables-responses {
  transform: translateY(-8px);
}

.page-report-details .unables-responses span {
  margin-right: 10px;
  background-color: #EFF4F4;
  border-radius: 5px !important;
  padding: 2px 10px;
  height: 25px;
}

.recap-activity .legende {
  display: none;
}

.page-report-postit .postit-color {
  height: 32px;
  width: 32px;
  margin-right: 10px;
  margin-top: 4px;
  border-radius: 3px !important;
  float: left;
}

.page-report-postit .postit-neutralite {
  background-color: #37c1c4;
}

.page-report-postit .postit-emotion {
  background-color: #f4365a;
}

.page-report-postit .postit-positivite {
  background-color: #fbbf2d;
}

.page-report-postit .postit-creativite {
  background-color: #9bc94a;
}

.page-report-postit .postit-organisation {
  background-color: #338db5;
}

.page-report-postit .postit-negativite {
  background-color: #d36250;
}

.page-report-postit .portlet-title {
  height: 52px;
  margin-bottom: 4px;
  text-align: right;
}

.page-report-postit .portlet-body .odd .row {
  line-height: 40px;
}

.page-report-postit .portlet-body .odd .row:nth-child(odd) {
  background-color: #f8f8f8;
}

.page-report-postit .portlet-body h3 {
  margin-bottom: 25px;
  margin-top: 12px;
  font-weight: 500;
  color: #6C7F85;
}

.page-report-postit .dropdown-sortBy {
  transform: translateY(-20px);
}

.page-report-postit .dropdown-sortBy:before {
  left: 55px;
}

.page-report-postit .dropdown-sortBy:after {
  left: 54px;
}

.page-report-postit form label {
  margin-top: 6px;
  margin-bottom: 6px;
  padding-top: 3px;
}

.page-report-postit .postit-live .postit > .postit-content .text {
  margin-top: 0;
}

.page-report-postit .postit-live .postit:hover {
  box-shadow: none;
  transition: none;
}

.page-report-cloudtag .portlet-title {
  height: 52px;
  margin-bottom: 4px;
  text-align: right;
}

.page-report-cloudtag .portlet-body div.head > div {
  padding: 5px 15px;
}

.page-report-cloudtag .portlet-body .odd .row {
  height: 40px;
  line-height: 40px;
}

.page-report-cloudtag .portlet-body .odd .row:nth-child(odd) {
  background-color: #f8f8f8;
}

.page-report-cloudtag .portlet-body h3 {
  margin-bottom: 25px;
  margin-top: 12px;
}

@media print {
  .recap-activity .portlet-title {
    display: none;
  }

  .recap-activity .recap-table > tbody > tr.td-row > td {
    border: 1px solid black !important;
  }

  .recap-activity .recap-table > tfoot > tr > td {
    border: 1px solid black !important;
  }

  .recap-activity .recap-table > tfoot > tr {
    border: 1px solid black !important;
  }

  .recap-activity .recap-table > thead > tr > th:not(:first-child) {
    border: 1px solid black !important;
  }

  .recap-activity .recap-table .answer {
    text-align: center !important;
    display: inline-block !important;
  }

  .recap-activity .legende {
    display: inline-block !important;
  }
}

.page-report-session .panel-heading {
  background-color: #EFF4F4;
  border: none;
  padding: 5px 0px 5px 10px;
  border-top-right-radius: 5px !important;
  border-top-left-radius: 5px !important;
  font-weight: 500;
}

.page-report-session .panel-heading.panel-close {
  border-bottom-right-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
}

.page-report-session .panel-heading div.col-xs-4 {
  padding-left: 0 !important;
}

.page-report-session .panel-heading .title-actions {
  padding-top: 3px;
}

.page-report-session .panel-heading .panel-title {
  margin-top: 0 !important;
}

.page-report-session .panel-heading .panel-title > * {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.page-report-session .panel-heading .panel-title .date {
  display: block;
  line-height: 40px;
  color: #6c6c6c;
}

.page-report-session .panel-heading .panel-title .title {
  display: block;
  line-height: 40px;
  padding-left: 20px;
  font-size: 16px;
  cursor: pointer;
}

.page-report-session .panel-heading .panel-title .title strong {
  font-size: 18px;
  margin-right: 20px;
}

.page-report-session .panel-body {
  padding: 0;
  border-bottom: 2px solid #EFF4F4;
  border-left: 2px solid #EFF4F4;
  border-right: 2px solid #EFF4F4;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.page-report-session .panel-body ul.uisortable,
.page-report-session .panel-body ul.basic {
  list-style-type: none;
  margin: 0;
  padding: 0;
  min-height: 30px;
}

.page-report-session .panel-body ul.uisortable li,
.page-report-session .panel-body ul.basic li {
  padding: 10px 15px 10px 0;
  border-bottom: 2px solid #EFF4F4;
}

.page-report-session .panel-body ul.uisortable li.alreadydone,
.page-report-session .panel-body ul.basic li.alreadydone {
  background-color: #d9e1df;
}

.page-report-session .panel-body ul.uisortable li .movable,
.page-report-session .panel-body ul.basic li .movable {
  margin-top: 0;
  padding-left: 10px;
  padding-right: 0;
  cursor: ns-resize;
  font-size: 22px;
  width: 30px;
  float: left;
}

.page-report-session .panel-body ul.uisortable li .movable i,
.page-report-session .panel-body ul.basic li .movable i {
  width: 1px;
  vertical-align: -1px;
}

.page-report-session .panel-body ul.uisortable li > .row,
.page-report-session .panel-body ul.basic li > .row {
  height: 100%;
}

.page-report-session .panel-body .item-activity {
  width: 100%;
  margin-left: 30px;
}

.page-report-session .panel-body .item-activity .activityInfo {
  text-transform: uppercase;
  padding-top: 6px;
  padding-left: 0px;
  font-size: 14px;
  font-weight: 500;
}

.page-report-session .panel-body .item-activity .activityInfo .col {
  overflow: hidden;
  white-space: nowrap !important;
  text-overflow: ellipsis;
}

.page-report-session .panel-body .item-activity .activityInfo .box-icon {
  max-width: 120px;
  margin-top: -7px;
}

.page-report-session .panel-body .item-activity .activityInfo .box-icon .name {
  font-size: 11px;
  text-align: center;
}

.page-report-session .panel-body .ui-sortable-helper .item-activity-whiteboard-files {
  display: none;
}

.page-report-session .panel-body .item-activity-whiteboard-files {
  list-style: none;
  padding: 10px 40px 10px 115px;
}

.page-report-session .panel-body .item-activity-whiteboard-files li.li-whiteboard-file {
  padding: 0;
  height: 44px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 500;
  font-size: 16px;
}

.page-report-session .panel-body .item-activity-whiteboard-files li.li-whiteboard-file .box.box-icon {
  width: 90px;
  margin: 0 15px 0 0;
}

.page-report-session .panel-body .item-activity-whiteboard-files li.li-whiteboard-file .box.box-icon .name {
  text-align: center;
}

.page-report-session .page-bar.portlet-title .page-breadcrumb {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.page-report-session .page-bar.portlet-title .page-breadcrumb li a {
  font-size: 19px !important;
  color: #6C7F85 !important;
  font-weight: 700;
}

.page-report-session .page-bar.portlet-title .page-breadcrumb #archive {
  color: white;
  background-color: #36c1c4;
  border: 1px solid #36c1c4;
  padding: 5px 10px;
  border-radius: 3px;
  cursor: pointer;
  font-weight: normal;
  transition: all .3s ease;
}

.page-report-session .page-bar.portlet-title .page-breadcrumb #archive i {
  color: white;
  transition: all .3s ease;
  font-size: 18px;
}

.page-report-session .page-bar.portlet-title .page-breadcrumb #archive:hover {
  color: #36c1c4;
  background-color: white;
}

.page-report-session .page-bar.portlet-title .page-breadcrumb #archive:hover i {
  color: #36c1c4;
}

.page-report-session .session-state > div > *:not(.session-message):not(.session-objective) {
  min-height: 150px;
}

.page-report-session .session-state > div:first-child > * {
  margin-top: 15px;
}

.page-report-session .session-state .session-objective > div {
  padding: 0;
}

.page-report-session .session-state .session-parameter {
  padding-top: 15px;
  padding-bottom: 15px;
  border-radius: 10px !important;
  background-color: #EFF4F4;
}

.page-report-session .session-state .session-parameter > * {
  margin-top: 8px;
}

.page-report-session .session-state > div > div:nth-child(n + 2) .title-session-infos {
  font-size: 19px;
  font-weight: 500;
  color: #6C7F85;
}

.page-report-session .session-state > div > div:nth-child(n + 2) p {
  margin-top: 25px;
}

.page-report-session .session-state > div div:not(.title-session-infos) {
  font-size: 14px;
  color: #6C7F85;
  font-weight: 400;
}

.page-report-session .session-state img {
  float: right;
  max-width: 100%;
  max-height: 230px;
}

.page-report-session .session-state .session-message {
  margin-top: 15px;
  padding-left: 5px;
}

.page-report-session .label-zone-title {
  margin-left: 15px;
  margin-right: 15px;
  padding-bottom: 5px;
  border-bottom: 1px solid #B8C1BF;
  font-size: 20px;
  color: #6C7F85;
  font-weight: 600;
  text-transform: uppercase;
}

.page-report-session .panel-heading {
  border-top: 1px solid #d9e1df;
  border-right: 1px solid #d9e1df;
  border-left: 1px solid #d9e1df;
  font-weight: 600 !important;
}

.page-report-session .panel-heading .panel-title {
  color: #6C7F85;
  margin: auto;
}

.page-report-session .panel-body {
  border: 1px solid #d9e1df;
  border-bottom-left-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
}

.page-report-session .panel-body li {
  border-top: 1px solid #d9e1df !important;
  border-bottom: none !important;
  margin: 0;
  min-height: 60px;
  padding: 15px 0 0 0 !important;
}

.page-report-session .panel-body .whiteboard-activity-list {
  margin-top: 10px;
  padding-left: 30px;
}

.page-report-session .panel-body .item-activity {
  padding-right: 40px;
}

.page-report-session .panel-body .item-activity .item-activity-name {
  width: calc(100% - 240px);
}

.page-report-session .panel-body .item-activity .activityInfo {
  font-weight: 500;
  font-size: 15px;
  color: #6C7F85;
}

.page-report-session .panel-body .item-activity .col-number {
  width: 100px;
  padding-left: 44px;
  padding-right: 0;
}

.page-report-session .panel-body .item-activity .col-box {
  width: 140px;
}

.page-report-session .panel-body .item-activity .fas {
  font-size: 28px;
  transform: translateY(-3px);
}

.page-report-session .participants-zone .line-infos-participant {
  height: 60px;
  border-bottom: 1px solid #d9e1df;
  margin: 0 0 0 15px;
  font-weight: 500;
  color: #6C7F85;
}

.page-report-session .participants-zone .line-infos-participant .center-horizon {
  padding-top: 20px;
}

.page-report-session .participants-zone .line-infos-participant .fa-chart-bar {
  transform: translateY(5px);
}

.page-report-session .participants-zone img {
  width: 45px;
  height: 45px;
}

.page-report-session .participants-zone .col-img {
  padding-top: 7px;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
  max-width: 70px;
}

.page-report-session .participants-zone .col-actions {
  padding-right: 13px;
}

.page-report-session .participants-zone .col-actions a {
  padding-top: 9px;
}

.page-report-session .lessons-zone,
.page-report-session .participants-zone {
  margin-bottom: 20px;
  padding: 0;
}

.page-report-session .fa-chart-bar {
  width: 30px;
  height: 30px;
  margin-top: 2px;
  font-size: 28px;
  float: right;
  position: relative;
}

.page-report-session .fa-chart-bar:before {
  position: absolute;
  top: 8px;
  left: 0;
}

.page-report-session .result-zone {
  padding: 0;
}

.page-report-session .result-zone .table-result {
  overflow-x: auto;
  color: #6C7F85;
}

.page-report-session .result-zone .table-result th:nth-child(n + 2) {
  text-align: center;
  vertical-align: center;
  font-size: 20px;
  border-bottom: none;
  border-top-left-radius: 15px !important;
  border-top-right-radius: 15px !important;
  background-color: #d9e1df;
}

.page-report-session .result-zone .table-result thead th:first-child {
  border: none;
}

.page-report-session .result-zone .table-result tbody {
  border-top: none;
}

.page-report-session .result-zone .table-result tbody tr td {
  width: 100px;
  max-width: 100px;
  font-size: 18px;
  vertical-align: middle;
  border-right: 1px solid #B8C1BF;
  border-top: 1px solid #B8C1BF;
}

.page-report-session .result-zone .table-result tbody tr td .fas {
  font-size: 30px;
  transform: translateY(6px);
}

.page-report-session .result-zone .table-result tbody tr td .fa-times {
  padding-right: 3px;
}

.page-report-session .result-zone .table-result tbody tr td:last-child {
  background-color: #d9e1df;
}

.page-report-session .result-zone .table-result tbody td:first-child {
  border-left: 1px solid #B8C1BF;
}

.page-report-session .result-zone .table-result tbody tr:last-child {
  border-bottom: 1px solid #B8C1BF;
}

.page-report-session .result-zone .table-result tbody tr:first-child {
  border-top: none;
}

.page-report-session .result-zone .table-result tbody tr:first-child td:first-child {
  border-top: none !important;
  border-left: none !important;
}

.page-report-session .result-zone .table-result td {
  min-width: 70px;
  height: 50px;
}

.page-report-session .result-zone .table-result td.no-answered {
  background-color: #B8C1BF;
}

.page-report-session .result-zone .table-result td.no-point {
  background-color: #83A0AA;
}

.page-report-session .result-zone .table-result .cell-name {
  min-width: 200px !important;
}

.page-report-session .result-zone .table-result .cell-mark {
  min-width: 90px;
}

.page-report-session .btn-switch-report {
  float: right;
}

.page-report-session .btn-switch-report .label-btn-switch {
  font-weight: 500;
  color: #6C7F85;
  font-size: 15px;
}

.page-report-session .btn-switch-report .btn-switch-custom {
  display: flex;
  width: 100px;
  margin: 10px 0;
}

.page-report-session .btn-switch-report .btn-switch-custom .half-btn {
  width: 50%;
  height: 32px;
  font-size: 14px;
  font-weight: 500;
  padding-top: 8px;
  text-align: center;
  text-transform: capitalize;
  border-top: 1px solid #B8C1BF;
  border-bottom: 1px solid #B8C1BF;
}

.page-report-session .btn-switch-report .btn-switch-custom .half-btn.left {
  float: left;
  border-top-left-radius: 25px !important;
  border-bottom-left-radius: 25px !important;
  margin-right: 0;
  border-left: 1 px solid #B8C1BF;
}

.page-report-session .btn-switch-report .btn-switch-custom .half-btn.right {
  margin-left: 0;
  float: right;
  border-top-right-radius: 25px !important;
  border-bottom-right-radius: 25px !important;
  border-right: 1px solid #B8C1BF;
}

.page-report-session .btn-switch-report .btn-switch-custom .half-btn.selected {
  background-color: #36c1c4;
  color: #fff;
}

.page-report-session .btn-switch-report .btn-switch-custom .half-btn:not(.selected) {
  background-color: #EFF4F4;
  color: #6C7F85;
}

.page-report-session .body-result,
.page-report-session .body-ranking {
  margin: 25px 15px 0;
  padding: 15px;
  background-color: #EFF4F4;
  border-radius: 10px !important;
}

.page-report-session .ranking-zone {
  width: 100%;
  padding: 0;
}

.page-report-session .ranking-zone .ranking-bar {
  padding: 0;
}

.page-report-session .ranking-zone .ranking-bar:nth-child(2n) {
  margin-right: -20px;
}

.page-report-session .ranking-zone .ranking-bar:nth-child(2n + 1) {
  margin-right: 20px;
}

.page-report-session .ranking-zone .name-participant {
  width: 80%;
  text-align: center;
  color: #6C7F85;
  font-weight: 500;
  margin-bottom: 25px;
  height: 25px;
  position: absolute;
}

.page-report-session .ranking-zone .bar-zone {
  height: 250px;
  position: relative;
  margin-top: 20px;
}

.page-report-session .ranking-zone .bar-zone .bar {
  border-top-left-radius: 15px !important;
  border-top-right-radius: 15px !important;
  position: relative;
  bottom: 0;
}

.page-report-session .ranking-zone .bar-zone .bar.participant_exist {
  background-color: #36c1c4;
}

.page-report-session .ranking-zone .bar-zone .bar:not(.participant_exist) {
  background-color: #d9e1df;
}

.page-report-session .ranking-zone .bar-zone .bar .bar-info {
  text-align: center;
}

.page-report-session .ranking-zone .bar-zone .bar .bar-info .fa-trophy {
  font-size: 35px;
  color: #EACC4B;
  padding-top: 25px;
}

.page-report-session .ranking-zone .bar-zone .bar .bar-info .info-pourcent {
  padding-top: 5px;
  margin-top: 5px;
  font-size: 15px;
  font-weight: 500;
  text-align: center;
}

.page-report-session .ranking-zone .bar-zone .bar .bar-info .ranking-number {
  font-size: 30px;
  position: absolute;
  bottom: 10px;
  font-weight: 700;
  transform: translateX(-50%);
  left: 50%;
}

.page-report-session .ranking-zone .bar-zone .bar .bar-info .info-pourcent,
.page-report-session .ranking-zone .bar-zone .bar .bar-info .ranking-number {
  color: #fff;
}

.page-report-session .ranking-zone .name-group {
  font-size: 18px;
  color: #6C7F85;
  font-weight: 700;
  text-align: center;
  padding-top: 10px;
  border-top: 1px solid #B8C1BF;
}

.page-report-session .ranking-list {
  margin-top: 15px;
  color: #6C7F85;
}

.page-report-session .ranking-list .ranking-title {
  width: 100%;
  padding-bottom: 5px;
  margin-top: 10px;
  font-size: 20px;
  border-bottom: 1px solid #B8C1BF;
  font-weight: 600;
  margin-bottom: 15px;
}

.page-report-session .ranking-list .zone-title {
  padding-left: 0;
  padding-top: 6px;
}

.page-report-session .ranking-list .ranking-bar-horizontal {
  padding-left: 0;
  font-weight: 500;
}

.page-report-session .ranking-list .ranking-bar-horizontal .zone-bar {
  display: flex;
  height: 30px;
  font-size: 16px;
  padding-left: 5px;
  color: #fff;
}

.page-report-session .ranking-list .ranking-bar-horizontal .zone-bar > .bar-custom {
  padding-top: 6px;
  padding-right: 15px;
  border-top-right-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
  min-width: 32px;
  background-color: #36c1c4;
}

.page-report-session .ranking-list .ranking-bar-horizontal .zone-bar .info-bar {
  float: left;
  display: flex;
  transform: translateY(-1px);
}

.page-report-session .ranking-list .ranking-bar-horizontal .zone-bar .info-bar .fa-trophy {
  color: #EACC4B;
  margin: auto 0 auto 10px;
}

.page-report-session .ranking-list .ranking-bar-horizontal .zone-bar .info-bar .number {
  margin-left: 13px;
  padding-top: 1px;
}

.page-report-session .ranking-list .ranking-bar-horizontal .line-vertical {
  border-left: 1px solid #B8C1BF;
  width: 2px;
  height: 46px;
  position: absolute;
  left: 4px;
  top: -8px;
}

.page-report-session .ranking-list .ranking-number {
  margin-left: 5px;
  margin-right: 10px;
}

.page-report-session .ranking-list .body-ranking-list .ranking-bar-horizontal:nth-child(1) {
  margin-top: 30px !important;
}

.page-report-session .ranking-list .body-ranking-list .ranking-bar-horizontal:last-child {
  margin-bottom: 20px;
}

.page-report-session .ranking-list .body-ranking-list .ranking-bar-horizontal {
  margin-top: 12px;
}

.page-report-session .sign-zone {
  margin: 0;
}

.page-report-session .sign-zone .label-zone-title {
  margin-left: 0;
}

.page-report-session .sign-zone .zone-tab-sign {
  padding: 0;
  overflow-x: auto;
}

.page-report-session .sign-zone .sign-table {
  color: #6C7F85;
  font-weight: 500;
  border: none;
}

.page-report-session .sign-zone .sign-table tr {
  width: 100%;
  padding-top: 15px;
  padding-bottom: 10px;
  border-bottom: 1px solid #B8C1BF;
}

.page-report-session .sign-zone .sign-table tr td:first-child > div {
  margin-top: 5px;
}

.page-report-session .sign-zone .sign-table tr td {
  border: none !important;
}

.page-report-session .sign-zone .sign-table tr td:not(:first-child) {
  padding: 10px;
  min-height: 80px;
  height: 100px;
  width: 250px;
}

.page-report-session .sign-zone .sign-table tr td:not(:first-child) div {
  width: auto;
  height: 100%;
  max-height: 80px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.page-report-session .sign-zone .sign-table tr td:not(:first-child) div.sign {
  background-color: #EFF4F4;
  border-radius: 10px !important;
}

.page-report-session .sign-zone .sign-table tr td.header {
  vertical-align: middle;
}

.page-report-session .sign-zone .sign-table tr td.header p {
  text-align: center;
}

.table-activity {
  overflow-y: auto;
}

.table-activity .pdf-iframe {
  margin-top: 10px;
}

.recap-table {
  margin: 50px -15px 30px;
  background-color: #fff;
}

.recap-table.onZoomCol td:not(.td-zoom) {
  opacity: 0.4;
}

.recap-table.onZoomCol th:not(.th-zoom) {
  opacity: 0.4;
}

.recap-table.onZoomCol td.td-zoom,
.recap-table.onZoomCol td.td-zoom > *,
.recap-table.onZoomCol td.td-zoom label {
  opacity: 1;
}

.recap-table.onZoomCol th.th-zoom,
.recap-table.onZoomCol th.th-zoom > *,
.recap-table.onZoomCol th.th-zoom label {
  opacity: 1;
}

.recap-table.onZoomRow tr:not(.tr-zoom) td,
.recap-table.onZoomRow tr:not(.tr-zoom) td label {
  opacity: 0.4;
}

.recap-table.onZoomRow tr.tr-zoom td,
.recap-table.onZoomRow tr.tr-zoom td label {
  opacity: 1;
}

.recap-table.onZoomRow th {
  opacity: 0.4;
}

.recap-table th,
.recap-table td {
  font-weight: 500;
  font-size: 18px;
  color: #6C7F85;
}

.recap-table th:first-child {
  background-color: #fff;
  padding-left: 10px;
  vertical-align: 1px;
  font-weight: 400;
  font-size: 24px;
  padding-top: 5px;
}

.recap-table th.rotate {
  height: 200px;
  width: 70px;
  max-width: 70px !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border: 15px solid #fff;
}

.recap-table th.rotate > div {
  transform: translate(13px, 80px) rotate(270deg);
  width: 30px;
  padding-left: 20px;
}

.recap-table th.rotate > div > span {
  padding: 5px 10px;
}

.recap-table > thead th {
  background-color: #EFF4F4;
}

.recap-table > thead th:last-child {
  background-color: #83A0AA;
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
}

.recap-table > tbody > tr.td-row > td {
  border: 15px solid #fff;
  text-align: center;
  height: 70px;
  min-width: 70px;
}

.recap-table > tbody > tr.td-row > td:nth-child(1) {
  text-align: left;
  background-color: #EFF4F4;
  text-transform: none;
  vertical-align: middle;
  padding: 4px 8px;
  height: 70px;
  max-height: 70px;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

.recap-table > tbody > tr.td-row > td:last-child {
  background-color: #83A0AA;
  color: #fff;
}

.recap-table > tbody > tr.td-row > td:last-child label {
  font-weight: 600;
  padding-top: 7px;
}

.recap-table > tbody .answer {
  display: none;
}

.recap-table > tbody .square-icon .fas {
  font-size: 28px;
  color: #fff;
}

.recap-table > tbody .square-icon .fa-check,
.recap-table > tbody .square-icon .fa-times {
  padding-top: 9px;
}

.recap-table > tbody .square-icon .fa-check {
  padding-left: 3px;
}

.recap-table > tbody .square-icon img {
  transform: translate(-1px, 1px);
  width: 30px;
  height: 30px;
}

.recap-table > tfoot > tr.last-row > td:first-child {
  padding-right: 10px;
  text-align: right;
}

.recap-table > tfoot > tr.last-row > td {
  height: 70px;
  background-color: #83A0AA;
  border: 15px solid #fff;
  color: #fff !important;
}

.recap-table > tfoot > tr.last-row > td,
.recap-table > tfoot > tr.last-row > td label {
  font-weight: 600;
  transform: translateY(2px);
}

.recap-table > tfoot > tr.last-row > td:nth-child(n + 2) {
  text-align: center;
}

.participant-summary .question-report .blank .option_value {
  width: min-content;
}

.participant-summary .question-report .blank .text-description.answer-participant {
  margin-top: 14px !important;
}

.page-participant-activity .portlet-title.page-bar,
.page-report-details .portlet-title.page-bar {
  padding-bottom: 8px;
  border-bottom: 1px solid #B8C1BF;
  font-weight: 500;
  border: none;
}

.page-participant-activity .portlet-title.page-bar .caption.btn-group,
.page-report-details .portlet-title.page-bar .caption.btn-group {
  float: left;
  margin-right: 10px;
  display: block;
}

.page-participant-activity .portlet-title.page-bar .panel-multi-select,
.page-report-details .portlet-title.page-bar .panel-multi-select {
  float: right;
  padding-top: 10px;
  padding-right: 10px;
}

.page-participant-activity .portlet-title.page-bar .panel-multi-select .fas,
.page-report-details .portlet-title.page-bar .panel-multi-select .fas {
  font-size: 25px !important;
}

.page-participant-activity .portlet-title.page-bar label.mt-radio,
.page-report-details .portlet-title.page-bar label.mt-radio {
  padding-top: 2px;
  margin-bottom: 12px !important;
}

.page-participant-activity .portlet-title.page-bar li img,
.page-report-details .portlet-title.page-bar li img {
  width: 40px;
  transform: translateY(-3px);
  border-radius: 25px !important;
  margin-left: 10px;
  margin-right: 10px;
}

.page-participant-activity .portlet-title.page-bar ul.page-breadcrumb,
.page-report-details .portlet-title.page-bar ul.page-breadcrumb {
  padding-bottom: 10px;
}

.page-participant-activity .portlet-title.page-bar ul.page-breadcrumb .box-icon,
.page-report-details .portlet-title.page-bar ul.page-breadcrumb .box-icon {
  width: 80px !important;
}

.page-participant-activity .portlet-title.page-bar ul.page-breadcrumb li.title-name,
.page-report-details .portlet-title.page-bar ul.page-breadcrumb li.title-name {
  font-weight: 700;
  font-size: 20px;
  margin-left: 3px;
}

.page-participant-activity .portlet-title.page-bar ul.page-breadcrumb li,
.page-report-details .portlet-title.page-bar ul.page-breadcrumb li {
  color: #6C7F85;
}

.page-participant-activity .portlet-title.page-bar ul.page-breadcrumb li.organisation,
.page-report-details .portlet-title.page-bar ul.page-breadcrumb li.organisation,
.page-participant-activity .portlet-title.page-bar ul.page-breadcrumb li.externalId,
.page-report-details .portlet-title.page-bar ul.page-breadcrumb li.externalId {
  font-size: 18px;
  margin-left: 15px;
}

.page-participant-activity .portlet-title.page-bar ul.page-breadcrumb li.externalId,
.page-report-details .portlet-title.page-bar ul.page-breadcrumb li.externalId {
  text-transform: uppercase;
}

.page-participant-activity .portlet-title.page-bar {
  border-bottom: 1px solid #B8C1BF;
}

.page-participant-activity .portlet-body .caption.btn-group {
  float: left;
  margin-right: 10px;
  display: block;
}

.page-participant-activity .portlet-body div.filter input {
  max-height: 34px !important;
}

.page-participant-activity .portlet-body div.filter span.glyphicon-search {
  right: 13px !important;
  top: 9px !important;
  font-size: 20px !important;
  color: #B8C1BF !important;
}

.page-participant-activity .title-tab > .col-status {
  padding-left: 8px !important;
}

.page-participant-activity .ui-list .center-horizon {
  padding-top: 10px;
}

.page-report #tab_1_2 .col-status {
  min-width: 100px;
}

.noAnswer {
  color: #EF5E7D;
  font-weight: 500;
  font-size: 16px;
}

.noAnswer.free-answer {
  padding: 0;
}

.noAnswer:not(.free-answer) {
  padding: 10px 0;
}

#printable_content {
  padding: 0 15px;
}

#printable_content.current-print {
  width: 1120px;
  min-width: 1120px;
  max-width: 1120px;
}

.postItTextStyle p {
  margin-left: 10px;
  margin-top: 0;
}

.postItTextStyle img {
  height: 70px;
}

.container-download.prepare-download.prepare-download-without-image > .postit-arrival {
  aspect-ratio: 1.77!important;
  width: 100%;
}

.container-download.prepare-download.prepare-download-wall {
  width: fit-content;
  aspect-ratio: auto!important;
  flex-wrap: wrap;
}

.container-download.prepare-download .postit-arrival.wall-column {
  flex-wrap: wrap;
}

.container-download.prepare-download .postit-arrival .postit-content {
  height: 90%;
}

.container-download.prepare-download .postit-arrival .postit-content .info,
.container-download.prepare-download .postit-arrival .postit-content .nbLike,
.container-download.prepare-download .postit-arrival .postit-content .by {
  position: relative!important;
}

.container-download.prepare-download .postit-arrival .postit-content .info .far,
.container-download.prepare-download .postit-arrival .postit-content .nbLike .far,
.container-download.prepare-download .postit-arrival .postit-content .by .far {
  height: 18px;
}

.container-download.prepare-download .postit-arrival .postit-content .nbLike {
  bottom: -5px;
}

.container-download.prepare-download .postit-arrival .postit-content .by {
  bottom: 6px;
}

.updatebox .content {
  width: 500px;
}

.updatebox h3 {
  margin-top: 38px;
}

.updatebox h4 {
  min-height: 19px;
  margin: 10px 0 20px 0;
  font-size: 14px;
}

.updatebox ul {
  list-style-type: decimal;
  padding: 0 15px 0 40px;
}

.updatebox ul li {
  line-height: 36px;
  font-size: 16px;
}

.updatebox ul li.todo {
  color: #bababa;
}

.updatebox ul li.do {
  color: #000;
}

.updatebox ul li i {
  float: right;
  margin-top: 11px;
}

.updatebox ul li i.fa-check {
  color: green;
}

.updatebox ul li i.fa-sync {
  color: black;
}

.updatebox ul li i.fa-times {
  color: darkred;
}

.updatebox ul li i.fa-question {
  color: #e59400;
}

.updatebox ul li .btn {
  float: right;
  width: inherit;
  padding: 7px 15px !important;
}

.updatebox ul li .alert {
  padding: 10px 15px;
  font-size: 14px;
  line-height: 20px;
  margin: 10px 0;
}

.updatebox hr {
  border-top-color: #777;
}

.updatebox .current-error,
.updatebox .current-state {
  margin: 0 -10px;
}

.updatebox .current-error > div,
.updatebox .current-state > div {
  padding: 0 20px 10px;
}

.updatebox .current-error > div h4,
.updatebox .current-state > div h4 {
  font-size: 16px;
}

.updatebox .current-state {
  text-align: center;
}

.updatebox .current-state .btn {
  margin: 15px 0 0;
  width: auto;
}

.page-live-chat .live-top {
  padding: 5px 0 15px 0;
}

.page-live-chat .live-top .text-right i.fa,
.page-live-chat .live-top .text-right .fas,
.page-live-chat .live-top .text-right .far {
  padding-right: 5px;
}

.page-live-chat .preference {
  margin-right: 15px;
}

.page-live-chat .bootstrap-switch {
  margin-left: 20px;
}

.bootstrap-switch-id-liveMessage {
  margin-right: 10px;
}

.ngdialog-live-chat .ngdialog-content {
  position: relative;
  width: 90%;
  height: 760px;
  margin-top: 3%;
  margin-left: 5%;
}

.ngdialog-live-chat .live-top {
  padding: 15px;
}

.ngdialog-live-chat .live-top i {
  font-size: 14px;
  margin-right: 5px;
}

.ngdialog-live-chat .live-top i.fa-times {
  font-size: 26px;
  color: #000;
  margin-left: 16px;
  vertical-align: -4px;
}

.user-moderator.panel-right-open #livechat.show {
  width: calc(100% - 350px);
}

.user-moderator #livechat {
  color: #333;
  position: fixed;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background-color: white;
  z-index: 2002;
}

.user-moderator #livechat .top {
  background-color: #00b5e2;
  height: 91px;
  width: 100%;
  margin-bottom: 20px;
  position: relative;
}

.user-moderator #livechat .top .title {
  padding: 34px 0 0 18px;
  font-size: 24px;
  font-weight: 500;
  color: #fff;
}

.user-moderator #livechat .top a.closer {
  padding: 15px;
  display: inline-block;
  color: #fff;
  position: absolute;
  right: 10px;
  top: 25px;
}

.user-moderator #livechat.show {
  left: 0;
  width: 100%;
  transition: left ease-in-out 0.3s;
}

.user-moderator #livechat .page-briefcase,
.user-moderator #livechat .page-live-chat {
  padding: 0 15px 0 20px;
}

.user-moderator #livechat .top {
  background-color: #fbbf2d;
}

.user-moderator #chats {
  border: 1px solid #ddd;
  margin-top: 0;
  padding: 0;
}

.user-moderator #chats .form-cont {
  border-top: 1px solid #ddd;
  padding: 10px 8px 10px 10px;
  background-color: #e9eff3;
}

.user-moderator #chats .slimScrollDiv {
  margin-right: -1px;
}

.user-moderator #chats .chat-form {
  border-top: 0;
  margin-top: 0;
  padding: 0;
  background-color: #fff;
}

.user-moderator #chats .chat-form .writers {
  padding: 10px 10px 10px 12px;
  min-height: 40px;
  font-size: 13px;
  font-style: italic;
  border-top: 1px solid #ddd;
}

.user-moderator #chats .chat-form .writers i.fa,
.user-moderator #chats .chat-form .writers .fas,
.user-moderator #chats .chat-form .writers .far {
  margin-right: 5px;
  font-size: 19px;
  vertical-align: -2px;
  color: #1c536f;
}

.user-moderator .chats {
  margin: 0;
}

.user-moderator .chats li {
  margin: 0 auto 5px 0;
}

.user-moderator .chats li .body {
  font-size: 14px;
  overflow-wrap: break-word;
}

.user-moderator .chats li .datetime {
  color: #a0a0a0;
  margin-left: 8px;
}

.user-moderator .chats li .avatar {
  border-radius: 4px !important;
}

.user-moderator .chats li .name {
  color: #3590c1;
}

.user-moderator .chats li .liker {
  color: #1c536f;
  margin-left: 8px;
}

.user-moderator .chats li .liker i {
  font-size: 14px;
}

.user-moderator .chats li .message {
  margin: 0 65px;
}

.user-moderator .chats li .like {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

.user-moderator .chats li .like a {
  position: absolute;
  right: 6px;
  top: 6px;
  font-size: 26px;
}

.user-moderator .chats li .like a.not-liked {
  color: #aaa;
}

.user-moderator .chats li .like a.liked {
  color: #1c536f;
}

.user-moderator .chats li.moderator .name {
  color: red;
  font-weight: bold;
}

.user-moderator .chats li.moderator .avatar {
  border: 1px solid red;
}

.user-moderator .chats li.moderator .body {
  font-weight: bold;
}

.user-moderator .chats li.in {
  margin: 0 15px;
}

.user-moderator .chats li.in .message {
  padding: 5px 50px 5px 5px;
}

.user-moderator .chats li.out {
  margin: 0 15px;
}

.user-moderator .chats li.system {
  padding: 6px;
  text-align: center;
  background-color: #fafafa;
  color: #777;
  margin: 10px 0 5px 0;
  font-size: 13px;
  width: calc(100% - 1px);
}

.user-moderator .chat-form {
  border-top: 1px solid #ddd;
}

.user-moderator .chat-form .input-cont {
  margin-right: 3px;
}

.user-moderator .chat-form .input-cont input {
  padding-right: 54px;
}

.user-moderator .chat-form .btn-cont .btn {
  height: 34px;
}

.user-moderator .disabled {
  cursor: not-allowed;
  opacity: 0.65;
  pointer-events: none;
}

.user-moderator .scroller {
  padding-left: 12px;
}

.user-moderator .writers .mlength {
  font-style: normal;
  margin-right: 3px;
}

.badge-livechat {
  top: 10px !important;
  right: 22px !important;
  padding: 5px 6px !important;
  height: 24px;
}

.user-participant.showLivechat {
  width: calc(100% - 360px);
  margin-left: 360px !important;
  transition: margin-left ease-in-out 0.3s, width ease-in-out 0.3s;
}

.user-participant.showLivechat.showVirtualRoom {
  width: calc(100% - 640px);
  margin-left: 640px !important;
  transition: margin-left ease-in-out 0.3s, width ease-in-out 0.3s;
}

.user-participant.showLivechat #control-menu-participant {
  padding-top: 7px;
  left: 0px !important;
  transition: left ease-in-out 0.3s;
  transition-delay: 60ms;
}

.user-participant.showLivechat .ui-feedback {
  width: calc(100% - 360px);
}

.user-participant #chats.show {
  left: 0px;
  position: fixed;
}

.user-participant.showVirtualRoom #chats.show {
  left: 320px;
}

.user-participant #chats {
  position: absolute;
  top: 0;
  left: -105%;
  width: 360px;
  height: calc(100% - 1px);
  z-index: 101;
  background-color: #fff;
  transition: left ease-in-out 0.3s;
}

.user-participant #chats .show {
  transition: left ease-in-out 0.3s;
}

.user-participant #chats header {
  position: relative;
  height: 60px;
  width: 360px;
}

.user-participant #chats header .title {
  padding: 15px 15px 0 45px;
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
  color: #6C7F85;
}

.user-participant #chats header a {
  position: absolute;
  top: 40px;
  right: 24px;
}

.user-participant #chats section {
  height: calc(100% - 152px);
}

.user-participant #chats section .chats {
  margin-top: 0;
  padding-bottom: 16px;
}

.user-participant #chats section .chats li {
  margin: 10px auto 0 0;
  padding: 5px 0 0 0;
}

.user-participant #chats section .chats li iframe {
  margin-top: 6px;
  border: 0;
}

.user-participant #chats section .chats li.in .avatar {
  margin: 6px 0 0 48px;
}

.user-participant #chats section .chats li.in .message {
  background-color: #EFF4F4;
  margin-right: 15px;
  margin-left: 95px;
}

.user-participant #chats section .chats li.in .message .name {
  color: #B8C1BF;
}

.user-participant #chats section .chats li.in .message .body {
  color: #6C7F85;
}

.user-participant #chats section .chats li.in .datetime {
  margin-left: 97px;
}

.user-participant #chats section .chats li.out .avatar {
  margin: -2px 18px 0 0px;
}

.user-participant #chats section .chats li.out .message {
  float: right;
  background-color: #36c1c4;
  margin-left: 15px;
  margin-right: 13px;
}

.user-participant #chats section .chats li.out .message .body {
  color: #fff;
}

.user-participant #chats section .chats li.out .datetime {
  margin-right: 66px;
}

.user-participant #chats section .chats li.in iframe,
.user-participant #chats section .chats li.out iframe {
  width: 100%;
  height: 150px;
}

.user-participant #chats section .chats li.in .avatar,
.user-participant #chats section .chats li.out .avatar {
  width: 36px;
  height: 36px;
  border-radius: 18px !important;
}

.user-participant #chats section .chats li.in .message,
.user-participant #chats section .chats li.out .message {
  font-weight: 500;
  width: 190px;
  border: 0;
  border-radius: 10px !important;
  padding: 8px 12px;
  font-size: 13px;
}

.user-participant #chats section .chats li.in .message .body,
.user-participant #chats section .chats li.out .message .body {
  text-align: justify;
  overflow-wrap: break-word;
}

.user-participant #chats section .chats li.in .datetime,
.user-participant #chats section .chats li.out .datetime {
  font-weight: 500;
  clear: both;
  margin-top: 4px;
  font-size: 12px;
  color: #B8C1BF;
  padding-top: 2px;
}

.user-participant #chats footer {
  position: absolute;
  bottom: 0;
  height: 62px;
  width: 360px;
}

.user-participant #chats footer textarea {
  position: absolute;
  top: 0;
  width: 292px;
  height: 55px;
  line-height: 15px!important;
  font-weight: 400;
  font-size: 12px;
  color: #6C7F85;
  background-color: #EFF4F4;
  border-radius: 15px!important;
  border: none;
  margin-left: 45px;
  padding: 10px 55px 0 22px;
}

.user-participant #chats footer textarea:hover,
.user-participant #chats footer textarea:focus,
.user-participant #chats footer textarea:active {
  border: 0 !important;
  outline: none;
}

.user-participant #chats footer a {
  position: absolute;
  top: 18px;
  right: 38px;
  color: #36c1c4;
}

#chats_button {
  position: fixed;
  bottom: 26px;
  right: 26px;
  cursor: pointer;
  height: 36px;
  width: 36px;
  background-color: #FBBF2D;
  border-radius: 50px !important;
  z-index: 1000;
}

#chats_button img {
  margin: 10px 0 0 8px;
}

#chats_button .newMessageBubble {
  background-color: #e7505a;
  border-radius: 50px !important;
  top: -10px;
  right: -5px;
  position: absolute;
  text-align: center;
  height: 20px;
  width: 20px;
  font-size: 15px;
}

.page-edit-whiteboard .order-list {
  margin: 2px 0 5px 0;
}

.page-edit-whiteboard .order-list i.fa,
.page-edit-whiteboard .order-list .fas,
.page-edit-whiteboard .order-list .far {
  margin-right: 6px;
}

.page-edit-whiteboard #tab_1_2 .ui-list .filter {
  margin-bottom: 10px;
}

.page-edit-whiteboard #tab_1_2 .ui-list .bloc-container {
  padding: 0 5px 8px 5px;
}

.page-edit-whiteboard #tab_1_2 .ui-list .bloc-container .bloc-content {
  border-radius: 7px!important;
  position: relative;
  border: 1px solid #00000055;
  font-size: 22px;
  text-align: center;
  height: 200px;
  background-position: top center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  overflow: hidden;
}

.page-edit-whiteboard #tab_1_2 .ui-list .bloc-container .bloc-content:hover .bloc-count {
  transition: opacity 0.2s;
  opacity: 0;
}

.page-edit-whiteboard #tab_1_2 .ui-list .bloc-container .bloc-content:hover .bloc-title {
  transition: opacity 0.2s;
  opacity: 1;
}

.page-edit-whiteboard #tab_1_2 .ui-list .bloc-container .bloc-content:hover .bloc-delete {
  transition: opacity 0.2s;
  opacity: 1;
}

.page-edit-whiteboard #tab_1_2 .ui-list .bloc-container .bloc-content:hover .bloc-goto {
  transition: opacity 0.2s;
  opacity: 1;
}

.page-edit-whiteboard #tab_1_2 .ui-list .bloc-container .bloc-content .bloc-count {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1;
  color: #fff;
  background-color: #000000aa;
  font-size: 22px;
  text-align: right;
  padding: 3px 10px;
}

.page-edit-whiteboard #tab_1_2 .ui-list .bloc-container .bloc-content .bloc-goto {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  color: #fff;
  background-color: #49C15D;
  font-size: 22px;
  padding: 3px 10px;
  cursor: pointer;
}

.page-edit-whiteboard #tab_1_2 .ui-list .bloc-container .bloc-content .bloc-delete {
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0;
  color: #fff;
  background-color: #EF5E7D;
  font-size: 22px;
  padding: 3px 10px;
  cursor: pointer;
}

.page-edit-whiteboard #tab_1_2 .ui-list .bloc-container .bloc-content .bloc-title {
  position: absolute;
  bottom: 0;
  opacity: 0;
  background-color: #000000aa;
  font-size: 14px;
  color: #fff;
  width: 100%;
  padding: 5px;
  text-align: center;
  cursor: pointer;
}

.page-edit-whiteboard #tab_1_2 .ui-list .bloc-container .addnew {
  text-decoration: none;
}

.page-edit-whiteboard #tab_1_2 .ui-list .bloc-container .addpage {
  position: relative;
  height: 70px;
  margin-top: 22px;
}

.page-edit-whiteboard #tab_1_2 .ui-list .bloc-container .addpage i.fa,
.page-edit-whiteboard #tab_1_2 .ui-list .bloc-container .addpage .fas,
.page-edit-whiteboard #tab_1_2 .ui-list .bloc-container .addpage .far {
  position: absolute;
}

.page-edit-whiteboard #tab_1_2 .ui-list .bloc-container .addpage i.fa.fa-file-o {
  font-size: 70px;
  line-height: 70px;
  left: 50%;
  margin-left: -30px;
}

.page-edit-whiteboard #tab_1_2 .ui-list .bloc-container .addpage i.fa.fa-plus-circle {
  position: absolute;
  font-size: 30px;
  left: 50%;
  margin-left: -13px;
  top: 36px;
}

.page-edit-page-whiteboard .editor {
  padding: 8px 0 15px 0;
}

.page-edit-page-whiteboard div.layout {
  margin: 0 auto;
}

.page-edit-page-whiteboard .portlet.light,
.whiteboard-live .portlet.light {
  padding-left: 60px;
  padding-right: 60px;
  margin-bottom: 150px;
}

.page-edit-page-whiteboard .portlet-body,
.whiteboard-live .portlet-body {
  padding-top: 4px !important;
}

.page-edit-page-whiteboard .portlet-title > div,
.whiteboard-live .portlet-title > div {
  padding-left: 0;
}

.page-edit-page-whiteboard .portlet-title > div ul,
.whiteboard-live .portlet-title > div ul {
  padding-left: 0;
}

.page-edit-page-whiteboard .btn-group-end,
.whiteboard-live .btn-group-end {
  margin-left: 0 !important;
  padding-left: 0 !important;
}

.page-edit-page-whiteboard .editor,
.whiteboard-live .editor {
  margin-top: 50px;
}

.page-edit-page-whiteboard .caption-subject,
.whiteboard-live .caption-subject {
  font-size: 26px;
  line-height: 26px;
  padding: 4px 2px;
  border: 1px solid #6C7F85;
  border-radius: 5px !important;
}

.page-edit-page-whiteboard .caption-subject .fa-pencil,
.whiteboard-live .caption-subject .fa-pencil {
  margin-left: 10px;
  vertical-align: 1px;
  color: #22373F;
}

.page-edit-page-whiteboard div.layout,
.whiteboard-live div.layout {
  width: 800px;
  height: 450px;
  position: relative;
  border: 1px solid #aaa;
  box-shadow: 5px 5px 0 0 #d4d4d4;
  display: inline-block;
}

.page-edit-page-whiteboard div.layout .editor-bloc,
.whiteboard-live div.layout .editor-bloc {
  z-index: 2;
  position: absolute;
  top: 10px;
  left: 10px;
  min-height: 29px !important;
  overflow: hidden;
}

.page-edit-page-whiteboard div.layout .editor-bloc.type-text,
.whiteboard-live div.layout .editor-bloc.type-text {
  background-color: transparent;
  border: 1px solid transparent;
}

.page-edit-page-whiteboard div.layout .editor-bloc.type-arrow,
.whiteboard-live div.layout .editor-bloc.type-arrow {
  border: 1px solid transparent;
}

.page-edit-page-whiteboard div.layout .editor-bloc .ui-resizable-handle,
.whiteboard-live div.layout .editor-bloc .ui-resizable-handle {
  visibility: hidden;
}

.page-edit-page-whiteboard div.layout .editor-bloc:hover,
.whiteboard-live div.layout .editor-bloc:hover {
  overflow: visible;
}

.page-edit-page-whiteboard div.layout .editor-bloc:hover.type-text,
.whiteboard-live div.layout .editor-bloc:hover.type-text {
  background-color: #fff3;
  border: 1px solid #c2cad8;
}

.page-edit-page-whiteboard div.layout .editor-bloc:hover.type-arrow,
.whiteboard-live div.layout .editor-bloc:hover.type-arrow {
  border: 1px solid #c2cad8;
}

.page-edit-page-whiteboard div.layout .editor-bloc:hover .ui-resizable-handle,
.whiteboard-live div.layout .editor-bloc:hover .ui-resizable-handle {
  visibility: visible;
}

.page-edit-page-whiteboard div.fixedratio_169,
.whiteboard-live div.fixedratio_169 {
  padding-top: 56.25%;
  background-size: contain;
  -moz-background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.page-edit-page-whiteboard div.fixedratio_43,
.whiteboard-live div.fixedratio_43 {
  padding-top: 75%;
  background-size: contain;
  -moz-background-size: contain;
  background-position: top center;
  background-repeat: no-repeat;
}

.page-edit-page-whiteboard input[type="color"],
.whiteboard-live input[type="color"] {
  background-color: #fff;
  width: 32px;
  height: 34px;
  cursor: pointer;
}

.page-edit-page-whiteboard .btn-action .btn,
.whiteboard-live .btn-action .btn {
  text-align: center;
  width: 40px;
}

.page-edit-page-whiteboard .btn-element,
.whiteboard-live .btn-element {
  margin-right: 10px;
}

.page-edit-page-whiteboard .editor-bloc.type-text,
.whiteboard-live .editor-bloc.type-text {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  padding: 4px 5px;
  min-height: 28px;
  min-width: 135px;
}

.page-edit-page-whiteboard .editor-bloc.type-text .content-text,
.whiteboard-live .editor-bloc.type-text .content-text {
  height: 100%;
}

.page-edit-page-whiteboard .editor-bloc.type-rectangle,
.whiteboard-live .editor-bloc.type-rectangle {
  border: 3px solid red;
  min-height: 42px;
  min-width: 42px;
  background-color: transparent;
}

.page-edit-page-whiteboard .editor-bloc.type-rectangle .action,
.whiteboard-live .editor-bloc.type-rectangle .action {
  left: -33px !important;
  top: -3px !important;
}

.page-edit-page-whiteboard .editor-bloc.type-arrow,
.whiteboard-live .editor-bloc.type-arrow {
  border: 1px solid #c2cad8;
  min-height: 42px;
  min-width: 60px;
}

.page-edit-page-whiteboard .editor-bloc.type-arrow .clip-arrow,
.whiteboard-live .editor-bloc.type-arrow .clip-arrow {
  /*
				-webkit-clip-path: polygon(40% 0, 40% 30%, 100% 30%, 100% 70%, 40% 70%, 40% 100%, 0% 50%);
				clip-path: polygon(40% 0, 40% 30%, 100% 30%, 100% 70%, 40% 70%, 40% 100%, 0% 50%);
				width: 100%;
				height: 100%;
				background-color: red;
				 */
  height: 100%;
  width: 100%;
  min-height: 29px;
  background-image: url(/images/arrow-red.png);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}

.page-edit-page-whiteboard .editor-bloc.type-image,
.whiteboard-live .editor-bloc.type-image {
  border: 1px solid #c2cad8;
}

.page-edit-page-whiteboard .editor-bloc.type-image img,
.whiteboard-live .editor-bloc.type-image img {
  width: 100%;
  height: 100%;
}

.page-edit-page-whiteboard .editor-bloc .action-container,
.whiteboard-live .editor-bloc .action-container {
  padding-top: 2px!important;
  border: 1px solid #c2cad8;
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
  background-color: #fff;
  position: absolute;
  left: -36px;
  top: -1px;
  height: 88px;
  text-align: center;
  width: 36px;
}

.page-edit-page-whiteboard .editor-bloc .action-container .action,
.whiteboard-live .editor-bloc .action-container .action {
  height: 28px;
  line-height: 28px;
  border-bottom: 1px solid #ddd;
}

.page-edit-page-whiteboard .editor-bloc .action-container .action:last-child,
.whiteboard-live .editor-bloc .action-container .action:last-child {
  border-bottom: none;
}

.page-edit-page-whiteboard .editor-bloc .action-container .action.movable,
.whiteboard-live .editor-bloc .action-container .action.movable {
  cursor: move;
}

.page-edit-page-whiteboard .editor-bloc .action-container .action.trash,
.whiteboard-live .editor-bloc .action-container .action.trash {
  cursor: pointer;
}

.page-edit-page-whiteboard .editor-bloc .action-container .action.angle i.fa.fa-arrow-up,
.whiteboard-live .editor-bloc .action-container .action.angle i.fa.fa-arrow-up {
  cursor: n-resize;
  margin-right: 4px;
}

.page-edit-page-whiteboard .editor-bloc .action-container .action.angle i.fa.fa-arrow-down,
.whiteboard-live .editor-bloc .action-container .action.angle i.fa.fa-arrow-down {
  cursor: s-resize;
}

.page-edit-page-whiteboard input.editable,
.whiteboard-live input.editable {
  margin-top: -3px;
  margin-left: -2px;
  width: 100%;
}

.page-edit-page-whiteboard .portlet-title.row,
.whiteboard-live .portlet-title.row {
  margin: 0 !important;
}

.page-edit-page-whiteboard ul.fontsize,
.whiteboard-live ul.fontsize {
  position: absolute;
  z-index: 1000;
  padding: 0;
  list-style-type: none;
  width: 40px;
  background-color: #fff;
  text-align: right;
  top: 34px;
  left: 99px;
  border: 1px solid #ccc;
  border-top: 0;
}

.page-edit-page-whiteboard ul.fontsize li,
.whiteboard-live ul.fontsize li {
  cursor: pointer;
  padding: 2px 5px;
  border-bottom: 1px solid #eee;
}

.page-edit-page-whiteboard ul.fontsize li:last-child,
.whiteboard-live ul.fontsize li:last-child {
  border-bottom: none;
}

.page-edit-page-whiteboard ul.fontsize li:hover,
.whiteboard-live ul.fontsize li:hover {
  font-weight: bold;
}

.page-edit-page-whiteboard .vignette-view,
.whiteboard-live .vignette-view {
  display: block;
}

.page-edit-page-whiteboard .vignettes,
.whiteboard-live .vignettes {
  display: inline-block;
  margin-top: 20px;
  background-color: #fff;
  position: relative;
  user-select: none;
}

.page-edit-page-whiteboard .vignettes .previous,
.whiteboard-live .vignettes .previous {
  left: -90px;
}

.page-edit-page-whiteboard .vignettes .next,
.whiteboard-live .vignettes .next {
  right: -90px;
}

.page-edit-page-whiteboard .vignettes .vignette-slider,
.whiteboard-live .vignettes .vignette-slider {
  display: inline-block;
}

.page-edit-page-whiteboard .vignettes .vignette-slider .vignette-container a,
.whiteboard-live .vignettes .vignette-slider .vignette-container a {
  text-decoration: none;
  display: block;
  margin-bottom: 6px;
  color: #151515;
}

.page-edit-page-whiteboard .vignettes .vignette-slider .vignette-container .vignette-counter,
.whiteboard-live .vignettes .vignette-slider .vignette-container .vignette-counter {
  display: inline-block;
  vertical-align: top;
  line-height: 60px;
  height: 60px;
}

.page-edit-page-whiteboard .vignettes .vignette-slider .vignette-container .vignette,
.whiteboard-live .vignettes .vignette-slider .vignette-container .vignette {
  display: inline-block;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin: 0 0 0 10px;
  border: 1px solid #37C1C433;
  cursor: pointer;
  width: 105px;
  height: 60px;
}

.page-edit-page-whiteboard .vignettes .vignette-slider .vignette-container .vignette:hover,
.whiteboard-live .vignettes .vignette-slider .vignette-container .vignette:hover {
  border: 1px solid #37C1C4aa;
}

.page-edit-page-whiteboard .vignettes .vignette-slider .vignette-container .vignette.current,
.whiteboard-live .vignettes .vignette-slider .vignette-container .vignette.current {
  border: 2px solid #37C1C4;
}

.whiteboard-live ul.nav-tabs {
  float: unset !important;
  vertical-align: bottom;
}

.whiteboard-live .actions {
  padding-bottom: unset !important;
}

.whiteboard-live .tab-content {
  overflow: auto;
}

.whiteboard-live .tab-content #expand {
  position: absolute;
  right: 70px;
  cursor: pointer;
  padding-top: 10px;
  z-index: 10;
}

.whiteboard-live .tab-pane {
  text-align: center;
  position: relative;
}

.whiteboard-live .tab-pane .portlet-body {
  display: inline-block;
  position: relative;
  min-width: 1242px;
}

.whiteboard-live .tab-pane .portlet-body .caption {
  max-width: 40px;
  margin-right: 0;
  margin-top: 20px;
  display: inline-block;
  vertical-align: top;
  position: absolute;
  border: solid 1px #c2cad8;
  border-radius: 20px !important;
  padding: 2px 0;
  text-align: center;
}

.whiteboard-live .tab-pane .portlet-body .caption .far,
.whiteboard-live .tab-pane .portlet-body .caption .fa {
  padding: 3px 0 0 1px;
}

.whiteboard-live .tab-pane .portlet-body .caption .fa-slideshare {
  font-size: large;
}

.whiteboard-live .tab-pane .portlet-body .caption .coAnimator {
  color: #A5DD43;
}

.whiteboard-live .tab-pane .portlet-body .caption .btn {
  border: none !important;
  text-align: center;
  width: 34px;
  padding: 0;
  height: 34px;
  border-radius: 40px !important;
}

.whiteboard-live .tab-pane .portlet-body .caption .btn.ml2 {
  margin-left: 2px;
}

.whiteboard-live .tab-pane .portlet-body .caption .btn:hover {
  background-color: #37C1C477;
  color: #fff;
}

.whiteboard-live .tab-pane .portlet-body .caption .splitter {
  width: 100%;
  height: 1px;
  background: #c2cad8;
  margin-bottom: 3px;
}

.whiteboard-live .tab-pane .portlet-body .caption #options {
  position: absolute;
  left: -250px;
  top: 15px;
  padding: 15px;
  background-color: #fff;
  z-index: 20;
  border: 1px solid #c2cad8;
  width: 250px;
  text-align: left;
  border-top-left-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}

.whiteboard-live .tab-pane .portlet-body .caption #options label {
  width: 126px;
  margin-bottom: 10px;
}

.whiteboard-live .tab-pane .portlet-body .layout {
  margin: 0 25px 0 5px;
}

.whiteboard-live .tab-pane .portlet-body .container {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.whiteboard-live .tab-pane .portlet-body .next,
.whiteboard-live .tab-pane .portlet-body .previous,
.whiteboard-live .tab-pane .portlet-body .numPage {
  display: inline-block;
  width: 36px;
  height: 36px;
  line-height: 36px;
  top: 5px;
  cursor: pointer;
  color: #36c1c4;
}

.whiteboard-live .tab-pane .portlet-body .next i.fas,
.whiteboard-live .tab-pane .portlet-body .previous i.fas,
.whiteboard-live .tab-pane .portlet-body .numPage i.fas {
  color: #fff !important;
  background-color: #36c1c4;
  width: 36px;
  height: 36px;
  line-height: 36px;
  border-radius: 50px !important;
  font-size: 20px;
}

.whiteboard-live .tab-pane .portlet-body .numPage {
  color: black;
  width: 90px;
}

.whiteboard-live .inputs {
  transform: translateY(-3px);
}

.whiteboard-live .inputs .mt-checkbox {
  margin-bottom: 0;
  margin-right: 10px;
  transform: translateY(-6px);
}

.whiteboard-live button.lazer-on {
  color: #fff;
  background-color: #F25F41;
}

.whiteboard-live .layout.lazer-on {
  cursor: url('/assets/images/red-dot.png'), auto;
}

.whiteboard-live .layout.pen-on {
  cursor: url('/assets/images/pen.png') 0 32, auto;
}

.whiteboard-live button.pen-on {
  color: #fff;
  background-color: #F25F41;
}

.whiteboard-live .layout #drawing {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}

.whiteboard-live .layout #drawing svg {
  width: 100%;
  height: 100%;
}

.whiteboard-live .layout #drawing .username {
  position: absolute;
  color: #fff;
  font-size: 10px;
  height: 17px;
  line-height: 15px;
  font-weight: 700;
  letter-spacing: 0;
  background-color: #000;
  padding: 1px 4px;
  border-radius: 4px !important;
  white-space: nowrap;
}

.whiteboard-live.expend-view .page-content {
  padding: 0 !important;
}

.whiteboard-live.expend-view .tabbable-line {
  display: none;
}

.whiteboard-live.expend-view .portlet.light {
  border-radius: 0 !important;
  min-height: calc(100vh - 68px);
  padding: 10px 20px;
}

.whiteboard-live.expend-view .page-bar .page-breadcrumb {
  padding: 10px 0 0 0;
}

.whiteboard-live [data-pen] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.whiteboard-live .pagination {
  text-align: center;
}

.showVirtualRoom .page-whiteboard-participant .whiteboard-participant {
  width: calc(100% - 320px) !important;
}

.showVirtualRoom .page-whiteboard-participant .whiteboard-participant .ratio:not(.fullscreen) {
  width: calc(70vw - 320px) !important;
  height: calc(39.375vw - 180px) !important;
}

.page-whiteboard-participant.pen-on #drawing {
  cursor: url('/assets/images/pen.png') 0 32, auto;
}

.page-whiteboard-participant .whiteboard-participant {
  width: 94vw;
  position: relative;
  background: #fff;
  border-radius: 15px !important;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  margin: 0 auto;
  padding: 20px 0 40px 0;
}

.page-whiteboard-participant .whiteboard-participant .question-title {
  color: #36c1c4;
  text-align: center;
  font-weight: 500;
  font-size: 23px;
  line-height: 23px;
  height: 23px;
  margin: 10px 0 25px 0;
}

.page-whiteboard-participant #whiteboard-screen {
  position: relative;
}

.page-whiteboard-participant .full-screen {
  position: absolute;
  height: 31px;
  width: 31px;
  opacity: 50%;
  z-index: 5;
  right: 20px;
  top: 20px;
  background-color: #6C7F85;
}

.page-whiteboard-participant .full-screen .fas {
  margin: 8px 0 0 6px;
  color: #fff;
  font-size: 22px;
}

.page-whiteboard-participant .full-screen:hover {
  opacity: 100%;
}

.page-whiteboard-participant .layout {
  position: relative;
  background-color: #fff;
  margin: 0 auto;
  font-family: "Open Sans", sans-serif;
}

.page-whiteboard-participant .layout .lazer-on {
  position: absolute;
}

.page-whiteboard-participant .layout .page-number {
  position: absolute;
  width: 50px;
  height: 60px;
  bottom: 0;
  right: 0;
  border-top-left-radius: 65px!important;
  background-color: #36c1c4;
  color: #fff;
  font-size: 21px;
  font-weight: 500;
  padding: 21px 24px;
}

.page-whiteboard-participant .layout .page-number.putOpacity {
  opacity: 0.2;
}

.page-whiteboard-participant .layout.fullscreen .ratio {
  width: 98vw;
  height: 55.125vw;
  border: none;
}

.page-whiteboard-participant .layout .ratio {
  width: 70vw;
  height: 39.375vw;
  margin: 0 auto;
  overflow: hidden;
  background-size: contain;
  -moz-background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-color: white;
  border: 1px solid #B8C1BF;
}

.page-whiteboard-participant .layout .editor-bloc {
  position: absolute;
  top: 10px;
  left: 10px;
  min-height: 29px !important;
  overflow: hidden;
}

.page-whiteboard-participant .layout .editor-bloc.type-text {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  padding: 4px 5px;
  min-height: 28px;
  min-width: 135px;
}

.page-whiteboard-participant .layout .editor-bloc.type-text .content-text {
  color: #333;
  height: 100%;
}

.page-whiteboard-participant .layout .editor-bloc.type-rectangle {
  border: 3px solid red;
  min-height: 42px;
  min-width: 42px;
  background-color: transparent;
}

.page-whiteboard-participant .layout .editor-bloc.type-arrow {
  min-height: 42px;
  min-width: 60px;
}

.page-whiteboard-participant .layout .editor-bloc.type-arrow .clip-arrow {
  -webkit-clip-path: polygon(40% 0, 40% 30%, 100% 30%, 100% 70%, 40% 70%, 40% 100%, 0% 50%);
  clip-path: polygon(40% 0, 40% 30%, 100% 30%, 100% 70%, 40% 70%, 40% 100%, 0% 50%);
  width: 100%;
  height: 100%;
  min-height: 29px;
  background-color: red;
}

.page-whiteboard-participant .layout .editor-bloc.type-image img {
  width: 100%;
  height: 100%;
}

.page-whiteboard-participant .layout .next {
  right: 0px;
}

.page-whiteboard-participant .layout .next,
.page-whiteboard-participant .layout .previous {
  width: 36px;
  height: 36px;
  position: absolute;
  line-height: 36px;
  top: 200px;
  cursor: pointer;
  color: #36c1c4;
  z-index: 10;
}

.page-whiteboard-participant .layout .next i.fas,
.page-whiteboard-participant .layout .previous i.fas {
  color: #fff !important;
  background-color: #36c1c4;
  width: 36px;
  height: 36px;
  line-height: 36px;
  border-radius: 50px !important;
  font-size: 20px;
}

.page-whiteboard-participant .layout .next i.fas:before,
.page-whiteboard-participant .layout .previous i.fas:before {
  position: absolute;
  left: 25%;
}

.page-whiteboard-participant .layout #drawing {
  position: absolute;
  top: 0;
  z-index: 5;
  width: 100%;
  height: 100%;
}

.page-whiteboard-participant .layout #drawing svg {
  width: 100%;
  height: 100%;
}

.page-whiteboard-participant .layout #drawing .username {
  position: absolute;
  color: #fff;
  font-size: 10px;
  height: 17px;
  line-height: 15px;
  font-weight: 700;
  letter-spacing: 0;
  background-color: #000;
  padding: 1px 4px;
  border-radius: 4px !important;
  white-space: nowrap;
}

.page-whiteboard-participant [data-pen] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.page-whiteboard-participant #mainframe.fullscreen {
  display: flex;
  align-items: center;
  justify-content: center;
}

.page-whiteboard-participant #mainframe.fullscreen .previous,
.page-whiteboard-participant #mainframe.fullscreen .next {
  top: 48%;
}

.page-whiteboard-participant #mainframe:not(.fullscreen) .previous,
.page-whiteboard-participant #mainframe:not(.fullscreen) .next {
  top: 50%;
}

@media (min-width: 1220px) {
  .user-participant .page-whiteboard-participant .previous {
    left: 30px;
  }

  .user-participant .page-whiteboard-participant .next {
    right: 15px;
  }
}

[contenteditable]:focus {
  outline: 0 solid transparent;
}

@font-face {
  font-family: 'montserrat';
  src: url('/fonts/Montserrat-Regular.otf') format('truetype');
}

html#projector {
  background-color: #37c1c4;
  font-family: 'Roboto', "Open Sans", sans-serif;
  font-style: normal;
  letter-spacing: .7px;
  font-weight: 300;
}

html#projector .top-left {
  position: absolute;
  top: 10px;
  left: 10px;
}

html#projector .top-left p {
  margin: 0;
}

html#projector .top-left p img {
  margin-bottom: 12px;
  margin-right: 8px;
}

html#projector .activity-type-whiteboard {
  background-color: #fff;
  height: 100vh;
}

html#projector .portlet-body {
  background-color: white;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  border-radius: 4px !important;
}

html#projector .live-view {
  color: black;
  padding: 10px;
}

html#projector .live-view .fa-check {
  color: #080;
}

html#projector .live-view .fa-times {
  color: #c00000;
}

html#projector .activity-table {
  margin-top: 10px;
}

html#projector .activity-table > thead > tr > th:first-child {
  padding: 10px;
}

html#projector .activity-table > tfoot > tr > td:first-child {
  padding: 10px;
}

html#projector .activity-table > tbody > tr.td-row > td {
  border: 5px solid #fff;
  text-align: center;
}

html#projector .activity-table > tbody > tr.td-row > td:nth-child(2) {
  width: 60px;
  min-width: 34px;
}

html#projector .activity-table > tbody > tr.td-row > td:first-child {
  padding: 10px;
}

html#projector .activity-table > tbody > tr.td-row > td .l-success {
  background-color: #70ad47 !important;
}

html#projector .activity-table > tbody > tr.td-row > td .l-danger {
  background-color: #c00000;
}

html#projector .activity-table > tbody > tr.td-row > td .l-none {
  background-color: #b4c9de;
}

html#projector .activity-table > tbody > tr.td-row > td .l-partial {
  background-color: #E46C0A;
}

html#projector .activity-table > tbody > tr.td-row > td .l-responded {
  background-color: #00bfff;
}

html#projector .activity-table > tbody > tr.td-row > td .l-not-responded {
  background-color: #333;
}

html#projector .activity-table > tbody > tr.td-row > td .l-none > label {
  background-color: #ffffff;
  display: block;
  height: 32px;
  margin: 1px;
}

html#projector .activity-type-cloudtag {
  background-color: #fff;
  height: auto!important;
}

html#projector .projector-message .countDown {
  border-radius: 20px !important;
  max-width: 25%;
  padding-top: 10px;
  padding-bottom: 10px;
  color: white;
  font-weight: 800;
  margin: 5px auto;
}

html#projector .projector-message .countDown .fas {
  padding-right: 10px;
}

html#projector .projector-message .countDown .fa-pause {
  animation: fadeIn .7s infinite alternate;
  padding-left: 15px;
}

html#projector .projector-message .countDown.green {
  background-color: #A5DD43;
}

html#projector .projector-message .countDown.yellow {
  background-color: #EACC4B;
}

html#projector .projector-message .countDown.orange {
  background-color: #FF866D;
}

html#projector .projector-message .countDown.red {
  background-color: #EF5E7D;
}

html#projector .projector-message .countDown .countdownFinished {
  animation: shake 1s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  transform: translateY(0);
  perspective: 1000px;
}

html#projector .container-message {
  max-width: 65%;
  background-color: white;
  padding: 0 20px;
  border-radius: 4px !important;
}

html#projector .container-message a {
  color: #3598dc !important;
}

html#projector .blockChrono {
  position: absolute;
  right: 30px;
  top: 10px;
  z-index: 5;
}

html#projector .blockChrono .chrono-timer {
  font-size: 18px;
  font-weight: bold;
  border-radius: 4px !important;
  background-color: unset;
  padding: 12px 10px 10px 10px;
  margin-top: 15px;
  height: 50px;
  width: 160px;
  text-align: center;
}

html#projector .blockChrono .light {
  border: 1px solid #fff;
  box-shadow: 0 0 10px rgba(226, 226, 226, 0.62);
}

html#projector .blockChrono .dark {
  border: 1px solid #898989;
  box-shadow: 0 0 10px rgba(157, 156, 156, 0.62);
  color: #898989;
}

html#projector .container-jauge {
  margin-top: 80px;
}

html#projector .jauge {
  margin-top: 20px;
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
}

html#projector .participant-jauge {
  margin-top: 5px;
}

html#projector .name {
  padding-top: 5px;
  text-align: right;
  font-size: 15px;
}

html#projector .progress-jauge {
  transition: width 1s;
  height: 10px;
  display: inline-block;
}

html#projector .progress-score {
  display: inline-block;
  width: 140px;
  margin-left: 5px;
}

html#projector .activity-progress {
  text-shadow: 1px 1px 2px #000;
  margin-top: 150px;
  line-height: 60px;
  font-size: 36px;
  text-align: center;
}

html#projector .noaccess {
  text-align: center;
  margin: 150px auto 40px;
}

html#projector .noaccess h1 {
  text-shadow: 1px 1px 2px #000;
  margin-bottom: 30px;
}

html#projector .noaccess h2 {
  text-shadow: 1px 1px 2px #000;
}

html#projector .showaccess .access .url {
  word-break: break-all;
}

html#projector .showaccess .access .logo {
  margin: 100px 0 60px 0;
}

html#projector .showaccess .access ol {
  font-size: 30px;
  font-weight: bold;
}

html#projector .showaccess .access ol li {
  margin-bottom: 40px;
}

html#projector .showaccess .access ol li:last-child {
  margin-bottom: 0;
}

html#projector .showaccess .access ol li span {
  font-size: 24px;
  font-weight: normal;
}

html#projector .showaccess .room {
  height: 100vh;
  background-color: #fff;
}

html#projector .showaccess .room .margin-offset-1 {
  margin-left: 8.33333%;
}

html#projector .showaccess .room h1 {
  margin: 100px 0 50px 0;
  color: #0297E0;
  font-size: 24px;
}

html#projector .showaccess .room .moderator .thumb {
  display: inline-block;
  width: 120px;
  height: 120px;
  border-radius: 200px !important;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

html#projector .showaccess .room .moderator .name {
  display: inline-block;
  vertical-align: top;
  color: #131414;
  font-size: 30px;
  margin: 12px 0 0 40px;
}

html#projector .showaccess .room .users {
  margin: 80px 0 30px 0;
}

html#projector .showaccess .room .users h2 {
  color: #03D4C1;
  margin: 0 0 35px 0;
  font-size: 24px;
}

html#projector .showaccess .room .users .whos {
  display: inline-block;
  width: 150px;
  margin-bottom: 20px;
}

html#projector .showaccess .room .users .whos .thumb {
  width: 100px;
  height: 100px;
  margin: 0 0 10px 25px;
  border-radius: 200px !important;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border: 4px solid #03D4C1;
}

html#projector .showaccess .room .users .whos .name {
  color: #131414;
  font-size: 18px;
  text-align: center;
  overflow: hidden;
  letter-spacing: .5px;
}

html#projector .showaccess .blockChrono .chrono-timer {
  position: relative !important;
  z-index: 1;
}

html#projector body {
  background: none;
  color: #fff;
}

html#projector body .activity-type-whiteboard {
  background-color: #fff;
  height: 100vh;
}

html#projector h1,
html#projector h2,
html#projector h3,
html#projector h4,
html#projector h5,
html#projector h6,
html#projector div,
html#projector p,
html#projector span,
html#projector a {
  font-family: 'montserrat', "Open Sans", sans-serif;
}

html#projector h3 {
  text-shadow: 1px 1px 2px #000;
}

html#projector #container-activity {
  transition: width .5s;
}

html#projector #container-message {
  background: #fff;
}

html#projector #container-message.with-livemessage {
  animation: opacityAnimation1 1s;
}

html#projector #container-message.without-livemessage {
  animation: opacityAnimation2 1s;
}

@keyframes opacityAnimation1 {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes opacityAnimation2 {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@keyframes scaleAnimation1 {
  0% {
    transform: scale(0);
  }

  100% {
    transform: scale(1);
  }
}

html#projector .col-xs-0 {
  width: 0;
}

html#projector .quiz {
  margin: 20px auto 40px;
}

html#projector .quiz .title {
  text-align: center;
  font-size: 20px;
  margin: 30px 0 100px;
}

@media (max-width: 991px) {
  html#projector .quiz .title {
    margin: 20px 0 50px;
  }
}

html#projector .quiz img {
  margin: 0 auto 25px auto;
  width: 100%;
  border-radius: 8px !important;
  box-shadow: 0 0 10px #0000009e;
}

html#projector .quiz h2 {
  text-shadow: 1px 1px 2px #00000080;
  margin-bottom: 30px;
  line-height: 40px;
}

html#projector .quiz h3 {
  text-shadow: 1px 1px 2px #000;
}

html#projector .quiz h4 {
  text-shadow: 1px 1px 2px #000;
}

html#projector .quiz #zone {
  position: relative;
  max-width: 400px;
  margin: 20px auto;
}

html#projector .quiz #zone img {
  width: 100%;
  margin: 0 auto;
}

html#projector .quiz #zone .type-rectangle {
  position: absolute;
  background-color: #fffa;
}

html#projector .quiz #zone .type-rectangle.correct {
  border: 3px solid green;
}

html#projector .quiz #zone .type-rectangle.no-correct {
  border: 3px solid red;
}

html#projector .quiz #zone .type-rectangle .answer {
  color: #000;
  font-size: 20px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

html#projector .quiz .option .matchitem-option-img {
  box-shadow: none;
  margin: 10px auto;
  max-height: 200px;
  max-width: 100%;
  width: auto;
}

html#projector .quiz .question .question-number {
  margin-bottom: 40px;
  font-size: 22px;
  letter-spacing: 1px;
  color: #fff8;
}

html#projector .quiz .question .question-label {
  color: #fff;
  font-size: 26px;
  line-height: 38px;
  font-weight: 600;
  letter-spacing: 1px;
  margin-bottom: 40px;
}

html#projector .quiz .responses .options {
  height: 60px;
  border-radius: 6px !important;
  width: 100%;
  margin-bottom: 25px;
}

html#projector .quiz .responses .options .option {
  position: relative;
  display: inline-block;
  z-index: 20;
  font-size: 16px;
  color: #000;
  background-color: #fff;
  border-radius: 6px !important;
  text-align: left;
  min-height: 60px;
  width: calc(100% - 100px);
  padding: 10px 15px 15px 9px;
  border-left: 6px solid #fff;
  overflow: hidden;
  font-weight: 600;
  transition: all 0.5s;
}

html#projector .quiz .responses .options .option.show-answers.ans-correct {
  border-left: 6px solid #50D0B9;
}

html#projector .quiz .responses .options .option.show-answers.ans-incorrect {
  border-left: 6px solid #E02E53;
}

html#projector .quiz .responses .options .option .percent {
  position: absolute;
  height: 10px;
  bottom: 0;
  left: 0;
  z-index: 30;
  width: 0;
  transition: all 0.5s;
}

html#projector .quiz .responses .options .option .percent.ans-correct {
  background-color: #50D0B9;
}

html#projector .quiz .responses .options .option .percent.ans-incorrect {
  background-color: #E02E53;
}

html#projector .quiz .responses .options .stats {
  position: absolute;
  height: 60px;
  line-height: 22px;
  display: inline-block;
  width: 90px;
  opacity: 1;
  margin-left: 30px;
}

html#projector .quiz .responses .options .stats.ng-hide {
  opacity: 0;
}

html#projector .quiz .responses .options .stats .percent {
  font-size: 30px;
  font-weight: 700;
  margin: 10px 0 8px 0;
}

html#projector .quiz .responses .options .stats .nbrep {
  font-size: 16px;
}

html#projector .message {
  padding-top: 30px;
  margin: 20px auto 40px;
}

html#projector .message img {
  margin: 25px auto;
  max-width: 60%;
}

html#projector .message h2 {
  color: black;
}

html#projector .message h3 {
  text-shadow: 1px 1px 2px #000;
  margin-bottom: 75px;
}

html#projector .url,
html#projector .file,
html#projector .elearning {
  margin: 20px auto;
}

html#projector .url h3,
html#projector .file h3,
html#projector .elearning h3 {
  text-shadow: 1px 1px 2px #000;
  margin-bottom: 75px;
}

html#projector .url {
  margin-bottom: 0;
}

html#projector .url h3 {
  text-shadow: 1px 1px 2px #000;
  margin-bottom: 75px;
}

html#projector .url .embedContent {
  height: calc(100vh - 30px);
}

html#projector .cloudtag {
  margin: 20px auto 0;
}

html#projector .cloudtag h2 {
  color: #000;
}

html#projector .cloudtag .cloudtag-container {
  border-radius: 4px !important;
  color: black;
}

html#projector .cloudtag .cloudtag-container .container-fluid h2 {
  margin-bottom: 30px;
  text-align: center;
}

html#projector .cloudtag .cloudtag-container .container-fluid h3 {
  text-shadow: none;
  text-align: center;
  color: #0288d1;
  font-size: 16px;
  line-height: 20px;
}

html#projector .cloudtag .wordsCloud {
  height: calc(100vh - 115px);
}

html#projector .cloudtag .wordsCloud .list-cloud .word {
  text-align: center;
}

html#projector .cloudtag .wordsCloud .list-cloud .word .text {
  font-size: 15px;
}

html#projector .cloudtag .wordsCloud .list-cloud .title {
  background-color: #128dd2;
  color: #fff;
  border-radius: 4px !important;
  padding: 20px 10px;
  font-size: 15px;
  text-align: center;
}

html#projector .cloudtag .wordsCloud .list-cloud .resultat {
  background-color: #fff;
  border: 1px solid #128dd2;
  border-radius: 4px !important;
  padding: 20px 10px;
  margin-top: 5px;
  text-align: center;
}

html#projector .postit-projector {
  margin: 0 -15px;
}

html#projector .postit-projector .postit-container {
  background-color: white;
  color: #000;
  background-size: 100% 100%;
}

html#projector .postit-projector .postit-container h3 {
  text-shadow: none;
  text-align: center;
  color: #0288d1;
  font-size: 16px;
  line-height: 20px;
}

html#projector .postit-projector .postit-container h2 {
  font-size: 24px;
  margin: 0.5em 0 0;
}

html#projector .postit-projector .postit-container .postit-arrival {
  width: auto;
  margin: 0.5em auto 5px auto;
  max-height: calc(100vh - 45px - 1em);
}

html#projector .postit-projector .postit-container .postit-arrival .postit .text {
  height: 100%!important;
  margin-top: 0;
}

html#projector .postit-projector .postit-container .postit .text {
  margin-top: 0;
}

html#projector .postit-projector .color {
  margin-top: 20px;
}

html#projector .postit-projector .color .postit-arrival {
  border: none !important;
}

html#projector .postit-projector .color .postit {
  width: 90%;
  margin: 5px auto 0 auto;
  position: initial;
  min-height: 120px;
}

html#projector #podium {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  min-height: 460px;
  width: 600px;
  margin: 0 auto;
  position: relative;
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
}

html#projector #podium .podium_place {
  width: 198px;
  bottom: 0;
}

html#projector #podium .podium_place.p1 {
  margin: 0 20px;
}

html#projector #podium .podium_place.p3 {
  left: 404px;
}

html#projector #podium .podium_place .participant {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  text-align: center;
  color: #254061;
  padding: 7px 0;
  margin-bottom: 4px;
  font-size: 15px;
}

html#projector #podium .podium_place .participant.podium1 {
  background-color: #f4b609;
  color: #fff;
  font-weight: bold;
}

html#projector #podium .podium_place .participant.podium2 {
  background-color: #bcbdbf;
  color: white;
}

html#projector #podium .podium_place .participant.podium3 {
  background-color: #b53f25;
  color: white;
}

html#projector #podium .podium {
  background-color: white;
  color: black;
  width: 100%;
  text-align: center;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

html#projector #podium .podium .fa,
html#projector #podium .podium .fas,
html#projector #podium .podium .far {
  font-size: 30px;
  margin-top: 30px;
}

html#projector #podium .podium .score {
  margin-top: 15px;
}

html#projector #podium #podium1 {
  height: 280px;
  font-weight: bold;
  letter-spacing: 1px;
}

html#projector #podium #podium1 .fa,
html#projector #podium #podium1 .fas,
html#projector #podium #podium1 .far {
  color: #f4b609;
}

html#projector #podium #podium1 .classement {
  margin-top: 50px;
  color: #f4b609;
  font-size: 90px;
}

html#projector #podium #podium2 {
  height: 240px;
}

html#projector #podium #podium2 .fa,
html#projector #podium #podium2 .fas,
html#projector #podium #podium2 .far {
  color: #bcbdbf;
}

html#projector #podium #podium2 .classement {
  margin-top: 40px;
  color: #bcbdbf;
  font-size: 70px;
}

html#projector #podium #podium3 {
  height: 200px;
}

html#projector #podium #podium3 .fa,
html#projector #podium #podium3 .fas,
html#projector #podium #podium3 .far {
  color: #b53f25;
}

html#projector #podium #podium3 .classement {
  margin-top: 20px;
  color: #b53f25;
  font-size: 50px;
}

html#projector .congrats {
  text-align: center;
  color: #e6e6e6;
  margin: 50px auto;
  font-size: 20px;
}

html#projector .congrats h4 {
  font-size: 35px;
  text-shadow: none;
  color: white;
}

html#projector .congrats .fa-trophy {
  color: white;
  margin-top: 40px;
  font-size: 60px;
}

html#projector #classement {
  margin-top: 20px;
  min-height: 400px;
  width: 100%;
}

html#projector #classement .participant-name {
  padding-top: 10px;
}

html#projector #classement h3 {
  text-align: center;
  margin-bottom: 30px;
  font-size: 35px;
}

html#projector #classement .row {
  background-color: #fff;
  border-radius: 6px !important;
  height: 60px;
  line-height: 40px;
  margin-bottom: 6px;
  padding-right: 4px;
  color: black;
}

html#projector #classement .row .name {
  padding-top: 10px;
  font-size: 15px;
}

html#projector #classement .row i.fa,
html#projector #classement .row .fas,
html#projector #classement .row .far {
  margin-right: 8px;
}

html#projector #classement .row .podium1 i.fa,
html#projector #classement .row .fas,
html#projector #classement .row .far {
  color: #f4b609;
}

html#projector #classement .row .podium2 i.fa,
html#projector #classement .row .fas,
html#projector #classement .row .far {
  color: #bcbdbf;
}

html#projector #classement .row .podium3 i.fa,
html#projector #classement .row .fas,
html#projector #classement .row .far {
  color: #b53f25;
}

html#projector #classement .row .medal {
  background-color: #f6f7fa;
  border-radius: 6px !important;
  height: 52px;
  line-height: 32px;
  margin-top: 4px;
  color: #0292DC;
  font-size: 15px;
  padding-top: 10px;
}

html#projector .timerlimit {
  width: 150px;
  border: 2px solid #fff;
  border-radius: 3px !important;
  padding: 8px;
  text-align: center;
  margin-right: 15px;
}

html#projector .timerlimit i {
  vertical-align: -4px;
  font-size: 20px;
  margin-right: 8px;
}

html#projector #chats {
  height: 100vh;
  border-left: 2px solid #0297E0;
  background-color: #fff;
  color: #333;
  overflow: hidden;
}

html#projector #chats.full-livemessage {
  border-left: none;
}

html#projector #chats.full-livemessage h1 {
  max-width: 50%;
  margin-left: 25%;
}

html#projector #chats.full-livemessage ul.chats {
  max-width: 50%;
  margin-left: 25%;
}

html#projector #chats h1 {
  font-size: 24px;
  color: #0297E0;
  margin-left: 30px;
  line-height: 60px;
}

html#projector #chats .form-cont {
  border-top: 1px solid #ddd;
  padding: 10px 8px 10px 10px;
  background-color: #e9eff3;
}

html#projector #chats .slimScrollDiv {
  margin-right: -1px;
}

html#projector #chats .chat-form {
  border-top: 0;
  margin-top: 0;
  padding: 0;
  background-color: #fff;
}

html#projector #chats .chat-form .writers {
  padding: 10px 10px 10px 12px;
  min-height: 40px;
  font-size: 13px;
  font-style: italic;
  border-top: 1px solid #ddd;
}

html#projector #chats .chat-form .writers i.fa,
html#projector #chats .chat-form .writers .fas,
html#projector #chats .chat-form .writers .far {
  margin-right: 5px;
  font-size: 19px;
  vertical-align: -2px;
  color: #1c536f;
}

html#projector #chats .chats {
  margin: 0 0 0 15px;
}

html#projector #chats .chats li {
  margin: 0 auto 5px 0;
}

html#projector #chats .chats li .body {
  font-size: 14px;
  font-weight: bold;
  padding: 4px 0;
}

html#projector #chats .chats li .datetime {
  color: rgba(0, 0, 0, 0.3);
  margin: 5px 0 15px 80px;
  display: block;
  font-size: 12px;
}

html#projector #chats .chats li .datetime.samelast {
  margin-bottom: 0;
}

html#projector #chats .chats li .avatar {
  border-radius: 100px !important;
  width: 62px;
  height: 62px;
}

html#projector #chats .chats li .name {
  color: rgba(0, 0, 0, 0.3);
}

html#projector #chats .chats li .liker {
  color: #1c536f;
  margin-left: 8px;
}

html#projector #chats .chats li .liker i {
  font-size: 14px;
}

html#projector #chats .chats li .message {
  margin: 0 0 0 80px;
  padding: 5px 10px;
  border: 0;
  border-radius: 6px !important;
  background: #f0f0f0;
}

html#projector #chats .chats li .like {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

html#projector #chats .chats li .like a {
  position: absolute;
  right: 6px;
  top: 6px;
  font-size: 26px;
}

html#projector #chats .chats li .like a.not-liked {
  color: #aaa;
}

html#projector #chats .chats li .like a.liked {
  color: #1c536f;
}

html#projector #chats .chats li.moderator .name {
  color: red;
  font-weight: bold;
}

html#projector #chats .chats li.moderator .avatar {
  border: 1px solid red;
}

html#projector #chats .chats li.moderator .body {
  font-weight: bold;
}

html#projector #chats .chats li.in {
  margin: 0 15px;
}

html#projector #chats .chats li.out {
  margin: 0 15px;
}

html#projector #chats .chats li.system {
  padding: 6px;
  text-align: center;
  background-color: #fafafa;
  color: #777;
  margin: 10px 0 5px 0;
  font-size: 13px;
  width: calc(100% - 1px);
}

html#projector #chats .disabled {
  cursor: not-allowed;
  opacity: 0.65;
  pointer-events: none;
}

html#projector .url .content-info {
  margin-top: 15%;
  text-shadow: 1px 1px 2px #000;
  text-align: center;
}

html#projector .whiteboard {
  position: absolute;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
}

html#projector .whiteboard [data-pen] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

html#projector .whiteboard .layout {
  position: relative;
  background-color: #fff;
  margin: 0 auto;
  font-family: "Open Sans", sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
}

html#projector .whiteboard .layout > img {
  width: 100%;
}

html#projector .whiteboard .layout .lazer-on {
  position: absolute;
}

html#projector .whiteboard .layout .ratio {
  width: 98vw;
  height: 55.125vw;
  position: relative;
  max-height: 100vh;
  overflow: hidden;
  background-size: contain;
  -moz-background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

html#projector .whiteboard .layout .editor-bloc {
  position: absolute;
  top: 10px;
  left: 10px;
  min-height: 29px !important;
  overflow: hidden;
}

html#projector .whiteboard .layout .editor-bloc.type-text {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  padding: 4px 5px;
  min-height: 28px;
  min-width: 135px;
}

html#projector .whiteboard .layout .editor-bloc.type-text .content-text {
  color: #333;
  height: 100%;
}

html#projector .whiteboard .layout .editor-bloc.type-rectangle {
  border: 3px solid red;
  min-height: 42px;
  min-width: 42px;
  background-color: transparent;
}

html#projector .whiteboard .layout .editor-bloc.type-arrow {
  min-height: 42px;
  min-width: 60px;
}

html#projector .whiteboard .layout .editor-bloc.type-arrow .clip-arrow {
  /*
				-webkit-clip-path: polygon(40% 0, 40% 30%, 100% 30%, 100% 70%, 40% 70%, 40% 100%, 0% 50%);
				clip-path: polygon(40% 0, 40% 30%, 100% 30%, 100% 70%, 40% 70%, 40% 100%, 0% 50%);
				width: 100%;
				height: 100%;
				min-height: 29px;
				background-color: red;

				   */
  height: 100%;
  width: 100%;
  min-height: 29px;
  background-image: url(/images/arrow-red.png);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}

html#projector .whiteboard .layout .editor-bloc.type-image img {
  width: 100%;
  height: 100%;
}

.observation-live #participant ul {
  list-style-type: none;
  padding-left: 0;
}

.observation-live #participant .ui-list .filter {
  margin: 0 0 20px 0;
}

.observation-live #participant .ui-list .filter input.inline {
  width: 100%;
}

.observation-live #participant .slimScrollDiv {
  margin-bottom: 20px;
}

.observation-live #activity hr {
  margin-top: 0;
}

.observation-live #activity .title {
  color: #848484;
}

.observation-live #activity .title.question {
  line-height: 34px;
}

.observation-live #activity .title.response {
  line-height: 24px;
}

.observation-live #activity .effect {
  display: none;
}

.observation-live #activity .hint {
  font-style: italic;
  color: #000;
}

.observation-live #activity #options {
  list-style-type: none;
  padding-left: 0;
}

.observation-live #activity #options li {
  line-height: 24px;
  margin-bottom: 4px;
}

.observation-live #activity #participants {
  list-style-type: none;
  padding: 0 15px;
}

.observation-live #activity #participants li.header {
  line-height: 40px;
  text-align: center;
  background-color: #f0f0f0;
  height: 40px;
}

.observation-live #activity #participants li.line {
  line-height: 36px;
  height: 36px;
  clear: both;
  border-bottom: 1px solid #eee;
}

.observation-live #activity #participants li.line:last-child {
  border-bottom: none;
}

.observation-live #activity #participants li.line:hover {
  background-color: #f9f9f9;
}

.observation-live #activity #participants li.line .username {
  background-color: #f9f9f9;
}

.observation-live #activity #participants li .mt-checkbox,
.observation-live #activity #participants li .mt-radio {
  margin-left: 12px;
}

@media (max-width: 991px) {
  .observation-live #activity .title {
    text-align: center;
    margin-bottom: 8px;
  }
}

.page-new-question-hotspot .uploaded-img > img,
.page-edit-question-hotspot .uploaded-img > img {
  max-height: 400px;
}

.page-new-question-hotspot .options-question > *,
.page-edit-question-hotspot .options-question > * {
  padding-right: 5px;
}

.page-new-question-hotspot .no-image,
.page-edit-question-hotspot .no-image {
  display: none;
}

.page-new-question-hotspot .zones,
.page-edit-question-hotspot .zones {
  position: relative;
}

.page-new-question-hotspot .zones img,
.page-edit-question-hotspot .zones img {
  width: 100%!important;
}

.page-new-question-hotspot .editor-bloc,
.page-edit-question-hotspot .editor-bloc {
  position: absolute;
}

.page-new-question-hotspot .editor-bloc.type-rectangle,
.page-edit-question-hotspot .editor-bloc.type-rectangle {
  border: 3px solid red;
  min-height: 30px;
  min-width: 30px;
  background-color: #fff5;
}

.page-new-question-hotspot .editor-bloc.type-rectangle .action,
.page-edit-question-hotspot .editor-bloc.type-rectangle .action {
  left: -33px !important;
  top: -3px !important;
}

.page-new-question-hotspot .editor-bloc.type-rectangle.correct,
.page-edit-question-hotspot .editor-bloc.type-rectangle.correct {
  border: 3px solid green;
}

.page-new-question-hotspot .editor-bloc.type-rectangle.no-correct,
.page-edit-question-hotspot .editor-bloc.type-rectangle.no-correct {
  border: 3px solid red;
}

.page-new-question-hotspot .editor-bloc .title,
.page-edit-question-hotspot .editor-bloc .title {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.page-new-question-hotspot .editor-bloc .action-container,
.page-edit-question-hotspot .editor-bloc .action-container {
  padding-top: 2px!important;
  border: 1px solid #c2cad8;
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
  background-color: #fff;
  position: absolute;
  left: -39px;
  top: -4px;
  text-align: center;
  width: 36px;
}

.page-new-question-hotspot .editor-bloc .action-container .action,
.page-edit-question-hotspot .editor-bloc .action-container .action {
  height: 28px;
  line-height: 28px;
  border-bottom: 1px solid #ddd;
}

.page-new-question-hotspot .editor-bloc .action-container .action:last-child,
.page-edit-question-hotspot .editor-bloc .action-container .action:last-child {
  border-bottom: none;
}

.page-new-question-hotspot .editor-bloc .action-container .action.movable,
.page-edit-question-hotspot .editor-bloc .action-container .action.movable {
  cursor: move;
}

.page-new-question-hotspot .editor-bloc .action-container .action.trash,
.page-edit-question-hotspot .editor-bloc .action-container .action.trash {
  cursor: pointer;
}

.page-new-question-hotspot .editor-bloc .action-container .action.angle i.fa.fa-arrow-up,
.page-edit-question-hotspot .editor-bloc .action-container .action.angle i.fa.fa-arrow-up {
  cursor: n-resize;
  margin-right: 4px;
}

.page-new-question-hotspot .editor-bloc .action-container .action.angle i.fa.fa-arrow-down,
.page-edit-question-hotspot .editor-bloc .action-container .action.angle i.fa.fa-arrow-down {
  cursor: s-resize;
}

.page-new-question-hotspot .question-group .head,
.page-edit-question-hotspot .question-group .head {
  margin-bottom: 20px;
}

.page-new-question-hotspot .row,
.page-edit-question-hotspot .row,
.page-new-question-hotspot .mb20,
.page-edit-question-hotspot .mb20 {
  margin-bottom: 20px;
}

.page-new-question-hotspot .crop input[type="file"],
.page-edit-question-hotspot .crop input[type="file"] {
  padding-top: 7px;
  padding-bottom: 15px;
}

.page-new-question-hotspot .crop .crop-area,
.page-edit-question-hotspot .crop .crop-area {
  background: #E4E4E4;
  overflow: hidden;
  width: 500px;
  height: 350px;
}

.page-new-question-hotspot .crop .crop-preview,
.page-edit-question-hotspot .crop .crop-preview {
  width: 300px;
  height: 225px;
}

.page-new-question-hotspot .crop .crop-step,
.page-edit-question-hotspot .crop .crop-step {
  margin: 8px 0 16px 0;
}

.page-new-question-hotspot .crop .next,
.page-edit-question-hotspot .crop .next {
  margin-top: 15px;
}

.page-new-question-matchitem .mt-radio,
.page-edit-question-matchitem .mt-radio {
  margin: 0 10px 0 0;
  vertical-align: -8px;
}

.page-new-question-matchitem .sortable,
.page-edit-question-matchitem .sortable {
  border: 1px solid #ddd;
  padding: 0;
  border-top: 0;
}

.page-new-question-matchitem #ListLeft .img-responsive,
.page-edit-question-matchitem #ListLeft .img-responsive,
.page-new-question-matchitem #ListRight .img-responsive,
.page-edit-question-matchitem #ListRight .img-responsive {
  float: right;
  max-height: 80px;
}

.page-new-question-matchitem #ListLeft .row,
.page-edit-question-matchitem #ListLeft .row,
.page-new-question-matchitem #ListRight .row,
.page-edit-question-matchitem #ListRight .row {
  position: relative;
  border: 1px solid #ccc;
  margin: 10px;
  padding: 6px;
  width: calc(100% - 80px);
}

.page-new-question-matchitem #ListLeft .actions,
.page-edit-question-matchitem #ListLeft .actions,
.page-new-question-matchitem #ListRight .actions,
.page-edit-question-matchitem #ListRight .actions {
  position: absolute;
  right: -62px;
  top: 2px;
  text-align: right;
  width: 62px;
}

.page-new-question-matchitem #ListLeft .actions .fa,
.page-edit-question-matchitem #ListLeft .actions .fa,
.page-new-question-matchitem #ListRight .actions .fa,
.page-edit-question-matchitem #ListRight .actions .fa,
.page-new-question-matchitem #ListLeft .actions .fas,
.page-edit-question-matchitem #ListLeft .actions .fas,
.page-new-question-matchitem #ListRight .actions .fas,
.page-edit-question-matchitem #ListRight .actions .fas,
.page-new-question-matchitem #ListLeft .actions .far,
.page-edit-question-matchitem #ListLeft .actions .far,
.page-new-question-matchitem #ListRight .actions .far,
.page-edit-question-matchitem #ListRight .actions .far {
  cursor: pointer;
  font-size: 1.4em;
  transition: transform .2s;
}

.page-new-question-matchitem #ListLeft .actions .fa:hover,
.page-edit-question-matchitem #ListLeft .actions .fa:hover,
.page-new-question-matchitem #ListRight .actions .fa:hover,
.page-edit-question-matchitem #ListRight .actions .fa:hover,
.page-new-question-matchitem #ListLeft .actions .fas:hover,
.page-edit-question-matchitem #ListLeft .actions .fas:hover,
.page-new-question-matchitem #ListRight .actions .fas:hover,
.page-edit-question-matchitem #ListRight .actions .fas:hover,
.page-new-question-matchitem #ListLeft .actions .far:hover,
.page-edit-question-matchitem #ListLeft .actions .far:hover,
.page-new-question-matchitem #ListRight .actions .far:hover,
.page-edit-question-matchitem #ListRight .actions .far:hover {
  transform: scale(1.4);
}

.page-new-question-matchitem #ListLeft .actions .fa-pencil,
.page-edit-question-matchitem #ListLeft .actions .fa-pencil,
.page-new-question-matchitem #ListRight .actions .fa-pencil,
.page-edit-question-matchitem #ListRight .actions .fa-pencil {
  margin-right: 8px;
  color: darkblue;
}

.page-new-question-matchitem #ListLeft .actions .fa-trash,
.page-edit-question-matchitem #ListLeft .actions .fa-trash,
.page-new-question-matchitem #ListRight .actions .fa-trash,
.page-edit-question-matchitem #ListRight .actions .fa-trash {
  color: darkred;
}

.page-new-question-matchitem .head,
.page-edit-question-matchitem .head {
  text-align: center;
  background-color: #fafafa;
  padding: 10px 15px;
  border: 1px solid #ddd;
}

.page-new-question-matchitem .row,
.page-edit-question-matchitem .row,
.page-new-question-matchitem .mb20,
.page-edit-question-matchitem .mb20 {
  margin-bottom: 20px;
}

.page-new-question-matchitem .preline,
.page-edit-question-matchitem .preline {
  white-space: pre-line;
}

.page-new-question-matchitem #final-list thead th,
.page-edit-question-matchitem #final-list thead th {
  text-align: center;
}

.page-new-question-matchitem #final-list tbody .img-responsive,
.page-edit-question-matchitem #final-list tbody .img-responsive {
  float: right;
  width: 100px;
  max-width: 100px;
}

.page-new-question-matchitem #final-list tbody span,
.page-edit-question-matchitem #final-list tbody span {
  width: calc(100% - 110px);
  float: left;
}

.page-new-question-matchitem #final-list tbody .fa,
.page-edit-question-matchitem #final-list tbody .fa,
.page-new-question-matchitem #final-list tbody .fas,
.page-edit-question-matchitem #final-list tbody .fas,
.page-new-question-matchitem #final-list tbody .far,
.page-edit-question-matchitem #final-list tbody .far {
  cursor: pointer;
  font-size: 1.4em;
  transition: transform .2s;
}

.page-new-question-matchitem #final-list tbody .fa:hover,
.page-edit-question-matchitem #final-list tbody .fa:hover,
.page-new-question-matchitem #final-list tbody .fas:hover,
.page-edit-question-matchitem #final-list tbody .fas:hover,
.page-new-question-matchitem #final-list tbody .far:hover,
.page-edit-question-matchitem #final-list tbody .far:hover {
  transform: scale(1.4);
}

.page-new-question-matchitem #final-list tbody .fa-pencil,
.page-edit-question-matchitem #final-list tbody .fa-pencil {
  margin-right: 8px;
  color: darkblue;
}

.page-new-question-matchitem #final-list tbody .fa-check,
.page-edit-question-matchitem #final-list tbody .fa-check {
  margin-right: 8px;
  color: darkgreen;
}

.page-new-question-matchitem #final-list tbody .fa-trash,
.page-edit-question-matchitem #final-list tbody .fa-trash {
  color: darkred;
}

.page-new-question-matchitem .text-danger,
.page-edit-question-matchitem .text-danger {
  margin-top: 15px;
  font-weight: bold;
}

.accordeon-heading {
  padding: 15px 20px;
  background-color: #fafafa;
  margin-bottom: 20px;
  cursor: pointer;
}

.accordeon-heading > i {
  margin-right: 5px;
  transition: all .5s;
}

.accordeon-heading > i.down {
  transform: rotate(0deg);
}

.accordeon-heading > i.right {
  transform: rotate(-90deg);
}

.accordeon-section {
  margin-left: 20px;
  margin-bottom: 15px;
  border: 1px solid #e8e8e8;
  border-right: 0;
  border-bottom: 0;
}

.accordeon-subtitle {
  padding: 10px;
  background-color: #fbfbfb;
  margin: 0 0 10px 0;
}

.accordeon-subtitle .transparent-border {
  border: transparent 1px solid;
}

.accordeon-subtitle .accordeon-bloc {
  padding: 10px 10px 0 10px;
}

.accordeon-subtitle .no-border-left {
  border-left: 0 !important;
}

@media screen {
  /*Propositions +  margin of the page when on the phone === none*/
}

@media screen and (min-width: 1200px) {
  .put-margin40-until1200 {
    margin-right: 40px!important;
  }
}

@media screen and (min-width: 1200px) and (max-width: 1630px) {
  .put-margin-bottom-20-for-second-line-switch {
    margin-top: 20px!important;
  }
}

@media screen and (min-width: 1200px) and (max-width: 1323px) {
  .put-margin-bottom-20-for-first-line-switch {
    margin-top: 19px!important;
  }
}

@media screen and (min-width: 992px) and (max-width: 1075px) {
  .put-margin-left-ipad {
    margin-left: 20px!important;
  }
}

@media screen and (min-width: 770px) and (max-width: 850px) {
  .put-margin-left-ipad {
    margin-left: 30px!important;
  }
}

@media screen and (max-width: 992px) {
  .margin-bottom {
    margin-bottom: 50px!important;
  }

  .no-margin-left {
    margin-left: 0px !important;
  }
}

@media screen and (max-width: 768px) {
  .margin-left-adapt-768 {
    margin-left: -19px !important;
  }

  .margin-right-adapt-768 {
    margin-right: 0px !important;
  }

  .height-adapt-768 {
    height: 50px !important;
    -webkit-line-clamp: 3;
  }

  .radius-adapt-768 {
    border-top-right-radius: 10px!important;
    border-bottom-left-radius: 0px !important;
  }

  .button-text-adapt-768 {
    height: 50px !important;
    width: 5px !important;
    color: transparent !important;
    border-top-right-radius: 10px!important;
    border-bottom-right-radius: 10px!important;
  }

  .cross-button-adapt-768 {
    padding-top: 0px !important;
  }

  .margin-left-cross--10 {
    margin-left: -20px !important;
  }
}

@media screen and (min-width: 353px) {
  .cross-button-adapt-iphone5 {
    padding-top: 0px !important;
  }

  .put-space-between-phone {
    padding-left: 0px !important;
  }
}

.width170 {
  width: 170px !important;
}

.auto-width-input {
  width: calc(100% - 40px);
}

.squared-angle-bottom {
  border-bottom-right-radius: 0px!important;
  border-bottom-left-radius: 0px!important;
}

.border-bottom {
  border-bottom-right-radius: 8px!important;
  border-bottom-left-radius: 8px!important;
}

.position-arrow {
  float: right;
  padding-bottom: 10px!important;
}

.into-light-green {
  background-color: #9BC94A !important;
  color: white;
}

.into-light-red {
  background-color: #EF5E7D !important;
  color: white;
}

.large-size {
  width: 50%!important;
}

.medium-size {
  width: 33%!important;
}

.text-area-order {
  border-top-right-radius: 8px!important;
  border-bottom-right-radius: 8px!important;
}

.page-new-group,
.page-edit-group {
  color: #6C7F85 !important;
}

.page-new-group input,
.page-edit-group input,
.page-new-group label,
.page-edit-group label,
.page-new-group textarea,
.page-edit-group textarea {
  color: #6C7F85 !important;
}

.page-new-group .portlet.light,
.page-edit-group .portlet.light {
  padding: 20px 45px !important;
}

.page-new-group label,
.page-edit-group label {
  font-weight: 500;
  font-size: 13px;
}

.page-new-group .col-left,
.page-edit-group .col-left {
  margin: 0;
}

.page-new-group .col-left > *,
.page-edit-group .col-left > * {
  width: 100%;
}

.page-new-group #group-edit-wrap,
.page-edit-group #group-edit-wrap {
  margin: 0;
  border-top-right-radius: 15px !important;
}

.page-new-group .row,
.page-edit-group .row {
  margin-left: 0px !important;
  margin-right: 0px !important;
  padding-left: 0px !important;
}

.page-new-group .form-error,
.page-edit-group .form-error {
  color: #EF5E7D !important;
  font-weight: 500;
  margin-top: 3px;
  padding-left: 0px !important;
}

.page-new-group .crop input[type="file"],
.page-edit-group .crop input[type="file"] {
  padding-top: 7px;
  padding-bottom: 15px;
}

.page-new-group .crop .crop-area,
.page-edit-group .crop .crop-area {
  background: #E4E4E4;
  overflow: hidden;
  width: 200px;
  height: 150px;
}

.page-new-group .crop .crop-preview,
.page-edit-group .crop .crop-preview {
  width: 300px;
  height: 225px;
}

.page-new-group .crop .crop-step,
.page-edit-group .crop .crop-step {
  margin: 8px 0 16px 0;
}

.page-new-group .crop .next,
.page-edit-group .crop .next {
  margin-top: 15px;
}

.page-new-group .crop .img-responsive,
.page-edit-group .crop .img-responsive {
  max-width: 400px;
}

.page-new-group .btn-collapse,
.page-edit-group .btn-collapse {
  padding: 10px;
  height: 40px;
  font-size: 15px;
  width: 100%;
}

.page-edit-group .filter {
  padding-left: 5px !important;
}

.page-edit-group .img-group {
  width: 200px;
  height: 200px;
  border-radius: 5px !important;
}

.page-edit-group .img-group > * {
  max-width: 250px;
}

.page-edit-group .img-group .img-responsive {
  width: 200px;
  height: 170px !important;
  border-top-left-radius: 5px !important;
  border-top-right-radius: 5px !important;
}

.page-edit-group .img-group .label-bottom {
  color: #fff;
  width: 200px;
  height: 30px;
  background-color: #36c1c4;
  border-bottom-left-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
}

.page-edit-group .img-group .label-bottom .text-label {
  padding-top: 9px;
  font-size: 11px;
}

.page-edit-group .img-group .label-bottom #fileInput {
  opacity: 0;
  z-index: 1;
}

.page-edit-group .img-group .label-bottom .fa,
.page-edit-group .img-group .label-bottom .fas,
.page-edit-group .img-group .label-bottom .far {
  color: #fff;
  padding: 9px 0px;
  height: 100%;
  width: 100%;
  float: right;
  font-size: 18px;
}

.page-edit-group .accordeon-heading {
  margin-left: -15px;
  margin-right: -15px;
}

.page-edit-group div.colright,
.page-edit-group div.colleft,
.page-edit-group div.coltools-md,
.page-edit-group div.coltools-sd {
  float: left;
}

.page-edit-group div.colright,
.page-edit-group div.colleft {
  width: calc(50% - 50px);
}

.page-edit-group div.colright select,
.page-edit-group div.colleft select {
  height: 300px;
  padding: 6px;
}

.page-edit-group div.colright input[type="text"],
.page-edit-group div.colleft input[type="text"] {
  width: 100%;
  margin: 4px 0;
  padding: 0 6px;
}

.page-edit-group div.coltools-md button,
.page-edit-group div.coltools-sd button {
  margin-bottom: 16px;
}

.page-edit-group div.coltools-md i,
.page-edit-group div.coltools-sd i {
  font-weight: bold;
}

.page-edit-group div.coltools-md {
  width: 100px;
  margin-top: 110px;
}

.page-edit-group div.coltools-md button {
  margin-left: 10px;
  width: 36px;
}

.page-edit-group div.coltools-sd {
  display: none;
  width: 100%;
  margin: 4px 0 10px 0;
}

.page-edit-group .form-horizontal {
  border-radius: 15px !important;
}

.page-edit-group #addParticipant {
  padding: 15px 20px;
  margin-bottom: 10px;
  border-bottom-right-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
}

.page-edit-group #addParticipant img {
  margin-top: 2.5px !important;
  width: 35px;
  height: 35px;
}

.page-edit-group #addParticipant .infos-text-participant {
  margin-top: 9px;
}

.page-edit-group #addParticipant .fa-times {
  font-size: 25px;
  margin-top: 12px;
}

.page-edit-group #addParticipant .fa-plus {
  margin-left: 10px;
}

.page-update-box h3 {
  margin: 0 0 10px 0;
}

.page-update-box .critical1 {
  color: #4ECCB6;
}

.page-update-box .critical2 {
  color: #49C15D;
}

.page-update-box .critical3 {
  color: #EACC4B;
}

.page-update-box .critical4 {
  color: #F47A6E;
}

.page-update-box .critical5 {
  color: #EF5E7D;
}

.page-update-box label pre {
  margin: 15px 0 25px 0;
}

.page-update-box .lasthr {
  margin-top: 0;
}

.page-update-box ol {
  margin: 30px 0;
  line-height: 44px;
  width: 400px;
  color: #7a7a7a;
}

.page-update-box ol li {
  position: relative;
}

.page-update-box ol li.current {
  color: #333;
}

.page-update-box ol i {
  position: absolute;
  right: 0;
  top: 16px;
}

.page-update-box ol i.fa-check {
  color: green;
}

.page-update-box ol i.fa-times {
  color: red;
}

.page-update-box .error {
  text-align: center;
  padding: 20px 0 25px 0;
  color: #FF3F3F;
  border: 1px solid #ff3f3f66;
}

.page-update-box .error pre {
  margin: 20px 20px 0 20px;
}

.page-update-box .noupdate {
  margin: 0 0 20px 0;
  text-align: center;
}

.page-update-box .success {
  text-align: center;
  margin: 20px;
  border: 1px solid #ddd;
  padding: 20px;
}

.page-sync-box ul#sync {
  margin: 0 15px 10px 15px;
  padding: 0;
  line-height: 60px;
  color: #333;
  list-style-type: none;
}

.page-sync-box ul#sync li {
  border-bottom: 1px solid #ddd;
}

.page-sync-box ul#sync li:last-child {
  border-bottom: none;
}

.page-sync-box ul#sync li.head {
  line-height: 50px;
  color: #5a5a5a;
  border-bottom: 1px solid #5a5a5a;
}

.page-sync-box ul#sync i {
  margin-right: 6px;
}

.page-sync-box .allright {
  text-align: center;
}

.page-sync-box .allright .text {
  margin: 30px 0 0 0;
}

.page-sync-box .allright .pict i.fa,
.page-sync-box .allright i.fas,
.page-sync-box .allright i.far {
  margin: 60px 0 50px 0;
}

.briefcase-list ul.briefcases {
  list-style-type: none;
  margin: 15px 0 0 0;
  padding: 0 15px;
  overflow-y: auto;
  height: calc(100% - 15px);
}

.briefcase-list ul.briefcases > li {
  background-color: #fff;
  border-radius: 15px!important;
}

.briefcase-list ul.briefcases > li > div {
  background-color: #36c1c4;
  padding: 12px 40px 0px 50px;
  margin-bottom: 10px;
  height: 45px;
  font-weight: 500;
  font-size: 17px;
  position: relative;
  color: #fff;
  border-radius: 15px!important;
}

.briefcase-list ul.briefcases > li > div.open {
  border-bottom-left-radius: 0px!important;
  border-bottom-right-radius: 0px!important;
}

.briefcase-list ul.briefcases > li > div i.fa-briefcase {
  position: absolute;
  top: 50%;
  left: 15px;
  transform: translateY(-50%);
  margin-right: 3px;
  font-size: 25px;
}

.briefcase-list ul.briefcases > li > div .menu-icon {
  position: absolute;
  right: 12px;
  top: 9px;
  font-size: 24px;
}

.briefcase-list ul.briefcases > li > div .menu-icon a {
  color: #fff;
}

.briefcase-list ul.briefcases > li > div span {
  font-size: 14px;
}

.briefcase-list ul.briefcases > li ul.briefcases_files {
  list-style-type: none;
  margin: 15px;
  padding-left: 10px;
  padding-bottom: 15px;
}

.briefcase-list ul.briefcases > li ul.briefcases_files > li > div {
  color: #6C7F85;
  font-size: 15px;
  font-weight: 500;
  line-height: 30px;
}

.briefcase-list ul.briefcases > li ul.briefcases_files > li > div i.fa.fa-file-pdf-o {
  font-size: 22px;
  vertical-align: -2px;
  margin-right: 6px;
}

.user-moderator.panel-right-open #briefcase.show {
  width: calc(100% - 350px);
}

.user-moderator #briefcase {
  color: #333;
  position: fixed;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background-color: white;
  z-index: 2002;
}

.user-moderator #briefcase .top {
  background-color: #00b5e2;
  height: 91px;
  width: 100%;
  margin-bottom: 20px;
  position: relative;
}

.user-moderator #briefcase .top .title {
  padding: 34px 0 0 18px;
  font-size: 24px;
  font-weight: 500;
  color: #fff;
}

.user-moderator #briefcase .top a.closer {
  padding: 15px;
  display: inline-block;
  color: #fff;
  position: absolute;
  right: 10px;
  top: 25px;
}

.user-moderator #briefcase.show {
  left: 0;
  width: 100%;
  transition: left ease-in-out 0.3s;
}

.user-moderator #briefcase .page-briefcase,
.user-moderator #briefcase .page-live-chat {
  padding: 0 15px 0 20px;
}

.user-moderator #briefcase .top {
  background-color: #8e44ad;
}

.user-moderator .page-briefcase .bootstrap-switch,
.user-moderator .page-live-chat .bootstrap-switch {
  margin-left: 20px;
}

.user-moderator ul.briefcases {
  list-style-type: none;
  margin: 15px 0 0 0;
  padding: 0 15px;
  overflow-y: auto;
  height: calc(100% - 15px);
}

.user-moderator ul.briefcases > li {
  background-color: #fff;
  border-radius: 15px!important;
}

.user-moderator ul.briefcases > li > div {
  background-color: #36c1c4;
  padding: 12px 40px 0px 50px;
  margin-bottom: 10px;
  height: 45px;
  font-weight: 500;
  font-size: 17px;
  position: relative;
  color: #fff;
  border-radius: 15px!important;
}

.user-moderator ul.briefcases > li > div.open {
  border-bottom-left-radius: 0px!important;
  border-bottom-right-radius: 0px!important;
}

.user-moderator ul.briefcases > li > div i.fa-briefcase {
  position: absolute;
  top: 50%;
  left: 15px;
  transform: translateY(-50%);
  margin-right: 3px;
  font-size: 25px;
}

.user-moderator ul.briefcases > li > div .menu-icon {
  position: absolute;
  right: 12px;
  top: 9px;
  font-size: 24px;
}

.user-moderator ul.briefcases > li > div .menu-icon a {
  color: #fff;
}

.user-moderator ul.briefcases > li > div span {
  font-size: 14px;
}

.user-moderator ul.briefcases > li ul.briefcases_files {
  list-style-type: none;
  margin: 15px;
  padding-left: 10px;
  padding-bottom: 15px;
}

.user-moderator ul.briefcases > li ul.briefcases_files > li > div {
  color: #6C7F85;
  font-size: 15px;
  font-weight: 500;
  line-height: 30px;
}

.user-moderator ul.briefcases > li ul.briefcases_files > li > div i.fa.fa-file-pdf-o {
  font-size: 22px;
  vertical-align: -2px;
  margin-right: 6px;
}

.user-moderator .briefcase-empty {
  color: #000;
  text-align: center;
  line-height: 28px;
  margin: 30px 15px;
}

.user-moderator ul.briefcases > li > div {
  padding: 10px 15px 10px 50px;
}

.user-moderator ul.briefcases_files a {
  color: #000 !important;
}

.user-participant #briefcase.show {
  left: 0px;
}

.user-participant.showVirtualRoom #briefcase.show {
  left: 320px;
  width: calc(100% - 320px);
}

.user-participant.showVirtualRoom #briefcase.show header,
.user-participant.showVirtualRoom #briefcase.show section {
  width: 100%;
}

.user-participant #briefcase {
  position: absolute;
  top: 0;
  left: -105%;
  width: 100%;
  height: calc(100% - 1px);
  z-index: 102;
  background-color: #fff;
  transition: left ease-in-out 0.3s;
  background-color: #EFF4F4;
}

.user-participant #briefcase.show {
  transition: left ease-in-out 0.3s;
}

.user-participant #briefcase header {
  height: 70px;
  width: 100%;
}

.user-participant #briefcase header .title {
  padding: 15px 34px 0 45px;
  font-size: 20px;
  font-weight: 600;
  color: #6C7F85;
}

.user-participant #briefcase header a {
  position: absolute;
  top: 40px;
  right: 24px;
}

.user-participant #briefcase section {
  overflow: hidden;
  width: 100%;
  height: calc(100% - 70px);
}

.user-participant #briefcase section .doc {
  line-height: 40px;
  color: #36c1c4;
  margin: 0 15px;
  padding: 0 32px;
}

.user-participant #briefcase section .doc a,
.user-participant #briefcase section .doc div {
  color: #6C7F85;
  font-weight: 500;
}

.user-participant #briefcase section .doc a:hover,
.user-participant #briefcase section .doc div:hover {
  text-decoration: none;
}

.user-participant #briefcase section .doc a i,
.user-participant #briefcase section .doc div i {
  transform: translateY(2px);
  margin-right: 5px;
}

.user-participant #briefcase section .doc div {
  float: right;
}

.user-participant #briefcase section .pdfjs {
  height: calc(100% - 40px) !important;
}

.user-participant #briefcase section .pdfjs #outerContainer {
  min-height: auto;
  margin-left: 45px;
  width: calc(100% - 90px);
  border-radius: 15px!important;
}

.user-participant #briefcase section ul.briefcases {
  list-style-type: none;
  margin: 15px 0 0 0;
  padding: 0 15px;
  overflow-y: auto;
  height: calc(100% - 15px);
}

.user-participant #briefcase section ul.briefcases > li {
  background-color: #fff;
  border-radius: 15px!important;
}

.user-participant #briefcase section ul.briefcases > li > div {
  background-color: #36c1c4;
  padding: 12px 40px 0px 50px;
  margin-bottom: 10px;
  height: 45px;
  font-weight: 500;
  font-size: 17px;
  position: relative;
  color: #fff;
  border-radius: 15px!important;
}

.user-participant #briefcase section ul.briefcases > li > div.open {
  border-bottom-left-radius: 0px!important;
  border-bottom-right-radius: 0px!important;
}

.user-participant #briefcase section ul.briefcases > li > div i.fa-briefcase {
  position: absolute;
  top: 50%;
  left: 15px;
  transform: translateY(-50%);
  margin-right: 3px;
  font-size: 25px;
}

.user-participant #briefcase section ul.briefcases > li > div .menu-icon {
  position: absolute;
  right: 12px;
  top: 9px;
  font-size: 24px;
}

.user-participant #briefcase section ul.briefcases > li > div .menu-icon a {
  color: #fff;
}

.user-participant #briefcase section ul.briefcases > li > div span {
  font-size: 14px;
}

.user-participant #briefcase section ul.briefcases > li ul.briefcases_files {
  list-style-type: none;
  margin: 15px;
  padding-left: 10px;
  padding-bottom: 15px;
}

.user-participant #briefcase section ul.briefcases > li ul.briefcases_files > li > div {
  color: #6C7F85;
  font-size: 15px;
  font-weight: 500;
  line-height: 30px;
}

.user-participant #briefcase section ul.briefcases > li ul.briefcases_files > li > div i.fa.fa-file-pdf-o {
  font-size: 22px;
  vertical-align: -2px;
  margin-right: 6px;
}

.user-participant #briefcase section ul.briefcases_files > li {
  cursor: pointer;
  position: relative;
}

.user-participant #briefcase section ul.briefcases_files > li:not(:last-child) {
  margin-bottom: 10px;
}

.user-participant #briefcase section ul.briefcases_files > li p {
  padding-right: 20px;
  margin: 0;
  display: inline-block;
}

.user-participant #briefcase section ul.briefcases_files > li .fa-download {
  position: absolute;
  right: 0;
  color: #36c1c4;
  font-size: 20px;
  margin-top: 5px;
}

.user-participant #briefcase section .briefcase-empty {
  color: #000;
  text-align: center;
  line-height: 28px;
  margin: 30px 15px;
}

#briefcase_button {
  position: fixed;
  bottom: 26px;
  right: 26px;
  cursor: pointer;
  height: 36px;
  width: 36px;
  background-color: #BF55EC;
  color: #fff;
  border-radius: 50px !important;
  z-index: 1000;
}

#briefcase_button i.fa,
#briefcase_button i.fas,
#briefcase_button i.far {
  font-size: 22px;
  margin: 11px 0 0 7px;
}

.page-header-fixed .page-container {
  overflow: hidden;
}

#page-virtualroom {
  position: fixed;
  z-index: 2001;
}

#page-virtualroom #remoteVideo {
  margin: 0;
  position: fixed;
  padding-top: 72px;
  top: 0;
  left: 0;
  width: calc(100% - 350px);
  height: 100vw;
  background: #26344b url(images/texture.png) repeat;
  text-align: center;
}

#page-virtualroom #remoteVideo h2 {
  color: #fff;
  position: absolute;
  top: 0;
  left: 20px;
}

#page-virtualroom #remoteVideo .closer {
  position: absolute;
  right: 20px;
  top: 20px;
  color: white;
}

#page-virtualroom #remoteVideo .remotes {
  font-size: 0;
}

#page-virtualroom #remoteVideo video {
  background-color: #000;
  object-fit: contain;
  width: 100%;
  height: 100%;
}

#page-virtualroom #remoteVideo .remote-video {
  position: relative;
  width: 100%;
  height: calc(100vh - 72px);
  display: inline-block;
}

#page-virtualroom #remoteVideo .remote-video:hover .username {
  background-color: #0008;
}

#page-virtualroom #remoteVideo .remote-video .username {
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  width: 100%;
  font-size: 14px;
  color: #fff;
  text-shadow: 0 0 3px #000, 0 0 3px #000, 0 0 3px #000;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 8px 0;
}

#page-virtualroom #remoteVideo .size-1 .remote-video {
  width: 100%;
  height: 100%;
}

#page-virtualroom #remoteVideo .size-2 .remote-video {
  height: 50vh;
  width: 50%;
  margin-top: calc(25vh - 72px);
}

#page-virtualroom #remoteVideo .size-3 .remote-video,
#page-virtualroom #remoteVideo .size-4 .remote-video {
  height: calc(50vh - 36px);
  width: 50%;
}

#page-virtualroom #remoteVideo .size-5 .remote-video,
#page-virtualroom #remoteVideo .size-6 .remote-video {
  height: calc(50vh - 36px);
  width: 33.333%;
}

#page-virtualroom #remoteVideo .size-7 .remote-video,
#page-virtualroom #remoteVideo .size-8 .remote-video,
#page-virtualroom #remoteVideo .size-9 .remote-video {
  height: calc(33.33vh - 24px);
  width: 33.333%;
}

#page-virtualroom #remoteVideo .size-10 .remote-video,
#page-virtualroom #remoteVideo .size-11 .remote-video,
#page-virtualroom #remoteVideo .size-12 .remote-video {
  height: calc(33.33vh - 24px);
  width: 25%;
}

#page-virtualroom #remoteVideo .size-13 .remote-video,
#page-virtualroom #remoteVideo .size-14 .remote-video,
#page-virtualroom #remoteVideo .size-15 .remote-video,
#page-virtualroom #remoteVideo .size-16 .remote-video {
  height: calc(33.33vh - 18px);
  width: 25%;
}

#page-virtualroom #remoteVideo .bg-control {
  position: absolute;
  height: 35px;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #0004;
  transition: background-color 0.3s;
}

#page-virtualroom #remoteVideo .bg-control:hover {
  background-color: #000a;
}

#page-virtualroom #remoteVideo .bg-control a {
  transition: opacity 0.5s;
}

#page-virtualroom #remoteVideo .bg-control a:hover {
  opacity: 100% !important;
}

#page-virtualroom #remoteVideo .bg-control a.micro {
  position: absolute;
  bottom: 5px;
  opacity: 50%;
  width: 26px;
  height: 26px;
  background: transparent url('/assets/images/icon/microphone.png') no-repeat center center;
  background-size: contain;
  filter: invert(100%);
}

#page-virtualroom #remoteVideo .bg-control a.no-micro {
  position: absolute;
  bottom: 5px;
  width: 26px;
  height: 26px;
  background: transparent url('/assets/images/icon/microphone-mute.png') no-repeat center center;
  background-size: contain;
  filter: invert(100%);
}

#page-virtualroom #remoteVideo .bg-control a.hand {
  position: absolute;
  bottom: 4px;
  font-size: 22px;
  color: #fff;
  opacity: 50%;
}

#page-virtualroom #remoteVideo .bg-control a.hand.raised {
  color: red;
  opacity: 100%;
  animation: check 1s;
  animation-iteration-count: infinite;
}

#page-virtualroom #remotePad {
  margin: 0;
  position: fixed;
  padding-top: 72px;
  top: 0;
  left: 0;
  width: calc(100% - 350px);
  height: 100vw;
  background: #26344b url(images/texture.png) repeat;
  text-align: center;
}

#page-virtualroom #remotePad .closer {
  position: absolute;
  right: 20px;
  top: 20px;
  color: white;
}

#page-virtualroom #remotePad h2 {
  color: #fff;
  position: absolute;
  top: 0;
  left: 20px;
}

#page-virtualroom #userShareScreen {
  position: fixed;
  margin: 0;
  top: 0;
  left: 0;
  padding-top: 72px;
  width: calc(100% - 350px);
  height: 100%;
  background: #26344b url(images/texture.png) repeat;
  text-align: center;
}

#page-virtualroom #userShareScreen .closer {
  position: absolute;
  right: 20px;
  top: 20px;
  color: white;
}

#page-virtualroom #userShareScreen h2 {
  color: #fff;
  position: absolute;
  top: 0;
  left: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 90%;
  margin: 0;
  height: 72px;
  line-height: 72px;
}

#page-virtualroom #userShareScreen #userShareScreenVideo {
  width: 100%;
  height: inherit;
}

#page-virtualroom-layout {
  overflow-x: hidden;
  width: 350px;
  height: 100%;
  top: 0;
  right: 0;
  background: #356070 url(images/texture.png) repeat;
  border-right: 1px solid black;
  box-shadow: none;
  position: fixed;
  z-index: 2500;
  color: #fff;
}

#page-virtualroom-layout.show {
  right: -350px;
}

#page-virtualroom-layout .not-started {
  margin: 0 20px;
  line-height: 28px;
}

#page-virtualroom-layout.showWebicam {
  left: 195px;
}

#page-virtualroom-layout #participant-action {
  text-align: center;
  padding: 12px 0;
}

#page-virtualroom-layout .no-users {
  margin-top: 40px;
  line-height: 32px;
  height: 32px;
  color: #ccc;
  text-align: center;
}

#page-virtualroom-layout .function {
  height: 22px;
  line-height: 22px;
  margin-top: 15px;
  width: 349px;
  position: relative;
}

#page-virtualroom-layout .function .action {
  position: absolute;
  width: 100px;
  right: 0;
  text-align: center;
}

#page-virtualroom-layout .function .action a {
  color: #fff;
  text-decoration: none;
}

#page-virtualroom-layout .function .action .fa-microphone {
  width: 34px;
}

#page-virtualroom-layout .function .action .fa-hand-stop-o {
  width: 30px;
}

#page-virtualroom-layout .function .action .noty-count {
  top: -3px;
  right: 50px;
  height: 20px;
  width: 20px;
  line-height: 20px;
  text-align: center;
  padding: 0;
  border-radius: 20px !important;
  font-size: 12px;
}

#page-virtualroom-layout .function .nohardware {
  float: right;
  margin-right: 28px;
}

#page-virtualroom-layout ul {
  list-style-type: none;
  padding-left: 0;
  margin-top: 5px;
}

#page-virtualroom-layout ul li.users {
  user-select: none;
  line-height: 46px;
  height: 52px;
  width: 329px;
  display: inline-block;
  overflow: hidden;
  border: 2px solid transparent;
}

#page-virtualroom-layout ul li.users.users:hover {
  background: #fff2;
}

#page-virtualroom-layout ul li.users.users.selected {
  border: 2px dashed #ccc;
  border-radius: 10px !important;
  background: #fff2;
}

#page-virtualroom-layout ul li.users.users .action {
  float: right;
  width: 90px;
  text-align: right;
}

#page-virtualroom-layout ul li.users.users .action .fa-desktop {
  cursor: pointer;
  margin-right: 2px;
}

#page-virtualroom-layout ul li.users.users .action .fa-desktop.active {
  color: #A5DD43;
}

#page-virtualroom-layout ul li.users.users .action .fa-hand-paper {
  cursor: pointer;
  color: #A5DD43;
  width: 18px;
}

#page-virtualroom-layout ul li.users.users .action .fa-microphone {
  cursor: pointer;
  width: 20px;
  margin-right: 13px;
}

#page-virtualroom-layout ul li.users.users .action .fa-microphone-slash {
  cursor: pointer;
  width: 20px;
  margin-right: 13px;
}

#page-virtualroom-layout ul li.users.users .action .fa-microphone-slash.no-way {
  cursor: not-allowed;
}

#page-virtualroom-layout ul li.users.users .action .fa-wifi {
  margin-right: 13px;
  animation: fadeIn .5s infinite alternate;
  color: #F47A6E !important;
}

#page-virtualroom-layout ul li.users.users .nohardware {
  float: right;
  margin-right: 28px;
}

#page-virtualroom-layout ul li.users .avatar {
  display: inline-block;
  margin: 0 6px 0 15px;
  vertical-align: top;
  cursor: pointer;
}

#page-virtualroom-layout ul li.users .avatar img {
  width: 40px;
  max-width: 40px;
  border-radius: 20px !important;
  height: 40px;
  max-height: 40px;
  line-height: 42px;
}

#page-virtualroom-layout ul li.users .user {
  display: inline-block;
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 160px;
  cursor: pointer;
}

#page-virtualroom-layout ul li.users .micro {
  position: absolute;
  right: 10px;
  top: 6px;
  cursor: pointer;
}

#page-virtualroom-layout ul li.users .micro i.fa,
#page-virtualroom-layout ul li.users .micro .fas,
#page-virtualroom-layout ul li.users .micro .far {
  font-size: 24px;
}

#page-virtualroom-layout ul .draggable {
  line-height: 46px;
  height: 46px;
  background-color: #fff2;
  margin: 5px;
  border: 3px dashed #fff5;
  border-radius: 10px !important;
}

#page-virtualroom-layout .all-command {
  text-align: center;
  margin: 20px auto 0 0;
  border-bottom: 1px solid #2b3b55;
  font-size: 14px;
  color: #eee;
}

#page-virtualroom-layout .all-command .start {
  margin-bottom: 20px;
}

#page-virtualroom-layout .all-command .option {
  display: block;
  text-align: left;
  margin-left: 22px;
}

#page-virtualroom-layout .all-command .option label {
  line-height: 18px;
}

#page-virtualroom-layout .my-command {
  text-align: center;
  margin: 20px auto 4px auto;
  padding-bottom: 10px;
  border-bottom: 1px solid #2b3b55;
}

#page-virtualroom-layout .my-command a {
  color: #fff;
  line-height: 42px;
  display: inline-block;
  width: 40px;
}

#page-virtualroom-layout .my-command a.active > i {
  color: #e7505a;
}

#page-virtualroom-layout .my-command a img {
  height: 35px;
  margin-bottom: 20px;
  margin-left: 5px;
}

#page-virtualroom-layout .my-command i.fa,
#page-virtualroom-layout .my-command .fas,
#page-virtualroom-layout .my-command .far {
  line-height: 34px;
  height: 34px;
  /*&.fa-desktop {
				margin-left: 10px;
			}*/
}

#page-virtualroom-layout .my-command i.fa.fa-users,
#page-virtualroom-layout .my-command .fas.fa-users,
#page-virtualroom-layout .my-command .far.fa-users {
  margin-left: 5px;
}

#page-virtualroom-layout .my-command i.fa.fa-cogs,
#page-virtualroom-layout .my-command .fas.fa-cogs,
#page-virtualroom-layout .my-command .far.fa-cogs {
  margin-left: 15px;
}

#page-virtualroom-layout .my-command i.fa.fa-briefcase,
#page-virtualroom-layout .my-command .fas.fa-briefcase,
#page-virtualroom-layout .my-command .far.fa-briefcase {
  margin-left: 10px;
}

#page-virtualroom-layout .my-command i.fa.fa-commenting,
#page-virtualroom-layout .my-command .fas.fa-commenting,
#page-virtualroom-layout .my-command .far.fa-commenting {
  margin-left: 15px;
}

#page-virtualroom-layout .closer {
  padding: 20px 15px 25px 0;
  font-size: 24px;
  color: #fff;
}

#page-virtualroom-layout .closer h1 {
  margin: 0 0 0 20px;
  font-size: 22px;
  display: inline-block;
  vertical-align: middle;
}

#page-virtualroom-layout .closer i {
  margin-right: 5px;
  vertical-align: 1px;
}

#page-virtualroom-layout .closer a {
  float: right;
}

#page-virtualroom-layout .localVideoContainer {
  position: relative;
  width: 320px;
  height: 240px;
}

#page-virtualroom-layout .localVideoContainer #localVideo,
#page-virtualroom-layout .localVideoContainer .no-display {
  width: 320px;
  height: 240px;
  margin-left: 15px;
  background-position: center;
  border-radius: 10px !important;
}

#page-virtualroom-layout .localVideoContainer .bg-control {
  position: absolute;
  height: 60px;
  bottom: 0;
  left: 0;
  width: 320px;
  margin: 0 15px;
  background-color: #0004;
  transition: background-color 0.3s;
  border-bottom-left-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
}

#page-virtualroom-layout .localVideoContainer .bg-control:hover {
  background-color: #000a;
}

#page-virtualroom-layout .localVideoContainer .bg-control a {
  transition: opacity 0.5s;
}

#page-virtualroom-layout .localVideoContainer .bg-control a:hover {
  opacity: 100% !important;
}

#page-virtualroom-layout .localVideoContainer .bg-control a.micro {
  position: absolute;
  bottom: 13px;
  right: 194px;
  opacity: 50%;
  width: 32px;
  height: 32px;
  background: transparent url('/assets/images/icon/microphone.png') no-repeat center center;
  background-size: contain;
  filter: invert(100%);
}

#page-virtualroom-layout .localVideoContainer .bg-control a.no-micro {
  position: absolute;
  bottom: 13px;
  right: 194px;
  width: 32px;
  height: 32px;
  background: transparent url('/assets/images/icon/microphone-mute.png') no-repeat center center;
  background-size: contain;
  filter: invert(100%);
}

#page-virtualroom-layout .localVideoContainer .bg-control a.video {
  position: absolute;
  bottom: 14px;
  right: 150px;
  opacity: 50%;
  width: 32px;
  height: 32px;
  background: transparent url('/assets/images/icon/video.png') no-repeat center center;
  background-size: contain;
  filter: invert(100%);
}

#page-virtualroom-layout .localVideoContainer .bg-control a.no-video {
  position: absolute;
  bottom: 14px;
  right: 150px;
  opacity: 50%;
  width: 32px;
  height: 32px;
  background: transparent url('/assets/images/icon/video-mute.png') no-repeat center center;
  background-size: contain;
  filter: invert(100%);
}

#page-virtualroom-layout .localVideoContainer .bg-control a.config {
  color: #fff;
  position: absolute;
  bottom: 15px;
  right: 104px;
  opacity: 50%;
}

#page-virtualroom-layout .localVideoContainer .bg-control a.config .fa,
#page-virtualroom-layout .localVideoContainer .bg-control a.config .fas,
#page-virtualroom-layout .localVideoContainer .bg-control a.config .far {
  font-size: 24px;
}

#page-virtualroom-layout .localVideoContainer .share-screen-warning {
  position: absolute;
  top: 1px;
  left: 16px;
  width: 318px;
  text-align: center;
  padding: 10px;
  background-color: #0007;
  letter-spacing: 0.5px;
}

#page-virtualroom-layout .localVideoContainer .share-screen-warning span {
  animation: blink 2s infinite;
  -webkit-animation: blink 2s infinite;
}

#page-virtualroom-wrapper-participant {
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
  overflow-x: hidden;
  display: none;
  width: 320px;
  height: 100%;
  top: 0;
  left: 0;
  background: #356070 url(images/texture.png) repeat;
  border-left: 1px solid black;
  box-shadow: none;
  position: absolute;
  z-index: 50;
  color: #fff;
}

#page-virtualroom-wrapper-participant > h1 {
  text-align: center;
}

#page-virtualroom-wrapper-participant.show {
  display: block;
  box-shadow: 0 0 5px #000;
}

#page-virtualroom-wrapper-participant a {
  color: #fff;
  line-height: 42px;
}

#page-virtualroom-wrapper-participant .slimScrollDiv {
  margin-right: 8px;
  margin-top: 10px;
}

#page-virtualroom-wrapper-participant ul li ul {
  list-style-type: none;
  padding-left: 0;
}

#page-virtualroom-wrapper-participant ul li ul li {
  line-height: 52px;
  font-size: 13px;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 52px;
  width: 300px;
}

#page-virtualroom-wrapper-participant ul li ul li .avatar {
  display: inline-block;
  margin: 0 6px;
  vertical-align: top;
}

#page-virtualroom-wrapper-participant ul li ul li .avatar img {
  width: 40px;
  max-width: 40px;
  border-radius: 20px !important;
  height: 40px;
  max-height: 40px;
  line-height: 42px;
}

#page-virtualroom-wrapper-participant ul li ul li .user {
  display: inline-block;
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 200px;
}

#page-virtualroom-wrapper-participant ul li ul li .action {
  display: inline-block;
  width: 40px;
  right: 0;
  text-align: center;
  vertical-align: top;
  font-size: 16px;
}

#page-virtualroom-wrapper-participant ul li ul li .action .fa {
  width: 34px;
}

#page-virtualroom-wrapper-participant ul li ul li .action .fa.fa-wifi {
  animation: fadeIn .5s infinite alternate;
  color: #F47A6E !important;
}

#page-virtualroom-wrapper-participant span {
  display: block;
  text-align: center;
}

#page-virtualroom-wrapper-participant .my-command {
  text-align: center;
  height: 46px;
  width: 300px;
  margin: 0 10px;
  background-color: #23373E;
  border-radius: 10px !important;
}

#page-virtualroom-wrapper-participant .my-command.closed {
  border-radius: 10px !important;
}

#page-virtualroom-wrapper-participant .my-command a {
  display: inline-block;
  width: 30px;
  font-size: 24px;
  line-height: 46px;
  text-align: center;
}

#page-virtualroom-wrapper-participant .my-command a.chat {
  position: relative;
  margin: 0 5px;
}

#page-virtualroom-wrapper-participant .my-command a.chat .newMessage {
  background-color: #e7505a;
  border-radius: 30px !important;
  top: -5px;
  right: -5px;
  position: absolute;
  height: 15px;
  width: 15px;
}

#page-virtualroom-wrapper-participant .my-command a.chat > img {
  height: 20px;
  margin-bottom: 10px;
  padding-right: 10px;
}

#page-virtualroom-wrapper-participant .my-command a.updown {
  margin-left: 3px;
}

#page-virtualroom-wrapper-participant .my-command i.fa,
#page-virtualroom-wrapper-participant .my-command .fas,
#page-virtualroom-wrapper-participant .my-command .far {
  line-height: 34px;
}

#page-virtualroom-wrapper-participant .my-command i.fa.microphoneEnable,
#page-virtualroom-wrapper-participant .my-command .fas.microphoneEnable,
#page-virtualroom-wrapper-participant .my-command .far.microphoneEnable {
  color: #e7505a;
}

#page-virtualroom-wrapper-participant .my-command i.fa.fa-hand-paper.handup,
#page-virtualroom-wrapper-participant .my-command .fas.fa-hand-paper.handup,
#page-virtualroom-wrapper-participant .my-command .far.fa-hand-paper.handup {
  animation: blink 1s infinite;
  -webkit-animation: blink 1s infinite;
  color: #F25F41;
}

#page-virtualroom-wrapper-participant .my-command i.fa.fa-briefcase,
#page-virtualroom-wrapper-participant .my-command .fas.fa-briefcase,
#page-virtualroom-wrapper-participant .my-command .far.fa-briefcase {
  margin: 0 4px;
}

#page-virtualroom-wrapper-participant .my-command i.fa.fa-cogs,
#page-virtualroom-wrapper-participant .my-command .fas.fa-cogs,
#page-virtualroom-wrapper-participant .my-command .far.fa-cogs {
  margin-left: 4px;
}

#page-virtualroom-wrapper-participant .closer {
  margin-bottom: 2px;
  height: 70px;
}

#page-virtualroom-wrapper-participant .closer .title {
  padding: 20px 0 0 25px;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
}

#page-virtualroom-wrapper-participant .closer a {
  position: absolute;
  right: 24px;
  top: 13px;
}

#page-virtualroom-wrapper-participant .closer a .fa {
  color: #B8C1BF;
  font-size: 24px;
}

#page-virtualroom-wrapper-participant .closer a .fa:hover {
  color: #fff;
}

#page-virtualroom-wrapper-participant #animator {
  padding: 0 13px;
}

#page-virtualroom-wrapper-participant #animator .animatorContainer {
  position: relative;
  width: 274px;
  margin: 0 10px;
  overflow: hidden;
}

#page-virtualroom-wrapper-participant #animator .animatorContainer video {
  width: 274px;
  border-radius: 10px !important;
}

#page-virtualroom-wrapper-participant #animator .animatorContainer video.share-screen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: #fff;
  border: none;
}

#page-virtualroom-wrapper-participant #animator .animatorContainer:hover .username {
  background-color: #0008;
}

#page-virtualroom-wrapper-participant #animator .animatorContainer .username {
  position: absolute;
  top: 0;
  text-align: left;
  padding: 8px 15px;
  width: 100%;
  font-size: 13px;
  color: #fff;
  font-weight: 500;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-top-left-radius: 10px !important;
  border-top-right-radius: 10px !important;
}

#page-virtualroom-wrapper-participant #animator .animatorContainer .no-display {
  border-radius: 10px!important;
  width: 274px;
  height: 155px;
  background-position: center;
  background-size: contain;
  background-color: #B8C1BF;
  background-repeat: no-repeat;
}

#page-virtualroom-wrapper-participant #forwardVideo {
  width: 100%;
  height: 240px;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  position: relative;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

#page-virtualroom-wrapper-participant #forwardVideo > img,
#page-virtualroom-wrapper-participant #forwardVideo video {
  height: 100%;
  width: 100%;
}

#page-virtualroom-wrapper-participant #forwardVideo .speakerName {
  position: absolute;
  bottom: 0;
  left: 2px;
  width: 100%;
  background-color: rgba(176, 176, 176, 0.75);
  color: white;
  text-align: center;
  padding: 5px 0;
}

#page-virtualroom-wrapper-participant #projector {
  position: fixed;
  top: 0;
  left: -105%;
  width: 100%;
  height: 100%;
  background: #26344b url(images/texture.png) repeat;
  border-left: 1px solid #000;
  z-index: 16;
}

#page-virtualroom-wrapper-participant #projector .top {
  background-color: #00b5e2;
  height: 91px;
  width: 100vw;
}

#page-virtualroom-wrapper-participant #projector .top .title {
  padding: 34px 0 0 18px;
  font-size: 24px;
  font-weight: 500;
  color: #fff;
}

#page-virtualroom-wrapper-participant #projector.show {
  left: 0;
  transition: left ease-in-out 0.3s;
}

#page-virtualroom-wrapper-participant #projector iframe {
  height: 100%;
  width: 100%;
}

#page-virtualroom-wrapper-participant #shareScreen {
  position: fixed;
  top: 0;
  left: -105%;
  width: 100%;
  height: 100%;
  background: #26344b url(images/texture.png) repeat;
  border-left: 1px solid #000;
  z-index: 15;
}

#page-virtualroom-wrapper-participant #shareScreen .top {
  background-color: #00b5e2;
  height: 91px;
  width: 100vw;
}

#page-virtualroom-wrapper-participant #shareScreen .top .title {
  padding: 34px 0 0 18px;
  font-size: 24px;
  font-weight: 500;
  color: #fff;
}

#page-virtualroom-wrapper-participant #shareScreen.show {
  left: 0;
  transition: left ease-in-out 0.3s;
}

#page-virtualroom-wrapper-participant #shareScreen > video {
  height: 100%;
  width: 100%;
}

#page-virtualroom-wrapper-participant #remoteVideo {
  padding-top: 72px;
  margin: 0;
  position: fixed;
  top: 0;
  left: 320px;
  width: calc(100% - 320px);
  height: 100%;
  background: #26344b url(images/texture.png) repeat;
  text-align: center;
}

#page-virtualroom-wrapper-participant #remoteVideo h2 {
  color: #fff;
  position: absolute;
  top: 0;
  left: 20px;
}

#page-virtualroom-wrapper-participant #remoteVideo.full {
  left: 0!important;
  width: 100% !important;
}

#page-virtualroom-wrapper-participant #remoteVideo .closer {
  position: absolute;
  right: 20px;
  top: 20px;
  color: wheat;
}

#page-virtualroom-wrapper-participant #remoteVideo .bg-control {
  position: absolute;
  height: 35px;
  bottom: 7px;
  left: 1px;
  width: 150px;
  background-color: #0004;
  transition: background-color 0.3s;
}

#page-virtualroom-wrapper-participant #remoteVideo .bg-control:hover {
  background-color: #000a;
}

#page-virtualroom-wrapper-participant #remoteVideo .bg-control a {
  transition: opacity 0.5s;
}

#page-virtualroom-wrapper-participant #remoteVideo .bg-control a:hover {
  opacity: 100% !important;
}

#page-virtualroom-wrapper-participant #remoteVideo .bg-control a.micro {
  position: absolute;
  bottom: 5px;
  left: 47px;
  opacity: 50%;
  width: 26px;
  height: 26px;
  background: transparent url('/assets/images/icon/microphone.png') no-repeat center center;
  background-size: contain;
  filter: invert(100%);
}

#page-virtualroom-wrapper-participant #remoteVideo .bg-control a.no-micro {
  position: absolute;
  bottom: 5px;
  left: 47px;
  width: 26px;
  height: 26px;
  background: transparent url('/assets/images/icon/microphone-mute.png') no-repeat center center;
  background-size: contain;
  filter: invert(100%);
}

#page-virtualroom-wrapper-participant #remoteVideo .bg-control a.hand {
  position: absolute;
  left: 90px;
  bottom: 4px;
  font-size: 22px;
  color: #fff;
  opacity: 50%;
}

#page-virtualroom-wrapper-participant #remoteVideo .bg-control a.hand.raised {
  color: red;
  opacity: 100%;
  animation: check 1s;
  animation-iteration-count: infinite;
}

#page-virtualroom-wrapper-participant #remoteVideo .remotes {
  font-size: 0;
}

#page-virtualroom-wrapper-participant #remoteVideo video {
  background-color: #000;
  object-fit: contain;
  width: 100%;
  height: 100%;
}

#page-virtualroom-wrapper-participant #remoteVideo .remote-video {
  position: relative;
  width: 100%;
  height: calc(100vh - 72px);
  display: inline-block;
}

#page-virtualroom-wrapper-participant #remoteVideo .remote-video:hover .username {
  background-color: #0008;
}

#page-virtualroom-wrapper-participant #remoteVideo .remote-video .username {
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  width: 100%;
  font-size: 14px;
  color: #fff;
  text-shadow: 0 0 3px #000, 0 0 3px #000, 0 0 3px #000;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 8px 0;
}

#page-virtualroom-wrapper-participant #remoteVideo .size-1 .remote-video {
  width: 100%;
  height: 100%;
}

#page-virtualroom-wrapper-participant #remoteVideo .size-2 .remote-video {
  height: 50vh;
  width: 50%;
  margin-top: calc(25vh - 72px);
}

#page-virtualroom-wrapper-participant #remoteVideo .size-3 .remote-video,
#page-virtualroom-wrapper-participant #remoteVideo .size-4 .remote-video {
  height: calc(50vh - 36px);
  width: 50%;
}

#page-virtualroom-wrapper-participant #remoteVideo .size-5 .remote-video,
#page-virtualroom-wrapper-participant #remoteVideo .size-6 .remote-video {
  height: calc(50vh - 36px);
  width: 33.333%;
}

#page-virtualroom-wrapper-participant #remoteVideo .size-7 .remote-video,
#page-virtualroom-wrapper-participant #remoteVideo .size-8 .remote-video,
#page-virtualroom-wrapper-participant #remoteVideo .size-9 .remote-video {
  height: calc(33.33vh - 24px);
  width: 33.333%;
}

#page-virtualroom-wrapper-participant #remoteVideo .size-10 .remote-video,
#page-virtualroom-wrapper-participant #remoteVideo .size-11 .remote-video,
#page-virtualroom-wrapper-participant #remoteVideo .size-12 .remote-video {
  height: calc(33.33vh - 24px);
  width: 25%;
}

#page-virtualroom-wrapper-participant #remoteVideo .size-13 .remote-video,
#page-virtualroom-wrapper-participant #remoteVideo .size-14 .remote-video,
#page-virtualroom-wrapper-participant #remoteVideo .size-15 .remote-video,
#page-virtualroom-wrapper-participant #remoteVideo .size-16 .remote-video {
  height: calc(33.33vh - 18px);
  width: 25%;
}

#page-virtualroom-wrapper-participant .full-screen {
  position: fixed;
  top: 15px;
  right: 15px;
  opacity: 50%;
}

#page-virtualroom-wrapper-participant .full-screen:hover {
  opacity: 100%;
}

#page-virtualroom-wrapper-participant .material-choose {
  margin: 0 10px;
  font-size: 13px;
  letter-spacing: .5px;
}

#page-virtualroom-wrapper-participant .material-choose .config-webiteach {
  text-align: left;
  margin: 20px 0;
}

#page-virtualroom-wrapper-participant .material-choose .join {
  margin: 30px auto 0 auto;
  text-align: center;
}

#page-virtualroom-wrapper-participant .material-choose .device {
  border-bottom: none;
}

#page-virtualroom-wrapper-participant .material-choose .device .no-hardware {
  display: inline-block;
  width: 253px;
}

#page-virtualroom-wrapper-participant #myVideo {
  position: absolute;
  bottom: 15px;
  width: 275px;
  left: 20px;
}

#page-virtualroom-wrapper-participant #myVideo #localVideo {
  width: 100%;
  border-radius: 10px !important;
}

#page-virtualroom-wrapper-participant #remotePad {
  padding-top: 72px;
  margin: 0;
  position: fixed;
  top: 0;
  left: 320px;
  width: calc(100% - 320px);
  height: 100%;
  background: #26344b url(images/texture.png) repeat;
  text-align: center;
}

#page-virtualroom-wrapper-participant #remotePad h2 {
  color: #fff;
  position: absolute;
  top: 0;
  left: 20px;
}

#page-virtualroom-wrapper-participant #remotePad.full {
  left: 0!important;
  width: 100% !important;
}

#page-virtualroom-wrapper-participant #userShareScreen {
  margin: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #26344b url(images/texture.png) repeat;
  text-align: center;
}

#page-virtualroom-wrapper-participant #userShareScreen #userShareScreenVideo {
  width: 100%;
  height: inherit;
}

#page-virtualroom-layout .device,
#page-virtualroom-wrapper-participant .device {
  margin: 15px 0 0 0;
  text-align: center;
  padding-bottom: 5px;
}

#page-virtualroom-layout .device i,
#page-virtualroom-wrapper-participant .device i {
  display: inline-block;
  width: 36px;
}

#page-virtualroom-layout .device select,
#page-virtualroom-wrapper-participant .device select {
  display: inline-block;
  color: #000;
  width: 250px;
  margin: 0 5px 10px 0;
  padding: 0 0 0 1px;
  font-weight: normal;
  font-size: 12px;
  height: 26px;
  border-radius: 6px !important;
}

#page-virtualroom-layout .device .my-command,
#page-virtualroom-wrapper-participant .device .my-command {
  border-bottom: unset;
}

#page-virtualroom-layout .help,
#page-virtualroom-wrapper-participant .help {
  text-align: center;
  margin-top: 10px;
  position: absolute;
  bottom: 20px;
  width: 100%;
  font-size: 13px;
}

#page-virtualroom-layout .help i,
#page-virtualroom-wrapper-participant .help i {
  margin-right: 12px;
}

#page-virtualroom-layout .help a,
#page-virtualroom-wrapper-participant .help a {
  color: #fff;
}

#page-virtualroom-layout .atelier,
#page-virtualroom-wrapper-participant .atelier {
  position: absolute;
  bottom: 20px;
  right: 20px;
}

#page-virtualroom-layout .atelier a.btn,
#page-virtualroom-wrapper-participant .atelier a.btn {
  padding: 5px 10px;
}

#page-virtualroom-layout .atelier i,
#page-virtualroom-wrapper-participant .atelier i {
  margin-right: 8px;
}

#page-virtualroom-layout .workshop-list,
#page-virtualroom-wrapper-participant .workshop-list {
  height: calc(100vh - 160px);
  overflow-y: auto;
  overflow-x: hidden;
  margin-right: 10px;
  margin-top: 8px;
  padding-left: 10px;
}

#page-virtualroom-layout .workshop-list .workshop-label,
#page-virtualroom-wrapper-participant .workshop-list .workshop-label {
  font-size: 13px;
  font-weight: bold;
  margin: 0 15px;
  line-height: 20px;
  border-bottom: 1px solid #fff;
  padding-bottom: 5px;
  letter-spacing: 0.5px;
}

#page-virtualroom-layout .workshop-list .workshop-label a,
#page-virtualroom-wrapper-participant .workshop-list .workshop-label a {
  color: #fff;
  font-weight: normal;
  margin-left: 10px;
}

#page-virtualroom-layout .workshop-list .workshop-label .workshop-action a,
#page-virtualroom-wrapper-participant .workshop-list .workshop-label .workshop-action a {
  color: #fff;
}

#page-virtualroom-layout .workshop-list .workshop-label .workshop-action .fa-edit,
#page-virtualroom-wrapper-participant .workshop-list .workshop-label .workshop-action .fa-edit {
  margin-right: 2px;
}

#page-virtualroom-layout .workshop-list .users-list,
#page-virtualroom-wrapper-participant .workshop-list .users-list {
  padding-bottom: 10px;
  margin-top: 5px;
}

#virtualroom_button {
  position: fixed;
  bottom: 26px;
  left: 26px;
  cursor: pointer;
  height: 36px;
  padding: 0 8px 0 0px;
  background-color: #fff;
  color: #000;
  border-radius: 50px !important;
  z-index: 1000;
}

#virtualroom_button i.fa,
#virtualroom_button .fas,
#virtualroom_button .far {
  font-size: 22px;
}

#virtualroom_button i.fa.fa-phone,
#virtualroom_button .fas.fa-phone,
#virtualroom_button .far.fa-phone {
  margin: 12px 0 0 10px;
}

#virtualroom_button i.fa.fa-microphone,
#virtualroom_button .fas.fa-microphone,
#virtualroom_button .far.fa-microphone {
  margin: 11px 1px 0 11px;
  color: #5a5a5a;
}

#virtualroom_button i.fa.fa-microphone-slash,
#virtualroom_button .fas.fa-microphone-slash,
#virtualroom_button .far.fa-microphone-slash {
  margin: 11px 0 0 9px;
  color: #5a5a5a;
}

#virtualroom_button .hangdown,
#virtualroom_button .hangup,
#virtualroom_button .mute,
#virtualroom_button .unmute,
#virtualroom_button .hand {
  display: inline-block;
}

#virtualroom_button .hangdown .fa-phone {
  animation: blink 1s infinite;
  -webkit-animation: blink 1s infinite;
  color: #49c15d;
}

#virtualroom_button .hangup .fa-phone {
  color: #f25f41;
}

#virtualroom_button .hangup .fa-sliders {
  color: #26344b !important;
}

#page-virtualroom-tools-wrapper {
  /*
	#webrtc{
		left: 350px !important;
		width: ~"calc(100% - 350px)" !important;
		transition: left ease-in-out .3s;
	}
	*/
}

#page-virtualroom-tools-wrapper #briefcase,
#page-virtualroom-tools-wrapper #livechat {
  color: #333;
  position: fixed;
  top: 0px;
  left: -100%;
  width: 100%;
  height: 100%;
  background-color: white;
}

#page-virtualroom-tools-wrapper #briefcase .top,
#page-virtualroom-tools-wrapper #livechat .top {
  background-color: #00b5e2;
  height: 91px;
  width: 100%;
  margin-bottom: 20px;
  position: relative;
}

#page-virtualroom-tools-wrapper #briefcase .top .title,
#page-virtualroom-tools-wrapper #livechat .top .title {
  padding: 34px 0 0 18px;
  font-size: 24px;
  font-weight: 500;
  color: #fff;
}

#page-virtualroom-tools-wrapper #briefcase .top a.closer,
#page-virtualroom-tools-wrapper #livechat .top a.closer {
  padding: 15px;
  display: inline-block;
  color: #fff;
  position: absolute;
  right: 10px;
  top: 25px;
}

#page-virtualroom-tools-wrapper #briefcase.show,
#page-virtualroom-tools-wrapper #livechat.show {
  left: 0;
  width: calc(100% - 350px);
  transition: left ease-in-out 0.3s;
}

#page-virtualroom-tools-wrapper #briefcase .page-briefcase,
#page-virtualroom-tools-wrapper #livechat .page-briefcase,
#page-virtualroom-tools-wrapper #briefcase .page-live-chat,
#page-virtualroom-tools-wrapper #livechat .page-live-chat {
  padding: 0 15px 0 20px;
}

#page-virtualroom-tools-wrapper #briefcase .top {
  background-color: #8e44ad;
}

#page-virtualroom-tools-wrapper #livechat .top {
  background-color: #fbbf2d;
}

.user-participant.showVirtualRoom {
  width: calc(100% - 320px);
  margin-left: 320px !important;
  transition: margin-left ease-in-out 0.3s, width ease-in-out 0.3s;
}

.user-participant.showVirtualRoom #control-menu-participant {
  display: none;
}

.user-participant.showVirtualRoom #animator video.share-screen {
  left: 320px !important;
  width: calc(100% - 320px) !important;
}

.user-participant.showVirtualRoom #webrtc.show {
  left: 320px !important;
  width: calc(100% - 320px) !important;
}

.user-participant.showVirtualRoom #projector.show {
  left: 320px !important;
  width: calc(100% - 320px) !important;
}

.user-participant.showVirtualRoom #shareScreen.show {
  left: 320px !important;
  width: calc(100% - 320px) !important;
}

.user-participant.showVirtualRoom #userShareScreen {
  left: 320px !important;
  width: calc(100% - 320px) !important;
}

.user-participant.showVirtualRoom .ui-feedback,
.user-participant.showVirtualRoom .ui-feedback-gamification {
  left: 320px !important;
  width: calc(100% - 320px) !important;
  transition: left ease-in-out 0.3s, width ease-in-out 0.3s;
}

.user-participant.showVirtualRoom.showLivechat {
  width: calc(100% - 670px);
  margin-left: 670px !important;
  transition: margin-left ease-in-out 0.3s, width ease-in-out 0.3s;
}

.user-participant.showVirtualRoom.showLivechat .ui-feedback,
.user-participant.showVirtualRoom.showLivechat .ui-feedback-gamification {
  left: 640px !important;
  width: calc(100% - 640px) !important;
  transition: left ease-in-out 0.3s, width ease-in-out 0.3s;
}

.user-participant.showVirtualRoom.showLivechat .ui-feedback .bg-layer,
.user-participant.showVirtualRoom.showLivechat .ui-feedback-gamification .bg-layer,
.user-participant.showVirtualRoom.showLivechat .ui-feedback .layer,
.user-participant.showVirtualRoom.showLivechat .ui-feedback-gamification .layer {
  width: 100%;
}

#control-menu-participant {
  padding-top: 7px;
  right: 0;
  border-top-left-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
  box-shadow: 1px 1px 3px #000;
}

#control-menu-participant .handup {
  -webkit-animation: blink 1s infinite;
  color: #F25F41;
}

#control-menu-moderateur {
  right: 350px;
  border-top-left-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
  box-shadow: -1px 1px 3px #000;
}

#control-menu-participant {
  padding-top: 7px;
}

#control-menu-participant,
#control-menu-moderateur {
  width: 36px;
  border: 1px solid #26344baa;
  background-color: #26344b;
  position: fixed;
  top: 200px;
  color: #fff;
  z-index: 100;
}

#control-menu-participant > div,
#control-menu-moderateur > div {
  display: inline-block;
  line-height: 36px;
  width: 36px;
  text-align: center;
}

#control-menu-participant > div.splitter,
#control-menu-moderateur > div.splitter {
  border-top: solid 1px white;
  width: 75%;
  margin-left: 12%;
}

#control-menu-participant > div .expand,
#control-menu-moderateur > div .expand {
  margin-bottom: 10px;
}

#control-menu-participant > div .expand .fa,
#control-menu-moderateur > div .expand .fa,
#control-menu-participant > div .expand .fas,
#control-menu-moderateur > div .expand .fas,
#control-menu-participant > div .expand .far,
#control-menu-moderateur > div .expand .far {
  font-size: 22px;
}

#control-menu-participant > div .fa,
#control-menu-moderateur > div .fa,
#control-menu-participant > div .fas,
#control-menu-moderateur > div .fas,
#control-menu-participant > div .far,
#control-menu-moderateur > div .far {
  font-size: 18px;
  cursor: pointer;
}

#control-menu-participant > div .fa.fa-microphone,
#control-menu-moderateur > div .fa.fa-microphone,
#control-menu-participant > div .fas.fa-microphone,
#control-menu-moderateur > div .fas.fa-microphone,
#control-menu-participant > div .far.fa-microphone,
#control-menu-moderateur > div .far.fa-microphone {
  color: #fff;
}

#control-menu-participant > div .fa.fa-microphone.started,
#control-menu-moderateur > div .fa.fa-microphone.started,
#control-menu-participant > div .fas.fa-microphone.started,
#control-menu-moderateur > div .fas.fa-microphone.started,
#control-menu-participant > div .far.fa-microphone.started,
#control-menu-moderateur > div .far.fa-microphone.started {
  animation: blink 1s infinite;
  color: #A5DD43;
}

#control-menu-participant > div a,
#control-menu-moderateur > div a {
  color: #fff;
  display: block;
}

#control-menu-participant > div a.active,
#control-menu-moderateur > div a.active {
  color: #F25F41;
}

#control-menu-participant > div a.liveChat,
#control-menu-moderateur > div a.liveChat {
  position: relative;
}

#control-menu-participant > div a.liveChat .newMessage,
#control-menu-moderateur > div a.liveChat .newMessage {
  background-color: #e7505a;
  border-radius: 30px !important;
  top: 5px;
  right: 3px;
  position: absolute;
  height: 10px;
  width: 10px;
}

#control-menu-participant > div a:hover,
#control-menu-moderateur > div a:hover {
  text-decoration: none;
}

#control-menu-participant > div a.hangUp .fa,
#control-menu-moderateur > div a.hangUp .fa {
  animation: blink 1s infinite;
  -webkit-animation: blink 1s infinite;
  color: #9BC94A;
}

#control-menu-participant > div a.hangDown .fa,
#control-menu-moderateur > div a.hangDown .fa {
  animation: blink 1s infinite;
  -webkit-animation: blink 1s infinite;
  color: #F25F41;
}

#control-menu-participant > div a .fa.active,
#control-menu-moderateur > div a .fa.active,
#control-menu-participant > div a .fas.active,
#control-menu-moderateur > div a .fas.active,
#control-menu-participant > div a .far.active,
#control-menu-moderateur > div a .far.active {
  color: #F25F41;
}
/* Mixins */
#iframeWebicam {
  height: calc(100vh - 70px);
}

#iframeWebicam body {
  overflow: hidden;
}

.page-participant {
  color: #22373F !important;
}

.page-participant #participant-wrap {
  margin: 0;
}

.page-participant .no-link {
  text-decoration: none;
}

.page-participant .center-horizon {
  position: static;
  padding-left: 0px !important;
  padding-right: 8px;
  padding-top: 16px;
  height: 100%;
}

.page-participant .row {
  margin-left: 0px;
  margin-right: 0px;
  padding-left: 0px;
}

.page-participant .style-search-bar {
  width: 15em !important;
  border: 2px solid #B8C1BF !important;
  padding: 10px !important;
  border-radius: 5px !important;
}

.page-participant .icon-cross {
  background-color: #EF5E7D;
  color: #fff;
  padding-top: 8px !important;
}

.page-participant .icon-edit {
  padding-left: 5px !important;
  padding-top: 6px;
  background-color: #36c1c4;
  color: white;
}

.page-participant #link-name-participant {
  left: 17%;
  padding-left: 12px;
}

@media screen and (max-width: 766px) {
  .page-participant #link-name-participant {
    left: 26%;
  }
}

.page-participant .text-click-selection:hover {
  font-weight: bold;
}

.page-participant .ic-green {
  color: #A5DD43;
}

.page-participant .ic-grey {
  color: #B8C1BF;
}

.page-participant .ic-grey:hover {
  color: #22373F;
}

.page-participant #group .grp-list {
  margin: 0px !important;
  padding: 0px 10px 0px 0px !important;
  max-height: 45px !important;
  width: 100% !important;
}

.page-participant #group .grp-list li {
  margin: 0px !important;
  padding: 0px !important;
}

.page-participant #group .grp-list i {
  font-size: 8px;
}

.page-participant #group .fa-circle {
  position: relative;
  font-size: 54px;
  top: -1px !important;
}

.page-participant .panel-multi-select {
  width: 100%;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  border-bottom: 1px solid #B8C1BF;
}

.page-participant #infos-participant-grid .fa.fa-edit,
.page-participant #infos-participant-grid .fa.fa-times {
  position: relative;
  font-size: 24px !important;
  height: 100% !important;
  width: 100% !important;
}

.page-participant #action-participant {
  float: right;
  padding-top: 3px!important;
  padding-right: 4px !important;
}

.page-participant #action-participant a {
  margin-left: 2px !important;
  margin-right: 2px !important;
}

.page-participant #action-participant .fa,
.page-participant #action-participant .fas,
.page-participant #action-participant .far {
  position: relative;
  font-size: 24px !important;
  height: 100% !important;
  width: 100% !important;
}

.page-participant #action-participant .fa.fa-lock,
.page-participant #action-participant .fas.fa-lock,
.page-participant #action-participant .far.fa-lock,
.page-participant #action-participant .fa.fa-unlock-alt,
.page-participant #action-participant .fas.fa-unlock-alt,
.page-participant #action-participant .far.fa-unlock-alt {
  margin-top: 3px;
}

.page-participant #action-participant .fa.fa-qrcode,
.page-participant #action-participant .fas.fa-qrcode,
.page-participant #action-participant .far.fa-qrcode {
  margin-top: 3px;
}

.page-participant #action-participant .fa.fa-envelope,
.page-participant #action-participant .fas.fa-envelope,
.page-participant #action-participant .far.fa-envelope {
  margin-top: 4px !important;
}

.page-participant #action-participant .fa.fa-chart-line,
.page-participant #action-participant .fas.fa-chart-line,
.page-participant #action-participant .far.fa-chart-line {
  margin-top: 3px;
}

.page-participant #action-participant .separator-vertical {
  border-left: 1px solid #B8C1BF;
  height: 100%;
  margin-right: 13px!important;
  margin-left: 5px !important;
  padding-top: 3px;
  padding-bottom: 8px;
}

.page-participant #action-participant .separator-vertical:hover {
  cursor: auto;
}

.page-participant #action-participant .vaction {
  margin-left: -15px;
}

.page-participant #status-participant {
  font-size: 16px;
  padding: 13px 0 0 0;
}

.page-participant #status-participant .col-xs-4,
.page-participant #status-participant .col-xs-6 {
  margin-top: -3px !important;
  margin-bottom: auto;
  padding: 0px !important;
}

.page-participant #status-participant .col-xs-4 .fa,
.page-participant #status-participant .col-xs-6 .fa,
.page-participant #status-participant .col-xs-4 .fas,
.page-participant #status-participant .col-xs-6 .fas,
.page-participant #status-participant .col-xs-4 .far,
.page-participant #status-participant .col-xs-6 .far {
  font-size: 1.8em !important;
}

.page-participant #status-participant .col-xs-4 .fa-wifi:before,
.page-participant #status-participant .col-xs-6 .fa-wifi:before {
  position: relative;
  top: 12px;
}

.page-participant #status-participant .col-xs-4 input,
.page-participant #status-participant .col-xs-6 input {
  position: relative;
  top: 6px;
}

.page-participant #status-participant .col-xs-4 img,
.page-participant #status-participant .col-xs-6 img {
  transform: translateX(-7px);
}

.page-participant #status-participant .btn-wifi {
  position: relative;
  top: -7px;
  padding-right: 9px !important;
  padding-left: 0px !important;
}

.page-participant #status-participant img {
  width: 30px;
  height: 30px;
  margin-right: -10px;
  padding: 0px !important;
  margin-left: 0px !important;
  transform: translate(10%, 5%);
}

.page-participant .btn-icon-full-blue {
  background-color: #36c1c4;
  border-color: #36c1c4;
  color: #fff;
}

.page-participant .btn-icon-full-blue:hover {
  background-color: #fff;
  color: #36c1c4;
}

.page-participant .icon-full-blue-bold {
  -webkit-text-stroke: 0.5px #36c1c4;
}

.page-participant .btn-icon-blue {
  border-color: #36c1c4;
  background-color: #fff;
  color: #36c1c4;
}

.page-participant .btn-icon-blue:hover {
  background-color: #36c1c4;
  color: #fff;
}

.page-participant .mt-card-item {
  background-color: #EFF4F4;
  border-radius: 20px !important;
  border: 5px solid #fff;
  min-width: 220px !important;
  padding: 5px;
}

.page-participant .mt-card-item .mt-card-content {
  color: #6C7F85 !important;
}

.page-participant .mt-card-item:hover {
  opacity: 0.7;
}

.page-participant .mt-card-item .btn-wifi .fa-wifi {
  font-size: 30px!important;
}

.page-participant .mt-card-item .fas.fa-edit {
  font-size: 23px;
  padding-left: 1px!important;
}

.page-participant .mt-card-item .fas.fa-times {
  font-size: 25px;
  padding-top: 1px;
}

.page-participant .body.view-list {
  height: 50px;
}

.page-participant #page-participant-group #status-group .btn {
  padding: 9px 0;
}

.page-participant #page-participant-group #status-group .btn-wifi {
  margin-top: 9px;
}

.page-participant #page-participant-group #status-group .img-group {
  background-color: #d9e1df;
  height: 30px;
  width: 30px;
  margin: 11px 3px !important;
  padding-left: 5px;
  border-radius: 5px !important;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.page-participant #page-participant-group #status-group .fa,
.page-participant #page-participant-group #status-group .fas,
.page-participant #page-participant-group #status-group .far {
  font-size: 1.8em !important;
}

.page-participant #page-participant-group .bloc-mere {
  position: relative;
  padding: 10px;
}

.page-participant #page-participant-group .bloc-group {
  border-radius: 20px !important;
  border: 5px solid #fff;
  background-color: #EFF4F4;
  padding: 0px !important;
  margin: 3px !important;
}

.page-participant #page-participant-group .bloc-group:hover {
  opacity: 0.8;
}

.page-participant #page-participant-group .bloc-group .group-top {
  position: relative;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
  height: 150px !important;
  text-align: center;
  cursor: pointer;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.page-participant #page-participant-group .bloc-group .group-top .btitle {
  border-radius: 15px 15px 0 0 !important;
  top: 0%;
  left: 25%;
  text-align: center;
  color: #22373F;
  width: 100% !important;
  max-height: 150px !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  background-color: #EFF4F4;
  padding: 10px 16px;
  font-size: 18px;
}

.page-participant #page-participant-group .bloc-group .group-top .less-opacity {
  opacity: 0.6 !important;
}

.page-participant #page-participant-group .bloc-group .group-bottom {
  height: 50px !important;
}

.page-participant #page-participant-group .bloc-group .group-bottom > div {
  height: 100%;
  vertical-align: center;
}

.page-participant #page-participant-group .bloc-group .group-bottom .buser {
  padding-top: 1em !important;
  font-size: 15px;
  color: #22373F;
}

.page-participant #page-participant-group .bloc-group .group-bottom .fa,
.page-participant #page-participant-group .bloc-group .group-bottom .fas,
.page-participant #page-participant-group .bloc-group .group-bottom .far {
  height: 100%;
  width: 100%;
  float: right;
  font-size: 30px;
}

.page-participant #page-participant-group .bloc-group .group-bottom .fa:before,
.page-participant #page-participant-group .bloc-group .group-bottom .fas:before,
.page-participant #page-participant-group .bloc-group .group-bottom .far:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.page-participant .custom-checkbox {
  margin-top: 4px !important;
}

.page-participant .btn-filter-connected {
  position: relative;
}

.page-participant .btn-filter-connected .fas {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -60%);
  font-size: 21px;
}

.page-participant .mt-element-card .mt-card-item .mt-card-avatar {
  margin-bottom: 5px;
}

.page-participant .mt-element-card .mt-card-item .mt-card-content .mt-card-name {
  margin-bottom: 3px;
}

.page-participant .mt-element-card .mt-card-item .mt-card-content .mt-card-desc {
  margin: 0 0 5px 0;
}

.page-participant .ui-list .img-card {
  width: 100px;
  height: 100px;
  margin-bottom: 10px;
}

.elearning-live .elearning-table {
  overflow: auto;
}

.elearning-live .elearning-table > table > tbody > tr > td {
  vertical-align: middle;
}

.elearning-live .elearning-table > table > tbody > tr > td .fas {
  display: block !important;
  font-size: 25px;
}

.elearning-live .elearning-table > table > tbody > tr > td .success {
  color: #A5DD43;
}

.elearning-live .elearning-table > table > tbody > tr > td .failed {
  color: #EF5E7D;
}

.page-report-elearning .portlet-title {
  height: 52px;
  margin-bottom: 4px;
  text-align: right;
}

.page-report-elearning .portlet-body div.head > div {
  padding: 5px 15px;
}

.page-report-elearning .portlet-body .odd .row {
  height: 40px;
  line-height: 40px;
}

.page-report-elearning .portlet-body .odd .row:nth-child(odd) {
  background-color: #f8f8f8;
}

.page-report-elearning .portlet-body h3 {
  margin-bottom: 25px;
  margin-top: 12px;
}

.live-html #tab_1_1 {
  overflow-y: auto;
}

.live-html #tab_1_1 table {
  margin-top: 50px;
}

.live-html #tab_1_1 table th {
  padding: 5px;
  background-color: #B0C4DE;
  empty-cells: show;
  text-align: center;
  margin-right: 10px;
}

.live-html #tab_1_1 table thead tr:first-of-type th {
  background-color: #6495ED;
  color: white;
  empty-cells: hide;
}

.live-html #tab_1_1 table td {
  padding: 5px;
  text-align: center;
}

.live-html #tab_1_1 table tbody tr:nth-child(even) {
  background-color: #dae6f1;
}

.live-html #tab_1_1 table tbody tr > td.inputs:last-child {
  margin-right: 10px;
}

.live-html iframe {
  height: 100vh;
}

.capsule-file {
  display: flex;
  margin-bottom: 10px;
}

.page-report-html .portlet-title {
  height: 52px;
  margin-bottom: 4px;
  text-align: right;
}

.page-report-html .portlet-body h3 {
  margin-bottom: 25px;
  margin-top: 12px;
  font-weight: 600;
}

.page-report-html .portlet-body iframe {
  height: calc(100vh + 240px);
}

.page-sharelive {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 45;
  display: none;
}

.page-sharelive.display {
  display: block;
}

.page-sharelive iframe {
  width: 100%;
  height: 100%;
  border: none;
}

.buttonTextColor,
.buttonBackgroundTextColor {
  height: 36px;
}

.buttonTextColor input,
.buttonBackgroundTextColor input {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
}

.page-dashboardFC {
  /* --------- WELCOME --------- */
  /* --------- MAINTENANCE --------- */
  /* --------- CONTAINER SECTION --------- */
  /* --------- CONTAINER BOTTOM --------- */
}

.page-dashboardFC .page-content {
  min-height: auto !important;
}

.page-dashboardFC .containerTop {
  display: flex;
}

.page-dashboardFC .containerTop .welcome-mobiteach {
  padding: 8px 0;
  margin-right: 8px;
}

.page-dashboardFC .containerTop .welcome-mobiteach .box-content {
  background-color: #356070 !important;
  max-height: 140px;
}

.page-dashboardFC .containerTop .welcome-mobiteach .box-content div {
  font-family: 'Ubuntu', sans-serif;
}

.page-dashboardFC .containerTop .welcome-mobiteach .box-content .welcome-text {
  font-size: 16px !important;
  margin-bottom: 10px;
  font-family: 'Ubuntu-Bold', sans-serif;
  color: #EFF4F4;
  text-transform: uppercase;
}

.page-dashboardFC .containerTop .welcome-mobiteach .box-content .welcome {
  margin-top: 20px;
}

.page-dashboardFC .containerTop .welcome-mobiteach .box-content .welcome .info-help {
  color: #d9e1df !important;
  margin-bottom: 10px !important;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.page-dashboardFC .containerTop .welcome-mobiteach .box-content .welcome .info-help:nth-child(1) {
  margin-bottom: 15px !important;
}

.page-dashboardFC .containerTop .welcome-mobiteach .box-content .welcome .info-help a {
  color: #d9e1df !important;
}

.page-dashboardFC .containerTop .welcome-mobiteach .box-content .speed-action {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.page-dashboardFC .containerTop .welcome-mobiteach .box-content .speed-action a {
  color: #d9e1df !important;
  font-size: 12px !important;
}

.page-dashboardFC .maintenance {
  border-radius: 8px !important;
  padding: 8px;
  margin-right: 20px;
}

.page-dashboardFC .maintenance .box-content {
  background-color: #22373F !important;
  height: 140px;
  padding: 20px;
}

.page-dashboardFC .maintenance .box-content div {
  font-family: 'Ubuntu', sans-serif;
}

.page-dashboardFC .maintenance .box-content .maintenance__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.page-dashboardFC .maintenance .box-content .maintenance__top p {
  font-size: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
  color: #d9e1df;
  font-weight: 600;
  user-select: none;
}

.page-dashboardFC .maintenance .box-content .maintenance__top p i {
  margin-right: 5px;
}

.page-dashboardFC .maintenance .box-content .maintenance__top .switch {
  display: flex;
  width: 80px;
  height: 25px;
  border-radius: 20px !important;
  border: 2px solid #d9e1df;
  font-size: 10px;
  cursor: pointer;
}

.page-dashboardFC .maintenance .box-content .maintenance__top .switch-ON {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50%;
  border-right: 2px solid #d9e1df;
  border-radius: 10px 0 0 10px !important;
  color: white;
}

.page-dashboardFC .maintenance .box-content .maintenance__top .switch-OFF {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50%;
  border-radius: 0 10px 10px 0 !important;
}

.page-dashboardFC .maintenance .box-content .maintenance__info p {
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.page-dashboardFC .maintenance .box-content .maintenance__info p:nth-child(1) {
  margin-top: 20px;
  font-size: 12px;
  margin-bottom: 10px;
  color: #d9e1df;
}

.page-dashboardFC .maintenance .box-content .maintenance__info p:nth-child(2) {
  color: #6C7F85;
  font-size: 11px;
}

.page-dashboardFC .maintenance .bgRed {
  background-color: #EF5E7D !important;
}

.page-dashboardFC .maintenance .bgTrans {
  background-color: #22373F !important;
}

.page-dashboardFC .containerSection {
  display: flex;
  padding: 8px 0;
  height: 391px;
  margin: 0;
}

.page-dashboardFC .containerSection .live {
  height: 100%;
  padding: 20px;
  margin-right: 8px;
  background-color: #36c1c4;
  border-radius: 8px !important;
  font-family: 'Ubuntu', sans-serif;
}

.page-dashboardFC .containerSection .live-title {
  margin: 0 0 20px 0;
  color: #EFF4F4;
  font-size: 20px;
}

.page-dashboardFC .containerSection .live-title i {
  margin-right: 10px;
}

.page-dashboardFC .containerSection .live-subtitle {
  margin: 10px 0;
  color: #EFF4F4;
  font-size: 14px;
  font-family: 'Ubuntu-Medium', sans-serif;
}

.page-dashboardFC .containerSection .live ul {
  width: 100%;
  height: 50px;
  overflow: scroll;
  overflow-x: hidden;
  padding: 0;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 3px !important;
}

.page-dashboardFC .containerSection .live ul:nth-child(5) {
  height: 190px;
}

.page-dashboardFC .containerSection .live ul::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.1);
}

.page-dashboardFC .containerSection .live ul::-webkit-scrollbar {
  width: 5px;
  background-color: #f5f5f5;
}

.page-dashboardFC .containerSection .live ul::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #555;
}

.page-dashboardFC .containerSection .live ul li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 5px;
  color: #d9e1df;
  font-size: 14px;
  font-weight: normal;
}

.page-dashboardFC .containerSection .live ul li img {
  height: 20px;
  width: 20px;
}

.page-dashboardFC .containerSection .live ul li span {
  width: 33%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
}

.page-dashboardFC .containerSection .container-cards {
  height: 100%;
}

.page-dashboardFC .containerSection .container-cards .mb20 {
  margin-bottom: 16px !important;
}

.page-dashboardFC .containerSection .container-cards .cards {
  height: 180px;
  font-family: 'Ubuntu', sans-serif;
  padding: 0 7px;
}

.page-dashboardFC .containerSection .container-cards .cards .card-container {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 10px;
  background-color: #356070;
  border-radius: 8px !important;
}

.page-dashboardFC .containerSection .container-cards .cards-img {
  position: absolute;
  top: 20px;
  right: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  width: 50px;
  border-radius: 100% !important;
  background-color: #36c1c4;
}

.page-dashboardFC .containerSection .container-cards .cards-img i,
.page-dashboardFC .containerSection .container-cards .cards-img svg {
  color: #d9e1df;
  font-size: 23px;
}

.page-dashboardFC .containerSection .container-cards .cards-img svg {
  color: #d9e1df;
  height: 23px;
  width: 23px;
}

.page-dashboardFC .containerSection .container-cards .cards-title span {
  text-transform: uppercase;
  color: #EFF4F4;
  margin-top: 10px;
  font-size: 14px;
  font-weight: 600;
}

.page-dashboardFC .containerSection .container-cards .cards-count span {
  display: block;
  color: #EFF4F4;
  margin: 10px 0;
  font-size: 30px;
  font-weight: 600;
}

.page-dashboardFC .containerSection .container-cards .cards-slug span {
  display: block;
  margin-bottom: 10px;
  color: #6C7F85;
  font-size: 13px;
  font-weight: 600;
}

.page-dashboardFC .containerSection .container-cards .cards-list ul {
  padding: 0;
}

.page-dashboardFC .containerSection .container-cards .cards-list ul li,
.page-dashboardFC .containerSection .container-cards .cards-list ul a {
  list-style: none;
  color: #d9e1df;
  font-size: 12px;
  padding: 1px 0;
  font-weight: 600;
}

.page-dashboardFC .containerBottom {
  padding: 8px 30px 8px 0;
}

.page-dashboardFC .containerBottom .containerChart {
  width: 100%;
  padding: 10px;
  background-color: #356070 !important;
  border-radius: 8px !important;
  margin-bottom: 30px;
}

.page-dashboardFC .containerBottom .containerChart__MessageWarning {
  height: 20vw;
  display: flex;
  align-items: center;
  justify-content: center;
}

.page-dashboardFC .containerBottom .containerChart__MessageWarning p {
  color: #36c1c4 !important;
  font-size: 30px !important;
}

.page-dashboardFC .containerBottom .containerChart .containerButtonTimeChart,
.page-dashboardFC .containerBottom .containerChart .containerButtonSortChart {
  display: flex;
  justify-content: center;
  padding: 8px 0;
  margin-bottom: 16px;
}

.page-dashboardFC .containerBottom .containerChart .containerButtonTimeChart button,
.page-dashboardFC .containerBottom .containerChart .containerButtonSortChart button {
  background-color: transparent;
  border: 1px solid #36c1c4;
  padding: 5px 10px;
  color: #36c1c4;
  transition: all 0.3s;
  margin: 5px;
  border-radius: 3px;
}

.page-dashboardFC .containerBottom .containerChart .containerButtonTimeChart button:hover,
.page-dashboardFC .containerBottom .containerChart .containerButtonSortChart button:hover {
  background-color: #36c1c4;
  color: white;
  border-color: white;
}

.page-dashboardFC .containerBottom .containerChart .containerButtonTimeChart .activeButton,
.page-dashboardFC .containerBottom .containerChart .containerButtonSortChart .activeButton {
  background-color: #36c1c4 !important;
  color: white !important;
  border-color: white !important;
}

.page-dashboardFC .containerBottom .containerChart .containerButtonTimeChart {
  margin-bottom: 0 !important;
}

.page-dashboardFC .containerBottom .containerChart canvas {
  background-color: rgba(255, 255, 255, 0.9);
  padding: 8px;
  margin: 0 auto;
  max-width: 70%;
  border-radius: 10px;
}

.pageLive {
  /* -- Tab -- */
}

.pageLive p,
.pageLive h2,
.pageLive span,
.pageLive th,
.pageLive td,
.pageLive tr,
.pageLive a {
  font-family: "Ubuntu", serif;
}

.pageLive .tabbable-line > .nav-tabs > li > a > i {
  margin-right: 10px;
}

.pageLive .tabbable-line > .nav-tabs > li.active > a > i {
  color: white !important;
}

.pageLive__User__Title {
  font-size: 18px;
  font-weight: 600;
  color: #36c1c4;
  margin-bottom: 30px;
}

.pageLive__User__Title i {
  margin-right: 10px;
}

.pageLive__User__Filter #action-view-mode {
  padding: 0;
}

.pageLive__User__Filter input {
  background-color: rgba(255, 255, 255, 0.1);
  font-size: 14px;
  padding: 5px 10px;
  border: 2px solid rgba(255, 255, 255, 0.1);
}

.pageLive__User__Filter input::placeholder {
  color: white;
}

.pageLive__User__List table {
  width: 100%;
  margin-top: 30px;
}

.pageLive__User__List table thead th {
  padding-bottom: 10px;
  font-size: 16px;
}

.pageLive__User__List table thead th:nth-child(1) {
  padding-left: 30px;
}

.pageLive__User__List table tbody tr {
  background-color: rgba(255, 255, 255, 0.1);
}

.pageLive__User__List table tbody tr:nth-child(2n) {
  background-color: transparent;
}

.pageLive__User__List table tbody tr td {
  padding: 20px 0;
  font-size: 16px;
}

.pageLive__User__List table tbody tr td:nth-child(1) {
  text-align: left;
  max-width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 30px;
}

.pageLive__User__List table tbody tr td img {
  height: 30px;
  width: 30px;
  margin-right: 15px;
  border-radius: 100%;
  border: 1px solid #36c1c4;
}

.pageLive__User__List table tbody tr td .sessionThumb {
  height: 30px;
  width: 40px;
  margin-right: 15px;
  border-radius: 5px !important;
  border: none;
}

.pageLive__User__List table tbody tr .status {
  display: flex;
  align-items: center;
  justify-content: center;
}

.pageLive__User__List table tbody tr .bulletGreen,
.pageLive__User__List table tbody tr .bulletBlue,
.pageLive__User__List table tbody tr .bulletGrey,
.pageLive__User__List table tbody tr .bulletRed {
  height: 14px;
  width: 14px;
  border-radius: 100% !important;
  background-color: #B8C1BF;
  margin-right: 10px;
}

.pageLive__User__List table tbody tr .bulletGreen {
  background-color: #A5DD43;
  border: none;
}

.pageLive__User__List table tbody tr .bulletBlue {
  background-color: transparent;
  border: 2px solid #36c1c4;
}

.pageLive__User__List table tbody tr .bulletGrey {
  background-color: #B8C1BF;
  border: none;
}

.pageLive__User__List table tbody tr .bulletRed {
  background-color: transparent;
  border: 2px solid #EF5E7D;
}

.user-administrator nav.block-pagination {
  margin: 20px 0px 20px 10px;
  display: flex;
  justify-content: center;
  float: right;
  width: 100%;
}

.user-administrator nav.block-pagination .pagination {
  list-style: none;
  margin: 0 10px 0;
  padding: 0;
  column-gap: 5px;
  display: flex;
}

.user-administrator nav.block-pagination .pagination li {
  margin: 0 1px;
  min-width: 40px;
  height: 40px;
  background-color: white;
  border-radius: 5px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #36c1c4;
  font-size: 20px;
  font-weight: 500;
  border: 1px solid #22373F;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.user-administrator nav.block-pagination .pagination li:hover {
  background-color: #EFF4F4;
  cursor: pointer;
}

.user-administrator nav.block-pagination .pagination li.selected {
  background-color: #36c1c4;
  border-color: #36c1c4;
  color: white;
}

.user-administrator nav.block-pagination .pagination li:first-child,
.user-administrator nav.block-pagination .pagination li:last-child {
  font-size: 18px;
  padding: 0 10px;
}

.user-administrator nav.block-pagination .pagination li.disabled {
  color: #d9e1df;
}

.user-administrator nav.block-pagination .pagination li.disabled:hover {
  cursor: not-allowed;
}

.user-administrator nav.block-pagination select {
  width: 60px;
  padding-left: 10px;
  border-radius: 10px !important;
  color: #36c1c4;
}

.user-administrator input[type="date"]::-webkit-calendar-picker-indicator {
  color: #D9FEFF;
  margin-right: 2px;
  filter: invert(1);
}

.user-administrator .page-organisation,
.user-administrator .page-journal,
.user-administrator .page-edit-department {
  color: #22373F !important;
}

.user-administrator .page-organisation #participant-wrap,
.user-administrator .page-journal #participant-wrap,
.user-administrator .page-edit-department #participant-wrap {
  margin: 0;
}

.user-administrator .page-organisation .no-link,
.user-administrator .page-journal .no-link,
.user-administrator .page-edit-department .no-link {
  text-decoration: none;
}

.user-administrator .page-organisation .jstree-icon.jstree-themeicon,
.user-administrator .page-journal .jstree-icon.jstree-themeicon,
.user-administrator .page-edit-department .jstree-icon.jstree-themeicon {
  background-size: contain !important;
}

.user-administrator .page-organisation .center-horizon,
.user-administrator .page-journal .center-horizon,
.user-administrator .page-edit-department .center-horizon {
  position: static;
}

.user-administrator .page-organisation .row,
.user-administrator .page-journal .row,
.user-administrator .page-edit-department .row {
  margin-left: 0px !important;
  margin-right: 0px !important;
  padding-left: 0px !important;
}

.user-administrator .page-organisation .style-search-bar,
.user-administrator .page-journal .style-search-bar,
.user-administrator .page-edit-department .style-search-bar {
  width: 17em !important;
  border: 2px solid #83A0AA !important;
  padding: 10px !important;
  border-radius: 5px !important;
  background-color: #407184;
}

.user-administrator .page-organisation .style-search-bar::placeholder,
.user-administrator .page-journal .style-search-bar::placeholder,
.user-administrator .page-edit-department .style-search-bar::placeholder {
  color: #D9FEFF !important;
}

.user-administrator .page-organisation .action-view-mode > *,
.user-administrator .page-journal .action-view-mode > *,
.user-administrator .page-edit-department .action-view-mode > * {
  vertical-align: middle;
}

.user-administrator .page-organisation .style-search-bar::-ms-input-placeholder,
.user-administrator .page-journal .style-search-bar::-ms-input-placeholder,
.user-administrator .page-edit-department .style-search-bar::-ms-input-placeholder {
  color: #D9FEFF !important;
}

.user-administrator .page-organisation .icon-cross,
.user-administrator .page-journal .icon-cross,
.user-administrator .page-edit-department .icon-cross {
  background-color: #EF5E7D;
  color: #fff;
  padding-top: 8px !important;
}

.user-administrator .page-organisation .icon-edit,
.user-administrator .page-journal .icon-edit,
.user-administrator .page-edit-department .icon-edit {
  padding-left: 5px !important;
  padding-top: 0px;
}

.user-administrator .page-organisation #link-name-participant,
.user-administrator .page-journal #link-name-participant,
.user-administrator .page-edit-department #link-name-participant {
  left: 17%;
}

@media screen and (max-width: 766px) {
  .user-administrator .page-organisation #link-name-participant,
  .user-administrator .page-journal #link-name-participant,
  .user-administrator .page-edit-department #link-name-participant {
    left: 26%;
  }
}

.user-administrator .page-organisation .text-click-selection:hover,
.user-administrator .page-journal .text-click-selection:hover,
.user-administrator .page-edit-department .text-click-selection:hover {
  font-weight: bold;
}

.user-administrator .page-organisation .ic-green,
.user-administrator .page-journal .ic-green,
.user-administrator .page-edit-department .ic-green {
  color: #A5DD43;
}

.user-administrator .page-organisation .ic-grey,
.user-administrator .page-journal .ic-grey,
.user-administrator .page-edit-department .ic-grey {
  color: #B8C1BF;
}

.user-administrator .page-organisation .ic-grey:hover,
.user-administrator .page-journal .ic-grey:hover,
.user-administrator .page-edit-department .ic-grey:hover {
  color: #22373F;
}

.user-administrator .page-organisation #group .grp-list,
.user-administrator .page-journal #group .grp-list,
.user-administrator .page-edit-department #group .grp-list {
  margin: 0px !important;
  padding: 0px 10px 0px 0px !important;
  max-height: 45px !important;
  width: 100% !important;
}

.user-administrator .page-organisation #group .grp-list li,
.user-administrator .page-journal #group .grp-list li,
.user-administrator .page-edit-department #group .grp-list li {
  margin: 0px !important;
  padding: 0px !important;
}

.user-administrator .page-organisation #group .grp-list i,
.user-administrator .page-journal #group .grp-list i,
.user-administrator .page-edit-department #group .grp-list i {
  font-size: 8px;
}

.user-administrator .page-organisation #group .fa-circle,
.user-administrator .page-journal #group .fa-circle,
.user-administrator .page-edit-department #group .fa-circle {
  position: relative;
  font-size: 54px;
  top: -1px !important;
}

.user-administrator .page-organisation .panel-multi-select,
.user-administrator .page-journal .panel-multi-select,
.user-administrator .page-edit-department .panel-multi-select {
  width: 100%;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  border-bottom: 1px solid #B8C1BF;
}

.user-administrator .page-organisation #infos-participant-grid .fa.fa-edit,
.user-administrator .page-journal #infos-participant-grid .fa.fa-edit,
.user-administrator .page-edit-department #infos-participant-grid .fa.fa-edit,
.user-administrator .page-organisation #infos-participant-grid .fa.fa-times,
.user-administrator .page-journal #infos-participant-grid .fa.fa-times,
.user-administrator .page-edit-department #infos-participant-grid .fa.fa-times {
  position: relative;
  font-size: 24px !important;
  height: 100% !important;
  width: 100% !important;
}

.user-administrator .page-organisation .action,
.user-administrator .page-journal .action,
.user-administrator .page-edit-department .action {
  float: right;
  padding: 0 4px 0 0!important;
  margin-left: auto;
  /*background-color: red !important;
			color: #37C1C4 !important;*/
}

.user-administrator .page-organisation .action a,
.user-administrator .page-journal .action a,
.user-administrator .page-edit-department .action a {
  margin-left: 2px !important;
  margin-right: 2px !important;
  padding: 0px!important;
}

.user-administrator .page-organisation .action a i.fas,
.user-administrator .page-journal .action a i.fas,
.user-administrator .page-edit-department .action a i.fas {
  margin-top: 0!important;
}

.user-administrator .page-organisation .action .fa,
.user-administrator .page-journal .action .fa,
.user-administrator .page-edit-department .action .fa,
.user-administrator .page-organisation .action .fas,
.user-administrator .page-journal .action .fas,
.user-administrator .page-edit-department .action .fas,
.user-administrator .page-organisation .action .far,
.user-administrator .page-journal .action .far,
.user-administrator .page-edit-department .action .far {
  position: relative;
  font-size: 24px !important;
  height: 100% !important;
  width: 100% !important;
}

.user-administrator .page-organisation .action .separator-vertical,
.user-administrator .page-journal .action .separator-vertical,
.user-administrator .page-edit-department .action .separator-vertical {
  border-left: 1px solid #B8C1BF;
  height: 100%;
  margin-right: 13px!important;
  margin-left: 5px !important;
  padding-top: 3px;
  padding-bottom: 8px;
}

.user-administrator .page-organisation .action .separator-vertical:hover,
.user-administrator .page-journal .action .separator-vertical:hover,
.user-administrator .page-edit-department .action .separator-vertical:hover {
  cursor: auto;
}

.user-administrator .page-organisation .action .vaction,
.user-administrator .page-journal .action .vaction,
.user-administrator .page-edit-department .action .vaction {
  margin-left: -15px;
}

.user-administrator .page-organisation .action .vaction a,
.user-administrator .page-journal .action .vaction a,
.user-administrator .page-edit-department .action .vaction a {
  color: #37C1C4 !important;
}

.user-administrator .page-organisation .action .vaction a i,
.user-administrator .page-journal .action .vaction a i,
.user-administrator .page-edit-department .action .vaction a i {
  display: flex;
  align-items: center;
}

.user-administrator .page-organisation #status-participant,
.user-administrator .page-journal #status-participant,
.user-administrator .page-edit-department #status-participant {
  font-size: 16px;
  padding: 0;
  display: flex;
  align-items: center;
}

.user-administrator .page-organisation #status-participant img,
.user-administrator .page-journal #status-participant img,
.user-administrator .page-edit-department #status-participant img {
  width: 30px;
  height: 30px;
  margin-right: -10px;
  padding: 0px !important;
  margin-left: 0px !important;
}

.user-administrator .page-organisation .btn-icon-full-blue,
.user-administrator .page-journal .btn-icon-full-blue,
.user-administrator .page-edit-department .btn-icon-full-blue {
  background-color: #36c1c4;
  border-color: #36c1c4;
  color: #fff;
}

.user-administrator .page-organisation .btn-icon-full-blue:hover,
.user-administrator .page-journal .btn-icon-full-blue:hover,
.user-administrator .page-edit-department .btn-icon-full-blue:hover {
  background-color: #fff;
  color: #36c1c4;
}

.user-administrator .page-organisation .icon-full-blue-bold,
.user-administrator .page-journal .icon-full-blue-bold,
.user-administrator .page-edit-department .icon-full-blue-bold {
  -webkit-text-stroke: 0.5px #36c1c4;
}

.user-administrator .page-organisation .btn-icon-blue,
.user-administrator .page-journal .btn-icon-blue,
.user-administrator .page-edit-department .btn-icon-blue {
  border-color: #36c1c4;
  background-color: #fff;
  color: #36c1c4;
}

.user-administrator .page-organisation .btn-icon-blue:hover,
.user-administrator .page-journal .btn-icon-blue:hover,
.user-administrator .page-edit-department .btn-icon-blue:hover {
  background-color: #36c1c4;
  color: #fff;
}

.user-administrator .page-organisation .mt-card-item,
.user-administrator .page-journal .mt-card-item,
.user-administrator .page-edit-department .mt-card-item {
  background-color: #EFF4F4;
  border-radius: 20px !important;
  border: 5px solid #fff;
  min-width: 220px !important;
  padding: 5px;
}

.user-administrator .page-organisation .mt-card-item .mt-card-content,
.user-administrator .page-journal .mt-card-item .mt-card-content,
.user-administrator .page-edit-department .mt-card-item .mt-card-content {
  color: #6C7F85 !important;
}

.user-administrator .page-organisation .mt-card-item:hover,
.user-administrator .page-journal .mt-card-item:hover,
.user-administrator .page-edit-department .mt-card-item:hover {
  opacity: 0.7;
}

.user-administrator .page-organisation .mt-card-item .btn-wifi .fa-wifi,
.user-administrator .page-journal .mt-card-item .btn-wifi .fa-wifi,
.user-administrator .page-edit-department .mt-card-item .btn-wifi .fa-wifi {
  font-size: 30px!important;
}

.user-administrator .page-organisation .mt-card-item .fas.fa-edit,
.user-administrator .page-journal .mt-card-item .fas.fa-edit,
.user-administrator .page-edit-department .mt-card-item .fas.fa-edit {
  font-size: 23px;
  padding-left: 1px!important;
}

.user-administrator .page-organisation .mt-card-item .fas.fa-times,
.user-administrator .page-journal .mt-card-item .fas.fa-times,
.user-administrator .page-edit-department .mt-card-item .fas.fa-times {
  font-size: 25px;
  padding-top: 1px;
}

.user-administrator .page-organisation .body.view-list,
.user-administrator .page-journal .body.view-list,
.user-administrator .page-edit-department .body.view-list {
  height: unset;
  min-height: 50px;
}

.user-administrator .page-organisation #page-department #status-group .btn,
.user-administrator .page-journal #page-department #status-group .btn,
.user-administrator .page-edit-department #page-department #status-group .btn {
  padding: 9px 0;
}

.user-administrator .page-organisation #page-department #status-group .btn-wifi,
.user-administrator .page-journal #page-department #status-group .btn-wifi,
.user-administrator .page-edit-department #page-department #status-group .btn-wifi {
  margin-top: 9px;
}

.user-administrator .page-organisation #page-department #status-group .img-group,
.user-administrator .page-journal #page-department #status-group .img-group,
.user-administrator .page-edit-department #page-department #status-group .img-group {
  background-color: #d9e1df;
  height: 30px;
  width: 30px;
  margin: 11px 3px !important;
  padding-left: 5px;
  border-radius: 5px !important;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.user-administrator .page-organisation #page-department #status-group .fa,
.user-administrator .page-journal #page-department #status-group .fa,
.user-administrator .page-edit-department #page-department #status-group .fa,
.user-administrator .page-organisation #page-department #status-group .fas,
.user-administrator .page-journal #page-department #status-group .fas,
.user-administrator .page-edit-department #page-department #status-group .fas,
.user-administrator .page-organisation #page-department #status-group .far,
.user-administrator .page-journal #page-department #status-group .far,
.user-administrator .page-edit-department #page-department #status-group .far {
  font-size: 1.8em !important;
}

.user-administrator .page-organisation #page-department .bloc-mere,
.user-administrator .page-journal #page-department .bloc-mere,
.user-administrator .page-edit-department #page-department .bloc-mere {
  position: relative;
  padding: 10px;
}

.user-administrator .page-organisation #page-department .bloc-group,
.user-administrator .page-journal #page-department .bloc-group,
.user-administrator .page-edit-department #page-department .bloc-group {
  border-radius: 20px !important;
  border: 5px solid #fff;
  background-color: #EFF4F4;
  padding: 0px !important;
  margin: 3px !important;
}

.user-administrator .page-organisation #page-department .bloc-group:hover,
.user-administrator .page-journal #page-department .bloc-group:hover,
.user-administrator .page-edit-department #page-department .bloc-group:hover {
  opacity: 0.8;
}

.user-administrator .page-organisation #page-department .bloc-group .group-top,
.user-administrator .page-journal #page-department .bloc-group .group-top,
.user-administrator .page-edit-department #page-department .bloc-group .group-top {
  position: relative;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
  height: 150px !important;
  text-align: center;
  cursor: pointer;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.user-administrator .page-organisation #page-department .bloc-group .group-top .btitle,
.user-administrator .page-journal #page-department .bloc-group .group-top .btitle,
.user-administrator .page-edit-department #page-department .bloc-group .group-top .btitle {
  border-radius: 15px 15px 0 0 !important;
  top: 0%;
  left: 25%;
  text-align: center;
  color: #22373F;
  width: 100% !important;
  max-height: 150px !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  background-color: #EFF4F4;
  padding: 10px 16px;
  font-size: 18px;
}

.user-administrator .page-organisation #page-department .bloc-group .group-top .less-opacity,
.user-administrator .page-journal #page-department .bloc-group .group-top .less-opacity,
.user-administrator .page-edit-department #page-department .bloc-group .group-top .less-opacity {
  opacity: 0.6 !important;
}

.user-administrator .page-organisation #page-department .bloc-group .group-bottom,
.user-administrator .page-journal #page-department .bloc-group .group-bottom,
.user-administrator .page-edit-department #page-department .bloc-group .group-bottom {
  height: 50px !important;
}

.user-administrator .page-organisation #page-department .bloc-group .group-bottom > div,
.user-administrator .page-journal #page-department .bloc-group .group-bottom > div,
.user-administrator .page-edit-department #page-department .bloc-group .group-bottom > div {
  height: 100%;
  vertical-align: center;
}

.user-administrator .page-organisation #page-department .bloc-group .group-bottom .buser,
.user-administrator .page-journal #page-department .bloc-group .group-bottom .buser,
.user-administrator .page-edit-department #page-department .bloc-group .group-bottom .buser {
  padding-top: 1em !important;
  font-size: 15px;
  color: #22373F;
}

.user-administrator .page-organisation #page-department .bloc-group .group-bottom .fa,
.user-administrator .page-journal #page-department .bloc-group .group-bottom .fa,
.user-administrator .page-edit-department #page-department .bloc-group .group-bottom .fa,
.user-administrator .page-organisation #page-department .bloc-group .group-bottom .fas,
.user-administrator .page-journal #page-department .bloc-group .group-bottom .fas,
.user-administrator .page-edit-department #page-department .bloc-group .group-bottom .fas,
.user-administrator .page-organisation #page-department .bloc-group .group-bottom .far,
.user-administrator .page-journal #page-department .bloc-group .group-bottom .far,
.user-administrator .page-edit-department #page-department .bloc-group .group-bottom .far {
  height: 100%;
  width: 100%;
  float: right;
  font-size: 30px;
}

.user-administrator .page-organisation #page-department .bloc-group .group-bottom .fa:before,
.user-administrator .page-journal #page-department .bloc-group .group-bottom .fa:before,
.user-administrator .page-edit-department #page-department .bloc-group .group-bottom .fa:before,
.user-administrator .page-organisation #page-department .bloc-group .group-bottom .fas:before,
.user-administrator .page-journal #page-department .bloc-group .group-bottom .fas:before,
.user-administrator .page-edit-department #page-department .bloc-group .group-bottom .fas:before,
.user-administrator .page-organisation #page-department .bloc-group .group-bottom .far:before,
.user-administrator .page-journal #page-department .bloc-group .group-bottom .far:before,
.user-administrator .page-edit-department #page-department .bloc-group .group-bottom .far:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.user-administrator .page-organisation .custom-checkbox,
.user-administrator .page-journal .custom-checkbox,
.user-administrator .page-edit-department .custom-checkbox {
  margin-top: 4px !important;
}

.user-administrator .page-organisation .btn-filter-connected,
.user-administrator .page-journal .btn-filter-connected,
.user-administrator .page-edit-department .btn-filter-connected {
  position: relative;
}

.user-administrator .page-organisation .btn-filter-connected .fas,
.user-administrator .page-journal .btn-filter-connected .fas,
.user-administrator .page-edit-department .btn-filter-connected .fas {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -60%);
  font-size: 21px;
}

.user-administrator .page-new-department .portlet.light,
.user-administrator .page-edit-department .portlet.light {
  padding: 20px 45px !important;
}

.user-administrator .page-new-department label,
.user-administrator .page-edit-department label {
  font-weight: 500;
  font-size: 13px;
}

.user-administrator .page-new-department .col-left,
.user-administrator .page-edit-department .col-left {
  margin: 0;
}

.user-administrator .page-new-department .col-left > *,
.user-administrator .page-edit-department .col-left > * {
  width: 100%;
}

.user-administrator .page-new-department #group-edit-wrap,
.user-administrator .page-edit-department #group-edit-wrap {
  margin: 0;
  border-top-right-radius: 15px !important;
}

.user-administrator .page-new-department .row,
.user-administrator .page-edit-department .row {
  margin-left: 0px !important;
  margin-right: 0px !important;
  padding-left: 0px !important;
}

.user-administrator .page-new-department .form-error,
.user-administrator .page-edit-department .form-error {
  color: #EF5E7D !important;
  font-weight: 500;
  margin-top: 3px;
  padding-left: 0px !important;
}

.user-administrator .page-new-department .crop input[type="file"],
.user-administrator .page-edit-department .crop input[type="file"] {
  padding-top: 7px;
  padding-bottom: 15px;
}

.user-administrator .page-new-department .crop .crop-area,
.user-administrator .page-edit-department .crop .crop-area {
  background: #E4E4E4;
  overflow: hidden;
  width: 200px;
  height: 150px;
}

.user-administrator .page-new-department .crop .crop-preview,
.user-administrator .page-edit-department .crop .crop-preview {
  width: 300px;
  height: 225px;
}

.user-administrator .page-new-department .crop .crop-step,
.user-administrator .page-edit-department .crop .crop-step {
  margin: 8px 0 16px 0;
}

.user-administrator .page-new-department .crop .next,
.user-administrator .page-edit-department .crop .next {
  margin-top: 15px;
}

.user-administrator .page-new-department .crop .img-responsive,
.user-administrator .page-edit-department .crop .img-responsive {
  max-width: 400px;
}

.user-administrator .page-new-department .btn-collapse,
.user-administrator .page-edit-department .btn-collapse {
  padding: 10px;
  height: 40px;
  font-size: 15px;
  width: 100%;
}

.user-administrator .page-new-department .btn-icon,
.user-administrator .page-edit-department .btn-icon {
  cursor: pointer;
}

.user-administrator .page-new-department .btn-icon .fas,
.user-administrator .page-edit-department .btn-icon .fas {
  font-size: 25px;
  margin-top: 10px;
  margin-left: 5px;
}

.user-administrator .page-new-department .btn-icon .fas.fa-folder-plus,
.user-administrator .page-edit-department .btn-icon .fas.fa-folder-plus {
  color: #36c1c4;
}

.user-administrator .page-new-department .btn-icon .fas.fa-times,
.user-administrator .page-edit-department .btn-icon .fas.fa-times {
  color: #E249A2;
}

.user-administrator .page-new-department .page-bar,
.user-administrator .page-edit-department .page-bar {
  background-color: inherit;
  font-weight: 500;
  margin-bottom: 25px;
}

.user-administrator .page-new-department .page-bar ul,
.user-administrator .page-edit-department .page-bar ul {
  width: 100%;
  padding-left: 0 !important;
}

.user-administrator .page-new-department .page-bar li > a,
.user-administrator .page-edit-department .page-bar li > a {
  font-size: 30px !important;
  text-transform: uppercase;
}

.user-administrator .page-new-department .page-bar .fa,
.user-administrator .page-edit-department .page-bar .fa,
.user-administrator .page-new-department .page-bar .fas,
.user-administrator .page-edit-department .page-bar .fas,
.user-administrator .page-new-department .page-bar .far,
.user-administrator .page-edit-department .page-bar .far {
  font-size: 30px;
}

.user-administrator .page-create-user h3,
.user-administrator .page-edit-user h3,
.user-administrator .page-user-import h3,
.user-administrator .page-new-department h3,
.user-administrator .page-edit-department h3,
.user-administrator .page-edit-room h3,
.user-administrator .page-create-room h3,
.user-administrator .page-journal h3 {
  color: #FFFFFF !important;
}

.user-administrator .page-create-user .accordeon-heading,
.user-administrator .page-edit-user .accordeon-heading,
.user-administrator .page-user-import .accordeon-heading,
.user-administrator .page-new-department .accordeon-heading,
.user-administrator .page-edit-department .accordeon-heading,
.user-administrator .page-edit-room .accordeon-heading,
.user-administrator .page-create-room .accordeon-heading,
.user-administrator .page-journal .accordeon-heading {
  background: #407184 !important;
  color: white;
}

.user-administrator .page-create-user .form-group,
.user-administrator .page-edit-user .form-group,
.user-administrator .page-user-import .form-group,
.user-administrator .page-new-department .form-group,
.user-administrator .page-edit-department .form-group,
.user-administrator .page-edit-room .form-group,
.user-administrator .page-create-room .form-group,
.user-administrator .page-journal .form-group {
  align-items: center;
}

.user-administrator .page-create-user .form-group label,
.user-administrator .page-edit-user .form-group label,
.user-administrator .page-user-import .form-group label,
.user-administrator .page-new-department .form-group label,
.user-administrator .page-edit-department .form-group label,
.user-administrator .page-edit-room .form-group label,
.user-administrator .page-create-room .form-group label,
.user-administrator .page-journal .form-group label {
  color: #FFFFFF;
}

.user-administrator .page-create-user .form-group input,
.user-administrator .page-edit-user .form-group input,
.user-administrator .page-user-import .form-group input,
.user-administrator .page-new-department .form-group input,
.user-administrator .page-edit-department .form-group input,
.user-administrator .page-edit-room .form-group input,
.user-administrator .page-create-room .form-group input,
.user-administrator .page-journal .form-group input,
.user-administrator .page-create-user .form-group select,
.user-administrator .page-edit-user .form-group select,
.user-administrator .page-user-import .form-group select,
.user-administrator .page-new-department .form-group select,
.user-administrator .page-edit-department .form-group select,
.user-administrator .page-edit-room .form-group select,
.user-administrator .page-create-room .form-group select,
.user-administrator .page-journal .form-group select,
.user-administrator .page-create-user .form-group textarea,
.user-administrator .page-edit-user .form-group textarea,
.user-administrator .page-user-import .form-group textarea,
.user-administrator .page-new-department .form-group textarea,
.user-administrator .page-edit-department .form-group textarea,
.user-administrator .page-edit-room .form-group textarea,
.user-administrator .page-create-room .form-group textarea,
.user-administrator .page-journal .form-group textarea,
.user-administrator .page-create-user .form-group .tags,
.user-administrator .page-edit-user .form-group .tags,
.user-administrator .page-user-import .form-group .tags,
.user-administrator .page-new-department .form-group .tags,
.user-administrator .page-edit-department .form-group .tags,
.user-administrator .page-edit-room .form-group .tags,
.user-administrator .page-create-room .form-group .tags,
.user-administrator .page-journal .form-group .tags {
  background-color: #407184;
  border: 2px solid #83A0AA !important;
  color: #D9FEFF;
}

.user-administrator .page-create-user .form-group tags-input,
.user-administrator .page-edit-user .form-group tags-input,
.user-administrator .page-user-import .form-group tags-input,
.user-administrator .page-new-department .form-group tags-input,
.user-administrator .page-edit-department .form-group tags-input,
.user-administrator .page-edit-room .form-group tags-input,
.user-administrator .page-create-room .form-group tags-input,
.user-administrator .page-journal .form-group tags-input {
  padding: 0;
}

.user-administrator .page-create-user .dropzone,
.user-administrator .page-edit-user .dropzone,
.user-administrator .page-user-import .dropzone,
.user-administrator .page-new-department .dropzone,
.user-administrator .page-edit-department .dropzone,
.user-administrator .page-edit-room .dropzone,
.user-administrator .page-create-room .dropzone,
.user-administrator .page-journal .dropzone {
  border-color: #83A0AA;
  background-color: #407184;
  color: #D9FEFF;
}

.user-administrator .page-user-import input#codePin::-webkit-outer-spin-button,
.user-administrator .page-user-import input#codePin::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.user-administrator .page-user-import input#codePin {
  width: 150px;
  -moz-appearance: textfield;
}

.user-administrator .page-user-import .dropzone {
  margin-top: 20px;
}

.user-administrator .page-user-import a.download {
  color: white;
  text-decoration: underline;
}

.user-administrator .page-edit-user .tag-item.alreadyExists .remove-button {
  display: none;
}

.user-administrator .details-import {
  margin-top: 10px;
}

.user-administrator .details-import .label-list {
  font-weight: 400;
  font-size: 18px;
}

.user-administrator .details-import .label-list:not(.collapsed) i {
  transform: rotate(-180deg);
}

.user-administrator .details-import ul.list-result-import {
  padding: 0;
  list-style: none;
  max-height: 400px;
  overflow: auto;
  /* Handle */
}

.user-administrator .details-import ul.list-result-import::-webkit-scrollbar {
  width: 10px;
}

.user-administrator .details-import ul.list-result-import::-webkit-scrollbar-track {
  background: #d9e1df;
  border-radius: 10px !important;
}

.user-administrator .details-import ul.list-result-import::-webkit-scrollbar-thumb {
  background: #36c1c4;
  border-radius: 10px !important;
}

.user-administrator .details-import ul.list-result-import li {
  margin-top: 10px;
  font-size: 16px;
}

.user-administrator .dialog-result-import-csv .statusIcon,
.user-administrator ul.list-result-import .statusIcon {
  vertical-align: middle;
}

.user-administrator .dialog-result-import-csv .fas.fa-times,
.user-administrator ul.list-result-import .fas.fa-times {
  color: #EF5E7D;
}

.user-administrator .dialog-result-import-csv .fas.fa-check,
.user-administrator ul.list-result-import .fas.fa-check {
  color: #9BC94A;
}

.user-administrator .dialog-result-import-csv .informationsIcon,
.user-administrator ul.list-result-import .informationsIcon {
  vertical-align: middle;
  padding-left: 20px;
}

.user-administrator .body.view-list > .row {
  display: flex;
  align-items: center;
  height: 50px;
}

.user-administrator .body.view-list > .row > * {
  position: static;
  padding-left: 0;
}

.user-administrator .dropdown-checkboxes label {
  margin: 0 0 8px;
}

.user-administrator .dropdown-checkboxes label span {
  width: 19px;
  height: 19px;
}

.user-administrator .page-sidebar h2 {
  margin: 15px 0px 0px 15px;
  color: #407184;
  font-weight: bold;
  font-size: 18px;
}

.user-administrator .page-sidebar ul > li {
  margin-top: 10px;
}

.user-administrator .page-sidebar ul > li a {
  padding-top: 0;
  min-height: unset;
}

.user-administrator .logo h2 {
  color: white;
  font-weight: 500;
}

.user-administrator.login .login-administrator .btn-full-blue-administrator {
  border: 1px solid #50889e;
  background-color: #50889e;
  color: #fff;
}

.user-administrator.login .login-administrator .btn-full-blue-administrator:hover {
  background-color: #fff;
  color: #50889e;
}

.user-administrator.login .font-blue-administrator {
  color: #50889e;
}

.user-administrator .page-content-wrapper {
  background-color: #22373F;
}

.user-administrator .page-content {
  background-color: #28444E;
}

.user-administrator .page-content .portlet {
  background-color: #356070;
  color: #FFFFFF;
}

.user-administrator .navbar-administrator .page-logo,
.user-administrator .navbar-administrator .page-header-inner {
  background-color: #356070;
}

.user-administrator .navbar-administrator .page-top {
  background-color: #28444E;
}

.user-administrator .navbar-administrator .dropdown-user .fas {
  font-size: 20px;
  vertical-align: middle;
}

.user-administrator .navbar-administrator .dropdown-user img {
  width: 40px !important;
  height: 40px !important;
}

.user-administrator .navbar-administrator .dropdown-user:hover {
  background-color: #28444E !important;
}

.user-administrator .navbar-administrator .room-name {
  color: #FFFFFF;
  margin-top: 20px;
}

.user-administrator .nav-tabs > li {
  margin-right: 10px !important;
  background-color: #22373F !important;
  color: #83A0AA !important;
  text-transform: uppercase;
  border-top-left-radius: 7px !important;
  border-top-right-radius: 7px !important;
  border: none !important;
}

.user-administrator .nav-tabs > li a {
  height: 40px;
  padding: 0 16px !important;
  line-height: 40px;
}

.user-administrator .nav-tabs > li.active > a {
  border: none;
  background-color: #37c1c4 !important;
  color: white !important;
  border-top: #36c1c4 1px solid !important;
  border-top-left-radius: 7px !important;
  border-top-right-radius: 7px !important;
}

.user-administrator .nav-tabs > li.active > a:hover {
  border-top: #36c1c4 1px solid !important;
  background-color: #36c1c4 !important;
  border-bottom: none;
}

.user-administrator .btn-full-blue-reversed-administrator {
  border: 1px solid #37C1C4;
  background-color: transparent;
  color: #37C1C4;
}

.user-administrator .btn-full-blue-reversed-administrator:hover {
  background-color: #FFFFFF;
  color: #37C1C4;
}

.user-administrator .ui-list div.body {
  vertical-align: middle;
  color: #ffffff;
  font-weight: 400;
}

.user-administrator .ui-list div.body:nth-child(odd) {
  background-color: #407184;
}

.user-administrator .ui-list div.body .vcenter {
  padding: 12px 0;
}

.user-administrator .ui-list div.body .vaction {
  padding: 0;
}

.user-administrator .ui-list div.body .vaction a {
  margin-right: 2px;
}

.user-administrator .ui-list div.body .vaction a .fa,
.user-administrator .ui-list div.body .vaction a .fas,
.user-administrator .ui-list div.body .vaction a .far {
  position: center;
  font-size: 25px;
}

.user-administrator .ui-list div.body .vaction a .fa.fa-qrcode,
.user-administrator .ui-list div.body .vaction a .fas.fa-qrcode,
.user-administrator .ui-list div.body .vaction a .far.fa-qrcode {
  font-size: 23px;
  vertical-align: -4px;
}

.user-administrator .ui-list div.body .administrator {
  color: #FF866D;
}

.user-administrator .ui-list div.body .moderator {
  color: #FDC12A;
}

.user-administrator .ui-list div.body .participant {
  color: #D5DEDE;
}

.user-administrator .ui-list div.body .teacher {
  color: #37C1C4;
}

.user-administrator .ui-list div.body a {
  text-decoration: none;
}

.user-administrator .ui-list div.body > div:first-child {
  padding-left: 7px;
}

.user-administrator .ui-list div.body > div {
  padding-left: 5px;
  padding-right: 5px;
  overflow-wrap: break-word;
}

.user-administrator .ui-list .avatar {
  width: 40px;
  height: 40px;
  margin-right: 6px;
  margin-top: -8px;
  margin-bottom: -6px;
}

.user-administrator .ui-list .img-card {
  height: 150px;
  width: 150px;
  background-size: cover;
  background-position: center center;
}

.user-administrator .ui-list .view-grid {
  margin: 15px -30px -30px -30px;
}

.user-administrator .ui-list .view-list .btn-wifi.btn-icon-only {
  width: 30px;
  height: 30px;
  vertical-align: -2px;
  margin-top: -8px;
  margin-bottom: -6px;
}

.user-administrator .ui-list .row.master-grid {
  margin: 0;
}

.user-administrator .ui-list .mt-card-avatar {
  position: relative;
}

.user-administrator .ui-list .mt-card-avatar .fa-wifi {
  margin-top: 13px;
  margin-left: 5px;
}

.user-administrator .ui-list .mt-card-avatar .img-card {
  margin-top: 40px;
}

.user-administrator .ui-list .mt-card-action {
  text-align: center;
  margin: 6px 0 6px 0;
  padding-top: 6px;
}

.user-administrator .ui-list .mt-card-action .btn-icon-only {
  width: 41px;
  height: 41px;
}

.user-administrator .ui-list .mt-card-action .btn-icon-only .fa,
.user-administrator .ui-list .mt-card-action .btn-icon-only .fas,
.user-administrator .ui-list .mt-card-action .btn-icon-only .far {
  font-size: 30px;
  margin-top: 0;
  vertical-align: 1px;
}

@media (min-width: 1480px) {
  .user-administrator .ui-list .col-xl-2 {
    width: 20%;
  }
}

@media (min-width: 1710px) {
  .user-administrator .ui-list .col-xl-2 {
    width: 16.66666666%;
  }
}

.user-administrator .dropdown-toggle {
  background-color: #28444E !important;
}

.user-administrator .dropdown-toggle:hover,
.user-administrator .dropdown-toggle:focus {
  background-color: #28444E !important;
}

.user-administrator .dropdown-menu {
  background-color: #356070;
  border-color: #407184;
}

.user-administrator .dropdown-menu .username,
.user-administrator .dropdown-menu .fa,
.user-administrator .dropdown-menu .fas,
.user-administrator .dropdown-menu li,
.user-administrator .dropdown-menu a,
.user-administrator .dropdown-menu label,
.user-administrator .dropdown-menu a > i {
  color: #EFF4F4 !important;
}

.user-administrator .dropdown-menu li > a:hover,
.user-administrator .dropdown-menu a:focus {
  background-color: #407184 !important;
}

.user-administrator .dropdown-menu .divider {
  background-color: #407184;
}

.user-administrator .dropdown-menu:before {
  border-bottom-color: #407184 !important;
}

.user-administrator .dropdown-menu:after {
  border-bottom-color: #356070 !important;
}

.user-administrator .border-top-radius-0 {
  border-top-right-radius: 00px !important;
  border-top-left-radius: 00px !important;
}

.user-administrator .page-content {
  min-height: calc(100vh - 68px);
}

.user-administrator .accordeon-heading {
  padding: 15px 20px;
  background-color: #fafafa;
  margin-bottom: 20px;
  cursor: pointer;
  color: #22373F;
}

.user-administrator .accordeon-heading > i {
  margin-right: 5px;
  transition: all .5s;
}

.user-administrator .accordeon-heading > i.down {
  transform: rotate(0deg);
}

.user-administrator .accordeon-heading > i.right {
  transform: rotate(-90deg);
}

.user-administrator .cursorPointer {
  cursor: pointer;
}

.user-administrator .ngdialog-select-users .ngdialog-message {
  margin-top: 0px;
}

.user-administrator .ngdialog-select-users .ngdialog-buttons {
  padding: 0px;
}

.user-administrator .ngdialog-select-users .ngdialog-content {
  width: 80%;
  height: calc(70vh + 10px);
}

.user-administrator .ngdialog-select-users .ngdialog-content .content-row {
  min-height: 58vh;
}

.user-administrator .ngdialog-select-users .ngdialog-content .content-row .style-search-bar {
  padding: 2px;
  margin-left: 10px;
  margin-bottom: 10px;
  width: 20%;
  border-radius: 5px !important;
}

.user-administrator .ngdialog-select-users .ngdialog-content .content-row p.title {
  margin: 0;
  text-align: center;
}

.user-administrator .ngdialog-select-users .ngdialog-content .content-row .ui-list {
  min-height: 43vh;
}

.user-administrator .ui-autocomplete {
  text-align: left;
  width: 250px;
  max-height: 500px;
  overflow-y: auto;
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.user-administrator .alreadydone {
  background-color: #407184 !important;
}

.user-administrator #select-users {
  color: white !important;
}

.user-administrator #select-users * {
  /* Handle */
}

.user-administrator #select-users *::-webkit-scrollbar {
  width: 10px;
}

.user-administrator #select-users *::-webkit-scrollbar-track {
  background: #d9e1df;
  border-radius: 10px !important;
}

.user-administrator #select-users *::-webkit-scrollbar-thumb {
  background: #36c1c4;
  border-radius: 10px !important;
}

.user-administrator #select-users .btn {
  padding: 7px 12px;
}

.user-administrator #select-users .btn.btn-roundish {
  border-radius: 5px !important;
}

.user-administrator #select-users .btn.btn-violet {
  border-color: #8E44AD;
  background-color: #8E44AD;
  color: #fff;
}

.user-administrator #select-users .btn.btn-violet:hover {
  background-color: #fff;
  color: #8E44AD;
}

.user-administrator #select-users .btn.btn-full-yellow {
  border: 1px solid #EACC4B;
  background-color: #EACC4B;
  color: #fff;
}

.user-administrator #select-users .btn.btn-full-yellow:hover {
  background-color: #fff;
  color: #EACC4B;
}

.user-administrator #select-users .btn.btn-full-blue {
  border: 1px solid #36c1c4;
  background-color: #36c1c4;
  color: #fff;
}

.user-administrator #select-users .btn.btn-full-blue:not(.hover-opactity):hover {
  background-color: #fff;
  color: #36c1c4;
}

.user-administrator #select-users .btn.btn-full-blue.hover-opactity:hover {
  opacity: 0.7;
}

.user-administrator #select-users .btn.btn-full-red {
  border: 1px solid #EF5E7D !important;
  background-color: #EF5E7D;
  color: #fff;
}

.user-administrator #select-users .btn.btn-full-red:hover {
  border-color: 1px solid #EF5E7D !important;
  background-color: #fff;
  color: #EF5E7D;
}

.user-administrator #select-users .btn.btn-full-red-reversed {
  border: 1px solid #EF5E7D !important;
  background-color: #fff;
  color: #EF5E7D;
}

.user-administrator #select-users .btn.btn-full-red-reversed:hover {
  background-color: #EF5E7D;
  color: #fff;
}

.user-administrator #select-users .btn.btn-full-green {
  border: 1px solid #9BC94A;
  background-color: #9BC94A;
  color: #fff;
}

.user-administrator #select-users .btn.btn-full-green:hover {
  background-color: #fff;
  color: #9BC94A;
}

.user-administrator #select-users .btn.btn-full-grey {
  border: 1px solid #B8C1BF;
  background-color: #B8C1BF;
  color: #fff;
}

.user-administrator #select-users .btn.btn-full-grey:hover {
  background-color: #fff;
  color: #B8C1BF;
}

.user-administrator #select-users .btn.btn-full-blue-reversed {
  border: 1px solid #36c1c4;
  background-color: #fff;
  color: #36c1c4;
}

.user-administrator #select-users .btn.btn-full-blue-reversed:hover {
  background-color: #36c1c4;
  color: #fff;
}

.user-administrator #select-users .btn.btn-full-orange {
  border: 1px solid #F25F41;
  background-color: #F25F41;
  color: #fff;
}

.user-administrator #select-users .btn.btn-full-orange:hover {
  background-color: #fff;
  color: #F25F41;
}

.user-administrator #select-users .btn.btn-full-orange-report {
  border: 1px solid #FF866D;
  background-color: #FF866D;
  color: #fff;
}

.user-administrator #select-users .btn.btn-full-orange-report:hover {
  opacity: 0.8;
}

.user-administrator #select-users .btn.btn-full-orange-reversed {
  border: 1px solid #F25F41;
  background-color: #fff;
  color: #F25F41;
}

.user-administrator #select-users .btn.btn-full-orange-reversed:hover {
  background-color: #F25F41;
  color: #fff;
}

.user-administrator #select-users .btn.btn-full-black {
  border: 1px solid #22373F;
  background-color: #22373F;
  color: #fff;
}

.user-administrator #select-users .btn.btn-full-black:hover {
  background-color: #fff;
  color: #22373F;
}

.user-administrator #select-users .btn.btn-collapse {
  text-align: left;
  font-weight: 500;
  background-color: #d9e1df;
  color: #6C7F85;
  border-top-right-radius: 5px !important;
  border-top-left-radius: 5px !important;
}

.user-administrator #select-users .btn.btn-collapse i {
  float: right;
  font-size: 20px;
}

.user-administrator #select-users .btn.btn-collapse i.fa,
.user-administrator #select-users .btn.btn-collapse i.fas,
.user-administrator #select-users .btn.btn-collapse i.far {
  position: relative;
}

.user-administrator #select-users .btn.btn-collapse i.fa.fa-sort-down:before,
.user-administrator #select-users .btn.btn-collapse i.fas.fa-sort-down:before,
.user-administrator #select-users .btn.btn-collapse i.far.fa-sort-down:before {
  position: relative;
  top: -2px;
}

.user-administrator #select-users .btn.btn-collapse i.fa.fa-sort-up,
.user-administrator #select-users .btn.btn-collapse i.fas.fa-sort-up,
.user-administrator #select-users .btn.btn-collapse i.far.fa-sort-up {
  padding-top: 7px;
}

.user-administrator #select-users .btn.btn-connect-moderator {
  border: 1px solid #f47a6e !important;
  background-color: #f47a6e;
  color: #fff;
  border-radius: 5px !important;
}

.user-administrator #select-users .btn.btn-connect-moderator:hover {
  opacity: 1;
  box-shadow: 0 0 8px !important;
}

.user-administrator #select-users .btn.btn-connect-participant {
  border: 1px solid #36c1c4;
  background-color: #36c1c4;
  color: #fff;
}

.user-administrator #select-users .btn.btn-connect-participant:hover {
  opacity: 1;
  box-shadow: 0 0 8px !important;
}

.user-administrator #select-users .btn.btn-connect-moderator,
.user-administrator #select-users .btn.btn-connect-participant {
  box-shadow: none !important;
  font-weight: 500;
  border-radius: 15px !important;
  height: 105px !important;
}

.user-administrator #select-users .btn.btn-submit-paticipant {
  height: 37px;
  padding: 6px 0;
  width: 128px;
  border-radius: 24px !important;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: .8px;
  text-align: center;
  text-transform: uppercase;
}

.user-administrator #select-users .btn.btn-submit-paticipant:disabled {
  opacity: 0.4;
}

.user-administrator #select-users .jstree {
  max-height: 555px;
  overflow: auto;
}

.user-administrator #select-users .jstree .jstree-container-ul {
  max-height: 100%;
}

.user-administrator #select-users p.title {
  margin: 0 0 8px;
  text-align: center;
}

.user-administrator #select-users .ui-list {
  max-height: 500px;
  min-height: 150px;
  width: 100%;
  text-overflow: ellipsis;
  overflow-y: auto;
  overflow-x: hidden;
}

.user-administrator #select-users .ui-list.no-scroll {
  overflow-y: hidden !important;
}

.user-administrator #select-users .ui-list > * {
  padding-left: 10px !important;
}

.user-administrator #select-users .ui-list .row.filter {
  width: 95%;
}

.user-administrator #select-users .ui-list .row.body {
  color: white;
}

.user-administrator #select-users .ui-list .cursorPointer {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 35px;
}

.user-administrator #select-users .ui-list .row.body:nth-child(odd) {
  background: #356070 !important;
}

.user-administrator #select-users .ui-list div.body:nth-child(even) {
  background: #407184 !important;
}

.user-administrator #select-users .btn-group-select-user {
  width: 100%;
  text-align: center;
}

.user-administrator #select-users .btn-group-select-user > .btn {
  padding-left: 10px;
  padding-right: 10px;
  margin-left: 8px;
}

.user-administrator #select-users .style-search-bar {
  border: 2px solid #83A0AA !important;
  padding: 5px !important;
  border-radius: 5px !important;
  color: white;
  background-color: #407184;
  width: 200px;
  height: 40px;
}

.user-administrator #select-users .style-search-bar::placeholder {
  color: white;
}

@media screen and (max-width: 991px) {
  .user-administrator .page-content {
    min-height: calc(100vh - 136px);
  }
}

.user-administrator .page-session {
  color: #22373F !important;
}

.user-administrator .page-session #participant-wrap {
  margin: 0;
}

.user-administrator .page-session .no-link {
  text-decoration: none;
}

.user-administrator .page-session .btn-group button:not(:first-child) {
  margin-left: 10px;
}

.user-administrator .page-session .center-horizon {
  position: static;
}

.user-administrator .page-session .row {
  margin-left: 0px !important;
  margin-right: 0px !important;
  padding-left: 0px !important;
}

.user-administrator .page-session .style-search-bar {
  width: 17em !important;
  border: 2px solid #83a0aa !important;
  padding: 10px !important;
  border-radius: 5px !important;
  background-color: #407184;
}

.user-administrator .page-session .style-search-bar::placeholder {
  color: #d9feff !important;
}

.user-administrator .page-session .action-view-mode > * {
  vertical-align: middle;
}

.user-administrator .page-session .style-search-bar::-ms-input-placeholder {
  color: #d9feff !important;
}

.user-administrator .page-session .icon-cross {
  background-color: #EF5E7D;
  color: #fff;
  padding-top: 8px !important;
}

.user-administrator .page-session .icon-edit {
  padding-left: 5px !important;
  padding-top: 0px;
  color: #36c1c4;
}

.user-administrator .page-session #link-name-participant {
  left: 17%;
}

@media screen and (max-width: 766px) {
  .user-administrator .page-session #link-name-participant {
    left: 26%;
  }
}

.user-administrator .page-session .text-click-selection:hover {
  font-weight: bold;
}

.user-administrator .page-session .ic-green {
  color: #A5DD43;
}

.user-administrator .page-session .ic-grey {
  color: #B8C1BF;
}

.user-administrator .page-session .ic-grey:hover {
  color: #22373F;
}

.user-administrator .page-session #group .grp-list {
  margin: 0px !important;
  padding: 0px 10px 0px 0px !important;
  max-height: 45px !important;
  width: 100% !important;
}

.user-administrator .page-session #group .grp-list li {
  margin: 0px !important;
  padding: 0px !important;
}

.user-administrator .page-session #group .grp-list i {
  font-size: 8px;
}

.user-administrator .page-session #group .fa-circle {
  position: relative;
  font-size: 54px;
  top: -1px !important;
}

.user-administrator .page-session .panel-multi-select {
  width: 100%;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  border-bottom: 1px solid #B8C1BF;
}

.user-administrator .page-session #infos-participant-grid .fa.fa-edit,
.user-administrator .page-session #infos-participant-grid .fa.fa-times {
  position: relative;
  font-size: 24px !important;
  height: 100% !important;
  width: 100% !important;
}

.user-administrator .page-session .action-participant {
  float: right;
  padding-right: 4px !important;
  /*background-color: red !important;
			color: #37C1C4 !important;*/
}

.user-administrator .page-session .action-participant a {
  margin-left: 2px !important;
  margin-right: 2px !important;
}

.user-administrator .page-session .action-participant .fa,
.user-administrator .page-session .action-participant .fas,
.user-administrator .page-session .action-participant .far {
  position: relative;
  font-size: 24px !important;
  height: 100% !important;
  width: 100% !important;
}

.user-administrator .page-session .action-participant .fa.fa-lock,
.user-administrator .page-session .action-participant .fas.fa-lock,
.user-administrator .page-session .action-participant .far.fa-lock,
.user-administrator .page-session .action-participant .fa.fa-unlock-alt,
.user-administrator .page-session .action-participant .fas.fa-unlock-alt,
.user-administrator .page-session .action-participant .far.fa-unlock-alt {
  margin-top: 3px;
}

.user-administrator .page-session .action-participant .fa.fa-qrcode,
.user-administrator .page-session .action-participant .fas.fa-qrcode,
.user-administrator .page-session .action-participant .far.fa-qrcode {
  margin-top: 3px;
}

.user-administrator .page-session .action-participant .fa.fa-envelope,
.user-administrator .page-session .action-participant .fas.fa-envelope,
.user-administrator .page-session .action-participant .far.fa-envelope {
  margin-top: 4px !important;
}

.user-administrator .page-session .action-participant .fa.fa-chart-line,
.user-administrator .page-session .action-participant .fas.fa-chart-line,
.user-administrator .page-session .action-participant .far.fa-chart-line {
  margin-top: 3px;
}

.user-administrator .page-session .action-participant .separator-vertical {
  border-left: 1px solid #B8C1BF;
  height: 100%;
  margin-right: 13px !important;
  margin-left: 5px !important;
  padding-top: 3px;
  padding-bottom: 8px;
}

.user-administrator .page-session .action-participant .separator-vertical:hover {
  cursor: auto;
}

.user-administrator .page-session .action-participant .vaction {
  margin-left: -15px;
}

.user-administrator .page-session .action-participant .vaction a {
  color: #37c1c4 !important;
}

.user-administrator .page-session .status-session {
  font-size: 16px;
  padding: 0;
  display: flex;
  align-items: center;
}

.user-administrator .page-session .status-session img {
  width: 30px;
  height: 30px;
  margin-right: -10px;
  padding: 0px !important;
  margin-left: 0px !important;
}

.user-administrator .page-session .btn-icon-full-blue {
  background-color: #36c1c4;
  border-color: #36c1c4;
  color: #fff;
}

.user-administrator .page-session .btn-icon-full-blue:hover {
  background-color: #fff;
  color: #36c1c4;
}

.user-administrator .page-session .icon-full-blue-bold {
  -webkit-text-stroke: 0.5px #36c1c4;
}

.user-administrator .page-session .btn-icon-blue {
  border-color: #36c1c4;
  background-color: #fff;
  color: #36c1c4;
}

.user-administrator .page-session .btn-icon-blue:hover {
  background-color: #36c1c4;
  color: #fff;
}

.user-administrator .page-session .mt-card-item {
  background-color: #EFF4F4;
  border-radius: 20px !important;
  border: 5px solid #fff;
  min-width: 220px !important;
  padding: 5px;
}

.user-administrator .page-session .mt-card-item .mt-card-content {
  color: #6C7F85 !important;
}

.user-administrator .page-session .mt-card-item:hover {
  opacity: 0.7;
}

.user-administrator .page-session .mt-card-item .btn-wifi .fa-wifi {
  font-size: 30px !important;
}

.user-administrator .page-session .mt-card-item .fas.fa-edit {
  font-size: 23px;
  padding-left: 1px !important;
}

.user-administrator .page-session .mt-card-item .fas.fa-times {
  font-size: 25px;
  padding-top: 1px;
}

.user-administrator .page-session .body.view-list {
  height: unset;
  min-height: 50px;
}

.user-administrator .page-session .custom-checkbox {
  margin-top: 4px !important;
}

.user-administrator .page-session .btn-filter-connected {
  position: relative;
}

.user-administrator .page-session .btn-filter-connected .fas {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -60%);
  font-size: 21px;
}

.user-administrator .page-edit-session {
  color: #6C7F85 !important;
}

.user-administrator .page-edit-session .table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #407184 !important;
}

.user-administrator .page-edit-session .panel-heading {
  background-color: #407184 !important;
}

.user-administrator .page-edit-session .panel-heading .panel-title .date {
  color: #ffffff !important;
}

.user-administrator .page-edit-session .panel-heading .menu-icon.expand {
  background-color: unset !important;
}

.user-administrator .page-edit-session .page-participant {
  color: #ffffff !important;
}

.user-administrator .page-edit-session .page-participant .icon-edit {
  background-color: unset !important;
  color: #36c1c4;
}

.user-administrator .page-edit-session .page-participant .icon-cross {
  background-color: unset !important;
  color: #EF5E7D;
}

.user-administrator .page-edit-session label {
  color: #ffffff;
}

.user-administrator .page-edit-session input,
.user-administrator .page-edit-session select,
.user-administrator .page-edit-session textarea,
.user-administrator .page-edit-session .tags {
  background-color: #407184;
  border: 2px solid #83a0aa !important;
  color: #d9feff;
}

.user-administrator .page-edit-session tags-input {
  padding: 0;
}

.user-administrator .page-edit-session .page-bar {
  background-color: inherit;
  font-weight: 500;
  margin-bottom: 25px;
}

.user-administrator .page-edit-session .page-bar ul {
  width: 100%;
  padding-left: 0 !important;
}

.user-administrator .page-edit-session .page-bar li > a {
  font-size: 30px !important;
  text-transform: uppercase;
}

.user-administrator .page-edit-session .page-bar .fa,
.user-administrator .page-edit-session .page-bar .fas,
.user-administrator .page-edit-session .page-bar .far {
  font-size: 30px;
}

.user-administrator .page-edit-session .ml10 {
  margin-left: 10px;
}

.user-administrator .page-edit-session .datepick {
  background-color: #fff;
  height: 36px;
}

.user-administrator .page-edit-session input[type='number'] {
  width: 120px;
  display: inline-block;
  margin-right: 4px;
  text-align: center;
}

.user-administrator .page-edit-session .select-duration select {
  width: 47%;
  display: inline-block;
}

.user-administrator .page-edit-session .order-list .btn {
  margin: -8px 0 0 15px;
}

.user-administrator .page-edit-session .panel-heading {
  background-color: #EFF4F4;
  border: none;
  padding: 5px 0px 5px 10px;
  border-top-right-radius: 5px !important;
  border-top-left-radius: 5px !important;
  font-weight: 500;
}

.user-administrator .page-edit-session .panel-heading.panel-close {
  border-bottom-right-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
}

.user-administrator .page-edit-session .panel-heading div.col-xs-4 {
  padding-left: 0 !important;
}

.user-administrator .page-edit-session .panel-heading .title-actions {
  padding-top: 3px;
}

.user-administrator .page-edit-session .panel-heading .panel-title {
  margin-top: 0 !important;
}

.user-administrator .page-edit-session .panel-heading .panel-title > * {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.user-administrator .page-edit-session .panel-heading .panel-title .date {
  display: block;
  line-height: 40px;
  color: #6c6c6c;
}

.user-administrator .page-edit-session .panel-heading .panel-title .title {
  display: block;
  line-height: 40px;
  padding-left: 20px;
  font-size: 16px;
  cursor: pointer;
}

.user-administrator .page-edit-session .panel-heading .panel-title .title strong {
  font-size: 18px;
  margin-right: 20px;
}

.user-administrator .page-edit-session .panel-body {
  padding: 0;
  border-bottom: 2px solid #EFF4F4;
  border-left: 2px solid #EFF4F4;
  border-right: 2px solid #EFF4F4;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.user-administrator .page-edit-session .panel-body ul.uisortable,
.user-administrator .page-edit-session .panel-body ul.basic {
  list-style-type: none;
  margin: 0;
  padding: 0;
  min-height: 30px;
}

.user-administrator .page-edit-session .panel-body ul.uisortable li,
.user-administrator .page-edit-session .panel-body ul.basic li {
  padding: 10px 15px 10px 0;
  border-bottom: 2px solid #EFF4F4;
}

.user-administrator .page-edit-session .panel-body ul.uisortable li.alreadydone,
.user-administrator .page-edit-session .panel-body ul.basic li.alreadydone {
  background-color: #d9e1df;
}

.user-administrator .page-edit-session .panel-body ul.uisortable li .movable,
.user-administrator .page-edit-session .panel-body ul.basic li .movable {
  margin-top: 0;
  padding-left: 10px;
  padding-right: 0;
  cursor: ns-resize;
  font-size: 22px;
  width: 30px;
  float: left;
}

.user-administrator .page-edit-session .panel-body ul.uisortable li .movable i,
.user-administrator .page-edit-session .panel-body ul.basic li .movable i {
  width: 1px;
  vertical-align: -1px;
}

.user-administrator .page-edit-session .panel-body ul.uisortable li > .row,
.user-administrator .page-edit-session .panel-body ul.basic li > .row {
  height: 100%;
}

.user-administrator .page-edit-session .panel-body .item-activity {
  width: 100%;
  margin-left: 30px;
}

.user-administrator .page-edit-session .panel-body .item-activity .activityInfo {
  text-transform: uppercase;
  padding-top: 6px;
  padding-left: 0px;
  font-size: 14px;
  font-weight: 500;
}

.user-administrator .page-edit-session .panel-body .item-activity .activityInfo .col {
  overflow: hidden;
  white-space: nowrap !important;
  text-overflow: ellipsis;
}

.user-administrator .page-edit-session .panel-body .item-activity .activityInfo .box-icon {
  max-width: 120px;
  margin-top: -7px;
}

.user-administrator .page-edit-session .panel-body .item-activity .activityInfo .box-icon .name {
  font-size: 11px;
  text-align: center;
}

.user-administrator .page-edit-session .panel-body .ui-sortable-helper .item-activity-whiteboard-files {
  display: none;
}

.user-administrator .page-edit-session .panel-body .item-activity-whiteboard-files {
  list-style: none;
  padding: 10px 40px 10px 115px;
}

.user-administrator .page-edit-session .panel-body .item-activity-whiteboard-files li.li-whiteboard-file {
  padding: 0;
  height: 44px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 500;
  font-size: 16px;
}

.user-administrator .page-edit-session .panel-body .item-activity-whiteboard-files li.li-whiteboard-file .box.box-icon {
  width: 90px;
  margin: 0 15px 0 0;
}

.user-administrator .page-edit-session .panel-body .item-activity-whiteboard-files li.li-whiteboard-file .box.box-icon .name {
  text-align: center;
}

.user-administrator .page-edit-session .panel-body {
  padding: 0;
  border-bottom: 2px solid #407184;
  border-left: 2px solid #407184;
  border-right: 2px solid #407184;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.user-administrator .page-edit-session .panel-body ul > li {
  border-bottom: 2px solid #407184 !important;
}

.user-administrator .page-edit-session .panel-body .item-activity .menu-icon-activity {
  padding-top: 5px;
}

.user-administrator .page-edit-session .panel-body .item-activity .fa,
.user-administrator .page-edit-session .panel-body .item-activity .fas,
.user-administrator .page-edit-session .panel-body .item-activity .far {
  color: #36c1c4;
  font-size: 22px;
}

.user-administrator .page-edit-session .panel-body .item-activity .fa-ellipsis-v {
  color: #6C7F85;
}

.user-administrator .page-edit-session .panel-body .item-activity .fa-times {
  vertical-align: -2px;
  color: #EF5E7D;
  margin-left: 8px;
}

.user-administrator .page-edit-session .panel-body .item-activity .fa-play-circle {
  vertical-align: -5px;
}

.user-administrator .page-edit-session .panel-body .item-activity .fa-stop-circle {
  vertical-align: -5px;
}

.user-administrator .page-edit-session .panel-body .item-activity .fa-eye {
  font-size: 22px;
  vertical-align: -2px;
  margin-left: 10px;
}

.user-administrator .page-edit-session .panel-body .item-activity .fa-bar-chart {
  vertical-align: -2px;
  margin-left: 8px;
}

.user-administrator .page-edit-session .panel-body .item-activity .fa-download {
  vertical-align: -3px;
  margin-left: 8px;
}

.user-administrator .page-edit-session .panel-body .item-activity .fa-stop,
.user-administrator .page-edit-session .panel-body .item-activity .fa-play {
  font-size: 22px;
  vertical-align: -2px;
}

.user-administrator .page-edit-session .panel-body .item-activity .fa-stop {
  animation: fadeIn 0.7s infinite alternate;
}

.user-administrator .page-edit-session .panel-body .item-activity .terminated {
  color: #686868;
}

.user-administrator .page-edit-session .panel-body .item-activity .resume {
  animation: fadeIn 0.7s infinite alternate;
}

.user-administrator .page-edit-session .panel-body .item-activity .fa-trophy {
  font-size: 22px;
  vertical-align: -1px;
  margin-left: 10px;
}

.user-administrator .page-edit-session .lh34 {
  line-height: 34px;
}

.user-administrator .page-edit-session .row .portlet .portlet-body #tab_1_4 p {
  margin-top: 20px;
}

.user-administrator .page-edit-session .row .portlet .portlet-body #tab_1_4 .filter-participant {
  float: none;
  width: calc(100% - 230px);
}

.user-administrator .page-edit-session .row .portlet .portlet-body #tab_1_4 .filter .glyphicon {
  right: 150px;
}

.user-administrator .page-edit-session .row .portlet .portlet-body #tab_1_4 .filter .btn-group {
  float: right;
  margin-top: -1px;
}

.user-administrator .page-edit-session .row .portlet .portlet-body #tab_1_4 .filter .btn-group a.btn {
  min-width: 124px;
}

.user-administrator .page-edit-session .row .portlet .portlet-body #tab_1_4 .filter .btn-group.icon-only a.btn {
  min-width: 50px !important;
}

.user-administrator .page-edit-session .row .portlet .portlet-body #tab_1_4 .table thead tr {
  width: 100%;
  white-space: nowrap;
}

.user-administrator .page-edit-session .row .portlet .portlet-body #tab_1_4 tbody tr td {
  white-space: nowrap;
  border-radius: 0;
  vertical-align: middle;
}

.user-administrator .page-edit-session .row .portlet .portlet-body #tab_1_4 .action-btns {
  width: 150px;
}

.user-administrator .page-edit-session .row .portlet .portlet-body #tab_1_4 .action-btns .btn-outline {
  position: relative;
  display: inline-block;
  padding: 3px 2px;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 0 transparent;
  border-radius: 4px;
  color: #696969;
  font-size: 15px;
  font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
}

.user-administrator .page-edit-session .row .portlet .portlet-body #tab_1_4 .action-btns .btntext {
  font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
  visibility: hidden;
  width: 64px;
  background-color: black;
  color: #fff;
  font-size: 12px;
  text-align: center;
  padding: 3px 0;
  position: absolute;
  z-index: 1;
  top: -25px;
  opacity: 0.7;
  border-radius: 4px !important;
  left: -11px;
}

.user-administrator .page-edit-session .row .portlet .portlet-body #tab_1_4 .action-btns :hover .btntext {
  visibility: visible;
}

.user-administrator .page-edit-session .moving-arrow {
  position: relative;
}

.user-administrator .page-edit-session .moving-arrow i {
  position: absolute;
  font-size: 22px;
  margin: 0 5px;
}

.user-administrator .page-edit-session .moving-arrow i.fa-long-arrow-down {
  left: 4px;
}

.user-administrator .page-edit-session .moving-arrow i.fa-long-arrow-up {
  left: 24px;
}

.user-administrator .page-edit-session .menu-icon {
  float: right;
  text-align: center;
  border-radius: 10px !important;
  background: #fff;
  font-size: 22px;
  height: 34px;
  min-width: 34px;
  width: 34px;
  margin-left: 10px;
}

.user-administrator .page-edit-session .menu-icon:hover {
  opacity: 0.8;
}

.user-administrator .page-edit-session .menu-icon.plus {
  padding-top: 4px;
  background-color: #F25F41;
  border: #F25F41 solid 1px;
}

.user-administrator .page-edit-session .menu-icon.plus .fa,
.user-administrator .page-edit-session .menu-icon.plus .fas,
.user-administrator .page-edit-session .menu-icon.plus .far {
  color: #fff;
}

.user-administrator .page-edit-session .menu-icon.edit {
  background-color: #36c1c4;
  padding-top: 4px;
  padding-left: 5px;
}

.user-administrator .page-edit-session .menu-icon.edit .fa,
.user-administrator .page-edit-session .menu-icon.edit .fas,
.user-administrator .page-edit-session .menu-icon.edit .far {
  color: #fff;
}

.user-administrator .page-edit-session .menu-icon.expand {
  padding: 5px 0px 8px 12px;
  background-color: #EFF4F4;
  margin: 0;
}

.user-administrator .page-edit-session .menu-icon.expand .fa,
.user-administrator .page-edit-session .menu-icon.expand .fas,
.user-administrator .page-edit-session .menu-icon.expand .far {
  font-size: 20px;
  color: #fff;
}

.user-administrator .page-edit-session .menu-icon.user {
  padding: 6px 4px 8px 4px;
}

.user-administrator .page-edit-session .menu-icon.delete {
  padding-top: 5px;
  padding-left: 1px;
  background-color: #EF5E7D;
}

.user-administrator .page-edit-session .menu-icon.delete .fa,
.user-administrator .page-edit-session .menu-icon.delete .fas,
.user-administrator .page-edit-session .menu-icon.delete .far {
  color: #fff;
}

.user-administrator .page-edit-session .session-disabled {
  text-align: right;
  padding-right: 10px;
  line-height: 40px;
}

.user-administrator .page-edit-session #tab_1_1 .picture {
  width: 300px;
  height: auto;
  max-width: 100%;
}

.user-administrator .page-edit-session #tab_1_2 .form-group .doc-list {
  padding: 15px 0;
  margin-bottom: 15px;
  background-color: #407184 !important;
}

.user-administrator .page-edit-session #tab_1_2 .form-group .doc-list .boxdoc {
  position: relative;
  background-color: #356070 !important;
  padding: 20px;
  font-size: 16px;
  border: 1px solid #ddd;
  margin-bottom: 15px;
}

.user-administrator .page-edit-session #tab_1_2 .form-group .doc-list .boxdoc .icon-paper-clip {
  font-size: 30px;
  color: #1e467d;
  margin: 10px 0 20px 0;
}

.user-administrator .page-edit-session #tab_1_2 .form-group .doc-list .boxdoc .delete-doc {
  cursor: pointer;
  position: absolute;
  top: 4px;
  right: 10px;
  font-size: 22px;
  color: #a00;
}

.user-administrator .page-edit-session #tab_1_3 .row,
.user-administrator .page-edit-session #tab_1_9 .row {
  margin-left: 0;
  margin-right: 0;
}

.user-administrator .page-edit-session #tab_1_3 input[type='number'],
.user-administrator .page-edit-session #tab_1_9 input[type='number'] {
  width: calc(90% - 25px);
  text-align: right;
  padding-right: 0;
}

.user-administrator .page-edit-session #tab_1_3 .duration,
.user-administrator .page-edit-session #tab_1_9 .duration {
  margin-top: -6px;
  padding-right: 0;
}

.user-administrator .page-edit-session #tab_1_3 .action,
.user-administrator .page-edit-session #tab_1_9 .action {
  padding-top: 4px;
}

.user-administrator .page-edit-session #tab_1_3 .action i,
.user-administrator .page-edit-session #tab_1_9 .action i,
.user-administrator .page-edit-session #tab_1_3 .action img,
.user-administrator .page-edit-session #tab_1_9 .action img {
  cursor: pointer;
}

.user-administrator .page-edit-session #tab_1_3 .state,
.user-administrator .page-edit-session #tab_1_9 .state {
  color: #858585;
  font-size: 14px;
}

.user-administrator .page-edit-session #tab_1_3 ul.basic li,
.user-administrator .page-edit-session #tab_1_9 ul.basic li {
  padding: 6px 15px;
  font-weight: 500;
}

.user-administrator .page-edit-session #tab_1_3 ul.basic li .avatar,
.user-administrator .page-edit-session #tab_1_9 ul.basic li .avatar {
  width: 36px;
  height: 36px;
  display: inline-block;
  line-height: 36px;
  margin-right: 10px;
}

.user-administrator .page-edit-session #tab_1_3 ul.basic li .avatar img,
.user-administrator .page-edit-session #tab_1_9 ul.basic li .avatar img {
  width: 36px;
  height: 36px;
  object-fit: cover;
}

.user-administrator .page-edit-session #tab_1_3 ul.basic li .username,
.user-administrator .page-edit-session #tab_1_9 ul.basic li .username {
  display: inline-block;
}

.user-administrator .page-edit-session #tab_1_3 ul.basic li .input,
.user-administrator .page-edit-session #tab_1_9 ul.basic li .input {
  float: right;
  width: 150px;
}

.user-administrator .page-edit-session #tab_1_6 table.sign {
  margin-bottom: 0;
}

.user-administrator .page-edit-session #tab_1_6 table.sign button.btn {
  margin-right: 0;
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  border-radius: 4px !important;
}

.user-administrator .page-edit-session #tab_1_6 table.sign tr th {
  min-width: 180px;
  position: relative;
}

.user-administrator .page-edit-session #tab_1_6 table.sign tr th p {
  line-height: 32px;
  margin-bottom: 0;
}

.user-administrator .page-edit-session #tab_1_6 table.sign tr th p:first-child {
  margin-bottom: 6px;
}

.user-administrator .page-edit-session #tab_1_6 table.sign tr th .sign-all {
  position: absolute;
  top: 6px;
  right: 6px;
}

.user-administrator .page-edit-session #tab_1_6 table.sign tr th .duration {
  width: 50px;
  text-align: right;
  height: 24px;
  right: 6px;
  top: 50px;
  position: absolute;
}

.user-administrator .page-edit-session #tab_1_6 table.sign tr td {
  position: relative;
  height: 80px;
}

.user-administrator .page-edit-session #tab_1_6 table.sign tr td .text-muted {
  padding-top: 6px;
}

.user-administrator .page-edit-session #tab_1_6 table.sign tr td.signform {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.user-administrator .page-edit-session #tab_1_6 table.sign tr td button.btn {
  position: absolute;
  right: 8px;
  bottom: 8px;
}

.user-administrator .page-edit-session #tab_1_6 textarea {
  width: 100%;
  height: 80px;
  padding: 10px;
}

.user-administrator .page-edit-session #tab_1_6 .actions button:first-child {
  margin-bottom: 8px;
}

.user-administrator .page-edit-session #tab_1_6 .separator {
  border-top: 2px solid #333;
}

.user-administrator .page-edit-session #tab_1_8 {
  overflow-y: hidden;
  overflow-x: auto;
  min-height: 280px;
}

.user-administrator .page-edit-session #tab_1_7 {
  /*
	  .frise ul .line-timeline {
		  list-style-type: none;
		  position: relative;
		  width: 6px;
		  margin: 0 auto;
		  padding-top: 50px;
		  background: #d0d0d0;
	  }

	  .frise ul .line-timeline::after {
		  content: '';
		  position: absolute;
		  left: 50%;
		  bottom: 0;
		  transform: translateX(-50%);
		  width: 30px;
		  height: 30px;
		  border-radius: 50%;
		  background: inherit;
	  }

	  // Post Bloc
	  .frise ul .line-timeline .message-bloc {
		  position: relative;
		  bottom: 0;
		  width: 400px;
		  padding: 15px;
		  border-radius: 4px !important;
		  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
		  min-height: 60px;

		  .feed-title {
		  font-size: 15px;
		  }
	  }
	  */
}

.user-administrator .page-edit-session #tab_1_7 p {
  margin-top: 20px;
}

.user-administrator .page-edit-session #tab_1_7 .actions {
  text-align: right;
  margin-right: 35px;
}

.user-administrator .page-edit-session #tab_1_7 .frise {
  margin-top: 30px;
}

.user-administrator .page-edit-session #tab_1_7 .frise ul {
  list-style-type: none;
  padding: 0 20px;
}

.user-administrator .page-edit-session #tab_1_7 .frise ul li .show-desc {
  float: right;
  color: white;
  font-size: 20px;
  display: inline-block;
}

.user-administrator .page-edit-session #tab_1_7 .frise ul li .fa-sort-asc {
  margin-top: 8px;
}

.user-administrator .page-edit-session #tab_1_7 .frise ul li .bulle {
  width: 5%;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.user-administrator .page-edit-session #tab_1_7 .frise ul li .bulle .fa-play {
  margin: 12px;
}

.user-administrator .page-edit-session #tab_1_7 .frise ul li .bulle .fa-user {
  margin: 11px;
}

.user-administrator .page-edit-session #tab_1_7 .frise ul li .bulle .fa-stop {
  margin: 12px;
}

.user-administrator .page-edit-session #tab_1_7 .frise ul li .bulle .fa-graduation-cap {
  margin: 9px;
}

.user-administrator .page-edit-session #tab_1_7 .frise ul li .bulle.session {
  border: 3px solid #37c1c4;
  background-color: white;
}

.user-administrator .page-edit-session #tab_1_7 .frise ul li .bulle.activity {
  background-color: #37c1c4;
}

.user-administrator .page-edit-session #tab_1_7 .frise ul li .bulle.list-participant {
  background-color: #a1a1a1;
}

.user-administrator .page-edit-session #tab_1_7 .frise ul li .left {
  border-right: 5px solid #ddd;
  margin-right: calc(50% + 1%);
}

.user-administrator .page-edit-session #tab_1_7 .frise ul li .left .bulle {
  position: absolute;
  width: 40px;
  height: 40px;
  right: -22px;
  top: calc(50% - 30px);
  border-radius: 100px !important;
}

.user-administrator .page-edit-session #tab_1_7 .frise ul li .left .message-bloc {
  margin-right: 50px;
}

.user-administrator .page-edit-session #tab_1_7 .frise ul li .right {
  border-left: 5px solid #ddd;
  margin-left: calc(50% - 0.4%);
}

.user-administrator .page-edit-session #tab_1_7 .frise ul li .right .bulle {
  position: absolute;
  width: 40px;
  height: 40px;
  left: -22px;
  top: calc(50% - 30px);
  border-radius: 100px !important;
}

.user-administrator .page-edit-session #tab_1_7 .frise ul li .right .message-bloc {
  margin-left: 50px;
}

.user-administrator .page-edit-session #tab_1_7 .frise ul li .content {
  position: relative;
  float: left;
  width: calc(50% + 1px);
  ;
  clear: both;
}

.user-administrator .page-edit-session #tab_1_7 .frise ul li .message-bloc {
  padding: 15px;
  border-radius: 4px !important;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  min-height: 60px;
}

.user-administrator .page-edit-session #tab_1_7 .frise ul li .message-bloc .feed-title {
  font-size: 15px;
  display: inline-block;
  margin-bottom: 10px;
}

.user-administrator .page-edit-session #tab_1_7 .frise ul li .message-bloc .feed-date {
  display: inline-block;
  float: right;
}

.user-administrator .page-edit-session #tab_1_7 .frise ul li .message-bloc .activity-name {
  display: inline-block;
}

@media (max-width: 970px) {
  .user-administrator .page-edit-session #tab_1_7 .content {
    width: 98% !important;
    margin-left: 10px !important;
  }

  .user-administrator .page-edit-session #tab_1_7 .left {
    border-left: 5px solid #ddd;
    margin-left: 0;
    margin-right: 0 !important;
    border-right: none !important;
  }

  .user-administrator .page-edit-session #tab_1_7 .bulle {
    position: absolute;
    left: -22px;
  }

  .user-administrator .page-edit-session #tab_1_7 .message-bloc {
    margin-left: 30px !important;
    margin-right: 0 !important;
  }
}

.user-administrator .page-edit-session #tab_1_7 .session {
  border: 3px solid #5ebcba;
  color: #5ebcba;
}

.user-administrator .page-edit-session #tab_1_7 .activity {
  background-color: #5ebcba;
  color: white;
}

.user-administrator .page-edit-session #tab_1_7 .list-participant {
  background-color: #a1a1a1;
  color: white;
}

.user-administrator .page-edit-session #tab_1_7 .survey {
  background: #f47a6e;
  color: white;
}

.user-administrator .page-edit-session #tab_1_7 .postit {
  background: #eacc4b;
  color: white;
}

.user-administrator .page-edit-session #tab_1_7 .docs {
  background: #459bef;
  color: white;
}

.user-administrator .page-edit-session #tab_1_7 .url {
  background: #43c5e8;
  color: white;
}

.user-administrator .page-edit-session #tab_1_7 .elearning {
  background: #338db5;
  color: white;
}

.user-administrator .page-edit-session #tab_1_7 .polls {
  background: #4eccb6;
  color: white;
}

.user-administrator .page-edit-session #tab_1_7 .quiz {
  background: #f25f41;
  color: white;
}

.user-administrator .page-edit-session #tab_1_7 .observation {
  background: #ef5e7d;
  color: white;
}

.user-administrator .page-edit-session #tab_1_7 .cloudtag {
  background: #49c15d;
  color: white;
}

.user-administrator .page-edit-session #tab_1_7 .whiteboard {
  background: #9bc94a;
  color: white;
}

.user-administrator .page-edit-lesson .h-form label,
.user-administrator .page-edit-lesson .noinput {
  color: #EFF4F4;
}

.user-administrator .sessionModeleShared .ngdialog-content {
  width: 70% !important;
}

.user-administrator .dialog-filter-session .ngdialog-message {
  margin-top: 0px !important;
}

.user-administrator .dialog-filter-session label.title {
  display: block;
  font-size: 17px;
  margin-top: 10px !important;
}

.user-administrator .dialog-filter-session .input-date {
  padding-left: 5px;
  width: 50%;
}

.user-administrator .dialog-filter-session .status-row {
  margin-bottom: 5px;
}

.user-administrator .dialog-filter-session .status-row .custom-checkbox {
  width: 25px;
  height: 25px;
  vertical-align: middle;
  margin: 0px !important;
}

.user-administrator .dialog-filter-session .status-row .attributLabel {
  vertical-align: middle;
  font-size: 18px;
  margin: 0px 0px 0px 10px !important;
}

.user-administrator .dialog-filter-session select {
  padding: 4px;
  width: 50%;
}

.user-administrator .dialogDeleteModeleMultiple .sessionsList {
  max-height: 200px;
  overflow-y: auto;
}

.user-administrator .dialogDeleteModeleMultiple .sessionsList > li {
  text-decoration: none;
  text-align: left;
}

.user-administrator .page-rgpd .tab-pane.active {
  display: flex;
  flex-direction: column;
}

.user-administrator .page-rgpd .tab-pane.active .container-fluid {
  margin-left: 0;
  min-width: 100%;
}

.user-administrator .page-rgpd .select-action .list-choice {
  display: flex;
  flex-direction: column;
}

.user-administrator .page-rgpd .select-action .list-choice .mt-radio {
  display: flex;
  align-items: center;
  height: 30px;
}

.user-administrator .page-rgpd .select-action .list-choice .mt-radio span {
  top: 50%;
  transform: translateY(-50%);
}

.user-administrator .page-rgpd .custom-progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 10px;
  background-color: #356070;
  border: none;
  padding: 0 15px 15px 20px;
  width: 100%;
  box-shadow: none;
}

.user-administrator .page-rgpd .custom-progress-bar .bar {
  width: 100%;
  border-radius: 15px !important;
}

.user-administrator .page-rgpd .custom-progress-bar .bar p,
.user-administrator .page-rgpd .custom-progress-bar .bar .circle {
  color: white;
  text-align: center;
}

.user-administrator .page-rgpd .custom-progress-bar .bar .bar-section {
  position: relative;
  height: 36px;
  padding: 0;
  margin-top: 25px;
}

.user-administrator .page-rgpd .custom-progress-bar .bar .bar-section.active {
  background-color: #B8C1BF;
}

.user-administrator .page-rgpd .custom-progress-bar .bar .bar-section.active .bar-content {
  -webkit-animation: show-bar-progress 1.5s 0s forwards;
  -moz-animation: show-bar-progress 1.5s 0s forwards;
  animation: show-bar-progress 1.5s 0s forwards;
  background-color: #36c1c4;
}

.user-administrator .page-rgpd .custom-progress-bar .bar .bar-section.active p {
  opacity: 1;
}

.user-administrator .page-rgpd .custom-progress-bar .bar .bar-section.active .circle {
  border-color: #36c1c4;
}

.user-administrator .page-rgpd .custom-progress-bar .bar .bar-section > p {
  position: absolute;
  left: 25px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  margin: 0;
  width: calc(100% - 50px);
  opacity: 0;
}

.user-administrator .page-rgpd .custom-progress-bar .bar .bar-section .circle {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(50%, -50%);
  height: 50px;
  width: 50px;
  border: none;
  z-index: 1;
  background-color: #B8C1BF;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px solid #B8C1BF;
}

.user-administrator .page-rgpd .custom-progress-bar .bar .bar-section .circle.active {
  background-color: #36c1c4;
}

.user-administrator .page-rgpd .custom-progress-bar .bar .bar-section .circle p {
  font-size: 25px;
  font-weight: 600;
}

.user-administrator .page-rgpd .custom-progress-bar .bar .bar-content {
  height: 100%;
  min-width: 100%;
  margin: 0;
  max-width: 33.33%;
  background-color: #B8C1BF;
  padding-top: 9px;
  z-index: auto;
}

.user-administrator .page-rgpd .custom-progress-bar .bar .bar-content:not(.active) {
  z-index: auto;
}

.user-administrator .page-rgpd .custom-progress-bar .bar .bar-content:last-child {
  border-radius: 0 15px 15px 0 !important;
}

@keyframes show-bar-progress {
  from {
    width: 0;
    min-width: 0;
  }

  to {
    min-width: 100%;
  }
}

@keyframes show-text {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.user-administrator .page-rgpd .step-title {
  font-size: 25px;
  margin: 10px auto 5px;
  text-align: center;
  border-bottom: 3px solid;
  padding-bottom: 2px;
}

.user-administrator .page-rgpd .list-checkUser .warningAction {
  color: #EF5E7D;
  font-size: 18px;
  font-weight: 600;
}

.user-administrator .page-rgpd .list-checkUser .warningAction i {
  margin-right: 15px;
}

.user-administrator .page-rgpd .list-checkUser ul {
  margin: 30px auto;
  padding: 0;
}

.user-administrator .page-rgpd .list-checkUser ul li {
  display: flex;
  align-items: center;
  padding: 5px 0;
  height: 40px;
  cursor: default;
}

.user-administrator .page-rgpd .list-checkUser ul li i {
  margin-right: 10px;
}

.user-administrator .page-rgpd .list-checkUser ul li:nth-child(odd) {
  background-color: #407184;
}

.user-administrator .page-rgpd .list-resultUser ul.list-result {
  padding: 15px 10px;
}

.user-administrator .page-rgpd .list-resultUser ul.list-result li {
  margin: 15px;
  font-weight: 500;
  font-size: 20px;
  color: white;
}

.user-administrator .page-rgpd .list-resultUser ul.list-result a.download {
  color: #36c1c4;
}

.user-administrator .page-rgpd .row {
  margin-left: 0px !important;
  margin-right: 0px !important;
  padding-left: 0px !important;
}

.user-administrator .page-rgpd .body.view-list > .row {
  display: flex;
  align-items: center;
  height: 50px;
}

.user-administrator .page-rgpd .body.view-list > .row > * {
  position: static;
  padding-left: 0;
}

.user-administrator .page-rgpd .panel-actions {
  text-align: right;
}

.user-administrator .page-rgpd .panel-actions div {
  margin: 10px 0 0 10px;
}

.user-administrator .page-rgpd .style-search-bar {
  width: 17em !important;
  border: 2px solid #83A0AA !important;
  padding: 10px !important;
  border-radius: 5px !important;
  background-color: #407184;
}

.user-administrator .page-rgpd .style-search-bar::placeholder {
  color: #D9FEFF !important;
}

.user-administrator .page-rgpd .action-view-mode > * {
  vertical-align: middle;
}

.user-administrator .page-rgpd .style-search-bar::-ms-input-placeholder {
  color: #D9FEFF !important;
}

.user-administrator .page-rgpd #link-name-user {
  left: 17%;
}

@media screen and (max-width: 766px) {
  .user-administrator .page-rgpd #link-name-user {
    left: 26%;
  }
}

.user-administrator .page-rgpd .panel-multi-select {
  width: min-content;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  border-bottom: 1px solid #B8C1BF;
}

.user-administrator .page-rgpd #action-user {
  float: right;
  padding-right: 4px !important;
  /*background-color: red !important;
			color: #37C1C4 !important;*/
}

.user-administrator .page-rgpd #action-user a {
  margin-left: 2px !important;
  margin-right: 2px !important;
}

.user-administrator .page-rgpd #action-user .fa,
.user-administrator .page-rgpd #action-user .fas,
.user-administrator .page-rgpd #action-user .far {
  position: relative;
  font-size: 24px !important;
  height: 100% !important;
  width: 100% !important;
}

.user-administrator .page-rgpd #action-user .fa.fa-lock,
.user-administrator .page-rgpd #action-user .fas.fa-lock,
.user-administrator .page-rgpd #action-user .far.fa-lock,
.user-administrator .page-rgpd #action-user .fa.fa-unlock-alt,
.user-administrator .page-rgpd #action-user .fas.fa-unlock-alt,
.user-administrator .page-rgpd #action-user .far.fa-unlock-alt {
  margin-top: 3px;
}

.user-administrator .page-rgpd #action-user .fa.fa-qrcode,
.user-administrator .page-rgpd #action-user .fas.fa-qrcode,
.user-administrator .page-rgpd #action-user .far.fa-qrcode {
  margin-top: 3px;
}

.user-administrator .page-rgpd #action-user .fa.fa-envelope,
.user-administrator .page-rgpd #action-user .fas.fa-envelope,
.user-administrator .page-rgpd #action-user .far.fa-envelope {
  margin-top: 4px !important;
}

.user-administrator .page-rgpd #action-user .fa.fa-chart-line,
.user-administrator .page-rgpd #action-user .fas.fa-chart-line,
.user-administrator .page-rgpd #action-user .far.fa-chart-line {
  margin-top: 3px;
}

.user-administrator .page-rgpd #action-user .separator-vertical {
  border-left: 1px solid #B8C1BF;
  height: 100%;
  margin-right: 13px !important;
  margin-left: 5px !important;
  padding-top: 3px;
  padding-bottom: 8px;
}

.user-administrator .page-rgpd #action-user .separator-vertical:hover {
  cursor: auto;
}

.user-administrator .page-rgpd #action-user .vaction {
  padding: 0 10px;
  margin-left: -15px;
}

.user-administrator .page-rgpd #action-user .vaction a.btn {
  padding: 5px 10px;
}

.user-administrator .page-rgpd #status-user {
  font-size: 16px;
  padding: 0;
}

.user-administrator .page-rgpd #status-user > * {
  padding: 0;
}

.user-administrator .page-rgpd #status-user img {
  width: 30px;
  height: 30px;
  margin-right: -10px;
  padding: 0px !important;
  margin-left: 0px !important;
}

.user-administrator .page-rgpd .body.view-list {
  height: unset;
  min-height: 50px;
}

.user-administrator .page-rgpd .custom-checkbox {
  margin-top: 4px !important;
}

.user-administrator .page-rgpd .dropdown-checkboxes label {
  margin: 0 0 8px;
}

.user-administrator .page-rgpd .dropdown-checkboxes label span {
  width: 19px;
  height: 19px;
}

.user-administrator .bootstrap-switch {
  border: none!important;
}

.user-administrator .bootstrap-switch .bootstrap-switch-handle-off {
  width: 52px;
}

.user-administrator .choice-status {
  display: flex;
  flex-direction: column;
}

.user-administrator .choice-status .mt-radio {
  font-size: 17px;
}

.user-administrator .choice-status label {
  margin-bottom: 15px;
}

.user-administrator .choice-status label:first-child {
  padding: 0;
  font-size: 19px;
}

.page-domain .row {
  margin-left: 0px !important;
  margin-right: 0px !important;
  padding-left: 0px !important;
}

.page-domain label {
  width: 175px;
  text-align: left;
}

.page-domain .style-search-bar {
  width: calc(80% - 150px) !important;
  border: 2px solid #83A0AA !important;
  padding: 10px !important;
  border-radius: 5px !important;
  background-color: #407184;
}

.page-domain .style-search-bar.textarea {
  height: 300px;
}

.page-domain .style-search-bar::placeholder {
  color: #D9FEFF !important;
}

.page-domain button {
  margin: 25px 15px 10px;
}

.page-domain .list-domain {
  list-style: none;
  padding-left: 0;
  display: flex;
  flex-direction: column;
}

.page-domain .list-domain li:not(.tag-item) {
  display: flex;
  align-items: center;
  padding: 15px 0;
}

.page-domain .list-domain li:not(.tag-item) > * {
  margin: 0!important;
}

.page-domain .list-domain li:not(.tag-item) .bootstrap-switch {
  border: none!important;
}

.page-domain .list-domain li:not(.tag-item) .bootstrap-switch .bootstrap-switch-handle-off {
  width: 52px;
}

.page-domain .list-domain input,
.page-domain .list-domain textarea,
.page-domain .list-domain .tags {
  background-color: #407184;
  border: 2px solid #83A0AA !important;
  color: #D9FEFF;
}

.page-domain .list-domain tags-input {
  padding: 0;
  color: #D9FEFF;
}

.page-domain .list-domain select {
  width: 250px;
  height: 35px;
  padding-left: 10px;
  border-radius: 10px!important;
  border: 2px solid #83A0AA !important;
  background-color: #407184;
  color: white;
}

.page-domain .list-domain select.session-import-select {
  margin-left: 10px !important;
  width: 275px !important;
}

.page-domain .name-group {
  width: 100%;
  color: #36c1c4;
  font-size: 21px;
  font-weight: 700;
  padding: 0 10px 10px 0px;
  border-bottom: 3px solid #36c1c4;
  margin-bottom: 25px;
}

.page__reports nav.block-pagination {
  margin: 20px 0px 20px 10px;
  display: flex;
  justify-content: center;
  float: right;
  width: 100%;
}

.page__reports nav.block-pagination .pagination {
  list-style: none;
  margin: 0 10px 0;
  padding: 0;
  column-gap: 5px;
  display: flex;
}

.page__reports nav.block-pagination .pagination li {
  margin: 0 1px;
  min-width: 40px;
  height: 40px;
  background-color: white;
  border-radius: 5px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #36c1c4;
  font-size: 20px;
  font-weight: 500;
  border: 1px solid #22373F;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.page__reports nav.block-pagination .pagination li:hover {
  background-color: #EFF4F4;
  cursor: pointer;
}

.page__reports nav.block-pagination .pagination li.selected {
  background-color: #36c1c4;
  border-color: #36c1c4;
  color: white;
}

.page__reports nav.block-pagination .pagination li:first-child,
.page__reports nav.block-pagination .pagination li:last-child {
  font-size: 18px;
  padding: 0 10px;
}

.page__reports nav.block-pagination .pagination li.disabled {
  color: #d9e1df;
}

.page__reports nav.block-pagination .pagination li.disabled:hover {
  cursor: not-allowed;
}

.page__reports nav.block-pagination select {
  width: 60px;
  padding-left: 10px;
  border-radius: 10px !important;
  color: #36c1c4;
}

.page__reports p,
.page__reports h1,
.page__reports h2,
.page__reports h3,
.page__reports span,
.page__reports input,
.page__reports li,
.page__reports td {
  font-family: 'Ubuntu', sans-serif !important;
}

.page__reports .page-content {
  min-height: auto !important;
}

.page__reports__session,
.page__reports__activity,
.page__reports__participant {
  height: 100%;
}

.page__reports__session h2,
.page__reports__activity h2,
.page__reports__participant h2 {
  color: #36c1c4;
  font-family: 'Ubuntu-Medium', sans-serif;
  font-size: 20px;
  text-transform: uppercase;
}

.page__reports__session__filter,
.page__reports__activity__filter,
.page__reports__participant__filter {
  margin-top: 30px;
}

.page__reports__session__filter #action-view-mode,
.page__reports__activity__filter #action-view-mode,
.page__reports__participant__filter #action-view-mode {
  padding: 0;
}

.page__reports__session__filter input,
.page__reports__activity__filter input,
.page__reports__participant__filter input {
  background-color: rgba(255, 255, 255, 0.1);
  font-size: 14px;
  padding: 5px 10px;
  border: 2px solid rgba(255, 255, 255, 0.1);
}

.page__reports__session__filter input::placeholder,
.page__reports__activity__filter input::placeholder,
.page__reports__participant__filter input::placeholder {
  color: white;
}

.page__reports__session__list,
.page__reports__activity__list,
.page__reports__participant__list {
  margin-top: 30px;
}

.page__reports__session__list table,
.page__reports__activity__list table,
.page__reports__participant__list table {
  width: 100%;
}

.page__reports__session__list table thead tr th,
.page__reports__activity__list table thead tr th,
.page__reports__participant__list table thead tr th {
  text-align: center !important;
}

.page__reports__session__list table tbody tr,
.page__reports__activity__list table tbody tr,
.page__reports__participant__list table tbody tr {
  margin: 5px 0;
  background-color: rgba(255, 255, 255, 0.1);
}

.page__reports__session__list table tbody tr:nth-child(2n),
.page__reports__activity__list table tbody tr:nth-child(2n),
.page__reports__participant__list table tbody tr:nth-child(2n) {
  background-color: transparent;
}

.page__reports__session__list table tbody tr td,
.page__reports__activity__list table tbody tr td,
.page__reports__participant__list table tbody tr td {
  height: 50px;
  text-align: center;
  justify-content: center;
  max-width: 150px !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.page__reports__session__list table tbody tr td:nth-child(1),
.page__reports__activity__list table tbody tr td:nth-child(1),
.page__reports__participant__list table tbody tr td:nth-child(1) {
  display: flex;
  align-items: center;
}

.page__reports__session__list table tbody tr td:nth-child(2),
.page__reports__activity__list table tbody tr td:nth-child(2),
.page__reports__participant__list table tbody tr td:nth-child(2) {
  text-align: left !important;
  padding-left: 30px;
}

.page__reports__session__list table tbody tr td img,
.page__reports__activity__list table tbody tr td img,
.page__reports__participant__list table tbody tr td img {
  height: 30px;
  width: 40px;
  margin-right: 7px;
}

.page__reports__session__list table tbody tr td i,
.page__reports__activity__list table tbody tr td i,
.page__reports__participant__list table tbody tr td i {
  color: #36c1c4;
  cursor: pointer;
  margin: 0 5px;
  font-size: 20px;
}

.page__reports__session__list table tbody tr td i:hover,
.page__reports__activity__list table tbody tr td i:hover,
.page__reports__participant__list table tbody tr td i:hover {
  color: #2c9597ff;
}

.page__reports__session__paginate,
.page__reports__activity__paginate,
.page__reports__participant__paginate {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 15px;
}

.page__reports__session__paginate p,
.page__reports__activity__paginate p,
.page__reports__participant__paginate p {
  margin: 0 0 0 10px;
  font-size: 14px;
  color: #36c1c4;
}

.page__reports__session__paginate p i,
.page__reports__activity__paginate p i,
.page__reports__participant__paginate p i {
  cursor: pointer;
}

.page__reports__session .type-activity,
.page__reports__activity .type-activity,
.page__reports__participant .type-activity {
  padding-left: 0 !important;
}

.page__reports__session .box-icon,
.page__reports__activity .box-icon,
.page__reports__participant .box-icon {
  margin: 0 auto;
}

.page__reports__participant img {
  height: 40px !important;
  margin-left: 20px !important;
}

.page-report-sessionFC .portlet {
  background-color: #356070 !important;
  border-radius: 10px !important;
}

.page-report-sessionFC .portlet .name-session {
  text-align: center;
  font-size: 25px;
  text-transform: uppercase;
}

.page-report-sessionFC .portlet .pagebar {
  display: flex !important;
  justify-content: space-between !important;
  padding: 0 15px !important;
  background-color: transparent;
  margin-bottom: 10px !important;
}

.page-report-sessionFC .portlet .return-reports {
  display: flex;
  align-items: center;
  font-family: "Ubuntu", sans-serif;
  font-weight: 600;
  font-size: 16px !important;
  text-decoration: none;
  color: white;
}

.page-report-sessionFC .portlet .return-reports i {
  margin-right: 10px;
}

.page-report-sessionFC .portlet .session-parameter {
  margin-top: 0 !important;
  border-radius: 10px 0 0 10px !important;
  background-color: #407184 !important;
}

.page-report-sessionFC .portlet .session-parameter div {
  color: white !important;
}

.page-report-sessionFC .portlet .session-description {
  margin-top: 0 !important;
  background-color: #407184 !important;
  overflow: hidden;
}

.page-report-sessionFC .portlet .session-description div {
  color: white !important;
}

.page-report-sessionFC .portlet .session-objective {
  margin-top: 0 !important;
  min-height: 140px !important;
  border-radius: 0 10px 10px 0 !important;
  background-color: #407184 !important;
  overflow: hidden;
}

.page-report-sessionFC .portlet .session-objective div {
  color: white !important;
}

.page-report-sessionFC .portlet .title-session-infos {
  margin: 15px 0;
  background-color: #407184 !important;
  font-size: 17px;
}

.page-report-sessionFC .portlet .session-message {
  background-color: #407184 !important;
  min-height: 60px;
}

.page-report-sessionFC .portlet .session-message div {
  color: white !important;
}

.page-report-sessionFC .portlet .session-message .title-session-infos {
  margin: 15px;
}

.page-report-sessionFC .portlet .radius {
  border-radius: 10px !important;
}

.page-report-sessionFC .portlet .label-zone-title {
  color: white !important;
  border-color: #597E8B !important;
}

.page-report-sessionFC .portlet .panel-heading {
  background-color: #407184 !important;
  border-color: #597E8B !important;
}

.page-report-sessionFC .portlet .panel-heading div {
  color: white !important;
}

.page-report-sessionFC .portlet ul,
.page-report-sessionFC .portlet .line-infos-participant,
.page-report-sessionFC .portlet .zone-tab-sign,
.page-report-sessionFC .portlet li,
.page-report-sessionFC .portlet .panel-body,
.page-report-sessionFC .portlet th,
.page-report-sessionFC .portlet td,
.page-report-sessionFC .portlet tr {
  background-color: transparent !important;
  border-color: #597E8B !important;
}

.page-report-sessionFC .portlet ul strong,
.page-report-sessionFC .portlet .line-infos-participant strong,
.page-report-sessionFC .portlet .zone-tab-sign strong,
.page-report-sessionFC .portlet li strong,
.page-report-sessionFC .portlet .panel-body strong,
.page-report-sessionFC .portlet th strong,
.page-report-sessionFC .portlet td strong,
.page-report-sessionFC .portlet tr strong,
.page-report-sessionFC .portlet ul div,
.page-report-sessionFC .portlet .line-infos-participant div,
.page-report-sessionFC .portlet .zone-tab-sign div,
.page-report-sessionFC .portlet li div,
.page-report-sessionFC .portlet .panel-body div,
.page-report-sessionFC .portlet th div,
.page-report-sessionFC .portlet td div,
.page-report-sessionFC .portlet tr div {
  color: white !important;
}

.page-report-sessionFC .portlet .body-result {
  background-color: transparent !important;
}

.page-report-sessionFC .portlet .body-result .table-result thead th {
  background-color: #50889E !important;
  color: white !important;
}

.page-report-sessionFC .portlet .body-result .table-result thead th:nth-child(1) {
  background-color: transparent !important;
}

.page-report-sessionFC .portlet .body-result .table-result tbody td {
  color: white !important;
}

.page-report-sessionFC .portlet .body-result div {
  color: white !important;
}

.page-report-sessionFC .portlet .body-ranking,
.page-report-sessionFC .portlet .sign-table {
  background-color: #407184 !important;
  border-radius: 10px !important;
}

.page-report-sessionFC .portlet .body-ranking div,
.page-report-sessionFC .portlet .sign-table div {
  color: white !important;
}

.page-report-activityFC .portlet {
  background-color: #356070 !important;
  border-radius: 10px !important;
}

.page-report-activityFC .portlet .page-bar {
  background-color: transparent !important;
}

.page-report-activityFC .portlet .page-bar li {
  color: white !important;
}

.page-report-activityFC .portlet .infos-quiz {
  background-color: #407184 !important;
}

.page-report-activityFC .portlet .infos-quiz div {
  color: white !important;
}

.page-report-activityFC .portlet table {
  background-color: transparent !important;
}

.page-report-activityFC .portlet table th,
.page-report-activityFC .portlet table td,
.page-report-activityFC .portlet table tr {
  color: white !important;
}

.page-report-activityFC .portlet table tbody {
  background-color: transparent ! important;
}

.page-report-activityFC .portlet .table-activity {
  display: flex;
  justify-content: center;
  width: 100%;
  background-color: transparent;
}

.page-report-activityFC .portlet .table-activity .recap-table {
  width: 100%;
  background-color: transparent;
  overflow: hidden;
}

.page-report-activityFC .portlet .table-activity .recap-table tbody,
.page-report-activityFC .portlet .table-activity .recap-table thead,
.page-report-activityFC .portlet .table-activity .recap-table tr,
.page-report-activityFC .portlet .table-activity .recap-table td:nth-child(1),
.page-report-activityFC .portlet .table-activity .recap-table th {
  background-color: transparent !important;
  font-weight: 500 !important;
  white-space: normal !important;
}

.page-report-activityFC .portlet .question {
  border-color: #597E8B !important;
}

.page-report-activityFC .portlet .question div,
.page-report-activityFC .portlet .question row > div {
  color: white !important;
}

.page-report-activityFC .portlet .text-description {
  color: white !important;
}

.page-report-activityFC .portlet .name {
  color: white !important;
}

.page-report-activityFC .portlet .padd0 td:nth-child(1) {
  color: #356070 !important;
}

.page-report-activitycloudTagFC h3,
.page-report-activitycloudTagFC small {
  color: white ! important;
  text-align: center !important;
}

.page-report-activitycloudTagFC .returnTop {
  display: flex;
  align-items: center;
}

.page-report-activitycloudTagFC .returnTop a {
  background-color: transparent !important;
  color: #fff !important;
  border-color: transparent !important;
  font-weight: bolder;
}

.page-report-activitycloudTagFC .returnTop a i {
  margin-right: 10px;
}

.page-report-activitycloudTagFC .head {
  background-color: #22373F !important;
  font-weight: bolder;
}

.page-report-activitycloudTagFC .odd div {
  background-color: transparent !important;
}

.page-report-activityPostitFC .page-bar {
  background-color: transparent !important;
}

.page-report-activityPostitFC .page-bar li {
  color: white !important;
}

.page-report-activityPostitFC h3 {
  color: white !important;
  font-weight: bolder !important;
  margin: 30px 0 !important;
}

.page-report-activityPostitFC .btn {
  background-color: transparent !important;
}

.page-report-activityPostitFC .odd .row {
  background-color: transparent !important;
}

.page-report-elearningFC .returnTop a {
  display: flex;
  align-items: center;
  background-color: transparent !important;
  color: white !important;
  border: none !important;
}

.page-report-elearningFC .returnTop a i {
  margin-right: 10px;
}

.page-report-participantFC .page-bar {
  background-color: transparent !important;
}

.page-report-participantFC .page-breadcrumb li {
  color: lightgrey !important;
}

.participant-summaryFC .page-bar {
  background-color: transparent !important;
}

.participant-summaryFC .page-bar li {
  color: #EFF4F4 !important;
}

.participant-summaryFC .report-box,
.participant-summaryFC .synthesis,
.participant-summaryFC .theme-bar {
  background-color: #407184 !important;
  color: #EFF4F4 !important;
}

.participant-summaryFC .report-box .stats-theme > div:nth-child(1),
.participant-summaryFC .synthesis .stats-theme > div:nth-child(1),
.participant-summaryFC .theme-bar .stats-theme > div:nth-child(1) {
  color: #EFF4F4 !important;
}

.participant-summaryFC .theme-bar > div:first-child,
.participant-summaryFC span.timing.ng-binding,
.participant-summaryFC .text-description {
  color: #EFF4F4 !important;
}

.participant-summaryFC div.col-sm-12.question {
  border-color: #597E8B !important;
  color: #EFF4F4 !important;
  background-color: #407184 !important;
  margin-top: 20px !important;
  padding: 10px 5px !important;
  border-radius: 3px !important;
}

.participant-summaryFC div.name.padding-left-0.ng-binding {
  color: #EFF4F4 !important;
}

.participant-summaryFC div.col-xs-12.padd0.order.ng-scope > table,
.participant-summaryFC div.col-xs-12.padd0.multiple.ng-scope > table,
.participant-summaryFC div.col-xs-12.padd0.ng-scope > table {
  background-color: transparent !important;
}

.participant-summaryFC div.col-xs-12.padd0.order.ng-scope > table tbody,
.participant-summaryFC div.col-xs-12.padd0.multiple.ng-scope > table tbody,
.participant-summaryFC div.col-xs-12.padd0.ng-scope > table tbody {
  background-color: transparent !important;
}

.pageMails .page-content .portlet-title {
  margin: 0;
}

.pageMails .page-content .pageMails__Container {
  font-family: "Ubuntu", sans-serif;
  width: 100%;
  background-color: #356070;
  border-radius: 5px !important;
  padding: 15px;
}

.pageMails .page-content .pageMails__Container__Title {
  display: flex;
  justify-content: space-between;
}

.pageMails .page-content .pageMails__Container__Title span {
  display: flex;
  align-items: center;
  font-size: 2.3rem;
  color: #EFF4F4;
  text-transform: uppercase;
  font-weight: bolder;
}

.pageMails .page-content .pageMails__Container__Title button {
  background-color: transparent;
  border: 1px solid #36c1c4;
  border-radius: 5px !important;
  color: #36c1c4;
  padding: 7px 15px;
  transition: all .3s;
}

.pageMails .page-content .pageMails__Container__Title button:hover {
  background-color: #36c1c4;
  border: 1px solid white;
  color: white;
}

.pageMails .page-content .pageMails__Container hr {
  margin-bottom: 30px;
}

.pageMails .page-content .pageMails__Container__Select table {
  width: 100%;
}

.pageMails .page-content .pageMails__Container__Select table tr th,
.pageMails .page-content .pageMails__Container__Select table tr td {
  color: #EFF4F4;
  padding: 10px;
  text-align: center;
}

.pageMails .page-content .pageMails__Container__Select table button {
  background-color: transparent;
  border: 1px solid #36c1c4;
  border-radius: 5px !important;
  color: #36c1c4;
  padding: 7px 15px;
  transition: all .3s;
}

.pageMails .page-content .pageMails__Container__Select table button:hover {
  background-color: #36c1c4;
  border: 1px solid white;
  color: white;
}

.pageMailsCreate {
  height: 100%;
}

.pageMailsCreate__Container {
  background-color: #356070;
  font-family: "Ubuntu", sans-serif;
  border-radius: 5px !important;
  padding: 15px;
}

.pageMailsCreate__Container__Title {
  border-bottom: 1px solid #EFF4F4;
  margin-bottom: 30px;
}

.pageMailsCreate__Container__Title h2 {
  color: #EFF4F4;
  font-weight: bolder;
  margin: 0 0 15px 0;
}

.pageMailsCreate__Container__Title h2 i {
  margin-right: 10px;
}

.pageMailsCreate__Container__ModelName {
  margin-bottom: 30px;
}

.pageMailsCreate__Container__ModelName label {
  color: #EFF4F4;
  margin-right: 15px;
}

.pageMailsCreate__Container__ModelName input {
  border: 2px solid #83A0AA !important;
  padding: 5px !important;
  border-radius: 5px !important;
  color: white;
  background-color: #407184;
  width: 200px;
  height: 30px;
}

.pageMailsCreate__Container__ModelName input::placeholder {
  color: white;
}

.pageMailsCreate__Container__ModelType {
  margin-bottom: 30px;
}

.pageMailsCreate__Container__ModelType label {
  color: #EFF4F4;
  margin-right: 15px;
}

.pageMailsCreate__Container__ModelType select {
  border: 2px solid #83A0AA !important;
  padding: 5px !important;
  border-radius: 5px !important;
  color: white;
  background-color: #407184;
  height: 30px;
}

.pageMailsCreate__Container__ModelType select::placeholder {
  color: white;
}

.pageMailsCreate__Container__ModelDepartments {
  margin-bottom: 30px;
  color: white;
}

.pageMailsCreate__Container__ModelDepartments label {
  color: #EFF4F4;
  margin-bottom: 15px;
}

.pageMailsCreate__Container__ModelDepartments label button {
  background-color: transparent !important;
  border: none;
  color: #36c1c4;
}

.pageMailsCreate__Container__ModelDepartments small {
  color: #22373F;
  font-size: 12px;
  font-weight: 700;
}

.pageMailsCreate__Container__ModelDepartments a:hover {
  background-color: #407184 !important;
}

.pageMailsCreate__Container__Button {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
}

.pageMailsCreate__Container__Button button {
  margin: 10px;
  background-color: transparent;
  border: 1px solid #36c1c4;
  border-radius: 5px !important;
  color: #36c1c4;
  padding: 7px 15px;
  transition: all .3s;
}

.pageMailsCreate__Container__Button button:hover {
  background-color: #36c1c4 !important;
  border-color: white;
  color: white;
}

.pageMailsSettings .portlet-title {
  margin: 0;
}

.pageMailsSettings .globalSettings {
  display: flex;
  padding: 0;
  margin-bottom: 30px;
}

.pageMailsSettings .globalSettings li {
  list-style: none;
}

.pageMailsSettings .globalSettings li input {
  background-color: #407184;
  border: 2px solid #83A0AA !important;
  color: #D9FEFF;
  height: 38px;
  font-weight: 400;
  border-radius: 4px !important;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857;
  width: 300px;
}

.pageMailsSettings__Container {
  font-family: "Ubuntu", sans-serif;
  width: 100%;
  background-color: #356070;
  border-radius: 5px !important;
  padding: 15px;
}

.pageMailsSettings__Container__Title {
  display: flex;
  justify-content: space-between;
}

.pageMailsSettings__Container__Title span {
  display: flex;
  align-items: center;
  font-size: 2.3rem;
  color: #EFF4F4;
  text-transform: uppercase;
  font-weight: bolder;
}

.pageMailsSettings__Container h3 {
  color: #EFF4F4;
  text-transform: uppercase;
  font-weight: bold;
  margin: 0 0 10px 0;
}

.pageMailsSettings__Container h3:nth-child(3) {
  margin: 60px 0 10px 0;
}

.pageMailsSettings__Container p {
  margin: 0;
  color: #EFF4F4;
  font-size: 14px;
}

.pageMailsSettings__Container h4 {
  color: #EFF4F4;
  text-transform: uppercase;
  font-weight: bolder;
  margin: 30px 0 10px 0;
  font-size: 15px;
}

.pageMailsSettings__Container .autoMail {
  padding: 0;
}

.pageMailsSettings__Container .autoMail li {
  display: flex;
  justify-content: space-between;
  list-style: none;
  margin: 10px 0;
  width: 760px;
}

.pageMailsSettings__Container .autoMail li label {
  max-width: 70%;
}

.pageMailsSettings__Container label {
  text-align: left !important;
  color: white;
  margin-right: 15px;
}

.pageMailsSettings__Container hr {
  margin-bottom: 30px;
}

.pageMailsSettings__Container .ScheduledNotif {
  margin: 0;
  padding: 0;
}

.pageMailsSettings__Container .ScheduledNotif li {
  list-style: none;
  color: #EFF4F4;
  margin-bottom: 5px;
}

.pageMailsSettings__Container button {
  display: block;
  margin: 30px auto 0 auto;
}

.pageMailsSettings .bootstrap-switch {
  height: 100%;
}

.pageMailsLogs .portlet-title {
  margin: 0;
}

.pageMailsLogs__Container {
  font-family: "Ubuntu", sans-serif;
  width: 100%;
  background-color: #356070;
  border-radius: 5px !important;
  padding: 15px;
}

.pageMailsLogs__Container__Search {
  border: 2px solid #83A0AA !important;
  padding: 5px !important;
  border-radius: 5px !important;
  color: white;
  background-color: #407184;
  width: 200px;
  height: 40px;
}

.pageMailsLogs__Container__Search::placeholder {
  color: #EFF4F4;
}

.pageMailsLogs__Container__Title {
  display: flex;
  justify-content: space-between;
}

.pageMailsLogs__Container__Title span {
  display: flex;
  align-items: center;
  font-size: 2.3rem;
  color: #EFF4F4;
  text-transform: uppercase;
  font-weight: bolder;
}

.pageMailsLogs__Container table {
  width: 100%;
  font-family: 'Roboto', sans-serif;
}

.pageMailsLogs__Container table thead tr th {
  text-align: center;
  color: #EFF4F4;
  text-transform: uppercase;
  padding-bottom: 15px;
  font-size: 20px;
}

.pageMailsLogs__Container table tbody tr {
  background-color: #407184;
}

.pageMailsLogs__Container table tbody tr td {
  text-align: center;
  color: #EFF4F4;
  padding: 10px;
  font-size: 16px;
  height: 50px;
}

.pageMailsLogs__Container table tbody tr td:last-child {
  font-size: 20px;
}

.pageMailsLogs__Container table tbody tr:nth-child(2n) {
  background-color: transparent;
}

.pageMailsLogs .block-pagination {
  margin: 20px 0 40px 10px !important;
}

@media (min-width: 767px) {
  form.width12 .col-sm-2 {
    width: 12%;
  }

  form.width12 .col-sm-offset-1 {
    margin-left: 12%;
  }

  .padd01 {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: 1011px) {
  .media-session {
    width: 30%;
  }
}

@media (min-width: 1200px) {
  .library > .col-lg-3 {
    width: 250px;
  }
}

@media (min-width: 1200px) {
  .doc-list > .col-lg-3 {
    width: 230px;
  }
}

@media (max-width: 440px) {
  .full-width {
    width: 100%;
    margin-bottom: 15px;
  }

  body.login .button-right > :first-child {
    margin-bottom: 10px;
    margin-left: 0px;
  }
}

@media (max-width: 480px) {
  .panel-box1 {
    margin-top: 50px;
  }
}

@media (max-width: 568px) {
  .offline-ui.offline-ui-up .offline-ui-content:before {
    content: "Your device is connected. ";
  }

  .offline-ui.offline-ui-down .offline-ui-content:before {
    content: "Your device isn't connected. ";
  }

  .offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content:before {
    content: "Connecting in " attr(data-retry-in-abbr) "... ";
  }
}

@media (max-width: 618px) {
  .med-btn {
    margin-top: 20px;
    margin-left: 0px ! important;
  }
}

@media (max-width: 767px) {
  .button-right button .button-right a {
    width: 100%;
    margin-top: 15px;
    margin-left: 0;
  }

  .activity-head .navbar-nav > li:last-child {
    display: none;
  }

  .custom-nav-left > li {
    display: block !important;
  }

  .activity-head .navbar-nav .open .dropdown-menu {
    position: static;
    width: 100%;
    box-shadow: none;
  }

  .dropdown-menu.pull-right {
    left: 0;
    right: auto;
  }

  .btn-group > .dropdown-menu.pull-right::before .dropdown-toggle > .dropdown-menu.pull-right::before .dropdown > .dropdown-menu.pull-right::before {
    left: 10px;
    right: auto;
  }

  .btn-group > .dropdown-menu.pull-right::after .dropdown-toggle > .dropdown-menu.pull-right::after .dropdown > .dropdown-menu.pull-right::after {
    left: 11px;
    right: auto;
  }

  .box {
    margin-bottom: 20px;
  }

  .switch + .btn-group {
    margin-top: 10px;
  }

  .right-side {
    margin: 15px 0 0 0;
    float: none;
  }

  .right-side > div {
    margin: 0 0 10px;
    float: none;
    text-align: center;
  }

  .right-side > div .btn {
    width: 100%;
  }

  .room-name {
    padding-left: 15px;
    text-align: left;
  }

  .button-right {
    float: none;
    margin-right: 0;
  }

  .button-right button {
    margin-left: 0 !important;
  }

  .button-right :first-child {
    margin-right: 10px;
  }

  .padd0 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .btn-group.no-hover {
    margin-bottom: 15px;
  }

  .back-folder .dropdown.back-icon {
    left: 37%;
  }

  .back-folder .dropdown.back-icon .dropdown.cog-icon {
    float: left;
  }

  .dropdown-submenu > a::after {
    top: 14px;
  }

  .dropdown-submenu:hover > a::after {
    border-color: #222222 transparent #222222;
  }

  .popover {
    margin-left: 25px !important;
    margin-right: 25px !important;
    min-width: 270px !important;
  }

  .lock-form .form-group .form-control {
    padding: 6px 12px !important;
  }

  .dropdown-menu {
    float: none !important;
  }

  .dropdown-menu > li > a {
    white-space: normal;
  }

  .form-group label.check {
    text-align: left;
  }

  .custom-nav-left {
    margin-left: 0px;
  }

  .btn.grey {
    margin-bottom: 12px;
  }

  .padd25 {
    padding: 0 !important;
  }

  .dropdown-menu.pull-right {
    left: auto !important;
    right: 0 !important;
  }

  .btn-group > .dropdown-menu.pull-right::before .dropdown-toggle > .dropdown-menu.pull-right::before .dropdown > .dropdown-menu.pull-right::before {
    right: 10px !important;
    left: auto !important;
  }

  .btn-group > .dropdown-menu.pull-right::after .dropdown-toggle > .dropdown-menu.pull-right::after .dropdown > .dropdown-menu.pull-right::after {
    left: auto !important;
    right: 11px !important;
  }

  .left-side > .dropdown-menu.pull-right {
    left: 0 !important;
  }

  .left-side > .dropdown-menu.pull-right::after .left-side .dropdown-toggle > .dropdown-menu.pull-right::after .left-side .dropdown > .dropdown-menu.pull-right::after {
    left: 11px !important;
    right: auto !important;
  }

  .left-side > .dropdown-menu.pull-right::before .left-side .dropdown-toggle > .dropdown-menu.pull-right::before .left-side .dropdown > .dropdown-menu.pull-right::before {
    left: 10px !important;
    right: auto !important;
  }

  .dropdown-menu > li > a {
    font-size: 13px;
    padding: 4px 16px;
  }

  .table {
    table-layout: inherit !important;
  }

  .command-order > li:first-child {
    padding: 5px 25px;
  }

  .panel.success .panel.warning .panel.danger {
    margin-right: 0;
  }

  .command-order .dropdown-menu {
    margin: 0;
  }

  #ParticipantDropzone {
    width: 100%;
  }

  .form-inline .form-group {
    margin: 0 0 15px;
  }

  .search-btn > button,
  .form-inline .form-control {
    width: 100%;
  }

  .file-count {
    margin: 35px 0 0;
  }

  .trash-folder .cog-icon {
    left: 20px;
  }

  .page-header.navbar {
    background-color: #1e467d;
  }

  .middle-center {
    width: 24%;
  }

  .canvas-holder {
    width: 180px;
  }
}

@media (max-width: 810px) {
  .ngdialog.ngdialog-theme-plain .ngdialog-content {
    width: 96%;
  }

  .ngdialog.ngdialog-theme-plain.ngdialog-select-participant .ngdialog-content .ngdialog-message div.colright,
  .ngdialog.ngdialog-theme-plain.ngdialog-select-participant .ngdialog-content .ngdialog-message div.colleft {
    width: 100%;
  }

  .ngdialog.ngdialog-theme-plain.ngdialog-select-participant .ngdialog-content .ngdialog-message div.colright select,
  .ngdialog.ngdialog-theme-plain.ngdialog-select-participant .ngdialog-content .ngdialog-message div.colleft select {
    height: 200px;
    padding: 6px;
  }

  .ngdialog.ngdialog-theme-plain.ngdialog-select-participant .ngdialog-content .ngdialog-message div.colright input[type="text"],
  .ngdialog.ngdialog-theme-plain.ngdialog-select-participant .ngdialog-content .ngdialog-message div.colleft input[type="text"] {
    width: 100%;
    margin: 4px 0;
    padding: 0 6px;
  }

  .ngdialog.ngdialog-theme-plain.ngdialog-select-participant .ngdialog-content .ngdialog-message div.coltools-sd {
    display: block;
    margin: 10px 0;
  }

  .ngdialog.ngdialog-theme-plain.ngdialog-select-participant .ngdialog-content .ngdialog-message div.coltools-md {
    display: none;
  }
}

@media (max-width: 991px) {
  .page-container {
    background: #fff !important;
  }
}

@media (max-width: 1005px) {
  .panel-box1 {
    margin-left: 100px ! important;
  }
}

@media (max-width: 1024px) {
  .offline-ui.offline-ui-up .offline-ui-content:before {
    content: "Your device is connected to the internet. ";
  }

  .offline-ui.offline-ui-down .offline-ui-content:before {
    content: "Your device lost its internet connection. ";
  }
}

@media (device-width: 1024px) {
  .panel-box1 {
    margin-left: 100px ! important;
  }
}

@media (min-width: 320px) and (max-width: 600px) {
  #accord-span {
    margin-left: 10px;
    vertical-align: middle;
    border: 1px solid #37c8d5;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 8px;
    padding-top: 8px;
    border-radius: 10px ! important;
    margin-top: 50px;
    text-align: center;
    float: left;
  }

  #accord-float {
    float: left;
  }

  .accord-right {
    float: right;
    height: 30px;
    vertical-align: middle;
    margin-top: 5px;
  }

  #accord-drop {
    float: right;
  }

  #span-image {
    display: block;
  }

  #accord-text {
    float: right;
  }
}

@media (min-width: 320px) and (max-width: 1359px) {
  #off {
    float: right;
    margin-right: 40px;
    background-color: #c3c3c3;
    padding: 5px;
    width: 17%;
    text-align: center;
  }

  #on {
    float: right;
    margin-right: 30px;
    background-color: #ff0000;
    padding: 5px;
    width: 23%;
    text-align: center;
  }

  #outline {
    text-align: center;
    height: 60px;
    width: 150px;
    color: black;
    font-size: 15px;
    float: left;
    margin-left: 38px;
    border: 2px solid #43C9D5;
    background-color: white;
    margin-top: 30px;
  }
}

@media (min-width: 700px) and (max-width: 767px) {
  #accord-span {
    margin-left: 30px;
    vertical-align: middle;
    border: 1px solid #37c8d5;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 8px;
    padding-top: 8px;
    border-radius: 10px ! important;
  }

  #accord-float {
    float: left;
  }

  #accord-span {
    float: right;
  }

  .accord-right {
    float: right;
    height: 30px;
    vertical-align: middle;
    margin-top: 5px;
  }

  #accord-drop {
    float: right;
  }

  #span-image {
    display: block;
  }

  #accord-text {
    float: right;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .switch + .btn-group > .btn {
    font-size: 12px;
  }

  .btn.grey {
    margin-bottom: 12px;
  }

  .btn.grey {
    margin-bottom: 12px;
  }

  .page-header.navbar .page-top {
    display: block;
    clear: both;
  }

  .page-header.navbar .menu-toggler {
    opacity: 1;
    display: block;
  }

  .room-name {
    text-align: left;
    padding-left: 15px;
  }

  .page-header.navbar {
    background-color: #1e467d;
  }

  .page-header.navbar .menu-toggler.responsive-toggler {
    background-image: url("/assets/images/sidebar-toggler.png");
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  #off {
    float: right;
    margin-right: 40px;
    background-color: #c3c3c3;
    padding: 5px;
    width: 17%;
    text-align: center;
  }

  #on {
    float: right;
    margin-right: 30px;
    background-color: #ff0000;
    padding: 5px;
    width: 17%;
    text-align: center;
  }
}

@media (min-width: 800px) and (max-width: 1500px) {
  #accord-span {
    margin-left: 200px;
    vertical-align: middle;
    border: 1px solid #37c8d5;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 8px;
    padding-top: 8px;
    border-radius: 10px ! important;
    margin-top: 400px ! important;
  }

  #accord-float {
    float: left;
  }

  .accord-right {
    float: right;
    height: 30px;
    vertical-align: middle;
    margin-top: 5px;
  }

  #accord-drop {
    float: right;
  }

  #span-image {
    display: block;
  }

  #accord-text {
    float: right;
  }
}

@media (min-width: 992px) and (max-width: 1024px) {
  .switch + .btn-group > .btn {
    font-size: 12px;
  }
}

@media (min-width: 1000px) and (max-width: 1800px) {
  #accord-span {
    margin-left: 300px;
    vertical-align: middle;
    border: 1px solid #37c8d5;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 8px;
    padding-top: 8px;
    border-radius: 10px ! important;
    margin-top: 400px ! important;
  }

  #accord-float {
    float: left;
  }

  .accord-right {
    float: right;
    height: 30px;
    vertical-align: middle;
    margin-top: 5px;
  }

  #accord-drop {
    float: right;
  }

  #span-image {
    display: block;
  }

  #accord-text {
    float: right;
  }
}

@media (min-width: 1007px) and (max-width: 1158px) {
  .media-session {
    width: 40% !important;
  }
}

@media (min-width: 1010px) and (max-width: 1180px) {
  .media-session {
    width: 33% !important;
  }
}

@media (min-width: 1600px) and (max-width: 1800px) {
  #accord-span {
    margin-left: 600px;
    vertical-align: middle;
    border: 1px solid #37c8d5;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 8px;
    padding-top: 8px;
    border-radius: 10px ! important;
    margin-top: 400px ! important;
  }

  #accord-float {
    float: left;
  }

  .accord-right {
    float: right;
    height: 30px;
    vertical-align: middle;
    margin-top: 5px;
  }

  #accord-drop {
    float: right;
  }

  #span-image {
    display: block;
  }

  #accord-text {
    float: right;
  }
}
/*==========  Bootstrap 3 Media Queries  ==========*/
/* Custom, iPhone Retina */
/* Extra Small Devices, Phones */
/* Small Devices, Tablets */
/* Medium Devices, Desktops */
@media only screen and (min-width: 992px) {
  .page-sidebar {
    position: fixed;
  }
}
/* Large Devices, Wide Screens */
/*
templatename=vert
*/
html#projector.vert {
  background: #069e30;
}
/*
templatename=rose
*/
html#projector.rose {
  background: #e491c9;
}
/*
templatename=jaune
*/
html#projector.jaune {
  background: #ba9700;
}
/*
templatename=rouge
*/
html#projector.rouge {
  background: #e43a45;
}