@CHARSET "UTF-8";

@font-face { font-family: Ubuntu; src: url(../fonts/Ubuntu-R.ttf); }
html, body, input, textarea, select, option { font-family: 'Ubuntu', sans-serif; }

a { outline:medium none; text-decoration:none; color: #000; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, input, textarea, p, th, td { padding: 0; margin: 0; }
html, body{ height: 100%; }
:focus { outline: none; }
body { padding: 0; }
img { border: 0; }
ul{ list-style: none; }

.clear { clear: both; font-size: 0; height: 0; line-height: 0; overflow: hidden; }
.bottomClear { height: 20px; }
.green { color: #37B34A; }
.underline { text-decoration: underline; }
.uppercase { text-transform: uppercase; }
.bold { font-weight: bold; }
.none { display: none !important; }
.center { margin: 0 auto; }
.textCenter { text-align: center; }
.fl { float: left !important; }
.fr { float: right !important; }
.color, .color a { color: #BF0022; }
.colorBorder { border-radius: 3px; padding: 10px; }
.blueLink { color: #297ab0; }

.ui-dialog.rectangleBorders { border-radius: 0; }
.ui-dialog-titlebar { display: none; }
.ui-widget.ui-widget-content { background: #fff; }
.ui-widget-overlay { background: #666 50% 50% repeat; opacity: .50; filter: Alpha(Opacity=50); }
.ui-dialog .ui-dialog-content { padding: 0; }
#popupMessage { text-align: center; }

.white { background-color: #fff; }
.whiteFont { color: #fff; }

.grey { background-color: #D0D2D3; }
.greyFont { color: #737373; }
.greyBorder { border: 1px solid #D0D2D3; }
.greyLine { border-top: 1px solid #D0D2D3; margin: 10px 0; }

.font90 { font-size: 90%;}
.font80 { font-size: 80%; }
.font70 { font-size: 70%; }
.block { display: block; }
.copyright { padding: 0 !important; }

.mediumHeader { font-weight: bold; font-size: 90%; margin-bottom: 15px; }

.borderedBlock { border: 1px solid #d1d3d4; border-bottom: 3px solid #d1d3d4; }

#goTopBg { display: none; position: fixed; left: 0; top: 0; height: 100%; max-height: 100%; width: 60px; }
#goTop { display: none; position: fixed; left: 10px; top: 330px; padding: 40px 0 0 0; font-size: 70%; color: #737373; text-align: center; }
#goTopIcon { display: block; background: url(../images/up_icon.png); width: 34px; height: 34px; }

.hidingButton { position: fixed; left: -100px; top: 270px; width: 80px; padding: 10px 20px; font-size: 90%; text-align: center; background: #E34036; border-radius: 0 5px 5px 0; color: #fff; }
.logoutAsButton { top: 180px; background: #22b373; }

.preloaderGreen { position: absolute; right: 5px; top: 5px; background: url(../images/preloader2.png); width: 16px; height: 16px; display: none; }
.overlay { z-index: 1000; background-color: #000000; height: 100%; left: 0; opacity: 0.2; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20); /filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20); position: fixed; top: 0; width: 100%; }
.preloader { display: block; left: 50%; min-height: 100px; min-width: 200px; position: absolute; top: 50%; }
.header { height: 56px; width: 100%; }
.headerContainer { margin: 0 auto; width: 960px; }
.footer { height: 22px; width: 100%; bottom: 0; left: 0; position: fixed; z-index: 9999; text-align: center; padding: 2px 0 0 0; background: #6B6B6B; }
.foooterWithCopyright { height: 42px; }
.footer a, .footer span { color: #FFFFFF; font-size: 80%; padding: 0 10px; }
.footer span { padding-right: 0; }
.footer a { text-decoration: underline; }
.footer .footerCopyright { font-size: 70%;}
.footer .notifyAboutError { border: 1px solid #fff; text-decoration: none; }
.logoBlock { float: left; }
.logoBlock a { display: block; float: left; }
.logoBlock svg { max-width: 140px; width: 100%; }
.mobileMenu { display: none; }

.promo { font-size: 90%; font-weight: bold; color: #737373; margin: 30px auto 0; width: 620px; text-align: center; line-height: 20px; }
.bus { position: absolute; width: 239px; height: 67px; bottom: 40px; left: 40px; display: block; z-index: 1; background: url(../images/bus.png) no-repeat top center; }
.bus:hover { background-position: bottom; }

.main { position: relative; margin: 25px auto 0; width: 960px; clear: both; }

.tabs { margin: 20px auto 0; text-align: center; position: relative; }
.tabs .tab { color: #6d6e71; padding: 3px; }
.tabs .active { border: 1px solid #22b373; color: #22b373; }
.tabs .trainingLink { position: absolute; right: 0; top: 2px; font-size: 80%; }

.mainPic { position: relative; }
.mainPic h1 { color: #fff; font-size: 125%; font-weight: normal; width: 460px; position: absolute; top: 70px; left: 35px; letter-spacing: 1px; }
.mainPic h2 { color: #fff; font-size: 130%; font-weight: bold; width: 285px; position: absolute; top: 71px; right: 65px; }
.mainPic .loginBlock { padding-left: 10px; position: absolute; top: 165px; right: 95px; }
.mainPic .loginBlockTop { background: rgba(255,255,255,.8); border-radius: 5px 5px 0 0; padding: 15px 10px 15px; border-bottom: 1px solid #fff; }
.mainPic .loginBlockBottom { background: rgba(255,255,255,.8); padding: 15px; border-radius: 0 0 5px 5px; border-top: 1px solid #b6baba; }
.mainPic .loginBlockBottom .registerButton { margin-top: 0; font-size: 80%; }

.whiteButton { background: linear-gradient(to top, #f3f3f3, #fefefe); border-radius: 5px; border: 1px solid #bbb; display: block; width: 129px; height: 32px; text-align: center; font-size: 90%; color: #737373; cursor: pointer; }
.whiteButton:hover { background: linear-gradient(to top, #e3e4e5, #fdfdfd); }
.whiteButton:active { background: linear-gradient(to top, #fdfdfd, #dadbdb); border-color: #a3a3a3; cursor: pointer; }
.whiteButtonDisabled, .whiteButtonDisabled:active, .whiteButtonDisabled:hover { background: #ececec; border-color: #d1d1d1; cursor: default; color: #BBBDBF; }

.smallButton { width: 88px; height: 24px; }
.loginButton { margin: 7px auto 0; padding-bottom: 3px; }
.registerButton { margin: 18px auto 0; }
.regButton { margin: 2px auto 0; }
.enterButton { position: absolute; bottom: 25px; left: 53px; }

.popupText { text-align: center; margin-bottom: 80px; }
.popupButtonLeft { margin-right: 10px; text-align: center; display: inline-block; }
.popupButtonRight { margin-left: 10px; text-align: center; display: inline-block; }

.formError { text-align: center; position: absolute; left: 30%; font-size: 70%; }
.processingError { position: absolute; text-align: center; width: 100%; font-size: 90%; padding: 10px 0; }

#loginForm label { font-size: 80%; color: #737373; }
#rememberMe-label { float: right; }
#rememberMe-element { float: right; margin: 2px 5px 0 0; }
#loginForm .loginField { display: block; background: linear-gradient(#eee, #fff); border: 1px solid #C3C4C4; width: 198px; height: 28px; padding: 0 5px 0 5px; color: #737373; }
.forgotPassword { display: block; font-size: 70%; font-weight: bold; position: absolute; right: 0; }
#loginForm .error { position: relative; text-align: center; font-size: 80%; margin: 10px 0 0 0; overflow: hidden; height: 16px; }
.warning { position: relative; text-align: center; font-size: 70%; margin: 15px 0 20px 0; }

/* registration */
.infoMessage { margin: 0 auto 30px; text-align: center; font-size: 80%; width: 95%; }
.notice { margin: 0 auto; width: 400px; }

div.icon { position: absolute; width: 36px; height: 36px; top: 20px; left: 20px; }

.fieldContainer label { font-size: 90%; color: #737373; display: block; margin: 10px 0 3px 0; }
.overlayed .fieldContainer label { color: #B8BDBF; }

.userField { display: block; background: linear-gradient(#eee, #fff); border: 1px solid #C3C4C4; width: 327px; height: 28px; padding: 0 5px 0 5px; color: #737373; font-weight: bold; }
.overlayed .userField { background: linear-gradient(#F7F7F7, #fff); border-color: #F7F7F7; color: #B8BDBF; }
textarea.userField { resize: none; width: 327px; padding: 5px; color: #737373; font-weight: bold; }

.dropdownArrow { background: url(../images/arrow.png) no-repeat; width: 12px; height: 6px; position: absolute; right: -5px; top: 13px; }
.customDropdownContainer { width: 328px; position: relative; }
.customDropdown { display: block; width: 100%; background: linear-gradient(#eee, #fff); border: 1px solid #C3C4C4; height: 30px; padding: 0 5px 0 5px; color: #737373; float: left; font-size: 80%; font-weight: bold; cursor: pointer; line-height: 30px; overflow: hidden; }
.overlayed .customDropdown { background: linear-gradient(#F7F7F7, #fff); border-color: #F7F7F7; color: #B8BDBF; }
.overlayed .dropdownArrow { display: none; }

.field_dropdown { display: none; position: absolute; top: 32px; left: 0; width: 340px; z-index: 10000; height: 102px; overflow: auto; }
.field_dropdown li { min-height: 24px; border: 1px solid #C3C4C4; border-top: 0; }
.field_dropdown li a { display: block; padding: 3px 0 0 5px; font-size: 80%; color: #737373; }
.field_dropdown li:nth-child(odd) { background-color: #ffffff; }
.field_dropdown li:nth-child(even) { background-color: #f8f8f8; }

.errorinput { border-color: #dd0000; }

.levelsBlock { width: 330px; margin: 0 auto; height: 330px; overflow-y: auto; }
.levelsBlock img, .levelLogoDummy { display: block; float: left; clear: both; width: 70px; height: 70px; border: 1px solid #8F8F8F; }
.levelLogoDummy { background: url(../images/default_level_pic.png) no-repeat center; border-color: #B8BDBF; }
.levelsBlock a { display: block; float: left; clear: left; margin: 25px 0 40px 15px; padding: 0 0 0 35px; height: 20px; color: #737373; }
.overlayed .levelsBlock { overflow: hidden; }
.overlayed .jspVerticalBar { display: none; }

/*.jspDrag { background: #666666; cursor: pointer; width: 11px; left: -4px; }*/
/*.jspVerticalBar { background: url(../images/scroll_track.png) repeat-y; }*/
/*.jspTrack { background: none; }*/

.levelsBlock a.checked { background-position: 0 -40px; }
.overlayed .levelsBlock a { background-position: 0 -60px; cursor: default; }
.overlayed .levelsBlock a.checked { background-position: 0 -20px; }
.overlayed .levelsBlock img { display: none; }

.fieldContainer { position: relative; }

.regError { position: absolute; top: 29px; right: 32px; font-size: 70%; }

.leftColumn { float: left; width: 180px; }
.centerColumn { float: left; }
.rightColumn { float: left; width: 227px; }

.closeButton { position: absolute; display: block; color: #fff !important; border-radius: 1px; border: 1px solid #fff;
    line-height: 11px; width: 11px; height: 11px; top: 4px; background: #BF0022;
    right: 4px; box-shadow: 0 0 1px rgba(255,255,255,.8); text-shadow: 0 0 1px rgba(255,255,255,.8); text-align: center; }

.fill { background: linear-gradient(to top, #61B350, #74E050); height: 13px; float: left; }

/* new modules page */
.levelsListContainer { position: relative; top: 18px; left: 0; width: 100%; min-height: 100px; background: #ade0eb; z-index: 1;  }
.levelsList { padding: 20px; }
.levelsList li { float: left; margin: 0 20px 20px 0; font-size: 80%; width: 204px;  }
.levelsList li:nth-child(3n-2) { clear: left; }
.levelsList li:nth-child(3n) { margin-right: 0 }
.levelsList .levelItem { float: left; margin-top: 2px; }
.levelsList label { cursor: pointer; display: block; float: left; margin-left: 5px; max-width: 180px; }

#selectLevels { padding: 0 4px 2px; position: absolute; right: 0; }
#selectLevels.selected { background: #ade0eb; }

.modulesContainer, .coursebooksContainer { width: 960px; }
.modulesContainer .centerColumn, .coursebooksContainer .centerColumn { width: 692px; position: relative; }
.modulesContainer .oneColumn, .coursebooksContainer .oneColumn { width: 960px; }
.modulesContainer .rightColumn, .coursebooksContainer .rightColumn { float: right; width: 248px; margin-left: 20px;  }

/* siteMenu */
.siteMenu { height: 56px; float: right; display: table; }
.siteMenu .siteMenuItem { text-align: center; font-size: 90%; height: 100%; display: table-cell; vertical-align: middle; }
.siteMenu .siteMenuItem a { padding: 3px 10px; }
.siteMenu .separator { width: 1px; }
.siteMenu .separator div { border-right: 2px dotted #8C9DA4; width: 2px; height: 45px; }
.siteMenu .dropdownMenuElement { width: auto; padding: 0 10px; min-width: 90px; }
.siteMenu .dropdownMenuElementActive { background-color: #e6e7e8; border-bottom: 1px solid #fff; }
.siteMenu a.dropdownMenuItem { padding: 3px 30px 3px 0; background: url(../images/dropmenu_icon.png) right center no-repeat; }
.siteMenu .newLabelContainer { position: absolute; width: 100%; height: 15px; top: 0; left: 0; border-radius: 0 0 7px 7px; color: #fff; line-height: 14px; font-size: 12px; font-weight: bold; text-align: center; }
.siteMenu .newLabel { border-radius: 0 0 7px 7px; background: #bf0022; color: #fff; line-height: 14px; font-size: 12px; font-weight: bold; padding: 0 7px; width: 40%; margin: 0 auto; }

.siteMenu .triangleLabelContainer { position: absolute; width: 100%; height: 15px; bottom: 0; left: 0; border-radius: 0 0 7px 7px; color: #fff; line-height: 14px; font-size: 12px; font-weight: bold; text-align: center; }
.siteMenu .triangleLabel { background: #bf0022; color: #fff; line-height: 14px; font-size: 12px; font-weight: bold; padding: 0 7px;
    border: 14px solid transparent; border-bottom: 14px solid #bf0022; }
.siteMenu .triangleLabel ::after { content: ''; border: 10px solid transparent; border-top: 10px solid green;}

a.dropdownMenuItemActive { background: url(../images/dropmenu_icon2.png) right center no-repeat; }
.dropdownMenuContainer { position: relative; width: 100%; }
.dropdownMenu { display: none; position: absolute; left: -10px; top: 36px; text-align: left; z-index: 10; }
.dropdownMenu li { background: #e6e7e8; height: 38px; border-top: 1px solid #BBBDBF; border-bottom: 1px solid #fff; }
.siteMenu .dropdownMenu li a { display: block; width: 145px; font-size: 90%; margin: 0 0 0 10px; padding: 11px 0 10px 0; }
.dropdownMenu li a:hover { text-decoration: underline; }
.dropdownMenu li a span { display: block; width: 16px; height: 17px; float: left; margin: 0 5px 0 0; background: url(../images/icons.png?1) top left no-repeat; }
.dropdownMenu li a.exit span { background-position: 0 -17px; }
.dropdownMenu li a.settings span { background-position: 0 -34px; }
.dropdownMenu li a.dekanat span { background-position: 0 -51px; }
.dropdownMenu li a.payment span { background-position: 0 0; }
.siteMenu .totalResult { width: 105px; text-align: left; }

.oneColumn { width: 960px; }
.buttons { float: right; }

.soundIcon .icon { display: inline-block; width: 35px; height: 31px; background-position: center -214px; }

/* sound */
.buttonPlay { background: url(../images/sound.png) top center no-repeat; display: inline-block; width: 24px; height: 24px; }
.bigIcon { background: url(../images/big_sound.png) top center no-repeat; display: block; width: 75px; height: 74px; margin: 0 auto; padding: 0; }
.buttonPlay:hover, .bigIcon:hover, .played { background-position: center bottom; }

/* trainings */
.trainingContainer .oneColumn { margin: 0 auto; float: none; }
.trainingContainer .blockTitle { font-size: 90%; margin-bottom: 10px; }

.trainingButton { position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 10px; font-size: 90%; color: #fff; height: 25px; width: 120px;
    background: #22b373; border: none; border-bottom: 3px solid #2B9473; cursor: pointer; text-align: center; padding-top: 3px;}

/* grammar */
.grammarForm { position: relative; width: 90%; height: 100px; margin: 0 auto 15px; display: table; background: #73b0d6; }
.grammarForm .title { vertical-align: middle; display: table-cell; width: 20%; height: 100%; background: #73b0d6; color: #fff; font-size: 120%; border-radius: 3px 0 0 3px; padding-left: 20px; position: relative; }
.grammarForm .refresh { vertical-align: middle; display: table-cell; width: 5%; background: #73b0d6; padding: 4px 3px 0 3px; }
.grammarForm .refreshIcon { display: block; background-position: -6px -171px; height: 22px; width: 26px; }
.grammarForm .refreshIcon:hover { background-position: -6px -193px; }
.grammarForm .sentence { vertical-align: middle; display: table-cell; width: 25%; background: #73b0d6; color: #fff; padding-left: 3px; font-size: 90%; }
.grammarForm .scale { vertical-align: middle; display: table-cell; width: 20%; background: #73b0d6; height: 100px; }
.grammarForm .trainButton { vertical-align: middle; display: table-cell; width: 10%; text-align: center; background: #5c8fbd; border-radius: 0 3px 3px 0; color: #fff; }
.grammarForm .trainButton a { color: #fff; line-height: 50px; text-align: center; }
.grammarForm .trainButtonContainer { width: 100%; height: 50%; }
.grammarForm .rulesLinkContainer { background: #2E3192; }

.grammarFilter {width: 90%; margin-bottom: 15px; display: table; margin-left: auto; margin-right: auto; text-align: center; }
.levelContainerHeader { margin: 0 10px 5px 0; float: left; line-height: 25px; }
.levelContainer { float: left; margin: 0 5px 5px 0; }
.levelContainer a { font-size: 80%; display: block; background-color: #fff; padding: 0 4px; border: #fff 1px solid;
    border-radius: 5px; line-height: 25px; color: #737373; }
.levelContainer.selectedItem a { border-color: #ccc; }

.formOverlay { position: absolute; width: 100%; height: 100%; background: rgba(255,255,255,.4); top: 0; left: 0;  }

.grammarTrainingContainer { background: #73b0d6; border-radius: 3px; position: relative; padding: 10px; min-height: 480px; width: 930px; margin: 0 auto; }
.grammarTrainingContainer .closeIcon { position: absolute; right: 10px; top: 0; color: #fff; font-size: 150%; font-weight: bold; }

.sentencePartsContainer { margin-top: 185px; width: 100%; }
.sentenceParts { margin: 0 auto; max-width: 425px; }
.grammarContainer .sentenceParts { max-width: 560px; }
.sentencePart { padding: 20px 3px; float: left; margin: 0 5px 5px 0; background: #fff; text-align: center; position: relative;
    cursor: pointer; font-size: 120%; width: 100px; height: 30px; line-height: 30px; box-shadow: 0 2px 2px 0 rgba(86,8,9,.4); display: none;}
.sentencePart:hover { background: #ebffff; }
.sentencePart:active { background: #fff; }
.sentencePart.selected, .sentencePart.blocked { cursor: default; box-shadow: none; background: rgba(255,255,255,.5); color: rgba(0,0,0,.5); }
.sentencePart.selected { cursor: pointer; }
.sentencePart.blocked { text-decoration: line-through; }
.sentencePart.blocked td { -webkit-text-decoration-line: line-through; -webkit-text-decoration-color: rgba(0,0,0,.5); }
.sentencePart.failed { cursor: default; box-shadow: 0 2px 2px 0 rgba(92,171,204,.4); background: rgb(237, 28, 36); color: #fff; }
.sentencePart.failedTransparent { background: rgba(237, 28, 36, .5); }
.sentencePart.correct { cursor: default; box-shadow: 0 2px 2px 0 rgba(255,255,255,.4); background: #2BB673; color: #fff; }

.sentencePart.successButton { display: block; background: #2BB673; color: #fff; }
.sentencePart.failButton { display: block; background: rgb(237, 28, 36); color: #fff; }

.sentenceElements { margin: 0 auto; width: 500px; text-align: center; line-height: 35px; }
.sentenceElement { padding: 0 3px; border-radius: 2px; color: #fff; display: inline-block; }
.disableBg .sentenceElement { background: none; }
.signElement { padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; }

.successMessage, .correctMessage { background: url(../images/grammar_correct.png) no-repeat; width: 91px; height: 91px; margin: 0 auto; display: none; }

.finishedTraining .formTitle { color: #8adbde; text-align: center; margin-top: 50px; font-size: 110%; }
.finishedTraining .congrats { color: #fff; font-size: 160%; text-align: center; margin-top: 20px; }
.finishedTraining .congratsSmall { color: #fff; text-align: center; font-size: 120%; }
.finishedTraining .sentenceCounter { border: 1px dashed #fff; height: 50px; width: 50px; line-height: 50px;
    color: #fff; font-size: 140%; text-align: center; border-radius: 25px; margin: 20px auto 0;}
.finishedTraining .activitiesCounter { font-size: 150%; color: #8adbde; text-align: center; }
.finishedTraining .sentenceCounterLabel { text-align: center; color: #fff; font-size: 80%; margin-top: 5px; }
.finishedTraining .recommendation { color: #8adbde; text-align: center; font-size: 120%; margin-top: 30px; }
.finishedTraining .greenButton, .trainingPopup .greenButton { display: block; width: 150px; height: 35px; text-align: center; margin: 20px auto 0; background: #2bb673; box-shadow: 0 2px 2px 0 rgba(43, 148, 115, .9); color: #fff; font-size: 110%; text-transform: uppercase; line-height: 35px; }

/* grammar */

.userTinyMce { width: 100%; height: 371px;}

.moduleTrainings .container { margin: 0 auto; width: 247px; }

.instructions li { color: #737373; font-size: 80%; margin: 10px 0 0 18px; }

.blockHeader { font-weight: bold; text-align: center; }
.blockDescription { margin-top: 20px; font-size: 90%; color: #737373; text-align: center; }

.pager { margin: 20px auto 0; display: table; }
.pager .link { display: inline-block; margin: 3px 7px; float: left; }
.pager .selected { color: #000; }
.pager .prevLink { background: url("../images/dropmenu_icon.png"); width: 21px; height: 21px;
           -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg);   -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);  }
.pager .nextLink { background: url("../images/dropmenu_icon.png"); width: 21px; height: 21px;
           -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg);   -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg);  }

.tip { position: absolute; width: 220px; height: 180px; background: #fff; border-radius: 5px; z-index: 10000; box-shadow: 0 0 5px rgba(0,0,0,0.8); padding: 0 10px; }
.tip .closeIcon { position: absolute; right: 5px; top: 0; color: #00adee; cursor: pointer; }
.tipPointer { position: absolute; width: 24px; height: 20px; background: url(../images/demo.pushtolearn.com/tip_triangle.png) no-repeat center; z-index: 20000 }
.tipCounter { color: #B8BDBF; text-align: center; margin: 10px 0; }
.tipHeader { margin-bottom: 10px; }
.tipContent { margin-bottom: 10px; }
.tipNavigation { position: absolute; width: 100%; bottom: 25px; }
.tipLeft, .tipRight { color: #00adee; position: absolute; top: -3px; }
.tipLeft { left: 0; }
.tipRight { right: 20px; }
.tipFinish { position: absolute; color: #fff; background: #22b373; right: 20px; padding: 3px 5px; box-shadow: 0 0 5px rgba(100,100,100,0.8); top: -6px; }

.violetButton { display: block; width: 144px; height: 36px; font-size: 14px; line-height: 36px; background: #0015E9; color: #fff;
    box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, 0.2); text-align: center; border-radius: 3px; }
.violetButton:hover { box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, 0.3); }
.violetButton:active { box-shadow: none; }

.blocked-container { width: 800px; margin: 50px auto 0; text-align: center; }
.blocked-message { color: #BE1E2D; margin-top: 20px; }
.blocked-data-container { margin: 50px auto 0; width: 400px; font-size: 90%; }