.jcrop-keymgr {opacity: 0;}.container {padding-left: 0; padding-right: 0;}.dropdown-menu > li > a {padding: 6px 25px; font-weight: 300; font-size: 16px;}.dropdown-menu > li > a:hover,.dropdown-menu > li > a:focus {text-decoration: none; color: #ffffff; background-color: #0192A8;}.progress-bar {background-color: #09ba8e; box-shadow: none;}.profile-menu .btn-default {font-weight: 300;}.learning div#main-header {position: fixed;}@media (max-height: 1767px) {}.header {color: #efefef;}.header a {color: #efefef;}.header a:hover {text-decoration: none;}.header a:visited {text-decoration: none;}.header a:active {text-decoration: none;}.header a:link {text-decoration: none;}.connected-under .disabled-if-connected-under {pointer-events: none; color: gray; text-decoration: none;}.instructor .hidden-if-use-old-portal {display: none;}.parameters > span > a > i {color: white; margin: 15px 0 0 32px; font-size: 32px;}.header .product-name {font-size: 24px; font-weight: 400;}.header .profile-image img {display: none;}.header .profile-image {width: 44px; height: 44px; border-radius: 50%; border: 1px solid #e5e7eb;}.header .profile-image i {line-height: 72px;}.header .mail-icon {margin: 15px 40px 0 70px; font-size: 32px;}.header .mail-icon span {position: absolute; display: none;}.header .mail-icon span div {left: 20px; top: -7px; line-height: 24px; text-align: center; font-size: 17px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: red; width: 24px; height: 24px; position: absolute;}.header .home-link {margin: 23px 0 0 30px; font-size: 1.8em; font-weight: 400;}.header .home-link i {margin-right: 5px; float: left; line-height: 25px;}.header .home-link div {font-size: 0.7em; float: left; font-weight: 300; line-height: 22px;}.header .home-link a:hover {color: #009dca;}.header .home-link a div:hover {color: #009dca;} .modify-profile-container h1 {color:#313946; font-weight:400; margin-bottom:30px; padding-bottom:10px; text-transform: uppercase; font-size: 40px;} .form-profil label {font-weight:300; font-size: 1.8em;}.form-profil .text-danger {font-size: 1.3em; font-weight: 400;}.form-profil .form-control {height: 60px; font-size: 1.6em; font-weight:300;}.form-profil .radio-inline, .checkbox-inline {line-height: 18px; font-size: 1.3em;}.ul-tasks-tmp li {height: 100px;}.navbar-inverse .navbar-inner {background-color: rgba(0,0,0); background-repeat: repeat-x; border-color: #252525;}.tuto-test {font-size: 18px;}.navbar-helper .panel-sitename h3 {font-size: 1.3em;}ul.dropdown-notification > li .notification {padding: 5px 5px 5px 10px;}.sr-header-left p {font-size: 12px;}div.contact-item-body div.status i {font-size: 1.4em;}.content > .content-body {padding: 20px 20px;}.scenario-open {overflow: hidden;}#scenario-backdrop-low {opacity: 0.30;}.scenario-container-left {overflow: hidden; top: 0; left: 0; bottom: 0; right: 0; position: fixed; z-index: 1035; padding-top: 50px;}body.learning .scenario-personnage-img {padding: 0;}.scenario-quit {clear: both; color: #FFFFFF; display: block; font-family: 'Open Sans',sans-serif; font-size: 0.875em; font-weight: 700; padding: 5px 5px 5px 5px; text-transform: uppercase; width: 40px; cursor: pointer;}.scenario-quit:hover {background-color: #359ecd; color: #ffffff; text-decoration: none;}.scenario-navigator ~ div {clear: both;}.scenario-page {text-align: center; width: 30px; height: 30px; color: #ffffff; background-color: #62767f; line-height: 30px; float: left; margin-right: 2px; cursor: pointer;}#scenario-navigator .active {background-color: #359ecd;}.scenario-page:hover {background-color: #359ecd;}#character-name {line-height: 20px; vertical-align: bottom;}.loading-backdrop {background-color: white; opacity: 1;}.overlay {opacity: 0.98; filter: alpha(opacity=98);}.sc-tuto-title {font-size: 18px; color: #ffffff;}.sc-tuto-text {font-weight: 300; color: #ffffff; font-size: 1.1em;}.btn-tuto {float: right;}.carousel-inner > .item-margin {padding: 0 90px;}.carousel-inner > .item-margin p {margin: 0 0 15px 0; line-height: 20px; font-size: 13px;}.carousel-indicators-custom li {background-color: #000000; background-color: rgba(0, 0, 0, 0.25); border-radius: 5px;}.no-padding-right {padding-right: 0;}.no-padding-left {padding-leftt: 0;}.carousel-indicators .active {background-color: #000000;}.well {box-shadow: none; background-color: white; border: 1px solid #CDCDCD; padding: 15px;}.main-divider {background-image: -moz-linear-gradient(left center , rgba(204, 204, 204, 0), rgba(204, 204, 204, 0.75), rgba(204, 204, 204, 0)); border: 0 none; clear: both; height: 1px; margin: 30px 0; z-index: 9999;}a.p-box {border: 1px solid #CDCDCD; font-size: 12px; color: #919191; display: block; text-decoration: none;}a.p-box:hover {text-decoration: none; background-color: #2c5f92; color: white;}a.p-box:hover h3 {color: white;}a.p-box:hover h2 {color: white;}.p-box h3 {color: #505050; text-align: center; font-size: 14px; font-weight: 700; text-transform: uppercase;}.p-box h2 {text-align: center;}.p-box p {text-align: center;}.m-box {border: 1px solid #CDCDCD; font-size: 12px; color: #919191; display: block; text-decoration: none;}.m-box h3 {color: #505050; font-size: 14px; font-weight: 700; text-transform: uppercase; margin: 0 0 0 15px;}.m-box h2 {text-align: center;}.box-header {background: #e6e6e6;}.box-body {position: relative;}.box-body-info {position: absolute; bottom: 0; right: 0;}.test-box-warning {display: block; position: absolute; top: -12px; right: -12px; width: 30px; height: 30px; background: red; color: white; border-radius: 16px; font-weight: bold; text-indent: 12px; font-size: 20px; line-height: 30px;}.account-image {border-radius: 5px; overflow: hidden;}.tuto-next {right: 10px; bottom: 10px; position: absolute;}.tuto {position: relative;}.tuto h1 {font-size: 18px; line-height: 20px; margin: 0; padding: 0;}.tuto h1 > span {margin-left: 10px;}.test-box {width: 150px; height: 200px; margin: 0 auto; cursor: pointer; border: 1px solid gray; background-color: white; padding: 5px 10px; font-size: 12px; position: relative;}.test-box h5 {font-weight: normal; text-align: right; margin-bottom: 30px;}.test-box h5 div {width: 30px; height: 30px; border: 1px solid gray; float: left;}.test-box > div {font-size: 11px; display: none; position: absolute; bottom: 0; left: 5px; padding: 4px;}.test-tuto-box {width: 100px; height: 150px; position: relative;}.test-tuto-box-info {position: absolute; right: 6px; bottom: 3px;}a.tuto-box {width: 100px; height: 150px; position: relative; margin: 0 auto; padding: 5px 10px; display: block; border: 1px solid #CDCDCD; font-size: 12px; color: #919191; text-decoration: none;}a.tuto-box h5 {font-weight: normal; text-align: right; margin-bottom: 30px; font-size: 20px;}a.tuto-box h5 div {float: left; font-size: 14px;}a.tuto-box > div {font-size: 11px; display: none; position: absolute; bottom: 0; left: 5px; padding: 4px; line-height: 12px;}a.tuto-box > span {font-size: 1.4em; position: absolute; bottom: 0; right: 5px; padding: 4px;}a.tuto-box:hover {text-decoration: none; background-color: #2c5f92; color: white; cursor: pointer;}a.tuto-box:hover h3 {color: white;}a.tuto-box:hover h2 {color: white;}a.tuto-box:hover h5 {color: white;}a.sim-box {width: 120px; height: 200px; position: relative; margin: 0 auto; padding: 5px 10px; display: block; border: 1px solid #CDCDCD; font-size: 12px; color: #919191; text-decoration: none;}a.sim-box h5 {font-weight: normal; text-align: right; margin-bottom: 15px; font-size: 14px;}a.sim-box h5 div {float: left; font-size: 12px;}a.sim-box > div {font-size: 11px; display: none; position: absolute; bottom: 0; left: 5px; padding: 4px; line-height: 15px; width: 80%;}a.sim-box > span {font-size: 1.4em; position: absolute; bottom: 0; right: 5px; padding: 4px;}@media (min-width: 1200px) {a.sim-box {width: 140px;} a.sim-box h5 {font-size: 18px;}}.five-column .row-fluid [class*="span"] {display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; margin-left: 2.127659574468085%; *margin-left: 2.074468085106383%;}.five-column .row-fluid [class*="span"]:first-child {margin-left: 0;}.five-column .row-fluid .controls-row [class*="span"] + [class*="span"] {margin-left: 2.127659574468085%;}.five-column .row-fluid .span5 {width: 100%; *width: 99.94680851063829%;}.five-column .row-fluid .span4 {width: 79.57446808510637%; *width: 79.52127659574467%;}.five-column .row-fluid .span3 {width: 59.148936170212764%; *width: 59.09574468085106%;}.five-column .row-fluid .span2 {width: 38.723404255319146%; *width: 38.670212765957444%;}.five-column .row-fluid .span1 {width: 18.29787234042553%; *width: 18.24468085106383%;}@media (max-width: 767px) {.five-column .row-fluid [class*="span"] {float: none; display: block; width: 100%; margin-left: 0; margin-top: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}}a.sim-box:hover {text-decoration: none; background-color: #2c5f92; color: white; cursor: pointer;}a.sim-box:hover h3 {color: white;}a.sim-box:hover h2 {color: white;}a.sim-box:hover h5 {color: white;}.bar {background-image: none; background-color: red;}.bar-info {background-image: none; background-color: red;}.progress-info .bar,.progress .bar-info {background-image: none; background-color: #5f95c9;}.clear {clear: both;}.hide {display: none;}.test-icon {width: 30px; height: 30px; border: 1px solid gray; background: white; line-height: 30px; cursor: pointer;}.report {line-height: 21px;}.report-left {margin-top: 93px;}.report-left-instructor {float: left; margin-top: 63px; min-width: 415px;}.report-instructor li {margin-right: 10px;}.report-left-2 {margin-top: 39px;}.report-right {margin-top: 40px;}.report-right-instructor {margin-top: 12px;}.indent1 {text-indent: 8px;}.prof-box {border-radius: 16px; width: 90%; height: 140px; border: 1px solid #CDCDCD; margin-left: 20px; position: relative; overflow: hidden; margin-bottom: 10px;}.prof-box p {padding: 0 20px 10px 12px;}.prof-box h6 {text-transform: uppercase; padding-left: 12px; font-size: 14px;}.item-pic {background-color: #000000; overflow: hidden; position: relative;}.item-pic:hover .overlay {opacity: 1;}.item-pic a {cursor: default;}.item-content a {cursor: default;}.item-content a:hover {cursor: default;}.item-choice-container {border: 1px solid #E6E6E6; padding: 10px;}.item-choice-pic {background-color: #000000; overflow: hidden; position: relative;}.item-choice-choice {background-color: #FFFFFF; text-align: center; text-transform: uppercase;}.item-choice-name {background-color: #FFFFFF; text-align: center; text-transform: uppercase; color: #007FFF;}.item-choice-name h4 {color: #007FFF;}.btn-choice {background-color: white; border: 1px solid #E6E6E6; text-align: left; color: #555555; width: 70%; line-height: 22px;}.btn-choice i {font-size: 15px; line-height: 22px;}.btn-choice:focus,.btn-choice:active,.btn-choice.active {background-color: white; color: #555555;}.progress-info {background-color: #EEEEEE;}.item-choice-choice .btn {margin: 10px 10px;}.item-content {background-color: #FFFFFF; border-bottom: 1px solid #E6E6E6; border-left: 1px solid #E6E6E6; border-right: 1px solid #E6E6E6; padding: 5px 10px; text-align: center; text-transform: uppercase;}.item-content:hover {background-color: #777777; border-bottom: 1px solid #777777; border-left: 1px solid #777777; border-right: 1px solid #777777; color: #ffffff; cursor: default;}.item-content:hover h5 a {color: #ffffff; text-decoration: none;} .item-content h5 {font-weight: bold; font-size: 14px;}.overlay {background-color: rgba(0, 0, 0, 0.7); height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%;}.overlay-info {height: 100%; left: 0; position: absolute; top: 0; width: 100%; color: #ffffff; display: none; text-align: center; font-size: 12px; line-height: 30px;}.decision h3 {margin: 0 0;}.item-pic:hover .overlay-info {display: block;}.img-caption {position: absolute; right: 0; bottom: 0; left: 0; padding: 3px; background: #333333; background: rgba(0, 0, 0, 0.75); color: white;}.ddrag {cursor: move;}.socket {background-color: #777777; color: #F0F0F0; padding: 12px 0 0 0; font-size: 12px;}.unknow {color: #ededed; font-size: 65px; margin: 41px 0 0 64px;}ol.progtrckr {margin: 0; padding: 0; list-style-type: none;} ol.progtrckr li {display: inline-block; text-align: center; line-height: 3em;} ol.progtrckr[data-progtrckr-steps="2"] li {width: 49%;} ol.progtrckr[data-progtrckr-steps="3"] li {width: 33%;} ol.progtrckr[data-progtrckr-steps="4"] li {width: 24%;} ol.progtrckr[data-progtrckr-steps="5"] li {width: 19%;} ol.progtrckr[data-progtrckr-steps="6"] li {width: 16%;} ol.progtrckr[data-progtrckr-steps="7"] li {width: 14%;} ol.progtrckr[data-progtrckr-steps="8"] li {width: 12%;} ol.progtrckr[data-progtrckr-steps="9"] li {width: 11%;} ol.progtrckr li.progtrckr-done {color: black; border-bottom: 4px solid yellowgreen;} ol.progtrckr li.progtrckr-todo {color: silver; border-bottom: 4px solid silver;} ol.progtrckr li:after {content: "\00a0\00a0";} ol.progtrckr li:before {position: relative; bottom: -2.5em; float: left; left: 50%; line-height: 1em;} ol.progtrckr li.progtrckr-done:before {content: "\2713"; color: white; background-color: yellowgreen; height: 1.2em; width: 1.2em; line-height: 1.2em; border: none; border-radius: 1.2em;} ol.progtrckr li.progtrckr-todo:before {content: "\039F"; color: silver; background-color: white; font-size: 1.5em; bottom: -1.6em;} .ps-container .ps-scrollbar-x {position: absolute; bottom: 3px; height: 8px; background-color: #aaa; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; opacity: 0; filter: alpha(opacity = 0); -webkit-transition: opacity.2s linear; -moz-transition: opacity .2s linear; transition: opacity .2s linear;}.ps-container:hover .ps-scrollbar-x {opacity: 0.6; filter: alpha(opacity = 60);}.ps-container .ps-scrollbar-x:hover {opacity: 0.9; filter: alpha(opacity = 90); cursor:default;}.ps-container .ps-scrollbar-x.in-scrolling {opacity: 0.9; filter: alpha(opacity = 90);}.ps-container .ps-scrollbar-y {position: absolute; right: 7px; width: 10px; background-color: #aaa; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; filter: alpha(opacity = 0); -webkit-transition: opacity.2s linear; -moz-transition: opacity .2s linear; transition: opacity .2s linear; margin: 10px 0;}.ps-container:hover .ps-scrollbar-y {opacity: 0.6; filter: alpha(opacity = 60);}.ps-container .ps-scrollbar-y:hover {opacity: 0.9; filter: alpha(opacity = 90); cursor: default;}.ps-container .ps-scrollbar-y.in-scrolling {opacity: 0.9; filter: alpha(opacity = 90);}.contextBubbleArrowHack {position: absolute;}.contextBubbleArrow {height: 35px; width: 25px; position: absolute;}.contextBubbleClose {position: absolute; right: 6px; top: 6px; width: 20px; height: 20px; cursor: pointer; text-align: center; line-height: 20px;}.contextBubbleNext {position: absolute; right: 6px; top: 6px; width: 20px; height: 20px; cursor: pointer;}.contextBubbleContent {position: relative; height: auto; font-size: 12px; display: none;}.contextBubbleContentHack {position: fixed; left: -0px; top: 0; display: block; font-size: 12px; height: auto; z-index: 8000;}.scenario-bubble-next {font-size: 15px; cursor: pointer; color: #122589; font-weight: 400; margin-top: 10px;}#window-fade {display: none; background: #000000; position: fixed; left: 0; top: 0; width: 100%; height: 100%; opacity: .20; z-index: 999;}#helpBubbleCommonT {width: 200px; height: 200px;}#helpBubbleCommonClose {position: absolute; right: 6px; top: 6px; width: 20px; height: 20px;}.contextBubble .contextBubbleContent .title {color: #000000; font-size: 14px; font-weight: bold; padding-bottom: 10px;}.contextBubble .contextBubbleContent h1 {color: #000000; font-size: 14px; font-weight: bold; padding: 0 0 10px 0; text-indent: 0; border: none; height: auto;}.contextBubble .contextBubbleContent h2 {color: #000000; font-size: 13px; font-weight: bold; padding: 3px 0 0 0; text-indent: 0; border: none; height: auto;}.contextBubble .contextBubbleContent a {color: #000000;}.contextBubble .contextBubbleContent table {color: #000000; padding: 20px;}.contextBubble .contextBubbleContent table tr {border: 1px solid #6f6f6f;}.contextBubble .contextBubbleContent table tr td {border: 1px solid #6f6f6f;}.contextBubble .contextBubbleContent ul {color: #373737; font-size: 12px;}.contextBubble .contextBubbleContent p {color: #222222; font-size: 12px; font-weight: normal; line-height: 15px; margin: 0 0 6px;}.contextBubble .contextBubbleContent div.loading {font-size: 12px; color: #222222; vertical-align: middle;}.contextBubble .contextBubbleContent div.loading img {margin: 0 0 0 10px;}.contextBubble .contextBubbleContent a.correctError {font-size: 11px; text-decoration: none; color: #cf0707;}.contextBubble .contextBubbleContent a.correctError:hover {text-decoration: underline;}.contextBubble .contextBubbleContent a.section {color: #505050; font-size: 11px; display: block; text-decoration: none; cursor: pointer; margin: 0 0 7px 0 ; padding: 7px 7px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; border: 1px solid #c7c7c7; background-color: #ffffff;}.contextBubble .contextBubbleContent a.section div.date {font-size: 11px; color: #7d7d7d;}.contextBubble .contextBubbleContent a.section:hover {background-color: #f9f9f9;}.contextBubble .left {background: url("../images/context-bubble/themes/praxar/arrows.png") 0px -3px;}.contextBubble .small-left {background: url("../images/context-bubble/themes/praxar/arrows.png") 0px -204px;}.contextBubble .right {background: url("../images/context-bubble/themes/praxar/arrows.png") -17px -86px;} .contextBubble .small-right {background: url("../images/context-bubble/themes/praxar/arrows.png") -17px -164px;} .contextBubble .bottom {background: url("../images/context-bubble/themes/praxar/arrows.png") -6px -131px; height: 25px; width: 35px;}.contextBubble .top {background: url("../images/context-bubble/themes/praxar/arrows.png") -4px -43px; height: 27x; width: 35px;}.contextBubbleClose:after {font-family: "Font Awesome 5 Pro"; font-weight: 400; content: "\f00d";}.contextBubbleNext {background: url(../images/context-bubble/themes/praxar/button.png) -20px 0px;}#helpBubbleCommonClose {background: url(../images/context-bubble/themes/praxar/button.png) 0px 0px;}body.simulation .mCSB_scrollTools .mCSB_draggerRail {background:#060a13; background:rgba(6,10,19,1); filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)";}body.simulation .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background:#379dcd; background:rgba(55,157,205, 1); filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)";}body.simulation .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background:rgba(55,157,205, 1); filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)";}body.simulation .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,body.simulation .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background:rgba(55,157,205, 1); filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)";}body.simulation .mCSB_scrollTools .mCSB_draggerRail {width: 10px; height:100%; margin:0 auto; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;}body.simulation .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {width:10px; height:100%; margin:0 auto; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; text-align:center;}body.simulation .mCSB_container{width:auto; margin-right:20px; overflow:hidden;}#a-arrow {width: 80px; height: 40px; top: 0px; right: -50px; position: absolute; background: url("../images/arrow.png") 0px 0px no-repeat;}.letterfx-container{}.letterfx{display:inline-block; margin:0; padding:0; transition: all 1s; -ms-transition: all 1s; -webkit-transition: all 1s;}.letterfx-spin-before{transform:rotate(3600deg); -ms-transform:rotate(3600deg); -webkit-transform:rotate(3600deg);}.letterfx-spin-after{transform:none;}.letterfx-fade-before{opacity: 0;}.letterfx-grow-before{transform:scale(0,0); -ms-transform:scale(0,0); -webkit-transform:scale(0,0);}.letterfx-grow-after{transform:none;}.letterfx-smear-before{color: transparent; text-shadow:-1px -1px 25px transparent;}.letterfx-smear-after{color:inherit; text-shadow:0 0 #333;}.letterfx-fall-before{visibility: hidden; transform:scale(3,3); -ms-transform:scale(3,3); -webkit-transform:scale(3,3);}.letterfx-fall-after{transform:scale(1,1); -ms-transform:scale(1,1); -webkit-transform:scale(1,1); text-shadow:0;}.letterfx-swirl-before{visibility: hidden; transform:scale(3,3) rotate(3600deg); -ms-transform:scale(3,3) rotate(3600deg); -webkit-transform:scale(3,3) rotate(3600deg);}.letterfx-swirl-after {transform:none; text-shadow: 0;}.letterfx-wave-container .letterfx{position:relative;}.letterfx-wave-before{bottom:0;}.letterfx-wave-after{bottom:15px;}.letterfx-fly-left-container .letterfx,.letterfx-fly-right-container .letterfx,.letterfx-fly-top-container .letterfx,.letterfx-fly-bottom-container .letterfx{position:relative;}.letterfx-fly-left-before{left:-50em;}.letterfx-fly-left-after{left:0;}.letterfx-fly-right-before{right:-50em;}.letterfx-fly-right-after{right:0;}.letterfx-fly-top-before{top:-20em;}.letterfx-fly-top-after{top:0;}.letterfx-fly-bottom-before{bottom:-20em;}.letterfx-fly-bottom-after{bottom:0;}h1, h2, h3, h4, h5, h6 {color: #000;}body {font-family: 'Nunito', sans-serif;}body.bg0 {background: #F5F5F5;}body.bg7 {background-image: url('../images/bg7.jpg'); background-attachment: fixed;}body.bgx {background-image: url('../images/bgx.jpg'); background-attachment: fixed;}.contextBubble {background: #D8E0E2; border: none; border-radius: 10px 10px 10px 10px; box-shadow: 0 1px 6px #888888; color: #36393B; font-weight: normal; outline: 0 none; overflow: visible; padding: 24px 18px 24px 18px; position: absolute; z-index: 102; display: none; margin: 0; z-index: 1000; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}.contextBubbleArrow2 {width: 22px; height: 22px; overflow: hidden; position: absolute; background: black; box-shadow: 3px 3px 3px -2px #888; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); tranform: rotate(45deg);}.btn-primary {background-color: #0192A8; border-color: #0192A8; color: #FFFFFF;}.btn-success {background-color: #313946;}.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.open .dropdown-toggle.btn-success {background-color: #444F60;}.fancy-select.round .select-option span {font-weight: 400;}.header {position: fixed; width: 100%; height: 80px; font-size: 1em; color: #000000; background-color: white; z-index: 1000;}.sandbox .header {border-bottom: 5px solid #ff9500;}.header-shadow {box-shadow: 0 4px 5px 0 rgba(0,0,0,0.1), 0 1px 10px 0 rgba(0,0,0,0.1), 0 2px 4px -1px rgba(0,0,0,0.1); -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}.header-container {display: flex; justify-content: space-between; width: 100%; height: 80px; max-width: 1640px; margin: 0 auto;}.header a {color: #000000;}.header .profile img {width: 50px; height: auto;}.header .profile img.users-image {width: 36px; height: auto;}.main-container {padding: 121px 0 0 0;}.menu-container {width: 100%;max-width: 1640px; font-size: 1em; margin: 0 auto;}.character-container{width: 100%; max-width: 1640px; font-size: 1em; margin: 0 auto;}.news-feed-container{font-size: 1em; max-width: 1640px; width: 100%; margin: 0 auto;}.modal-header {background-color: #F5F5F5; border-radius: 10px 10px 0 0;}.modal-body {background-color: #FFFFFF;}.modal-footer {margin-top: 0px; background-color: #fff; border-radius: 0 0 10px 10px;}.modal-title {color: white;}.modal-content {position: relative;background-color: #fff;-webkit-background-clip: padding-box; background-clip: padding-box;border: 1px solid #999;border: 1px solid rgba(0, 0, 0, .2);border-radius: 10px;outline: 0;-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5); box-shadow: 0 3px 9px rgba(0, 0, 0, .5);}.scenario-backdrop {position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1040;background-color: #fff;}.scenario-backdrop.in {filter: alpha(opacity=50);opacity: .5;}.scenario-container {display: flex; overflow: auto; top: 0; left: 0; bottom: 0; right: 0; position: fixed; z-index: 1040;}.scenario-left-container {display: flex;flex-direction: column;align-items: center;width: 36%;background-color: #F5F5F5;padding: 120px 0 0 6.1%;}.scenario-right-container {width: 64%; padding: 120px 7.3% 0 0; margin: 0 auto;}.scenario-right-content {display: flex;flex-direction: column;align-items: center;margin: 0 auto;}.scenario-text-content {max-width: 535px;}#scenario-content .negative-budget {padding: 20px 20px 0px 20px; display: none;}.scenario-content {display: flex; flex-direction: column; align-items: center;}#scenario-content {font-weight: 300; display: none; clear: both;}#scenario-content h3 {font-size: 3em; margin: 30px 0 58px 0; padding: 0; text-align: center; width: 100%; line-height: 1;}#scenario-content p {font-size: 1.25em;}#scenario-content #new-sandbox-company-name-error p {color: #FF4040;}.scenario-personnage {margin-bottom: 19px; font-weight: 400; font-size: 1.125em; max-width: 370px; text-align: center;}.scenario-poste-personnage {font-weight: 300; font-size: 2.25em; max-width: 370px; text-align: center;}.scenario-personnage-img {display: block;border-radius: 50% 50% 0 50%;border-style: solid;border-width: 4px;border-color: #CBCDD0;width: 190px;min-height: 190px;height: 190px;margin: 0 0 46px 0;overflow: hidden;}.help-personnage-img {display: block; background-image: linear-gradient(#ffffffc9, #000000c9); border-radius: 50% 50% 0 50%; border-style: solid; border-width: 2px; border-color: #fff; width: 70px; min-height: 70px; height: 70px; overflow: hidden; position: relative;}.help-personnage-img img {width: 70px; min-height: 70px; height: 70px; cursor: pointer;}.help-personnage-img i {border-radius: 50%; position: absolute; right: -3px; bottom: -3px; color: #fff; font-size: 1.125em; background-image: linear-gradient(#4d4848, #484848); cursor: pointer;}.comm-help-div:hover .help-div-text,#practice-div.desactivate:hover .practice-div-text,#tutorial-div.desactivate:hover .tutorial-div-text,.simulate-btn-back:hover .back-div-text,.simulate-btn-back.rewind-disabled:hover .back-div-text-disabled,.simulate-btn-play:hover .play-div-text{visibility: visible; opacity: 1;}.simulate-btn-back.rewind-disabled:hover .back-div-text {visibility: hidden;}#scenario-btn-container {display: flex; justify-content: center; width: 100%; margin: 56px 0 0 0;}.scenario-navigation-button {max-width: 278px;width: 100%;height: 60px;line-height: 60px;padding: 0;margin: 0 10px;border: none;border-radius: 10px;color: #fff;background-color: #313946;font-weight: 400;font-size: 1.125em;text-align: center;cursor: pointer;}.scenario-navigation-button:hover {color: #fff; background-color: #444F60; text-decoration: none;}.scenario-right-container .fa-comment {font-size: 0.8em;}.scenario-right-container .fa-stack {width: 100%;min-height: 96px;}#scenario-content ul li {font-size: 1em; font-weight: 300; color: #0192A8;}footer {display: flex; align-items: center; position: relative; width: 100%; height: 122px; color: #000000; background-color: #ffffff; font-size: 1em; z-index: 1025;}.footer-container {display: flex; justify-content: space-between; align-items: center; width: 100%; max-width: 1640px; margin: 0 auto;}.footer-container img {width: 7em; height: auto;}.footer div.text {font-size: 0.750em; font-weight: 300;margin-top: 7px;}.calendar-mode-tooltip {font-size: 0.875em;}#participantsSelector {position: absolute; left: 100%; top: 0px; width: 350px; margin-left: 8px; height: 100%; background: white; border: 1px solid rgba(0, 0, 0, .2); border-radius: 10px; box-shadow: 0 5px 10px rgba(0, 0, 0, .2); padding: 10px;}.info-div {display: flex; border: 1px solid #ccc; background: #f2f2f2; margin: 8px 0 0 0; padding: 4px; border-radius: 4px;}.info-div i {color: grey; margin: 4px 8px 0 0;}.input-div input {outline: none !important; border: none !important;}.scroll-ctnr {display: flex; flex-direction: column; overflow: auto; height: 90%;}.user-list, .user-list div, .scroll-ctnr, .scroll-ctnr div {display: flex; width: 100%; align-items: baseline;}.user-list {display: flex; flex-direction: column; height: 100%;}.user-list input, .scroll-ctnr input {margin: 0 16px; cursor: pointer;}.user-list > div:hover {background-color: #eee; border-radius: 3px;}