html, body { padding: 0; background: #011435; height: 100%; overflow: auto; }body .wrapper { position: relative; width: 100%; height: 100%; }.error-message {     top: 40px;    font-size: 20pt;      -webkit-border-radius: 9px;    -moz-border-radius: 9px;    border-radius: 9px;}.error-message div { white-space: nowrap; }#briefing-intro-content-wrapper { position: absolute; top: 20px; left: 0; right: 0; overflow-y: auto; }.keyboard-visible  #briefing-intro-content-wrapper { bottom: 373px; }#briefing-intro-content-wrapper-placeholder { width: 100%; height:20px; }#briefing-intro-content { margin: 0 20px; padding: 45px 45px 90px 45px; background: #fff; border-radius: 12px; min-height: 100%; }#briefing-intro-content h1 { font-size: 28pt; margin-bottom: 30px; text-align: center; }#briefing-intro-content .tip { font-size: 14pt; color: #787b80; text-align: center; }#briefing-intro-content .form-table { border: solid 2px #bcbfc1; border-left: 0; border-right: 0; margin: 47px 0; }#briefing-intro-content .form-table th,#briefing-intro-content .form-table td,#briefing-intro-content .form-table td input,#briefing-intro-content .form-table th label { font-size: 24pt; color: #000; font-weight: normal; }#briefing-intro-content .form-table tr td input, #briefing-intro-content .form-table tr td textarea { width: 100%; }#briefing-intro-content .form-table tr th,#briefing-intro-content .form-table tr td { padding: 8px 24px; border: 0; }#briefing-intro-content .form-table tr.first th,#briefing-intro-content .form-table tr.first td { padding-top: 24px !important; }#briefing-intro-content .form-table tr.last th,#briefing-intro-content .form-table tr.last td { padding-bottom: 24px !important; }#briefing-intro-content .olimp-button {    z-index: 0;    font-family: Arial !important;    line-height: normal;    font-size: 16pt;    font-weight: bold;    color: #fff;    height: 86px;    padding: 0 50px;    border: solid 2px #547699;    -webkit-border-radius: 9px;    -moz-border-radius: 9px;    border-radius: 9px;    background: #629acc; /* Old browsers */        /* IE9 SVG, needs conditional override of 'filter' to 'none' */    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E4YmNkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzMxNjlhNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzI3NTE4ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzNzg1YzUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);    background: -moz-linear-gradient(top,  #a8bcd8 0%, #3169a7 50%, #27518f 50%, #3785c5 100%); /* FF3.6+ */    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a8bcd8), color-stop(50%,#3169a7), color-stop(50%,#27518f), color-stop(100%,#3785c5)); /* Chrome,Safari4+ */    background: -webkit-linear-gradient(top,  #a8bcd8 0%,#3169a7 50%,#27518f 50%,#3785c5 100%); /* Chrome10+,Safari5.1+ */    background: -o-linear-gradient(top,  #a8bcd8 0%,#3169a7 50%,#27518f 50%,#3785c5 100%); /* Opera 11.10+ */    background: -ms-linear-gradient(top,  #a8bcd8 0%,#3169a7 50%,#27518f 50%,#3785c5 100%); /* IE10+ */    background: linear-gradient(to bottom,  #a8bcd8 0%,#3169a7 50%,#27518f 50%,#3785c5 100%); /* W3C */    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8bcd8', endColorstr='#3785c5',GradientType=0 ); /* IE6-8 */} #briefing-intro-content .ui-olimpbutton-disabled {     opacity: 1;     filter: Alpha(Opacity=100);     border: solid 2px #a5a6a7;     background: #eff0f1; /* Old browsers */      /* IE9 SVG, needs conditional override of 'filter' to 'none' */     background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmZjBmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2RkZGVkZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2JmYzBjMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNGU1ZTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);     background: -moz-linear-gradient(top, #eff0f1 0%, #dddedf 50%, #bfc0c1 51%, #e4e5e6 100%); /* FF3.6+ */     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eff0f1), color-stop(50%,#dddedf), color-stop(51%,#bfc0c1), color-stop(100%,#e4e5e6)); /* Chrome,Safari4+ */     background: -webkit-linear-gradient(top, #eff0f1 0%,#dddedf 50%,#bfc0c1 51%,#e4e5e6 100%); /* Chrome10+,Safari5.1+ */     background: -o-linear-gradient(top, #eff0f1 0%,#dddedf 50%,#bfc0c1 51%,#e4e5e6 100%); /* Opera 11.10+ */     background: -ms-linear-gradient(top, #eff0f1 0%,#dddedf 50%,#bfc0c1 51%,#e4e5e6 100%); /* IE10+ */     background: linear-gradient(to bottom, #eff0f1 0%,#dddedf 50%,#bfc0c1 51%,#e4e5e6 100%); /* W3C */     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eff0f1', endColorstr='#e4e5e6',GradientType=0 ); /* IE6-8 */     color: #c3c4c5;      } #briefing-intro-content .ui-olimpbutton-disabled .olimp-button-text  {     -webkit-text-shadow: -1px -1px 0 #8e8f90, 1px 1px 0 #fff;     text-shadow: -1px -1px 0 #8e8f90, 1px 1px 0 #fff;     filter: progid:DXImageTransform.Microsoft.Dropshadow(color=#8e8f90, offx=-1, offy=-1) progid:DXImageTransform.Microsoft.Dropshadow(color=#fff, offx=1, offy=1); } #briefing-intro-auth-container button { z-index: 9999; }.briefing-intro-container { text-align: center; }#briefing-intro-auth-container, #briefing-intro-confirm-container { width: 840px; margin: 0 auto; }#briefing-intro-logo { margin-bottom: 124px; text-align: center; }#briefing-intro-logo img { border: 0; }#briefing-intro-dont-forget-container #briefing-intro-logo { margin-bottom: 64px; }#keyboard { width: 100%; position: absolute; bottom: 0; left: 0; background: #010c20; text-align: center; }#keyboard .keyboard-shortcut-wrapper { width: 100%; height: 52px; position: relative; border-bottom: solid 2px #273956; margin-top: -52px; }#keyboard .keyboard-shortcut {     cursor: pointer;    position: absolute;    right: 40px;     border: solid 2px #273956;     border-bottom: 0;         width: 100px;    -webkit-border-radius: 9px 9px 0 0;     -moz-border-radius: 9px 9px 0 0;     border-radius: 9px 9px 0 0;      color: #bcc1ca;    padding: 8px 0 10px 0;    background: #010c20;    font-family: Arial;}#keyboard .keyboard-shortcut-ico { background: url(./Images/keyboard-shortcut__4.2.13.28864.png) 0 -38px no-repeat; width: 63px; height: 32px; margin: 0 auto; }#keyboard .keyboard-wrapper { padding: 45px 0; margin: 0 auto; white-space: nowrap; text-align: left; display: none;  }#keyboard .keyboard-wrapper button {     border: 0;     background: #354460;     -webkit-border-radius: 7px;     -moz-border-radius: 7px;     border-radius: 7px;      width: 60px;     height: 60px;    margin: 0 9px;     font-size: 26px;     padding: 2px 16px;    color: #fff;    font-weight: bold;}#keyboard .keyboard-wrapper .keyboard-row { margin-bottom: 15px; }#keyboard .keyboard-wrapper .row-3 { padding-left: 65px; }#keyboard .keyboard-wrapper .row-5 { margin-bottom: 0; }#keyboard .keyboard-wrapper .keyboard-functional { font-weight: normal; font-size: 14pt; }#keyboard .keyboard-wrapper .keyboard-backspace { margin-left: 47px; }#keyboard .keyboard-wrapper .keyboard-delete { width: 73px; }#keyboard .keyboard-wrapper .keyboard-home { margin-left: 15px; width: 105px; }#keyboard .keyboard-wrapper .keyboard-end { margin-left:56px; width: 81px; }#keyboard .keyboard-wrapper .keyboard-shift { width: 119px; }#keyboard .keyboard-wrapper .keyboard-shift-right { margin-left: 24px; }#keyboard .keyboard-wrapper .keyboard-lang { width: 125px; }#keyboard .keyboard-wrapper .keyboard-space { width: 605px; }#keyboard .keyboard-wrapper .keyboard-left { margin-left: 41px; }.keyboard-visible #keyboard .keyboard-wrapper { display: inline-block; }.keyboard-visible #keyboard .keyboard-shortcut-ico { background-position: 0 0; }.keyboard-visible #briefing-intro-logo { display: none; }.keyboard-visible #briefing-intro-auth-container .form-table { margin: 27px 0 20px; }.keyboard-visible #briefing-intro-auth-container button { height: 75px; }/*#briefing-intro-content-wrapper { margin-bottom: 0; background: #fff; left: 20px; right: 20px; }#briefing-intro-content-wrapper-placeholder { display: none; }#briefing-intro-content { padding: 0; margin: 0; position: absolute; top: 65px; left: 65px; right: 65px; bottom: 20px; min-height: 0;  }*/.briefing-intro-check-list { margin: 47px 0 31px; list-style-type: none; padding: 0; }.briefing-intro-check-list li {     margin: 6px 0;     font-size: 26px;     padding: 15px 20px;     margin-bottom: 16px;    background: #e9eaeb;     border: solid 2px #cfd1d2;     cursor: pointer;     text-align: left;     -webkit-border-radius: 11px;    -moz-border-radius: 11px;    border-radius: 11px;}.briefing-intro-check-list li * { cursor: pointer; }.briefing-intro-check-list li.selected { color: #fff; background: #2780c8; border: solid 2px #3175af; }.briefing-intro-check-list li .olimpcheckradio { margin-bottom: -6px; }.briefing-intro-check-list li table { border-collapse: collapse }.briefing-intro-check-list li table tr td { margin: 0; }.briefing-intro-check-list li table tr .checker { vertical-align: middle; }#scorm-frame-wrapper { position: absolute; top: 50%; width: 100%; }#scorm-frame-wrapper .scorm-frame-inner-wrapper {     position: relative;    margin: 0 auto;               border: solid 2px #b2b2b2;    }#scorm-frame-wrapper iframe { border: 0; background-color: #fff; }#scorm-frame-wrapper .touch-button-bar { width: 76px; position: absolute; top: -2px; right: -94px; }#scorm-frame-wrapper .touch-button { margin-bottom: 16px; }#scorm-frame-loader { text-align: center; position: absolute; top: 50%; width: 100%; }#scorm-frame-loader img { margin-top: -54px; }#briefing-intro-dont-forget-container { text-align: center; }.touch-button {        cursor: pointer;    -webkit-border-radius: 9px;    -moz-border-radius: 9px;    border-radius: 9px;    border: solid 2px #bcc1ca;    width: 72px;    height: 60px;        background-color: #273956;        background-position: center center;    background-repeat: no-repeat;}.touch-button-home { background-image: url(./Images/briefing-intro-home-tb__4.2.13.28864.png); }.touch-button-finish { background-image: url(./Images/briefing-intro-finish-tb__4.2.13.28864.png); }.watermark { color: #a9a9a9 !important; }::-webkit-input-placeholder { color: #a9a9a9 !important; }:-moz-placeholder { color: #a9a9a9 !important; }::-moz-placeholder { color: #a9a9a9 !important; }:-ms-input-placeholder { color: #a9a9a9 !important; }#auth-camera-container {    width: 385px;    height: 480px;    margin-left: auto;    margin-right: auto;    border: 2px groove gray;}.buttons-panel button {    margin-top: 10px;    margin-left: 5px;    margin-right: 5px;    width: 350px;}.no-camera-picture {    background: url(./Images/photo-red__4.2.13.28864.png) no-repeat 50% 50%;    display: block;    position: absolute;    top: 0;    bottom: 0;    left: 0;    right: 0;    margin: auto;}.briefing-intro-checkbox {    display: inline-table;    font-size: 22px;    text-align: center;    box-sizing: border-box;    height: 86px;    margin: 10px 5px 0 5px;    background: #e9eaeb;     border: solid 2px #cfd1d2;     cursor: pointer;     -webkit-border-radius: 11px;    -moz-border-radius: 11px;    border-radius: 11px;}.briefing-intro-checkbox.selected {     color: #fff;      background: #2780c8;      border: solid 2px #3175af;}.briefing-intro-checkbox.disabled {     pointer-events: none;      cursor: default;     opacity: 0.5;}.briefing-intro-checkbox:focus, .briefing-intro-checkbox:hover {    text-decoration: none;}.briefing-intro-checkbox .briefing-checkbox-inner {       width: 100%;     height: 100%;    margin: 13px 0 15px 0;    box-sizing: border-box;    overflow: hidden;}.briefing-intro-checkbox .briefing-checkbox-inner .briefing-checkbox-splitter {    display: table;}.briefing-checkbox-splitter .briefing-checkbox-checker {     display: table-cell;     width: 70px;    background-position: center;    background-repeat: no-repeat;}.briefing-checkbox-splitter .briefing-checkbox-text {    padding: 10px 10px 10px 10px;    font-size: 22px;    -webkit-user-select: none;    -webkit-touch-callout: none;    -khtml-user-select: none;    -moz-user-select: none;    -ms-user-select: none;    user-select: none;}